OOratiq

Pricing Section

Ready

Tiers with a billing toggle.

Free

$0/mo

The full component library.

  • 81 components
  • MIT license
  • Community support

Pro

Popular
$24/mo

Everything, plus the blocks.

  • All marketing sections
  • App shells & dashboards
  • Figma kit
  • Priority support

Team

$66/mo

For product organisations.

  • Everything in Pro
  • Unlimited seats
  • Private registry
  • Invoice billing

Installation

$ npx @oratiq-js/ui add pricing-section

Copies the component and everything it depends on into your project, then lists the npm packages to install. The code is yours after this.

Usage

import
import { PricingSection } from "@/components/blocks/pricing-section";

Style 02

Free

$0/mo

Pro

$29/mo

All 98 components & blocks
Commercial use
Figma kit
Priority support
Private registry
$ npx @oratiq-js/ui add pricing-section-02

Style 03

Lifetime

Everything, one payment

No seats, no renewals, no metering. Buy once, ship forever.

  • 98 components & blocks
  • RTL + dark mode
  • Figma kit
  • All future updates
  • Priority support
  • Unlimited projects

$349

one-time, per team

14-day refund, no questions

$ npx @oratiq-js/ui add pricing-section-03

Style 04

Solo

$99/yr

  • 1 seat
  • All blocks
  • Updates

Studio

$299/yr

  • 5 seats
  • All blocks
  • Priority support

Agency

$799/yr

  • Unlimited seats
  • Client projects
  • Invoice billing
$ npx @oratiq-js/ui add pricing-section-04

Style 05

Oratiq Base

Components, blocks, updates.

$0

  • Figma kit$49
  • Priority support$99/yr
  • Private registry$199/yr

Every add-on is one-click removable — no bundles, no lock.

$ npx @oratiq-js/ui add pricing-section-05

Style 06

Simple, honest pricing

$19/mo

Everything included. Cancel anytime, keep what you shipped.

No card required

$ npx @oratiq-js/ui add pricing-section-06

What a block is

  • A full section, composed from the components in the sidebar — copy it in, replace the demo content, ship.
  • Every style is its own registry item: the command under each preview installs exactly that file.
  • Blocks read the same semantic tokens as everything else — your brand override applies instantly.
  • Logical properties throughout: flip dir on <html> and any style mirrors.

Content is yours

The text, links, and data inside are demo content by design. Blocks are starting points, not configurable widgets — edit the file directly.

View source on GitHub → components/blocks/pricing-section.tsx