+
+ {/* Header */}
+
+
+ VEZA Design System
+
+
+ KŌDŌ × BOTANICAL × Spectre Astral
+
+
+
+ {/* Buttons Section */}
+
+
+ Buttons (9 Variants)
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {/* Cards Section */}
+
+
+ Cards (6 Variants)
+
+
+
+
+ Default Card
+
+
+ Dark cyber style with cyan glow on hover
+
+
+
+
+
+ Manga Card
+
+
+ Speed lines with clip-path cuts
+
+
+
+
+
+ Neon Card
+
+
+ Glowing borders with gradients
+
+
+
+
+
+ Nature Card
+
+
+ Organic botanical style
+
+
+
+
+
+ Elevated Card
+
+
+ Floating with shadows
+
+
+
+
+
+ Glass Card
+
+
+ Glassmorphism effect
+
+
+
+
+ {/* Badges & Tags */}
+
+
+ Badges & Tags
+
+
+ Default
+ Cyber Live
+ Neon
+ Nature
+ Gaming
+ Success
+ Warning
+ Error
+
+
+ Default Tag
+ Cyber Tag
+ Neon Tag
+ Active Tag
+
+
+
+ {/* Avatars */}
+
+
+ Avatars
+
+
+
XS
+
SM
+
MD
+
LG
+
XL
+
2XL
+
+
Avatar Group
+
+ JD
+ AB
+ CD
+ EF
+
+
+
+ {/* Typography */}
+
+
+ Typography & Gradients
+
+
+
+ Neon Gradient Text
+
+
+ Cyber Gradient Text
+
+
+ Nature Gradient Text
+
+
+ $ Terminal monospace text with glow
+
+
+
+ {/* Effects Demo */}
+
+
+ Special Effects
+
+
+
+ Cyan Glow
+
+
+ Magenta Glow
+
+
+ Lime Glow
+
+
+
+ {/* Animations */}
+
+
+ Animations
+
+
+
+
+
+
+
+