Skip to content
motionprompts
Sign in Account Unlock premiumPremium

GSAP components as prompts

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 preview3D Circular Image GalleryGalleries 3D CRT Display preview3D CRT Display3D / WebGL 3D Material Finish Switcher preview3D Material Finish Switcher3D / WebGL 3D Orbit Carousel previewNew3D Orbit CarouselSliders 3D Scroll Scanner Experience preview3D Scroll Scanner Experience3D / WebGL 3D Scroll Tunnel previewFree3D 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 previewASCII Image Reveal EffectGalleries ASCII Preloader Hero previewNewASCII Preloader HeroPreloaders 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 previewBarbaJS Page TransitionsTransitions Barrett & Hale Scroll Animation previewBarrett & Hale Scroll AnimationScroll Block Grid Page Transitions previewBlock Grid Page TransitionsTransitions Block Reveal Page Transition previewFreeBlock 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 previewCamille 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 Cassette Tape Menu previewNewCassette Tape MenuMenus Chat Bubble FAQ previewNewChat Bubble FAQScroll Cielrose Inspired ThreeJS Slider previewCielrose Inspired ThreeJS SliderSliders Circular Futuristic Navigation Menu previewCircular Futuristic Navigation MenuMenus Circular Image Gallery previewFreeCircular Image GalleryGalleries Clayboan Scroll Animation previewClayboan Scroll AnimationScroll Collapsing Page Menu previewNewCollapsing Page MenuMenus Contact Form Reveal previewContact Form RevealTransitions Converging Card Stack previewConverging Card StackScroll Counter Curtain Hero Reveal previewCounter Curtain Hero RevealPreloaders Creative Clutter Flip Layouts previewCreative Clutter Flip LayoutsInteractive CriticalDanger Scroll Cards previewCriticalDanger Scroll CardsScroll Cube Flip Cards previewCube Flip CardsCards 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) previewFreeDirection-Aware Hover Effect (JavaScript)Hover Dotted Path Traveller previewDotted Path TravellerScroll Draggable Pill Menu previewFreeDraggable 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 Fan Deck Overlay Menu previewFan Deck Overlay MenuMenus Fanned Steps on an Arc previewFreeFanned 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 previewFractal Glass Parallax Effect3D / WebGL Frame Collapse Reveal previewFrame Collapse RevealScroll Full Screen Slider previewFreeFull Screen SliderSliders Fullscreen Portfolio Menu previewFullscreen Portfolio MenuMenus Gooey Blur Text Reveal previewGooey Blur Text RevealText 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 previewFreeImage Reveal On ScrollScroll Infinite Column Wall previewInfinite Column WallScroll Infinite Depth Stack previewNewInfinite Depth StackSliders Infinite Draggable Image Gallery previewInfinite Draggable Image GalleryGalleries Infinite Horizontal Parallax Slider previewFreeInfinite 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 Inline Spot Hover Cards previewInline Spot Hover CardsHover Interactive Calendar Cards previewFreeInteractive 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 previewFreeJavaScript Responsive MinimapGalleries JS Page Transitions previewJS Page TransitionsTransitions Junni Tile Flip Board previewJunni Tile Flip BoardInteractive Kaitonote 3D Gallery Showcase previewFreeKaitonote 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 previewKiln 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 previewFreeKudos 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 Lottie Spotlight Flight previewNewLottie Spotlight FlightScroll LukeBaffait Animated Footer previewFreeLukeBaffait Animated FooterFooters Lusion Fluid Particle Simulation previewLusion Fluid Particle SimulationInteractive Lusion Landing Page Reveal previewLusion Landing Page RevealPreloaders Magnetic Spotlight Marquee previewFreeMagnetic 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 previewFreeMeristem 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 previewFreeMosaic Flip Hover EffectHover Mouse Image Trail previewMouse Image TrailHover Mouse Trail with SVG and GSAP previewFreeMouse 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 previewFreeNorrwood 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 previewFreeOutline Text Filled by MediaText Oversized Year, Counter-Scrolled previewOversized Year, Counter-ScrolledScroll P10 Landing Page Reveal previewP10 Landing Page RevealPreloaders Page Curl Hero previewNewPage Curl Hero3D / WebGL Page Push Menu previewNewPage Push MenuMenus Page Transitions with the View Transition API previewFreePage 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 previewFreePure JS Vanilla Image SliderSliders RADGA Horizontal Scroll Animation previewFreeRADGA 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 Rutas con View Transitions previewNewRutas con View TransitionsTransitions 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 Scrambled Wordmark previewNewScrambled WordmarkScroll 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 previewFreeSidebar Slide-Out MenuMenus Silhouette Page Transition previewSilhouette Page TransitionTransitions Sliding Lightbox Gallery previewFreeSliding Lightbox GalleryGalleries Smooth Scroll Parallax Images previewFreeSmooth Scroll Parallax ImagesScroll SofiHealth Product Scroll Animation previewSofiHealth Product Scroll AnimationScroll SpencerGabor Magnetic Cards previewSpencerGabor Magnetic CardsCards Spinning Card Stack previewNewSpinning Card StackCards Split Column Infinite Slider previewSplit Column Infinite SliderSliders Spotlight List Hover Cards previewSpotlight List Hover CardsHover 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 previewFreeSticky 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 previewFreeText Hover Image RingHover Text Reveal Animation previewFreeText 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 Tile Grid Preloader Reveal previewTile Grid Preloader RevealPreloaders Tilted Ring Gallery previewTilted Ring GalleryGalleries TrueKind Landing Page Reveal previewTrueKind Landing Page RevealPreloaders Turbulent Inversion Lens Hover Effect previewTurbulent Inversion Lens Hover EffectHover Unfolding Words Menu previewUnfolding Words MenuMenus 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 WebGPU ASCII Hero previewWebGPU ASCII Hero3D / 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 previewFreeZoom-Out Mark PreloaderPreloaders Zoomable Image Wall previewZoomable Image WallGalleries