@xcn

Curated collection of hand-crafted, minimalist animated React components built with Tailwind CSS and Framer Motion (physics-based spring animations), distributed via the shadcn CLI (TanStack Start documentation site). Current components include Animated Cards (overlapping deck with hover scaling and per-card rotation), Animated Testimonials, Motion Button, Scroll Bars, Skeuomorphic Buttons, and Stamp. TypeScript throughout, Apache 2.0 licensed, early-stage with more components planned. Use for: projects needing a small set of highly polished, physics-animated UI accents — particularly stacked card and button effects — where minimal aesthetic and full code ownership are priorities.

6 components react shadcn-cli Apache-2.0

website ↗ github ↗ registry ↗

Install this registry

shadcn (npm) npx shadcn@latest add https://ui.radiumcoders.com/r/index.json

pnpm pnpm dlx shadcn@latest add https://ui.radiumcoders.com/r/index.json

bun bunx shadcn@latest add https://ui.radiumcoders.com/r/index.json

fetch registry curl -s https://ui.radiumcoders.com/r/index.json

Components

6 total

Animated Cards component

Overlapping animated cards with subtle hover zoom and per-card rotation.

npx shadcn@latest add https://ui.radiumcoders.com/r/xcn/animated-cards.json

Motion Button component

A button component with a motion effect.

npx shadcn@latest add https://ui.radiumcoders.com/r/xcn/motion-btn.json

Scroll Bars component

Animated scroll bars component.

npx shadcn@latest add https://ui.radiumcoders.com/r/xcn/scroll-bars.json

Animated Testimonials component

Animated testimonials with blur effect.

npx shadcn@latest add https://ui.radiumcoders.com/r/xcn/animated-testimonials.json

Skeuomorphic Buttons component

A set of skeuomorphic buttons with realistic shadows and press effects.

npx shadcn@latest add https://ui.radiumcoders.com/r/xcn/skeuomorphic-buttons.json

Stamp component

A perforated edge stamp component with customizable colors.

npx shadcn@latest add https://ui.radiumcoders.com/r/xcn/stamp.json