Guides

Guides

Practical guides for theming, forms, accessibility, server rendering, and starter templates.

These guides cover the work that starts after installation: matching the glass material to your brand, wiring components into real forms, shipping accessible interactions, and rendering the library in a server-first application.

Before you start

Every guide assumes:

  • React 19 and React DOM 19.
  • Tailwind CSS 4 with @import "@xingxingmofashu/ui"; in the global stylesheet.
  • A current evergreen browser with backdrop-filter, color-mix, container units, and :has.

If you have not installed the package yet, begin with Installation. Component-level examples and prop tables live under Components.