Compare

Buttons.cool vs Flowbite

Tailwind-based component library with ready-made UI elements.
Buttons.coolThe coolest buttons in town — Collection of free HTML and CSS button code examplesFlowbiteOpen-source UI components built with Tailwind CSS

Side by side

What it is
Buttons.cool:Buttons.cool offers a curated collection of free, open-source HTML/CSS button snippets you can copy-paste into any web project.
Flowbite:Flowbite is an open-source library of UI components and blocks built with Tailwind CSS.
Best for
Buttons.cool:Free ready-to-paste button snippets
Flowbite:Tailwind-based UI components
Who it’s for
Buttons.cool:Front-end developers and designers looking for ready-made button code.
Flowbite:Front-end developers and designers using Tailwind CSS.
Pricing
Buttons.cool:Free
Flowbite:Open source
Open source
Buttons.cool:—
Flowbite:Yes, 9,365 GitHub stars
Works with
Buttons.cool:HTML, CSS, CodePen
Flowbite:React, Vue.js, Svelte, Angular, Next.js, Nuxt.js, Astro, Remix
DevHunt upvotes
Buttons.cool:13
Flowbite:36
Launched on DevHunt
Buttons.cool:Jan 2023
Flowbite:Jan 2024

Buttons.cool features

  • Free to use. All button code can be copied and used without any cost.
  • Open source. Buttons are sourced from CodePen and can be forked or modified.
  • Easy copy-paste. Copy the code panel and paste directly into your site.
  • Customizable. Change colors, size, text and other styles easily.
  • Search & filter. Filter buttons by color, shape, tags or search by name.
  • Curated collection. Hand-picked best buttons from the CodePen community.
  • Regular updates. New buttons are added periodically and users can suggest additions.
Buttons.cool on DevHunt →Alternatives

Flowbite features

  • 600+ UI components. Ready-to-use components such as alerts, modals, tables and more, styled with Tailwind CSS.
  • 400+ block sections. Pre-built page sections for marketing, application and e-commerce sites.
  • Dark mode & RTL support. Automatic dark-mode switching and right-to-left language support.
  • Figma design system. A full design system with variants, auto-layout and responsive components for designers.
  • SVG icons & illustrations. Free collection of 400+ icons and 50+ illustrations, customizable via Tailwind classes.
  • Framework adapters. Open-source component libraries for React, Vue, Svelte, Angular and many other frameworks.
Flowbite on DevHunt →Alternatives

Based on each tool's website and DevHunt data. Details may change; check the official sites.