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
  • 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

Blocks

PreviousNext

Pre-built, ready-to-use block templates for your retro 8-bit projects.

Getting StartedAdvanced

On This Page

BlocksHeroFeaturesPricingFAQSocial ProofTimelineCTATeamAdvancedLayoutGameGaming (Classic)AuthenticationDashboardCalendarCharts
SponsorsSponsored by
Shadcn Blocks

Shadcn Blocks

The ultimate block set for Shadcn

Shadcn Studio

Shadcn Studio

Shadcn blocks & templates

Shadcn UI Kit

Shadcn UI Kit

Admin dashboards, blocks, components & examples

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

Blocks

Explore our complete collection of 8-bit styled blocks. Each block is ready to copy into your project.


Hero

Landing page headers that make a first impression.

Centered

Centered hero with badges and CTAs

Split

Text left, visual slot right

Game Title

Game-style title screen with stats

View all Hero blocks

Features

Showcase what your product does.

Card Grid

Feature cards with icons and badges

List

Step-by-step feature list

Carousel

Swipeable feature cards

View all Features blocks

Pricing

Plans, tiers, and comparison tables.

Tier Cards

Side-by-side pricing tiers

Monthly Toggle

Monthly/yearly price toggle

View all Pricing blocks

FAQ

Answer questions before they are asked.

Accordion

Collapsible Q and A

Card Grid

Two-column Q and A cards

Searchable

Searchable FAQ with categories

View all FAQ blocks

Social Proof

Stats, testimonials, and reviews.

Stats Bar

Big number stats row

Testimonials

Quote cards with avatars

Review Carousel

Swipeable review cards with ratings

View all Social Proof blocks

Timeline

Steps, roadmaps, and progress flows.

Vertical

Steps with connecting line

Horizontal

Progress checkpoints in a row

Zigzag Roadmap

Alternating left/right cards

View all Timeline blocks

CTA

Convert visitors into users.

Comparison

Us vs them table

Use Cases

Persona cards with CTAs

View all CTA blocks

Team

People, changelogs, and case studies.

Team Grid

Member cards with avatars

Changelog

Release feed with dates

Case Studies

Outcome cards with KPI badges

View all Team blocks

Advanced

Unique blocks with special interactions.

Demo Shell

Fake terminal with commands

Metrics Dashboard

KPI cards with progress bars

Newsletter

Email signup card

View all Advanced blocks

Layout

Structural blocks for page scaffolding.

Footer

Page footer with link columns

404 Page

Retro 404 with pixel ogre

View all Layout blocks

Game

Game-themed UI blocks.

XP Progress Hero

Hero with XP bar

XP Milestone Hero

Hero with level milestones

Boss Fight CTA

Problem vs solution cards

Skill Tree

Feature grid with skill levels

Quest Roadmap

Quest log with status states

Party Grid

Team as party members

Checkpoint FAQ

FAQ as checkpoint progression

View all Game blocks

Gaming (Classic)

Original gaming interface blocks.

Chapter Intro

Level introduction screens

Main Menu

Classic game main menu

Game Over

Game over with retry

Dialogue

RPG dialogue boxes

Pause Menu

In-game pause overlay

Difficulty Select

Easy/Normal/Hard selector

Audio Settings

Volume and sound panel

Player Profile

Player stats and avatar

Leaderboard

High score rankings

Quest Log

Mission tracking

Character Sheet

RPG character stats

Friend List

Friends status list

Victory Screen

Post-battle rewards

Save Slots

Save/load interface

Game Progress

Health and mana bars

Loading Screen

Retro loading with progress

View all Gaming blocks

Authentication

Secure login flows with retro aesthetics.

Login Form

Email and password login

Login Page

Two column with cover image

Login with Icons

Social login icons

Login with Image

Compact login with side image

View all Authentication blocks

Dashboard

Dashboard

Complete dashboard with sidebar and charts


Calendar

Simple Calendar

Basic date selection

Range Calendar

Date range with two months

Single Date

Single date with dropdown nav


Charts

Bar Chart

Simple bar chart

Multiple Bar Chart

Grouped bar comparison

Step Area Chart

Stepped area for trends