Features Components Pricing Sign in
v1.0 — Now Available

Build beautiful UIs without the complexity

WebBlocks UI is a framework-agnostic UI kit. Plain HTML, separate CSS, vanilla JS. No build step. No dependencies. Works with Laravel, Craft, or any server-side stack.

Quick preview Live
Badge Active

Why WebBlocks UI?

Everything you need, nothing you don't.

No build step

Drop in one CSS file and one JS file. Done. No npm, no webpack, no PostCSS.

Dark mode built-in

Light, dark, or auto. Respects OS preference. Instant switching with no flash.

Framework-agnostic

Works with Laravel Blade, Craft Twig, Django templates, or plain HTML files.

7 color schemes

Ocean, Forest, Royal, Warm, Slate, Rose, Sand — switch with a single HTML attribute.

Accessible

Focus trapping, ARIA attributes, keyboard navigation for modals, tabs, and more.

wb- prefix

All classes are namespaced. No conflicts with your existing CSS or other libraries.

Everything you need

20+ components, 5 layouts, full theme engine.

Buttons
Forms
Tables
Modals
Dropdowns
Tabs
Accordion
Toasts
Badges
Avatars
Cards
Alerts

Simple pricing

Free for personal use. Team plans coming soon.

Free
$0
forever
All components
All color schemes
Dark mode
Personal projects
Get started
Popular
Pro
$9
per month
Everything in Free
Commercial projects
Blade + Twig stubs
Priority support
Start free trial
Team
$29
per month
Everything in Pro
Up to 10 seats
Team dashboard
Custom accents
Contact us