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–19 of 19 · Most stars
🦄 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
🐦 Bringing animated parrots to terminals everywhere
- party
- parrot
- terminal
- curl
Library for animated data visualizations and data stories.
Animated typing in ~400 bytes 🐡 of JavaScript
- javascript
- module
- typing
- animation
An AI skill that turns books into animated, narrated, interactive web experiences
Animated, explorable diagrams for Claude and other coding agents, from a short JSON spec.
- agent-skills
- ai-agents
- architecture-diagram
- claude-code
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
An intro page with a full width background image, a bold animated menu and an iOS-like blurred effect behind the navigation
A light spiritual succesor to neon-animated-pages using only css animations
- web-components
- javascript
- js
- css
A Cycle.js driver for animating (srsly) localStorage.