Remix

Make your own version of FlyerForge AI

Get an exact, working copy in your account, then change anything with chat.

Original by Henry Addo

What would you change?

Start free with 40 credits. No card needed.

Start fresh from this prompt

Builds a brand new app from the first prompt only, so later changes to the original are not included.

Build a working, mobile-first AI flyer creation web application called FlyerForge AI.

CREATOR: HENRY
TAGLINE: Your Ideas. Professional Flyers.

DESIGN
Create a premium midnight-blue and black interface with purple gradients, electric-blue highlights, clean typography, subtle animations and a professional dashboard. Make it work beautifully on Android phones, tablets and desktops.

MAIN FEATURES

1. FLYER CREATOR
   Build a working creation form with:

- Flyer category: birthday, party, church programme, harvest, anniversary, wedding, funeral, fashion advertisement, business promotion, concert and school event.
- Event title, names, date, time, location, contact number, dress code, price, slogan and additional text.
- Design style, colour palette, layout and aspect-ratio selectors.
- A detailed prompt field for describing the desired design.

2. PHOTO UPLOAD
   Allow users to upload multiple photos, logos and reference flyers from their device. Display previews and allow images to be removed, cropped, repositioned and resized. Support common image formats and handle invalid uploads gracefully.

3. REFERENCE-BASED DESIGNS
   Support two main visual styles inspired by the supplied reference images:
   A. Vintage church and community posters with aged paper, sepia photographs, newspaper textures, wheat decorations and bold condensed lettering.
   B. Luxury fashion and business advertisements with black backgrounds, gold metallic lettering, tailoring tools, measuring tapes and premium compositions.

Use uploaded reference images as visual guidance. Do not copy unrelated text from them.

4. EDITABLE FLYER CANVAS
   Create a genuine interactive editor using a suitable canvas library such as Fabric.js or an equivalent.

- Add, select, move, resize, rotate and delete text and image layers.
- Edit font, size, colour, alignment, line spacing and shadows.
- Add shapes, borders, decorations and backgrounds.
- Provide undo, redo, zoom and fit-to-screen controls.
- Keep event text editable after the artwork has been generated.

5. REAL AI GENERATION
   Design the application so that a real image-generation model can create flyer backgrounds and decorative artwork from user prompts. Keep important event details in editable text layers instead of asking the image model to spell every word inside the image.

Use a supported image-generation API through a secure server-side function and store the API key in protected environment secrets. Never expose private API keys in browser code.

If no API credentials or free generation service are configured, show a clear setup message and allow users to continue creating flyers using built-in templates, uploaded photographs, editable text and decorations. Never pretend that an AI image was generated when it was not.

6. PROFESSIONAL TEMPLATES
   Include attractive sample templates for:

- Youth and Children's Harvest
- Church Anniversary
- Birthday Celebration
- Wedding Anniversary
- DJ Night
- Fashion and Tailoring Business
- Grand Opening
- School Programme

Use clearly labelled sample details and make all template text editable.

7. HD EXPORT
   Provide working PNG and JPEG downloads at high resolution, plus PDF export where supported. Render the canvas at the requested output resolution, preserve the design's aspect ratio, and avoid blurry text. Ensure exported files contain the actual finished flyer and not the editor interface.

8. SAVED PROJECTS
   Allow users to save, reopen, duplicate, rename and delete designs. Use local browser storage for a simple first version. Structure the application so cloud storage and user accounts can be added later. Do not promise cross-device cloud saving unless implemented.

9. PAGES
   Create Home, Create Flyer, Templates, My Projects, How It Works and About HENRY pages. Include a prominent Create Your Flyer button and a gallery of finished example designs.

10. TECHNICAL QUALITY
    Use React, TypeScript and Tailwind CSS if supported. Build reusable components and maintain a clean project structure. Ensure uploads, canvas editing, templates, undo/redo, save, reopen and downloads work. Add loading indicators, validation and clear error messages. Optimise for low-end Android devices and mobile data.

11. ACCEPTANCE TESTS
    Before considering the app complete:

- Upload a portrait and place it in a flyer.
- Change the title and event date.
- Move and resize the portrait and text.
- Save and reopen the project.
- Export a high-resolution PNG and verify that it opens.
- Test the mobile layout.
- Verify that unavailable AI integrations display an honest setup message.

Add the credit “Created by HENRY” in the footer and About page.

Build the working application, not just a mockup. Prioritise the flyer editor, image uploads, templates and reliable downloads before adding optional features.

Start fresh from this prompt

Builds a brand new app from the first prompt only, so later changes to the original are not included.