← BACK
61 COMPONENTS

DOCS

npx @oalacea/chaosui add [name]
CSSTAILWIND--variant css|tailwind

NEON & GLOW

neon-buttonGlowing neon button
→
LIVE
neon-badgeLuminous status badge
→
neon-progressGlowing progress bar
→
neon-toggleNeon on/off switch
→
ALERT
neon-alertNeon notifications
→
TABTAB
neon-tabsGlowing tab navigation
→
neon-dividerLuminous dividers
→
GLOW
glowing-borderGlowing container
→
glow-orbsFloating blurred orbs
→

CYBER & TECH

INPUT
cyber-inputAnimated input field
→
cyber-loaderFuturistic spinners
→
MODAL
cyber-modalModal with scanlines
→
cyber-avatarNeon avatar frame
→
cyber-sliderNeon range slider
→
TIP
cyber-tooltipTerminal tooltips
→
HOLO
hologram-cardHolographic card
→
data-gridTerminal data table
→
CPU8
spec-gridTerminal spec display
→

GLITCH & CHAOS

GLITCH
glitch-textRGB split glitch effect
→
glitch-buttonGlitch on hover
→
chaos-buttonChaotic with debris
→
IMG
glitch-imageRGB glitch on hover
→
GL!TCH
char-glitchPer-character glitch
→
DIST
screen-distortionFull screen fx
→
WARNING • ERROR •
warning-tapeScrolling banner
→

DARK & HORROR

DRIP
blood-dripDripping blood effect
→
DEAD
dead-buttonDestroyed aesthetic
→
BIG
giant-layersLayered shadow text
→
deeper-buttonDeep descent CTA
→

TERMINAL & ASCII

❯ ls
terminal-outputTerminal console
→
╔══╗
║▓▓║
╚══╝
ascii-artASCII art display
→
00:42
countdown-displayCountdown timer
→

TEXT ANIMATIONS

FLICKER
flicker-textRandom opacity flicker
→
WAVE
distortion-textWave/shake/skew/blur
→
FALL
falling-textCascading letters
→
TYPE
typing-textTypewriter animation
→
REVEAL
reveal-textScroll reveal animation
→
OLDNEW
strike-revealStrikethrough reveal
→
WORD
rotate-textWord rotation carousel
→

NAVIGATION

NAVITEM
scattered-navScattered chaotic nav
→
ᛟ☰ᛞ
vertical-navRune vertical sidebar
→
BRANDLINK
brutal-navBold brutalist navbar
→
progress-dotsSection progress dots
→
↓
scroll-indicatorScroll position tracker
→

BACKGROUND & OVERLAYS

noise-canvasAnimated noise canvas
→
particle-fieldDrifting particles
→
NOISE
noise-overlaySVG fractal noise
→
SCAN
scanlinesCRT horizontal lines
→
VIGN
vignetteDark edges gradient
→
STATIC
static-flickerAnimated TV static
→

LAYOUT & CARDS

horizontal-scrollHorizontal panel scroll
→
✦
void-frameDecorative corner frame
→
$9
$19
$49
tower-pricingVertical pricing tiers
→
01Track3:42
tracklistMusic tracklist layout
→

DECORATIVE

ᛟ ᚨ ᛊ
rune-symbolsElder Futhark runes
→
—✝—
ornamentsDecorative dividers
→
♪♫𝄞
sheet-musicFloating music notes
→
CARVED
inscriptionCarved stone text
→

BUTTONS & CONTROLS

OUINON
dual-choiceYes/No binary choice
→
cta-brutalBrutalist call-to-action
→
tension-barProgress tension meter
→