Home
Anonymous
Forgot password form

Forgot password form

Forked from> @steven-kuhn/forgot-password-form

Useful form for sending password reset link

This tailwind example is contributed by Anonymous, on 11-Nov-2024. Component is made with Tailwind CSS v3. It is responsive. It supports dark mode.

Form

Author Anonymous

1.6k

Fork Fullscreen

<main id="content" role="main" class="w-full  max-w-md mx-auto p-6">
    <div class="mt-7 bg-white  rounded-xl shadow-lg dark:bg-gray-800 dark:border-[#d39430] border-2 border-[#d39430]">
      <div class="p-4 sm:p-7">
        <div class="text-center">
          <h1 class="block text-2xl font-bold text-gray-800 dark:text-white">Esqueceu sua senha?</h1>
          <p class="mt-2 text-sm text-gray-600 dark:text-gray-400">
            Lembra da sua senha?
            <a class="text-blue-600 decoration-2 hover:underline font-medium" href="#">
              Faça login aqui
            </a>
          </p>
        </div>

<div class="mt-5">
          <form>
            <div class="grid gap-y-4">
              <div>
                <label for="email" class="block text-sm font-bold ml-1 mb-2 dark:text-white">Endereço de email</label>
                <div class="relative">
                  <input type="email" id="email" name="email" class="py-3 px-4 block w-full border-2 border-gray-200 rounded-md text-sm focus:border-[#d39430] focus:ring-[#d39430] shadow-sm" required aria-describedby="email-error">
                </div>
                <p class="hidden text-xs text-red-600 mt-2" id="email-error">Inclua um endereço de e-mail válido para que possamos entrar em contato com você</p>
              </div>
              <button type="submit" class="py-3 px-4 inline-flex justify-center items-center gap-2 rounded-md border border-transparent font-semibold bg-[#d39430] text-white hover:bg-[#b07827] focus:outline-none focus:ring-2 focus:ring-[#d39430] focus:ring-offset-2 transition-all text-sm dark:focus:ring-offset-gray-800">Redefinir senha</button>
            </div>
          </form>
        </div>
      </div>
    </div>
  </main>

Related Examples

Sign up for newsletter form

Author:
Amit Pachange

2 years ago

11.9k
Simple Form 2

Author:
Mr Robot

3 years ago

10.5k
Instagram Login Clone
login form and signup

Author:
gidy

5 months ago

420
form text

Author:
Severino Victtorino

6 months ago

787
Glassmorphism form

Author:
Sophia Baker

2 years ago

17.8k
Amazing 3D Login and Registiration Aniamation Form
create a stunning 3D animated background with floating geometric shapes, particle effects, and interactive elements using React, Three.js, and Tailwind CSS. This will be fully responsive and visually captivating.

Author:
Nicole Shalom

5 months ago

784
Comment form

Author:
Sophia Baker

2 years ago

12.3k
tailwind contact form
tailwind contact form

Author:
Geoffrey Callaghan

1 year ago

3.2k
User registration form

Author:
Leon Bachmann

2 years ago

24.3k
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

6 months ago

886
Login Form
Admin Login Form

Author:
Khalid

1 year ago

2.3k
Simple login form

Author:
R Thapa

2 years ago

23.9k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components