HTMLCODE

Related Examples

• 
  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.

  Author:
  nejaa badr

  9 months ago

  1.2k
• 
  Gradient Flip-Text Button with Hover Animation

  This stylish button features a dynamic gradient background that shifts from a calm green gradient by default to a vibrant purple-pink-red gradient on hover. The button also includes an interactive text flip effect, where the text seamlessly transitions on hover, creating a visually appealing and modern UI element. Perfect for adding flair to your websites or applications while maintaining functionality and responsiveness.

  Author:
  SHARIFUL ISLAM

  6 months ago

  737
• 
  simple responsive blog layout with sidebar

  Author:
  Isabella Kowalski

  2 years ago

  9.1k
• 
  Invoice

  Invoice

  Author:
  Ameth Galarcio

  1 year ago

  2.3k
• 
  Our features

  Our features

  Author:
  Tanvir Hasan Bappy (Tanvir)

  8 months ago

  801
• 
  Marquee Slider of Client Logos – Smooth Scrolling Brand Showcase

  Enhance your website's credibility with a sleek marquee slider displaying client logos. This continuously scrolling slider provides a dynamic and engaging way to showcase your trusted partnerships, ensuring a professional and visually appealing design. Perfect for businesses, portfolios, and service-based websites.

  Author:
  SANJAY SINGH GARIYA

  5 months ago

  1k
• Typewriter animation effect

  Build using only Tailwind CSS; no JavaScript is required. This is a continuous typing effect. If you want to stop it after the text is typed for the first time, then you can remove 'infinite' from [typing: 'typing 2s steps(20) infinite alternate, blink .7s infinite'] from the config file.

  Author:
  Samuel Dawson

  2 years ago

  19.6k
• 
  Text Overlay Effect

  This is a text overlay effect, featuring a subtle background title and a prominent foreground heading. This design enhances visual interest while maintaining a clean, modern aesthetic.

  Author:
  Anum Shahana

  9 months ago

  1.2k
• 
  Todo List with Dark theme

  Todo List with Dark theme

  Author:
  Muzammil Riaz

  2 months ago

  268
• 
  Share button

  Author:
  Maxim

  7 months ago

  1.1k
• 
  Muhammad Umair Arshad - Frontend Developer Resume | React, TypeScript, Tailwind CSS

  Professional resume of Muhammad Umair Arshad, a skilled Frontend Developer specializing in React, TypeScript, and Tailwind CSS. I build high-performance web applications with responsive UI design.

  Author:
  Muhammad Umair Arshad

  4 months ago

  461
• 
  Order History

  Order History

  Author:
  Tanvir Hasan Bappy (Tanvir)

  4 months ago

  456