Nyx UI

Pricing Section 01

Three-tier pricing — animated grainy plan cards with hex icons, feature lists, and renewal footer.

Pricing

Build like a Studio.

Ship with confidence.

Pick your stack. Start building products you're proud to launch.

Web Studio

Get access to React library components and features

$299

Perpetual license

Pro React components

Premium templates

Pro AI (Skills and MCPs)

500 AI credits included

Premium design systems

Pro design systems

Private Discord channel

Prioritized issues

Priority support

Optional updates renewal at $129/yr

Get another year of updates, or keep using your current version. No pressure.

Mobile Studio

Get access to React Native library components and features

$299

Perpetual license

Pro React Native components

Premium templates

Pro AI (Skills and MCPs)

500 AI credits included

Premium design systems

Pro design systems

Private Discord channel

Prioritized issues

Priority support

Optional updates renewal at $129/yr

Get another year of updates, or keep using your current version. No pressure.

Save $199 with the bundle

Studio Pro

The full system. React and React Native, together

$399

Perpetual license

All Pro components (React + React Native)

Premium templates

Pro AI (Skills and MCPs)

1000 AI credits included

Premium design systems

Pro design systems

Private Discord channels

Prioritized issues

Priority support

Optional updates renewal at $129/yr

Get another year of updates, or keep using your current version. No pressure.

Note:If you're a NyxUI v2 Pro customer, you're eligible for an upgrade discount, use the same email address or contact us support@nyxui.com

Looking for NyxUI Pro v2? Go to v2 →

Pricing Section 01 is a three tier pricing table with texture: each plan card carries an animated grainy gradient background, a hex icon, a feature list, and a renewal note in the footer. Plans, prices, and features are data driven. Built with Framer Motion and Tailwind CSS. A pricing section that avoids the usual flat card row.

Installation

Install dependencies.

Copy and paste the following code into your project.

Unlock the full library

Get all pro blocks, components & illustrations, and production-ready Next.js + Tailwind templates.

Get All Access

Update the import paths to match your project setup.