Skip to content
tileio

Menu

10 layers · 4 free

Lovable prompts for the screens every app needs

Lovable can stand up a working app quickly, and the screens that make it feel finished are the ones people skip: sign-up, sign-in, a password reset, the first dashboard, settings, pricing. This collection gives each of those a considered design to prompt from.

There is a three-step sign-up where the product assembles itself beside the form, a sign-in split beside a street that lights up as the fields fill, a work-email SSO router, a calm password reset, a six-box code entry that handles paste and autofill, an analytics overview with a range brush, a kanban board you drive by drag or keyboard, a keyboard-first inbox, a settings page that tracks unsaved changes and a usage-based pricing page with a log-scale slider.

Pick React before copying: the prompt asks for a React page in TypeScript, one component per block, with the motion as hooks and the styles as one sheet. Paste it into Lovable and ask it to wire the forms to your auth and data.

The 10 layers, in order

  1. A three-step sign-up where the product assembles itself beside the form.

  2. A sign-in split beside a night street that lights up as the fields become valid.

  3. Sign-in that starts with your work email and routes to SSO from the domain.

  4. A password reset as one calm page in three steps, with live password rules.

  5. A verification step whose six code boxes handle typing, Backspace, paste and autofill.

  6. An analytics overview: KPI cards that double as chart tabs and a 90-day range brush.

  7. A job board with six columns; drag cards or move them from the keyboard.

  8. A three-pane inbox driven from the keyboard: j and k move, e archives, s stars.

  9. A settings page that keeps count of what you changed and what is unsaved.

  10. Usage pricing with a log-scale slider that moves a marker along the bill's cost curve.

Browse the full catalogue: Pages

Questions

How do I use a Tileio prompt in Lovable?

Choose React on the layer page, copy the prompt and paste it into Lovable's chat. It builds the screen from the quoted design; then ask it to connect the form to your authentication or database.

Do these screens include real authentication?

No. They are front-end designs with validation, states and placeholder data. The backend (Supabase, your own API or another provider) is wired up in Lovable after the screen is built.

Is Tileio affiliated with Lovable?

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

Which of these are free?

Multi-step Sign-up, Password Reset, Print Shop Kanban Board and the usage-slider pricing page. Free layers are for personal projects; commercial use needs Pro or Lifetime.

Related collections

All collections