sh4dcn
Registries
FeaturedAnimated componentspro available

@satoriui

Animated components · data updated 2026-07-28

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.

WebsiteDocsProAgent brief (.md)
@satoriui preview
accessibilityaestheticanimationblocksbuttonscardsloadersmarketingpro-availablesaastext-effects

Install

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

Health

StatusUnknown
Last commit—
License—
Open issues—
ArchivedNo
Stars—

Components (15)

dotted-modernkeyboardsecurity-cardscroll-trackerpro-buttontypewriter-loopcyberpunk-buttonflip-clockencoded-revealslide-up-revealblur-revealshimmer-textkinetic-gridbeacon-badgepulse-button
Components: dotted-modern, keyboard, security-card, scroll-tracker, pro-button, typewriter-loop, cyberpunk-button, flip-clock, encoded-reveal, slide-up-reveal, blur-reveal, shimmer-text, kinetic-grid, beacon-badge, pulse-button

Preview

Live sandbox previews render component source client-side. Where a component can’t be rendered standalone, sh4dcn falls back to its source and install command.

@satoriui · dotted-modern

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