split bg

Related Examples

• 
  Form package

  Author:
  Hunter Guru

  1 year ago

  2.3k
• 
  Cards - Users Card

  This Users Card design includes: 1. Responsive layout using Flexbox 2. Indigo-800 and Blue-900 color scheme 3. Dark mode support 4. User list with avatars, names, and roles 5. Hover effects on user items 6. "Add Member" button 7. Card footer with team member count 8. Subtle animations and transitions 9. Accessibility considerations (proper heading structure, color contrast) Key features: - The background uses a gradient from Indigo-800 to Blue-900 - The 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 - User avatars have a border color that changes in dark mode - User items have a hover effect that scales them slightly - The "Add Member" button uses Indigo-800 with a Blue-900 hover state - Dark mode is automatically applied based on system preferences - The entire card fades in on load for a smooth entrance - The card has a hover effect that enhances its shadow This design provides a clean, professional look for displaying team members while incorporating the requested color scheme and maintaining good usability across different devices and color modes.

  Author:
  nejaa badr

  11 months ago

  2k
• 
  Authentication form

  Use this example to authenticate users with a login form using a phone number instead of an email address.

  Author:
  Md. Tofayel islam

  1 year ago

  2.8k
• 
  Kids E-learning Platform Card

  Kids E-learning Platform Card Clone

  Author:
  $@(\/)(\/)¥

  11 months ago

  1.4k
• 
  zoom in effect card

  A responsive card featuring an eye-catching scenic image, designed with Tailwind CSS. This component includes hover effects for the image.

  Author:
  Anum Shahana

  11 months ago

  2k
• 
  Linkedin Add to your feed Clone

  Linkedin Add to your feed Clone

  Author:
  $@(\/)(\/)¥

  1 year ago

  3.2k
• 
  Info Card

  Information card with image

  Author:
  Brandon D

  3 years ago

  9.3k
• 
  Monkey card

  First tailwind example

  Author:
  muhittin budak

  6 months ago

  506
• 
  Testimonial card with image

  Author:
  Simon Scheffer

  2 years ago

  11.9k
• 
  Customer testimonial card

  Responsive user testimonial card with image

  Author:
  Arya

  2 years ago

  11.7k
• 
  3D card

  it is a 3D card

  Author:
  Bonimater

  4 months ago

  422
• 
  Cards Seaction - Services block

  Author:
  ABDO-SY

  6 months ago

  1.2k