Transform your settings page with a sophisticated blend of synthwave design, featuring interactive toggles, segmented controls, and vibrant neon animations.
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-title">Settings</h2>
8 <div class="gs-settings-group">
9 <div class="gs-toggle-group">
10
11 <span class="gs-toggle-text">Enable Dark Mode</span>
12
13 <span class="gs-toggle-slider"></span>
14
15
16 <span class="gs-toggle-text">Notifications</span>
17
18 <span class="gs-toggle-slider"></span>
19
20 </div>
21 <div class="gs-segmented-control">
22 <button class="gs-segment gs-active">General</button>
23 <button class="gs-segment">Privacy</button>
24 <button class="gs-segment">Account</button>
25 </div>
26 </div>
27 <p class="gs-help-text">
28 Need help? Visit our <a href="#" class="gs-link">support page</a> for more information.
29 </p>
30 </div>
31 </div>
32</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.