How many fonts snippets are available?

This page lists 8 curated examples. New community Tailwind components are added regularly.

Can I use snippets commercially?

Yes — all snippets are MIT licensed for personal and commercial projects without attribution.

Looking for Tailwind versions?

See Tailwind components tagged "fonts" at /tailwind/tag/fonts.

#fonts — 8 Free Code Snippets

#icons#fonts+2

Custom Toast notification with Progress Bar

Add a alert to your UI with Custom Toast notification with Progress Bar. Free Bootstrap 5 code — HTML, CSS & JS ready to copy, MIT licensed.

5.6kView snippet

#buttons#fonts+1

CSS Download Button with font-awesome icons

CSS Download Button with font-awesome icons — a free Bootstrap 5 button snippet. Copy the HTML, CSS & JS and paste straight into your Bootstrap 5 project.

1.8kView snippet

#accordion#dropdown+1

Bootstrap 5 accordion with chevron up and down

Free Bootstrap 5 accordion snippet — Bootstrap 5 accordion with chevron up and down. Preview, copy HTML & CSS, drop it into any Bootstrap 5 project.

11.4kView snippet

#pricing-tables#fonts+1

Pricing table Bootstrap snippets

Add a utility to your UI with Pricing table Bootstrap snippets. Free Bootstrap 5 code — HTML & CSS ready to copy, MIT licensed.

2.0kView snippet

#pricing-tables#fonts

Bootstrap 5 responsive pricing table Example

Free Bootstrap 5 utility snippet — Bootstrap 5 responsive pricing table Example. Preview, copy HTML & CSS, drop it into any Bootstrap 5 project.

3.3kView snippet

#social#icons+3

CSS Sticky social icons snippets

Add a utility to your UI with CSS Sticky social icons snippets. Free Bootstrap 5 code — HTML & CSS ready to copy, MIT licensed.

1.6kView snippet

#responsive#services+2

Bootstrap 5 Our Services section with font awesome icons

Free Bootstrap 5 utility snippet — Bootstrap 5 Our Services section with font awesome icons. Preview, copy HTML & CSS, drop it into any Bootstrap 5 project.

13.8kView snippet