Feeds
This is a responsive social media feed interface built with Tailwind CSS that features a clean, modern design with excellent color contrast and visual hierarchy. Here's a detailed breakdown of its components and layout:
This tailwind example is contributed by ishimwe shadad, on 22-May-2025. Component is made with Tailwind CSS v3. It is responsive.
Author ishimwe shadad
Related Examples
-
2 years ago11.1k -
Responsive Cards with Hover Text Reveal Animation - Built with Tailwind CSSnhance your website with these sleek, responsive cards designed using Tailwind CSS! Featuring a stylish hover animation, the text smoothly reveals when you hover over the card, adding a dynamic touch to your user interface. Perfect for portfolios, team profiles, or project showcases, this design adapts seamlessly to all screen sizes.
2 months ago398 -
1 year ago2.1k -
Upvote downvote buttons [alpine]
upvote and downvote buttons made as working version in alpine.js
1 year ago7.7k -
Todo ListA simple tool to track tasks: add, edit, complete, or delete items to stay organized daily.
6 days ago11 -
ServicesThis Services page design includes: 1. Responsive layout using Tailwind CSS grid system 2. Indigo-800 and Blue-900 color scheme 3. Dark mode support 4. Header with navigation 5. Six service cards with icons, titles, and descriptions 6. Footer with copyright information 7. Subtle animations and transitions 8. Accessibility considerations (proper heading structure, color contrast) Key features: - The background uses a gradient from Indigo-800 to Blue-900 - The header and footer have a white background in light mode and dark gray in dark mode - Service cards have a white background in light mode and dark gray in dark mode - Text colors are adjusted for readability in both light and dark modes - Icons use the Indigo-800 color (Indigo-400 in dark mode) for consistency - Each service card has a hover effect that scales it up slightly - Service cards fade in with a staggered delay for a smooth entrance - Dark mode is automatically applied based on system preferences - The design is fully responsive, adjusting from 1 to 3 columns based on screen size This design provides a clean, professional look for a services page while incorporating the requested color scheme and maintaining good usability across different devices and color modes.
7 months ago1.4k -
Contact Form ComponentA multi-step, responsive contact form with a modern dark-themed design. The form includes four steps: name, email, phone number, and message. It features a side panel with contact information and a sleek, gradient-styled interface using Tailwind CSS.
2 months ago386 -
blog componentgood blog
5 days ago62 -
authentication form terminalauthentication form with zsh on mac terminal looks
10 months ago2.2k -
Skill showcase section for resume / porfolio websiteshow skill progression
2 years ago12.8k -
Elegant DockUseful Tailwind classes for constructing a basic Dock (usually used on mobile).
4 weeks ago143 -
Tailwind CSS Blog sharing buttons with blog detailsIntroducing our Blog Sharing Buttons with Blog Details component, designed to enhance the social sharing experience on your blog posts.
8 months ago1.5k
Explore components by Tags
Didn't find component you were looking for?
Search from 2400+ components
