<section class="bg-white p-8 pb-6">
<div class="flex flex-wrap items-center justify-between pb-6 -mx-2">
<div class="w-auto px-2">
<h2 class="text-lg font-semibold">Section heading title</h2>
</div>
<div class="w-auto px-2">
<a href="#">
<svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 10C11.6044 10 11.2178 10.1173 10.8889 10.3371C10.56 10.5568 10.3036 10.8692 10.1522 11.2346C10.0009 11.6001 9.96126 12.0022 10.0384 12.3902C10.1156 12.7781 10.3061 13.1345 10.5858 13.4142C10.8655 13.6939 11.2219 13.8844 11.6098 13.9616C11.9978 14.0387 12.3999 13.9991 12.7654 13.8478C13.1308 13.6964 13.4432 13.44 13.6629 13.1111C13.8827 12.7822 14 12.3956 14 12C14 11.4696 13.7893 10.9609 13.4142 10.5858C13.0391 10.2107 12.5304 10 12 10ZM5 10C4.60444 10 4.21776 10.1173 3.88886 10.3371C3.55996 10.5568 3.30362 10.8692 3.15224 11.2346C3.00087 11.6001 2.96126 12.0022 3.03843 12.3902C3.1156 12.7781 3.30608 13.1345 3.58579 13.4142C3.86549 13.6939 4.22186 13.8844 4.60982 13.9616C4.99778 14.0387 5.39992 13.9991 5.76537 13.8478C6.13082 13.6964 6.44318 13.44 6.66294 13.1111C6.8827 12.7822 7 12.3956 7 12C7 11.4696 6.78929 10.9609 6.41421 10.5858C6.03914 10.2107 5.53043 10 5 10ZM19 10C18.6044 10 18.2178 10.1173 17.8889 10.3371C17.56 10.5568 17.3036 10.8692 17.1522 11.2346C17.0009 11.6001 16.9613 12.0022 17.0384 12.3902C17.1156 12.7781 17.3061 13.1345 17.5858 13.4142C17.8655 13.6939 18.2219 13.8844 18.6098 13.9616C18.9978 14.0387 19.3999 13.9991 19.7654 13.8478C20.1308 13.6964 20.4432 13.44 20.6629 13.1111C20.8827 12.7822 21 12.3956 21 12C21 11.4696 20.7893 10.9609 20.4142 10.5858C20.0391 10.2107 19.5304 10 19 10Z" fill="#D5DAE1"></path>
</svg>
</a>
</div>
</div>
<div class="border-b border-coolGray-100"></div>
</section>Framework
All Frameworks
UI Library
All Libraries
Components
- Alert 266
- Application 221
- Banners 98
- Benefits 16
- Blog 275
- Breadcrumbs 24
- Call to action 393
- Cards 29
- Careers 36
- Confirmation 6
- Contact 179
- Content 212
- Cookies 188
- Dashboards 13
- E-commerce (orders) 63
- E-commerce (products) 98
- FAQ 176
- Features 502
- Footers 255
- Forms 9
- Gallery 5
- Gallery 22
- Graphs 65
- HTTP codes 202
- Hero section 338
- How it works 216
- Instagram photos 5
- Logo clouds 335
- Modals 42
- Navbar 305
- Navigation (horizontal) 425
- Navigation (vertical) 23
- Newsletter 207
- Notifications 7
- Paginations 12
- Portfolio 178
- Pricing 212
- Product info 5
- Projects 15
- Reviews 36
- Rich text 6
- Sign in / Sign up 323
- Snackbars 10
- Stats 272
- Tables 153
- Team 197
- Testimonials 239
- Users 59
Component #1
Components by Shuffle
Choose from 72 variations of UI components. Presented here are variants available in various UI libraries.
Get access to all UI components, code, and our visual editor. Try the demo for free!
Component #2
Component #3
Component #4
Component #5
Component #6
Component #7
Component #8
Component #9
Component #10
