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.

Search

Expanding Icon Search Bar

Build a search icon button that expands into a full text input field when clicked, with a smooth width transition and auto-focus, collapsing back when it loses focus while empty.