Pricing Card
Pricing plan card with clear hierarchy and CTA.
Preview & code
GFA Studio CLI · Coming soon
Upgrade to Pro+
Unlock the full toolkit — built for teams that ship every day.
- Unlimited projects and collaborators
- Priority generation and faster exports
- Advanced motion presets and shaders
- Private components and team libraries
- Early access to new GFA blocks
$9.99/ month, billed annually
Plan renews automatically until canceled. Cancel anytime in Settings.
Installation
CLI
GFA Studio CLI — Coming soon
The `npx gfa-studio` installer is not published yet. Use Manual install below or download the artifact JSON.
Artifact JSON
https://ui.gkhn.dev/gfa/pricing-card.jsonManual
- Download the component source from https://ui.gkhn.dev/gfa/pricing-card.json (or copy from this repo: apps/web/src/blocks/gfa/pricing-card.tsx).
- Place it in your project (for example: ./src/blocks/gfa/pricing-card.tsx) and adjust imports/aliases.
- Ensure cn from @/lib/utils exists.
- Theme tokens and utilities should align with globals.css.