Scrolling Text Generator

Pricing Table Generator

Create professional pricing tables with featured plans, feature lists, and CTA buttons. Customize colors, layout, and content.

Live Preview

Starter

Perfect for individuals

$9/month
  • ✓ 1 Project
  • ✓ 5GB Storage
  • ✓ Email Support
  • ✓ Basic Analytics
Get Started
Most Popular

Professional

Best for growing teams

$29/month
  • ✓ 10 Projects
  • ✓ 50GB Storage
  • ✓ Priority Support
  • ✓ Advanced Analytics
  • ✓ Custom Domain
Get Started

Enterprise

For large organizations

$99/month
  • ✓ Unlimited Projects
  • ✓ 500GB Storage
  • ✓ 24/7 Support
  • ✓ Full Analytics
  • ✓ Custom Domain
  • ✓ API Access
Contact Sales
Generated Code
<style>
.pt-container {
  display: flex;
  gap: 20px;
  justify-content: center;
  flex-wrap: wrap;
  padding: 20px;
  background: #f8fafc;
  font-family: system-ui, sans-serif;
}
.pt-card {
  background: #ffffff;
  border: 1px solid #1e293b15;
  border-radius: 12px;
  padding: 28px 24px;
  width: 280px;
  position: relative;
  text-align: center;
}
.pt-highlighted {
  border-color: #6366f1;
  box-shadow: 0 4px 24px #6366f125;
  transform: scale(1.03);
}
.pt-badge {
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  background: #6366f1;
  color: #fff;
  padding: 4px 16px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 600;
}
.pt-name {
  font-size: 16px;
  font-weight: 700;
  color: #1e293b;
  margin: 0 0 4px;
}
.pt-desc {
  font-size: 12px;
  color: #1e293b;
  opacity: 0.6;
  margin: 0 0 16px;
}
.pt-price { margin-bottom: 20px; }
.pt-amount {
  font-size: 30px;
  font-weight: 800;
  color: #1e293b;
}
.pt-period {
  font-size: 12px;
  color: #1e293b;
  opacity: 0.5;
}
.pt-features {
  list-style: none;
  padding: 0;
  margin: 0 0 24px;
  text-align: left;
}
.pt-features li {
  padding: 6px 0;
  font-size: 13px;
  color: #1e293b;
  border-bottom: 1px solid #1e293b10;
}
.pt-btn {
  display: block;
  padding: 10px 24px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  transition: opacity 0.2s;
}
.pt-card .pt-btn {
  background: transparent;
  color: #6366f1;
  border: 2px solid #6366f1;
}
.pt-highlighted .pt-btn {
  background: #6366f1;
  color: #fff;
  border: 2px solid #6366f1;
}
.pt-btn:hover { opacity: 0.85; }
</style>

<div class="pt-container">
  <div class="pt-card">
    
    <h3 class="pt-name">Starter</h3>
    <p class="pt-desc">Perfect for individuals</p>
    <div class="pt-price">
      <span class="pt-amount">$9</span>
      <span class="pt-period">/month</span>
    </div>
    <ul class="pt-features">
      <li>&#10003; 1 Project</li>
      <li>&#10003; 5GB Storage</li>
      <li>&#10003; Email Support</li>
      <li>&#10003; Basic Analytics</li>
    </ul>
    <a href="#" class="pt-btn">Get Started</a>
  </div>
  <div class="pt-card pt-highlighted">
    <div class="pt-badge">Most Popular</div>
    <h3 class="pt-name">Professional</h3>
    <p class="pt-desc">Best for growing teams</p>
    <div class="pt-price">
      <span class="pt-amount">$29</span>
      <span class="pt-period">/month</span>
    </div>
    <ul class="pt-features">
      <li>&#10003; 10 Projects</li>
      <li>&#10003; 50GB Storage</li>
      <li>&#10003; Priority Support</li>
      <li>&#10003; Advanced Analytics</li>
      <li>&#10003; Custom Domain</li>
    </ul>
    <a href="#" class="pt-btn">Get Started</a>
  </div>
  <div class="pt-card">
    
    <h3 class="pt-name">Enterprise</h3>
    <p class="pt-desc">For large organizations</p>
    <div class="pt-price">
      <span class="pt-amount">$99</span>
      <span class="pt-period">/month</span>
    </div>
    <ul class="pt-features">
      <li>&#10003; Unlimited Projects</li>
      <li>&#10003; 500GB Storage</li>
      <li>&#10003; 24/7 Support</li>
      <li>&#10003; Full Analytics</li>
      <li>&#10003; Custom Domain</li>
      <li>&#10003; API Access</li>
    </ul>
    <a href="#" class="pt-btn">Contact Sales</a>
  </div>
</div>

Pricing Plans

Starter
Professional
Enterprise

Styling