beautifull Authentication Page

Related Examples

• 
  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.3k
• 
  Form

  form

  Author:
  Aman kumar

  11 months ago

  1.4k
• 
  Signup And Signin page

  Signup And Signin page with tab controller

  Author:
  Akram Khan

  11 months ago

  2.2k
• 
  Login form

  Author:
  Rajesh Maheshwari

  3 months ago

  725
• 
  Sign up form

  Author:
  Rajesh Maheshwari

  3 months ago

  395
• 
  cards

  html , css ,

  Author:
  Hacker Development

  1 month ago

  85
• 
  Semi transparent Info card

  Author:
  Prajwal Hallale

  2 years ago

  11k
• 
  Card Slider

  Author:
  Maxim

  2 months ago

  595
• 
  Login Form

  Color Updates: - Changed background to gradient `from-indigo-800 to-blue-900` - Updated text colors to match the new theme - Updated button and interactive element colors - Added dark mode color variants Enhanced Styling: - Added gradient background - Increased padding and spacing - Improved border radius to `rounded-xl` - Added hover scale effects - Enhanced shadow with `shadow-2xl` Added Animations: - Fade-in animation on load - Scale transition on card hover - Button ripple effect on click - Smooth transitions for all interactive elements Improved Dark Mode: - Enhanced dark mode colors - Added system preference detection - Improved dark mode contrast - Added dark mode specific focus rings Enhanced Functionality: - Added basic form validation - Added ripple effect on button click - Improved hover and focus states - Added transition animations Accessibility Improvements: - Maintained proper contrast ratios - Enhanced focus states - Added proper ARIA attributes - Improved form labels

  Author:
  nejaa badr

  7 months ago

  1.3k
• 
  Twitter Post (Tweet) UI Mockup

  A detailed static HTML and Tailwind CSS component replicating the user interface of a single Twitter post (Tweet). This mockup includes the user avatar, tweet header (name, handle, timestamp), tweet text with styled hashtags/mentions, optional media display, and the action bar with icons and counts (Reply, Retweet, Like, Views, Share). It is responsive, supports light and dark modes, and uses accurate iconography and hover states to closely resemble the real Twitter UI.

  Author:
  Hamza Atig

  2 months ago

  174
• 
  Profile card

  Author:
  Mr Robot

  2 years ago

  12.1k
• 
  Linkedin Add to your feed Clone

  Linkedin Add to your feed Clone

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

  1 year ago

  2.9k