@satoriui

Satori UI is a collection of 50+ production-ready React components with physics-based spring-motion animations powered by motion-react (Framer Motion). Components are organized into Components, Interactions, Foundations, and Templates sections. The site highlights a keyboard UI component as a featured example of the tactile, physics-driven feel. Fully accessible, MIT licensed. A Templates and Pricing section suggests freemium or commercial tiers may exist. Tailwind CSS, React, motion-react. Use for: adding premium, spring-physics-driven UI interactions — keyboards, cards, toggles, and micro-interactions — to apps that need a polished, tactile motion feel beyond CSS transitions.

15 components react shadcn-cli

website ↗ github ↗ registry ↗

Install this registry

shadcn (npm) npx shadcn@latest add https://satoriui.site/r/registry.json

pnpm pnpm dlx shadcn@latest add https://satoriui.site/r/registry.json

bun bunx shadcn@latest add https://satoriui.site/r/registry.json

fetch registry curl -s https://satoriui.site/r/registry.json

Components

15 total

Dotted Modern component

Modern dotted background hero component with animated open-source badge.

npx shadcn@latest add https://satoriui.site/r/dotted-modern.json

Keyboard UI component

Sleek, minimalistic & interactive keyboard UI.

npx shadcn@latest add https://satoriui.site/r/keyboard.json

Security Card component

A sleek security card component with 3D shield visualization.

npx shadcn@latest add https://satoriui.site/r/security-card.json

Scroll Tracker component

Track scroll progress with a visual indicator.

npx shadcn@latest add https://satoriui.site/r/scroll-tracker.json

Pro Button component

A high-impact call-to-action with a signature pixel icon and premium finish.

npx shadcn@latest add https://satoriui.site/r/pro-button.json

Typewriter Loop component

A looping typewriter CTA with a gradient support, premium touch.

npx shadcn@latest add https://satoriui.site/r/typewriter-loop.json

Cyberpunk Button component

Futuristic, minimalistic button with smooth animations.

npx shadcn@latest add https://satoriui.site/r/cyberpunk-button.json

Cyberpunk Button component

Neat and clean functional clock ui with buttery smooth flip animations.

npx shadcn@latest add https://satoriui.site/r/flip-clock.json

Encoded Reveal component

Matrix like animation, reveals text with random characters.

npx shadcn@latest add https://satoriui.site/r/encoded-reveal.json

Slide Up Reveal component

Buttery smooth text reveal with slide up reveal animation.

npx shadcn@latest add https://satoriui.site/r/slide-up-reveal.json

Blur Reveal component

Mysterious blur reveal animation, just feels awesome.

npx shadcn@latest add https://satoriui.site/r/blur-reveal.json

Shimmer Text component

Smooth shimmer animation for premium touch.

npx shadcn@latest add https://satoriui.site/r/shimmer-text.json

Kinetic Grid component

Kinetic grid animation.

npx shadcn@latest add https://satoriui.site/r/kinetic-grid.json

Beacon Badge component

A status badge with a customizable beacon (ping) animation and blur reveal text.

npx shadcn@latest add https://satoriui.site/r/beacon-badge.json

Pulse Button component

A high-impact, beautifully animated button with pulsing dot patterns and smooth interactions.

npx shadcn@latest add https://satoriui.site/r/pulse-button.json