HQReact UI

HQReact UI

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

BadgeSecondary
Overview
Planning
Support
Account
Savings Targets
Active milestones for 2024 across your portfolio. Monitor how close you are to each savings goal.

Retirement

$420,000
65% achieved$273,000

Real Estate

$85,000
32% achieved$27,200
You have not met your targets for this year.
Distribute Track
Upload your first master to start reaching listeners on Spotify, Apple Music, and more.
Scan to connect your mobile device
Open the Ledger mobile app and scan this code to link your device.
Power Usage
Whole Home
Currently Using3.4 kW
Solar Gen+1.2 kW
Contribution History
Last 6 months of activity

Upcoming

May 2024Scheduled
Claimable Balance
$1,211.29
Pending Setup
Net Royalties$1,248.75
Processing Fee-$37.46
Total Ready to Claim$1,211.29 USD
Once your bank is connected, balances over $10.00 are automatically eligible for monthly distribution on the 15th of each month.
Q2 Dividend Income
Quarterly dividend payouts across your portfolio holdings.
Vanguard

450 Shares

S&P 500 VOO

112 Shares

Apple AAPL

85 Shares

Realty Income

320 Shares

Analytics
418.2K Visitors +10%
Transfer Funds
Move money between your connected accounts.
$
From Account
To Account
Estimated arrivalToday, Apr 14
Transaction fee$0.00
Total amount$1,200.00
Set a new milestone
Define your financial target and we'll help you pace your savings.
Payout Threshold
Set the minimum balance required before a payout is triggered.
Preferred Currency
Minimum Payout Amount$2500.00
$50 (MIN)$10,000 (MAX)
Account Access
Update your credentials or re-authenticate.
Forgot?
Danger Zone

Archive account and remove catalog

Notifications
Choose which email and push alerts you want to receive.
  1. Home
  3. Payments
Change transfer limit

Adjust how much you can send from your balance.

Scheduled transfers

Set up a transfer to send at a later date.

Recurring card payments

Manage your repeated card transactions.