OPUS/UI

Navigation

Pricing

hot

Three tiers with a monthly/yearly segmented switch, odometer-rolling prices and a border beam around the featured plan.

marketingconversion9 files · 522 locdeps: clsx, tailwind-merge

Simple, honest pricing

Start free. Upgrade when you need more.

Save 20%

Hobby

For side projects and learning.

$0/ month

Start free
  • 3 projects
  • Community support
  • 1 GB storage

Pro

Most popular

For professionals shipping often.

$24/ month

Upgrade to Pro
  • Unlimited projects
  • Priority builds
  • 100 GB storage
  • Analytics

Team

For teams that need control.

$59/ month

Contact sales
  • Everything in Pro
  • SSO & audit logs
  • Role-based access
  • 99.9% SLA

Installation

With the shadcn CLI, pointing at this platform’s registry:

npx shadcn@latest add https://opusui.131199999.xyz/r/pricing.json

Or offline, straight from your opus55 checkout (copies every file it needs):

node ../tailwind_component/opus55/scripts/add.mjs pricing

Usage

import { Pricing } from "@/components/opus/blocks/pricing";

<Pricing />

Notes

  • A block is a starting point, not a black box: copy it, then edit the copy and the content inline.

Command palette