⌘K
(opens in new tab)
Liquidify
Documentation
Getting started
Concepts
Liquid GlassProvidersThemingCompositionControlled stateFormsAccessibilityBrowser supportFidelity notesSSR and React Server Components
Guides
Packages
Design tokens
Examples
AI resourcesDocumentation versions
Community

Concepts

The material, state, composition, and runtime contracts shared by Liquidify packages.

Read these guides before building a design system on Liquidify:

  • Liquid Glass defines the independent material model and its vocabulary.
  • Providers explains scoped theme, material, backdrop, and token defaults.
  • Composition covers native roots, refs, and the deliberately narrow asChild API.
  • Controlled state defines ownership and callback rules.
  • Accessibility describes library-wide semantic expectations.
  • Browser support lists the tested browser floor and graceful material fallback.
  • SSR and RSC places client boundaries without giving up server-rendered pages.
TroubleshootingLiquid Glass