Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 

Repository files navigation

Six cinematic website heroes: a chrome sphere, molten gold, a forest canopy, electric filaments, a house on a mirror lake, and a monolith at sunset

Website prompts

Paste one prompt. Get a cinematic website.
Markup, styles, animation, and a background video that is already hosted —
so the page works the moment it is generated, with nothing to download.


30 prompts  ·  no signup  ·  free to use, commercially too



How it works

1. Open a prompt below   2. Copy the whole fenced block   3. Paste it into Claude Code, Cursor, v0 — anything that writes code

That is the entire process. Every prompt is self-contained: the fonts, the exact colours, the easing curves, the z-index order and a working video URL are all inside it.



Halo
AI Platform

Strata
Architecture

Aurum
Precious Metals

Altus
Private Aviation

Tide
Ocean Research

Understory
Land Trust

Ion
Grid Infrastructure

Cinematic Hero
Movie / Streaming

Ascent
Alpine

Chalk
Strength

Frost
Cold Brew

Prisma
Creative Collective

Rove
Travel AI

Stillwater
Deep Work

Ascend
Mindfulness

Haven
Wellness AI

Terra
Wellness

Drift
Travel

Flux
Creative Studio

Helio
Solar Energy

Strato
Sneaker Drop

Koi Garden
Teahouse

Morpho
Field Journal

Hourglass
Planetarium

Sub2
Race Campaign

Knead
Bakehouse

Sonor
Audio Lab

Verdant
Overgrown Metro

Plume
Paperie

Graven
Blueprint Sheet

Getting a good result

Do not shorten the prompt. Every one specifies exact colours, easing curves, blur radii and z-index order. That detail is the difference between a page that looks designed and one that looks generated. Models will happily fill any gap you leave — and they fill it with defaults.

Say what to change, not what to build. "Same prompt, but the accent is #c0603c and the copy is about a bakery" keeps the structure and swaps the skin. Rewriting from scratch loses the parts that make it work.

Expect one follow-up. The first pass usually lands the layout and misses one interaction. Point at the specific thing — "the blur overlay should fade out by 45% up the screen, not 70%" — rather than asking it to try again.


The one section people delete, and shouldn't

Several prompts spend a paragraph on the loop. It reads like boilerplate. It is the most important part.

A plain <video loop> cuts from the last frame straight back to the first. In real footage those frames differ — often a lot — and that cut lands as a visible jolt every few seconds. It is the single detail that makes an otherwise expensive-looking hero feel cheap.

It is also invisible in a screenshot, which is why it survives review and ships.

The fix is already written into the prompts: two stacked video elements, the second starting a second before the first ends, dissolving across each other forever. Nobody ever sees frame one arrive. Keep that section.


More

These 30 are the free tier. The full library — including the scroll-driven builds, with the source video for each — is at uiprompts.app.


Free to use, including commercially. No credit needed, though it is welcome.

About

free prompts for cinematic websites

Resources

Stars

Watchers

Forks

Releases

Packages

Contributors