HQ UI
Home
Components
Getting Started
Introduction
Installation
Client Side Routing
MCP Server
LLMs
Framework Guides
Nextjs
Laravel
Tanstack Start
Vite
Components
Buttons
Button
File Trigger
Toggle
Toggle Group
Charts
Chart
Collections
Accordion
Collapsible
Dropdown Menu
Grid List
Item
List Box
Table
Tag Group
Tree
Colors
Color
Controls
Command
Kbd
Slider
Switch
Toolbar
Date And Time
Calendar
Date Field
Date Picker
Date Range Picker
Range Calendar
Time Field
Drag And Drop
Drop Zone
Forms
Checkbox
Combo Box
Field
Input
Input OTP
Number Field
Radio
Search Field
Select
Text Field
Layouts
Container
Navbar
Sidebar
Media
Avatar
Carousel
Navigation
Breadcrumbs
Link
Pagination
Tabs
Overlays
Dialog
Drawer
Popover
Sheet
Tooltip
Statuses
Alert
Badge
Empty
Meter
Progress
Skeleton
Sonner
Surfaces
Card
Separator
Search...
⌘
K
Toggle Navbar
HQ UI
Chart
Beautiful charts. Built using Recharts. Copy and paste into your apps.
Recharts
Copy page
Open in
Toggle
Accordion (Disclosure Group)
Installation
CLI
Manual
npx shadcn@latest add
https://hq-ui.vercel.app/r/chart
Toggle
Accordion (Disclosure Group)
On this page
Installation
On this page
Installation