motionprompts

236 components

All components

GSAP components as prompts

Free GSAP & WebGL animation components, each with a live demo.

Filter by category below

24/7 Artists Image Trail preview24/7 Artists Image TrailInteractive 3D Circular Image Gallery previewNew3D Circular Image GalleryGalleries 3D CRT Display preview3D CRT Display3D / WebGL 3D Material Finish Switcher previewNew3D Material Finish Switcher3D / WebGL 3D Scroll Scanner Experience preview3D Scroll Scanner Experience3D / WebGL 3D Scroll Tunnel previewNew3D Scroll Tunnel3D / WebGL 3D Tunnel Image Slider Carousel preview3D Tunnel Image Slider Carousel3D / WebGL Accordion Frames Spotlight Row previewAccordion Frames Spotlight RowHover Adaline Scroll Animation previewAdaline Scroll AnimationScroll Advanced Infinite Scroll previewAdvanced Infinite ScrollMenus AlaDesign Landing Page Reveal previewAlaDesign Landing Page RevealPreloaders Anchored Headline with Speech Bubbles previewAnchored Headline with Speech BubblesScroll Arch Portal Reveal previewArch Portal RevealTransitions Aristide Benoist Slider previewAristide Benoist SliderSliders Art Tech Overlay Navigation previewArt Tech Overlay NavigationMenus ASCII Image Reveal Effect previewNewASCII Image Reveal EffectGalleries Ashfall 3D Cylinder Gallery previewAshfall 3D Cylinder Gallery3D / WebGL Ashfall Sticky Cards Scroll previewAshfall Sticky Cards ScrollCards Assembly Icon-to-Text Scroll Animation previewAssembly Icon-to-Text Scroll AnimationScroll Asset ORB previewAsset ORB3D / WebGL Audemars Piguet Overlay Menu previewAudemars Piguet Overlay MenuMenus Autoplay Hero with Progress previewAutoplay Hero with ProgressSliders BarbaJS Page Transitions previewNewBarbaJS Page TransitionsTransitions Barrett & Hale Scroll Animation previewBarrett & Hale Scroll AnimationScroll Block Grid Page Transitions previewBlock Grid Page TransitionsTransitions Block Reveal Page Transition previewBlock Reveal Page TransitionTransitions BrandAppart Sticky Cards previewBrandAppart Sticky CardsCards Brutalist Sci-fi Corridor previewBrutalist Sci-fi Corridor3D / WebGL Burocratik Image Trail previewBurocratik Image TrailInteractive Camille Mormal Grid Reveal previewCamille Mormal Grid RevealPreloaders Camille Mormal Slider previewNewCamille Mormal SliderSliders Cappen Fluid Simulation previewCappen Fluid Simulation3D / WebGL Capsules Animated Sticky Cards previewCapsules Animated Sticky CardsCards Capsules Animated Sticky Columns previewCapsules Animated Sticky ColumnsScroll Cielrose Inspired ThreeJS Slider previewCielrose Inspired ThreeJS SliderSliders Circular Futuristic Navigation Menu previewCircular Futuristic Navigation MenuMenus Circular Image Gallery previewCircular Image GalleryGalleries Clayboan Scroll Animation previewClayboan Scroll AnimationScroll Contact Form Reveal previewContact Form RevealTransitions Converging Card Stack previewNewConverging Card StackScroll Creative Clutter Flip Layouts previewCreative Clutter Flip LayoutsInteractive CriticalDanger Scroll Cards previewCriticalDanger Scroll CardsScroll Cursor Smudge Revealer previewCursor Smudge RevealerInteractive Cursor-Driven Material Spotlight previewCursor-Driven Material Spotlight3D / WebGL DetroitParis Infinite Slider previewDetroitParis Infinite SliderSliders Direction-Aware Hover Effect (JavaScript) previewDirection-Aware Hover Effect (JavaScript)Hover Dotted Path Traveller previewDotted Path TravellerScroll Draggable Pill Menu previewDraggable Pill MenuMenus Eduardbodak Animated Cards previewEduardbodak Animated CardsScroll Ember & Rye Fullscreen Menu previewEmber & Rye Fullscreen MenuMenus Epic Scroll Animations previewEpic Scroll AnimationsScroll ESEAgency Scroll-Powered Carousel previewESEAgency Scroll-Powered CarouselSliders Exo Ape Infinite Carousel previewExo Ape Infinite CarouselSliders ExoApe-Inspired Overlay Menu previewExoApe-Inspired Overlay MenuMenus Explode Text On Scroll (Matter.js) previewExplode Text On Scroll (Matter.js)Scroll Exploded Product with Leader Labels previewExploded Product with Leader LabelsScroll FameEstate Scroll Animation previewFameEstate Scroll AnimationScroll Fanned Steps on an Arc previewFanned Steps on an ArcScroll Fiddle Digital Scramble Hover Effect previewFiddle Digital Scramble Hover EffectHover Fiddle Digital Scroll Animation previewFiddle Digital Scroll AnimationScroll Field Day Sound — Filter Gallery previewField Day Sound — Filter GalleryGalleries FollowArt Scroll Animation previewFollowArt Scroll AnimationScroll Fractal Glass Parallax Effect previewNewFractal Glass Parallax Effect3D / WebGL Frame Collapse Reveal previewNewFrame Collapse RevealScroll Full Screen Slider previewFull Screen SliderSliders Fullscreen Portfolio Menu previewFullscreen Portfolio MenuMenus Gregory Lalle Awwwards Rebuild previewGregory Lalle Awwwards RebuildScroll Grid Deformation Effect previewGrid Deformation Effect3D / WebGL Grid Shutter Page Transition previewGrid Shutter Page TransitionTransitions Griflan Hover Effect previewGriflan Hover EffectHover GSAP Clip Carousel previewGSAP Clip CarouselSliders GTA VI Landing Page Scroll previewGTA VI Landing Page ScrollScroll Guiding Light Cursor Spotlight previewGuiding Light Cursor SpotlightInteractive Halation — Phantom Draggable Infinite Gallery previewHalation — Phantom Draggable Infinite GalleryGalleries Halide — Chromatic Aberration Lens Archive previewHalide — Chromatic Aberration Lens ArchiveGalleries Halide — Masked Portrait Reveal Scroll previewHalide — Masked Portrait Reveal ScrollScroll Hero Warp Slider previewHero Warp SliderSliders HeureBleue Scroll Animation previewHeureBleue Scroll AnimationScroll Hypnotic Image Gallery (GSAP Flip) previewHypnotic Image Gallery (GSAP Flip)Galleries Image Explosion Scroll Animation previewImage Explosion Scroll AnimationFooters Image Explosion with JS Physics previewImage Explosion with JS PhysicsScroll Image Reveal On Scroll previewImage Reveal On ScrollScroll Infinite Column Wall previewNewInfinite Column WallScroll Infinite Draggable Image Gallery previewInfinite Draggable Image GalleryGalleries Infinite Horizontal Parallax Slider previewInfinite Horizontal Parallax SliderSliders Infinite Horizontal Scroll previewInfinite Horizontal ScrollScroll Infinite Parallax Scroll with Minimap previewInfinite Parallax Scroll with MinimapScroll Infinite Scroll with Parallax previewInfinite Scroll with ParallaxScroll Ingamana Scroll Animation previewIngamana Scroll AnimationScroll Inkfish Inspired Horizontal Scroll previewInkfish Inspired Horizontal ScrollGalleries Inkwell-Inspired Image Gallery previewInkwell-Inspired Image GalleryGalleries Interactive Calendar Cards previewInteractive Calendar CardsCards Interactive Divs with Physics previewInteractive Divs with PhysicsInteractive Interactive Fluid Particle Logo previewInteractive Fluid Particle LogoInteractive Interactive Team Section previewInteractive Team SectionHover Inversa Scroll Animation previewInversa Scroll AnimationScroll IronHill Scroll Animation previewIronHill Scroll AnimationScroll Jam Area Overlay Menu previewJam Area Overlay MenuMenus JavaScript Responsive Minimap previewJavaScript Responsive MinimapGalleries JS Page Transitions previewJS Page TransitionsTransitions Junni Tile Flip Board previewJunni Tile Flip BoardInteractive Kaitonote 3D Gallery Showcase previewKaitonote 3D Gallery Showcase3D / WebGL Karim Saab Fashion Carousel previewKarim Saab Fashion CarouselSliders Karim Saab Work Carousel previewKarim Saab Work CarouselSliders Kiln Seven — Gradual Blur Edges previewNewKiln Seven — Gradual Blur EdgesScroll Kin Landing Page Reveal previewKin Landing Page RevealPreloaders Konpo Landing Page Reveal previewKonpo Landing Page RevealPreloaders KPVERSE Sliding Menu with Text-Shuffle Hover previewKPVERSE Sliding Menu with Text-Shuffle HoverMenus Kudos Landing Page Reveal previewKudos Landing Page RevealPreloaders KVS Studio Scroll-Powered Image Reveal previewKVS Studio Scroll-Powered Image RevealScroll Landing Page Reveal With Circular Gallery previewLanding Page Reveal With Circular GalleryPreloaders Larevoltosa Scroll Animation previewLarevoltosa Scroll AnimationScroll LaserBySonyMusic Landing Page Reveal previewLaserBySonyMusic Landing Page RevealPreloaders Lava Buster Fluid Simulation previewLava Buster Fluid Simulation3D / WebGL Lenis Smooth Scroll + ScrollTrigger previewLenis Smooth Scroll + ScrollTriggerScroll Line-by-Line Text Reveal previewLine-by-Line Text RevealText Lottie Scroll Animation previewLottie Scroll AnimationScroll LukeBaffait Animated Footer previewLukeBaffait Animated FooterFooters Lusion Fluid Particle Simulation previewLusion Fluid Particle SimulationInteractive Lusion Landing Page Reveal previewLusion Landing Page RevealPreloaders Magnetic Spotlight Marquee previewMagnetic Spotlight MarqueeInteractive Mask Reveal On Scroll previewMask Reveal On ScrollScroll Mat Voyce Scroll Animation previewMat Voyce Scroll AnimationScroll MaximaTherapy Sticky Cards previewMaximaTherapy Sticky CardsCards Maxmilkin Orbit Text Preloader previewMaxmilkin Orbit Text PreloaderPreloaders Media Monks Hover previewMedia Monks HoverHover Meetings Arc Slider previewMeetings Arc SliderSliders Meridian — Flowing Menu Curtain previewMeridian — Flowing Menu CurtainHover Méridien Arc Card Scroll previewMéridien Arc Card ScrollScroll Meristem Overlay Menu previewMeristem Overlay MenuMenus Merle Photo-Studio Hover Index previewMerle Photo-Studio Hover IndexHover Minimal Push Overlay Menu previewMinimal Push Overlay MenuMenus Moblinks Interactive Logo previewMoblinks Interactive LogoInteractive Modular Carousel previewModular CarouselSliders Mosaic Flip Hover Effect previewMosaic Flip Hover EffectHover Mouse Image Trail previewMouse Image TrailHover Mouse Trail with SVG and GSAP previewMouse Trail with SVG and GSAPInteractive NakedCity Films Navbar Scroll Animation previewNakedCity Films Navbar Scroll AnimationScroll Next.js View Transitions previewNext.js View TransitionsTransitions Nite Riot Landing Page Reveal previewNite Riot Landing Page RevealPreloaders Nocturne Baths — Fluid Splash Cursor previewNocturne Baths — Fluid Splash Cursor3D / WebGL Nordquantique Scroll previewNordquantique ScrollScroll Norrwood Landing Page Reveal previewNorrwood Landing Page RevealPreloaders Nuvoro Page Transitions previewNuvoro Page TransitionsTransitions Nvg8 Scroll Animation previewNvg8 Scroll AnimationScroll O'Shane Howard Landing Page previewO'Shane Howard Landing PagePreloaders Orchestra 3D Scroll Animation previewOrchestra 3D Scroll AnimationScroll OrkenWorld Scroll Animation previewOrkenWorld Scroll AnimationScroll Our Revolution Landing Page Reveal previewOur Revolution Landing Page RevealPreloaders Outfit Landing Page Reveal previewOutfit Landing Page RevealPreloaders Outline Text Filled by Media previewOutline Text Filled by MediaText Oversized Year, Counter-Scrolled previewOversized Year, Counter-ScrolledScroll P10 Landing Page Reveal previewP10 Landing Page RevealPreloaders Page Transitions with the View Transition API previewPage Transitions with the View Transition APITransitions Pan-Canvas Video Gallery previewPan-Canvas Video GalleryGalleries PermianWorld Landing Page Reveal Animation previewPermianWorld Landing Page Reveal AnimationPreloaders Phive Sticky Cards previewPhive Sticky CardsScroll Phive Text Scroll Animation previewPhive Text Scroll AnimationText Photo Dump Scroll Scatter previewPhoto Dump Scroll ScatterGalleries Physics Gravity Landing Page previewPhysics Gravity Landing PageInteractive Pixelated Text Hover Shaders previewPixelated Text Hover ShadersHover Playable Objects previewPlayable ObjectsFooters Poppr Gooey Overlay Menu previewPoppr Gooey Overlay MenuMenus Products Lightbox Gallery previewProducts Lightbox GalleryGalleries Project Overview Modal previewProject Overview ModalInteractive PrototypeStudio Scroll Animation previewPrototypeStudio Scroll AnimationScroll Pure JS Vanilla Image Slider previewPure JS Vanilla Image SliderSliders RADGA Horizontal Scroll Animation previewRADGA Horizontal Scroll AnimationScroll Radial Rotating Text Layout previewRadial Rotating Text LayoutGalleries Rejoice Fullscreen Overlay Menu previewRejoice Fullscreen Overlay MenuMenus Responsive Fullscreen Menu previewResponsive Fullscreen MenuMenus Responsive Landing Page Reveal previewResponsive Landing Page RevealPreloaders Ripple Displacement Slider previewRipple Displacement SliderSliders Rotating Hand Animation previewRotating Hand AnimationScroll Sage East 3D Scroll previewSage East 3D ScrollScroll Savoir-Faire Click Reveal previewSavoir-Faire Click RevealInteractive SavoirFaire Landing Page Reveal Animation previewSavoirFaire Landing Page Reveal AnimationPreloaders Sci-Fi Preloader Button Hero Reveal previewSci-Fi Preloader Button Hero RevealPreloaders Scroll Animated Text Reveal previewScroll Animated Text RevealText Scroll Image Reveal Sequence previewScroll Image Reveal SequenceScroll Scroll Wave Image Gallery previewScroll Wave Image GalleryGalleries Scroll-Powered SVG Stroke Draw previewScroll-Powered SVG Stroke DrawScroll Scroll-Powered SVG Stroke Drawing previewScroll-Powered SVG Stroke DrawingScroll Scroll-Synced Image Minimap previewScroll-Synced Image MinimapGalleries ScrollTrigger 404 Horizontal Scroll + Parallax previewScrollTrigger 404 Horizontal Scroll + ParallaxScroll ScrollTrigger Variable Font Marquee previewScrollTrigger Variable Font MarqueeText SeventeenAgency Scroll Animation previewSeventeenAgency Scroll AnimationScroll Shaped Section Boundary previewShaped Section BoundaryTransitions Sidebar Slide-Out Menu previewSidebar Slide-Out MenuMenus Silhouette Page Transition previewSilhouette Page TransitionTransitions Sliding Lightbox Gallery previewSliding Lightbox GalleryGalleries Smooth Scroll Parallax Images previewSmooth Scroll Parallax ImagesScroll SofiHealth Product Scroll Animation previewSofiHealth Product Scroll AnimationScroll SpencerGabor Magnetic Cards previewSpencerGabor Magnetic CardsCards Stacked Alternating Marquees previewStacked Alternating MarqueesScroll Steelworks Landing Page Reveal previewSteelworks Landing Page RevealPreloaders Sticky Cards ScrollTrigger previewSticky Cards ScrollTriggerScroll Sticky Image Minimap previewSticky Image MinimapScroll Sticky Stacking Cards on Scroll previewSticky Stacking Cards on ScrollCards Stories Slideshow previewStories SlideshowSliders Story World Carousel Slider previewStory World Carousel SliderSliders StudioDialect 3D Spiral Image Gallery previewStudioDialect 3D Spiral Image Gallery3D / WebGL SVG Scribble Draw-On Image Hover previewSVG Scribble Draw-On Image HoverHover SVG Stroke Page Transition previewSVG Stroke Page TransitionTransitions Telescope Image Scroll Animation previewTelescope Image Scroll AnimationScroll Telescope Scroll Animation previewTelescope Scroll AnimationScroll Text Displacement Cursor Repel previewText Displacement Cursor RepelText Text Hover Image Ring previewText Hover Image RingHover Text Reveal Animation previewText Reveal AnimationText The Quiet Crowd Landing Reveal previewThe Quiet Crowd Landing RevealPreloaders TheFirstTheLast Scroll Animation previewTheFirstTheLast Scroll AnimationScroll Three.js 3D Scroll Experience previewThree.js 3D Scroll Experience3D / WebGL ThreeJS 3D Slider previewThreeJS 3D Slider3D / WebGL ThreeJS 3D Video Gallery previewThreeJS 3D Video Gallery3D / WebGL ThreeJS Curved Distortion Slider previewThreeJS Curved Distortion SliderSliders ThreeJS Infinite Slider previewThreeJS Infinite SliderSliders TrueKind Landing Page Reveal previewTrueKind Landing Page RevealPreloaders Turbulent Inversion Lens Hover Effect previewTurbulent Inversion Lens Hover EffectHover Vanguardia Award List Hover previewVanguardia Award List HoverHover Voku Image Slider previewVoku Image SliderSliders Voltlites Pinned Hero Zoom-Out Reveal previewVoltlites Pinned Hero Zoom-Out RevealScroll VoyeurVerite Scroll Animation previewVoyeurVerite Scroll AnimationScroll Vucko Scroll Animation previewVucko Scroll AnimationScroll Waabi Scroll Animation previewWaabi Scroll AnimationScroll Warp Lens Slider previewWarp Lens SliderSliders Water Ripple Text Simulation previewWater Ripple Text Simulation3D / WebGL We Go Again previewWe Go AgainGalleries WebGL Interactive Gradient previewWebGL Interactive Gradient3D / WebGL WeroWallet Spotlight Stroke Draw previewWeroWallet Spotlight Stroke DrawScroll Wodniack Work Section Scroll previewWodniack Work Section ScrollScroll WorkingStiff Animated Teams Section previewWorkingStiff Animated Teams SectionScroll YARD Hover Menu previewYARD Hover MenuHover Zajno Landing Page Reveal previewZajno Landing Page RevealPreloaders Zentry Scroll Animations previewZentry Scroll AnimationsScroll Zoom-Out Mark Preloader previewNewZoom-Out Mark PreloaderPreloaders Zoomable Image Wall previewZoomable Image WallGalleries

What is motionprompts?

motionprompts is a free library of 200+ production-grade animation components — GSAP scroll effects, WebGL heroes, text reveals, menus, sliders, preloaders and more — each with a live demo and a validated AI prompt. Copy the prompt into Claude Code, Cursor or any AI coding agent and it rebuilds the component inside your own project, ready to adapt to your design. The kind of animated sites that used to take a top agency and a five-figure budget, now buildable by any developer with an AI agent and the right prompt.

Built by vanguardia.dev — the studio behind motionprompts. Want a custom animated site instead of building it yourself? contact@vanguardia.dev

© 2026 motionprompts.dev