<section class="py-24">
<div class="container px-4 mx-auto">
<div class="max-w-2xl mx-auto text-center">
<span class="inline-block mx-auto mb-6">
<svg width="54" height="54" viewbox="0 0 54 54" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M26.9999 0.333374C12.3066 0.333374 0.333252 12.3067 0.333252 27C0.333252 41.6934 12.3066 53.6667 26.9999 53.6667C41.6933 53.6667 53.6666 41.6934 53.6666 27C53.6666 12.3067 41.6933 0.333374 26.9999 0.333374ZM39.7466 20.8667L24.6266 35.9867C24.2532 36.36 23.7466 36.5734 23.2133 36.5734C22.6799 36.5734 22.1733 36.36 21.7999 35.9867L14.2533 28.44C13.4799 27.6667 13.4799 26.3867 14.2533 25.6134C15.0266 24.84 16.3066 24.84 17.0799 25.6134L23.2133 31.7467L36.9199 18.04C37.6933 17.2667 38.9733 17.2667 39.7466 18.04C40.5199 18.8134 40.5199 20.0667 39.7466 20.8667Z" fill="#AFFF0F"></path>
</svg>
</span>
<span class="block mb-1 text-sm font-bold text-indigo-500">SUCCESS</span>
<h3 class="text-2xl font-black mb-5">Your order has been placed</h3>
<p class="text-lg font-bold mb-12">Build a well-presented brand that everyone will love. Take care to develop resources continually and integrity them with previous projects.</p>
<a class="group relative inline-block h-12 w-full xs:w-60 bg-blueGray-900 rounded-md" href="#">
<div class="absolute top-0 left-0 transform -translate-y-1 -translate-x-1 w-full h-full group-hover:translate-y-0 group-hover:translate-x-0 transition duration-300">
<div class="flex h-full w-full items-center justify-center bg-green-600 border-2 border-black rounded-md">
<span class="text-base font-black text-black">Continue Shopping</span>
</div>
</div>
</a>
</div>
</div>
</section>Framework
All Frameworks
UI Library
All Libraries
Components
- About us 5
- Advanced inputs 18
- Alert 356
- Application 236
- Banners 106
- Benefits 16
- Blog 305
- Brands 3
- Breadcrumbs 31
- Call to action 445
- Cards 43
- Careers 50
- Contact 210
- Content 226
- Cookies 205
- Dashboards 13
- Download 10
- Dropdowns 4
- E-commerce (orders) 93
- E-commerce (products) 145
- Empty state 4
- FAQ 203
- Features 570
- Footers 292
- Forms 9
- Gallery 5
- Graph tiles 3
- Graphs 93
- HTTP codes 233
- Hero section 392
- How it works 237
- Instagram photos 9
- Integrations 8
- Logo clouds 353
- Modals 48
- Navbar 325
- Navigation (horizontal) 468
- Navigation (vertical) 32
- Newsletter 236
- Notifications 11
- Paginations 16
- Portfolio 184
- Pricing 245
- Product info 5
- Projects 26
- Reviews 46
- Rich text 6
- Search 3
- Services 5
- Sign in / Sign up 373
- Snackbars 10
- Stats 325
- Steps 12
- Tables 195
- Tabs 2
- Team 221
- Testimonials 272
- Toasts 6
- Users 67
Component #1
Component #2
Component #3
Component #4
Component #5
Component #6
Components by Shuffle
Choose from 6 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!
