Tailwind CSS Forms - Nira UI

Nira UI Form components make it easy to build responsive, accessible, and beautifully styled forms with Tailwind CSS.

Whether you need a simple login form, a complex billing address form, or forms with icons and validation states, Nira UI provides ready-to-use classes and customization options.

Default Form

Use the default form component for simple authentication forms.

Sign In

Sign in to access your account

Please enter a valid email. 



  

    
Sign In

    
Sign in to access your account

  


  

    

      
      
      Please enter a valid email.

Advanced Form

For more complex use cases like checkout forms, Nira UI includes a grid-based form layout.

Billing / Shipping Address Form




  
Billing / Shipping Address Form

Soft Form

Create modern, soft-background forms for contact and enquiry pages.

Send Us an Enquiry




  

    

      
Send Us an Enquiry

Forms with Authentication Providers

Easily integrate OAuth providers (Google, GitHub, etc.) with Nira UI forms.

Sign in with

or continue with
Remember me
Don't have an account? Sign in 



	

		
Sign in with

		

			
		
		

	

	
or continue with

	

		

			
			
			
		

		

			
			

				
			

		

		

			

				

					
					Remember me
				

				
			

		

		

			

				
			

		

		

			

				Don't have an account? Sign in

Form States

Easily show success, warning, and error states with Nira UI classes.

Please enter a valid email.
Looks good!
Please double-check that this email is correct. 



  

    
    
    Please enter a valid email.
  


  

    
    
    Looks good!
  


  

    
    
    Please double-check that this email is correct.

Forms with icons

Add icons inside form fields for a modern, clean design.