AI Prompt
Home
All3D Scroll AnimationBackgroundsBadgesButtonsCards & GridsChat & MessagingCursor EffectsDashboardE-commerceError PagesFormsHero SectionHTMLLanding PageLoadersModalsNavigationNotificationsOnboardingParallax Card AnimationPortfolioProgressReactSearchSlider AnimationTestimonialsText AnimationTogglesUI Components

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.

3D Scroll Animation

Parallax Hero with Floating Cards

Create a full-page hero section using CSS 3D transforms and JavaScript scroll listeners where background layers move at different speeds (parallax) and floating cards tilt in 3D as the user scrolls.

3D Scroll Animation

Scroll-Triggered 3D Card Flip

Build a scroll-triggered animation where a row of cards flip in 3D (rotateY) one by one as they enter the viewport, using the Intersection Observer API.

3D Scroll Animation

Horizontal Scroll-Jacked Gallery

Build a section where vertical page scroll is translated into horizontal movement of a row of large image panels (scroll-jacking), so scrolling down the page pans across a gallery sideways.