Choose your tool
AI gave you HTML.
Now what?
You asked for a school flyer, an invitation, or a first look at your app. Your AI handed you code. You just want to see what it looks like.
HTML Lens is a simple place to open that HTML, preview it on different screen sizes, and keep working. Free online editors are useful too. The right choice depends on what you want to do next.
Paste your HTML and try it free →· Written by the makers of HTML Lens
A quick way to choose.
Start with the job you need done. These tools overlap, but they put different things first.
| Tool | A good fit when… | What to expect |
|---|---|---|
| HTML Lens | You already have HTML and want to see the finished page, especially on your phone. | Paste or upload one document. Try phone, tablet, and desktop previews. Image Resizer and Flow & Stitch are nearby. |
| A desktop browser | You have a local HTML file and only need to look at it. | Open the file in the browser. A useful first option with no extra editor to learn. Local files and hosted pages can behave differently. |
| W3Schools Tryit | You want to change an HTML example and run it while learning. | An editor and result view alongside W3Schools' HTML learning material. |
| CodePen | You want to build, experiment with, and share front-end code. | HTML, CSS, and JavaScript editing, previews, saved Pens, collections, and embeds. Its broader development tools can be a better fit for ongoing coding. |
HTML Lens is an alternative for a focused workflow. Saving, collections, previews, and embeds also exist in other products; the difference is how the tools fit together and what you need to learn.
For the thing you actually wanted to make.
A school flyer or PTA announcement.
Ask your AI for one complete, self-contained HTML file with your school name, event details, and layout. Paste it into HTML Preview or upload the file. Check the result, then ask your AI to adjust the wording, spacing, or colors. No need to start a coding project just to check a flyer.
An invitation you can reuse.
Keep a master version and make a copy for the next event. The app's Library provides a place to save and rename documents and organize them into folders and projects. Keep “School events” separate from “Birthday invitations” instead of hunting through an AI conversation for the right version.
A first look at a website or app.
Device Frame previews HTML inside iPhone, Android, tablet, and desktop frames. The paid iPhone app includes HTML export and embed tools for presenting your work on your own website. Your site's editor must allow the exported HTML and scripts. These are browser previews, not operating-system emulators.
And when your image is too big?
You still want the photo. You just need a smaller file. Use Image Resizer to reduce a JPG or PNG to under 5 MB free in your browser, then save the result and use it in your project.
The iPhone app adds more target sizes and image export options. Reducing file size can change dimensions or quality, so check the result before replacing your original. Making a photo smaller also does not automatically put it inside your HTML; ask your AI to update the document with the image you want to use.
The free resizer processes your image on your device. It does not upload the photo to HTML Lens.
Open the file. See the page.
The iPhone app is built to receive HTML files from Files and open them directly in a rendered preview. It is a different experience from opening a code editor and setting up separate panels.
The free website is available now. The iPhone app is coming to the App Store. App features described here belong to the current app implementation; an older TestFlight build may not contain them.
How “Open With” works on iPhone
On a compatible iPhone with HTML Lens installed, touch and hold an HTML file in Files and choose Open With. Select HTML Lens if it appears. Apple also documents choosing a default through Get Info → Always Open With, where available. Confirm whether the choice applies to that file or file type.
The available choices depend on your iOS version and installed app build. If HTML Lens is missing, open the app and use Upload HTML instead. This is a Files setting, not a website switch that changes your phone's default apps.
Try it free. Keep more in the app.
- Free website: paste or upload HTML, preview screen sizes, try Device Frame and Flow & Stitch, and resize images under 5 MB. The homepage preview is temporary; download your HTML if you want to keep it.
- Paid iPhone app: a local Library with folders and projects, additional image size targets, and export/embed tools for Device Frame and Flow & Stitch.
A few useful limits to know
HTML Lens displays HTML; it does not generate the design or publish a website for you. Use your preferred AI for changes. A single self-contained file works best. External images, fonts, scripts, and services may still need an internet connection.
Live HTML can keep its own scrolling and interactions inside a frame. Flow & Stitch arranges screenshots into a scrollable presentation; it cannot turn the buttons pictured in those screenshots into working buttons. Local project storage is not a cloud backup. Keep exported copies of important work.
How we compared.
This is HTML Lens' own comparison, not an independent review or a speed benchmark. We checked the official resources below on October 17, 2026. Features and availability can change. We have not claimed other tools lack features their documentation describes.