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.
27
Components
415
Views
6
Likes
Trending now
More Bootstrap snippets developers are viewing this week.
Explore a data dashboard that combines retro synthwave aesthetics with fluid animations to create an immersive user experience.
Discover an interactive data insights dashboard with frosted glass design and vibrant animations that elevate your data visualization experience.
Elevate form UX with a retro synthwave style, floating labels, and smart inline validation in a stunning deep space theme.
Comments(0)
No comments yet — be the first to start the discussion.
Sign in to join the conversation.