Stylish checkbox with animation on state change: a hand-crafted, open-source Bootstrap 5 form. HTML & CSS included, ready to copy.
1<svg class="checkbox-symbol">
2 <symbol id="check" viewbox="0 0 12 10">
3 <polyline
4 points="1.5 6 4.5 9 10.5 1"
5 stroke-linecap="round"
6 stroke-linejoin="round"
7 stroke-width="2"
8 ></polyline>
9 </symbol>
10</svg>
11
12<div class="checkbox-container">
13 <input class="checkbox-input" id="apples" type="checkbox" />
14 <label class="checkbox" for="apples">
15 <span>
16 <svg width="12px" height="10px">
17 <use xlink:href="#check"></use>
18 </svg>
19 </span>
20 <span>Apples</span>
21 </label>
22 <input class="checkbox-input" id="oranges" type="checkbox" />
23 <label class="checkbox" for="oranges">
24 <span>
25 <svg width="12px" height="10px">
26 <use xlink:href="#check"></use>
27 </svg>
28 </span>
29 <span>Oranges</span>
30 </label>
31</div>
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.