Design Atlas

← Atlas

Motion ​

Animation libraries and motion patterns for interfaces — from full JS animation engines to copy-paste CSS effects.

Start here ​

  • Transitions.dev — curated product-UI transitions as portable CSS with reduced-motion guards, plus an agent skill that finds ad-hoc motion in your project.
  • React Bits — hundreds of animated pieces (GSAP, three.js, Framer Motion) with an llms.txt index.
  • Easing Wizard — a visual editor that turns springs and bounces into plain CSS linear() curves, with a free REST API, MCP server and Claude Code plugin.
  • DialKit — an MIT live control panel for tuning springs, easing and timelines in the real component, with an agent-facing guide.
  • 60fps — about 2,080 recorded interactions from shipped apps, with storyboards and a paid MCP that returns motion breakdowns.

All sources ​

Ship: reuse with the notice or credit the licence asks forConditional: read the terms before you reuse anythingLook only: no licence stated, so take ideas and nothing else

  • 60fpsAbout 2,080 real iOS interaction recordings with storyboards, a glossary, llms.txt and a paid MCP that returns motion breakdowns.Verdict Very usefulConditional licence, proprietary paidAgent channels mcp, llms-txtReviewed
  • A-FrameAn HTML-first framework for interactive WebXR scenes, with live 3D examples and a visual inspector.Verdict UsefulShip licence, open source permissiveAgent channels noneReviewed
  • Aave Design & EngineeringAave Labs’ engineering article pairs live glass-effect controls with a cross-browser SVG displacement and WebGL implementation.Verdict NicheConditional licence, proprietary freeAgent channels noneReviewed
  • Aceternity UI200+ React and Tailwind landing-page components and blocks (heroes, bento grids, shaders); the elaborate blocks are paid.Verdict Very usefulConditional licence, proprietary paidAgent channels mcpReviewed
  • Active TheoryA creative studio portfolio built around a dark, animated particle scene and a compact route into its project work.Verdict UsefulLook only licence, not statedAgent channels noneReviewed
  • Amacro86 full-screen theme and page reveal effects on View Transitions, delivered as copyable CSS snippets.Verdict NicheShip licence, open source permissiveAgent channels noneReviewed
  • Amanita DesignGame studio site with an illustrated rotating feature, a tiled game catalogue and media-rich individual game pages.Verdict UsefulConditional licence, proprietary freeAgent channels noneReviewed
  • AmicroBig MIT shadcn registry of loaders, card fans, carousels and micro-interactions; young and changing fast.Verdict UsefulShip licence, open source permissiveAgent channels cli, registryReviewed
  • Anim8Browser editor that traces video into editable animated SVG and Lottie; MCP and CLI on Pro.Verdict UsefulConditional licence, proprietary paidAgent channels mcp, cliReviewed
  • Animate UIAnimated Radix/Base UI/Headless UI primitives, styled components and 260 animated Lucide icons via the shadcn CLI.Verdict UsefulConditional licence, source availableAgent channels llms-txt, registryReviewed
  • Animated Icons4,000+ recolourable Lottie/SVG/GIF icons; free tier plus one-time All-Access, no attribution needed.Verdict UsefulConditional licence, proprietary paidAgent channels noneReviewed
  • Animated shadcn/uiAlpha MIT set of stock shadcn/ui components with Motion added, installed via its own CLI or npm package.Verdict NicheShip licence, open source permissiveAgent channels cliReviewed
  • Anime.jsJavaScript animation engine with fine-grained control over complex sequences and SVG effects, and a clear, well-documented API.Verdict UsefulShip licence, open source permissiveAgent channels noneReviewed
  • AnimistaA live CSS animation workbench with preview objects, timing controls and copyable generated keyframes.Verdict UsefulConditional licence, mixedAgent channels noneReviewed
  • Annnimate105 GSAP components in React, Vue and HTML from a studio, with an MCP for paid subscribers.Verdict UsefulConditional licence, proprietary paidAgent channels mcp, llms-txtReviewed
  • ArcReact components and interactive blocks with motion and live examples.Verdict UsefulConditional licence, mixedAgent channels noneReviewed
  • ASCII MagicBrowser image and video studio for ASCII, dithering, mosaics and visual effects, with an MCP server for agents.Verdict Very usefulConditional licence, proprietary paidAgent channels mcp, llms-txtReviewed
  • ASCII StudioTurns images, GIFs and video into ASCII animation and exports a self-contained React component.Verdict UsefulLook only licence, not statedAgent channels noneReviewed
  • Atelier UIAn interactive library of shader and motion components with a live preview, adjustable controls and copyable implementation prompts.Verdict UsefulConditional licence, mixedAgent channels llms-txt, cli, promptsReviewed
  • AwwwardsPaid-entry web design awards with jury-scored winners, interaction clips and studio credits; llms.txt plus a small awards API.Verdict UsefulConditional licence, proprietary paidAgent channels llms-txt, apiReviewed
  • Bencho38 live, tunable React blocks whose "Copy prompt" hands an agent full source plus token-mapping instructions.Verdict UsefulShip licence, open source permissiveAgent channels promptsReviewed
  • bendayAn MIT React component that turns a logo into a halftone mark with 21 controllable loading and agent-state animations.Verdict UsefulShip licence, open source permissiveAgent channels registry, llms-txtReviewed
  • beUIMIT motion components, agent UI and charts with llms.txt, JSON API, agent skill and hosted MCP; paid Pro adds blocks and templates.Verdict Very usefulConditional licence, mixedAgent channels mcp, llms-txt, registry, api, skillReviewed
  • BlueCanvasSeoul digital studio showing live motion experiments, interactive web craft and selected client projects alongside its service work.Verdict UsefulLook only licence, not statedAgent channels noneReviewed
  • BounshyA live Framer specimen for glitching text, particle trails and configurable colour treatments on hover.Verdict NicheLook only licence, not statedAgent channels noneReviewed
  • Browse.coolA beta gallery of 25 high-craft, type-led sites and 194 screenshots and clips for mood-boarding.Verdict NicheLook only licence, not statedAgent channels noneReviewed
  • Bruno SimonA playable 3D portfolio that turns project discovery into driving through a stylized low-poly world.Verdict Very usefulConditional licence, mixedAgent channels noneReviewed
  • Butter NavMega-menu that is one card morphing between menus, with a full rebuild prompt; no licence published.Verdict UsefulLook only licence, not statedAgent channels registry, promptsReviewed
  • Canvas UI35 GPU effects over live, clickable HTML in WebGL or WebGPU, for six frameworks through a shadcn registry.Verdict Very usefulConditional licence, source availableAgent channels llms-txt, registryReviewed
  • Canvas UI Qwen DemoAn interactive Canvas UI showcase that previews shader effects over live HTML and keeps its controls and install snippets beside each example.Verdict UsefulConditional licence, source availableAgent channels registryReviewed
  • Chornobyl Exclusion Zone — BandaBanda's Ukrainian government identity turns the reactor silhouette into a yearly changing mark that gradually disappears by 2064.Verdict UsefulLook only licence, not statedAgent channels noneReviewed
  • Chrome ExperimentsGoogle's archive of creative browser experiments, with WebGL, sound and motion collections linked to their live demos.Verdict UsefulLook only licence, not statedAgent channels noneReviewed
  • Chrome Music LabGoogle's hands-on music experiments, useful for studying playful grids, musical controls and sound-led visual interaction.Verdict UsefulLook only licence, not statedAgent channels noneReviewed
  • Circle Loaders24 standalone animated SVG loading spinners.Verdict NicheLook only licence, not statedAgent channels noneReviewed
  • CodePenPublic interactive Pens and monthly challenges make it easy to study small web experiments, motion and interface details.Verdict UsefulConditional licence, mixedAgent channels noneReviewed
  • CodropsCreative web demos, interaction tutorials and a handpicked site exhibition for expressive frontend design.Verdict Very usefulConditional licence, mixedAgent channels noneReviewed
  • Collect UIDaily feed of UI shots and motion clips, 150+ element categories with designer leaderboards.Verdict UsefulLook only licence, not statedAgent channels noneReviewed
  • Componentry53 animated React effects, from text and WebGL hero backgrounds to image effects, installed through the shadcn CLI.Verdict UsefulShip licence, open source permissiveAgent channels llms-txt, registryReviewed
  • CraftShort design-engineering notes pair practical interface principles with small live demos and before-and-after comparisons.Verdict NicheShip licence, open source permissiveAgent channels skillReviewed
  • CSS Design AwardsA daily web-awards archive with jury ratings and links to featured sites, useful for current portfolio and campaign references.Verdict UsefulConditional licence, proprietary paidAgent channels noneReviewed
  • CSS Text Effects90 copy-ready animated text effects in pure CSS, with custom-property colour tokens.Verdict UsefulShip licence, open source permissiveAgent channels promptsReviewed
  • CueHand-picked web interaction and UI component references with motion demos and prompts for recreating them.Verdict UsefulLook only licence, not statedAgent channels promptsReviewed
  • Cult UITextured, distinctive marketing components and shader heroes built with Motion; paid blocks and templates.Verdict UsefulConditional licence, mixedAgent channels registryReviewed
  • Design Engineer ToolsOne-page list of about 128 apps and sites a web design engineer uses, from galleries and component kits to 3D, capture and motion tools.Verdict NicheLook only licence, not statedAgent channels noneReviewed
  • Design MinisDirectory of small design tools filtered by category and price, including effects, backgrounds, motion, type and image editors.Verdict UsefulConditional licence, proprietary freeAgent channels noneReviewed
  • Design Motion PrinciplesCreate or audit UI motion through Emil, Jakub and Jhey lenses; HTML audit report with looping demos.Verdict Very usefulShip licence, open source permissiveAgent channels skillReviewed
  • Design Spells337 hand-picked recordings of micro-interactions and easter eggs; llms.txt plus a Markdown homepage via Accept header.Verdict UsefulLook only licence, not statedAgent channels llms-txtReviewed
  • Detail (detail.design)About 130 curated interface details (interaction, copy, accessibility, motion) with an installable agent skill for polish.Verdict UsefulConditional licence, mixedAgent channels skillReviewed
  • DetailsAbout 3,155 hand-tagged captures of website heroes, loaders, transitions and scroll effects, plus a paid code Vault and MCP.Verdict Very usefulConditional licence, proprietary paidAgent channels mcp, llms-txtReviewed
  • Devouring DetailsRauno Freiberg's paid interactive manual on interaction craft, with 23 chapters and downloadable React prototypes.Verdict Very usefulLook only licence, not statedAgent channels noneReviewed
  • DialKitMIT live control panel for tuning springs, easing, layout and timelines in React, Vue, Svelte, Solid and plain JS.Verdict Very usefulShip licence, open source permissiveAgent channels llms-txt, promptsReviewed
  • DittherA browser editor and effect gallery for pixel, dither, ASCII and print-like treatments across still images and motion.Verdict UsefulLook only licence, not statedAgent channels noneReviewed
  • Dot Matrix90 dot-grid loading animations as a shadcn registry, with a props playground; licence is restrictive.Verdict UsefulConditional licence, source availableAgent channels registryReviewed
  • DotForgeBrowser tool with 51 animated effects, dither patterns and post-FX; exports PNG, video or an HTML embed.Verdict UsefulLook only licence, not statedAgent channels noneReviewed
  • DrawablyMIT hand-drawn UI controls that sketch fresh on each mount, keep native inputs and ship an agent.md.Verdict UsefulShip licence, open source permissiveAgent channels llms-txtReviewed
  • DribbbleHuge shot-sharing community and designer marketplace for fast visual and motion exploration; mostly concepts, no agent access.Verdict UsefulConditional licence, proprietary paidAgent channels noneReviewed
  • Droppy (getdroppy.app)Mac utility landing page with a vivid blue hero, animated product films and a modular gallery of notch interactions.Verdict UsefulConditional licence, proprietary paidAgent channels noneReviewed
  • Easing WizardVisual CSS easing editor (Bézier, spring, bounce) with a free REST API, MCP server and Claude Code plugin.Verdict Very usefulConditional licence, source availableAgent channels mcp, api, skillReviewed
  • Eldora UIMIT animated landing-page components, text effects, device mockups and blocks, installed via the @eldoraui shadcn namespace, with llms.txt.Verdict UsefulShip licence, open source permissiveAgent channels llms-txt, registryReviewed
  • Emil Kowalski's skillsEmil Kowalski's 13 motion-first skills: when to animate, exact curves and durations, Apple-style springs, animation audits.Verdict Very usefulShip licence, open source permissiveAgent channels skillReviewed
  • Eva Icons (stale)Akveo's MIT pack of 490 outline and fill icons with a data-attribute replace script and four hover animations; unmaintained since 2020.Verdict NicheStaleShip licence, open source permissiveAgent channels noneReviewed
  • Evil Buttons31 playful and stateful shadcn buttons, from hold-to-confirm and cooldowns to cursor-dodging joke CTAs.Verdict NicheShip licence, open source permissiveAgent channels llms-txt, registryReviewed
  • Evil ChartsAnimated shadcn chart components on Recharts or ECharts, with llms.txt, a skill and an MCP server.Verdict Very usefulShip licence, open source permissiveAgent channels mcp, llms-txt, registry, skillReviewed
  • EyecandyBrowse named visual techniques through short explanations and example clips, useful for motion and art-direction references.Verdict UsefulConditional licence, proprietary freeAgent channels noneReviewed
  • Fancy ComponentsPlayful MIT React effects: text swaps, variable-font play, Matter.js gravity, with llms.txt and shadcn registry.Verdict Very usefulShip licence, open source permissiveAgent channels llms-txt, registryReviewed
  • Fluid FunctionalismSpring-driven shadcn registry (Radix or Base UI) with proximity hover, AI chat parts and copy prompts.Verdict Very usefulShip licence, open source permissiveAgent channels registry, promptsReviewed
  • Folios.Gallery23 hand-picked, expressive designer and studio portfolio sites, split into Individual and Studio, from the curator of Browse.cool.Verdict NicheLook only licence, not statedAgent channels noneReviewed
  • ForgeUIAnimated SaaS components, blocks and templates via the @forgeui shadcn namespace; free code has a no-redistribution licence, Pro is $99 one-time.Verdict UsefulConditional licence, mixedAgent channels registry, promptsReviewed
  • framecnEditframe video scenes, captions, transitions and WebGL shader backdrops; Editframe itself is licensed by headcount.Verdict NicheConditional licence, mixedAgent channels llms-txt, registry, api, skillReviewed
  • FramerCanvas website builder and host with an in-app agent, skills, and a bridge that lets Claude Code or Codex edit projects on branches.Verdict Very usefulConditional licence, proprietary paidAgent channels llms-txt, cli, api, skillReviewed
  • FramesetSearch film and advertising frames by text or image, then open individual references to study composition, colour and camera treatment.Verdict UsefulConditional licence, proprietary paidAgent channels noneReviewed
  • GetLayersPaid library of WebGL scenes, gradients and cinematic templates, each copied as one prompt; MCP needs the top tier.Verdict UsefulConditional licence, proprietary paidAgent channels mcp, llms-txt, prompts, skillReviewed
  • Gil HuybrechtArt director portfolio using a black canvas, dense project thumbnails and a compact service and recognition index.Verdict UsefulLook only licence, not statedAgent channels noneReviewed
  • glass-lens-reactA React glass-surface demo showing how refractive controls behave over video, images, gradients and interface elements.Verdict UsefulShip licence, open source permissiveAgent channels noneReviewed
  • glimmWebGL colour-band page transitions for React/Next.js, with a copyable agent prompt.Verdict NicheShip licence, open source permissiveAgent channels promptsReviewed
  • GodlyA dark, masonry-style gallery for websites, app screens, logos and UI details, with focused routes for page sections and visual assets.Verdict UsefulLook only licence, not statedAgent channels noneReviewed
  • Google Evolving IdentityGoogle's 2015 identity story, with visual studies of its logotype, animated dots, compact G, color and product applications.Verdict UsefulConditional licence, proprietary freeAgent channels noneReviewed
  • Gradient SpinA tiny React grid spinner swept by an OKLab-blended gradient wave, in four patterns.Verdict NicheShip licence, open source permissiveAgent channels noneReviewed
  • GrainientA curated library of smooth, grainy and animated gradients, plus a live shader editor for custom backgrounds.Verdict UsefulConditional licence, mixedAgent channels noneReviewed
  • Great UI50 Motion and Tailwind components strong on page and theme transitions; the badge says MIT but the licence bars redistribution.Verdict NicheConditional licence, source availableAgent channels registryReviewed
  • GSAPTimeline animation engine, now free with every plugin under Webflow; llms.txt plus official agent skills.Verdict Very usefulConditional licence, proprietary freeAgent channels llms-txt, skillReviewed
  • Heroicons Animated316 Heroicons outline icons with hover animations built on Motion, via shadcn registry, npm and llms.txt.Verdict UsefulShip licence, open source permissiveAgent channels llms-txt, registryReviewed
  • HEX Swipe FileAgency-maintained reference wall of brand, web, motion and product work, filterable by tag and presented in varied image sizes.Verdict UsefulLook only licence, not statedAgent channels noneReviewed
  • HiggsfieldA dark, media-led creative-suite landing page with chartreuse controls, cinematic previews and a compact product navigation.Verdict NicheConditional licence, proprietary paidAgent channels mcp, cli, apiReviewed
  • Hover StatesAn archive of about 1,775 experimental sites since 2012, each with a short note on its interaction and credits.Verdict UsefulConditional licence, proprietary freeAgent channels noneReviewed
  • Huashu DesignChinese-language HTML skill for prototypes, decks and MP4 animations; always shows three drafts first.Verdict UsefulShip licence, open source permissiveAgent channels skillReviewed
  • ibelick UI SkillsSeven short MIT skills: baseline-ui rules, motion-performance and accessibility fixes, and an evidence-gated improve-ui auditor.Verdict Very usefulShip licence, open source permissiveAgent channels mcp, cli, skillReviewed
  • interior.dev54 carefully finished React micro-interactions with headless hooks, shadcn registry and llms-full.txt.Verdict Very usefulShip licence, open source permissiveAgent channels llms-txt, registryReviewed
  • Internet ArtifactsNeal.fun's interactive timeline of early internet objects, built as a playful illustrated archive.Verdict NicheLook only licence, not statedAgent channels noneReviewed
  • Kinetics153 spring-physics interaction effects in CSS, React and prompt form, with a live parameter editor.Verdict UsefulShip licence, open source permissiveAgent channels promptsReviewed
  • Kokonut UIPlayful Motion components with AI inputs; llms.txt links per-component Markdown pages with full source.Verdict Very usefulConditional licence, mixedAgent channels llms-txt, registryReviewed
  • Landing Love2,156 landing pages recorded as full-page scrolling videos, with GSAP, WebGL and Three.js collections.Verdict UsefulLook only licence, not statedAgent channels llms-txtReviewed
  • Libraries.dev: Thinking orbsMIT React loading orbs with nine AI "thinking" states, copy-prompt buttons and an installable agent skill.Verdict UsefulConditional licence, mixedAgent channels prompts, skillReviewed
  • Light RailsInteractive editor for shaping animated light patterns with geometry, colour and timing controls, then exporting the result.Verdict NicheLook only licence, not statedAgent channels noneReviewed
  • LightswindHuge flashy 3D/WebGL and liquid-glass library with its own CLI, MCP server and llms-full.txt.Verdict UsefulConditional licence, mixedAgent channels mcp, llms-txt, cli, registryReviewed
  • Liquefy UIMIT React primitives with a live playground for tuning refractive glass, spring motion, and accessible component states.Verdict UsefulShip licence, open source permissiveAgent channels mcp, llms-txt, registryReviewed
  • Liquid GlassDOM-manipulation tool for real-time refractive "liquid glass" distortion effects.Verdict NicheLook only licence, not statedAgent channels noneReviewed
  • Liquid Glass Playground by PallavA long-form playground that maps liquid-glass presets, parameters and interface uses into a browsable visual lab.Verdict UsefulShip licence, open source permissiveAgent channels noneReviewed
  • Liquid Glass Web ReactA detailed playground for draggable refractive lenses, with live controls for shape, light, colour fringing and motion.Verdict UsefulShip licence, open source permissiveAgent channels noneReviewed
  • Liquid Orb EditorLive WebGPU editor for liquid-glass orbs, with shareable parameter links and Web or SwiftUI/Metal code export.Verdict UsefulShip licence, open source permissiveAgent channels noneReviewed
  • Liten UIDark, depth-focused React component library with 46 documented examples, live previews and copyable implementation notes.Verdict UsefulLook only licence, not statedAgent channels noneReviewed
  • Loader Buttons25 experimental loading-state buttons in WebGL, SVG, Canvas and CSS; no licence published.Verdict NicheLook only licence, not statedAgent channels noneReviewed
  • loading.dev27 small React 19 spinners that inherit currentColor, with a Markdown page per spinner.Verdict UsefulShip licence, open source permissiveAgent channels llms-txtReviewed
  • loadmo.reHand-picked archive of experimental mobile websites, tagged by visual style, genre and interaction technique.Verdict UsefulConditional licence, proprietary freeAgent channels noneReviewed
  • LocomotiveMontreal studio portfolio pairing an audiovisual hero with a filterable work archive and detailed project pages.Verdict UsefulLook only licence, not statedAgent channels noneReviewed
  • LottieHuge Lottie library, Creator editor with an MIT MCP, and dotLottie players; its licence and terms conflict.Verdict UsefulConditional licence, mixedAgent channels mcp, llms-txtReviewed
  • LottieFiles Motion Design SkillMotion-director skill: four personalities, duration and stagger tables, Disney principles adapted for UI.Verdict UsefulShip licence, open source permissiveAgent channels skillReviewed
  • Lucide Animated467 hover-animated Lucide icons with shadcn registry, llms.txt, skill.md and a hosted MCP endpoint.Verdict Very usefulConditional licence, mixedAgent channels mcp, llms-txt, registry, skillReviewed
  • Luna UIFramer startup templates and case studies with cinematic imagery, oversized type and scroll driven product showcases.Verdict UsefulConditional licence, proprietary paidAgent channels noneReviewed
  • LusionA creative studio portfolio with sculptural 3D scenes, restrained typography and immersive project storytelling.Verdict UsefulLook only licence, not statedAgent channels noneReviewed
  • Made in WebflowA searchable showcase of community websites, with category filters, live previews and an explicit cloneable-sites option.Verdict Very usefulConditional licence, proprietary freeAgent channels mcpReviewed
  • Magic UI150+ animated React and Tailwind components and effects that install like shadcn/ui, positioned as its companion.Verdict Very usefulConditional licence, mixedAgent channels registryReviewed
  • MagicPatternA toolbox of live pattern, mesh-gradient, shader and background editors with image and code exports.Verdict UsefulConditional licence, mixedAgent channels apiReviewed
  • MarathonBungie's game launch site pairs cinematic footage with acid-lime typography and a dense, game-like navigation rail.Verdict NicheLook only licence, not statedAgent channels noneReviewed
  • MascofastPaid AI tool that turns text or photos into mascots, exported as transparent GIF, WebM or Lottie.Verdict NicheConditional licence, proprietary paidAgent channels llms-txtReviewed
  • mblode Agent SkillsDesign audits with a ship verdict, Playwright probes, a 78-rule typography check, and motion curves fitted from recordings.Verdict Very usefulShip licence, open source permissiveAgent channels skillReviewed
  • mesh3dA hand-picked gallery of interactive Three.js and WebGL sites, with separate experiment and maker directories.Verdict Very usefulLook only licence, not statedAgent channels noneReviewed
  • MetalForgeGallery and live editor for shader animations, with SwiftUI, React Native and web outputs and an MCP beta.Verdict UsefulConditional licence, proprietary paidAgent channels mcpReviewed
  • MicroKit49 React microinteractions with polished transitions, ready to copy and adapt.Verdict UsefulShip licence, open source permissiveAgent channels noneReviewed
  • morphiconsTiny zero-dependency library that morphs any stroke icon into another using interruptible springs.Verdict Very usefulShip licence, open source permissiveAgent channels llms-txtReviewed
  • MorphrigInteractive manual on how SVG icon morphing works, with measured browser findings and llms-full.txt.Verdict UsefulLook only licence, not statedAgent channels llms-txtReviewed
  • MotionFormer Framer Motion for React, JS and Vue: MIT core, free docs MCP and skill, paid Motion+ extras.Verdict Very usefulConditional licence, mixedAgent channels mcp, llms-txt, skillReviewed
  • Motion (motionin.design)A categorized gallery of interactive web sections with live examples and detailed motion specifications.Verdict Very usefulConditional licence, proprietary paidAgent channels promptsReviewed
  • Motion Design Principles by ZajnoAn interactive lesson site that demonstrates easing, stagger, masking, parallax, zoom and other interface motion techniques.Verdict UsefulLook only licence, not statedAgent channels noneReviewed
  • Motion PrimitivesIsolated, installable motion and text-effect components grouped by technique, quality over quantity.Verdict UsefulConditional licence, mixedAgent channels cliReviewed
  • MotionimoAbout 450 curated motion-graphics videos (brand films, explainers, logo stings) plus a directory of motion-design tools.Verdict NicheLook only licence, not statedAgent channels llms-txtReviewed
  • movements.devSix browser-tunable UI utilities and libraries for refining component details, from refractive glass to shimmer and shadows.Verdict UsefulLook only licence, not statedAgent channels noneReviewed
  • MovulabBrowser editor for looping animated type, with effect presets, typography controls and export options.Verdict UsefulLook only licence, not statedAgent channels noneReviewed
  • MUUUUU.ORGA Japanese design award gallery that highlights a daily site and tags work by composition, typography, color, motion and visual technique.Verdict UsefulLook only licence, not statedAgent channels noneReviewed
  • NextWell LabA portfolio lab of browser experiments with deep-linked 3D, interaction, game, clock and Pomodoro scenes.Verdict UsefulLook only licence, not statedAgent channels noneReviewed
  • Nexvyn UI40 MIT spring-physics components for shadcn projects, from gooey dropdowns to eye-tracking password fields, via the @nexvyn namespace.Verdict UsefulShip licence, open source permissiveAgent channels registryReviewed
  • Nike Why Do It?A 2025 Nike campaign page documents its film, athlete photography and cinematic newsroom presentation as a dated brand example.Verdict UsefulConditional licence, proprietary freeAgent channels noneReviewed
  • NumberFlowThe standard animated-number component: Intl formatting, digit spins, grouping, React/Vue/Svelte/vanilla.Verdict Very usefulShip licence, open source permissiveAgent channels noneReviewed
  • ObsidianUIA free React component library whose live previews pair restrained documentation layouts with expressive hover and motion effects.Verdict UsefulShip licence, open source permissiveAgent channels llms-txt, registry, apiReviewed
  • Odyssey UIAnimated primitives, AI chat parts and pricing blocks built on Animate UI, via the @odysseyui namespace; no licence file in the repo.Verdict NicheLook only licence, not statedAgent channels llms-txt, registryReviewed
  • OnekoCursor-chasing pixel cat for React via shadcn, with llms.txt and an agent prompt; sprite art not relicensed.Verdict NicheConditional licence, mixedAgent channels llms-txt, registry, promptsReviewed
  • OpenMotionFree closed desktop app that drives your Claude Code or Codex CLI to turn a brief into editable launch videos; nothing for your own agent to call.Verdict NicheLook only licence, not statedAgent channels noneReviewed
  • OriginKitAn interactive component catalogue for shader, cursor, animation and other high-impact web effects, with live parameter controls.Verdict UsefulConditional licence, source availableAgent channels mcpReviewed
  • OvertoneAarhus design studio site pairing a large pale gradient headline with a compact floating navigation and image-led project pages.Verdict UsefulLook only licence, not statedAgent channels noneReviewed
  • PaceUIReact components, animated crafts, page blocks and app templates with live previews and a shadcn-compatible registry.Verdict UsefulLook only licence, not statedAgent channels mcp, registryReviewed
  • Painting LoadersSlow p5.brush loaders that paint Monet-style scenes; each copies out as one standalone HTML file.Verdict NicheLook only licence, not statedAgent channels noneReviewed
  • Paper Shaders30 zero-dependency WebGL2 canvas shaders for React or vanilla JS, Apache-2.0, with a full prop reference in llms.txt.Verdict Very usefulShip licence, open source permissiveAgent channels llms-txtReviewed
  • PatatapA keyboard-driven sound and shape toy where each letter triggers a brief animated mark against a quiet canvas.Verdict UsefulLook only licence, not statedAgent channels noneReviewed
  • Pepsi visual identity 2023A 2023 Pepsi identity announcement pairs a bold wordmark and electric blue pulse with can, fleet and digital applications.Verdict NicheConditional licence, proprietary freeAgent channels noneReviewed
  • Pin UISix playful React components rebuilt from Pinterest interface shots, installed by shadcn URL; MIT per the site terms, brand new.Verdict NicheShip licence, open source permissiveAgent channels registryReviewed
  • Pixel Perfect UIA free React component gallery with live previews, visual controls, source code and shadcn-compatible install commands.Verdict UsefulLook only licence, not statedAgent channels registryReviewed
  • Playgrnd52 free in-browser generative toys for backgrounds, patterns, posters and textures; no licence published.Verdict UsefulLook only licence, not statedAgent channels noneReviewed
  • POP IS YOU SAKAEA Nagoya event microsite that links pop-culture listings to a calendar and a filterable map of Sakae venues.Verdict UsefulLook only licence, not statedAgent channels noneReviewed
  • Rare UIAbout 20 unusual Motion and Tailwind React components via the shadcn CLI; MIT + Commons Clause + visible attribution.Verdict UsefulConditional licence, source availableAgent channels llms-txt, registryReviewed
  • Rauno's Field Notes #5A video-backed interaction study of stacked sidebar cards, hover cues, hit areas and dismissal motion.Verdict NicheLook only licence, not statedAgent channels noneReviewed
  • React BitsLarge catalogue of animated React components and WebGL backgrounds (GSAP, three.js, Framer Motion) with an llms.txt index.Verdict Very usefulConditional licence, mixedAgent channels llms-txtReviewed
  • ReelfolioA showreel maker whose template previews demonstrate ways to stage interface screenshots as short motion sequences.Verdict UsefulConditional licence, proprietary paidAgent channels apiReviewed
  • Remocn308 Remotion video components plus an agent skill that composes launch and demo videos from them.Verdict Very usefulConditional licence, mixedAgent channels llms-txt, registry, skillReviewed
  • Reverse UI68 animated React feature illustrations and shader effects for SaaS pages; 19 free, the rest a one-time paid licence. MUI and Emotion.Verdict UsefulConditional licence, proprietary paidAgent channels noneReviewed
  • RewampUIAbout 75 animated React navbars, backgrounds, toggles and cursors with a copy CLI and per-component prompts; designs are admitted remixes.Verdict NicheLook only licence, not statedAgent channels cli, promptsReviewed
  • RipplixReal-app UI microinteractions and motion clips, searchable by product, interaction and platform.Verdict UsefulConditional licence, proprietary paidAgent channels noneReviewed
  • RiveState-machine vector editor with MIT runtimes, an agent-friendly CLI and a local MCP; exporting needs a paid seat.Verdict Very usefulConditional licence, mixedAgent channels mcp, llms-txt, cliReviewed
  • Rolling NumberInterruptible rolling digits and split-flap text for DOM, React and Solid, with llms.txt and Markdown docs.Verdict UsefulShip licence, open source permissiveAgent channels llms-txtReviewed
  • Ruru UI (stale)Small Radix and Tailwind v3 library with its own CLI; its author says it is no longer maintained.Verdict NicheStaleShip licence, open source permissiveAgent channels cliReviewed
  • Sanrio GamesCharacter game hub with a pastel opening, illustrated gallery and a vivid rhythm-game page built from long visual sections.Verdict NicheConditional licence, proprietary freeAgent channels noneReviewed
  • SavedDaily design gallery with filters for web, interfaces, branding, motion, 3D, illustration, typography and posters.Verdict UsefulLook only licence, not statedAgent channels noneReviewed
  • SaveeEditorial motion-template shop with After Effects, Figma and Jitter previews for studying kinetic type and product compositions.Verdict UsefulConditional licence, proprietary paidAgent channels mcpReviewed
  • SceneAICurated landing-page prompts, animated backgrounds and gradients for studying expressive web sections and motion.Verdict UsefulConditional licence, proprietary paidAgent channels noneReviewed
  • Screen MovieA macOS recording and motion editor whose site shows cinematic ways to frame, zoom and animate product demos.Verdict UsefulConditional licence, proprietary paidAgent channels noneReviewed
  • ScrittoMIT web component that animates only the characters that change in any string.Verdict UsefulShip licence, open source permissiveAgent channels noneReviewed
  • ScrolltidePaid cinematic scroll-driven templates and sections for landing pages, each paired with an agent prompt.Verdict UsefulConditional licence, proprietary paidAgent channels promptsReviewed
  • Sera UIAbout 90 MIT animated React and Tailwind components via shadcn registry URLs; now owned by Pimjo, repo quiet since February 2026.Verdict NicheShip licence, open source permissiveAgent channels llms-txt, registryReviewed
  • Skiper UINumbered, polished recreations of well-known designers' interactions; small free subset, murky licence.Verdict NicheConditional licence, proprietary paidAgent channels registryReviewed
  • slot-textTiny slot-machine text roll for buttons, statuses and counters; copy-ready usage doc for agents.Verdict NicheShip licence, open source permissiveAgent channels llms-txtReviewed
  • Smooth UI198 MIT animated components with a large AI-interface set, llms.txt, JSON catalog and a no-auth REST API.Verdict Very usefulShip licence, open source permissiveAgent channels llms-txt, cli, registry, apiReviewed
  • SNASKStockholm creative agency portfolio with a dramatic video hero, oversized rounded type and a stream of image-led case pages.Verdict UsefulLook only licence, not statedAgent channels noneReviewed
  • Sona UISmall MIT set of accessible animated React components with an agent manifest, catalog, skill and read-only API through shadcn.Verdict UsefulShip licence, open source permissiveAgent channels llms-txt, registry, api, skillReviewed
  • Sora UIAnimated React component registry with live motion demos and ready-made layout showcases.Verdict UsefulConditional licence, mixedAgent channels cli, mcp, registryReviewed
  • Spell UISmall, refined MIT set strong on text reveal animations, playful buttons and light-ray backgrounds.Verdict UsefulShip licence, open source permissiveAgent channels llms-txt, registryReviewed
  • SplineBrowser and desktop 3D tool with an event system, code and glTF export, and an MCP server in the desktop app.Verdict Very usefulConditional licence, proprietary paidAgent channels mcp, llms-txtReviewed
  • Spotify Wrapped 2021Spotify’s 2021 Wrapped interview explains a campaign-specific ribbon, symbols, motion and digital applications through contemporary examples.Verdict UsefulConditional licence, proprietary freeAgent channels noneReviewed
  • Starbucks Holiday Ad (2024)A stop-motion holiday film that places Starbucks green, the Siren and red seasonal details inside densely staged miniature scenes.Verdict NicheConditional licence, proprietary freeAgent channels noneReviewed
  • Studio DumbarRotterdam studio portfolio for bold visual identities, motion systems and expressive typography.Verdict UsefulLook only licence, not statedAgent channels noneReviewed
  • Studio YukikoBerlin studio portfolio pairing a condensed display face with a varied project grid, category filters and editorial case studies.Verdict UsefulLook only licence, not statedAgent channels noneReviewed
  • Supermassive GamesGame studio site built around cinematic title art, with a poster catalogue and dedicated pages for its narrative games.Verdict UsefulConditional licence, proprietary freeAgent channels noneReviewed
  • Swift PiecesAnimated SwiftUI components for iOS with live interaction previews, single-file source and agent installation paths.Verdict UsefulConditional licence, mixedAgent channels mcp, llms-txt, cli, registryReviewed
  • Syntax UI (stale)MIT copy-paste Tailwind and Framer Motion buttons, loaders, blocks and effects; mostly dormant, with some docs pages erroring at review.Verdict NicheStaleConditional licence, mixedAgent channels noneReviewed
  • TakayuStudioGame UI designer's studio site connecting a motion portfolio, game UI references, browser tools and a structured course path.Verdict UsefulConditional licence, mixedAgent channels noneReviewed
  • Taste SkillThirteen anti-slop skills with exact bans, three design dials and a strict pre-flight checklist for landing pages.Verdict Very usefulShip licence, open source permissiveAgent channels skillReviewed
  • The Brand IdentityEditorial case studies of identity systems across typography, packaging, digital work and motion, with searchable visual tags.Verdict Very usefulConditional licence, proprietary paidAgent channels noneReviewed
  • The PuddingVisual essays that turn data and reported stories into distinctive, interactive editorial experiences.Verdict UsefulLook only licence, not statedAgent channels noneReviewed
  • Theatre.js (stale)In-browser keyframe editor for THREE.js and R3F scenes; Apache core, AGPL studio, stalled since 2024.Verdict NicheStaleConditional licence, mixedAgent channels noneReviewed
  • Three.jsThe default MIT WebGL/WebGPU library: 607 examples, an editor, TSL, and an llms.txt with rules for code generators.Verdict Very usefulShip licence, open source permissiveAgent channels llms-txtReviewed
  • TokokinoA browser editor with reusable device-frame, screenshot and animated product-demo compositions.Verdict UsefulConditional licence, open source copyleftAgent channels noneReviewed
  • TorphDependency-free text morphing for changing labels, with place-value number rolls and springs.Verdict UsefulShip licence, open source permissiveAgent channels noneReviewed
  • Toukana InteractiveIndie studio site with a split game carousel, numbered project stories and colorful game art framing clear platform links.Verdict NicheLook only licence, not statedAgent channels noneReviewed
  • Transitions.devCurated product-UI transitions as portable CSS, with an agent skill, CLI and live Refine timeline.Verdict Very usefulConditional licence, mixedAgent channels skillReviewed
  • UI LabsMariana Castilho's dozen live Framer Motion experiments with morphing toolbars, popovers and widgets; demo-only.Verdict NicheLook only licence, not statedAgent channels noneReviewed
  • UI Layouts300+ MIT animated React components and sections with a shadcn registry, an MCP server and a paid Pro block site.Verdict UsefulConditional licence, mixedAgent channels mcp, llms-txt, registry, promptsReviewed
  • UI Skills306 design-engineering skills from 84 authors, with a routing skill, CLI, MCP and 18 real company DESIGN.md files.Verdict Very usefulConditional licence, mixedAgent channels mcp, llms-txt, cli, skillReviewed
  • ui.cameraPuts UI screenshots in a 3D scene for angled 4K stills and camera-move videos; commercial use needs Pro.Verdict UsefulConditional licence, proprietary paidAgent channels noneReviewed
  • UIC School of Design Year End Show 2025UIC's student exhibition splits work into undergraduate and graduate cohorts, with discipline filters and individual thesis excerpts.Verdict UsefulLook only licence, not statedAgent channels noneReviewed
  • UiunoEarly shadcn workspace where a bot collects motion and shader effects into registries; credit to originals is lost.Verdict NicheLook only licence, not statedAgent channels registryReviewed
  • Unicorn StudioA visual shader editor with a gallery of animated, interactive graphics that can be embedded on websites.Verdict UsefulConditional licence, proprietary paidAgent channels noneReviewed
  • unlumen UIAnimated React registry forked from Animate UI, with motion primitives, copyable components and a paid Pro set.Verdict UsefulConditional licence, mixedAgent channels llms-txt, registryReviewed
  • Unseen StudioStudio portfolio with a pastel 3D world, expressive serif and sans typography, and a filtered project grid.Verdict UsefulLook only licence, not statedAgent channels noneReviewed
  • useAnimations87 free micro-animated icons (SVG + Lottie) and a React package; attribution required, licence inconsistent.Verdict NicheConditional licence, mixedAgent channels noneReviewed
  • User Interface WikiRaphael Salaja's nine demo-rich articles on motion, sound and type, installable as a 152-rule agent skill.Verdict Very usefulShip licence, open source permissiveAgent channels skillReviewed
  • Velora UINew MIT set of 100 animated shadcn components, 31 blocks and a free landing template, each with size and dependency counts.Verdict UsefulShip licence, open source permissiveAgent channels llms-txt, registryReviewed
  • Vengeance UIMIT animated hover, text and scroll effects plus landing blocks for Next.js, installed with shadcn from a GitHub-hosted registry.Verdict UsefulShip licence, open source permissiveAgent channels registryReviewed
  • VessaPaid hosted brand guidelines with motion tokens, a public brand.json and llms.txt per brand, and an OAuth MCP.Verdict UsefulLook only licence, not statedAgent channels mcp, llms-txtReviewed
  • Viewport UIA visual gallery of web, mobile and motion references, with category filters and individual design records linked to their sources.Verdict UsefulLook only licence, not statedAgent channels noneReviewed
  • VuckoA motion identity studio portfolio with vivid brand case studies and a modular, clock-and-project rail.Verdict UsefulLook only licence, not statedAgent channels noneReviewed
  • Watermelon UIMIT shadcn registry of 850+ components, blocks and dashboards with a keyless public API, llms.txt and a hosted MCP server.Verdict Very usefulShip licence, open source permissiveAgent channels mcp, llms-txt, registry, apiReviewed
  • What ShipsAbout 2,220 startup launch videos from X, with llms.txt, an OpenAPI description and a JSON index.Verdict UsefulShip licence, open source permissiveAgent channels llms-txt, apiReviewed
  • Zian LuShanghai designer's portfolio spanning brand identity, typography and motion experiments, with concise credits and project context.Verdict UsefulLook only licence, not statedAgent channels noneReviewed
  • ZoomquiltA collaborative painting built as a seamless infinite zoom, useful for studying continuous visual transitions and layered surreal scenes.Verdict NicheLook only licence, not statedAgent channels noneReviewed

