Home
Sergio Gonzalez
LOGIN TEMPLATE

LOGIN TEMPLATE

it is a login template

This tailwind example is contributed by Sergio Gonzalez , on 18-Jun-2025. Component is made with Tailwind CSS v3. It is responsive. similar terms for this example are Register, Sign in

Form Login Form

Author Sergio Gonzalez

572

3

Fork Fullscreen

<div class="min-h-screen bg-cover bg-center flex items-center justify-center p-4" 
     style="background-image: url('https://images.unsplash.com/photo-1524985069026-dd778a71c7b4?auto=format&fit=crop&w=1470&q=80');">

<div class="max-w-md w-full bg-white/10 backdrop-blur-lg rounded-xl shadow-xl p-8 border border-white/20">
    <h2 class="text-3xl font-extrabold text-white mb-6 text-center tracking-wide">Bienvenido a PeliMania</h2>

<form class="space-y-5" >
      
      <div>
        <input type="email"
          class="w-full px-4 py-3 bg-white/20 text-white border border-white/30 rounded-lg focus:ring-2 focus:ring-red-500 focus:outline-none placeholder-white/70"
          placeholder="Correo electrónico" required />
      </div>

<div>
        <input type="password"
          class="w-full px-4 py-3 bg-white/20 text-white border border-white/30 rounded-lg focus:ring-2 focus:ring-red-500 focus:outline-none placeholder-white/70"
          placeholder="Contraseña" required />
      </div>

<button
        class="w-full bg-red-600 hover:bg-red-700 text-white font-semibold py-3 rounded-lg transition-all"
        type="submit">
        Entrar
      </button>
    </form>

<div class="mt-6 text-center text-sm text-white">
      ¿No tienes cuenta?
      <a  class="text-red-400 hover:underline font-medium">Regístrate</a>
    </div>
  </div>
</div>

Related Examples

Login Form with Icon

Author:
Prashant

3 years ago

17.4k
Login page with tailwind (SB admin 2)
This component features a split-screen design with a background image on one side and a registration form on the other.

Author:
Akshay

3 years ago

23.3k
Login form

Author:
Gopi Yadav

3 years ago

11k
Sign in / Login Form

Author:
Bunny

3 years ago

13.5k
Simple Login Form
Very basic responsive login form. The form is centered within a white card with a shadow, featuring input fields for username and password. The design is clean and user-friendly.

Author:
Bunny

3 years ago

49.7k
Login Form

Author:
Amit Pachange

3 years ago

12.7k
Sign In form

Author:
Amit Pachange

2 years ago

12.1k
Login form

Author:
Leon Bachmann

2 years ago

14.7k
User registration form

Author:
Leon Bachmann

2 years ago

24.3k
User registration form with Instructions

Author:
Fagundo67

2 years ago

24.3k
Login form

Author:
Leon Bachmann

2 years ago

13.1k
User registration form

Author:
Laurits

3 years ago

11.4k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components

TailwindFlex.com

Tailwindflex.com is a free Tailwind CSS examples library. It's a one-stop destination for ready-made Tailwind CSS components and templates.

Contact

Email: admin@tailwindflex.com

Resources

Tailwind CSS Gradient Generator Free Bootstrap CSS Components Free CSS Components

© 2025 TailwindFlex. All Rights Reserved.

v1.12