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.
Override glass tokens, switch light and dark themes, and build custom glass surfaces.
Submit values, validate fields, and compose the form controls with native form semantics.
Understand labeling, keyboard behavior, focus management, and live-region support.
Use the server-safe Card, create client islands, and avoid hydration surprises.
Start from the Vite starter or copy a Next.js settings and confirmation recipe.
Every guide assumes:
@import "@xingxingmofashu/ui"; in the global stylesheet.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.