A WebGL fragment shader paints a solid cover over your content. As your cursor moves, gooey blobs spawn along the path and merge into a liquid trail that cuts a hole through the cover. The trail follows your hand with a soft lag, each blob blooms in instead of popping, and when you stop the whole shape implodes toward its centroid. Nothing is revealed until you move.
View animationA floating action button that fans child actions into arc, line, grid, radial, or cluster patterns — held together by an SVG metaball filter so everything reads as one liquid blob at rest. Five spread patterns and three trigger modes, all configurable via data attributes.
View animationCycles through a list of phrases character by character — type speed, delete speed, and pause durations all configurable via data attributes. Human-typing mode adds per-character jitter for organic rhythm. Pure GSAP timeline sequencing, no setInterval.
View animationWhen you pick the Webflow framework on an animation, the CSS view now shows only the at-rules you actually need to paste into Webflow Custom Code — usually just a few keyframes or a reduced-motion block. Everything else is already inside the JSON paste.
One shared dropdown that morphs in height as you move between groups — no separate panels appearing and disappearing, just a continuous Stripe-style container. Content enters from the direction you hovered from, a sliding underline tracks the active trigger, and each link can swap a preview image on hover. Collapses to a mobile accordion at the configured breakpoint.
View animationA small announcement bar sits below the navigation when something worth seeing just shipped. Signed-in members get a bell in the header — open it for a feed of recent animations and posts grouped by week.
View changelogEach pricing plan now surfaces the most recently shipped animation right above the price, linked to its detail page. So you can see exactly what kind of work is landing every week before you decide.
See pricingA cascading two-panel drawer menu for ecommerce, editorial, and agency sites. Panel 1 clips in from the left; hovering a primary category reveals a sublist in Panel 2 next to it. On mobile, it collapses into a click-driven drill-down with a back button.
View animationText scrambles through a brand-accent color before resolving to its final state — five triggers (scroll, hover, click, load, manual), group stagger, and zero layout shift.
View animationReturning customers without a session now see a clear Sign in link in the header, mobile menu, gated code blocks, and footer — no more dead-ending on Subscribe.
The hero slider now surfaces recently shipped and updated animations first, with small New/Updated badges in the corner of each card.
View landingClosing now mirrors opening exactly — the dialog flows back into its trigger card. Built on the native dialog element, so keyboard navigation, focus trap, and Escape-to-close all work out of the box.
View animationNew post on GSAP 3.15's easeReverse property — why reversed animations feel off, how to fix it with one line, and the timeline defaults pattern.
Read postCinematic fullscreen menu where the page slides, rotates, and scales away while a dark overlay reveals navigation links — one seamless motion. Includes burger-to-X morph, image panel with per-link reveals, and full keyboard + reduced-motion support.
View animationNew articles covering GSAP timelines, React useGSAP hook, CSS animations vs GSAP, stagger, hover effects, Next.js page transitions, and Intersection Observer vs ScrollTrigger.
Browse blogBrowse real websites built with Annnimate animations. Submit your own site to get featured — share what animations you used and let the community see your work.
Visit ShowcaseAnimated mesh gradient background with up to 8 color anchors in slow orbit. Cursor interaction physically stirs the colors via a fluid sim — drag, swirl, and watch them settle.
View animationAnimation detail pages now show a link to the original inspiration source where applicable.
Browse animationsNew tutorial covering 10 production-ready scroll animation patterns with GSAP ScrollTrigger. Fade reveals, parallax, mask effects, SVG drawing, flip animations, and more — all with copy-paste code.
Read postNew tutorial covering five production-ready text animation patterns with GSAP SplitText. Character reveals, line masks, word staggers, scroll scrub, and accessibility — all with copy-paste code.
Read postWebGL shader animation that dissolves an image into organic noise patches as you scroll, driven by GSAP ScrollTrigger scrub.
View animationAll animation pages are now accessible without an account — browse, discover, and watch animations live without signing in. Code, tips, and configuration remain for subscribers only.
Browse animationsNew comparison post breaking down the three most popular React animation libraries. Bundle sizes, performance data, code examples, and honest recommendations.
Read postCharacters fade in one by one as you scroll, creating a typewriter reveal effect. Works with sequential or random order for a scattered look.
View animationA scroll-based animation that flips multiple elements in sequence. Cards, images, or text blocks rotate smoothly as you scroll.
View animationAnimations published in the last 14 days show a green "New" badge. Makes it easy to spot recent additions when browsing the library.
Browse animationsThe Docs link on animation detail pages now takes you straight to that animation's documentation instead of the general docs page.
Browse animationsAfter months of work, Annnimate v2 launches with 40+ production-ready animations, full React and Webflow support, an AI Assistant for custom animations, and complete documentation for every component.
Browse the libraryGet lifetime access with a one-time payment. No subscriptions, no recurring fees. Limited to 150 seats.
See pricingTry our text-reveal and circular-slider animations completely free. Interactive previews with live code editing let you test customization options before signing up.
Try it freeBookmark your favorite animations for quick access. Build a personal collection from your dashboard.
Browse animationsRequest specific animations with reference URLs and submit feature ideas publicly or anonymously.
View roadmapJoin the Annnimate Discord with role-specific channels for Pro and Founding Members.
Control which cookies Annnimate uses. Manage your privacy preferences from any page with a simple banner interface.
