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

Duel Block
Boss Fight CTA
Checkpoint FAQ
Skill Tree
Health Bar Hero
XP Milestone Hero
Quest Roadmap
Party Grid
Portal Transition

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
404 Undead

Pricing

Tier Cards
Monthly Toggle

Social Proof

Stats Bar
Testimonials
Review Carousel

Team

Team Grid
Changelog
Case Studies

Timeline

Vertical
Horizontal
Zigzag Roadmap

Duel Block

Interactive arena duel between two fighters with HP bars and hit mechanics.

Game Boss Fight CTA

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

Duel Block

DUEL

HP100/100

Paladin

Paladin

Holy Vanguard

VS

Round 1

HP100/100

Orc Warrior

Orc Warrior

Arena Berserker

HP100/100

Paladin

Paladin

Holy Vanguard

VS

HP100/100

Orc Warrior

Orc Warrior

Arena Berserker

Round 1

Fight!