8bitcn/ui

Docs Components Blocks Themes Sponsors

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

XP Milestone Hero

Hero with XP bar and level milestone badges.

Health Bar Hero Quest Roadmap

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

XP Milestone Hero

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