Effortlessly manage settings with interactive toggles and segmented controls, brought alive by vivid animations and a stunning Ocean Depth theme.
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 <h2 class="gs-card-title">Settings</h2>
8 <div class="gs-settings-option">
9
10
11 <span class="gs-toggle-slider"></span>
12 <span class="gs-toggle-text">Enable Notifications</span>
13
14 <span class="gs-help-text">Keep informed with the latest updates.</span>
15 </div>
16 <div class="gs-settings-option">
17 <div class="gs-segmented-control">
18
19 Light
20
21 Dark
22 </div>
23 <span class="gs-help-text">Switch between themes.</span>
24 </div>
25 </div>
26 </div>
27</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.
24
Components
57
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.