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

15k

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

3 years ago

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

2 years ago

12.5k
Feature showcase cards

Author:
Lukas Müller

2 years ago

14.1k
Tailwind product gallery

Author:
JaxStone

2 years ago

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

Author:
Alok

3 years ago

25.6k
Responsive grid layout

Author:
Kofi Osei

2 years ago

22.2k
Responsive Card Grid with images

Author:
TailwindFlex

3 years ago

19.8k
Images grid
Responsive image grid with tailwindcss.

Author:
Sienna

2 years ago

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

Author:
Arya

3 years ago

44.6k
Responsive cards layout

Author:
Piet Vriend

3 years ago

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

3 years ago

60.8k
Responsive Article Section

Author:
Prashant

3 years ago

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

2 years ago

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

3 years ago

52.1k
Card grid for blog Posts / Articles

Author:
Abhijit Sen

3 years ago

24.1k
Masonry Grid
Auto-adjusting masonry grid

Author:
Simon Scheffer

3 years ago

32k
Tweets showcase grid
Responsive tweets showcase grid

Author:
Freja Jensen

2 years ago

11.1k
Tailwind products list

Author:
Isabella Kowalski

3 years ago

13.8k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components