Awesome Calculator with source code: a hand-crafted, open-source Bootstrap 5 utility. HTML, CSS & JS included, ready to copy.
1
2<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.4.2/gsap.min.js"></script>
3<div class="main-wrapper">
4 <div id="op-history-container" class="hide"></div>
5
6 <div class="inputs-wrapper">
7 <i class="fas fa-history" id="toggle-history"></i>
8 <input type="text" id="input-top">
9 <input type="text" id="input-bottom" placeholder="0">
10 </div>
11
12 <div class="gradient-divider"></div>
13
14 <div class="row">
15 <div data-set="7" class="num">7</div>
16 <div data-set="8" class="num">8</div>
17 <div data-set="9" class="num">9</div>
18 <div data-set="/" class="op">÷</div>
19 </div>
20
21 <div class="row">
22 <div data-set="4" class="num">4</div>
23 <div data-set="5" class="num">5</div>
24 <div data-set="6" class="num">6</div>
25 <div data-set="*" class="op">x</div>
26 </div>
27
28 <div class="row">
29 <div data-set="1" class="num">1</div>
30 <div data-set="2" class="num">2</div>
31 <div data-set="3" class="num">3</div>
32 <div data-set="-" class="op">-</div>
33 </div>
34
35 <div class="row">
36 <div class="num" id="reset">C</div>
37 <div data-set="0" class="num">0</div>
38 <div data-set="." class="num">.</div>
39 <div data-set="+" class="op">+</div>
40 </div>
41
42 <div id="equal" data-set="=">
43 =
44 </div>
45</div>
46
47
48<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.4.2/gsap.min.js"></script>
49
50
Auto move mouse cursor snippet
Auto move mouse cursor snippet: a hand-crafted, open-source Bootstrap 5 utility. HTML, CSS & JS included, ready to copy.
Bootstrap 5 Ecommerce Product Detail Page Design snippet
Free Bootstrap 5 utility snippet — Bootstrap 5 Ecommerce Product Detail Page Design snippet. Preview, copy HTML & CSS, drop it into any Bootstrap 5 project.
Bootstrap 5 Ecommerce single product page design template
Free Bootstrap 5 utility snippet — Bootstrap 5 Ecommerce single product page design template. Preview, copy HTML & CSS, drop it into any Bootstrap 5 project.
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.