Tailwind React Stats
Discover 3 Tailwind React Stats available in Loopple
Stats Simple
Component from
Motion Landing Library React
Builder
<div data-type='div' className="w-full draggable">
<div data-type='div' className="container flex flex-col items-center gap-16 mx-auto my-32">
<div data-type='div' className="grid w-full grid-cols-1 lg:grid-cols-4 md:grid-cols-2 gap-y-8">
<div data-type='div' className="flex flex-col items-center">
<h3 data-type='h3' className="text-5xl font-extrabold leading-tight text-center text-dark-grey-900">250+</h3>
<p data-type='p' className="text-base font-medium leading-7 text-center text-dark-grey-600">Successful Projects</p>
</div>
<div data-type='div' className="flex flex-col items-center">
<h3 data-type='h3' className="text-5xl font-extrabold leading-tight text-center text-dark-grey-900">$12m</h3>
<p data-type='p' className="text-base font-medium leading-7 text-center text-dark-grey-600">Annual Revenue Growth</p>
</div>
<div data-type='div' className="flex flex-col items-center">
<h3 data-type='h3' className="text-5xl font-extrabold leading-tight text-center text-dark-grey-900">2.6k+</h3>
<p data-type='p' className="text-base font-medium leading-7 text-center text-dark-grey-600">Global Partners</p>
</div>
<div data-type='div' className="flex flex-col items-center">
<h3 data-type='h3' className="text-5xl font-extrabold leading-tight text-center text-dark-grey-900">18k+</h3>
<p data-type='p' className="text-base font-medium leading-7 text-center text-dark-grey-600">Daily Website Visitors</p>
</div>
</div>
</div>
</div>
