Built something? We create video reels & spotlights for GitHub projects.Promote your project โ†’
heroui-inc
Home / TypeScript / heroui

heroui-inc/heroui

๐Ÿš€ Beautiful, fast and modern React UI library. (Previously NextUI)

TypeScript โ—‡ component-library Apache-2.0
โ˜…30.9KSTARS
โ‘‚2.2KFORKS
!27ISSUES
๐Ÿ†#475GLOBAL RANK
๐Ÿ”ฅ10DAYS TRENDING
๐Ÿš€
Maintainer Growth Kit for heroui

Claim this project, add your verified backlink badge to your README, and download milestone cards.

Claim Repo

Star History

Continuous Observations
Interactive star growth chart for heroui-inc/heroui
CSV
โญ VIRAL README KIT

Add Live Star History & Verified Badges to README.md

Keep your repository README looking professional and dynamic. As our continuous crawler records new stars, these official SVG badges update in real time with zero maintenance.

Open README on GitHub โ†—
Option 1: Interactive Star History Chart Dynamic SVG

Renders your high-resolution star trajectory chart right inside your GitHub README or project docs.

heroui-inc/heroui Star History Preview
markdown
[![Star History Chart](https://githubrepo.cloud/api/badge/chart/heroui-inc/heroui.svg?theme=dark)](https://githubrepo.cloud/repo/heroui-inc/heroui?utm_source=readme_chart)
Direct SVG Link โ†—
Option 2: Verified Shields Badges Shields.io Style

Compact Shields-style badges for your README header. Shows real-time stars and global ranking.

Featured badge Stars badge Rank badge
markdown (badge trio)
[![Featured on GitHubRepo.cloud](https://githubrepo.cloud/badge/heroui-inc/heroui.svg?metric=featured)](https://githubrepo.cloud/repo/heroui-inc/heroui?utm_source=readme_badge) [![GitHubRepo Stars](https://githubrepo.cloud/badge/heroui-inc/heroui.svg?metric=stars)](https://githubrepo.cloud/repo/heroui-inc/heroui?utm_source=readme_badge) [![Global Rank](https://githubrepo.cloud/badge/heroui-inc/heroui.svg?metric=rank)](https://githubrepo.cloud/repo/heroui-inc/heroui?utm_source=readme_badge)

Momentum

+773

STARS ยท LAST 30 DAYS

26

PER DAY

#97

MOST-STARRED TypeScript

Window7 days30 days90 days
Stars gained+29+773+2.3K
Per day42626
Forks gained+2+45+112

heroui gained 773 stars in the last 30 days, about 26 a day, and now has 30.9K. It is about 5 years old and has averaged roughly 6.2K stars a year. It ranks #97 among TypeScript repositories and #475 across all languages on GitHubRepo.

Trending Record

heroui has maintained a continuous presence across global trending indexes, peaking at #1139. Below is the 30-day activity profile:

๐Ÿ’ก Overview

heroui is an open-source project written in TypeScript: ๐Ÿš€ Beautiful, fast and modern React UI library. (Previously NextUI).

Engineered for speed, consistency, and developer ease, it solves common hurdles in component-library, components, library. It provides clear interfaces, comprehensive configuration options, and seamless integration with existing tools across the modern development stack.

โšก Key Features

1

Optimized execution pipeline written in TypeScript for predictable speed.

2

Zero-friction configuration with comprehensive sensible defaults out of the box.

3

Cross-platform runtime support across Linux, macOS, and Windows environments.

4

Strong typing and modular architecture designed for easy extension and maintainability.

5

Standardized CLI and API interfaces for smooth integration into CI/CD workflows.

6

Active community maintenance with regular dependency updates and security patches.

๐Ÿ“ฅ Installation

terminal
$ npm install heroui

โš™ System Requirements

Platforms

  • โ€ข macOS
  • โ€ข Linux
  • โ€ข Windows

Runtime & Dependencies

Node.js >= 18, npm, pnpm or bun

Architecture

x86_64, ARM64 (Apple Silicon & Graviton)

๐Ÿง  How It Works

heroui coordinates its core functionality through a modular TypeScript pipeline. It parses configuration parameters, validates inputs, and resolves dependencies asynchronously. By minimizing runtime overhead and keeping allocations localized, it delivers predictable performance in both local development environments and automated production workloads.

๐ŸŽฏ Production Use Cases

Modern Web Interfaces

Build dynamic, responsive user experiences with component-driven architecture.

Enterprise Design Systems

Standardize design tokens, accessible widgets, and themes across engineering teams.

Interactive Data Dashboards

Render real-time telemetry, user feeds, and analytics with sub-millisecond updates.

Cross-Platform Web Apps

Deploy performant single-page applications optimized for both mobile and desktop browsers.

๐Ÿš€ Getting Started

1

Install heroui using your package manager: `npm install heroui`

2

Initialize your project workspace or configuration file for heroui.

3

Import heroui into your codebase or invoke it directly from your terminal.

4

Execute your test suite or run `heroui --help` to verify successful setup.

๐Ÿ‘ Strengths

Active community backing with 30,892 GitHub stars and verified adoption.
Permissive open-source distribution under the Apache-2.0 license.
Built in TypeScript for high execution speed and developer familiarity.
Cross-platform compatibility across modern Linux, macOS, and Windows environments.
Clean modular design allowing flexible configuration and pipeline integration.

โš ๏ธ Considerations

Requires familiarity with TypeScript and modern CLI workflows.
Ecosystem extensions may require manual configuration depending on environment constraints.
Active development roadmap means breaking API changes may occur across major versions.

โ‡„ Alternatives & Direct Competitors

F
freeCodeCamp/freeCodeCamp โ˜… 457.3K TypeScript

freeCodeCamp.org's open-source codebase and curriculum. Learn math, programming, and computer science for free.

Compare โ†—
O
openclaw/openclaw โ˜… 392.3K TypeScript

The AI that really does things. Any OS. Any Platform. The lobster way. ๐Ÿฆž

Compare โ†—
R
morluto/rea โ˜… 248.8K TypeScript

Reverse engineer anything with agents, from app behavior down to native binaries.

Compare โ†—
D
deepseek-ai/deepseek-harness โ˜… 241.6K TypeScript

DeepSeek Harness: Everything is a Plugin.

Compare โ†—

๐Ÿ‘ฅ Who Should Use This

Developers and engineering teams building with TypeScript, seeking reliable, tested, and actively maintained tooling for production workloads.

๐Ÿ† Nearby in the Rankings

heroui-inc/heroui is currently ranked #475 by stars across every repository tracked on GitHubRepo. These are adjacent projects:

RankRepositoryLanguageStarsAction
#470 flameshot-org/flameshot C++ โ˜… 31.2K Compare โ†—
#471 StevenBlack/hosts Python โ˜… 31.2K Compare โ†—
#472 microsoft/calculator C# โ˜… 31.1K Compare โ†—
#473 nanocoai/nanoclaw TypeScript โ˜… 30.9K Compare โ†—
#474 garrytan/gbrain TypeScript โ˜… 30.9K Compare โ†—
#475 heroui-inc/heroui This Project TypeScript โ˜… 30.9K
#476 GoogleChrome/lighthouse JavaScript โ˜… 30.9K Compare โ†—
#477 emilk/egui Rust โ˜… 30.9K Compare โ†—
#478 ComposioHQ/composio TypeScript โ˜… 30.6K Compare โ†—
#479 facebook/folly C++ โ˜… 30.6K Compare โ†—
#480 opentofu/opentofu Go โ˜… 30.5K Compare โ†—
SPONSORED Trending Developer Tools & Services

Frequently Asked Questions

What does heroui do? +

๐Ÿš€ Beautiful, fast and modern React UI library. (Previously NextUI)

What language is heroui written in? +

The primary language is TypeScript. Topics include: component-library, components, library, reactjs.

Is heroui actively maintained? +

Yes, the last recorded push was on Oct 13, 2026 with 27 open issues being tracked.

How many stars does heroui have? +

heroui has 30,921 stars and 2,238 forks on GitHub.

How does heroui rank among GitHub repositories? +

With 30,921 stars, heroui-inc/heroui is ranked #475 globally across all repositories tracked on GitHubRepo and #97 among TypeScript projects.

What license is heroui distributed under? +

The repository reports a Apache-2.0 license. Always verify the repository LICENSE file for legal terms.

From our network
FOR MAINTAINERS

Built something? Put it in front of millions of developers.

We make a short reel about your project and post it across YouTube, Instagram, Threads, and X. Send a link, we do the rest.

SPONSORED Sponsored Partner