HQ KIT

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 hq-kit init

Components

Register

Create your account

Complete Your Data

Fill out the form to complete your data

Diqi Al-Haqqi

Developer

Identity

Address

Upload Files

Birthdate

yyyy

Event time

Phone

+62

#	Title	Author	Genre	Published
1	To Kill a Mockingbird	Harper Lee	Fiction	1960
2	1984	George Orwell	Dystopian	1949
3	The Great Gatsby	F. Scott Fitzgerald	Fiction	1925
4	The Catcher in the Rye	J.D. Salinger	Fiction	1951
5	Pride and Prejudice	Jane Austen	Romance	1813
6	The Lord of the Rings	J.R.R. Tolkien	Fantasy	1954
7	Harry Potter and the Sorcerer's Stone	J.K. Rowling	Fantasy	1997

Home
Docs
Components

yyyy

Users

Loading…0%

Storage space 0%

[data-input-otp] { --nojs-bg: white !important; --nojs-fg: black !important; background-color: var(--nojs-bg) !important; color: var(--nojs-fg) !important; caret-color: var(--nojs-fg) !important; letter-spacing: .25em !important; text-align: center !important; border: 1px solid var(--nojs-fg) !important; border-radius: 4px !important; width: 100% !important; } @media (prefers-color-scheme: dark) { [data-input-otp] { --nojs-bg: black !important; --nojs-fg: white !important; } }

Enter your one-time password.