Patterns worth reusing ​

  • Offer each effect in multiple formats (pure CSS, framework code, AI prompt) so consumers pick whichever fits their stack.
  • Isolate "expensive" effects (shaders, particles, WebGL) into separate components loaded only where they pay off.
  • Use spring/physics-based easing instead of fixed-duration curves for feedback that feels naturally weighted.
  • Ship a live parameter editor (stiffness, damping, duration) so an effect can be tuned before it's copied into a project.
  • Respect prefers-reduced-motion by default on any animated effect, not as an afterthought.
  • Describe every interaction in four beats (trigger, starting state, movement, settle) before writing animation code (60fps).
  • Tune springs by perceived duration and bounce first, drop to stiffness and damping only when needed, and keep a replay button beside the element (DialKit).
  • Give AI waiting states a distinct animation per activity, and pause canvas animations when they're off-screen or the tab is hidden (Libraries.dev: Thinking orbs).
  • Spend the animation budget on moments that matter (streaks, rewards, success states) rather than on every transition (60fps).
  • Write motion briefs scene by scene, with a duration, entry direction and easing character for each (OpenMotion).
  • Make opening slower and more expressive than closing, scale menus from the side they are attached to, and let tooltips appear after a delay but vanish at once (Transitions.dev).
  • Keep durations and easings as tokens named by feel, and audit code for hard-coded or default values (Transitions.dev, Easing Wizard).
  • Bake spring and bounce curves into CSS linear() instead of shipping a runtime spring library (Easing Wizard).
  • When text or numbers change in place, animate only what changed: shared characters stay still, digits roll by place value and widths are locked first (Torph, NumberFlow, slot-text, interior.dev).
  • Put numbers on motion rules: user-triggered animations under 300 ms, stagger under 50 ms per item, linear easing only for progress (User Interface Wiki).
  • Remove motion from high-frequency interactions where it only slows people down (Devouring Details).
  • Author morph correspondence once as data, and fall back to a crossfade when a pair isn't worth morphing (Morphrig).
  • Treat a full-screen transition as punctuation, not something that runs on every click (glimm).
  • Give video components a stated duration and seed every random effect so renders are repeatable (Remocn, framecn).

