Experience seamless form input with glassmorphic style, rich interactions, and lively inline validation—all wrapped in a molten copper backdrop.
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
8 <div class="form-floating mb-3">
9
10
11 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-person">
12 <path d="M8 8a3 3 0 1 0-3-3 3 3 0 0 0 3 3zm0 1a5 5 0 0 0-5 5h10a5 5 0 0 0-5-5z"></path>
13 </svg>
14 Name
15
16 </div>
17 <div class="form-floating mb-3">
18
19
20 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-envelope">
21 <path d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1H2zm13 2.383L9.646 8.197a.5.5 0 0 1-.292 0L1 5.383V12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V5.383z"></path>
22 </svg>
23 Email
24
25 </div>
26 <div class="form-floating mb-3">
27
28
29 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-lock">
30 <path d="M8 4a4 4 0 0 0-4 4v3h8V8a4 4 0 0 0-4-4zm4.5 4V8a3.5 3.5 0 0 0-7 0v2h7V8z"></path>
31 <path d="M2.5 5a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 .5.5h-11zm9 7a.5.5 0 0 1-.5.5h-7a.5.5 0 0 1-.5-.5v-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 .5.5v3zm-7-.5V8.5H7v4H5z"></path>
32 </svg>
33 Password
34
35 </div>
36 <button type="submit" class="btn btn-primary gs-submit-btn">Submit</button>
37
38 </div>
39 </div>
40</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.