Shadowgraph
TrendingAbout
Sign in

sopo/shadcn-animated

shadcn but animated

TypeScript

23

128 commits

updated Sep 28, 2026

shadcn-animated.vercel.app

See the code

See what people are saying

SourceMessageScoreDate

I made a collection of animated shadcn/ui components (r/reactjs)

I’ve been working on shadcn-animated, an open-source collection of animated components built on top of shadcn/ui. Check out here: [shadcn-animated.vercel.app](http://shadcn-animated.vercel.app) There are 10+ components so far (with more coming), including: \- button \- tabs \- toggle \-…

2

Sep 28, 2026

README

Preview

shadcn animated

Expanding collection of animated shadcn/ui components, crafted by hand

Documentation

Visit the documentation for examples, usage, and installation instructions.

Install shadcn animated

npm i shadcn-animated

Install components

npx shadcn-animated add button

Usage

Use the components just like you would use shadcn/ui components:

import { Button } from "shadcn-animated";

export default function App() {
  return <Button>Button</Button>;
}

💬 Have a question or idea?

Start a discussion →

Issues

If you encounter a problem, please open an issue on GitHub.

animation
component-libraries
components
framer-motion
micro-interaction
motion
shadcn-ui
shadcn-ui-components
tailwindcss
typescript

Similar repos

DavidHDev/react-bits

An open source collection of animated, interactive & fully customizable React components for…

48,187

motiondivision/motion

A modern animation library for React and JavaScript

33,741

AnmolSaini16/morph-ui

Animated React components you copy and paste, built on the React's ViewTransition. No animation…

30

alloc/preact-in-motion

Light, elegant animation plugin for Preact (powered by Motion.dev and WAAPI)

32

vueuse/motion

🤹 Vue Composables putting your components in motion

2,764

av/remotion-bits

Ready-made animated components for Remotion — charts, transitions, text reveals, and more

481

animate-css/animate.css

🍿 A cross-browser library of CSS animations. As easy to use as an easy thing.

82,829

inkonchain/ink-kit

React component library for onchain applications - See README for modern alternatives

36,347

Languages

TypeScript

90.9%

CSS

8.6%

sopo/shadcn-animated

shadcn but animated

TypeScript

23

128 commits

updated Sep 28, 2026

shadcn-animated.vercel.app

See the code

See what people are saying

SourceMessageScoreDate

I made a collection of animated shadcn/ui components (r/reactjs)

I’ve been working on shadcn-animated, an open-source collection of animated components built on top of shadcn/ui. Check out here: [shadcn-animated.vercel.app](http://shadcn-animated.vercel.app) There are 10+ components so far (with more coming), including: \- button \- tabs \- toggle \-…

2

Sep 28, 2026

README

Preview

shadcn animated

Expanding collection of animated shadcn/ui components, crafted by hand

Documentation

Visit the documentation for examples, usage, and installation instructions.

Install shadcn animated

npm i shadcn-animated

Install components

npx shadcn-animated add button

Usage

Use the components just like you would use shadcn/ui components:

import { Button } from "shadcn-animated";

export default function App() {
  return <Button>Button</Button>;
}

💬 Have a question or idea?

Start a discussion →

Issues

If you encounter a problem, please open an issue on GitHub.

animation
component-libraries
components
framer-motion
micro-interaction
motion
shadcn-ui
shadcn-ui-components
tailwindcss
typescript

Similar repos

DavidHDev/react-bits

An open source collection of animated, interactive & fully customizable React components for…

48,187

motiondivision/motion

A modern animation library for React and JavaScript

33,741

AnmolSaini16/morph-ui

Animated React components you copy and paste, built on the React's ViewTransition. No animation…

30

alloc/preact-in-motion

Light, elegant animation plugin for Preact (powered by Motion.dev and WAAPI)

32

vueuse/motion

🤹 Vue Composables putting your components in motion

2,764

av/remotion-bits

Ready-made animated components for Remotion — charts, transitions, text reveals, and more

481

animate-css/animate.css

🍿 A cross-browser library of CSS animations. As easy to use as an easy thing.

82,829

inkonchain/ink-kit

React component library for onchain applications - See README for modern alternatives

36,347

Languages

TypeScript

90.9%

CSS

8.6%