Oblivion
Oblivion
Docs

Browse all

Premium, production-ready UI elements made for Next.js and Tailwind CSS.

Showing 44 components

Dynamic Island

An interactive, iOS-inspired dynamic island component that morphs fluidly betwee

View →
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9

Rolling Number Slot

A fun slot-machine effect for numbers, ensuring playful updates for dynamic metr

View →

Premium Reward

$500

CRWN500

Scratch To Reveal

An ultra-premium Black & Gold scratch card with realistic foil texture, ticket p

View →

Glass Pricing Card

A premium dark pricing card with glass surface, border on hover, and shimmer ani

View →
Hover to reveal cards and balance
Linear
HolderELARA VANCE
**** 4242
Raycast
BusinessNOVA LABS
**** 8810
Oblivion
Accountdev@oblivion.sh
**** 0094
••••••
Total Assets

Pocket Cards

A premium interactive wallet component with brand-shifting cards and a secure ba

View →

Soldiers Rage

Tha Mechanic

1:313:46

Sonic Pulse Player

A premium glassmorphic media player with dynamic frequency visualizers and smoot

View →

1. Solid Foundation

Start with a robust, accessible foundation built on modern web standards.

2. Liquid Animations

Apply cinematic, physics-based animations using Framer Motion.

3. Perfect Consistency

Ensure everything looks absolutely pixel-perfect on any device.

Stacking Cards

Cards that dynamically stack on top of each other as you scroll down the page.

View →
Master Vault

Platinum Pulse

•••• •••• •••• 8842

Member since2026
Expiry date12/28
Master Vault

Neon Nexus

•••• •••• •••• 4421

Member since2026
Expiry date12/28
Master Vault

Cyber Slate

•••• •••• •••• 0098

Member since2026
Expiry date12/28

3D Smartcards

A premium 3D stacking card animation with holographic effects and smooth flippin

View →
Google
NETFLIX
Microsoft
Spotify
Google
NETFLIX
Microsoft
Spotify
Google
NETFLIX
Microsoft
Spotify
Google
NETFLIX
Microsoft
Spotify

Infinite Marquee

A seamless infinite scrolling bar with multiple rows, reverse directions, and au

View →

OBLIVION UI IS NEXT GEN.

Hover to decrypt

Text Scramble

A hacker-style decrypting text reveal animation that triggers on hover or scroll

View →

Typing Effect

A typewriter component that cycles through an array of words with a blinking cur

View →

Fluid Tabs

A segmented control where the active state background fluidly slides between opt

View →

Mac-Style Dock

An interactive navigation dock where icons physically react and scale based on c

View →

Pull cord below

Pull Cord Menu

A fun, spring-loaded menu triggered by pulling down a physical-feeling bungee co

View →
Press Start
PWR_ON

Arcade Button

An incredibly tactile physical switch with extreme depth. Feels exactly like pre

View →

Glowing Button

A breathtaking button with an endlessly flowing liquid gradient border.

View →
Create ImageData AnalysisResearch

AI Narrative Input

A premium, physics-based AI prompt input with magnetic actions and fluid glassmo

View →

Upload your files

Drag and drop your files here, or click to browse. Support for images, docs, and PDFs.

File Dropzone Glow

A gorgeous glowing dashboard-style file uploader with smooth animations.

View →

Glow Input

A beautiful text input that features an animated flowing gradient border when fo

View →

OTP Input

A one-time password input with auto-advance, backspace navigation, and paste sup

View →

Tag Input

A chip-style tag input. Type and press Enter or comma to add tags. Click × to re

View →

Command palette with full keyboard navigation

Glass Command Palette

A breathtaking glassmorphism command palette with category filtering and keyboar

View →

Right-click Playground

Right-click anywhere inside this box to see the glass context menu in action.

Glass Context Menu

A premium glassmorphism context menu that appears exactly where you right-click.

View →

Glass Drawer

A sleek, side-anchored glassmorphism drawer for settings and navigation.

View →

Glass Modal

A premium glassmorphism modal with spring animations and backdrop blur.

View →
Preview

Glass Tooltip

An aesthetic, physics-based glassmorphism tooltip with subtle borders and fluid

View →
Preview

Animated Badge

A highly polished, premium pill badge with an elegant light glare that sweeps ac

View →
Generating

Generating Loader

A beautiful, CSS-only generating loader with spinning gradient shadows and seque

View →
Progress0%

Progress Bar

An animated progress bar with percentage label and three visual variants.

View →

Toast Stack

An animated, stacking toast notification system with four semantic variants.

View →

Avatar Stack

Overlapping circular avatars with an overflow count badge. Great for social proo

View →
Taxes 2026
📑
Taxes 2026 Data

Confidential documents stored securely in this manila folder representation.

Invoices
Receipts
Contracts

Manila Folder Stack

A skeuomorphic, delightfully tactile stacked folder layout. Clicking a folder sm

View →
OBLIVION

A story begins in silence.

Cinematic Intro

A breathtaking full-screen cinematic intro sequence with letterboxing and grain.

View →
Absolutely. Oblivion is completely open-source and free to use for any personal or commercial application. You don't even need to provide attribution.

Liquid FAQs

A physics-based, fluid accordion component perfect for majestic FAQ sections, bu

View →
Preview

Scroll Reveal

Wraps any content and animates it into view when it enters the viewport.

View →