Instala los paquetes de Liquidify con pnpm.
Instala el paquete principal en una aplicación React 19:
pnpm add @liquidify/reactreact y react-dom 19 son dependencias pares. Si aún no están instaladas:
pnpm add react react-dom @liquidify/reactImporta la hoja de estilos una sola vez, cerca de la raíz de la aplicación:
import "@liquidify/react/styles.css"Esta hoja incluye los componentes, el motor de materiales y los tokens de diseño. No repitas la importación en cada componente.
Cada componente tiene una ruta pública dentro de @liquidify/react:
import { Button } from "@liquidify/react/button"
import { TextField } from "@liquidify/react/text-field"La ruta usa el nombre en kebab-case: @liquidify/react/segmented-control, @liquidify/react/text-field o @liquidify/react/action-sheet.
La importación principal permite tree-shaking con un bundler moderno. Usa una ruta específica si necesitas delimitar explícitamente las dependencias. En ambos casos, importa @liquidify/react/styles.css una sola vez.
Instala los paquetes de bajo nivel por separado si necesitas usar sus API directamente:
pnpm add @liquidify/glass
pnpm add @liquidify/tokens
pnpm add @liquidify/motionImporta sus hojas de estilos solo si no usas la hoja completa de React:
import "@liquidify/glass/glass.css"
import "@liquidify/tokens/variables.css"