Product hunt showcase

Related Examples

• Sticky fullpage pages / slides

  Author:
  Laurits

  2 years ago

  14.8k
• 
  Promotional notification

  sticky bottom promotional banner

  Author:
  Laurits

  2 years ago

  9.7k
• 
  Copy code block

  showcase command-line instructions or code examples. It provides a clear distinction between code content and other elements.

  Author:
  Sienna

  2 years ago

  32.3k
• 
  Notifications

  Toast Notifications are lightweight and customizable components for displaying short messages or alerts. They are perfect for feedback on user actions, such as form submissions or system updates. Supports different types of notifications (success, error, warning, info). Automatically hides after a specified timeout. Option to include action buttons or close icons. Customizable styles, animation, and position on the screen.

  Author:
  Abhiraj

  6 months ago

  633
• 
  joker

  joker cyber punk

  Author:
  Baraka Salvator

  1 month ago

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

  8 months ago

  1.1k
• 
  AutoTrade

  Browse thousands of quality used cars from trusted sellers. Great prices and easy financing options available

  Author:
  INGRIDE MUZIRANENGE

  1 month ago

  160
• 
  OTP Verification Page

  A responsive and interactive OTP verification page built with Tailwind CSS. The page features a gradient background, hover effects, and animations to enhance user experience. It includes input fields for the OTP, a resend OTP link, and a verify button. The design is optimized for both light and dark modes.

  Author:
  Abhiraj

  5 months ago

  1.2k
• 
  Concert ticket

  Author:
  Elijah Davis

  2 years ago

  13k
• 
  Stepper - Without Buttons

  Author:
  farisubuntu

  11 months ago

  1.2k
• 
  Rwanda-Canada Transport Services | Safe & Reliable Shipping

  Attractive color scheme inspired by Rwanda's landscapes

  Author:
  Code Master(Mfuranziza Dusabe Hamza)

  1 month ago

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

  8 months ago

  1.2k