Pure CSS direction aware box shadow animation — a free Bootstrap 5 utility snippet. Copy the HTML & CSS and paste straight into your Bootstrap 5 project.
1<div class="box">
2 <div class="drop"></div>
3 <div class="activator northwest"></div>
4 <div class="activator north"></div>
5 <div class="activator northeast"></div>
6 <div class="activator east"></div>
7 <div class="activator southeast"></div>
8 <div class="activator south"></div>
9 <div class="activator southwest"></div>
10 <div class="activator west"></div>
11 <div class="overlay northwest">Northwest</div>
12 <div class="overlay north">North</div>
13 <div class="overlay northeast">Northeast</div>
14 <div class="overlay east">East</div>
15 <div class="overlay southeast">Southeast</div>
16 <div class="overlay south">South</div>
17 <div class="overlay southwest">Southwest</div>
18 <div class="overlay west">West</div>
19</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.
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.