Home
Arya
Feature / Icon grid

Feature / Icon grid

Present information in a clear and organized manner with icons.

This tailwind example is contributed by Arya, on 27-Dec-2022. Component is made with Tailwind CSS v3. It is responsive.

Grid

Author Arya

13.8k

Fork Fullscreen

<p class="pt-4 text-sm font-medium capitalize font-body text-green-900 lg:text-lg md:text-base md:pt-6">
                    portfolio
                </p>
            </div>
        </a>

<p class="pt-4 text-sm font-medium capitalize font-body text-green-900 lg:text-lg md:text-base md:pt-6">
                    ecommerce
                </p>
            </div>
        </a>

<p class="pt-4 text-sm font-medium capitalize font-body text-green-900 lg:text-lg md:text-base md:pt-6">
                    startup
                </p>
            </div>
        </a>

<p class="pt-4 text-sm font-medium capitalize font-body text-green-900 lg:text-lg md:text-base md:pt-6">
                    business
                </p>
            </div>
        </a>

<p class="pt-4 text-sm font-medium capitalize font-body text-green-900 lg:text-lg md:text-base md:pt-6">
                    lifestyle
                </p>
            </div>
        </a>

<p class="pt-4 text-sm font-medium capitalize font-body text-green-900 lg:text-lg md:text-base md:pt-6">
                    landing pages
                </p>
            </div>
        </a>

<p class="pt-4 text-sm font-medium capitalize font-body text-green-900 lg:text-lg md:text-base md:pt-6">
                    health
                </p>
            </div>
        </a>

</div>

Related Examples

Products card grid
Example of product card grid with product image and pricing

Author:
Noob

2 years ago

21.7k
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

11.1k
Feature showcase cards

Author:
Lukas Müller

2 years ago

13k
Tailwind product gallery

Author:
JaxStone

2 years ago

25.2k
Feature Showcase
The feature showcase's responsive grid can also be used as testimonial cards.

Author:
Alok

2 years ago

22.3k
Responsive grid layout

Author:
Kofi Osei

2 years ago

20.7k
Responsive Card Grid with images

Author:
TailwindFlex

2 years ago

17.9k
Images grid
Responsive image grid with tailwindcss.

Author:
Sienna

2 years ago

17.8k
Responsive products grid
Responsive product card grid using tailwind CSS.

Author:
Arya

2 years ago

41k
Responsive cards layout

Author:
Piet Vriend

2 years ago

12.3k
Tailwind image gallery
Responsive grid with evenly spaced image cards. Each card has a title label at the bottom, and there's a subtle hover effect for interactive engagement.

Author:
Alok

2 years ago

56.2k
Responsive Article Section

Author:
Prashant

2 years ago

14.8k
Process Steps Grid
A structured way to present information about each step, along with corresponding icons and descriptions. Each step card is designed with a hover effect.

Author:
Computer guy

1 year ago

10.6k
Responsive Card Grid
Tailwind CSS responsive grid for feature listing. The cards have a teal background, rounded corners, and a concise display of feature titles, descriptions, and a "Learn More" link.

Author:
Amit Pachange

2 years ago

49.2k
Card grid for blog Posts / Articles

Author:
Abhijit Sen

2 years ago

22.4k
Masonry Grid
Auto-adjusting masonry grid

Author:
Simon Scheffer

2 years ago

29.8k
Tweets showcase grid
Responsive tweets showcase grid

Author:
Freja Jensen

2 years ago

10.3k
Tailwind products list

Author:
Isabella Kowalski

2 years ago

12.7k

Explore components by Tags

Didn't find component you were looking for?

Search from 2100+ components