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
  • Boss Fight CTA
  • Checkpoint FAQ
  • Skill Tree
  • Health Bar Hero
  • XP Milestone Hero
  • Quest Roadmap
  • Party Grid
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
Pricing
  • Tier Cards
  • Monthly Toggle
Social Proof
  • Stats Bar
  • Testimonials
  • Review Carousel
Team
  • Team Grid
  • Changelog
  • Case Studies
Timeline
  • Vertical
  • Horizontal
  • Zigzag Roadmap

Card Grid

PreviousNext

A retro 8-bit feature grid showcasing capabilities with icons, titles, and optional badges.

FeaturesList

On This Page

InstallationUsageVariantsWith "Coming Soon" badgesPropsFeatureItem
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.

8-bit Feature 1 (default 3 columns)

Open in v0

Game Features

Everything you need for the ultimate retro experience

I
Battle System
Turn-based combat with pixel-perfect hit detection and combo chains.
II
Armor Crafting
Forge legendary gear from rare drops. Each piece boosts unique stats.
III
World Map
Explore 16 biomes, each with hidden dungeons and boss encounters.
NEW
IV
Leaderboards
Compete globally. Daily, weekly, and all-time rankings.
V
Chiptune Audio
Original 8-bit soundtrack with dynamic battle themes.
COMING SOON
VI
Cloud Saves
Your progress syncs across all devices. Never lose a save again.

Installation


pnpm dlx shadcn@latest add @8bitcn/feature1

Usage


Variants

With "Coming Soon" badges

Props

PropTypeDefaultDescription
titlestring"Game Features"Section heading
descriptionstring"Everything you need..."Section subheading
itemsFeatureItem[]6 default itemsGrid items
columns3 | 6 | 93Grid column count
classNamestring—Additional classes

FeatureItem

PropTypeDescription
iconstringEmoji or text icon
titlestringFeature name
descriptionstringFeature description
badgestringOptional badge text (e.g., "NEW", "COMING SOON")