ø GameBoy CSS ø

Ultra-slim framework • sub 5KB

Authentic GameBoy styling


Project on Github

Typography

Heading 1 - GAME BOY

Heading 2 - Level Select

Heading 3 - Start Game

Heading 4 - Reset Console

Heading 5 - Game Over

Pixel perfect retro gaming text with authentic GameBoy font

GameBoy link

Buttons

Standard Buttons

Link

Action Buttons

Control Buttons

Forms

Alerts & Messages

▲ NEW HIGH SCORE!
⚠ LOW BATTERY
✖ GAME OVER

Progress Bars

Health

Experience

Loading

Grid Layout

1-3
1-3
1-3
1-3
1-6
1-6

Modal Demo

Code Display

/* GameBoy CSS - Ultra Slim */ :root { --gb-0: #9bbc0f; /* Lightest */ --gb-1: #8bac0f; /* Light */ --gb-2: #306230; /* Dark */ --gb-3: #0f380f; /* Darkest */ } .btn-gameboy { width: 50px; height: 50px; border-radius: 50%; } .btn-control { width: 60px; height: 25px; background: var(--gb-2); }

Installation

<!-- Local installation --> <link rel="stylesheet" href="gameboy.css"> <!-- CDN installation --> <To be added shortly>

ø Framework Stats