Experience a vibrant Synthwave calendar with dynamic drag-to-select time ranges and visually stunning animations to enhance your productivity and style.
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 <header class="gs-card-header">
8 <h1 class="gs-card-title">Event Scheduler</h1>
9 <p class="gs-card-subtitle">Plan Your Day in Synthwave Style</p>
10 </header>
11 <div class="gs-scheduler">
12 <div class="gs-time-grid">
13 <div class="gs-time-slot" data-start="9:00" data-end="10:00">
14 <span>09:00 - 10:00</span>
15 </div>
16 <div class="gs-time-slot" data-start="10:00" data-end="11:00">
17 <span>10:00 - 11:00</span>
18 </div>
19 <div class="gs-time-slot" data-start="11:00" data-end="12:00">
20 <span>11:00 - 12:00</span>
21 </div>
22 <div class="gs-time-slot" data-start="12:00" data-end="13:00">
23 <span>12:00 - 13:00</span>
24 </div>
25 <div class="gs-time-slot selected" data-start="13:00" data-end="14:00">
26 <span>13:00 - 14:00</span>
27 </div>
28 </div>
29 </div>
30 <div class="gs-card-actions">
31 <button class="gs-button">Save Events</button>
32 </div>
33 </div>
34</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.
26
Components
84
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.