Already comparing tools? Find the right place to open your HTML →

A little inspiration

What could
you make?

You have the idea. AI writes the HTML.
HTML Lens lets you see it.

A school flyer. A party invitation. A first look at your next app.
Start with a description, a photo, or a sketch on paper.

Already have HTML? Open it here →

From a scribble to something real.

Draw where the logo, title, and details should go. Give your sketch and wording to ChatGPT, Claude, or another AI that accepts images. Ask for a complete HTML file, then open the result in HTML Lens.

01 / Your sketch. A rough idea is enough.

✳ Meadow School · PTA

A little
sweetness.
A big help.

School bake sale
Saturday · 10 AM–2 PM
School courtyard

Every treat helps our classroom library.

Sketch it.
Or just describe what you have in mind.
Ask your AI.
Add your details and request one complete HTML file.
Open it.
Paste the HTML or open the file in HTML Lens.
Make it yours.
Ask your AI for changes. Keep your versions in the app.

Start with something you need.

You don't need to know how to code. Pick an idea, copy its prompt, and fill in your details in your AI chat. HTML Lens opens and previews what the AI gives you.

A school fundraiser

Bake sales, PTA nights, classroom newsletters, and volunteer information.

Try this idea

Create a school bake sale flyer as one complete HTML file with all styling included. Follow my attached sketch if provided. Put the school name and logo at the top, a large event title in the middle, and the date, time, location, fundraiser purpose, and contact details below. Make it readable on a phone and suitable for US Letter printing. Use only the details I provide; leave placeholders for missing details. Here are my details: [ADD YOUR DETAILS]. Return the complete HTML in one code block.

A garage sale

A clear flyer for your neighbors, with the when, where, and what.

Try this idea

Create a garage sale flyer as one complete HTML file, with styling included. Use a big readable title, date, time, location, and a short list of what is for sale. Make it work on a phone and on a printed US Letter page. Leave placeholders for anything I have not supplied. Details: [ADD YOUR DETAILS]. Return the complete HTML in one code block.

Homecoming & celebrations

School dances, birthday invitations, graduations, and family gatherings.

Try this idea

Create a [HOMECOMING / PARTY / GRADUATION] invitation as one complete HTML file with its styling included. Use this theme: [THEME AND COLORS]. Include only these event details: [TITLE, DATE, TIME, PLACE, RSVP DETAILS]. Leave clear placeholders where information is missing. Make it easy to read on a phone and printable. Return the complete HTML in one code block.

Your small business

Service menus, price lists, class schedules, or an event announcement.

Try this idea

Create a polished [SERVICE MENU / PRICE LIST / EVENT PAGE] as one self-contained HTML file. Business name: [NAME]. Services and prices: [DETAILS]. Colors and style: [STYLE]. Contact information: [CONTACT]. Use only my supplied facts and leave placeholders for missing details. Make it responsive on phone, tablet, and desktop. Return the complete HTML including its styling in one code block.

Your first app idea

Sketch a home screen, a settings page, or a customer experience.

Try this idea

Create a clickable HTML prototype of this app idea: [DESCRIBE IT]. Follow my attached sketch if provided. Include a home screen and [OTHER SCREENS]. Make buttons switch between those sample screens. Use fictional sample data only. This is a visual prototype: do not pretend that payments, accounts, or saving to a server work. Return one complete HTML file with its styles and scripts included.

Something for your community

Block parties, club announcements, garden swaps, and neighborhood meetups.

Try this idea

Create a [COMMUNITY EVENT] flyer as one complete HTML file with styling included. Make the main message and date easy to spot. Include these details: [DETAILS]. Use a friendly, uncluttered design and make it readable on a phone and in print. Do not invent a location or contact information. Return the complete HTML in one code block.

Your school. Your look.

Make it once.
Use it all year.

The logo always goes here. The school name always goes there. Keep the colors and layout you like, then change the wording for the next event.

In the iPhone app, keep a master copy in a School folder. Save a separate copy for each event so your original stays ready for next time.

A prompt for reusing your layout

Use my attached HTML as the master school template. Keep the school logo, school name, colors, fonts, and their positions unchanged. Make a new version for [EVENT]. Replace only the event title, date, location, details, and contact information with the following: [DETAILS]. Return the complete updated HTML as one file, including its styling.

📁 Meadow School

School flyer · master template
Bake sale · October
Homecoming · version 2
PTA night · parent flyer

Example organization for your HTML Lens library.

For your portfolio or product page

Give your work
a proper frame.

Show an HTML page inside an iPhone, Android, iPad/tablet, or desktop frame. Put the result on your own website for a polished product showcase or client presentation.

With the paid iPhone app, copy the embed code or export the framed HTML. The HTML stays live and scrollable inside the frame.

Have screenshots instead? Flow & Stitch turns them into a scrolling presentation. The paid app can export its HTML or embed code, too. Screenshot contents remain pictures.

Try Device Frame free →
Try Flow & Stitch →

How embedding works

Create your preview in the app, choose your device and frame, then copy the embed code into an HTML or embed block on your website. Your website builder needs to allow the HTML and scripts in the export. An HTML file by itself is not a hosted public link.

These frames show how a page looks at different screen sizes in a browser. They do not turn a native iOS or Android app into a working website.

Preview on

Live example · scroll inside the screen

Your next idea can start here.

Ask your AI for HTML, then paste it into the free viewer. The iPhone app adds a local library, folders, and the saving and embedding tools.

Open the free tools →

From a scribble to something real.

Start with something you need.

A school fundraiser

A garage sale

Homecoming & celebrations

Your small business

Your first app idea

Something for your community

Make it once.Use it all year.

📁 Meadow School

Give your worka proper frame.

Your next idea can start here.

Make it once.
Use it all year.

Give your work
a proper frame.