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.

Hero Section

Split-Screen Animated Hero

Design a split-screen hero with text on the left and a slowly rotating gradient shape on the right, where both halves fade/slide in on page load with a slight delay between them.

Hero Section

Video-Style Looping Gradient Hero

Create a full-viewport hero where a large, slowly-morphing animated gradient blob fills the background (using CSS border-radius and background-position keyframes) behind a centered headline and CTA.