Unboilerplate LogoUnboilerplate
⭐Give a StarPlayground
LogoUnboilerplate

Navigation

Get StartedPlaygroundTemplatesComponentsAPI DocsShowcaseCheatsheet

Playground

Playground ↗
SEMANTIC VERSIONINGOFFICIAL RELEASE

Changelog

Official release history for Unboilerplate adhering strictly to Semantic Versioning.

v1.0.0August 27, 2026INITIAL RELEASE

Unboilerplate v1.0.0: The Pure CSS Framework

The initial release of Unboilerplate brings a complete, zero-dependency pure CSS framework to web developers and designers worldwide. Built for humans who want rich aesthetics, interactive 3D elements, nostalgic retro widgets, and modern layouts without build tools or framework fatigue.

FOUNDATIONS

Cascading Design Tokens & Theme System

  • Unified CSS Custom Properties: Full semantic root tokens for backgrounds (--ub-bg, --ub-surface), text (--ub-text, --ub-text-muted), borders (--ub-border), and brand accents.
  • Multi-Theme Architecture: Zero-specificity theme switching via [data-theme="..."] and body presets (Default Dark, Default Light, Cyberpunk HUD, Pastel Dream, Sunset Dusk, Clean Girl Minimalist).
  • Fluid Layout Primitives: Flexbox and CSS Grid layout helpers: .flex, .stack, .vibe-grid, .split-2, .split-3, .center, .between, and responsive scale utilities.
3D SPATIAL

Hardware-Accelerated 3D Suite

  • Interactive 3D Book (.book-3d): Real hardbound book with progressive page-turn physics, spine-anchored cover, aged parchment texture, and optional JavaScript .is-open toggle.
  • 3D VIP Pass Flip Card (.card-3d-flip): 180° perspective front-to-back flip with holographic reflection.
  • 3D Orbital Ring Carousel (.carousel-3d): Continuous orbiting carousel that pauses smoothly on hover.
  • Six-Face Rotating Cube Scene (.cube-3d-scene): 3D geometry cube with GPU perspective compositing.
  • Photoshop Layer Canvas (.canvas): Multi-tier layer blending (.layer-back, .layer-mid, .layer-front) with native CSS blend modes (.blend-screen, .blend-overlay).
AESTHETICS

Curated Design Movements & Skeuomorphism

  • Neo-Brutalism (.brutal-neo, .btn-brutal): 6px hard offset drop shadows, 3px solid black borders, and high-contrast confidence.
  • 1990s Memphis Pattern (.memphis-pattern): Geometric pattern backgrounds with vibrant confetti and shapes.
  • Vaporwave Sunset (.vapor-sunset, .vapor-chrome): 80s dusk horizon grid with chrome typography.
  • Mahogany Skeuomorphism (.card-wood, .btn-leather): Handcrafted woodgrain with stitched borders and leather buttons.
  • 360° Conic Glow (.card-conic-glow): Continuous rotating gradient perimeter glow.
RETRO SYSTEMS

Nostalgic Time Machine Suite

  • Windows 95 Window Frame (.window-95): Classic beveled dialog frame with titlebar and control buttons.
  • Cathode-Ray CRT Displays (.crt-screen): Curved scanlines (.crt-scanlines) and green/amber phosphor glow.
  • Winamp 2005 Media Player (.winamp-player): Vintage skin with animated graphic equalizer bars (.winamp-eq).
  • Hardware Scrolling Marquee (.marquee): GPU-composited scrolling ticker with .marquee.--pause-hover.
  • Visitor Counter (.visitor-counter): 90s digital LED hit counter badge.
MOTION & FX

Motion Engine, Particles & Text Shaders

  • 3D Floating Particles (.particles-3d): Cosmic particle system with float, spin, and orbit animation modifiers.
  • Twinkling Starfields (.particles-stars): Pure CSS pulsing celestial starlight.
  • Pure CSS Typewriter Headline (.text-animate.--typewriter): Keyframe typing headline with blinking caret.
  • Stacked Polaroids (.polaroid-stack): Analog photograph frames with rotational offsets and hover lift.
  • Cosmic Text Shaders: .text-gradient, .text-fire, .text-ice, .text-neon, and .text-3d.
TOOLING & CDN

Playground Studio & Production CDN

  • Interactive Studio Playground (/playground): Live split-pane editor with Monaco Editor support, mobile tab switcher, and zero-bleed live DOM stage.
  • 10 Curated Starter Templates: Bento SaaS, Cyberpunk HUD, Neo-Brutalist Studio, Glassmorphic Landing, Artisan Roastery, 1999 Personal Site, Quantum Docs, and more.
  • 6-Category Component Library (/components): 25+ copy-paste interactive building blocks.
  • Production Distribution CDN: Global delivery via jsDelivr:
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@eldrex/unboilerplate@1.0.0/dist/unboilerplate.min.css">
Launch Playground StudioExplore Components →The Complete Story →
Copied to clipboard