Skip to content
Storybook

Pricing plans Pro

Three plan cards with a highlighted tier, features and a call to action.

StorybookFigma
Pricing plans preview

Install

Part of Pixels Pro. Add your licence key to .npmrc, then install.

BASH
npm i @pixelsds-pro/react @pixelsds/react react-aria-components

Usage

JSX
import { PricingPlans } from '@pixelsds-pro/react';

export default function Page() {
  return <PricingPlans />;
}

Built only from Pixels components and tokens, so it follows your brand colour, dark mode and right-to-left. The full source is in the Storybook once you have Pro.