Glass System

Liquid Glass primitives are the foundation of Intelli UI’s visual system. This category covers the chrome and content layers that make glassmorphism feel intentional instead of gimmicky — frosted bars, saturated content cards, icon chrome, live component previews, and background pickers that set the stage for every other control.

Unlike generic glassmorphism snippets, these React components ship with design tokens for blur, fill, border, and elevation so your UI stays consistent across light and dark modes. Use Glass Bar for neutral control clusters, Glass Content Card for expressive panels, and Glass Icon Button for circular chrome actions. Component Preview pairs a live demo with syntax-highlighted source so you can evaluate and copy without leaving the page.

All primitives are built for Next.js and Tailwind CSS. Install with `npx @intellihelper/cli add` and own the source in your repo. Whether you are building an AI product shell, a marketing site, or an internal dashboard, start here to establish Liquid Glass chrome before you compose forms, overlays, and navigation.