Anex UIBuild Fearlessly.
Focus on the Logic, Not the Scaffolding.
Welcome to the official home of AnexUI—the ultimate component ecosystem designed to strip away the repetitive grunt work of UI development, letting you focus entirely on your business logic.
Think of us as your production-ready blueprint. We handle the HTML scaffolding, the CSS architecture, the complex theming engine, and the event management. You just import, compose, and ship.
The Challenge
The Problem We Solve
Every developer knows the pain of rebuilding the same button, modal, or dropdown for the hundredth time. You have to ensure it's accessible, style it for multiple themes, and handle complex state and event management. It's a massive time sink.
The Answer
Our Solution
AnexUI provides a meticulously crafted collection of production-grade React components. By abstracting away the tedious interface and event layer, we hand you a fully optimized foundation so you can build entire websites in a fraction of the time.
Why Developers Build with AnexUI
| Feature | What We Handle | What You Do |
|---|---|---|
| Robust HTML Interface | Semantic, accessible structures (WAI-ARIA compliant). | Pick the component you need. |
| Advanced CSS & Theming | Fluid layouts, dark/light mode, and custom design tokens. | Pass your brand colors and styling. |
| Event & State Management | Built-in click handlers, keyboard navigation, and transitions. | Hook up your API and business logic. |
WCAG AA Accessible
Every component ships with correct ARIA roles, keyboard navigation, and focus management. No config required.
Dark Mode Built In
CSS custom property theming with a single data-theme attribute. Switch at runtime with one line of code.
React 19 Patterns
Ref as a prop, useId, no deprecated forwardRef. Built for the modern React API surface.
CSS Modules + Tailwind v4
Scoped styles with design tokens. No global class leakage. Full TypeScript types on every prop.
Zero Heavy Dependencies
No Radix UI. No Headless UI. Native browser APIs — dialog, hidden, role — do the heavy lifting.
Tree-Shakeable
ESM + CJS dual build. Import only what you use. Your bundle only pays for the components you ship.
Inside the AnexUI Ecosystem
The Component Library
Access a massive repository of primitive and complex components. From basic interactive buttons and form controls to intricate data tables and navigation bars — the ultimate copy-paste-modify toolkit for modern web development.
Universal Theming Engine
Stop wrestling with CSS overrides. Our components are built with dynamic theming at their core. Switch from a corporate tech aesthetic to a playful consumer brand with a single configuration file.
Bulletproof Event Management
We've pre-engineered the complex interactions. Focus on what happens when a user clicks, submits, or swipes — not the underlying event listeners, performance bottlenecks, or cross-browser inconsistencies.
53 components. Every use case covered.
From a basic button to a full carousel with ARIA patterns — it's all here.
Basic
Layout
Navigation
Feedback
Overlay
Data Display
Media
Form
Up and running in 60 seconds.
Install the package, import the stylesheet, set a theme attribute. That's it — all tokens, themes, and components are ready.
Read the full guide →# 1. Install
npm install anexui
# 2. Import styles in your root
import "anexui/styles";
# 3. Set theme on html element
<html data-theme="dark">
# 4. Use components
import { Button } from "anexui";
🚀 The AnexUI Philosophy
Stop building buttons.
Start building your product.
Start with the docs or explore all components.