Documentation

Créez des interfaces React avec les composants, matériaux, tokens et animations de Liquidify.

Commencez avec @liquidify/react. Il comprend des contrôles accessibles et installe le moteur de matériaux et les paquets de tokens nécessaires.

Code

pnpm add @liquidify/react

Importez la feuille de styles une fois à la racine de l’application, puis affichez un composant :

Code
import { Button, Theme } from "@liquidify/react"
import "@liquidify/react/styles.css"

export function App() {
  return <Theme type="system"><Button onPress={() => console.log("Saved")}>Enregistrer changes</Button></Theme>
}

Premiers pas

Suivez le guide d’installation, puis le démarrage rapide. Choisissez votre framework dans Premiers pas.

Paquets

@liquidify/react : composants React.
@liquidify/glass : fournisseurs et primitives de matériaux.
@liquidify/tokens : valeurs de design partagées en CSS, JSON et Tailwind.
@liquidify/motion : animations à ressort et planification des images.

Étapes suivantes

Consultez les guides sur les fournisseurs, l’état contrôlé et la composition. Parcourez le catalogue de composants pour les références d’API et les exemples.