Flex and Flex-Col

Related Examples

• 
  Forgot Password Form

  1. Color Updates: 1. Changed background to gradient `from-indigo-800 to-blue-900` 2. Updated text colors to match the new theme 3. Changed button colors to `bg-indigo-800` with `hover:bg-blue-900` 4. Updated focus rings to use indigo colors 5. Made footer links white with indigo hover states 2. Enhanced Styling: 1. Added gradient background 2. Improved border radius to `rounded-xl` 3. Enhanced shadow with `shadow-2xl` 4. Added hover scale effects 5. Added fade-in animation 3. Dark Mode Improvements: 1. Enhanced dark mode colors 2. Added system preference detection 3. Improved dark mode contrast 4. Updated dark mode focus rings 4. Added Functionality: 1. Added form validation 2. Added success message 3. Added form reset after submission 4. Added smooth transitions 5. Accessibility Improvements: 1. Maintained ARIA attributes 2. Enhanced focus states 3. Improved color contrast 4. Added transition animations for better UX 6. Added Interactions: 1. Hover effects on all interactive elements 2. Scale animation on card and button hover 3. Smooth color transitions 4. Form validation feedback The form now matches the Indigo-800 and Blue-900 color scheme while maintaining dark mode support and adding enhanced animations and interactions.

  Author:
  nejaa badr

  9 months ago

  1.1k
• 
  YouTube Community Post UI Mockup

  A static HTML and Tailwind CSS component mimicking the user interface of a YouTube Community Post. This mockup features the channel header (avatar, name, verified badge, timestamp), post content (text and optional media), engagement actions (Like, Dislike, Comment, Share with counts), and the 'Add a comment' section. It's designed to be responsive, supports YouTube's light and dark themes via custom styling, and uses accurate iconography.

  Author:
  Hamza Atig

  4 months ago

  580
• 
  responsive home page

  the best home page

  Author:
  irahoza daniel

  2 months ago

  484
• 
  htmlcss2

  Author:
  Elsa Khan

  1 month ago

  99
• 
  Simple Login & Register Page

  Login and Register Page using Tailwind, Alpine JS, and Fontawesome

  Author:
  Ahita Bisma Adlula

  6 months ago

  1.9k
• 
  cards

  cards with background animation

  Author:
  Anonymous

  2 years ago

  10.8k
• 
  nft card

  nft card

  Author:
  5upreme505

  9 months ago

  1.6k
• 
  DailyDev Card

  Card -based card used in the Dailydev Card, this is created to be modified to taste of each user

  Author:
  Ameth Galarcio

  6 months ago

  1.3k
• 
  Sidebar

  This is the sidebar that I use in my projects, I use grid to be able to manage the space issue a little better, it seems like a clean and modern design, it is more than anything for the dashboards that you want to create

  Author:
  Ameth Galarcio

  9 months ago

  3.2k
• 
  Fancy underline

  Author:
  Simon Scheffer

  2 years ago

  11.7k
• 
  visacardes

  I'll create professional Visa card components with realistic styling and multiple card types

  Author:
  Anonymous

  2 months ago

  284
• 
  Mobile app

  I'll create a comprehensive collection of professional app components that you can use to build modern mobile and web applications.

  Author:
  ishimwe prince

  2 months ago

  126