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.
Gradient Ring Spinner
Create a smooth circular loading spinner with a rotating conic gradient ring (cyan to violet) and a dark inner circle to mask the center, using pure CSS animation.
Bouncing Dots Loader
Build a classic 3-dot loading indicator where each dot bounces up and down in sequence with a staggered animation-delay, in the brand's gradient colors.
Skeleton Loading Placeholder
Create skeleton-screen placeholder blocks (avatar circle + text lines) with a shimmering gradient sweep animation to indicate content is loading, before the real content appears.
Page Transition Wipe Loader
Create a full-screen color wipe transition that slides across the viewport and back when navigating between pages, revealing the new page content underneath.
Infinite Scroll Loading Trigger
Create a list that automatically loads more items with a spinner shown at the bottom as the user scrolls near the end, using Intersection Observer to trigger the next page fetch.