HeroUI Pro

Overview

Charts

Area Chart Bar Chart Chart Tooltip Composed Chart Line Chart Pie Chart Radar Chart Radial Chart

Data Display

Action Bar Carousel Data Grid Empty State File Tree Floating TOC Hover Card Kanban Item Card Item Card Group KPI KPI Group List View

Feedback

Number Value Pressable Feedback Rating Trend Chip

Forms

Cell Color Picker Cell Select Cell Slider Cell Switch Checkbox Button Group Inline Select Native Select Number Stepper Radio Button Group

Navigation

Command Context Menu Segment Sidebar

Overlays

Drop Zone Emoji Picker Emoji Reaction Button Sheet Stepper

Web

Native

HeroUI Pro1.0.0-alpha.6

Getting Started

Web

Native

All Components

Explore the full list of components available in the library. More are on the way.

Buttons

Button

Button

ButtonGroup

ButtonGroup

CloseButton

CloseButton

ToggleButton

ToggleButton

ToggleButtonGroup

ToggleButtonGroup

ToggleButtonGroup

Area Chart

An area chart for visualizing trends with gradient fills, stacked series, and sparkline variants.

On this page