⌘K
(opens in new tab)
Liquidify
Documentation
Getting started
Concepts
Guides
Packages
@liquidify/react@liquidify/glass@liquidify/tokens@liquidify/motion
Design tokens
Examples
AI resourcesDocumentation versions
Community

Packages

Choose the primary React package or a focused lower-level Liquidify package.

Most applications should begin with @liquidify/react. It provides the component catalog and brings the glass engine and design tokens through its dependency graph.

PackagePurposeInstall directly when
@liquidify/reactReact 19 components and aggregate CSSBuilding an application or design system with Liquidify controls
@liquidify/glassCSS/SVG surface engine and providersCreating a custom glass surface or configuring engine scopes directly
@liquidify/tokensCSS variables, JSON tokens, and Tailwind presetSharing Liquidify's design vocabulary outside its components
@liquidify/motionFramework-neutral spring and frame schedulerDriving custom motion without the React component package

All current package versions are pre-release 0.0.0 workspace versions and their public documentation is marked experimental. Pin the version you evaluate. The website describes published public exports only; internal source paths are not supported imports.

Performance@liquidify/react