- Home
-
Card with full width image
Card with full width image
centered content
This tailwind example is contributed by Mr Robot, on 03-Jan-2023. Component is made with Tailwind CSS v3. It is responsive.

Author Mr Robot
Related Examples
-
2 years ago14.7k
-
Experience Card
Experience card section you can use for portfolio or other profiles.
1 year ago2.9k -
3 days ago10
-
Author card
Author card for giving credit to the author of the Blog/Article. It has social media icons and user image
1 year ago7.2k -
Tailwind image slider
slider with navigation buttons and info about image
1 year ago19.5k -
Game Live Score
A live score game layout design perfect for your live scoring application
4 months ago212 -
Responsive Tailwind CSS Listing Cards
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.
5 months ago1.2k -
Card
Card
1 year ago1.9k -
masonary grids effect for cards using columns
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).
3 months ago625 -
A product card with size selector
Using alpine it shows a size selector when clicking in cart
5 months ago896 -
1 year ago2.4k
Explore components by Tags
Didn't find component you were looking for?
Search from 2400+ components