Color picker animation example with pure CSS — a free Bootstrap 5 utility snippet. Copy the HTML, CSS & JS and paste straight into your Bootstrap 5 project.
1 <div class="shadowBox"></div>
2 <div class="container">
3 <div class="blueSub"></div>
4 <div class="redSub"></div>
5 <div class="greenSub"></div>
6 <div class="purpleSub"></div>
7 <div class="blue">
8 <div class="colorName">Blue</div>
9 <div class="hex">#00A8FF</div>
10 <div class="rgb">rgb(0, 168, 255)</div>
11 </div>
12 <div class="red">
13 <div class="colorName">Red</div>
14 <div class="hex">#FF605F</div>
15 <div class="rgb">rgb(255, 96, 95)</div>
16 </div>
17 <div class="green">
18 <div class="colorName">Green</div>
19 <div class="hex">#96D100</div>
20 <div class="rgb">rgb(150, 209, 0)</div>
21 </div>
22 <div class="purple">
23 <div class="colorName">Purple</div>
24 <div class="hex">#D066FA</div>
25 <div class="rgb">rgb(208, 102, 250)</div>
26 </div>
27 </div>
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.
26
Components
65
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.