Modern UI elements for the next generation of apps.
Deeply aesthetic, production-ready components that you can copy-paste into your project.
Featured Components
Starting blocks for premium interfaces.
Auth Form
A modern, high-fidelity authentication form with smooth transitions and premium aesthetics.
Glass Pricing Card
A premium dark pricing card with glass surface, border on hover, and shimmer animation.
Glowing Button
A breathtaking button with an endlessly flowing liquid gradient border.
Quick Start
Oblivion UI is designed to be lean. No bloated npm packages—just copy-paste the code and own it.
Install Prerequisites
Core dependencies for physics-based animations.
npm install framer-motion lucide-react clsx tailwind-mergenpm install framer-motion lucide-react clsx tailwind-mergeInjection
Add components via terminal or browse and copy-paste.
npx @cosmoo/oblivion add <name>npx @cosmoo/oblivion add <name>Full ownership
Unlike traditional UI libraries, you don't install Oblivion as a dependency. The code lives in your project. You own it, you style it, you optimize it.
Collections
Playful & Tactile
4 components available
Backgrounds
3 components available
Cards
6 components available
Text
3 components available
Navigation
3 components available
Buttons
3 components available
Inputs & Forms
6 components available
Overlays & Menus
5 components available
Feedback
4 components available
Layout & Displays
4 components available
Animations
3 components available