Experience a vibrant and fluid event scheduler. Drag to select time ranges on a rich, kinetic background with expressive neon accents.
1<section class="gs-stage">
2 <div class="gs-orb gs-orb-1" aria-hidden="true"></div>
3 <div class="gs-orb gs-orb-2" aria-hidden="true"></div>
4 <div class="gs-grid-overlay" aria-hidden="true"></div>
5 <div class="gs-card">
6 <div class="gs-card-inner">
7 <header class="d-flex align-items-center mb-4">
8 <svg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg">
9 <path d="M3 4h18M3 10h18M3 16h18" stroke="currentColor"></path>
10 </svg>
11 <h2 class="ms-3 text-uppercase fw-bold">Event Scheduler</h2>
12 </header>
13 <div class="calendar-container">
14 <div class="calendar-grid">
15 <div class="calendar-day">Mon 12</div>
16 <div class="calendar-day">Tue 13</div>
17 <div class="calendar-day">Wed 14</div>
18 <div class="calendar-day">Thu 15</div>
19 <div class="calendar-day">Fri 16</div>
20 <div class="calendar-day">Sat 17</div>
21 <div class="calendar-day">Sun 18</div>
22 </div>
23 <div class="calendar-selection">
24 <div class="time-block">09:00 - 09:30</div>
25 <div class="time-block">10:00 - 10:30</div>
26 <div class="time-block">11:00 - 11:30</div>
27 <div class="time-block">12:00 - 12:30</div>
28 <div class="time-block">13:00 - 13:30</div>
29 <div class="time-block">14:00 - 14:30</div>
30 <div class="time-block">15:00 - 15:30</div>
31 </div>
32 </div>
33 </div>
34 </div>
35</section>Cyberpunk AI Chat Dashboard with Dynamic Orbital Glow
Revolutionize your AI interactions with this stunning, neon-infused chat interface. With dynamic status indicators and orbital animations, it captivates and informs.
Deep Space API Key Manager with Dynamic Glow Effects
Manage your API keys seamlessly with this visually stunning UI. Enjoy claymorphic design and animated orbs that enhance the user experience.
Aurora Mint Neumorphic Dashboard Control with Magnetic Hover
Explore a richly detailed neumorphic control panel featuring magnetic hover and ripple interactions. A perfect blend of visual appeal and interactive feedback.
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
436
Views
6
Likes
Comments(0)
No comments yet — be the first to start the discussion.
Sign in to join the conversation.