Realizzato con
- Button
- Text
Inoltre icone lucide-react e Tailwind CSS — nessun'altra dipendenza runtime.
Altri layout Tabelle prezzi (10)
Visualizza tutto- 01Pro

Piani prezzo con colori
Tre piani con un proprio riquadro colorato, toggle mensile-annuale e pannelli funzionalità incassati. React e Tailwind, ricolora le fasce per piano.
- 02Pro

Bento prezzi con email
Metà riga per un pannello email di prova gratuita, con due card piano compatte accanto su una tela nel colore brand. React e Tailwind, collega il form.
- 03Pro

Confronto funzionalità
Una tabella HTML reale con quattro piani su nove funzionalità: valore, spunta o croce in ogni cella. React e Tailwind: aggiungi una riga e le chiavi.
- 04Pro

Tabella prezzi a 4 colonne
Quattro piani in un unico blocco bordato da righe interne, con la colonna consigliata sollevata dal bordo. React e Tailwind: contrassegna un piano.
- 05Pro

Selettore piano prova gratuita
Il passo dopo la pagina prezzi: due piani come radio group su un pannello brand, sopra le note di fatturazione. React e Tailwind: nel checkout.
- 06Pro

Card prezzi illustrate
Ogni piano si apre con un'illustrazione ampia di chi lo usa, e la card consigliata è sollevata dalla riga. React e Tailwind: sostituisci le illustrazioni.
- 07Pro

Card prezzi funzionalità chiave
Card che separano i limiti dalle funzionalità chiave, su una fascia scura con selettore annuale scorrevole. React e Tailwind: imposta i prezzi.
- 08Pro

Prezzi switch mensile-annuale
Uno switch porta ogni prezzo a dieci mesi annuali, sopra intestazioni invertite e un nastro diagonale. React e Tailwind: verifica i calcoli.
- 10Pro

Prezzi a 3 livelli con FAQ
Una card Pro piena e con nastro al centro, sotto un pannello FAQ di quattro domande sulle obiezioni di prezzo. React e Tailwind: modifica l'array faqs.
- 11Pro

Confronto prezzi a 2 piani
Due piani con un unico selettore segmentato di fatturazione, la card pro sulla superficie accent che attira l'occhio. React e Tailwind: rinomina i livelli.
https://neobrutalism.com/it/blocks/pricing-tables/template-vs-custom-pricing




















