# HeroUI

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

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.

Website: https://heroui.com/

## What it is 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](https://xiry.app/topics/development.md)
- Topic: [UI Components](https://xiry.app/topics/development/ui-components.md)
- 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](https://www.instagram.com/reel/Da_7_MQMwKM/): 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

- [Alternatives to Chakra UI](https://xiry.app/alternatives/chakra-ui.md)
- [Alternatives to shadcn/ui](https://xiry.app/alternatives/shadcn-ui.md)

## Related

- [shadcn/ui](https://xiry.app/resources/shadcn-ui-1902): Copy-paste React UI components built with Tailwind CSS and Radix primitives. (Website, Open source)
- [Efferd](https://xiry.app/resources/efferd): Pre-built, responsive shadcn/ui blocks and layouts for React applications (Web app, Freemium)
- [Motion](https://xiry.app/resources/motion): Open-source animation library for React, Vue, and vanilla JavaScript (Website, Freemium)
- [React Bits](https://xiry.app/resources/react-bits): Open-source animated and interactive React UI components and backgrounds (Website, Freemium)
- [21st.dev](https://xiry.app/resources/21st-dev): Curated directory of crafted React, Tailwind, and shadcn UI components. (Website, Freemium)
- [lucide-animated](https://xiry.app/resources/lucide-animated): Open-source animated React icons built with Lucide and Motion (Web app, Open source)

Updated 3 October 2026. Page: https://xiry.app/resources/heroui

Make your own library: Xiry takes your saved reels, tweets, Reddit bookmarks and Watch Later videos, makes them searchable and pulls the useful stuff out, like this library. It's invite-only for now; join the waitlist at https://xiry.app/#waitlist.