Xcutable Interface
Optimized for Developers
89 precision components on Base UI primitives, with native CSS animations. One npm package, imported one component at a time.
Everything you need.Built in.
A comprehensive, high-performance UI framework powered by pure CSS and Base UI primitives.
Base UI Layering
Headless primitives crafted for extreme web accessibility.
Tailwind 4 Engine
Native CSS theme tokens compiled directly to utilities.
Native Animations
Zero Framer-Motion. Pure CSS power.
NPM Package Architecture
Distributed as a versioned npm package. Instant upgrades with zero copy-paste code drift.
Variant Engine
One shape vocabulary across the set. Typed, closed, no stray class strings.
Zero Style Runtime
Tailwind compiles the styles ahead of time. Nothing computes them in the browser.
89 Components
Each one its own module — import one, ship one.
Modern Typography
One Text component owns the scale — headings render as real h1–h4, sizes step down from touch to desktop.
Responsive by Default
Sized for touch first. Coarse pointers get a 44px hit area (WCAG 2.5.5) without the control looking any bigger.
Theme Engine
Ships a neutral base theme. Redefine the CSS tokens and every component — light and dark — follows.
Precision-Crafted Components
Accessible, typed, and ready to drop into any React 19 app — Next.js or otherwise.
Precision Layering.
XiodUI is built on a precise architectural foundation. By strictly separating logic (Base UI) from presentation (Tailwind 4), you get total control without the abstraction tax.
XiodUI vs The Rest
Others ship bloated packages. We ship performance.