logo

8bitcn/ui

DocsComponentsBlocksThemesSponsors
Sections
  • Get Started
  • Components
  • Blocks
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
Dashboard Blocks
  • Dashboard
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

Character Sheet

PreviousNext

Displays an 8-bit RPG character stats page with attributes, equipment, and customizable sections.

Chapter IntroDialogue

On This Page

InstallationUsageExamplesWith Custom SectionsMinimal Stats OnlyPropsType Definitions
SponsorsSponsored by
Shadcn Blocks

Shadcn Blocks

The ultimate block set for Shadcn

Shadcn Studio

Shadcn Studio

Shadcn blocks & templates

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

View Demo

8-bit Character Sheet block

Open in v0
OD

Orc

LV. 42
WarriorThe Pixel Master
Health850/1000
Mana320/400
Experience7500/10000 XP

Attributes

STR18
DEX14
INT22
VIT16
WIS20
CHA12

Stats

Attack156
Defense98
Speed72
Crit Rate15%
Crit Damage150%
Luck8

Equipment

WeaponPixel Blade +5
ArmorRetro Mail
Helmet8-Bit Crown
AccessoryCode Ring

Installation


pnpm dlx shadcn@latest add @8bitcn/character-sheet

Usage


Examples


With Custom Sections

Add your own custom sections for skills, abilities, or any other content:

Character Sheet with Custom Sections

Open in v0
MQ

Mage Queen

LV. 99
Archmage
Health300/300
Mana1500/1500

Stats

Magic Power999
Spell Speed85%

Spells

Fireball
Ice Storm
Thunder
Heal

Minimal Stats Only

Show only the stats you need:

Minimal Character Sheet

Open in v0

Warrior

LV. 10

Attributes

STR25
DEX12
VIT20

Props


PropTypeDefaultDescription
characterNamestring-Character's display name (required)
characterClassstring-Character's class/job
characterTitlestring-Character's title or rank
characterLevelnumber1Character's level
avatarSrcstring-Avatar image URL
avatarFallbackstring-Fallback text for avatar
primaryAttributesPrimaryAttribute[]Default RPG attrsArray of primary stats (STR, DEX, etc.)
secondaryStatsSecondaryStat[]-Array of secondary stats
health{current, max}-Health values
mana{current, max}-Mana values
experience{current, max}-Experience values
equipmentEquipmentItem[]-Array of equipped items
customSectionsCustomSection[]-Array of custom content sections
showAvatarbooleantrueShow/hide avatar
showLevelbooleantrueShow/hide level badge
showHealthbooleantrueShow/hide health bar
showManabooleantrueShow/hide mana bar
showExperiencebooleantrueShow/hide experience bar
showAttributesbooleantrueShow/hide primary attributes
showSecondaryStatsbooleantrueShow/hide secondary stats
showEquipmentbooleantrueShow/hide equipment section
font"normal" | "retro""retro"Font style

Type Definitions