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

Chapter Intro

Displays an 8-bit chapter introduction screen with background image.

Audio Settings Character Sheet

On This Page

Installation Usage

Shadcn Blocks

The ultimate block set for Shadcn

Shadcn Studio

Shadcn blocks & templates

Shadcn UI Kit

Admin dashboards, blocks, components & examples

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

8-bit Chapter Intro block

LEVEL 1: FIERY SKELETONS

Defeat the skeletons to unlock the gate.

Installation

pnpm dlx shadcn@latest add @8bitcn/chapter-intro

Usage