@xingxingmofashu/ui is a collection of typed React components with a Liquid Glass visual style for React 19 and Tailwind CSS 4.
@xingxingmofashu/ui is at 0.2.x. APIs may change before 1.0; pin a version and review the release notes when upgrading.
@xingxingmofashu/ui is a React component library for building interfaces with a CSS-only Liquid Glass visual style. It ships twenty-five components across elements, forms, overlays, and feedback, and works in any React 19 application with Tailwind CSS 4.
Glass surfaces, rim highlights, inner shadows, and pressed states are drawn entirely with CSS. Interactive behavior is built into the components, while Tailwind Variants keeps the styling typed and composable.
If you are building a React project with Tailwind CSS and want a distinctive monochrome Liquid Glass aesthetic, @xingxingmofashu/ui is a good default choice. It provides high-level components such as Button, Card, Dialog, Drawer, and Toast while still allowing customization through className, ui slots keyed by data-slot, and the shared --ui-* tokens.
Intuitive component APIs, typed props, deep imports, and bilingual documentation.
A monochrome Liquid Glass material that stays consistent across light and dark themes.
Slot names and sizes derive from the Tailwind Variants recipe, so overrides stay checked.
Twenty-five carefully styled components instead of a sprawling catalog, with consistent sizing, naming, and visual language.
@xingxingmofashu/ui is built on two foundations: Tailwind CSS for styling and Tailwind Variants for typed variants. Interactive behavior is built into each component.
color-mix, container units, :has, and individual transforms@source is required