This is a goldmine for anyone building websites with AI π
π scrolltide.co - 600+ award-winning prompts for 3D and scroll-driven sites.
β’β β 100 + 3D scenes, 200+ interactive gradients
β’β β Components, shaders, sections and UI, all in one library.
β’β β Every one is a prompt: copy it, paste it into Claude, Cursor or Lovable, launch it live.
β’β β Full source code included.
β’β β Finished sites, not just tricks.
Save this π you'll need it before your next project.
Show me a template that does this. I'll wait. π
Get this on scrolltide.co - 600+ 3D and scroll-driven website prompts with full source code. Copy, paste, make it yours.
Save this π
Templates are dead and your AI killed them. π
It just needed a better prompt.
scrolltide.co has 600+ prompts for 3D, animated, scroll-driven sites, full source code included. Copy, paste into Claude, Cursor or Lovable, launch live.
Save this π
Templates are dead and your AI killed them. π
It just needed a better prompt.
scrolltide.co has 600+ prompts for 3D, animated, scroll-driven sites, full source code included. Copy, paste into Claude, Cursor or Lovable, launch live.
Save this π
Stop prompting AI to "make me a hero section."
Generic prompts give you a centered headline and a button. These are 4 hero section prompts on scrolltide.co, built for Claude, Cursor and Lovable:
β Monolith at sunrise
β Light through the forest
β Doves above the clouds
β Aurora over still water
Animated 3D hero sections, scroll-driven, editable.
Save this π
I built the React component library I kept wishing existed. π
Scrolltide.co - Animated, scroll-driven, and none of it looks like a template.
Definitely worth saving before your next project π
I built two websites where your cursor changes the face. π
Move the mouse and the mask appears. Animated web design, a scroll and cursor reveal effect, built with AI.
Now anyone can achieve the same results.
Both prompts are on scrolltide.co, made for Claude, Cursor and Lovable.
Which one would you build first? Green or orange?
Save this π
This is a goldmine for anyone building websites with AI, and almost nobody has found it. π
scrolltide.co is the whole library, not just one prompt. Animated, scroll-driven, 3D.
Here's what it fixes:
AI sites that all look flat and the same.
Staring at a blank prompt for hours.
Sites you can't make your own.
Copy the prompt. Paste into Claude, Cursor or Lovable. Launch live. Then edit every part until it's yours.
All of it for less than a coffee.
Which one would you build first?
Save this π you'll need it before your next project.
There's a React component library you probably haven't seen yet. π
I know, because I built it. Every component moves, reacts and looks nothing like a template.
You can find it on scrolltide.co.
Worth saving before your next project π
What the hell is this? A 3D website, built in 5 minutes. π±
No Figma. No developer. Just 3 steps:
1. Go to scrolltide.co
2. Copy the prompt
3. Paste it into Claude
That's it. The bottle, the wine splatters, the scroll animation, all of it came out of one paste.
Designers and founders, this is what building a website looks like now.
Save this π you'll need it before your next project.
I dare you to watch this and not try it yourself. π
10-MINUTE TUTORIAL TO CREATE 3D WEBSITES WITH AI
Step by step, from scratch. You'll see exactly how a 3D website goes from a blank page to something that moves.
If you're a designer, founder or freelancer, this is the part of AI nobody explains.
Save it before you need it π
π₯ Access all the prompts of this video as well as 600+ award-winning website prompts in one click: scrolltide.co
If you're a designer, this post will save you months. Bookmark it π
1. scrolltide.co
Here's the problem: AI builds websites that all look the same. Flat, generic, no life. And writing the prompt for a 3D, scroll-driven site from scratch takes hours of trial and error.
ScrollTide fixes that. It's a library of 600+ prompts with full source code for animated, scroll-driven and 3D sites. Copy one, paste it into Claude, Cursor or Lovable, and a site that actually moves is live in minutes. Then edit every part until it's yours.
No coding. No blank page. Personal and client work both covered.
2. scrollshaders.com
Animated backgrounds that make a plain hero look expensive. 117 shaders in 11 styles, as code, video or stills.
3. lovable.dev
Describe a website in plain words and it builds the whole thing.
4. v0.dev
Type what you want and get a clean, ready-to-use interface.
5. unsplash.com
Free, beautiful photos for your designs. No more ugly stock images.
Save this π you'll want it before your next project.
RIP template websites. πͺ¦
Cause of death: one prompt.
scrolltide.co has 600+ prompts that build 3D, animated sites, with full source code.
Copy. Paste into Claude, Cursor or Lovable. Launch live.
Save this π
This is a goldmine for anyone building websites with AI π
scrolltide.co is the whole library, not just one prompt. Animated, scroll-driven, 3D.
What it does for you:
Your AI sites stop looking flat.
You stop starting from a blank prompt.
You edit everything and make it yours.
Copy the prompt. Paste into Claude, Cursor or Lovable. Launch live.
All of it for less than a coffee.
Save this π you'll need it before your next project.
Which one would you build first?
Designers, this is the detail everyone skips. π
Not the hero. The scroll. I built a watch site where every scroll pulls another layer off the product until there's nothing left to hide.
That one decision carries the whole page.
The prompt is on scrolltide.co π
Want to build this by yourself?
Go to scrolltide.co - It's a library of prompts for animated, scroll-driven and 3D sites. Copy one, paste it into Claude, Cursor or Lovable, edit everything until it's yours, launch live.
If you are a designer, bookmark this. π₯
1. scrolltide.co
Stop starting from a blank page. 600+ prompts with full source code for 3D and scroll-driven sites. Copy one, paste it into Claude, Cursor or Lovable, and it's live in minutes. Then edit every line until nobody can tell where it came from. Personal and client work both covered.
2. scrollshaders.com
Animated backgrounds that make a plain hero look expensive. 117 shaders in 11 styles, each as code, video or a still. They pause off screen, so your page stays fast.
3. fontshare.com
100+ quality typefaces, free for commercial use. Your font does half the design work.
4. easings.net
Every easing curve shown moving, with the CSS to copy. This is why your animations feel cheap.
Save this π you'll want it before your next project.
Designers, every website looks the same now. π
Same gradient. Same glass card. Same rounded box. AI learned from the average and now the whole internet is average.
This one isn't. No color, no gradient, just texture and one moving cat.
The prompt behind it is on scrolltide.co, a library of prompts for sites that actually move. Copy, paste into your AI, launch.
Save this before your next project π
10 minute tutorial on how to build $10,000 cinematic websites (step by step) with Claude Opus 5
Save this before you lose it π
Want to build this yourself?
You can get the exact prompt I used, along with 500+ more, here: scrolltide.co
