Plan your events seamlessly with a kinetic calendar featuring visually captivating glow orbs and drag-to-select time slots.
1
2<section class="gs-stage">
3 <div class="gs-orb gs-orb-1" aria-hidden="true"></div>
4 <div class="gs-orb gs-orb-2" aria-hidden="true"></div>
5 <div class="gs-grid-overlay" aria-hidden="true"></div>
6 <div class="gs-card">
7 <div class="gs-card-inner">
8 <header class="gs-header">
9 <h1 class="gs-title">Schedule Your Week</h1>
10 <p class="gs-subtitle">Drag to select your desired time slots</p>
11 </header>
12 <div class="gs-calendar">
13 <div class="gs-day">
14 <h3>Monday</h3>
15 <div class="gs-slots">
16 <div class="gs-slot" data-time="9 AM - 10 AM"></div>
17 <div class="gs-slot" data-time="10 AM - 11 AM"></div>
18 <div class="gs-slot" data-time="11 AM - 12 PM"></div>
19 </div>
20 </div>
21 <div class="gs-day">
22 <h3>Tuesday</h3>
23 <div class="gs-slots">
24 <div class="gs-slot" data-time="9 AM - 10 AM"></div>
25 <div class="gs-slot" data-time="10 AM - 11 AM"></div>
26 <div class="gs-slot" data-time="11 AM - 12 PM"></div>
27 </div>
28 </div>
29 </div>
30 </div>
31 </div>
32</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.
24
Components
13
Views
6
Likes
Comments(0)
No comments yet — be the first to start the discussion.
Sign in to join the conversation.