Data

Tools

Indexes

Applications

Experiments

Awesome

An open API service indexing awesome lists of open source software.

https://github.com/mdbootstrap/react-login-form

Responsive login form built with Bootstrap 5. Collection of examples for signup forms, full page login templates, login modals & many other sign in designs.
https://github.com/mdbootstrap/react-login-form

bootstrap bootstrap-template bootstrap-theme bootstrap5 css form html login react register

Last synced: 2 months ago
JSON representation

Responsive login form built with Bootstrap 5. Collection of examples for signup forms, full page login templates, login modals & many other sign in designs.

Awesome Lists containing this project

README 

          
Responsive React Login form built with Bootstrap 5. Collection of examples for signup forms, full page login templates, login modals & many other sign in designs.



Check out [React Login Form Documentation](https://mdbootstrap.com/docs/b5/react/extended/login-form/) for detailed instructions & even more examples.



## Basic example 

![React Login Form Basic Example](https://user-images.githubusercontent.com/108793661/179740642-436b2543-7e99-4ae6-a3da-89371056d2f9.png)

```js

import React from 'react';

import {

  MDBContainer,

  MDBInput,

  MDBCheckbox,

  MDBBtn,

  MDBIcon

}

from 'mdb-react-ui-kit';



function App() {

  return (

    



      

      



      


        

        Forgot password?

      



      Sign in



      


        
Not a member? Register


        
or sign up with:



        


          

            

          



          

            

          



          

            

          



          

            

          



        


      



    

  );

}



export default App;

```



## How to use?



1. Download MDB 5 - free REACT UI KIT



2. Choose your favourite customized component and click on the image



3. Copy & paste the code into your MDB project



[▶️ Subscribe to YouTube channel for web development tutorials & resources](https://www.youtube.com/MDBootstrap?sub_confirmation=1)



## More examples

### Login - register:

[![React Login Form #1](https://user-images.githubusercontent.com/108793661/179741257-e1721924-fd14-491e-8cec-58e6a2d15010.png)](https://mdbootstrap.com/docs/b5/react/extended/login-form/#section-login-register-example)

### Login - register:

[![React Login Form #2](https://user-images.githubusercontent.com/108793661/179741423-aed783c4-7978-459c-be7e-20ff6032ebda.png)](https://mdbootstrap.com/docs/b5/react/extended/login-form/#section-login-page-example)

### Login Template:

[![React Login Form #3](https://user-images.githubusercontent.com/108793661/179741559-54f89d57-d4fa-49b2-9250-f5efe7f86648.png)](https://mdbootstrap.com/docs/b5/react/extended/login-form/#section-login-template-example)

### Sign in form:

[![React Login Form #4](https://user-images.githubusercontent.com/108793661/179741654-f6c7d0e3-1af9-45e3-8037-7afc1b836bb7.png)](https://mdbootstrap.com/docs/b5/react/extended/login-form/#section-sign-in-form-example)



You can find other examples [here](https://mdbootstrap.com/docs/b5/react/extended/login-form/).






## More extended React documentation