ToolsRail

Tailwind Price Tag Generator

Create beautiful price tags using Tailwind CSS

Customize Your Price Tag

Choose the overall shape of your price tag
Set the width of your price tag
Set the height of your price tag
Enter the price amount
Choose your currency symbol
Set the font size for the price
Set the font weight for the price
Choose the color for the price text
Choose a solid color or gradient background
Choose a border style for your price tag
Add a shadow effect to your price tag
Enable to show original price with strikethrough
Add a percentage discount badge
Add a sale or offer label
Add interactive effects when hovering
Set the position of your price tag
Make the price tag responsive to screen sizes
Add support for dark mode

Live Preview

Generated Tailwind Classes