Our philosophy is simple: We believe Base UI is the best foundation for modern web applications. We've taken its powerful, unstyled primitives and given them a design system that's ready to go, right out of the box.

• 100% Native Animations: Pure CSS cubic-bezier and Tailwind built-in transitions.
• Zero Junk: No heavy runtime dependencies (like Framer Motion).
• No style runtime: variants resolve to Tailwind classes that compile ahead of time. Nothing computes styles in the browser.
• You ship what you import: each component is its own module, so an unused one never reaches your bundle.

• One install, every component: npm install xiod-ui and you have all 89. Upgrades arrive the way every other dependency does — no drift between your copy and ours.
• Imported one at a time: every component is its own module, imported from its own path — import { Button } from "xiod-ui/button". There is deliberately no root barrel, so your bundler never parses 89 modules to work out what to discard.
• Base UI comes with it: the primitives are a direct dependency, not a peer. Component code and primitives upgrade in lockstep, so a Base UI release can never fall out of step with the components built on it. You install React and React DOM; that is all.
• One stylesheet: @import "xiod-ui/styles" brings the design tokens, the class-based dark variant, and the Tailwind source registration. No config file, no plugin.
• Typed and RSC-ready: declarations for every component and prop, and "use client" boundaries preserved in the published output.
• Source-available, not open source: XiodUI is licensed under PolyForm Perimeter 1.0.1. Use it in your own projects, commercial or not, closed-source or not — there is no copyleft, so nothing you build with it has to be published under any particular licence. The one restriction is that you may not use XiodUI to build something that competes with it, such as another component library or UI kit.

• Production-Tested Patterns: Built for real-world application complexity.
• Extended Variants: Optimized component states for common use cases.
• Thoughtful Defaults: Designed for modern, sophisticated interfaces.
• Consistent Design System: A unified aesthetic across the entire library via Naked CSS Variables.
• Native Precision: Everything is built from scratch for maximum control and performance.