What Scrolltide is
Scrolltide is a library for AI-first web building. Instead of shipping Figma files, it ships prompts: copy one, paste it into Claude, Cursor or any coding agent, and you get a full page with scroll-driven motion already wired in.
The pitch is blunt — ship websites that don't look AI-made. That problem is real: most generated landing pages collapse into the same centered headline plus three cards, and Scrolltide exists to break that pattern.
What's in the library
- Templates — 143 pages covering hero sections, full landing pages, portfolios, ecommerce and 3D site backgrounds. Most are marked Premium.
- Components — 85 pieces you can drop into an existing build: glass tabs, morphing navbars, card accordions, particle globes, glow ring buttons.
- Shaders — 55 GPU-animated backgrounds in gradient, aurora, liquid metal and flame styles, delivered as MP4, still frames or embeddable components.
Everything has a live preview, so you can judge the motion before buying.
Stack and delivery
Templates run on React, Vite, Next.js and Tailwind CSS, with Framer Motion, GSAP and Lenis handling motion and smooth scrolling. Three.js, WebGL and custom shaders power the 3D and background work. You get readable source, not a black box.
Who it fits
Independent developers, design engineers and studios that need a polished marketing page fast without hand-tuning animation curves. If you only ship static pages, or your performance budget is tight, weigh the cost of that motion yourself.
