Boost user experience with a visually stunning, claymorphic onboarding card set in deep space hues with dynamic animations and CTA.
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 <svg width="24" height="24" fill="none" class="lucide lucide-user">
8 <path d="M20.24 7.36C20.24 9.86 18.34 11.76 15.84 11.76 13.34 11.76 11.44 9.86 11.44 7.36 11.44 4.86 13.34 2.96 15.84 2.96 18.34 2.96 20.24 4.86 20.24 7.36zM11.44 17.76C11.44 14.44 12.84 12.36 15.84 12.36H21.24C21.56 12.36 22 12.84 22 13.26V15.84 18.92C22 20.78 20.28 22.5 18.42 22.5 16.56 22.5 14.84 20.78 14.84 18.92 14.84 17.06 16.4 16.98 16.4 15.84 16.4 15.12 15.72 14.68 15 14.68H11.64C11.36 15.48 11.44 16.6 11.44 17.76z"></path>
9 </svg>
10 <h3 class="text-accent">Welcome to DeepSpace!</h3>
11 <p class="text-card">Explore the universe of opportunities with our intuitive platform. Get started today!</p>
12 <button class="btn btn-accent">Get Started</button>
13 </div>
14 </div>
15</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.
24
Components
13
Views
6
Likes
Comments(0)
No comments yet — be the first to start the discussion.
Sign in to join the conversation.