What Sora UI is, how the copy-paste component model works, and why it's built for React + Motion + Tailwind CSS.
Sora UI is a distribution of React components built with Tailwind CSS and Motion, based on the shadcn registry and inspired by shadcn/ui and Magic UI. Our goal is to help anyone add tasteful, accessible, Motion‑powered animation to their UI while keeping sites fast and maintainable.
Not a library—an open component distribution
Like shadcn/ui, Sora UI is not a typical install‑from‑NPM library. It’s a component collection you can copy, modify, and customize directly in your codebase. This copy-first approach gives you maximum flexibility without wrapper overhead or styling workarounds.
What’s included
- Primitives: Motion- and GSAP-powered building blocks you install with the shadcn CLI (
@soralabs/*) — buttons, text effects, disclosure, cursors, and more. Browse the Primitives section for live previews, API reference, and install commands. - Components: Curated compositions and demos built from primitives — see the Components catalog for full-page examples and patterns you can adapt in your app.
Inspiration & attribution
Most primitives and components here take inspiration from patterns already common on the web — sometimes adapted directly, then reworked, restyled, or extended. We don't claim every idea originated with us, and given how much prior art exists in this space, something may resemble work you've seen elsewhere.
If you recognize a component that's too close to your own work, missing credit it deserves, or you just have a concern about a specific primitive, reach out and we'll sort it out.
Community
Questions, bugs, and ideas are welcome on our GitHub community hub — open an issue or join Discussions.
Why Sora UI?
- Copy‑first: Install components into your project and adapt them at their core to your design system.
- Animation‑first, powered by Motion: Consistent, composable motion patterns that make interfaces feel modern and engaging.
- Performance & accessibility: Sensible defaults and patterns that keep your site fast by default.
- Style‑agnostic: Not prescriptive about look and feel; baseline styles are minimal and easy to restyle.
- Multi‑primitive support: We aim to support and port components across multiple primitive libraries (Radix UI, Base UI, Headless UI).
- Complementary to Magic UI and shadcn/ui: Works alongside these projects, filling the animation‑focused gap.
Built by Axyl. A motion-first component registry for React.
Last updated: 7/26/2026