174+ Free Grid examples in Tailwind CSS

An amazing e-commerce card with stunning hover effect 2

This is a collection of responsive listing cards built with Tailwind CSS, optimized for modern web applications. The component features a flexbox layout, ensuring seamless responsiveness across mobile, tablet, and laptop screens. Each card includes an image, title, and description, styled for both light and dark modes. Perfect for showcasing products, portfolio items, or blog posts.

profile page

Login Form With google icon

Simple game character cards selection

by AI Without Borders

Responsive section with cards aligned using grid layout.

CRUD TABLE DESIGN

travel place card hover effect card

As part of the redesign I was trying to think of ways to lay out testimonials from students, which may have varying length/content, I stumbled onto the idea of using a masonry layout (think bricks, think Pinterest).