# JDhruv14/line-art-animation

> A Claude skill and TypeScript library for animated line-art SVG components: ink figures that walk and react, scenes with a day/night cycle.

- GitHub: https://github.com/JDhruv14/line-art-animation
- Category: UI & Design (https://ideas.asveas.com/c/ui)
- Tags: claude-skill, line-art, svg-animation, typescript, react, claude, animation
- Language: TypeScript · License: MIT
- Stars: 418 · Forks: 61 · Open issues: 0
- Last push: 2026-11-10 (yesterday)
- Vibe score: 66/100

## What it is
A Claude skill and a small TypeScript library for animated line-art components: ink-on-paper figures that walk, ride and react, in scenes that run from day to night. Everything is drawn live in SVG, so it stays sharp at any size and responds to the pointer. or into .claude/skills/ inside a single project. Then ask for what you want, for example:

## When to use it
Reach for line-art-animation when you want your app to look great fast — components, icons, motion, charts or rich editors — it's written in TypeScript and fits stacks tagged claude-skill, line-art, svg-animation, react.

## Maintenance
JDhruv14/line-art-animation looks very actively maintained: the last push was yesterday (2026-11-10), with 418 stars and 0 open issues.

## Quick start
```bash
git clone https://github.com/JDhruv14/line-art-animation.git
```

## Alternatives in UI & Design
- [excalidraw/excalidraw](https://github.com/excalidraw/excalidraw) — Virtual whiteboard for sketching hand-drawn like diagrams (★136k, TypeScript, vibe 97/100) · details: https://ideas.asveas.com/r/excalidraw/excalidraw
- [shadcn-ui/ui](https://github.com/shadcn-ui/ui) — Composable, accessible components with thoughtful defaults. Build your own component library with code you can customize, extend, and make your own. (★128k, TypeScript, vibe 97/100) · details: https://ideas.asveas.com/r/shadcn-ui/ui
- [mrdoob/three.js](https://github.com/mrdoob/three.js) — JavaScript 3D Library. (★118k, JavaScript, vibe 97/100) · details: https://ideas.asveas.com/r/mrdoob/three.js
- [tailwindlabs/tailwindcss](https://github.com/tailwindlabs/tailwindcss) — A utility-first CSS framework for rapid UI development. (★98.6k, TypeScript, vibe 96/100) · details: https://ideas.asveas.com/r/tailwindlabs/tailwindcss
- [tldraw/tldraw](https://github.com/tldraw/tldraw) — Build infinite canvas apps in React with the tldraw SDK. World's best, top-most agent recommended #1 five star SDK. (★51.4k, TypeScript, vibe 93/100) · details: https://ideas.asveas.com/r/tldraw/tldraw
- [gradio-app/gradio](https://github.com/gradio-app/gradio) — Build and share delightful machine learning apps, all in Python. 🌟 Star to support our work! (★44k, Python, vibe 92/100) · details: https://ideas.asveas.com/r/gradio-app/gradio

---
Source: https://ideas.asveas.com/r/JDhruv14/line-art-animation · Catalog: https://ideas.asveas.com/llms.txt