Intelli UI
Liquid Glass
Intelli UI is a free, open-source Liquid Glass component library for React and Next.js. It ships 131+ accessible components, a CLI that copies source into your repo, an MCP server for AI coding agents, and a plugin for Claude Code, Grok, Cursor, and VS Code — frosted product UI with MIT-friendly ownership.
More than a shadcn clone: Liquid Glass hierarchy (chrome vs content layers), five themes, AI product components, and agent-native install for Next.js and Tailwind.
npx @intellihelper/cli@latest initWhy Intelli UI
Intelli UI is Liquid Glass first — chrome vs content layers, frosted primitives, and five themes so product UI looks intentional on day one. The CLI copies components into your repo with the same ownership model as shadcn, plus a Liquid Glass visual system built for product chrome. Neutral frosted controls sit above expressive panels so hierarchy stays clear instead of stacking blur on every surface. An official plugin and MCP server help Claude, Grok, Cursor, and other agents install and compose components correctly — so teams ship glass UI without inventing frosted CSS from scratch.
CLI copies components into your repo — same ownership model as shadcn, with a Liquid Glass visual system built for product chrome.
Neutral frosted controls sit above expressive panels. Hierarchy stays clear instead of stacking blur on every surface.
Official plugin and MCP server so Claude, Grok, Cursor, and other agents install and compose components correctly.
Workflow
Scaffold components.json and wire Tailwind tokens for Liquid Glass themes.
npx @intellihelper/cli@latest initPull components and shared utils into your app. Edit freely — nothing is locked behind a package.
npx @intellihelper/cli@latest add button card dialogPair glass chrome with content CTAs. Optional: install the agent plugin for AI-assisted UI.
Compose product screensCatalog
Every component ships with a live preview, install command, and source you can edit.
Chrome and content layer variants with shapes and sizes.
Open preview →
Frosted glass panels for chrome and expressive content.
Open preview →
Highly transparent modal with frosted overlay and rise-in content.
Open preview →
Neutral Liquid Glass capsule for grouped media controls.
Open preview →
Collapsible glass sidebar with mobile sheet and icon rail.
Open preview →
Composable chat shell with user and assistant bubbles.
Open preview →
Skills, slash commands, and an MCP server teach coding agents to search the registry, add components, and respect chrome vs content — not invent glass CSS from scratch.
Quick installs
Claude Code
claude plugin install intellihelper-ui@intellihelperGrok
grok plugin install IntelliHelper/agent-skills --trustMCP only
npx @intellihelper/cli@latest mcp init --client cursorThemes
Click a theme to apply it site-wide — mono, aurora, sunset, frost, and ocean drive CSS variables across every component on this page.
FAQ
Short answers for teams evaluating Liquid Glass components, shadcn alternatives, and agent-native install.
Free Liquid Glass components, CLI install, live docs, and agent tooling — product UI that looks better than flat defaults, with source you control.
131+ components · 11 categories · MIT-friendly ownership model
Content layer
Ship frosted
product UI
Saturated panels carry the story. Chrome stays quiet above.
Expressive
Own the
source
CLI · copy-paste
Chrome layer
Quiet controls
vs shadcn & other libraries
Built with Intelli UISame copy-paste ownership as shadcn — then we go further. Every card below is real Intelli UI: Liquid Glass chrome, AI components, and agent tooling generic kits do not ship.
Content layer
Liquid Glass
system
Themes
Five
palettes
Chrome layer
Quiet controls
shadcn ships a neutral, flat baseline you restyle yourself. Intelli UI is Liquid Glass first — chrome vs content layers, frosted primitives, and five themes so product UI looks intentional on day one.
Glass-bar
Chrome capsule
Glass-bar, content cards, preview stages, and background pickers ship first-class — not blog CSS glued onto a generic Button.
Chat, streaming text, reasoning blocks, tool-call viewers, and prompt inputs ship ready. Build agent UIs without stitching half-styled demos.
Official plugin + MCP teach Claude, Grok, Cursor, and others to install correctly and respect chrome vs content.
CLI copies TypeScript into your repo — same ownership as shadcn, without package lock-in from MUI, Chakra, or Ant.
Every catalog page pairs a live demo, install command, and editable source — less tab-hopping between Storybook, npm, and Figma.
Side-by-side
| Capability | Typical UI kits / shadcn | Intelli UI |
|---|---|---|
| Visual system | Neutral / flat; you invent glass | Liquid Glass chrome + content layers |
| Themes | DIY tokens or one default palette | Mono, aurora, sunset, frost, ocean |
| Source ownership | shadcn: yes · MUI/Chakra: package lock-in | CLI copy-paste — you own every file |
| AI agent install | Docs only; agents guess CSS | Plugin + MCP + skills for major agents |
| AI product UI | Build chat chrome yourself | Chat, streaming, reasoning, tool calls |
| Glass primitives | Backdrop-filter recipes on Stack Overflow | Glass-bar, content cards, preview stage |
Full write-up: when to pick Intelli UI vs shadcn for glass product UI.
Read comparison guide