Tailwind React Stats - Motion Landing Library React

Discover 3 Tailwind React Stats available in Motion Landing Library React

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>

Stats Section With Title And Description

Stats Section With Numbers And Image