sh4dcn
Registries
ActiveAnimated components18

@sona-ui

Animated components · data updated 2026-07-28

A small but polished React 19 + Tailwind CSS v4 + Motion component library with 10 production-ready animated components across three categories: UI (Accordion, Ripple Button, Vertical Tabs, Expandable Tabs, Link Preview, Bubble Up Button), Text (Spinning Text, Stagger Text), and Effect (Magnetic Button, Marquee). Installable via shadcn CLI per component. Fully typed TypeScript, dark-mode support via next-themes, accessible, tree-shakeable. Open-source MIT on Vercel. Use for: adding carefully crafted animated primitives — especially motion-forward buttons, tabs, and text effects — to a React 19/Next.js project.

WebsiteDocsGitHubComponents folderAgent brief (.md)
@sona-ui preview
accessibilityaestheticaianimationbackgroundsblocksbuttonscardschartsdesign-systemhooksmedianavigationoverlaystext-effectstheming

Install

npx shadcn@latest add https://sona-ui.vercel.app/r/registry.json

Health

StatusActive
Last commit3 weeks ago
License—
Open issues3
ArchivedNo
Stars18

Components (30)

sona-utilssona-motionsona-themeagent-skillanimated-dropdownanimated-switchanimated-dialogbuttondot-orbit-shadermesh-gradient-shadermagnetic-buttonfluid-tabsfluid-slideractivity-graphanimated-tabsaccordionripple-buttonmarqueespinning-textstagger-textlink-previewbubble-up-buttonexpandable-tabssplit-textimage-trailspotlight-cardhold-to-delete-buttoncircular-dock-menufan-viewsection-rail
Components: sona-utils, sona-motion, sona-theme, agent-skill, animated-dropdown, animated-switch, animated-dialog, button, dot-orbit-shader, mesh-gradient-shader, magnetic-button, fluid-tabs, fluid-slider, activity-graph, animated-tabs, accordion, ripple-button, marquee, spinning-text, stagger-text, link-preview, bubble-up-button, expandable-tabs, split-text, image-trail, spotlight-card, hold-to-delete-button, circular-dock-menu, fan-view, section-rail

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.

@sona-ui · sona-utils

npx shadcn@latest add https://sona-ui.vercel.app/r/sona-utils.json
View source