Bordered Hover Cards
ProPricing · Studio
THE BLOCK LIBRARY
Pricing in Tailwind CSS
Explore 50 pricing blocks in the Studio collection (150 across all styles). Preview the layout, then make it your own.
Collection
Layout notes & details
Make it yours
Asymmetric Shadow Border Cards
ProPricing · Studio
Make it yours
Bordered Large Features
ProPricing · Studio
Make it yours
Carousel Split Cards
ProPricing · Studio
Make it yours
Colored Cards Toggle
ProPricing · Studio
Make it yours
Colorful Cards Price Top
ProPricing · Studio
Make it yours
Comparison Table
ProPricing · Studio
Make it yours
Dark Cards White Header
ProPricing · Studio
Make it yours
Dark Fullwidth Features
ProPricing · Studio
Make it yours
Dark Gradient Hover
ProPricing · Studio
Make it yours
Dark Header Toggle
ProPricing · Studio
Make it yours
Dark Hover Invert Cards
ProPricing · Studio
Make it yours
Dark Image Feature Cards
ProPricing · Studio
Make it yours
Dark Split Single Card
ProPricing · Studio
Make it yours
Dark Tabbed Icon Cards
ProPricing · Studio
Make it yours
Decorative Tabs Cards
ProPricing · Studio
Make it yours
Features First Cards
ProPricing · Studio
Make it yours
Features Split Cards
ProPricing · Studio
Make it yours
Four Column Colorful Cards
ProPricing · Studio
Make it yours
Four Column Gradient
ProPricing · Studio
Make it yours
Gradient Header Icons
ProPricing · Studio
Make it yours
Header Hover Cards
ProPricing · Studio
Make it yours
Horizontal Gradient Hover Grid
ProPricing · Studio
Make it yours
Horizontal Toggle Cards
ProPricing · Studio
Showing 24 of 50 blocks