Dynamic Calendar with pure CSS and JavaScript: a hand-crafted, open-source Bootstrap 5 utility. HTML, CSS & JS included, ready to copy.
1<!-- Google Font Link for Icons -->
2 <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200">
3
4 <div class="wrapper">
5 <header>
6 <p class="current-date"></p>
7 <div class="icons">
8 <span id="prev" class="material-symbols-rounded">chevron_left</span>
9 <span id="next" class="material-symbols-rounded">chevron_right</span>
10 </div>
11 </header>
12 <div class="calendar">
13 <ul class="weeks">
14 <li>Sun</li>
15 <li>Mon</li>
16 <li>Tue</li>
17 <li>Wed</li>
18 <li>Thu</li>
19 <li>Fri</li>
20 <li>Sat</li>
21 </ul>
22 <ul class="days"></ul>
23 </div>
24 </div>
25 
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.