Searchable Class Cheatsheet
Instant searchable reference for all classes in Unboilerplate. Filter by category, search by keyword, and copy in one click.
.vibe-cardmagicGlassmorphic card surface with hover-lift & soft glow
.vibe-btnmagicTactile gradient button with spring hover physics
.vibe-badgemagicCompact pill badge for labels, tags & chips
.vibe-inputmagicFrosted input field with neon focus-ring
.vibe-gridmagicFluid auto-fitting responsive grid
.stackmagicFlexbox column layout
.stack-responsivemagicRow on desktop, auto-stack column on mobile
.centermagicFlexbox horizontal & vertical centering
.containermagicResponsive max-width container with fluid padding
.flex-1magicFlex grow, shrink, and basis 0%
.effect-glasseffectsFrosted backdrop blur with 1px luminous border
.effect-neoneffectsHigh-voltage cyan glow box-shadow
.effect-hologrameffectsIridescent holographic shimmer gradient
.effect-retroeffectsCRT phosphor scanline & flicker overlay
.hover-gloweffectsAdds cyan neon bloom on hover
.hover-lifteffectsElevates element 6px with deep drop shadow
.hover-bounceeffectsPlayful spring bounce on hover
.gradient-auroraeffectsContinuous flowing aurora borealis mesh
.gradient-sunseteffectsWarm magenta-to-orange sunset sweep
.gradient-oceaneffectsDeep electric cyan & royal blue sweep
.card-conic-gloweffectsContinuous 360° spinning gradient border halo
.ambient-floatanimSinusoidal continuous vertical float (60fps GPU)
.pop-inanimSpring-loaded entry animation from 85% scale
.marqueeanimPure CSS horizontal scrolling marquee banner
.marquee--neonanimNeon glowing marquee variant
.marquee--pause-hoveranimPauses scrolling animation on hover
.crt-scanlinesanimAuthentic 1980s CRT monitor horizontal scanlines
.crt-flickeranimSubtle retro cathode ray tube flicker
.blinkanimClassic 1-second interval blinking text
.particleanimBase container for floating celestial particles
.particle --spinanimContinuous 360° particle rotation
.particle --orbitanimElliptical orbiting path animation
.card-3d-flip3d180° flipping card container with perspective
.card-3d-inner3dInner wrapper holding front and back faces
.card-3d-front3dFront-facing surface of the flip card
.card-3d-back3dBack-facing surface revealed on flip
.btn-3d3dPhysical tactile button with spring press depth
.btn-3d--cyan3dCyan neon variant of the physical 3D button
.btn-3d--purple3dPurple royal variant of the physical 3D button
.btn-3d--sunset3dSunset orange/pink variant of physical 3D button
.book-3d3dInteractive 3D book with realistic turning pages
.book-cover3dEmbossed hard cover swinging open in 3D
.book-pages3dStacked realistic paper pages
.cube-3d-scene3d6-sided rotating 3D photo cube scene
.polaroid-stack3dStacked polaroid photos with spring hover fanning
.window-95retroAuthentic Windows 95 beveled window frame
.win-titlebarretroGradient titlebar with minimize/maximize buttons
.win-btnretroClassic beveled Win95 command button
.crt-screenretroCurved phosphor CRT monitor frame
.winamp-playerretroLegendary 1997 Winamp MP3 skin recreation
.winamp-eqretroAnimated 5-band audio equalizer bars
.visitor-counterretroGeoCities style mechanical odometer digits
.btn-8bitretroChunky pixel-art 8-bit game button
.btn-retroretroWindows 95 beveled command button
.text-gradientartText filled with cyan-to-purple gradient
.text-neonartCyan high-voltage glowing text shadow
.text-cyberartElectric blue cybernetic headline text
.text-rainbowartAnimated spectrum rainbow hue cycling
.vapor-chromeartMetallic chrome typography with bevel shimmer
.theme-cyberpunkartHigh-voltage neon grid aesthetic mode
.theme-cottagecoreartWarm earthy botanical aesthetic mode
.theme-dark-academiaartVintage espresso & serif literature mode
.theme-clean-girlartMinimalist neutral luxe aesthetic mode
.theme-y2kartHyper-glossy bubblegum pink Y2K mode
How to Compose Classes
Combine a container (.vibe-card), surface effect (.effect-glass), and motion (.ambient-float).
Use .btn-3d with color modifiers like .btn-3d--cyan for extruded physical press interactions.
Ready to experiment? Open Playground to write HTML and test every class in real-time.
Unboilerplate