OrcDev

8bit Pricing 1 — Tier Cards

Pricing 1

About

Classic side-by-side 8-bit pricing tier cards with feature lists, a highlighted popular tier, and retro pixel CTAs. Built on the 8bitcn card, badge, button, and separator primitives.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds 8bit Pricing 1 — Tier Cards to your project and fits it to your theme.

Code

How 8bit Pricing 1 — Tier Cards is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import Pricing1 from "@/components/ui/8bit-pricing1";

export default function Default() {
  return (
    <div className="dark flex w-full min-h-screen items-center justify-center bg-background p-8 retro">
      <Pricing1 />
    </div>
  );
}

More by OrcDev

View all
  • 8bit CTA 1 — Comparison

    8bit CTA 1 — Comparison

    299
  • 8bit 404 Page

    8bit 404 Page

    172
  • 8bit Loading Screen

    8bit Loading Screen

    108
  • 8bit Changelog

    8bit Changelog

    77
  • 8bit FAQ 2 — Card Grid

    8bit FAQ 2 — Card Grid

    61
  • 8-bit Login Form

    8-bit Login Form

    59
  • 8-bit Stats Dashboard

    8-bit Stats Dashboard

    57
  • 8bit FAQ 3 Searchable

    8bit FAQ 3 Searchable

    54

More in Pricing

View all
  • Pricing Section

    Pricing Section

    610
  • Pricing Card

    Pricing Card

    542
  • Pricing Section

    Pricing Section

    183
  • RuixenPricing05

    RuixenPricing05

    103
  • Single Pricing Card

    Single Pricing Card

    799
  • Pricing Card With Features

    Pricing Card With Features

    176
  • Pricing Cards

    Pricing Cards

    17
  • Glowing Pricing Tiers

    Glowing Pricing Tiers

    65