<section class="py-4 bg-neutral-50 overflow-hidden">
<div class="container px-4 mx-auto"><img class="mx-auto" src="dashy-assets/images/empty.png" alt=""/>
<div class="max-w-md mx-auto text-center">
<h2 class="font-heading mb-3 text-2xl font-semibold">It’s a bit empty here</h2>
<p class="mb-7 text-neutral-500">Make sure to customize your timeline first and fill it with eye-catching articles and products.</p><a class="inline-flex px-6 py-2.5 text-sm text-neutral-50 font-medium bg-gradient-purple-left hover:bg-gradient-purple-left-dark rounded-lg transition duration-300" href="#">Add First Product</a>
</div>
</div>
</section>Framework
All Frameworks
UI Library
All Libraries
Components
- Advanced inputs 18
- Alert 276
- Application 231
- Banners 101
- Benefits 16
- Blog 289
- Breadcrumbs 27
- Call to action 420
- Cards 43
- Careers 44
- Confirmation 6
- Contact 194
- Content 217
- Cookies 193
- Dashboards 13
- Download 5
- Dropdowns 4
- E-commerce (orders) 87
- E-commerce (products) 145
- Empty state 4
- FAQ 189
- Features 535
- Footers 274
- Forms 9
- Gallery 5
- Graphs 85
- HTTP codes 216
- Hero section 360
- How it works 231
- Instagram photos 5
- Integrations 5
- Logo clouds 348
- Modals 48
- Navbar 308
- Navigation (horizontal) 449
- Navigation (vertical) 28
- Newsletter 222
- Notifications 11
- Paginations 16
- Portfolio 184
- Pricing 227
- Product info 5
- Projects 15
- Reviews 46
- Rich text 6
- Sign in / Sign up 343
- Snackbars 10
- Stats 292
- Steps 7
- Steps 5
- Tables 174
- Tabs 2
- Team 212
- Testimonials 251
- Users 59
Component #1
Component #2
Component #3
Component #4
Empty State Components by Shuffle
Choose from 4 variations of Empty state 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!
