CSS Pricing Table Generator

Design pricing table layouts with CSS.

Basic

$9/mo

5 Projects
10GB Storage
Email Support

Pro

$29/mo

Unlimited Projects
100GB Storage
Priority Support
API Access

Enterprise

$99/mo

Unlimited Everything
Dedicated Support
Custom Integrations
SLA

Accent

Radius: 12px

Featured

.pricing-table {
  display: flex;
  gap: 24px;
  justify-content: center;
  flex-wrap: wrap;
}
.pricing-card {
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 32px 24px;
  text-align: center;
  min-width: 240px;
  flex: 1;
  max-width: 320px;
}
.pricing-card.highlighted {
  border-color: #3b82f6;
  box-shadow: 0 4px 20px #3b82f625;
  transform: scale(1.05);
}
.pricing-card .price {
  font-size: 2.5rem;
  font-weight: 700;
  color: #3b82f6;
}
.pricing-card .btn {
  background-color: #3b82f6;
  color: white;
  border: none;
  padding: 10px 24px;
  border-radius: 8px;
  cursor: pointer;
  font-weight: 600;
}