websiteprompts

KO | EN

gitlite — search

#c #swift #chatbot #codex #go #agents #proxy #linux #macos #ruby

(★ 9)

free prompts for cinematic websites

파일 탐색기

ZIP 다운로드

- altus.md
- ascend.md
- ascent.md
- aurum.md
- chalk.md
- cinematic.md
- drift.md
- flux.md
- frost.md
- graven.md
- halo.md
- haven.md
- helio.md
- hourglass.md
- ion.md
- knead.md
- koi.md
- morpho.md
- plume.md
- prisma.md
- rove.md
- sonor.md
- stillwater.md
- strata.md
- strato.md
- sub2.md
- terra.md
- tide.md
- understory.md
- verdant.md
- altus.webp
- ascend.webp
- ascent.webp
- aurum.webp
- banner.webp
- chalk.webp
- cinematic.webp
- drift.webp
- flux.webp
- frost.webp
- graven.webp
- halo.webp
- haven.webp
- helio.webp
- hourglass.webp
- ion.webp
- knead.webp
- koi.webp
- morpho.webp
- plume.webp
- prisma.webp
- rove.webp
- sonor.webp
- stillwater.webp
- strata.webp
- strato.webp
- sub2.webp
- terra.webp
- tide.webp
- understory.webp
- verdant.webp
README.md

# CDN으로 사용하기

jsDelivr

jsDelivr는 공개 GitHub 리포지토리를 별도 설정 없이 CDN으로 즉시 서빙합니다. 버전과 파일을 고르면 웹페이지에 바로 붙일 수 있는 링크와 예시 코드가 만들어집니다.

버전

파일

링크

예시

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<h1>Website prompts</h1>

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 &nbsp;·&nbsp; no signup &nbsp;·&nbsp; free to use, commercially too

</div>

## How it works

**1.** Open a prompt below &nbsp; **2.** Copy the whole fenced block &nbsp; **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.

<div align="center">
<table>
<tr>
 <td width="33%"><a href="prompts/halo.md"><img src="screenshots/halo.webp" width="100%"></a> Halo AI Platform</td>
 <td width="33%"><a href="prompts/strata.md"><img src="screenshots/strata.webp" width="100%"></a> Strata Architecture</td>
 <td width="33%"><a href="prompts/aurum.md"><img src="screenshots/aurum.webp" width="100%"></a> Aurum Precious Metals</td>
</tr>
<tr>
 <td width="33%"><a href="prompts/altus.md"><img src="screenshots/altus.webp" width="100%"></a> Altus Private Aviation</td>
 <td width="33%"><a href="prompts/tide.md"><img src="screenshots/tide.webp" width="100%"></a> Tide Ocean Research</td>
 <td width="33%"><a href="prompts/understory.md"><img src="screenshots/understory.webp" width="100%"></a> Understory Land Trust</td>
</tr>
<tr>
 <td width="33%"><a href="prompts/ion.md"><img src="screenshots/ion.webp" width="100%"></a> Ion Grid Infrastructure</td>
 <td width="33%"><a href="prompts/cinematic.md"><img src="screenshots/cinematic.webp" width="100%"></a> Cinematic Hero Movie / Streaming</td>
 <td width="33%"><a href="prompts/ascent.md"><img src="screenshots/ascent.webp" width="100%"></a> Ascent Alpine</td>
</tr>
<tr>
 <td width="33%"><a href="prompts/chalk.md"><img src="screenshots/chalk.webp" width="100%"></a> Chalk Strength</td>
 <td width="33%"><a href="prompts/frost.md"><img src="screenshots/frost.webp" width="100%"></a> Frost Cold Brew</td>
 <td width="33%"><a href="prompts/prisma.md"><img src="screenshots/prisma.webp" width="100%"></a> Prisma Creative Collective</td>
</tr>
<tr>
 <td width="33%"><a href="prompts/rove.md"><img src="screenshots/rove.webp" width="100%"></a> Rove Travel AI</td>
 <td width="33%"><a href="prompts/stillwater.md"><img src="screenshots/stillwater.webp" width="100%"></a> Stillwater Deep Work</td>
 <td width="33%"><a href="prompts/ascend.md"><img src="screenshots/ascend.webp" width="100%"></a> Ascend Mindfulness</td>
</tr>
<tr>
 <td width="33%"><a href="prompts/haven.md"><img src="screenshots/haven.webp" width="100%"></a> Haven Wellness AI</td>
 <td width="33%"><a href="prompts/terra.md"><img src="screenshots/terra.webp" width="100%"></a> Terra Wellness</td>
 <td width="33%"><a href="prompts/drift.md"><img src="screenshots/drift.webp" width="100%"></a> Drift Travel</td>
</tr>
<tr>
 <td width="33%"><a href="prompts/flux.md"><img src="screenshots/flux.webp" width="100%"></a> Flux Creative Studio</td>
 <td width="33%"><a href="prompts/helio.md"><img src="screenshots/helio.webp" width="100%"></a> Helio Solar Energy</td>
 <td width="33%"><a href="prompts/strato.md"><img src="screenshots/strato.webp" width="100%"></a> Strato Sneaker Drop</td>
</tr>
<tr>
 <td width="33%"><a href="prompts/koi.md"><img src="screenshots/koi.webp" width="100%"></a> Koi Garden Teahouse</td>
 <td width="33%"><a href="prompts/morpho.md"><img src="screenshots/morpho.webp" width="100%"></a> Morpho Field Journal</td>
 <td width="33%"><a href="prompts/hourglass.md"><img src="screenshots/hourglass.webp" width="100%"></a> Hourglass Planetarium</td>
</tr>
<tr>
 <td width="33%"><a href="prompts/sub2.md"><img src="screenshots/sub2.webp" width="100%"></a> Sub2 Race Campaign</td>
 <td width="33%"><a href="prompts/knead.md"><img src="screenshots/knead.webp" width="100%"></a> Knead Bakehouse</td>
 <td width="33%"><a href="prompts/sonor.md"><img src="screenshots/sonor.webp" width="100%"></a> Sonor Audio Lab</td>
</tr>
<tr>
 <td width="33%"><a href="prompts/verdant.md"><img src="screenshots/verdant.webp" width="100%"></a> Verdant Overgrown Metro</td>
 <td width="33%"><a href="prompts/plume.md"><img src="screenshots/plume.webp" width="100%"></a> Plume Paperie</td>
 <td width="33%"><a href="prompts/graven.md"><img src="screenshots/graven.webp" width="100%"></a> Graven Blueprint Sheet</td>
</tr>
</table>
</div>

## 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](https://uiprompts.app)**.

<div align="center">
Free to use, including commercially. No credit needed, though it is welcome.
</div>

websiteprompts

파일 탐색기

# CDN으로 사용하기

Was this content helpful?

Recent Feedback

Download README