How many buttons snippets are available?

This page lists 70 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 "buttons" at /tailwind/tag/buttons.

#buttons — 70 Free Code Snippets

Button Group — Bootstrap 5 snippet preview

#buttons#cta+2

★ Featured

Button Group

Free Bootstrap 5 button snippet — Button Group. Preview, copy HTML, drop it into any Bootstrap 5 project.

3.1kView snippet

#social#buttons+1

Social share button with animation

Social share button with animation — a free Bootstrap 5 button snippet. Copy the HTML, CSS & JS and paste straight into your Bootstrap 5 project.

4.3kView snippet

#buttons#background+1

Changing Text Color Based on Background Color

Changing Text Color Based on Background Color: a hand-crafted, open-source Bootstrap 5 button. HTML & CSS included, ready to copy.

3.2kView snippet

#buttons#animation+1

Liquid Fill Buttons animation on hover

Liquid Fill Buttons animation on hover — a free Bootstrap 5 button snippet. Copy the HTML & CSS and paste straight into your Bootstrap 5 project.

2.1kView snippet

#animation#buttons+1

Animated Like Button with Pure CSS

Animated Like Button with Pure CSS: a hand-crafted, open-source Bootstrap 5 button. HTML & CSS included, ready to copy.

2.2kView snippet

#buttons#animation

Mega Button Animation

Mega Button Animation — a free Bootstrap 5 button snippet. Copy the HTML & CSS and paste straight into your Bootstrap 5 project.

1.4kView snippet

#neomorphism#buttons+2

Neomorphism ON OFF button CSS

Free Bootstrap 5 button snippet — Neomorphism ON OFF button CSS. Preview, copy HTML & CSS, drop it into any Bootstrap 5 project.

2.0kView snippet

#buttons#gradients+1

Mouse cursor gradient tracking on hover with pure CSS

Free Bootstrap 5 button snippet — Mouse cursor gradient tracking on hover with pure CSS. Preview, copy HTML, CSS & JS, drop it into any Bootstrap 5 project.

3.6kView snippet

#forms#input+3

Custom form Bootstrap 5.1.3

Add a form to your UI with Custom form Bootstrap 5.1.3. Free Bootstrap 5 code — HTML & CSS ready to copy, MIT licensed.

4.7kView snippet