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

11.5k

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

1 year ago

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

8.1k
Feature showcase cards

Author:
Lukas Müller

1 year ago

10.9k
Tailwind product gallery

Author:
JaxStone

1 year ago

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

Author:
Alok

1 year ago

17.6k
Responsive grid layout

Author:
Kofi Osei

1 year ago

17.6k
Responsive Card Grid with images

Author:
TailwindFlex

2 years ago

15.2k
Images grid
Responsive image grid with tailwindcss.

Author:
Sienna

1 year ago

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

Author:
Arya

1 year ago

34.2k
Responsive cards layout

Author:
Piet Vriend

1 year ago

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

1 year ago

45.1k
Responsive Article Section

Author:
Prashant

2 years ago

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

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

41k
Card grid for blog Posts / Articles

Author:
Abhijit Sen

1 year ago

18.1k
Masonry Grid
Auto-adjusting masonry grid

Author:
Simon Scheffer

1 year ago

25.1k
Tweets showcase grid
Responsive tweets showcase grid

Author:
Freja Jensen

1 year ago

8.1k
Tailwind products list

Author:
Isabella Kowalski

1 year ago

10.5k

Explore components by Tags

Didn't find component you were looking for?

Search from 1600+ componenent