T
TheOrcDev
/
8bitcn-ui
/
blocks
Files
Code
Info
8-bit Advanced 1
advanced1
Fake terminal demo shell with command output.
8-bit Advanced 2
advanced2
KPI metrics dashboard with progress bars.
8-bit Advanced 3
advanced3
Newsletter signup card with input and CTA.
8-bit Audio Settings
audio-settings
A simple 8-bit audio settings component
8-bit Chapter Intro
chapter-intro
A cinematic chapter/level intro with pixel art background.
8-bit Character Sheet
character-sheet
A comprehensive RPG character stats page with attributes, equipment, and customizable sections.
8-bit Chart
chart
A simple 8-bit chart component
8-bit Chart Area Step
chart-area-step
A simple 8-bit chart area step component
8-bit Chart Bar
chart-bar
A simple 8-bit chart bar component
8-bit CTA1
cta1
Us vs them comparison table.
8-bit CTA2
cta2
Persona use case cards with CTAs.
8-bit Dialogue
dialogue
A simple 8-bit dialogue component
8-bit Difficulty Select
difficulty-select
A reusable 8-bit difficulty selector with Easy, Normal, Hard.
8-bit Duel Block
duel-block
Interactive arena duel with two fighters, HP bars, and hit mechanics.
8-bit FAQ1
faq1
Simple accordion FAQ.
8-bit FAQ2
faq2
Two-column card grid FAQ.
8-bit FAQ3
faq3
Searchable FAQ with categories.
8-bit Feature 1
feature1
Feature card grid with icons, titles, descriptions, and optional badges.
8-bit Feature 2
feature2
Step-by-step feature list with numbered icons and separators.
8-bit Feature 3
feature3
Swipeable feature carousel with cards and pixel arrows.
8-bit Footer 1
footer1
Sticky CTA bar that appears on scroll.
8-bit Friend List
friend-list
A simple 8-bit friend list component
8-bit game-cta1
game-cta1
Boss fight CTA with problem vs solution.
8-bit game-faq1
game-faq1
Checkpoint FAQ with progression states.
8-bit game-features1
game-features1
Skill tree feature grid with progress.
8-bit game-hero1
game-hero1
Health bar hero with progress indicator.
8-bit game-hero2
game-hero2
XP milestone hero with level badges.
8-bit Game Over
game-over
A simple 8-bit game over component
8-bit Game Progress
game-progress
A simple 8-bit game progress component
8-bit game-roadmap1
game-roadmap1
Quest log roadmap with status states.
8-bit game-team1
game-team1
Party grid with avatars and HP bars.
8-bit Hero 1
hero1
Centered hero section
8-bit Hero 2
hero2
Split-layout hero section
8-bit Hero 3
hero3
Game-style title screen hero with stat cards and blinking text.
8-bit Leaderboard
leaderboard
A retro-styled leaderboard component for displaying player rankings with avatars and scores.
8-bit Loading Screen
loading-screen
A retro-styled loading screen with animated progress bar and rotating tips.
8-bit Login Form
login-form
A simple 8-bit login form component
8-bit Login Form 2
login-form-2
A simple 8-bit login form component
8-bit Login Form with Image
login-form-with-image
A simple 8-bit login form component with image
8-bit Main Menu
main-menu
A simple 8-bit main menu component
8-bit 404 Page
not-found1
Retro 404 page with pixel art character.
8-bit 404 Dwarf
not-found2
Retro 404 page with pixel dwarf character.
8-bit 404 Undead
not-found3
Cursed 404 page with pixel undead character.
8-bit Pause Menu
pause-menu
A simple 8-bit pause menu component
8-bit Player Profile Card
player-profile-card
A comprehensive player profile card component with stats, health/mana bars, and custom stats support.
8-bit Portal Transition
portal-transition
Interactive CTA with clickable portal and traveling state.
8-bit Pricing 1
pricing1
Classic tier cards with feature lists and CTAs.
8-bit Pricing 2
pricing2
Pricing cards with monthly/yearly toggle.
8-bit Quest Log
quest-log
A retro-styled quest log component for tracking game missions and tasks with accordion functionality and status indicators.
8-bit Save Slots
save-slots
A retro-styled save/load game interface with slot previews, timestamps, and empty slot handling.
8-bit Sidebar
sidebar
A simple 8-bit sidebar component
8-bit Social Proof 1
social-proof1
Stats bar with numbers and optional logo cloud.
8-bit Social Proof 2
social-proof2
Two-column testimonial cards.
8-bit Social Proof 3
social-proof3
Swipeable review carousel with ratings.
8-bit Team 1
team1
Team grid with pixel avatars and roles.
8-bit Team 2
team2
Changelog feed with dates and badges.
8-bit Team 3
team3
Case study cards with KPI badges.
8-bit Timeline 1
timeline1
Vertical timeline with connecting line.
8-bit Timeline 2
timeline2
Horizontal progress steps with checkpoints.
8-bit Timeline 3
timeline3
Zigzag roadmap with alternating cards.
8-bit Victory Screen
victory-screen
A simple 8-bit Victory Screen component
Select a component to view its code
Click on any item in the sidebar to get started
Select a component to view its information
8-bit Advanced 1
advanced1
Fake terminal demo shell with command output.
8-bit Advanced 2
advanced2
KPI metrics dashboard with progress bars.
8-bit Advanced 3
advanced3
Newsletter signup card with input and CTA.
8-bit Audio Settings
audio-settings
A simple 8-bit audio settings component
8-bit Chapter Intro
chapter-intro
A cinematic chapter/level intro with pixel art background.
8-bit Character Sheet
character-sheet
A comprehensive RPG character stats page with attributes, equipment, and customizable sections.
8-bit Chart
chart
A simple 8-bit chart component
8-bit Chart Area Step
chart-area-step
A simple 8-bit chart area step component
8-bit Chart Bar
chart-bar
A simple 8-bit chart bar component
8-bit CTA1
cta1
Us vs them comparison table.
8-bit CTA2
cta2
Persona use case cards with CTAs.
8-bit Dialogue
dialogue
A simple 8-bit dialogue component
8-bit Difficulty Select
difficulty-select
A reusable 8-bit difficulty selector with Easy, Normal, Hard.
8-bit Duel Block
duel-block
Interactive arena duel with two fighters, HP bars, and hit mechanics.
8-bit FAQ1
faq1
Simple accordion FAQ.
8-bit FAQ2
faq2
Two-column card grid FAQ.
8-bit FAQ3
faq3
Searchable FAQ with categories.
8-bit Feature 1
feature1
Feature card grid with icons, titles, descriptions, and optional badges.
8-bit Feature 2
feature2
Step-by-step feature list with numbered icons and separators.
8-bit Feature 3
feature3
Swipeable feature carousel with cards and pixel arrows.
8-bit Footer 1
footer1
Sticky CTA bar that appears on scroll.
8-bit Friend List
friend-list
A simple 8-bit friend list component
8-bit game-cta1
game-cta1
Boss fight CTA with problem vs solution.
8-bit game-faq1
game-faq1
Checkpoint FAQ with progression states.
8-bit game-features1
game-features1
Skill tree feature grid with progress.
8-bit game-hero1
game-hero1
Health bar hero with progress indicator.
8-bit game-hero2
game-hero2
XP milestone hero with level badges.
8-bit Game Over
game-over
A simple 8-bit game over component
8-bit Game Progress
game-progress
A simple 8-bit game progress component
8-bit game-roadmap1
game-roadmap1
Quest log roadmap with status states.
8-bit game-team1
game-team1
Party grid with avatars and HP bars.
8-bit Hero 1
hero1
Centered hero section
8-bit Hero 2
hero2
Split-layout hero section
8-bit Hero 3
hero3
Game-style title screen hero with stat cards and blinking text.
8-bit Leaderboard
leaderboard
A retro-styled leaderboard component for displaying player rankings with avatars and scores.
8-bit Loading Screen
loading-screen
A retro-styled loading screen with animated progress bar and rotating tips.
8-bit Login Form
login-form
A simple 8-bit login form component
8-bit Login Form 2
login-form-2
A simple 8-bit login form component
8-bit Login Form with Image
login-form-with-image
A simple 8-bit login form component with image
8-bit Main Menu
main-menu
A simple 8-bit main menu component
8-bit 404 Page
not-found1
Retro 404 page with pixel art character.
8-bit 404 Dwarf
not-found2
Retro 404 page with pixel dwarf character.
8-bit 404 Undead
not-found3
Cursed 404 page with pixel undead character.
8-bit Pause Menu
pause-menu
A simple 8-bit pause menu component
8-bit Player Profile Card
player-profile-card
A comprehensive player profile card component with stats, health/mana bars, and custom stats support.
8-bit Portal Transition
portal-transition
Interactive CTA with clickable portal and traveling state.
8-bit Pricing 1
pricing1
Classic tier cards with feature lists and CTAs.
8-bit Pricing 2
pricing2
Pricing cards with monthly/yearly toggle.
8-bit Quest Log
quest-log
A retro-styled quest log component for tracking game missions and tasks with accordion functionality and status indicators.
8-bit Save Slots
save-slots
A retro-styled save/load game interface with slot previews, timestamps, and empty slot handling.
8-bit Sidebar
sidebar
A simple 8-bit sidebar component
8-bit Social Proof 1
social-proof1
Stats bar with numbers and optional logo cloud.
8-bit Social Proof 2
social-proof2
Two-column testimonial cards.
8-bit Social Proof 3
social-proof3
Swipeable review carousel with ratings.
8-bit Team 1
team1
Team grid with pixel avatars and roles.
8-bit Team 2
team2
Changelog feed with dates and badges.
8-bit Team 3
team3
Case study cards with KPI badges.
8-bit Timeline 1
timeline1
Vertical timeline with connecting line.
8-bit Timeline 2
timeline2
Horizontal progress steps with checkpoints.
8-bit Timeline 3
timeline3
Zigzag roadmap with alternating cards.
8-bit Victory Screen
victory-screen
A simple 8-bit Victory Screen component
Select a component to view its code
Click on any item in the sidebar to get started
Select a component to view its information