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

Carousel

PreviousNext

A swipeable feature carousel with 8-bit cards and pixel navigation arrows.

ListGame

On This Page

InstallationUsagePropsCarouselFeature
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.

Feature 3 — Carousel

Open in v0

The Adventure Awaits

Swipe through to discover what makes this game legendary
01
Choose Your Class
Warrior, Mage, or Rogue. Each with unique skill trees, gear sets, and playstyles.
FAN FAVORITE
02
Enter the Dungeon
Procedurally placed loot with hand-designed encounters. Every run feels fresh.
03
Defeat Bosses
12 legendary bosses, each with unique attack patterns. Learn, adapt, conquer.
04
Upgrade Your Gear
Combine drops at the forge to create legendary items. The grind is the game.
COMPETITIVE
05
Climb the Ranks
Global leaderboards updated in real-time. Prove you are the best.

Installation


pnpm dlx shadcn@latest add @8bitcn/feature3

Usage


Carousel loops infinitely and shows 1 card on mobile, 2 on tablet, 3 on desktop.

Props

PropTypeDefaultDescription
titlestring"The Adventure Awaits"Section heading
descriptionstring—Section subheading
itemsCarouselFeature[]5 defaultsCarousel cards
classNamestring—Additional classes

CarouselFeature

PropTypeDescription
iconReactNodeIcon or number
titlestringFeature name
descriptionstringFeature description
badgestringOptional badge text