Clovoso: cinematic website templates and the AI prompts behind them

Build a single-screen hero section for {{BRAND}}, {{NICHE}}.

Scroll-driven website templates, and the AI prompts that build them.

Browse the libraryHow it works

“Build a single-screen hero section for {{BRAND}}, {{NICHE}}.”

Cinematic websites,one prompt away.

See the prompt behind BrocadeBrowse the library

Pick a title.Watch it move.

Each preview is a real site built from a single prompt. Choose one to put it on the screen.

Nimbus Aero

Fly-in landing hero + subject-over-wordmark

Open the prompt

The library

Every preview comes with the prompt that made it. Open one, copy it, and paste it into Claude, Cursor or v0.

39 templates. Lifetime access unlocks every Pro prompt.

Copy. Paste.Launch.

  1. Step 1

    Pick a prompt

  2. Step 2

    Paste it into your AI

  3. Step 3

    Launch it

Website prompt, Nimbus Aero

Build ONLY a single-screen cinematic HERO SECTION for {{BRAND}} ({{NICHE}}) in the "fly-in landing + subject-over-wordmark" style — one 100svh block, no other sections, no page scroll. It must drop into an existing page as-is. Stack: plain HTML/CSS/JS (or React) + GSAP 3, Google Fonts. The centerpiece is my clip `asset.mp4` ({{DURATION}}, 16:9): {{SUBJECT}} travels in from far away, grows toward camera and lands/settles dead-center in the foreground, then holds still.…

yourbrand.com

Want one built for you?

Our studio takes on a few client sites each month. Those builds never go into the library.

Start a project

Every prompt.Pick your plan.

Join 6,100+ builders shipping cinematic sites with Clovoso.

  • Every template, component, shader, section and UI screen
  • New prompts every Friday, for as long as Clovoso runs
  • Use them for yourself and for client work

  • FREE

    $0

    3 copies a day

    Free templates only

  • MONTHLY

    —/mo

    Unlimited copies

    Every template

  • ANNUAL

    —/yr

    Unlimited copies

    Every template

  • LIFETIME

    $299

    Unlimited, forever

    Every template

One email a week. Unsubscribe any time.

3D WebsitePro

Softcut Soapworks

Tactile 3D jelly playground + scroll-scrubbed product film

A full 3D website whose first screen is a real-time toy: chunky extruded jelly-soft objects rain onto a pale table over a giant wordmark, and the visitor drags them to wobble, slices them with a 3D knife, puffs them up, shakes them, tags them and tilts the camera. Below, an overhead product film scrubs with scroll beside three copy steps, then a range grid and a dark footer.

  • Playground (100svh): transparent Three.js canvas over a giant two-line ultra-bold wordmark top-left; objects sit partly over the letters. Top-centre pill chips (one per object type, colour dot) drop a new object; bottom-centre a mode hint line and a pill toolbar: Firm/Soft, Cut, Puff, Shake, Reset, Tags, Tilt.
  • Objects: 2D outlines (flower, pebble, shell, crescent, drop) extruded with a rounded bevel, cap texture drawn in shape space (so slices keep a continuous pattern) and a darker rind on the sides; glossy clearcoat physical material, soft shadow on an invisible ground, top-down camera.
  • Jelly: hand-written 120 Hz physics (gravity, bounce, friction, soft circle collisions, walls) plus three springs per body (lean that lags acceleration, squash on impact, decaying ripple) applied in the vertex shader; Soft vs Firm swaps the spring constants.
  • Interactions: drag lifts and throws a piece (grab/grabbing cursor); Cut shows a 3D knife that follows the pointer and splits any piece the stroke fully crosses, with a thin stroke line; Puff springs a piece up ×1.32 per tap; Shake tosses everything with tumble; Tags pins tracking labels that flip/clamp at the edges; Tilt tweens the camera to a 3/4 view.
  • Film (sticky ~380vh): overhead clip of the real product as canvas frames from the 2x-upscaled clip, scrubbed by ScrollTrigger with a slight zoom and framing drift; three copy steps in separate scroll ranges and a progress bar.
  • Range grid of the five object types (CSS-shaped swatches that squash on hover) and a dark rounded-top footer with a giant two-line claim and a pill CTA.
  • Palette (Softcut example): table #eceef0 → #f8f9fa, ink #121316, mute #7d828a; petal #e88aa7, pebble #8fb47f, shell #f09a5c, moon #9b8ad6, honey #e2aa2d.
  • Type: Archivo 900 for the wordmark and titles (tracking -0.045em), Archivo 500 for UI, JetBrains Mono caps for tags, counters and step indices.
The full prompt unlocks when you copy it

Fill these in to make it yours