ToolsRail
Home
Shadow Generator
Tailwind Font Generator
About
Home
Shadow Generator
Tailwind Font Generator
About
Home
Tailwind Tools
Tailwind CSS Pricing Table Generator
Create beautiful, customizable pricing tables with Tailwind CSS
Customization Options
Table Layout
Choose how your pricing plans will be arranged
Single Column
Multi Column
Feature Comparison
Number of Plans
How many pricing plans to display
Card Width
Width of each pricing card
Small (w-64)
Medium (w-72)
Large (w-80)
Full Width
Card Style
Visual style of the pricing cards
Rounded
Square
Heavily Rounded
Header Style
Style for plan title headers
Standard
Bold Blue
Purple
Uppercase
Price Style
How the price is displayed
Standard
Blue Large
Purple
Green
Feature List Style
How features are displayed in the list
Bullets
No Bullets
Checkmarks
Button Style
Style for call-to-action buttons
Blue
Purple
Green
Gradient
Background Style
Background style for cards
White
Light Gray
Subtle Gradient
Color Gradient
Shadow Style
Shadow effect for cards
Light
Medium
Large
Extra Large
Border Style
Border style for cards
None
Light Gray
Medium Gray
Blue
Show "Best Value" Badge
Highlight the recommended plan
Monthly/Yearly Toggle
Add option to switch between billing cycles
Hover Effects
Add scaling effect on hover
Show Discount Ribbon
Add discount ribbon to featured plan
Dark Mode
Switch to dark color scheme
Preview
Generated Code
Copy Code