Installez les paquets Liquidify avec pnpm.
Installez le paquet principal dans une application React 19 :
pnpm add @liquidify/reactreact et react-dom 19 sont des dépendances paires. Si elles ne sont pas encore installées :
pnpm add react react-dom @liquidify/reactImportez la feuille de styles une seule fois, à la racine de l’application :
import "@liquidify/react/styles.css"Cette feuille contient les composants, le moteur de matériaux et les tokens de design. Ne répétez pas cet import dans chaque composant.
Chaque composant possède un chemin public dans @liquidify/react :
import { Button } from "@liquidify/react/button"
import { TextField } from "@liquidify/react/text-field"Ce chemin utilise le nom en kebab-case : @liquidify/react/segmented-control, @liquidify/react/text-field ou @liquidify/react/action-sheet.
L’import principal permet le tree-shaking avec un bundler moderne. Utilisez un chemin spécifique pour délimiter explicitement les dépendances. Dans les deux cas, importez @liquidify/react/styles.css une seule fois.
Installez séparément les paquets de bas niveau si vous avez besoin de leurs API :
pnpm add @liquidify/glass
pnpm add @liquidify/tokens
pnpm add @liquidify/motionImportez leurs feuilles de styles uniquement si vous n’utilisez pas la feuille complète de React :
import "@liquidify/glass/glass.css"
import "@liquidify/tokens/variables.css"