Xcutable Interface
Optimized for Developers
Precision-Crafted React Component Library - 91 Components, 20 Palettes, Native CSS Animations, Light and Dark Themes. Built on Base UI and Tailwind CSS 4. One npm Package, Nothing Extra to Install.
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.
91 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.
XiodUI vs The Rest
Others ship bloated packages. We ship performance.
¹ Phone and payment card inputs, drag-to-reorder lists and dashboard grids, wheel and ruler pickers, and a command palette and carousel with no extra dependency.
Compared against shadcn/ui, HeroUI 3.2, MUI 9.4, Ant Design 6.6, Mantine 9.6 and Chakra UI 3.37 (September 2026), including each project's own add-on packages.
"Nothing to install beyond React" means beyond react and react-dom: XiodUI's own dependencies (Base UI, class-variance-authority, cn, and XiodIcons) are installed with the package. Your project still needs Tailwind CSS 4 configured.