Home
Matti
Facts

Facts

A simple facts overview

This tailwind example is contributed by Matti, on 02-Dec-2024. Component is made with Tailwind CSS v3. It is responsive. It supports dark mode. similar terms for this example are Services,Why choose us

Feature showcase

Author Matti

Fork Fullscreen

<section class="w-full dark:bg-gray-700">
  <div class="w-full md:w-3/5 mx-auto">
    <div class="w-full flex flex-col text-center pt-12 md:pt-24">
      <h1 class="text-4xl md:text-5xl font-semibold text-gray-800 dark:text-white">
          Create your <span class="text-emerald-600">new component</span>
      </h1>
      <p class="w-full px-[12%] text-sm md:text-xl whitespace-pre-line dark:text-white">
        Here on <span class="text-emerald-600">tailwindflex</span>.com you've all you need to build your own <br class="hidden lg:inline" /> components, new templates and share your fantastic results with everyone &#8212; if you want  
      </p>
    </div>
    <div class="flex flex-col md:flex-row px-2 md:px-6 md:pb-24 md:mt-12  dark:text-white">
        <div class="w-full md:w-1/4 py-6 px-6 md:mr-6 text-center flex flex-col">
          <p class="text-sm md:text-xl font-normal md:font-thin">Components</p>
          <h1 class="text-4xl md:text-5xl font-semibold">1000+</h1>
        </div>   
        <div class="w-full md:w-1/4 py-6 px-6 md:mr-6 text-center flex flex-col">
          <p class="text-sm md:text-xl font-normal md:font-thin">Daily visits</p>
          <h1 class="text-4xl md:text-5xl font-semibold">57</h1>
        </div>   
        <div class="w-full md:w-1/4 py-6 px-6 md:mr-6 text-center flex flex-col">
          <p class="text-sm md:text-xl font-normal md:font-thin">Followers</p>
          <h1 class="text-4xl md:text-5xl font-semibold">21 Mio</h1>
        </div>   
        <div class="w-full md:w-1/4 py-6 px-6 md:mr-6 text-center flex flex-col">
          <p class="text-sm md:text-xl font-normal md:font-thin">Coffee drunk</p>
          <h1 class="text-4xl md:text-5xl font-semibold">921 L</h1>
        </div>        
    </div>
  </div>
</section>

Related Examples

Features cards section
Features cards section with dark theme

Author:
Sophia Baker

1 year ago

8.4k
Showcase Your Services with Interactive Animations: A Modern HTML and Tailwind CSS Example
Discover how to create an eye-catching services section using plain HTML and Tailwind CSS. This modern example features interactive animations that bring your services to life. With smooth hover effects and responsive design, this section is perfect for enhancing your website's user experience. Easily customize the content to fit your needs, and let Tailwind CSS handle the styling and transitions for a polished, professional look.

Author:
Hezron Okoko

3 months ago

767
Pricing Table with Tailwind CSS and Alpinejs

Author:
Michael Andreuzza

7 months ago

1.7k
Layout switcher with tailwindcss and alpinejs

Author:
Michael Andreuzza

7 months ago

493
Animated cards

Author:
Michael Andreuzza

7 months ago

3.3k
Features grid

Author:
Sophia Baker

1 year ago

8.4k
Feature cards
Feature showcase

Author:
Steven Kuhn

2 years ago

9k
Simple Multi-Purpose Slider
This is a very minimalistic though very usable slider for various situations like CTA's, quotes or other uncomplicated content. I only used Tailwindcss which makes it very lightweight, but due to limitations it's not as flexible as I wished for. This could be easily achieved by a little piece of JS to make it as dynamic as you wish.

Author:
Hielke Brandsma

1 month ago

342
Work Showcase Cards
Highlight your top projects or products with these cards, featuring images and brief descriptions. This example has a subtle hover effect.

Author:
Computer guy

1 year ago

9.2k
beautiful tailwind contact form
beautiful tailwind contact form

Author:
Geoffrey Callaghan

11 months ago

4.4k
Features showcase section
showcase key features and benefits

Author:
Mereani Waqa

1 year ago

4.9k
Key Features
Showcase Key Features of your app

Author:
Anonymous

5 months ago

354

Explore components by Tags

Didn't find component you were looking for?

Search from 1800+ components