logo

8bitcn/ui

DocsComponentsBlocksThemesSponsors
Sections
  • Get Started
  • Components
  • Blocks
Advanced
  • Demo Shell
  • Metrics Dashboard
  • Newsletter
Authentication Blocks
  • Login Form with Icons
  • Login Form with Image
  • Login Form
  • Login Page
Calendar Blocks
  • Calendar Block
  • Range Calendar
  • Single Date Calendar
Chart Blocks
  • Step Area Chart
  • Multiple Bar Chart
  • Bar Chart
CTA
  • Comparison
  • Use Cases
Dashboard Blocks
  • Dashboard
FAQ
  • Accordion
  • Card Grid
  • Searchable
Features
  • Card Grid
  • List
  • Carousel
Game
  • Boss Fight CTA
  • Checkpoint FAQ
  • Skill Tree
  • Health Bar Hero
  • XP Milestone Hero
  • Quest Roadmap
  • Party Grid
Gaming Blocks
  • Audio Settings
  • Chapter Intro
  • Character Sheet
  • Dialogue
  • Difficulty Select
  • Friend List
  • Game Over
  • Game Progress
  • Leaderboard
  • Loading Screen
  • Main Menu
  • Pause Menu
  • Player Profile Card
  • Quest Log
  • Save Slots
  • Victory Screen
Hero
  • Centered
  • Split
  • Game Title
Layout
  • Footer
  • 404 Page
  • 404 Dwarf
Pricing
  • Tier Cards
  • Monthly Toggle
Social Proof
  • Stats Bar
  • Testimonials
  • Review Carousel
Team
  • Team Grid
  • Changelog
  • Case Studies
Timeline
  • Vertical
  • Horizontal
  • Zigzag Roadmap

Game

PreviousNext

Game-themed UI blocks.

CarouselBoss Fight CTA

Built by OrcDev and Contributors. The source code is available on GitHub.

XP Progress Hero

Open in v0
v2.0 — Now Live

LAUNCH SEQUENCE INITIATED

Your product is ready for battle. Ship it before the competition respawns.

DEPLOY NOW
VIEW ARSENAL
XP to Next Level72%

XP Milestone Hero

Open in v0
LEVEL 25

YOUR JOURNEY SO FAR

Every line of code levels you up. Keep shipping to unlock the next milestone.

XP Progress62%
Lv 1
Lv 10
Lv 25
Lv 50
Lv 99
KEEP BUILDING
VIEW SKILLS

Boss Fight CTA

Open in v0

Face the Final Boss

Every builder faces the same enemy. Here is your power-up.

THE PROBLEM
The Boss

Building landing pages from scratch. Hours of layout work. Generic templates that all look the same. Wasted time.

THE POWER-UP
Your Weapon

27 copy-paste blocks. Retro aesthetic that stands out. Dark mode built-in. Ship in minutes, not days.

Skill Tree

Open in v0

Skill Tree

Unlock abilities as the project evolves

Components
3/3
Base UI primitives. Buttons, cards, inputs, dialogs.
Blocks
2/3
Full page sections. Hero, pricing, FAQ, timelines.
Dark Mode
3/3
Every component works in light and dark mode.
Accessibility
2/3
Keyboard nav, screen readers, focus management.
Templates
LOCKED
Full landing page templates. One-click deploy.
Icon Pack
LOCKED
Native 8-bit pixel icon library.

Quest Roadmap

Open in v0

Quest Log

Your journey through the 8bitcn universe

+
Gather the Party
CLEARED

Recruit your team. A warrior, a mage, and a rogue walk into a tavern. Nobody leaves until the quest is accepted.

+
Cross the Marshlands
CLEARED

Navigate the fog. Avoid the swamp trolls. Find the hidden path to the Ember Citadel before nightfall.

>>
Siege of Ember Citadel
ACTIVE

Break through the outer wall. Defeat the skeletal guards. Secure the courtyard for base camp.

>>
The Underforge
ACTIVE

Descend into the volcanic tunnels beneath the citadel. The dwarven king awaits — friend or foe, unknown.

--
Face the Lich King
LOCKED

The final boss awaits in the throne room. Bring fire resistance potions. You will need them.

--
Claim the Crown
LOCKED

If you survive, the kingdom is yours. New game plus unlocked. The real adventure begins.

Party Grid

Open in v0

Your Party

The squad that ships together, wins together

OR

Orc

Lv.42
Health95/100
Mana80/100
Experience72/100 XP
GO

Goblin

Lv.38
Health72/100
Mana60/100
Experience45/100 XP
OG

Ogre

Lv.35
Health88/100
Mana95/100
Experience30/100 XP
TR

Troll

Lv.31
Health60/100
Mana40/100
Experience85/100 XP

Checkpoint FAQ

Open in v0

Checkpoints

Clear each checkpoint to proceed