# Pricing > Pricing components for displaying pricing tables and comparison charts. Web: https://react.email/components/pricing Paste any snippet into an email built with React Email. The snippets use the primitives from `@react-email/components`. ## Simple pricing table Source: https://github.com/resend/react-email/tree/canary/apps/web/components/simple-pricing-table ### Tailwind ```tsx Exclusive Offer Just For You: Unlock Premium Features at $12/month
Exclusive Offer $12{' '} / month We've handcrafted the perfect plan tailored specifically for your needs. Unlock premium features at an unbeatable value.
Limited time offer - Upgrade now and save 20% No credit card required. 14-day free trial available.
``` ### Inline styles ```tsx Exclusive Offer Just For You: Unlock Premium Features at $12/month
Exclusive Offer $12{' '} / month We've handcrafted the perfect plan tailored specifically for your needs. Unlock premium features at an unbeatable value.
Limited time offer - Upgrade now and save 20% No credit card required. 14-day free trial available.
``` ## Two tiers with emphasized tier Source: https://github.com/resend/react-email/tree/canary/apps/web/components/two-tiers-with-emphasized-tier ### Tailwind ```tsx Choose the right plan for you
Choose the right plan for you Choose an affordable plan with top features to engage audiences, build loyalty, and boost sales.
{[ { title: 'Hobby', price: 29, highlighted: false, description: 'The perfect plan for getting started.', features: [ '25 products', 'Up to 10,000 subscribers', 'Advanced analytics', '24-hour support response time', ], buttonText: 'Get started today', buttonUrl: '#', }, { title: 'Enterprise', price: 99, highlighted: true, description: 'Dedicated support and enterprise ready.', features: [ 'Unlimited products', 'Unlimited subscribers', 'Advanced analytics', 'Dedicated support representative', 'Marketing automations', 'Custom integrations', ], buttonText: 'Get started today', buttonUrl: '#', }, ].map((plan) => (
{plan.title} ${plan.price} {' '} / month {plan.description}
    {plan.features.map((feature) => (
  • {feature}
    • ))}
))}
Customer Experience Research Team ``` ### Inline styles ```tsx Choose the right plan for you
Choose the right plan for you Choose an affordable plan with top features to engage audiences, build loyalty, and boost sales.
{[ { title: 'Hobby', price: 29, highlighted: false, description: 'The perfect plan for getting started.', features: [ '25 products', 'Up to 10,000 subscribers', 'Advanced analytics', '24-hour support response time', ], buttonText: 'Get started today', buttonUrl: '#', }, { title: 'Enterprise', price: 99, highlighted: true, description: 'Dedicated support and enterprise ready.', features: [ 'Unlimited products', 'Unlimited subscribers', 'Advanced analytics', 'Dedicated support representative', 'Marketing automations', 'Custom integrations', ], buttonText: 'Get started today', buttonUrl: '#', }, ].map((plan) => (
{plan.title} ${plan.price} {' '} / month {plan.description}
    {plan.features.map((feature) => (
  • {feature}
    • ))}
))}
Customer Experience Research Team ```