<section class="relative pt-28 pb-36 bg-blueGray-50 overflow-hidden">
<img class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2" src="flaro-assets/images/team/gradient.svg" alt="">
<div class="container px-4 mx-auto">
<h2 class="mb-5 text-6xl md:text-7xl font-bold font-heading text-center tracking-px-n leading-tight">Unlock startup’s true potential</h2>
<p class="mb-16 text-lg text-gray-600 text-center font-medium leading-normal md:max-w-2xl mx-auto">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra.</p>
<div class="md:max-w-2xl mx-auto bg-white rounded-4xl shadow-8xl">
<div class="flex flex-wrap justify-center items-center">
<div class="w-full md:flex-1">
<div class="text-center p-8 md:px-16 md:pt-9 md:pb-11">
<p class="mb-4 text-indigo-600 font-semibold leading-normal">Monthly Users</p>
<h2 class="mb-4 text-6xl md:text-8xl xl:text-10xl font-bold font-heading tracking-px-n leading-none">49,020</h2>
<p class="text-gray-900 font-medium leading-snug">19% better than last month</p>
</div>
</div>
<div class="w-auto">
<div class="h-px w-14 md:w-px md:h-14 bg-gray-200"></div>
</div>
<div class="w-full md:flex-1">
<div class="text-center p-8 md:px-16 md:pt-9 md:pb-11">
<p class="mb-4 text-indigo-600 font-semibold leading-normal">Active Users</p>
<h2 class="mb-4 text-6xl md:text-8xl xl:text-10xl font-bold font-heading tracking-px-n leading-none">2,530</h2>
<p class="text-gray-900 font-medium leading-snug">33% better than last month</p>
</div>
</div>
</div>
</div>
</div>
</section>Framework
Tailwind CSS
UI Library
All Libraries
Components
- Alert 101
- Application 108
- Banners 73
- Benefits 16
- Blog 132
- Breadcrumbs 24
- Call to action 199
- Cards 29
- Careers 32
- Confirmation 6
- Contact 106
- Content 85
- Cookies 97
- Dashboards 13
- Download 5
- E-commerce (orders) 35
- E-commerce (products) 76
- FAQ 95
- Features 227
- Footers 145
- Forms 9
- Graphs 38
- HTTP codes 107
- Hero section 164
- How it works 129
- Instagram photos 5
- Integrations 5
- Logo clouds 179
- Modals 29
- Navbar 209
- Navigation (horizontal) 215
- Navigation (vertical) 7
- Newsletter 129
- Notifications 7
- Paginations 12
- Portfolio 93
- Pricing 128
- Product info 5
- Projects 6
- Reviews 32
- Rich text 3
- Sign in / Sign up 181
- Snackbars 10
- Stats 153
- Tables 75
- Team 117
- Testimonials 144
- Users 17
Component #1
Component #2
Component #3
Component #4
Component #5
Component #6
Component #7
Component #8
Component #9
Component #10
In presenting data, it is important not to bore your audience. When showing larger data sets, it's a good idea to vary the presentation to keep users' attention. You can achieve this with a variety of ways to show data through our Tailwind component stats. Highlight the most important data and choose the right presentation for each data type!
Choose from many variations of the Tailwind components stats. The variants shown here are available in various UI libraries in the Shuffle editor. You will also find many other types of components that will be in the same style. This will allow you to build a comprehensive Tailwind website template. Each library is designed by a professional designer and coded by our team of developers.
Get access to all sections of the Tailwind components stats, code and our editor. Try the demo for free.
