Dive into a visually immersive kanban lane utilizing oceanic hues and neumorphic design, enabling intuitive card drag-and-drop for enhanced task reordering.
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 <h2 class="gs-card-title">Project Sea</h2>
9 <ul class="gs-task-list">
10 <li class="gs-task">
11 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><rect></rect><path d="M5 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h1"></path></svg>
12 Task 1 - Design Wireframes
13 </li>
14 <li class="gs-task">
15 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><rect></rect><path d="M5 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h1"></path></svg>
16 Task 2 - Develop Backend
17 </li>
18 <li class="gs-task">
19 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><rect></rect><path d="M5 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h1"></path></svg>
20 Task 3 - Test Application
21 </li>
22 </ul>
23 </div>
24 </div>
25</section>
Bootstrap carousel with cards in 3 columns
Bootstrap carousel with cards in 3 columns: a hand-crafted, open-source Bootstrap 5 card. HTML included, ready to copy.
Bootstrap 5 ecommerce product cards details template
Add a card to your UI with Bootstrap 5 ecommerce product cards details template. Free Bootstrap 5 code — HTML & CSS ready to copy, MIT licensed.
Bootstrap snippet Panels with nav tabs using HTML & CSS
Bootstrap snippet Panels with nav tabs using HTML & CSS — a free Bootstrap 5 card snippet. Copy the HTML & CSS and paste straight into your 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
1.2k
Views
6
Likes
Comments(0)
No comments yet — be the first to start the discussion.
Sign in to join the conversation.