Image - Figure with figcaption design

Related Examples

• 
  Hacker terminal #fake

  hacker terminal tailwind css

  Author:
  QQ-VVN

  6 months ago

  919
• 
  Hero Section

  Modern Gradient Color Scheme - Uses a professional purple-to-teal gradient for visual appeal Animated Elements: Floating decorative circles with subtle animation Fade-in effect for the main illustration Pulsing status indicator Engaging Typography: Gradient text for key phrases Responsive font sizing Clean Poppins font family Social Proof Elements: Client avatars Star ratings Trust indicators ("Trusted by 500+ businesses") Call-to-Action Buttons: Primary gradient button Secondary outlined button Hover effects and transitions Visual Hierarchy: Clear headline with emphasis on transformation Supporting subheading Balanced layout with image Performance Indicators: ROI badge Growth metric badge Responsive Design: Works on mobile and desktop Grid layout that adapts to screen size

  Author:
  KULDEEP

  4 months ago

  759
• 
  random design

  Author:
  QQ-VVN

  6 months ago

  413
• 
  Maintenance page

  Author:
  Faye

  11 months ago

  1.6k
• 
  Invoice

  Invoice

  Author:
  Tanvir Hasan Bappy (Tanvir)

  7 months ago

  629
• Stacked Checkboxes

  Author:
  kishan pc

  1 year ago

  2.6k
• 
  Glassmorphism form

  Author:
  Sophia Baker

  2 years ago

  17.9k
• 
  ForK blocks animations

  ForK blocks animations

  Author:
  Yor Rodriguez

  10 months ago

  1.5k
• 
  Concert ticket

  Author:
  Elijah Davis

  2 years ago

  13.3k
• 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

  20.7k
• 
  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

  1 year ago

  1.6k
• Pixel Blast

  Pixel Blast

  Author:
  Raul antonio de la cruz hernandez

  1 month ago

  190