Our Nordic Slate-themed scheduler elegantly integrates dynamic time block selections, vibrant animations, and engaging interactions in a sophisticated bento-grid layout.
1
2
3<section class="gs-stage">
4 <div class="gs-orb gs-orb-1" aria-hidden="true"></div>
5 <div class="gs-orb gs-orb-2" aria-hidden="true"></div>
6 <div class="gs-grid-overlay" aria-hidden="true"></div>
7 <div class="gs-card">
8 <div class="gs-card-inner">
9 <header class="gs-card-header">
10 <h2>Weekly Planner</h2>
11 <button class="btn btn-accent"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path d="M12 5v14" stroke-width="2" stroke="#F1F5F9" fill="none"></path><path d="M5 12h14" stroke-width="2" stroke="#F1F5F9" fill="none"></path></svg> Add Event</button>
12 </header>
13 <div class="gs-grid-container">
14 <div class="gs-grid-item" data-time="08:00">08:00 AM</div>
15 <div class="gs-grid-item" data-time="09:00">09:00 AM</div>
16 <div class="gs-grid-item" data-time="10:00">10:00 AM</div>
17 <div class="gs-grid-item large" data-time="11:00">11:00 AM</div>
18 <div class="gs-grid-item" data-time="12:00">12:00 PM</div>
19 <div class="gs-grid-item" data-time="13:00">01:00 PM</div>
20 <div class="gs-grid-item large" data-time="14:00">02:00 PM</div>
21 </div>
22 </div>
23 </div>
24</section>
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.
27
Components
155
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.