Build React interfaces with Liquidify components, materials, tokens, and motion primitives.
Start with @liquidify/react. It includes accessible controls and installs the material engine and token packages it needs.
pnpm add @liquidify/reactImport the stylesheet once at the application root, then render a component:
import { Button, Theme } from "@liquidify/react"
import "@liquidify/react/styles.css"
export function App() {
return <Theme type="system"><Button onPress={() => console.log("Saved")}>Save changes</Button></Theme>
}Follow installation, then the quick start. Choose your framework under Getting started.
@liquidify/react: React components.@liquidify/glass: material providers and primitives.@liquidify/tokens: shared CSS, JSON, and Tailwind design values.@liquidify/motion: spring animation and frame scheduling.Learn about providers, controlled state, and composition. Browse the component catalog for API references and examples.