Development · Website

HeroUI

Accessible React and React Native UI component library styled with Tailwind CSS

Visit heroui.com ↗

HeroUI (formerly NextUI) is an open-source design system and component library built on top of React Aria and Tailwind CSS v4. It provides accessible, styled primitives across web and React Native apps, alongside native integrations for AI coding agents such as MCP servers and llms.txt files.

What it's for

  • Build responsive web applications using pre-styled React and Tailwind CSS v4 components
  • Share a consistent design system across both React web and React Native mobile apps
  • Feed machine-readable documentation directly into AI coding agents using built-in MCP servers and llms.txt indexes

Features

  • Accessibility built-in powered by React Aria Components
  • Tailwind CSS v4 styling integration and flexible theme switching
  • Dedicated mobile component library with HeroUI Native
  • Agent-friendly documentation via llms.txt, OpenAPI spec, and MCP servers
  • Official CLI tool for quick project installation and setup
  • Pre-designed templates and block components via HeroUI Pro

Pricing

Freemium. Core library is free and open-source; prebuilt templates and blocks available via paid HeroUI Pro plan

Details

Type
Website
Category
Development
Topic
UI Components
Open source
Yes
Platforms
Web, Code library, Command line
For
React and React Native developers, frontend teams, and AI-assisted coders
Alternative to
shadcn/ui, MUI, Chakra UI
Tags
react, react native, tailwind css, ui library, react aria, mcp, frontend

Why it was saved

  • @worldof.aix, 20 July 2026: Provides over 75 web and 37 native components styled with Tailwind CSS v4, built-in accessibility via React Aria, CSS-only animations, and AI-ready integrations like MCP Server and LLMs.txt.

Compare

Related

  • shadcn/ui

    Copy-paste React UI components built with Tailwind CSS and Radix primitives.

  • Efferd

    Pre-built, responsive shadcn/ui blocks and layouts for React applications

  • Motion

    Open-source animation library for React, Vue, and vanilla JavaScript

  • React Bits

    Open-source animated and interactive React UI components and backgrounds

  • 21st.dev

    Curated directory of crafted React, Tailwind, and shadcn UI components.

  • lucide-animated

    Open-source animated React icons built with Lucide and Motion

All 114 in UI Components →

Updated