UI Template Builder
Component Library
Quick Colors
Design Canvas
Untitled Design
Drag components here to start building
or use a template to get started quickly
No element selected
Select an element to edit properties
<!DOCTYPE html>
<html>
<head>
<title>UI Design</title>
</head>
<body>
<!-- Your design here -->
</body>
</html>
/* CSS styles will appear here */
No elements added yet
UI Templates
Design System
Color Palette
Primary
#7C3AED
Secondary
#06B6D4
Success
#10B981
Warning
#F59E0B
Danger
#EF4444
Dark
#1F2937
Typography
Heading 1
48px / 60px · 700 · Plus Jakarta Sans
Heading 2
36px / 44px · 700 · Plus Jakarta Sans
Heading 3
30px / 38px · 700 · Plus Jakarta Sans
Heading 4
24px / 32px · 700 · Plus Jakarta Sans
Body Text
16px / 24px · 400 · Inter
Small Text
14px / 20px · 400 · Inter
Spacing Scale
4px (xs)
8px (sm)
12px (md)
16px (lg)
20px (xl)