1. Typography & Text Styles
Bold Text
Italic Text
Highlighted Text
Deleted Text
Inserted Text
Small Text
Monospace Code
Text with Shadow
Uppercase Spaced
Extra Bold Weight
Big Gradient Heading
2. Layout Engine (Flexbox & Grid)
Flexbox (Responsive Wrap)
Flex Item 1
Flex Item 2
Flex Item 3
Flex Item 4
CSS Grid (Complex Spans)
1
2 (Wide)
3
4 (Tall)
5
6
7
3. Interactive Forms
4. Visual Effects & UI
Glassmorphism
Translucent frosted glass effect.
Animations
Floating
5. Data Representation
| ID | User | Status | Progress |
|---|---|---|---|
| #001 | Alex Smith | ● Active | 85% |
| #002 | Jordan Lee | ● Pending | 40% |
| #003 | Maria Garcia | ● Active | 95% |
| #004 | David Brown | ● Inactive | 20% |