87+ componentsReact · Next.js · Tailwind

Liquid Glass React components

Free frosted-glass UI for Next.js and Tailwind — live previews, CLI install, and source you own. Built for product chrome, AI interfaces, and teams who want hierarchy instead of flat defaults.

Get started Open Button vs shadcn Layout primitives

Browse by category

Setup guide →

All components

Filter by category or search. Every page includes a live preview and install command.

87 components

Glass System

Liquid Glass primitives — chrome layers over expressive content

Actions

Buttons and pressable controls

Surfaces

Cards, tabs, layout primitives, and containers

Forms

Inputs, selects, and date controls

Overlays

Dialogs, sheets, popovers, and tooltips

Navigation

Sidebars, pagination, and scroll helpers

Data

Tables, empty states, and loading placeholders

Feedback

Alerts, toasts, badges, spinners, and progress

Interactive

Accordions, sliders, toggles, and carousels

Content

Typography, markdown, and documentation tools

Media

Image lightbox, audio/video player with CC & quality, and canvas image editing

Loading catalog…

Playground appearance

Theme and background apply across every component page so previews match your product surface.

Background

Current: Default mesh