メインコンテンツへスキップ
Frutjam logo Frutjam
v2.2.1
Theme
Free Plus

Tailwind CSS の価格ブロック

CSS のみの Tailwind CSS 価格ブロックは、カードとボタンのコンポーネントで構築されています。階層、機能リスト、CTA を含む価格表をコピーして貼り付けます。 WCAG AA にアクセス可能で、Django、HTMX、Laravel、React、およびあらゆるスタックで動作します。

This pricing block is built with the card component and button variants.

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
サインイン