Badges
Primary
Success
Warning
Danger
Neutral
Info
Small
Default
Large
Active
Cards
Card Header
This is the card body with some content.
Total Users
1,284
Flat card — no shadow.
Alerts
This is an informational alert.
Operation completed successfully.
Warning: Please review before continuing.
Something went wrong. Please try again.
Forms
Tables
| Name | Role | Status | Actions | |
|---|---|---|---|---|
| Alice Johnson | alice@example.com | Admin | Active | |
| Bob Smith | bob@example.com | Editor | Pending |
Modals
Dropdowns
Tabs
Overview tab content.
Activity feed goes here.
Settings panel content.
Accordion
WebBlocks UI is a framework-agnostic UI kit built with plain HTML, CSS, and vanilla JavaScript.
No build step required. Simply include the dist CSS and JS files and start using it.
Yes. WebBlocks UI works with any HTML template system — Laravel Blade, Craft Twig, or plain HTML.
Avatars
AX
SM
MD
LG
XL
GR
RD
OR
VL
A1
A2
A3
+5
Toasts
Changes saved successfully.
Empty State
No tasks yet
Create your first task to get started.
Skeleton
Layout Primitives
wb-split
Left content
wb-cluster
Tag 1
Tag 2
Tag 3
Tag 4
wb-grid-3
Col 1
Col 2
Col 3