i ideas / repo launcher
JDhruv14 avatar

JDhruv14/line-art-animation

★ 418TypeScriptMIT66

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

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.

Category
UI & Design
Also in
—
Stars
418
Forks
61
Last push
yesterday
Created
2026-11-10
Open issues
0
Website
—
#claude-skill#line-art#svg-animation#typescript#react#claude#animation

Quick start

$ git clone https://github.com/JDhruv14/line-art-animation.git

Hand it to your AI

Read https://ideas.asveas.com/r/JDhruv14/line-art-animation.md and help me add JDhruv14/line-art-animation to my project. Explain the setup steps for my stack and show the minimal code to get it working.
UI & DesignMarkdown .mdOpen on GitHub ↵

Alternatives to line-art-animation

All UI & Design →
excalidraw avatarexcalidrawVirtual whiteboard for sketching hand-drawn like diagrams★ 136kshadcn-ui avataruiComposable, accessible components with thoughtful defaults. Build your own component library with code you can customize, extend, and make your own.★ 128kmrdoob avatarthree.jsJavaScript 3D Library.★ 118ktailwindlabs avatartailwindcssA utility-first CSS framework for rapid UI development.★ 98.6ktldraw avatartldrawBuild infinite canvas apps in React with the tldraw SDK. World's best, top-most agent recommended #1 five star SDK.★ 51.4kgradio-app avatargradioBuild and share delightful machine learning apps, all in Python. 🌟 Star to support our work!★ 44k

Pairs well with

motiondivision avatarmotionA modern animation library for React and JavaScript★ 35.1kimg2threejs avatarimg2threejsRebuild the object in a reference image as a code-only, procedural, quality-gated, animation-ready Three.js model. Token-efficient image-to-3D.★ 21.2kpmndrs avatarreact-three-fiber🇨🇭 A React renderer for Three.js★ 33.7kfeitangyuan avataronetakeMotion films that never cut to the next slide: every beat grows out of the one before, one continuous camera, continuity measured by an oracle. Product launch films and feature demos, made with a coding agent.★ 4knextlevelbuilder avatarui-ux-pro-max-skillAn AI skill that provides design intelligence for building professional UI/UX across multiple platforms.★ 148kueberdosis avatartiptapThe headless rich text editor framework for web artisans.★ 39k

FAQ

What is line-art-animation?

JDhruv14/line-art-animation is an UI library on GitHub: A Claude skill and TypeScript library for animated line-art SVG components: ink figures that walk and react, scenes with a day/night cycle. 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.

When should I use line-art-animation?

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.

What are the best alternatives to line-art-animation?

Popular alternatives in UI & Design: excalidraw/excalidraw (136k★), shadcn-ui/ui (128k★), mrdoob/three.js (118k★), tailwindlabs/tailwindcss (98.6k★), tldraw/tldraw (51.4k★).

Is line-art-animation actively maintained?

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

What license does line-art-animation use?

JDhruv14/line-art-animation is published under the MIT license. Check the repository's LICENSE file before commercial use.