Add a button to your UI with Neomorphic Calculator + Dark Mode awesome design. Free Bootstrap 5 code — HTML, CSS & JS ready to copy, MIT licensed.
1<div class="containers">
2 <div class="darkButton">
3 <div class="darkButton__indicator"></div>
4 </div>
5 <div class="calculator">
6 <div class="inputWrap">
7 <input class="inputWrap__result" type="text" readonly="readonly"/>
8 </div>
9 <div class="buttonWrap">
10 <div class="buttonWrap__row clearfix">
11 <div class="button _action" action="clear">AC</div>
12 <div class="button _action" action="negate"></div>
13 <div class="button _action" action="percent"></div>
14 <div class="button _action" action="divide"></div>
15 </div>
16 <div class="buttonWrap__row clearfix">
17 <div class="button _number" action="">7</div>
18 <div class="button _number" action="">8</div>
19 <div class="button _number" action="">9</div>
20 <div class="button _action" action="multiplication"></div>
21 </div>
22 <div class="buttonWrap__row clearfix">
23 <div class="button _number" action="">4</div>
24 <div class="button _number" action="">5</div>
25 <div class="button _number" action="">6</div>
26 <div class="button _action" action="minus"></div>
27 </div>
28 <div class="buttonWrap__row clearfix">
29 <div class="button _number" action="">1</div>
30 <div class="button _number" action="">2</div>
31 <div class="button _number" action="">3</div>
32 <div class="button _action" action="plus"></div>
33 </div>
34 <div class="buttonWrap__row clearfix">
35 <div class="button _number _double" action="">0</div>
36 <div class="button _action" action="point">.</div>
37 <div class="button _action" action="equality"></div>
38 </div>
39 </div>
40 </div>
41</div>
42 
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.