Animated Component Libraries
- 629 repo stars
- Updated November 20, 2025
- freshtechbro/claudedesignskills
Drops in pre-built animated React components from Magic UI and React Bits instead of hand-crafting animations for landing pages and dashboards.
About
A Claude skill combining two pre-built animated React component collections, Magic UI and React Bits, over Tailwind and Motion. A solo builder reaches for it when building landing pages, marketing sites or dashboards and wants polished animated components off the shelf rather than hand-coding each animation with Framer Motion or GSAP.
- Magic UI 150+ components
- React Bits 90+ animated components
- shadcn/ui and Tailwind integration
- Skip hand-crafting animations
Animated Component Libraries by the numbers
- Data as of Jul 31, 2026 (Skillselion catalog sync)
npx skills add https://github.com/freshtechbro/claudedesignskills --skill plugins/individual/animated-component-librariesAdd your badge
Show developers this skill is listed on Skillselion. Paste this into your README.
| repo stars | ★ 629 |
|---|---|
| Last updated | November 20, 2025 |
| Repository | freshtechbro/claudedesignskills ↗ |
What it does
Drops in pre-built animated React components from Magic UI and React Bits instead of hand-crafting animations for landing pages and dashboards.
Who is it for?
Quickly assembling animated React UIs
Skip if: Fully bespoke custom animation systems
Related skills
Vercel React Best PracticesAutomatically apply Vercel’s official React and Next.js performance rules during code generation and review.576k29.4kVercel Composition PatternsGenerate and refactor React components that stay maintainable as complexity grows without boolean prop explosion.261k29.4k
ShadcnAdd, compose, search, fix, and style production-grade React components directly from source without leaving their editor.249k120k
Develop UserscriptsCorrectly write, debug, and package userscripts for Tampermonkey and ScriptCat with proper metadata, GM APIs, and runtime decisions.224k72
Minimalist UiGenerate clean, editorial-style web interfaces with warm monochrome palettes, typographic hierarchy, bento grids and flat components that feel premium and utilita201k66.9kVercel React Native SkillsEnsure AI agents generate and refactor React Native code that follows performance best practices without common rendering and list pitfalls.173k29.4k