- Home
-
Responsive flexbox layout using Tailwind CSS
Responsive flexbox layout using Tailwind CSS
This tailwind example is contributed by Leif99, on 12-Feb-2023. Component is made with Tailwind CSS v3. It is responsive.

Author Leif99
Related Examples
-
Image Grid
The layout is designed to showcase various categories or items using images and descriptive text. Each grid item features a high-quality image and a centered text overlay with a semi-transparent background
1 year ago12.9k -
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.
2 years ago55.2k -
Images grid
Responsive image grid with tailwindcss.
2 years ago17.5k -
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.
2 years ago48.6k -
Responsive products grid
Responsive product card grid using tailwind CSS.
2 years ago40.4k -
2 years ago12.2k
-
2 years ago9.8k
-
Data Metrics Showcase
An information panel designed to instill trust, presenting vital statistics about a service or product. The grid layout offers a clean and organized look for displaying key data.
1 year ago7.8k -
profile page
profile page
3 months ago771 -
7 months ago537
-
6 months ago719
-
Twitter Post (Tweet) UI Mockup
A detailed static HTML and Tailwind CSS component replicating the user interface of a single Twitter post (Tweet). This mockup includes the user avatar, tweet header (name, handle, timestamp), tweet text with styled hashtags/mentions, optional media display, and the action bar with icons and counts (Reply, Retweet, Like, Views, Share). It is responsive, supports light and dark modes, and uses accurate iconography and hover states to closely resemble the real Twitter UI.
5 days ago12
Explore components by Tags
Didn't find component you were looking for?
Search from 2100+ components