Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

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

Responsive React Registration form built with Bootstrap 5. Templates for signup forms, registration popups, register modal designs, registration validation & more. https://mdbootstrap.com/docs/react/extended/registration-form/
https://github.com/mdbootstrap/react-registration-form

bootstrap bootstrap-template bootstrap-theme bootstrap5 css form html js react registration registration-form

Last synced: about 1 month ago
JSON representation

Responsive React Registration form built with Bootstrap 5. Templates for signup forms, registration popups, register modal designs, registration validation & more. https://mdbootstrap.com/docs/react/extended/registration-form/

Awesome Lists containing this project

README 

        
![MDB Logo](https://mdbootstrap.com/img/Marketing/general/logo/medium/mdb-react.png)



# MDB React 5



Responsive React Registration form built with Bootstrap 5. Templates for signup forms, registration popups, register modal designs, registration validation & more.



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



## Basic example

![React Registration Form Basic Example](https://user-images.githubusercontent.com/108793661/182810691-6760527e-efcb-4c4e-9811-49735847f29e.png)

```js

import React from 'react';

import { 

  MDBBtn, 

  MDBContainer, 

  MDBRow, 

  MDBCol, 

  MDBCard, 

  MDBCardBody, 

  MDBCardImage, 

  MDBInput, 

  MDBIcon, 

  MDBCheckbox 

} 

from 'mdb-react-ui-kit';



function App() {

  return (

    



      

        

          

            



              
Sign up



              


               	

                

              



              


                

                

              



              


                

                

              



              


                

                

              



              


                

              


	

              Register

              

            



            

              

            

            

          

        

      



      

      



    

  );

}



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

### Registration form with select:

[![React Registration Form #1](https://user-images.githubusercontent.com/108793661/182811289-a1669e24-de48-4e45-8328-14586c3dc300.png)](https://mdbootstrap.com/docs/react/extended/registration-form/#section-2)

### Registration form with radio buttons:

[![React Registration Form #2](https://user-images.githubusercontent.com/108793661/182812815-6f119971-cddf-445b-ab91-0253816fd88c.png)](https://mdbootstrap.com/docs/react/extended/registration-form/#section-3)



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






## More extended React documentation