v1.0.0
70+ Components
Design System
A comprehensive collection of dark-mode optimized, gamified UI components for building arcade-style applications. Each component is built with Tailwind CSS and ready to use in your Next.js projects.
7
Typography
15
Buttons
10
Badges
12
Forms
7
Progress
6
Cards
8
Gamified
5
Navigation
Typography
Text styles for headings, body text, and special effects
1. Heading 1
Level Up
2. Heading 2
Select Character
3. Heading 3
Daily Quests
4. Heading 4
Leaderboard
5. Animated Gradient Text
Legendary Loot
6. Body Text
Welcome to the arcade. Prepare yourself for the ultimate challenge. Do you have what it takes to reach the top of the leaderboards?
7. Muted / Small Text
Press start to begin. Terms and conditions apply.
Available Components
H1H2H3H4GradientTextBodyTextMutedText