Gradient Magic
Focus: css gradients, backgrounds and colour. Shares web design with Scrolltide. Free (Scrolltide: Freemium). Rated 4.3 (Scrolltide: 4.2).
WebsiteFreeWeb
4.3Visit
Website
Scrolltide
Library of cinematic, scroll-driven website templates and AI prompts.
Rating
4.2 / 5
Pricing
Freemium
Difficulty
Beginner
Works on
Web
Built with love by Shushant Lakhyani. Building bestproductivityresources.com
What is Scrolltide?
Scrolltide is a curated library of scroll-driven website templates and AI prompts. You copy a prompt, paste it into an AI tool such as Cursor or v0, and get a website with scroll animations and motion. Some templates are free, and full access is a paid subscription with regional pricing.
Pros: what Scrolltide does well
- Motion-rich designs that stand out
- Prompts written for AI builders
- Regional pricing
Cons: where it falls short
- Paid subscription for full access
- Heavy animation is not right for every site
Who Scrolltide is for
Founders and designers who want an animated, memorable landing page built with AI.
Who can skip it
Sites that need simple, fast-loading pages.
What people use Scrolltide for
- Building a landing page with scroll animations by pasting a prompt into an AI coding tool
- Finding animated sections, shaders and components to drop into an existing site
- Getting design ideas for motion-heavy product and portfolio pages
How to get started
- 1Browse the Scrolltide library and filter by category, framework or style.
- 2Copy a prompt; free ones are labelled Free, the rest are Premium.
- 3Paste it into Claude, Cursor or v0 to generate the page.
- 4Edit the copy, then deploy and publish the site.
Scrolltide pricing
Some templates are free. Full access to the Premium prompts comes with the paid Go Unlimited upgrade, and prices are regional, so check the official pricing page for your country. See current prices on Scrolltide's site
Checked 2026-11-05. Prices change, so double-check before you pay.
Scrolltide FAQ: quick answers
- Which AI tools do the prompts work with?
- Scrolltide writes its prompts for Claude, Cursor and v0, and the results use stacks such as Next.js, Tailwind, Framer Motion, GSAP and Three.js.
- Can I use Scrolltide prompts for client work?
- Scrolltide says its prompts can be used for personal and client work. Read its terms for the full details.
- How often are new prompts added?
- Scrolltide says it adds new prompts every Friday.
Scrolltide alternatives
Not sold on Scrolltide? These do a similar job, and each card says what it has in common.
Animista
Focus: css animations, front-end and motion. Shares web design with Scrolltide. A web app, not a website. Free (Scrolltide: Freemium). Rated 4.6 (Scrolltide: 4.2).
Web AppFreeWeb
4.6Visit
Realtime Colors
Focus: colour palettes, typography and tailwind. Shares web design with Scrolltide. A web app, not a website. Free (Scrolltide: Freemium). Rated 4.6 (Scrolltide: 4.2).
Web AppFreeWeb
4.6Visit
Lucide
Focus: icons, svg icons and ui design. Also in Workflows and Brainstorming, like Scrolltide. Free (Scrolltide: Freemium). Rated 4.8 (Scrolltide: 4.2).
WebsiteFreeWeb
4.8Visit
Phosphor Icons
Focus: icons, icon family and figma plugin. Also in Workflows and Brainstorming, like Scrolltide. Free (Scrolltide: Freemium). Rated 4.7 (Scrolltide: 4.2).
WebsiteFreeWeb
4.7Visit
Tabler Icons
Focus: icons, svg icons and ui design. Also in Workflows and Brainstorming, like Scrolltide. Rated 4.7 (Scrolltide: 4.2).
WebsiteFree planWeb
4.7Visit
Free alternatives to Scrolltide
Want to spend nothing? These free picks cover similar ground.
Iconly
Focus: icons, icon design and inspiration. Also in Workflows and Brainstorming, like Scrolltide. Free (Scrolltide: Freemium). Rated 4.6 (Scrolltide: 4.2).
WebsiteFreeWeb
4.6Visit
Iconoir
Focus: icons, svg icons and open source. Also in Workflows and Brainstorming, like Scrolltide. Free (Scrolltide: Freemium). Rated 4.6 (Scrolltide: 4.2).
WebsiteFreeWeb
4.6Visit
Book of Shapes
Focus: generative art, patterns and algorithmic art. Also in Workflows and Brainstorming, like Scrolltide. Free (Scrolltide: Freemium). Rated 4.5 (Scrolltide: 4.2).
WebsiteFreeWeb
4.5Visit
css.gg
Focus: icons, css and svg. Also in Brainstorming and Workflows, like Scrolltide. Free (Scrolltide: Freemium). Rated 4.5 (Scrolltide: 4.2).
WebsiteFreeWeb
4.5Visit
Excalidraw Libraries
Focus: excalidraw, diagrams and wireframes. Also in Brainstorming and Workflows, like Scrolltide. Free (Scrolltide: Freemium). Rated 4.5 (Scrolltide: 4.2).
WebsiteFreeWeb
4.5Visit
FontPair
Focus: font pairing, google fonts and typography. Also in Brainstorming and Workflows, like Scrolltide. Free (Scrolltide: Freemium). Rated 4.5 (Scrolltide: 4.2).
WebsiteFreeWeb
4.5Visit
Are you the maker of Scrolltide?Get a free Featured badge for your site, a share image and ready-to-paste posts. No sign-up.
New · updated daily
What people are actually doing with AI
Real use cases shared on Reddit, Hacker News, X, GitHub and blogs, summarised in plain words with a link to every original post.
Free Notion database
1,100+ ways people are making money online
Real online businesses, creators and projects, broken down by how they make money: apps, online stores, AI tools and more. Free on Gumroad.
Get the free databaseFree Notion database
399+ ways to make money online
Hundreds of online income methods in one place, so you can compare options and pick one to try. Free on Gumroad.
Get the free listFor research and ideas only. Results vary and nothing here is a promise of income. See our Disclaimer.
Weekly newsletter
Everything new, every Monday.
One short email every Monday with everything shipped that week: new free tools and websites, new guides, new free browser tools and what's new in my free Gumroad libraries, plus how the site is growing. Free, and you can unsubscribe anytime.
Join the newsletterYou sign up on Gumroad, which stores your email to send the newsletter. See our Privacy Policy.