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

12.7k

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

19.8k
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.7k
Feature showcase cards

Author:
Lukas Müller

1 year ago

12k
Tailwind product gallery

Author:
JaxStone

1 year ago

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

Author:
Alok

2 years ago

20k
Responsive grid layout

Author:
Kofi Osei

1 year ago

19.6k
Responsive Card Grid with images

Author:
TailwindFlex

2 years ago

16.7k
Images grid
Responsive image grid with tailwindcss.

Author:
Sienna

1 year ago

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

Author:
Arya

2 years ago

37.9k
Responsive cards layout

Author:
Piet Vriend

2 years ago

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

50.8k
Responsive Article Section

Author:
Prashant

2 years ago

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

9.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

45.8k
Card grid for blog Posts / Articles

Author:
Abhijit Sen

2 years ago

20.3k
Masonry Grid
Auto-adjusting masonry grid

Author:
Simon Scheffer

1 year ago

27.8k
Tweets showcase grid
Responsive tweets showcase grid

Author:
Freja Jensen

1 year ago

9.5k
Tailwind products list

Author:
Isabella Kowalski

2 years ago

11.8k

Explore components by Tags

Didn't find component you were looking for?

Search from 1900+ components