#What is Joly UI?

Joly UI is an open-source, copy-paste component library that builds directly on shadcn/ui's design language and ecosystem while prioritizing top-tier accessibility. It translates many shadcn/ui components to use react-aria-components for better screen reader support, mobile accessibility, focus management, and keyboard interactions—ideal for developers, teams, and agencies who want shadcn/ui's beautiful aesthetics but need WCAG-compliant, inclusive UIs without heavy rework. Powered by React Aria, Radix UI (for core primitives), Tailwind CSS, and TypeScript, it's perfect for SaaS apps, dashboards, marketing sites, or any React/Next.js project where accessibility and polish matter equally. The core value is seamless integration into existing shadcn/ui workflows with enhanced a11y and no extra dependencies beyond what's already common.

#Features ⚡

• shadcn/ui + React Aria Fusion: Combines shadcn/ui's stunning designs with React Aria's robust accessibility primitives for superior inclusive experiences.

• CLI Installation Support: Add components instantly with npx shadcn@latest add https://jollyui.dev/default/button (or similar registry URLs).

• Tailwind CSS Theming: Fully themeable with CSS variables and Tailwind utilities—light/dark modes and custom colors effortless.

• TypeScript & Fully Typed: Zero-hassle typing for props, components, and utilities in modern React projects.

• Copy-Paste or CLI Flexibility: Grab code directly from docs or use the shadcn CLI for automated adds.

• Keyboard & Screen Reader Optimized: Native support for complex interactions, focus traps, ARIA attributes, and mobile screen readers.

• Responsive & Mobile-First: Components built with accessibility and device fluidity in mind.

• Comprehensive Docs & Examples: Clear installation guides, component APIs, usage demos, and setup instructions.

• Open Source & Community-Driven: Maintained with contributions, Discord for support, and transparent development.

#Pros ✅

• Dramatically improves accessibility over standard shadcn/ui without sacrificing design quality.

• Perfect drop-in enhancement for existing shadcn/ui projects—CLI compatibility is seamless.

• 100% free and open-source with no paywalls or tiers.

• Strong focus on real-world a11y (WCAG, screen readers, keyboard nav) that's often missing elsewhere.

• Clean, modern aesthetics aligned with shadcn/ui—easy to adopt and customize.

#Cons ⚠️

• Requires shadcn/ui setup first (Tailwind config, cn helper, etc.) for full compatibility.

• Still evolving—some components may be in translation or fewer than core shadcn/ui library.

• Accessibility gains come from React Aria, so if you don't need advanced a11y, plain shadcn/ui might suffice.

• Documentation hosted at jolyui.dev.

#Included Components - Templates

• Core Primitives: Button, Alert Dialog, Dropdown Menu, and other foundational elements reimplemented with React Aria.

• Data Display: Tables, Cards, Avatars, and similar shadcn/ui-style components with accessibility upgrades.

• Forms & Inputs: Form controls, inputs, labels, and helpers with proper ARIA linking and focus handling.

• Overlays: Modals, Dialogs, Tooltips, and Popovers with keyboard dismissal and focus traps.

• Navigation: Menus, Tabs, Accordions, and related interactive elements.

• Utilities: cn helper, global styles, and setup patterns mirroring shadcn/ui structure.

• Additional: PageHeader, MainNav, and other layout/composition helpers.

#Pricing 💸

• Completely free and open-source—no paid tiers, subscriptions, or pro versions.

• All components, docs, and registry access available at no cost.

• Optional: Join the community Discord for free support and contributions.

#Integrations 🧰

• shadcn/ui: Full CLI and registry compatibility for installation.

• React Aria Components: Core accessibility layer for ARIA-compliant behavior.

• Radix UI: Underlying primitives for many interactive components.

• Tailwind CSS: Styling foundation with full theming support.

• TypeScript: Built-in for type-safe development.

• Next.js / React: Primary frameworks (Vite, Remix compatible via shadcn/ui).

• GitHub: Source at github.com/jolbol1/jolly-ui.