Add a utility to your UI with Bootstrap social media snippets. Free Bootstrap 5 code — HTML, CSS & JS ready to copy, MIT licensed.
1<div class="line-wrap">
2 <div class="account-ring-wrap ring-animation">
3
4 <div class="account-ring-inner">
5
6 <div class="account-ring big-ring bounceInLarge">
7
8 <span class="animation-account-icon animation-image-readonly">
9 <img src="https://d672eyudr6aq1.cloudfront.net/img/sprout-social-marketing-site/agency/icon-permissions-read-only.svg" class="animation-image-readonly-img" />
10 </span>
11
12 <span class="animation-account-icon animation-image-readonly2">
13 <img src="https://d672eyudr6aq1.cloudfront.net/img/sprout-social-marketing-site/agency/icon-permissions-read-only.svg" class="animation-image-readonly2-img" />
14 </span>
15
16 <span class="animation-account-icon animation-image-noaccess">
17 <img src="https://d672eyudr6aq1.cloudfront.net/img/sprout-social-marketing-site/agency/icon-permissions-no-access.svg" class="animation-image-noaccess-img" />
18 </span>
19
20 <span class="animation-account-icon animation-image-noaccess2">
21 <img src="https://d672eyudr6aq1.cloudfront.net/img/sprout-social-marketing-site/agency/icon-permissions-no-access.svg" class="animation-image-noaccess2-img" />
22 </span>
23
24 </div>
25
26
27 <div class="account-ring middle-ring bounceInMedium">
28
29 <span class="animation-account-icon animation-image-manager">
30 <img src="https://d672eyudr6aq1.cloudfront.net/img/sprout-social-marketing-site/agency/icon-permissions-manager.svg" class="animation-image-manager-img" />
31 </span>
32
33 <span class="animation-account-icon animation-image-manager2">
34 <img src="https://d672eyudr6aq1.cloudfront.net/img/sprout-social-marketing-site/agency/icon-permissions-manager.svg" class="animation-image-manager2-img" />
35 </span>
36
37 <span class="animation-account-icon animation-image-manager3">
38 <img src="https://d672eyudr6aq1.cloudfront.net/img/sprout-social-marketing-site/agency/icon-permissions-manager.svg" class="animation-image-manager3-img" />
39 </span>
40
41 </div>
42
43 <div class="account-ring small-ring bounceInSmall ">
44
45 <span class="animation-account-icon animation-image-admin">
46 <img src="https://d672eyudr6aq1.cloudfront.net/img/sprout-social-marketing-site/agency/icon-permissions-admin.svg" class="animation-image-admin-img" />
47 </span>
48
49 <span class="animation-account-icon animation-image-admin2">
50 <img src="https://d672eyudr6aq1.cloudfront.net/img/sprout-social-marketing-site/agency/icon-permissions-admin.svg" class="animation-image-admin2-img" />
51 </span>
52
53 </div>
54 </div>
55 <img src="https://d672eyudr6aq1.cloudfront.net/img/sprout-social-marketing-site/agency/groups-folders.png" class="folder-img" />
56 </div>
57 </div>
Auto move mouse cursor snippet
Auto move mouse cursor snippet: a hand-crafted, open-source Bootstrap 5 utility. HTML, CSS & JS included, ready to copy.
Bootstrap 5 Ecommerce Product Detail Page Design snippet
Free Bootstrap 5 utility snippet — Bootstrap 5 Ecommerce Product Detail Page Design snippet. Preview, copy HTML & CSS, drop it into any Bootstrap 5 project.
Bootstrap 5 Ecommerce single product page design template
Free Bootstrap 5 utility snippet — Bootstrap 5 Ecommerce single product page design template. 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.