#What is REUI?

REUI is a free, open-source headless UI component library for React, focused on providing unstyled, accessible primitives that developers can style with their preferred CSS framework. Its primary goal is to deliver lightweight, composable components for building custom UIs, targeting React developers crafting dashboards, forms, or interactive apps. Built with React, TypeScript, and Radix UI, REUI offers 50+ components like modals, dropdowns, tabs, and tooltips, all with WAI-ARIA compliance and keyboard navigation. Unlike styled libraries, REUI is framework-agnostic for CSS, allowing seamless integration with Tailwind, CSS Modules, or Styled Components. For shadcn/ui users, REUI is a perfect fit, serving as a headless foundation for custom styling while inheriting Radix UI's accessibility.

#Features ⚡️

• Headless Primitives: Unstyled components for full styling control.

• Accessibility: WAI-ARIA compliant with keyboard and screen reader support.

• Composable Design: Build complex UIs by combining simple primitives.

• Type Safety: Full TypeScript support for robust development.

• No Dependencies: Lightweight, no CSS or framework bloat.

• Responsive Support: Easy adaptation to any CSS approach.

#Pros ✅

• Full Styling Freedom: Headless design allows total CSS customisation.

• Free and Open-Source: MIT license with no restrictions.

• Accessible: Built on Radix UI for top-tier accessibility.

• Lightweight: Minimal bundle size, no unnecessary code.

• Community-Backed: 10k+ GitHub stars and active contributions.

• Flexible: Works with Tailwind, CSS-in-JS, or vanilla CSS.

#Cons ⚠️

• No Default Styles: Requires manual styling, not plug-and-play.

• React Dependency: Limited to React ecosystems.

• Learning Curve: Headless nature demands CSS proficiency.

• Smaller Scope: Fewer components than styled libraries like shadcn/ui.

#Included Components - Templates

REUI includes a variety of headless components:

• Modal: Accessible dialog with backdrop and focus trap.

• Dropdown Menu: Context menus with keyboard navigation.

• Tabs: Tabbed interfaces with ARIA roles.

• Tooltip: Hover-triggered tooltips with positioning.

• Accordion: Expandable sections with smooth transitions.

• Popover: Positioned overlays for menus or popups.

#Pricing 💸

REUI operates on a Free model:

• Free Access: All components free under MIT license.

• No Pro Version: No premium tiers or paid features.

#Integrations 🧰

REUI integrates with:

• React: Core framework for component logic.

• Radix UI: Accessibility primitives and behaviors.

• TypeScript: Type-safe props and state.

• Tailwind CSS: Optional styling, but fully agnostic.

• CSS Modules/Stitches: Easy custom styling support.