The largest open-source library of animated, interactive, and customizable React & Next.js components for building standout web products and experiences. Built for humans and AI agents.
- animations
- components
- components-library
- components-react
Repository Index
47,133 repositories indexed
1–24 of 31 · Most stars
Animate on scroll library
Animate elements as they scroll into view.
- reveal
- animation
- scroll
- javascript
🦄 Record your terminal and generate animated gif images or share a web player
- terminal
- record
- capture
- shot
A set of higher-order components to turn any list into an animated, accessible and touch-friendly sortable list✌️
- react
- sortable
- drag-and-drop
- sorting
A+ animation module for the modern web
🐦 Bringing animated parrots to terminals everywhere
- party
- parrot
- terminal
- curl
An easy way to animate SVG elements.
Library for animated data visualizations and data stories.
Animated typing in ~400 bytes 🐡 of JavaScript
- javascript
- module
- typing
- animation
Procedural animation in any style for Claude Code: short single-file canvas videos with story, look and storyboard check-ins. 7 built-in styles or one matched from your references, your own music (beat-mapped), real product screenshots, every format from one piece.
- animation
- canvas
- claude-code
- claude-code-plugin
Free, open-source stick figure animation app for Windows, Linux and the browser. Opens Pivot and Stick Nodes projects.
- 2d-animation
- animation
- animation-software
- electron
An AI skill that turns books into animated, narrated, interactive web experiences
A Claude Code skill that reverse-engineers any animation frame by frame, then proves the copy moves the same.
- agent-skills
- animation
- claude-code
- claude-skills
Animated, explorable diagrams for Claude and other coding agents, from a short JSON spec.
- agent-skills
- ai-agents
- architecture-diagram
- claude-code
Lightweight, simple to use jQuery plugin to animate SVG paths
734 animated ASCII art pieces for web pages, READMEs, wallpapers and terminals. Browse them in your terminal with npx ascii-magic-art and add one to your project in one prompt.
- animation
- ascii
- ascii-art
- cli
Pixel-art diorama playbook and Three.js code kit: research-first build workflow, locked camera, palette snap, ordered dither, inked contour, animated toy-scale cast, per-entity frame QA.
Dot-lattice art: photo to two-tone dot map to seamless animated loop (engine + scripts)
Core animation primitives for Ember.
Eight agent skills for 3D and animated websites: three.js scenes from code, scroll films, transparent video, cursor rigs, exploded views, AI motion assets, browser checks and 60 fps recording. Claude Code, Codex, Cursor, Gemini CLI.
- 3d
- agent-skills
- animation
- claude-code
React components for declaratively composing animated, interactive visualizations.
Build an interactive clothing website from product photos with your coding agent. Includes two animated garments, prompts, and a video-to-UI pipeline.
An agent skill that makes videos in pure code — narrated explainers and product promos in 32 visual styles (whiteboard, ink-wash, shadow puppets, pixel art, isometric worlds, movie trailers, manga, animated maps, Swiss kinetic type, blueprints, paper collage, Bayeux tapestry, stick-figure parables, pencil tests, pen-drawn worlds…), 16:9 and 9:16.
- agent-skills
- claude-code
- claude-skills
- explainer-video