v1.0 — Now Available

Masst UI

The foundation for your design system.
50+ components. Open source. Production ready.

Component Preview

A collection of beautifully designed, accessible components that you can copy and paste into your apps.

Payment Method
Add a new payment method to your account.
Alerts
Display important messages.
FAQ
Frequently asked questions.

Team Members
Invite your team members to collaborate.
JD

Jackson Davis

jackson@email.com

MK

Michael Kim

michael@email.com

Share this document
Anyone with the link can view this document.

People with access

OM

Olivia Martin

m@example.com

Recent Orders
Your latest transactions.
OrderStatusAmount
#3210Pending$250.00
#3209Shipped$150.00
#3208Delivered$350.00
Dialog
Modal dialogs for user interaction.
Account
Manage your account settings.
Usage
Your plan usage this billing cycle.
API Requests12,543 / 50,000
Storage Used4.2 GB / 10 GB
Bandwidth89 GB / 100 GB
Notifications
Choose what you want to be notified about.

Receive on device.

Receive via email.

New features & updates.

Appearance
Customize the look and feel.
33px
More Components
Tooltips, toggles, and more.
Report an issue
What area are you having problems with?
Cookie Settings
Manage your cookie preferences.

Essential for site functionality.

Enable personalized features.

Help improve our website.

Understand user behavior.

Date Picker
Select a date from the calendar.

Why Masst UI?

Built for developers who want beautiful, accessible components without the complexity.

Fast & Lightweight

Optimized bundle size with tree-shaking. Only ship what you use.

Accessible

WAI-ARIA compliant. Keyboard navigation and screen reader support built-in.

Customizable

CSS variables for theming. Tailwind classes for styling. Your design, your rules.

Get Started

Install Masst UI and start building in minutes.

$npm install @masst/ui
50+
Components
100%
TypeScript
A11y
Accessible
MIT
Licensed