Tailwind CSS Snippets

Ready-made Tailwind CSS components: cards, navbar, pricing, alerts, buttons and hero sections.

How to use

  1. Previews load Tailwind from its CDN. Click Copy to grab the HTML with Tailwind classes.
  2. Paste into any project that has Tailwind installed.

FAQ

Can I use these in commercial projects?

Yes. They are free to use.

Open Tailwind CSS Snippets · All free tools