Skip to content

Live examples of what AI can make for a website, each with the prompt that asks for it and the source to copy.

All examples / Technique

Technique: view timeline

5 examples tagged “view timeline”.

Route drawing: a line that draws itself as you scroll

scroll story view timeline stroke dashoffset isometric flat shaded

Prompt tested

Brindlecove · Weekend trails

Find the quiet side of the coast

Ferries, footpaths and a bed for the night, planned in one go.

Plan less, walk more

Pick a stretch of coast and a weekend. Brindlecove lines up the ferry times, the footpaths between them and a place to sleep at the end of each day.

Pack for the weather you get

A short forecast for every stop sits beside the route, so the rain jacket goes in the bag on the right morning.

Parallax hero: landscape layers at three speeds

scroll story view timeline parallax flat vector

Prompt tested

Pinned scene: a desk that sets itself up as you scroll

scroll story view timeline position sticky isometric flat shaded

Prompt tested

Tamberlow · Features

Bookkeeping that keeps up with a busy stall

Five things that happen while you serve customers. Scroll on to see them.

Receipts in one snap
Photograph a receipt and the amount, date and shop are filed for you.
Bank payments sort themselves
Each payment lands in the right category before you open the app.
Tax totals, ready each quarter
The figures your accountant asks for, added up as you go.
Polite nudges for late invoices
One friendly reminder goes out a week after the due date, never more.
Locked with your fingerprint
Every figure stays on your phone until you choose to share it.

Scroll reveal: feature rows that fade in as they enter

scroll story view timeline editorial

Prompt tested

From desk to pocket in three steps

Scroll on: each step adds its piece to the picture.

Step 1

Start on your laptop

Draft the plan where you have room: routes, notes and bookings in one place.

Step 2

Pick it up on your phone

The same plan opens on your phone, ready for the platform or the queue.

Step 3

Kept in sync, quietly

Every change travels both ways through the cloud, so nothing is ever out of date.

Sticky steps: a picture that builds up step by step

scroll story view timeline timeline scope position sticky isometric flat shaded

Prompt tested