UI components
Thoughtful building blocks for your next great interface.
Buttons
Badges & status
Active
Pending
In progress
Cancelled
Completed
Planning
Color palette
Emerald
#087f61
Midnight navy
#0b1830
Apricot
#e99b76
Sky
#5a99da
Ink
#272539
Typography
haneenweb
Start building something great.
A fresh perspective on your work. Here’s how things are looking.
Manrope · variable weights 400–800Alerts
Your changes have been saved. You’re good to go.
A new perspective is always one click away.
Please review the details before continuing.
Accordion
Can I customize the colors?
Yes. Edit the design tokens in src/styles/tokens.css and rebuild the template.
Does HaneenWeb support dark mode?
Yes. Use the theme button in the top bar or choose a theme in Settings.
Is a backend included?
HaneenWeb is a frontend template. Connect your own backend for accounts, billing, and shared data.
Tabs
Everything you need to start building a thoughtful, consistent interface.
Track meaningful changes and keep your team informed.
Keep your project files organized and easy to find.
Dialogs & Notifications
A focused space for an important action. This dialog supports Escape, keyboard focus, and an accessible title.