- Home
-
Flex Profile
Flex Profile
Tailwind Flex User Profile
This tailwind example is contributed by Samuel Abera, on 21-Mar-2024. Component is made with Tailwind CSS v3. It is responsive. It supports dark mode. similar terms for this example are Author box, User information
Author Samuel Abera
Related Examples
-
Profile Card
Show more details on hover
1 year ago11.6k -
Stacked Profile
Stacked profile images
1 year ago5.5k -
User Profile
User Profile
8 months ago5.5k -
User Profile
User Profile
8 months ago3.4k -
Avatar
Avatar
7 months ago2.6k -
Responsive portfolio with dark mode
responsive and support dark mode .portfolio website
1 month ago729 -
1 month ago245
-
1 year ago9.7k
-
Product rating section
display star rating stats with user avatars
1 year ago10.1k -
Overlapped icons showcase
Al pasar el cursor sobre el ícono apilado, se revela el ícono completo. Hovering over the stacked icon unveils the complete icon.
3 months ago466 -
Avatar
This Avatar component includes: 1. Responsive design using Tailwind CSS classes 2. Indigo-800 and Blue-900 color scheme 3. Dark mode support 4. User avatar with hover effect and online status indicator 5. User name and role 6. Follow button with hover effect 7. Follower count 8. Subtle animations and transitions 9. Accessibility considerations (proper contrast, focus states) Key features: - The background uses a gradient from Indigo-800 to Blue-900 - The avatar card has a white background in light mode and dark gray in dark mode - Text colors are adjusted for readability in both light and dark modes - The avatar image has a border color that changes in dark mode - The avatar has a scale effect on hover and a ring appears around it - The Follow button uses Indigo-800 with a Blue-900 hover state - The card has a shadow effect that changes color on hover - Dark mode is automatically applied based on system preferences - The entire card has a subtle transition effect for smooth color changes - Proper focus states are implemented for the button This design provides a clean, interactive avatar component while incorporating the requested color scheme and maintaining good usability across different devices and color modes.
3 weeks ago124 -
Cards - Users Card
Users card grid list
3 weeks ago219
Explore components by Tags
Didn't find component you were looking for?
Search from 1700+ componenent