NexoreUI

Build beautiful interfaces faster.

Handcrafted components built on Radix UI and Tailwind CSS v4. Copy the code, customize your theme, and own your design system.

Get StartedCreate ProjectBrowse Components
Animated ButtonMicro-interactions and state-aware feedback.
Pulse BadgeGlowing indicators for live status.
Live Status
Toggle SwitchSmooth sliding toggle with state update.
Circular ProgressAnimated progress indicators.
65%
Micro TooltipInteractive overlays with instant positioning.
Hover success!
Interactive SliderFluid range controller.
Volume70%
Browse All 40+ Components
Scroll

Open source, growing fast

Trusted by developers who ship

0

GitHub Stars

0+

Weekly Downloads

0

Components

0%

TSTypeScript

React 19Next.js 15TypeScriptTailwind CSS v4Radix UIFramer MotionVitePostCSSESLintZodReact 19Next.js 15TypeScriptTailwind CSS v4Radix UIFramer MotionVitePostCSSESLintZod
VIDEO SHOWCASE

See NexoreUI in Action

Watch how fast you can build, generate layouts with AI, and export production-ready React components.

nexoreui_demo_showcase.mp4
4K ULTRA HD
LIVE DEMO SHOWCASE

Build system

Modular. Accessible. Yours.

Every component is engineered with real-world usage in mind, not just demos.

Copy-Paste Ready

No install ceremony. Copy the source directly into your project. You own the code — customize it without fighting abstractions.

RENDER: 0.1ms

Tailwind CSS v4 Native

Built natively on Tailwind v4 CSS variables. Zero runtime stylesheet compilation.

@import "tailwindcss";

100% TypeScript

Fully typed components. No generic `any` casting. Type imports included.

export interface ButtonProps {
variant: "default" | "outline" | "glow";
size: "sm" | "md" | "lg";
isLoading: boolean;
}

Physics-Based Animations

Inertial spring physics with configurable stiffness, damping, and mass for natural feel.

Click to trigger spring physics

Accessibility First

Radix UI primitives ensure WAI-ARIA compliance, keyboard navigation, and screen reader support.

Tab
Space
Enter
Esc

Dark Mode Ready

CSS variable-based theming. Dark mode works automatically via next-themes without configuration.

theme toggleCONNECTED
> dark mode: enabled
> --primary: hsl(250 85% 65%)
> All 53 components updated automatically
New Feature

Don't like our components?
Design your own.

Nexore Make is a visual drag-and-drop editor built directly inside our UI library. Reposition elements, adjust corner radius, configure borders, spacing, shadows, and animations visually with instant multi-framework code exports.

Launch BuilderView Saved Library
nexore_make_sandbox.tsx
Custom ButtonLive Editor
Properties

Ship your next project faster

Beautiful, accessible components you can paste straight into your codebase. The code is yours — customize it, extend it, ship it.

npx nexoreui@latest add button
Read the DocsView on GitHub