Explore our playful claymorphic pricing UI featuring dynamic glowing orbs and trust signals for an engaging user experience.
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="pricing-card">
7 <h2 class="pricing-title">Choose Your Plan</h2>
8 <div class="pricing-options">
9 <div class="pricing-tier basic">
10 <header class="tier-header">
11 <h3>Basic</h3>
12 <span class="price">$9/mo</span>
13 </header>
14 <ul class="features">
15 <li>500GB Storage</li>
16 <li>Single User</li>
17 <li>Email Support</li>
18 </ul>
19 <button class="btn choose-plan">Choose Plan</button>
20 </div>
21 <div class="pricing-tier premium">
22 <header class="tier-header">
23 <h3>Premium</h3>
24 <span class="price">$29/mo</span>
25 </header>
26 <ul class="features">
27 <li>2TB Storage</li>
28 <li>Multiple Users</li>
29 <li>Phone Support</li>
30 </ul>
31 <button class="btn choose-plan">Choose Plan</button>
32 </div>
33 </div>
34 <div class="trust-signals">
35 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none">
36 <circle></circle>
37 <path d="M8 12l2 2 4-4" stroke-width="2"></path>
38 </svg>
39 <p>Trusted by over 50,000 users</p>
40 </div>
41 </div>
42</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.
26
Components
84
Views
6
Likes
Trending now
More Bootstrap snippets developers are viewing this week.
Comments(0)
No comments yet — be the first to start the discussion.
Sign in to join the conversation.