Add a button to your UI with Liquid Button animation with JS and CSS example. Free Bootstrap 5 code — HTML, CSS & JS ready to copy, MIT licensed.
1<svg class="liquid-button"></svg>
2<svg class="liquid-button"
3 data-width="50"
4 data-height="50"
5 data-text="✖"
6></svg>
7<svg class="liquid-button"
8 data-color1="#cb60b3"
9 data-color2="#c146a1"
10 data-color3="#db36a4"
11 data-text="colored"
12></svg>
13<svg class="liquid-button"
14 data-color1="#ccc"
15 data-color2="#000"
16 data-color3="#232425"
17 data-text="black & white"
18></svg>
19<svg class="liquid-button"
20 data-text="different viscosity"
21 data-force-factor="0.1"
22 data-layer-1-viscosity="0.5"
23 data-layer-2-viscosity="0.4"
24 data-layer-1-mouse-force="400"
25 data-layer-2-mouse-force="500"
26 data-layer-1-force-limit="1"
27 data-layer-2-force-limit="2"
28></svg>
29<svg class="liquid-button"
30 data-text="hover"
31 data-hover-factor="-10"
32></svg>
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.
27
Components
415
Views
6
Likes
Trending now
More Bootstrap snippets developers are viewing this week.
Explore a data dashboard that combines retro synthwave aesthetics with fluid animations to create an immersive user experience.
Discover an interactive data insights dashboard with frosted glass design and vibrant animations that elevate your data visualization experience.
Elevate form UX with a retro synthwave style, floating labels, and smart inline validation in a stunning deep space theme.
Comments(0)
No comments yet — be the first to start the discussion.
Sign in to join the conversation.