Art and animation, written as code. Illustrations, loops, interactive web art, launch-videos and scored films in dozens of styles, identical on every render.
- agent-skills
- animation
- canvas
- claude-code
Repository Index
71,372 visible repositories in the index
73–96 of 106 · Most stars
A no-framework, no-dependencies, customizable, animate-able, SVG-based <qr-code> HTML element.
- bch
- bitcoin
- bitcoin-cash
- cryptocurrency
micro-interactions for react, built for the half-second after a click
- animation
- micro-interactions
- motion
- react
Animated ascii art for web pages, in TypeScript: React, Next.js, Astro, or one HTML tag
- animation
- ascii
- ascii-art
- astro
animated page transition for major ssr frameworks and browsers, including Safari
Library for interactive videos in React
Structure-aware skeleton loader. One Web Component, every framework.
UI for AI agents. React components for what agents do – agent trees, tool calls, traces, handoffs and approvals – and for the rest of your app. One file each, install with shadcn or via MCP. Free and open source.
- animation
- components
- nextjs
- react
:rice: Interactive UI animation engine for the Web. Core renderer for Haiku Animator.
- svg
- web
- animation
IKEA assembly, step by step: animated, manual-style 3D guides. Scan any paper manual with Together AI.
Your coding agent paints pixel art in the Aseprite window you already have open. MCP server + skills for Claude Code, omp, Codex, Gemini CLI and Cursor — draws, looks at its work, animates and exports. Gallery and benchmark: pixeli.pebbly.space
- ai-agents
- aseprite
- claude-code
- gamedev
A Claude skill and TypeScript library for animated line-art SVG components: ink figures that walk and react, scenes with a day/night cycle.
- claude-skill
- line-art
- svg-animation
- typescript
Toasts with real spring physics. One toast that morphs in place. No dependencies. React, Svelte, Vue and plain DOM.
- animation
- notifications
- react
- spring-physics
A JSON spec and renderer for interactive agent avatars
Animated React icons — every Lucide icon plus extra icons and brand logos, each with its own hand-written motion. Drop-in replacement for lucide-react, built on Motion.
AI video factory: from one topic to a finished, multilingual YouTube video. Claude agents write, plan, draw and review; a Studio keeps the human in charge.
- ai-video
- animation
- claude
- remotion
A free skill for Claude Code and OpenCode (runs on a free model): one topic line in, a finished 15-25 s What If animated episode out. Every frame drawn in code (SVG + Remotion); voice and sound from ElevenLabs.
TranslatedA DeepSeek Harness skill that turns Chinese copy, art-style prompts, and sound into coherent code animations (Remotion / Canvas / HTML). Includes search of a 341-style art library, semantic storyboarding, shot transitions, character performance, four music and sound-effect plans, and review and revision.
- animation
- chinese
- code-animation
- deepseek-harness
44 animated, interactive React charts in pure SVG with zero runtime dependencies, a JSON spec, and CLI and MCP tools for AI agents
Making Animation Simple
- animation
- typescript
- web-animation
- waapi
Hand-drawn and pixel-art explainer videos written entirely in code — Remotion + React + SVG, procedural music & SFX, subtitle-driven timing
Animated, steppable code explainers. Zero-dependency TypeScript, SVG output, browser and Cloudflare Workers.
Animal shelter & adoption management prototype — role-based workflows, rule-based listing, applicant ranking, audit trail.
Animated SVG stats cards for your GitHub profile README, counting private and organization work. Runs as a GitHub Action, no server.
- github-actions
- github-profile-readme
- readme-stats
- svg