Pitfalls ​

  • Heavier animation dependencies (Framer Motion, GSAP, three.js) add real bundle weight once many effects are used together.
  • Text and motion effects can create accessibility issues for screen readers if not paired with a static fallback.
  • Physics-driven interactions sometimes have poor affordance — users may not realize they're interactive at all.
  • Running many simultaneous effects can hurt performance on low-power devices; budget how many run at once.
  • Recordings show behaviour, not code: timing still has to be worked out, and 60fps's generated code targets SwiftUI, so web teams must translate springs to CSS or Motion.
  • Live tuning panels are development tools; the values you settle on still have to be copied back into production code (DialKit).
  • Lottie-based icons load lottie-web at runtime, which is heavy when a CSS or SVG transition would do (useAnimations).
  • Browser support still has gaps: linear() is ignored by older engines (Easing Wizard), and according to Morphrig, Safari 26.3 can't animate an SVG path's d with CSS or WAAPI.
  • Code-based video has licence strings attached: Remotion needs a company licence above three employees (Remocn), and Editframe is free only for organisations of up to three people (framecn).
  • Reduced motion isn't always handled for you: slot-text 0.3.4 has no reduced-motion check, and Paper Shaders doesn't document one, so add your own fallback.
  • Motion galleries show behaviour, not timing or code (Details, Landing Love, What Ships), and Motionimo's linear video craft teaches pacing, not implementation.
  • Published counts disagree across Transitions.dev's README, skill page and Pro page, and its Refine tool spends chat credits while it runs in editor mode.