Skip to content
tileio

Menu

10 layers · 10 free

ChatGPT prompts for website sections, all free to try

If you are designing a website with ChatGPT, a section-sized prompt is the right unit: big enough to look finished, small enough for ChatGPT to return complete in one reply. All ten here are free, so you can try the workflow before deciding anything.

They are the kinds of sections that are hard to describe from scratch. A poster hero of giant marquee text, numbers that count in step with scroll, a company timeline with a marker that travels down a spine, five chapters that slide sideways, a filmstrip you throw with momentum, a contribution-style heatmap, a rail of posts that snaps card by card, quarterly goals as concentric rings and a video that shrinks into a mini player as you scroll to the recipe.

Copy a prompt as an HTML snippet, paste it into ChatGPT, then save the reply into your page. Ask for a React, Vue or WordPress version by choosing that stack before copying.

The 10 layers, in order

  1. A poster hero of four rows of giant text sliding at different speeds.

  2. Three giant numbers that count in lockstep with scroll, so scrolling back counts down.

  3. A company timeline where a marker travels down the spine with your scroll.

  4. A ferry company's 128 years in five side-by-side chapters that slide past.

  5. A strip of frames with sprocket holes that you drag and throw with momentum.

  6. A year of shipping as a contribution-style calendar heatmap that fills in diagonally.

  7. A sideways rail of posts that snaps card by card, with a last-visit marker.

  8. Four quarterly goals as concentric rings that close one after another.

  9. A cooking video that lifts off and shrinks into a mini player as you scroll to the recipe.

  10. A bike share's day told in eight moments beside a sticky dashboard that keeps time.

Browse the full catalogue: Sections

Questions

What is a good ChatGPT prompt for website design?

One that describes a single section completely: layout, content, colours, motion, interaction and the output format you want. Each prompt here does that and quotes a working reference implementation, so ChatGPT reproduces it instead of improvising.

Can ChatGPT build a whole website from one prompt?

It can, but quality drops as the prompt grows. Building section by section and assembling the page gives better results; Tileio's full templates also copy as one prompt if you want to try.

Is Tileio affiliated with OpenAI or ChatGPT?

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

Are these really free?

Yes, all ten are free to tune and copy. Free layers are for personal projects; commercial use needs Pro or Lifetime.

Related collections

All collections