A simple web application that allows users to enter or select a quote and author, customize its design (text style, colors, background, layout), and download the final design as an image.
- Enter Custom Quotes: Input your own quote and author name.
- Preset Quotes: Select from a list of predefined quotes.
- Design Customization:
- Edit quote text and author directly in the design view.
- Change text color, font family, and font size.
- Apply Bold, Underline, and Italic formatting.
- Adjust text alignment (Left, Center, Right).
- Set background color.
- Upload a custom background image.
- Choose from preset background images.
- Select aspect ratio (Free, Square, Landscape, Portrait).
- Live Preview: See design changes reflected in real-time.
- Download Design: Download the final quote design as a PNG image.
- Download the project files and place them in the same folder on your computer.
- Open the "index.html" file in your web browser.
- Enter an author and quote, or select a preset quote.
- Click the "Design Now" button.
- Use the design tools panel to customize the appearance.
- Click the "Download Design" button to save your creation as a PNG file.
- HTML5
- CSS3
- JavaScript
- html2canvas