Soft hues. Spring motion. Calmer interfaces.
An opinionated design library engineered with desaturated Hush UI palettes, GPU-accelerated spring curves, 51 primitives, and 28 pre-made responsive sections with zero runtime baggage.
Pre-Made Sections Collection
Plug-and-play responsive marketing & application sections built with pure token styling.
SaaS Split Hero
Left value proposition headline with interactive glass widget sandbox.
Bento Grid Matrix
Span-2 metric highlight card, Hush UI swatch cluster, and micro-actions.
3-Tier Pricing Table
Three-column table with highlighted popular tier and spring hover elevation.
Bento Media Gallery
Dynamic aspect ratio masonry grid with frosted Hush UI overlay cards.
Modular UI Component Primitives
Clean semantic markup, GPU transform layers, and zero external runtime dependencies.
Command Palette
Spotlight dialog with fuzzy search and Ctrl+K hotkey.
Multi-Select Combobox
Tag dropdown with keyboard selection and chip removal.
Stat Roller (Odometer)
Cascading mechanical digit rolls with spring transitions.
3D Stacked Toasts
Layered notification queue with auto-dismiss and swipe gestures.
Engineered for aesthetics and precision
Tinted Ink Shadows
Shadows are tinted using underlying base pigments rather than flat cold black, eliminating murky grey edges across dark and light surfaces.
Boundary-Safe Springs
Bounces, tooltips, and sliding pill indicators utilize calculated cubic-bezier easing to ensure micro-presses never clip or induce layout reflows.
Zero Framework Lock-in
Authored in semantic CSS variables, zero runtime dependencies, and lightweight ES Modules. Drop into React, Vue, Svelte, or plain static sites.
Quick Start in seconds
Install via your preferred package manager or CDN link and import the master stylesheet.
// 1. Import full master CSS tokens & component primitives
import '@zak1.uhh/hush-ui/css';
// 2. Initialize interactive primitives (tabs, drawers, toasts, etc.)
import { initHushUI } from '@zak1.uhh/hush-ui';
initHushUI();