MH
Mohamed Haki

Password Reset Page - Copy this React, Tailwind Component to your project

Create a modern and visually appealing user interface for a password reset page in a web application. The page should include the following elements: An eye catching header with a gradient background transitioning from dark blue to light blue, featuring a title like 'Reset Your Password' in large, white text. A form centered on the page, with a white background and a subtle shadow, containing: An email input field with a label above it, a light gray background, and a focus effect. A large submit button with a bright blue background and white text that displays a loading animation when clicked. An informational message above the form to indicate whether the request has been successfully sent or if an error occurred, displayed with an appropriate background color. Utilization of Tailwind CSS for a responsive layout and sleek design. The overall page should be user friendly and optimized for mobile devices, with appropriate margins and spacing. The UI should reflect a modern aesthetic with simple, clear, and professional design elements."

Prompt
Component Preview

About

PasswordResetPage - Features a gradient header, centered form with email input, loading button, and status messages. Built with React. Free code available!

Share

Last updated 1 month ago