A premium, open-source library of copy-paste React components modeled after physical objects (like CD players, tactile selectors, and audio visualizers). Built with Next.js, Tailwind CSS v4, and Framer Motion spring physics. You own the code.

Hey Product Hunt! 📀 I’m Karan, the creator of Sora UI. I missed the era when digital interfaces had texture, depth, and physical satisfying clicks. Today, everything is flat, generic, and monochromatic. I wanted to bring that tactile magic back—but modern, accessible, and fully compatible with React, Tailwind CSS v4, and Framer Motion. That's why I built Sora UI. 🔮 What is Sora UI? A collection of skeuomorphic components that you can copy-paste directly into your code. No bloated NPM packages, no rigid styling locks. You own the code. 💿 Key Features: - Zero Dependency Lock-in: Copy the code or install automatically using the Shadcn CLI registry (`npx soraui-cli add`). - Rich Aesthetics: Glassmorphic panels, rotating CD players, frequency visualizers, glowing date strips. - Tailwind CSS v4 + React 19: Built on the bleeding edge of modern web tech. - Open for Contributions: We are open-source and welcoming new skeuomorphic widgets! I’d love to hear your feedback on the components, and what other physical devices we should mimic next (dials, tapes, knobs, sliders)? Thanks for checking it out! ⭐

How are the Framer Motion springs tuned for these components, is there a preset system or do I need to tweak stiffness and damping by hand for each one?

The physical-object metaphor actually works here, especially with the spring physics making those tactile selectors feel weighted instead of floaty. Really thoughtful execution on a library that could have easily ended up as another generic component pack.

How are the Framer Motion springs tuned for these components, is there a preset system or do I need to tweak stiffness and damping by hand for each one?

Sora UI

Skeuomorphic React components you copy-paste into your app

Skeuomorphic React components you copy-paste into your app