Getting started

Install Liquidify, render the first component, and configure your framework.

Liquidify targets React 19 and modern browsers. Most applications should install only @liquidify/react; its direct dependencies provide the glass engine and design tokens.

Choose your path

Installation covers packages and the required CSS import.
Quick start renders a themed button with the smallest useful setup.
Framework guides place the CSS and client boundary correctly for Vite, Next.js, React Router, Astro, and plain React.

Liquidify components work without providers. Add providers when you need a scoped color scheme, material default, backdrop-volatility hint, or token override.