Download free animation resources for your design projects — vectors, textures, mockups, and more.
About Top Animation Resources
Top Animation Resources is a creative resource listed on Creators Toolbox. Check the publisher's website for its current terms and availability.
25 Top Animation Resources
Motion Prompt Gallery — Explore AI motion graphics with prompts, creator credits, and links to the original sources.
Routeveil — Add animated route transitions to React Router applications with an open-source React library.
Prompt Motion — Browse motion videos made with Claude and explore the prompts and skills behind them, with links to the original creators.
beUI — Free, open-source animated components for React and Next.js — 108 motion primitives and blocks built with Motion and Tailwind, installable via the shadcn CLI.
OriginKit — The largest free animated component library for modern websites. Copy the code, use it in Framer, or connect through MCP.
Border Beam — A lightweight React component that renders an animated glowing border beam effect — multiple sizes, color variants, and themes.
useLayouts — Free animated React components and micro-interactions built with Framer Motion and Tailwind CSS, designed to work with shadcn/ui.
Bencho — Interactive React UI components and micro-interactions you can explore, tweak, and use in your projects.
Arc UI — Motion-rich React components and complete UI blocks for shadcn and Next.js, with live examples and AI-readable docs.
FeralUI — Playful, physics-driven React components and interactive UI experiments, built with TypeScript.
Eyecandy — A visual technique library for motion designers and animators. Browse curated examples of transitions, animation styles, motion blur, and more.
Transitions.dev — Free copy-paste CSS transitions for common UI patterns — modals, dropdowns, card resizes, text swaps.
Magic Animator — Figma plugin that animates your designs in seconds with AI — bring static layers to life without a motion workflow.
Oluwasefunmi Playground — Interactive UI experiments and visual effects — 3D CSS, scroll animations, carousels, ripple effects, and more.
Jitter AI Templates — Type your idea and Jitter AI builds a ready-to-use motion template — drop it into Jitter and customize on the canvas.
Vector Motion Kit — Developer-friendly toolkit for animated vector assets — browse icons, preview animations, and export ready-to-use SVG and AVD files.
DEEO Artifacts — Interactive and motion experiments from DEEO Studio — built for the curious and made to be played with.
Grokbot Characters — Preview an animated Grokbot character and download the editable CoAnimator project to remix its expressions, motion, and colors.
Loading.dev — A free, open-source collection of animated loading indicators for React, with live previews and copyable usage examples.
React Bits — An open-source collection of 200+ animated, interactive React components and micro-interactions.
Dot Matrix — Open-source React component library of 55+ expressive dot-matrix loaders — install via the shadcn registry and own the code locally.
Shape Move — Figma plugin that animates shapes along any path — draw a line, attach a shape, and export smooth motion graphics in one click.
Creator Bazaar — The plugin marketplace for Lottie Creator: install community-built tools in one click, or build and publish your own with the SDK.
ObsidianUI — Open-source React and Tailwind CSS component library of animated, interactive UI effects you can preview, copy, or install via the shadcn CLI.