PPricing UI
Next.js 16 · HeroUI v3 · Tailwind v4

Neuf pages, neuf styles

Neuf façons de présenter vos tarifs

Chaque carte mène vers une page de pricing complète, avec sa propre identité visuelle, ses interactions et sa logique de facturation. Les tarifs sont fictifs, les mises en page sont réutilisables.

SaaS

Trois formules classiques, un basculement mensuel ou annuel et une carte mise en avant.

3 formules · Mensuel ou annuel · Le plus populaire

Cloud

Un configurateur CPU, RAM et stockage qui calcule le prix de l’instance en direct.

CPU, RAM, stockage · Calculateur en direct · À la seconde

AI API

Facturation au token avec curseur de consommation et paliers dégressifs.

À l’usage · Curseur de tokens · Paliers dégressifs

Agency

Starter, Business et Custom : une grille d’offres éditoriale pour une agence.

Starter / Business · Custom sur devis · Forfait projet

E-commerce

Abonnement plus commission par transaction, avec simulateur de chiffre d’affaires.

Prix + commission · Simulateur de CA · 3 paliers

Education

Basic, Student et School : une grille lisible pour les écoles et les élèves.

Basic / Student · Tarif par élève · Établissements

Streaming

Individuel, Duo ou Famille, avec écrans simultanés et qualité d’image.

Individuel / Duo / Famille · Écrans simultanés · Qualité 4K

Developer Tools

Free, Pro, Team et Enterprise, avec options de calcul facturées à l’usage.

Free / Pro / Team · Par utilisateur · Options à l’usage

Enterprise

Devis personnalisé, tableau comparatif détaillé et accompagnement dédié.

Devis personnalisé · Tableau comparatif · Support dédié