DEV Community

Cover image for πŸ’― 7 Free cool Form Components made in TailwindCSS
Sarthak Sharma for XenoX

Posted on

πŸ’― 7 Free cool Form Components made in TailwindCSS

In this series, we have explored the web for all the cool tailwindCSS components that one can find for free and brought it to you. Today, we are exploring the form elements available on the web for free. Login Form, Signup forms and much more. So let's get started.

1. Login form by Erich Haemmerle

πŸ’΅ Price: Free
πŸ”— Link: https://codepen.io/erich93063/pen/MWvLxNN
A cool cherry color Login page.

2. Registration form

Free Components

πŸ’΅ Price: Free
πŸ”— Link: https://tailwindcomponents.com/component/form-register-component
A split screen Login page, used quite often these days

3. Checkout Pay

πŸ’΅ Price: Free
πŸ”— Link: https://codepen.io/cruip/pen/wvqVpbP
A Simple checkout form made in Tailwind CSS with both card and PayPal options.

4. Banner Image Signup Form

Singup Form

πŸ’΅ Price: Free
πŸ”— Link: https://tailwindcomponents.com/component/login-7
Another cool Login Page with Big Side banner image, a lot of people use it these days.

5. Payment Form by Joe

πŸ’΅ Price: Free
πŸ”— Link: https://codepen.io/dope/pen/gORRMOo
A minimalist payment form for Card payments

6. Account Form

Account Form

πŸ’΅ Price: Free
πŸ”— Link: https://tailwindcomponents.com/component/account-form
Edit account form for you users with multiple fields.

7. Checkout Form by Scott Window

tailwind checkout form

πŸ’΅ Price: Free
πŸ”— Link: https://tailwindcomponents.com/component/account-form
Checkout form made in tailwind for Ecommerce sites.

Conclusion

Thanks a lot, We will see you next week with some more components for you. Free components are useful for you start learning and explore a framework but sometimes you need Premium Components to speed up the Development process.

That's why we made DollarTailwind a UI kit with over 200 components to use in all kind of projects. We are giving an additional discount of 20$ to all our readers. Use code "DEVTAILWIND" during checkout, avail your discount and get 400$ worth of components for 79$.

Premium UI Kits

Top comments (3)

Collapse
 
cogentgene profile image
Gene

It's based on Tailwind CSS which has a defined style...

Collapse
 
sarthology profile image
Sarthak Sharma

Well it’s made in Tailwind.

Collapse
 
Sloan, the sloth mascot
Comment deleted