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.

Slider Animation

Infinite Auto-Scrolling Logo Marquee

Build an infinite horizontal auto-scrolling logo/testimonial slider using pure CSS keyframe animation (duplicated content trick) that pauses smoothly on hover.

Slider Animation

Draggable Card Carousel with Dots

Create a swipeable/draggable image or testimonial carousel with snap-scrolling, active-dot indicators below, and smooth momentum scrolling on both touch and mouse drag.

Slider Animation

Range Slider with Live Gradient Fill

Build a custom-styled range input slider where the filled track shows a live cyan-to-violet gradient that updates as the user drags, with a glowing thumb handle.