Crafting visual moments with our Electric Forest Kanban board, experience glasslike card layers combined with vibrant glow animations for dynamic task organization.
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 <h2>Project Sprint Tasks</h2>
9 <button class="btn btn-link">
10 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor">
11 <path d="M3.646 11.354a.5.5 0 0 1 .708 0L8 15.293l3.646-3.647a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 0-.708z"></path>
12 </svg>
13 </button>
14 </header>
15 <div class="gs-card-inner">
16 <div class="gs-task">
17 <span class="gs-task-date">Due: 23 March 2025</span>
18 <span class="gs-task-title">Design Wireframes</span>
19 <div class="gs-task-actions">
20 <button class="btn btn-accent">
21 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor">
22 <path d="M8 1a7 7 0 1 1-7 7A7 7 0 0 1 8 1zm0 13a6 6 0 1 0-6-6a6 6 0 0 0 6 6z"></path>
23 <path d="M11.646 6.354a.5.5 0 0 1 0 .708L7.707 11l-.353.354-.354-.354L4.354 8.354a.5.5 0 1 1 .708-.708l2.647 2.647 3.293-3.293a.5.5 0 0 1 .707 0z"></path>
24 </svg>
25 </button>
26 </div>
27 </div>
28 <div class="gs-task">
29 <span class="gs-task-date">Due: 30 March 2025</span>
30 <span class="gs-task-title">Develop Feature A</span>
31 <div class="gs-task-actions">
32 <button class="btn btn-accent">
33 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor">
34 <path d="M8 1a7 7 0 1 1-7 7A7 7 0 0 1 8 1zm0 13a6 6 0 1 0-6-6a6 6 0 0 0 6 6z"></path>
35 <path d="M11.646 6.354a.5.5 0 0 1 0 .708L7.707 11l-.353.354-.354-.354L4.354 8.354a.5.5 0 1 1 .708-.708l2.647 2.647 3.293-3.293a.5.5 0 0 1 .707 0z"></path>
36 </svg>
37 </button>
38 </div>
39 </div>
40 </div>
41 </div>
42</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
577
Views
6
Likes
Glassmorphism Bento Grid SaaS Dashboard Card
Comments(0)
No comments yet — be the first to start the discussion.
Sign in to join the conversation.