Ethical Fashion

This tailwind example is contributed by Tanvir Hasan Bappy (Tanvir), on 23-Feb-2025. Component is made with Tailwind v3.4. It is responsive.

Other
Tanvir Hasan Bappy (Tanvir) profile image
Author Tanvir Hasan Bappy (Tanvir)
Tailwind v3.4 Responsive 1.6k 5

Related Examples

  • Checkbox
    Checkbox

    Checkbox

    Aman kumar Aman kumar
    2.8k
  • walletp2p
    walletp2p
    Anonymous Anonymous
    2k
  • trusted by
    trusted by

    1. Color Scheme: 1. Updated the background to a gradient from Indigo-800 to Blue-900 2. Changed text colors to use Indigo-800 and Blue-900 shades 3. Updated ring colors on avatar images to match the new scheme 2. Enhanced Design: 1. Added a containing card with white background (dark gray in dark mode) 2. Increased the size of avatar images for better visibility 3. Added a shadow effect to the card that changes color on hover 3. Responsiveness: 1. Maintained the responsive layout, stacking vertically on smaller screens 4. Animations and Interactions: 1. Added a fade-in animation for the entire component 2. Enhanced hover effects on avatar images (scale and z-index change) 3. Added a ring effect on hover for each avatar 5. Accessibility: 1. Maintained alt text for images 2. Ensured proper color contrast for text readability 6. Dark Mode: 1. Implemented dark mode support 2. Adjusted colors and ring effects for dark mode 7. Additional Enhancements: 1. Increased font sizes for better readability 2. Added font weight variations to emphasize important text 3. Improved spacing and alignment This updated component maintains the original functionality while incorporating the Indigo-800 and Blue-900 color scheme and adding enhanced visual effects and interactions.

    nejaa badr nejaa badr
    2.3k
  • CTA Responsive
    CTA Responsive

    Gradient Style CTA

    KULDEEP KULDEEP
    1k
  • pile carde scroll
    pile carde scroll

    pile carde scroll

    Omer fils ELENGA Omer fils ELENGA
    649
  • Food Ordering Dashboard
    Food Ordering Dashboard

    A responsive user interface for selecting and ordering your favorite meals. The dashboard allows users to browse food categories, view dish details, and place orders with ease.

    Muhammad Umair Arshad Muhammad Umair Arshad
    1.7k
  • Product Details Page
    Product Details Page

    This section will show all the information about a selected product, including its title, description, price, images, and specifications.

    mohit kulkarni mohit kulkarni
    1.5k
  • authentication form terminal
    authentication form terminal

    authentication form with zsh on mac terminal looks

    ardianhu ardianhu
    3.5k
  • Moving Background Animation
    Moving Background Animation
    $@(\/)(\/)¥ $@(\/)(\/)¥
    4.3k
  • register
    register
    Anonymous Anonymous
    7
  • Hero
    Hero
    Anonymous Anonymous
    27
  • Acode Master!
    Acode Master!

    Acode Master is a skilled and passionate software developer known for mastering coding and creating innovative tech solutions. Specializing in modern web technologies like React.js, Node.js, PHP, and databases such as MySQL and PostgreSQL, Acode Master builds practical, efficient, and scalable applications. Beyond coding, Acode Master is dedicated to continuous learning, sharing knowledge, and empowering others through technology-driven projects and education.

    Code Master(Mfuranziza Dusabe Hamza) Code Master(Mfuranziza Dusabe Hamza)
    1.2k

Browse by topic

Explore components by Tags

Jump straight to the UI pattern you need.

Footer Header Card Article Avatar FAQ Banner Blog Breadcrumb Button Call to Action Form Carousel Contact us Error page Feature Gallery Hero Input Spinner Login Modal Pagination Pricing Profile
View all tags

Can't find it?

Didn't find the component you were looking for?

Search across 3,000+ community-built components and grab the code in seconds.