Seamlessly manage settings with an Aurora Mint inspired interface featuring claymorphic toggles, segmented controls, and vibrant animations.
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-header d-flex justify-content-between align-items-center">
8 <h2 class="gs-title">Settings</h2>
9 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none">
10 <circle></circle>
11 <path d="M19.4 15c.1-.2.3-.5.4-.8 1.7 1.1 2.8 2.9 2.8 4.9V20a1 1 0 0 1-1 1h-1.9c-.2 0-.5-.1-.7-.3-.5-.4-1.1-.7-1.8-.9-2.1-1.7-4.7-3-7.8-3-3.1 0-5.7 1.3-7.8 3-.7.2-1.3.5-1.8.9-.2.2-.4.3-.7.3H2a1 1 0 0 1-1-1v-.8a7.03 7.03 0 0 1 2.8-4.9c.1.3.3.6.4.8M12 4c3.9 0 7 3.1 7 7s-3.1 7-7 7-7-3.1-7-7 3.1-7 7-7m0-2a9 9 0 1 0 0 18 9 9 0 0 0 0-18z"></path>
12 </svg>
13 </div>
14 <div class="gs-card-body">
15 <div class="gs-form-group">
16 <div class="gs-toggle">
17
18
19 <span class="gs-label">Push Notifications</span>
20 <span class="gs-toggle-bg"></span>
21
22 </div>
23 <p class="gs-help-text">Enable to receive notifications for activity related to your account.</p>
24 </div>
25 <div class="gs-form-group">
26 <div class="gs-segmented-control">
27
28 Dark Mode
29
30 Light Mode
31 </div>
32 </div>
33 </div>
34 </div>
35</section>
Bootstrap 5 simple login form with social login
Free Bootstrap 5 form snippet — Bootstrap 5 simple login form with social login. Preview, copy HTML & CSS, drop it into any Bootstrap 5 project.
Bootstrap 5 Login Form UI Design snippets
Bootstrap 5 Login Form UI Design snippets: a hand-crafted, open-source Bootstrap 5 form. HTML & CSS included, ready to copy.
Bootstrap 5 Fancy user login form snippets
Free Bootstrap 5 form snippet — Bootstrap 5 Fancy user login form snippets. Preview, copy HTML & CSS, drop it into any 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.