templates
Edit a finished site in the browser
For launching fast from one of 21 designed sites
Browse templatesCinematic scroll websitesexported as plain HTML
Pick a finished template, change the words, download a ZIP. The background moves as your reader scrolls, and nothing needs installing.
No account · Runs in your browser · MIT licensed
Exports deploy to
- Netlify
- Vercel
- GitHub Pages
- Cloudflare Pages
- Any static host
The whole path, from a templateto a site anyone can visit
Pick
Start from a finished site. Keep the pacing, change the words.
- Browse 21 templates across 16 categories
- Preview any of them before you open it
- Open one in the editor with a click
/templates21 sites
AuraBeauty
E-commerce
Ledger
SaaS
Kiln
Food & Drink
Northlight
Portfolio
Generate
Frames drawn in your browser, or taken from footage you already shot.
- Choose gradient, geometric, particles or wave, and a palette
- Upload a video and its frames are extracted on your device
- Add a portrait set, so a phone gets a background shaped for it
/createdrawn in your browser
gradientgeometricparticleswave
Edit
Every section in place, and every change one undo away.
- Change headings, body copy, buttons and colours
- Reorder sections, and set how long each one holds
- Preview at desktop, tablet and phone widths
editor · AuraBeautyundo · redo
- Radiance, redefined.
- Nine ingredients, each one doing something
- Two growers, both named on the label
- Spacer
- Patch first, always
- Three steps, not eleven
- The bottle is meant to be kept
- Spacer
New collection
Radiance, redefined.
Score
A soundtrack that follows the reader down the page.
- Attach one track to the whole site
- Fade it in as the reader scrolls, and out when they stop
- Ship it inside the export with everything else
audio/track.mp3follows the scroll
top of the pagefades in as the reader scrollsend
Export
One ZIP holding everything a host needs, and nothing it does not.
- Ships a 404 page, favicon, social card and robots.txt
- Includes config for Netlify, Vercel and GitHub Pages
- Needs no build step and no install
your-site.zip14 entries
- ├── index.htmlyour page
- ├── lenis.min.jssmooth scroll
- ├── 404.htmlnot-found page
- ├── favicon.svgtab icon
- ├── apple-touch-icon.pnghome-screen icon
- ├── og-image.jpgsocial card
- ├── robots.txtcrawlers
- ├── README.mdhow to deploy it
- ├── netlify.tomlNetlify
- ├── vercel.jsonVercel
- ├── .nojekyllGitHub Pages
- ├── frames/the background
- ├── frames-mobile/portrait set, if made
- └── audio/your track, if added
Deploy
Drag the folder onto a host, and it is live.
- Upload to Netlify, Vercel or Cloudflare Pages
- Push to GitHub Pages and it serves as it is
- Host it anywhere that serves static files
examples/vantage/index.htmlserved as exported
Three ways to build a scroll site
Edit a finished template in the browser, scroll through footage you already shot, or build the whole thing from your terminal. All three produce the same bundle.
your-footage
Scroll through video you already shot
For brands with film that deserves more than autoplay
Upload a video> /plugin marketplace add singhharsh1708/scrollcraft
> /plugin install scrollcraft@scrollcraft
> build me a scroll site from hero.mp4
claude-code
Build it from your terminal
For developers who want the site in version control
Read the plugin docs
Free, open source,and yours to keep
- Finished templates
- 21
- Categories covered
- 16
- Accounts, databases or paywalls
- 0
Questions peopleask first
Or build it from your editor
ScrollCraft as a Claude Code plugin
Scaffold a spec, render a background and build the site from the command line. The only thing it needs installed is ffmpeg.
Start your firstscroll site
Pick a template, change the words, download a ZIP. No account, nothing to install, nothing to pay.