⌘K
(opens in new tab)
Liquidify
Documentation
Getting started
Concepts
Guides
Packages
Design tokens
Examples
Settings panelControlled formCommand dialogFiltering toolbarCustom glass surface
AI resourcesDocumentation versions
Community

Examples

Learn Liquidify through focused, editable application patterns.

Examples teach application patterns rather than repeating every prop permutation. Each source module is intended to be editable in the page sandbox and typechecked against the workspace packages.

  • Settings panel composes labeled binary choices.
  • Controlled form keeps application state authoritative.
  • Custom glass surface uses the lower-level engine without the component package.

For exhaustive component states, use the public Storybook playground. For exact props and defaults, use the generated component API pages.

Tailwind presetSettings panel