Pricing section
This tailwind example is contributed by Leon Bachmann, on 19-Dec-2022. Component is made with Tailwind CSS v3. It is responsive. similar terms for this example are Service rates, Subscription plans
Author Leon Bachmann
Related Examples
-
2 years ago12.1k -
2 years ago8.9k -
2 years ago8.3k -
2 years ago8.3k -
Pricing cardspricing section with 3 cards
2 years ago11.1k -
2 years ago7.7k -
1 year ago6.5k -
Minimalist Pricing SectionA minimal but nice pricing section.
8 months ago1.6k -
Pricing tablePricing table with background gradient
2 years ago10.1k -
Modern Responsive Pricing Section with ToggleA sleek, responsive pricing section built with HTML and Tailwind CSS, showcasing three distinct plans (e.g., Free, Pro, Expert) in a card layout. It features a clean monthly/yearly toggle switch with savings indication, highlights a recommended plan with distinct styling and a badge, and uses checkmarks for clear feature comparison. The layout stacks vertically on smaller screens and transitions to a 3-column grid on large screens (lg breakpoint). Includes generic content for easy adaptation and a final "Compare Plans" button.
2 weeks ago37 -
Tailwind pricing cardscredits: https://twitter.com/namyakhann
1 year ago12.2k -
2 years ago9.2k
Explore components by Tags
Didn't find component you were looking for?
Search from 2100+ components
