Hello

Related Examples

• 
  Services

  This Services page design includes: 1. Responsive layout using Tailwind CSS grid system 2. Indigo-800 and Blue-900 color scheme 3. Dark mode support 4. Header with navigation 5. Six service cards with icons, titles, and descriptions 6. Footer with copyright information 7. Subtle animations and transitions 8. Accessibility considerations (proper heading structure, color contrast) Key features: - The background uses a gradient from Indigo-800 to Blue-900 - The header and footer have a white background in light mode and dark gray in dark mode - Service cards have a white background in light mode and dark gray in dark mode - Text colors are adjusted for readability in both light and dark modes - Icons use the Indigo-800 color (Indigo-400 in dark mode) for consistency - Each service card has a hover effect that scales it up slightly - Service cards fade in with a staggered delay for a smooth entrance - Dark mode is automatically applied based on system preferences - The design is fully responsive, adjusting from 1 to 3 columns based on screen size This design provides a clean, professional look for a services page while incorporating the requested color scheme and maintaining good usability across different devices and color modes.

  Author:
  nejaa badr

  2 months ago

  468
• 
  Recipe Card

  beautiful recipe component with image and step-by-step instructions

  Author:
  Anonymous

  1 year ago

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

  2 months ago

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

  2 months ago

  501
• 
  Responsive layout with header, main body, aside (sidebar) and footer

  Author:
  Ahmed Malik

  1 year ago

  10.7k
• 
  Checkbox

  Checkbox

  Author:
  Aman kumar

  6 months ago

  812
• 
  Tailwind CSS Blog sharing buttons with blog details

  Introducing our Blog Sharing Buttons with Blog Details component, designed to enhance the social sharing experience on your blog posts.

  Author:
  Abid Ullah

  3 months ago

  616
• 
  Privacy policy page template

  Author:
  Anonymous

  7 months ago

  1.5k
• 
  Date picker

  Date picker example using flatpickr library

  Author:
  Lîmåã M

  1 year ago

  14.5k
• Popover

  basic popover example

  Author:
  Dipti narayan

  1 year ago

  11.1k
• 
  Fancy underline

  Author:
  Simon Scheffer

  1 year ago

  10.4k
• 
  Stepper - Without Buttons

  Author:
  farisubuntu

  4 months ago

  547