Changing Text Color Based on Background Color: a hand-crafted, open-source Bootstrap 5 button. HTML & CSS included, ready to copy.
1<h2>Color Based on Brightness Values</h2>
2<a class="btn btn--default" href="#">Default Button</a>
3<a class="btn btn--success btn--rounded-4" href="#">Success Button</a>
4<a class="btn btn--danger btn--rounded" href="#">Danger Button</a>
5<a class="btn btn--warning btn--rounded-12" href="#">Warning Button</a>
6<a class="btn btn--romantic btn--rounded" href="#">Warning Button</a>
7<a class="btn btn--light btn--rounded" href="#">Light Button</a>
8
9<h2>Color Based on Luminosity</h2>
10<a class="btn btn--default--light" href="#">Default Button</a>
11<a class="btn btn--success--light btn--rounded-4" href="#">Success Button</a>
12<a class="btn btn--danger--light btn--rounded" href="#">Danger Button</a>
13<a class="btn btn--warning--light btn--rounded-12" href="#">Warning Button</a>
14<a class="btn btn--romantic--light btn--rounded" href="#">Warning Button</a>
15<a class="btn btn--light--light btn--rounded" href="#">Light Button</a>
Pure CSS Neon Button
Add a button to your UI with Pure CSS Neon Button. Free Bootstrap 5 code — HTML & CSS ready to copy, MIT licensed.
Firework Animation on Button Click
Firework Animation on Button Click — a free Bootstrap 5 button snippet. Copy the HTML, CSS & JS and paste straight into your Bootstrap 5 project.
Pure CSS Pulsing Button ripple effect animation
Pure CSS Pulsing Button ripple effect animation: a hand-crafted, open-source Bootstrap 5 button. HTML & CSS included, ready to copy.
Hand-crafted Tailwind CSS components — HTML or React, copy-paste ready, with live previews. Free forever, MIT licensed, no sign-up to use.
24
Components
57
Views
6
Likes
Trending now
More Bootstrap snippets developers are viewing this week.
Comments(0)
No comments yet — be the first to start the discussion.
Sign in to join the conversation.