AI Prompt Library
Ready-to-use prompts for HTML, React, 3D scroll animations, and more. Every thumbnail below is a live render of the exact code behind it — copy the prompt into any AI to get that same result.
Layered Depth Parallax Card
Create a card with 3 stacked layers (background image, gradient overlay, and floating title text) that move at different speeds relative to the mouse position, giving a strong sense of depth. Use JavaScript mousemove with translate3d.
Scroll Parallax Card Stack
Build a stack of overlapping cards inside a scroll container where each card slows down and scales slightly as the next one slides over it (like Apple's product pages), using position: sticky and scroll-driven transforms.
Tilt-and-Glow Parallax Card
Create a product card that tilts toward the cursor (3D rotate) while a radial light/glow follows the cursor position across the card surface, using CSS custom properties updated via JS mousemove.