Passer au contenu principal
Frutjam logo Frutjam
v2.2.5
Theme
Free Plus

Blocs de tarification CSS Tailwind

Dernière mise à jour:

Blocs de tarification CSS Tailwind uniquement CSS construits avec des composants de carte et de bouton. Copiez-collez les tableaux de prix avec les niveaux, les listes de fonctionnalités et les CTA. WCAG AA accessible, fonctionne avec Django, HTMX, Laravel, React et n'importe quelle pile.

Ce bloc de tarification est construit avec les variantes du composant card et button.

Pricing

Check out our affordable pricing plans below and choose the one that suits you best. If you need a custom plan, please contact us.

Most Popular

Startup

$49/mo
  • 25 websites
  • 150 templates
  • Advanced eCommerce
  • eCommerce features
  • Unlimited storage space
  • Priority support
html 
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
<h2 class="heading-6xl text-center">Pricing</h2>
<p class="para text-center">Check out our affordable pricing plans below and choose the one that suits you best. If you need a custom plan, please contact us.</p>
<div class="card card-outline w-88">
    <div class="card-content">
        <span class="badge badge-xs badge-warning">Most Popular</span>
        <div class="flex justify-between items-center">
            <h2 class="text-3xl font-bold">Startup</h2>
            <span class="text-xl">$49/mo</span>
        </div>
        <ul class="mt-6 flex flex-col gap-2 text-xs">
            <li>
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 me-2 inline-block text-success">
                <path d="M20 6 9 17l-5-5"></path>
                </svg>
                <span>25 websites</span>
            </li>
            <li>
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 me-2 inline-block text-success">
                <path d="M20 6 9 17l-5-5"></path>
                </svg>
                <span>150 templates</span>
            </li>
            <li>
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 me-2 inline-block text-success">
                <path d="M20 6 9 17l-5-5"></path>
                </svg>
                <span>Advanced eCommerce</span>
            </li>
            <li>
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 me-2 inline-block text-success">
                <path d="M20 6 9 17l-5-5"></path>
                </svg>
                <span>eCommerce features</span>
            </li>
            <li class="opacity-50">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 me-2 inline-block text-success">
                <path d="M20 6 9 17l-5-5"></path>
                </svg>
                <span class="line-through">Unlimited storage space</span>
            </li>
            <li class="opacity-50">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 me-2 inline-block text-success">
                <path d="M20 6 9 17l-5-5"></path>
                </svg>
                <span class="line-through">Priority support</span>
            </li>
        </ul>
        <div class="mt-6">
            <button type="button" class="btn btn-primary btn-block">Choose plan</button>
        </div>
    </div>
</div>

Startup

For Individuals and Small Teams

$19/mo
  • 5 websites
  • 50 templates
  • Basic eCommerce
  • Advanced analytics
  • Priority support

Growth

Most Popular

For Scaling Teams and Expanding Businessess

$49/mo
  • 25 websites
  • 150 templates
  • Advanced eCommerce
  • Advanced analytics
  • Dedicated account manager

Enterprise

For large organizations with advanced needs

$129/mo
  • Unlimited websites
  • All premium templates
  • Full eCommerce suite
  • Unlimited storage
  • Priority support & account manager
Se connecter

Vous utilisez Claude Code, Cursor ou un autre éditeur d'IA ?

Cherry MCP donne à votre éditeur d'IA les noms et la structure exacts des classes Tarifs sur demande. Fini les cours hallucinés.

Essayez Cherry MCP