Create stunning thumbnails and social media images in seconds. LazyLayers is a modern web application that makes it easy to design beautiful screenshots and thumbnails without any design skills.
- Multiple Aspect Ratios: Support for various formats
- Open Graph (1.91:1)
- YouTube (16:9)
- Rich Text Customization
- Multiple Google Fonts support (Inter, Roboto, Oswald, Playfair, etc.)
- Font size, color, and spacing controls
- Line height and tracking adjustments
- Maximum width control
- Background Customization
- Gradient color picker
- Custom background colors
- Frame Customization
- Adjustable inset and shadow
- Custom background colors
- Multiple Frame Styles
- MacOS window style
- Windows window style
- No frame option
- Image Controls
- Upload any image
- Fit or Fill display options
- Adjustable padding
- Background Options
- Custom gradient backgrounds
- Color customization
- One-Click Export: Instant PNG download of your designs
- Modern UI: Clean and intuitive interface
- Real-time Preview: See changes as you make them
- Responsive Design: Works on all screen sizes
- Node.js 16+
- npm or yarn
- Clone the repository:
git clone https://github.com/ahmadrosid/lazylayers.git- Install dependencies:
cd lazylayers
npm install
# or
yarn install- Run the development server:
npm run dev
# or
yarn dev- Open http://localhost:3000 in your browser
- Next.js - React framework
- Tailwind CSS - Styling
- Shadcn UI - UI components
- Framer Motion - Animations
Contributions are welcome! Feel free to submit a Pull Request.
This project is licensed under the MIT License - see the LICENSE file for details.