Now liveThe Skillselion MCP - thousands of ranked skills, loaded into your agent mid-task. No install.Get it →
Claude Design Skillstack avatar

Animation Components

  • 629 repo stars
  • Updated November 20, 2025
  • freshtechbro/claudedesignskills

Bundles React Spring, Magic UI, React Bits, AOS, Anime.js and Lottie so a solo builder can add polished animations and UI components to a web app fast.

About

A bundled Claude skill that pulls together several React animation and component libraries - React Spring, Magic UI, React Bits, AOS, Anime.js and Lottie - into one place. A solo builder reaches for it when they want to add polished motion and pre-built UI components to a web app without researching and wiring each library separately.

  • One bundle covering React Spring, Magic UI, React Bits, AOS, Anime.js, Lottie
  • Production-ready animated UI components
  • Covers scroll, spring and JSON vector animation approaches

Animation Components by the numbers

  • Data as of Jul 31, 2026 (Skillselion catalog sync)
npx skills add https://github.com/freshtechbro/claudedesignskills --skill plugins/bundles/animation-components

Add your badge

Show developers this skill is listed on Skillselion. Paste this into your README.

Listed on Skillselion
repo stars629
Last updatedNovember 20, 2025
Repositoryfreshtechbro/claudedesignskills

What it does

Bundles React Spring, Magic UI, React Bits, AOS, Anime.js and Lottie so a solo builder can add polished animations and UI components to a web app fast.

Who is it for?

Solo builders wanting a ready set of animation and component libraries for a web UI

When should I use this skill?

Adding motion or animated components to a React frontend

Related skills

This week in AI coding

Five minutes, every Monday - the tools, releases and tactics for developers.

unsubscribe anytime.