Skip to content
tileio

Menu

10 layers · 2 free

Bolt.new prompts for small interactive pages

Bolt.new runs a whole development environment in the browser, so it suits pages that need working state rather than only a layout: inputs that drive results, answers that change what comes next, data that updates. These ten prompts are that kind of page.

An ROI calculator whose sliders drive a live savings figure and chart. A product finder that re-ranks a range of running shoes after every answer. An NPS survey that changes its follow-up for detractors and promoters, a scored quiz on spotting phishing, an adoption form that asks one thing at a time. A booking widget with free days and slots, an incident status page with a scrubbable uptime bar, a help centre whose search answers as you type and a changelog that remembers your last visit.

Each prompt quotes the design and its script verbatim. Copy it as single HTML to start, or as React or Vue, and ask Bolt to replace the sample data with your own.

The 10 layers, in order

  1. Three sliders drive a live savings figure that tweens between values and a drawn chart.

  2. A running-shoe finder that re-ranks the whole range after every answer.

  3. An NPS survey whose follow-up changes for detractors, passives and promoters.

  4. A security quiz: decide whether eight emails and texts are real or phishing, then see why.

  5. An adoption questionnaire that asks one thing at a time, by click or letter key.

  6. A month grid where free days glow and a column of time slots slides in.

  7. A status page during an incident: updates newest first and a scrubbable uptime bar.

  8. A help centre whose search shows the best answer inline as you type.

  9. Release notes that remember you: what is new since your last visit sits on top.

  10. A product roadmap pinned to the screen while scrolling drives the quarters sideways.

Browse the full catalogue: Sections · Pages

Questions

How do I use these prompts in Bolt.new?

Pick a stack on the layer page (single HTML is the simplest start; React and Vue also work), copy the prompt and paste it into Bolt. It builds and runs the page; then ask it to swap the sample data for your own or connect an API.

Why do these pages suit Bolt?

Each has logic worth running and testing straight away: scoring, ranking, validation, saved state. Bolt's in-browser environment lets you try that logic as soon as it is written.

Is Tileio affiliated with Bolt.new?

No. Tileio is an independent library of design layers and prompts. The prompts are plain text, so they work in Bolt.new and in any other AI coding tool that writes HTML, CSS and JavaScript.

Which of these are free?

Spot-the-phish Scored Quiz and the incident status page. Free layers are for personal projects; commercial use needs Pro or Lifetime.

Related collections

All collections