Pricing cards example

Hello Dribbble 👋

Today we're sharing with you another component from the Flowbite Design System and this time it is one of the most important sections in terms of user conversion.

Pricing pages are more transactional than anything

Designing a pricing page is often tricky because you have to craft the content based on the pricing plan that you're offering and it's always a good idea to highlight the most popular plan as in this example.

What is Flowbite?

Flowbite is an ecosystem of open-source libraries, tools, and products built around Tailwind CSS consisting of a Figma design system, component library, website section, and page templates, and other tools.

📚 Flowbite Library - Open-source components built with Tailwind CSS

🎨 Flowbite Figma - Design system built for Figma

🧱 Flowbite Blocks - Building sections for website and applications

💎 Flowbite Pro - A larger collection of the open-source version of the latter three

👩‍🎨 Figma Community - Get the free version of the design system

You can learn more about Flowbite in this video by Adrian Twarog.

More by Flowbite

View profile