LoginSignup

Animated price upon toggle

Animate the price once you change the monthly/annual toggle

Freelancer

The essentials to provide your best work for clients.

$15/month

Buy plan
  • 5 products
  • Up to 1,000 subscribers
  • Basic analytics
  • 48-hour support response time

Startup

Most popular

A plan that scales with your rapidly growing business.

$30/month

Buy plan
  • 25 products
  • Up to 10,000 subscribers
  • Advanced analytics
  • 24-hour support response time
  • Marketing automations

Enterprise

Dedicated support and infrastructure for your company.

$60/month

Buy plan
  • Unlimited products
  • Unlimited subscribers
  • Advanced analytics
  • 1-hour, dedicated support response time
  • Marketing automations
  • Custom reporting tools

Code

Example Use

<p className="mt-6 flex items-baseline gap-x-1">
  <AnimatedCounter
    frequency={frequency.value}
    monthly={tier.price.monthly}
    annual={tier.price.annually}
  />

  <span className="text-sm font-semibold leading-6 text-gray-600">
    {frequency.priceSuffix}
  </span>
</p>