Skip to main content
A versatile collection of accessible and customizable UI primitives designed to help you build components tailored to your needs. This framework provides the flexibility to create and refine your own component library while ensuring seamless integration with your design system. Featuring shadcn, known for its modern aesthetics and elegant design, and Base UI, which offers highly flexible, themeable components, this toolkit empowers developers to craft intuitive and visually cohesive interfaces effortlessly. With full control over styling and behavior, you can modify, extend, and adapt each component to fit your project’s unique requirements—without the constraints of a traditional component library.
This is not a component library. It is how you build your component library.

Why Base UI?

Base UI provides a solid foundation for building custom components with several key advantages:

Unstyled by Default

Components come without any styling, giving you complete control over appearance and behavior

Highly Customizable

Extensive theming capabilities allow you to create consistent design systems

Accessibility Built-in

All components follow WAI-ARIA guidelines and best practices for accessibility

Composable Architecture

Components are built from smaller, reusable pieces that can be mixed and matched

TypeScript Support

Full type safety and excellent developer experience

Performance Optimized

Lightweight and efficient components that don’t bloat your bundle
Base UI serves as the perfect complement to shadcn’s styled components, offering the flexibility to create truly unique interfaces while maintaining the quality and accessibility standards your users expect.

Key Features

  • Built with Tailwind CSS v4: Modern utility-first CSS framework for rapid UI development
  • shadcn Integration: Leverage the shadcn CLI for easy component installation and customization
  • Radix UI Primitives: Accessible component primitives including labels, slots, tooltips, and collapsibles
  • Full TypeScript Support: Complete type safety throughout your component library
  • Flexible Architecture: Mix and match components from shadcn and Base UI to suit your needs

Getting Started

To begin building with EoN UI, follow the installation guide to set up your project with shadcn and Base UI.

Installation

Learn how to set up dependencies and organize your application structure

Open Source

EoN UI is open source and licensed under the MIT license. Visit the GitHub repository to contribute, report issues, or explore the source code.

Build docs developers (and LLMs) love