Crea interfaces React con los componentes, materiales, tokens y animaciones de Liquidify.
Empieza con @liquidify/react. Incluye controles accesibles e instala el motor de materiales y los paquetes de tokens que necesita.
pnpm add @liquidify/reactImporta la hoja de estilos una vez en la raíz de la aplicación y renderiza un componente:
import { Button, Theme } from "@liquidify/react"
import "@liquidify/react/styles.css"
export function App() {
return <Theme type="system"><Button onPress={() => console.log("Saved")}>Guardar changes</Button></Theme>
}Sigue la guía de instalación y el inicio rápido. Elige tu framework en Primeros pasos.
@liquidify/react: componentes React.@liquidify/glass: proveedores y primitivas de materiales.@liquidify/tokens: valores de diseño compartidos en CSS, JSON y Tailwind.@liquidify/motion: animaciones de resorte y programación de fotogramas.Consulta proveedores, estado controlado y composición. Explora el catálogo de componentes para ver referencias de API y ejemplos.