HQ KIT - UI Components

This UI Design is basically built on top of React Aria Components, all about keeping the web accessible. Easy to customize and just copy & paste into your React projects.
npx shadcn init https://hq-ui.vercel.app/r/default
nova
Designers love packing quirky glyphs into test phrases. This is a preview of the typography styles.
Assign Issue
Select users to assign to this issue.
shadcn
Audio Frequency Visualizer
Real-time frequency band visualization with animated state transitions
Codespaces

Your workspaces in the cloud

No codespaces
You don't have any codespaces with this repository checked out
Learn more about codespaces
Codespace usage for this repository is paid for by shadcn.
Invoice #INV-2847
Due March 30, 2026
Pending
Item
Qty
Rate
Amount
Design System License1$499.00$499.00
Priority Support12$99.00$1,188.00
Custom Components3$250.00$750.00
Subtotal$2,437.00
Tax$0.00
Total Due$2,437.00
Two-factor authentication

Verify via email or phone number.

BadgeSecondaryOutline
by mymind on Unsplash
Observability Plus is replacing Monitoring
Switch to the improved way to explore your data, with natural language. Monitoring will no longer be available on the Pro plan in November, 2025
Warning
Shipping Address
Where should we deliver?
State
Country
Environment Variables
Production · 8 variables
DATABASE_URL••••••••
NEXT_PUBLIC_APIhttps://api.example.com
STRIPE_SECRET••••••••
Traffic channels
Monthly desktop and mobile traffic for the last six months—compare volume and mix across platforms and devices at a glance.
Desktop
1,224
Mobile
860
Mix Delta
+42%
Invite Team
Add members to your workspace
Ship faster & safer with Vercel Agent
Your use is subject to Vercel's Public Beta Agreement and AI Product Terms.
Code reviews with full codebase context to catch hard-to-find bugs.
Code suggestions validated in sandboxes before you merge.
Root-cause analysis for production issues with deployment context. Requires Observability Plus
Browser Share
January - June 2026
Firefox
Firefox31%
@shadcn
CN
@maxleiter
LR
@evilrabbit
ER
No Team Members
Invite your team to collaborate on this project.
Report Bug
Help us fix issues faster.
Severity
Component
Contributors 312
shadcn
s
vercel
v
nextjs
n
tailwindlabs
t
typescript-lang
t
eslint
e
prettier
p
babel
b
webpack
w
rollup
r
parcel
p
vite
v
react
r
vue
v
angular
a
solid
s
+ 810 contributors
Book Appointment
Dr. Sarah Chen · Cardiology
Sleep Report
Last night · 7h 24m
2h 10m
Deep
3h 48m
Light
1h 26m
REM
84
Score
Good
Profile
Manage your profile information.
Your name may appear around GitHub where you contribute or are mentioned. You can remove it at any time.
Public Email
You can manage verified email addresses in your email settings.
You can @mention other users and organizations to link to them.
Weekly Fitness Summary
Calories and workout load by day
M
T
W
T
F
S
S
File Upload
Drag and drop or browse
Upload files
PNG, JPG, PDF up to 10MB
Analytics
418.2K Visitors +10%
5 days remaining in cycle
Edge Requests
$1.83K
Fast Data Transfer
$952.51
Monitoring data points
$901.20
Web Analytics Events
$603.71
ISR Writes
524.52K / 2M
Function Duration
5.11 GB Hrs / 1K GB Hrs
Shortcuts
Search
⌘K
Quick Actions
⌘J
New File
⌘N
Save
⌘S
Toggle Sidebar
⌘B
Get alerted for anomalies
Automatically monitor your projects for anomalies and get notified.
Live Audio Waveform
Real-time microphone input visualization with audio reactivity
Visitors
Last 6 months
+2% vs last month
Contributions & Activity
Manage your contributions and activity visibility.
Contributions & activity
404 - Not Found
The page you're looking for doesn't exist. Try searching for what you need below.
/