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

Discussion (2)

Collapse
jareer profile image
Jareer Abdullah

Why are the UIs so similiar to TailwindsUI?

Collapse
sarthology profile image
Sarthak Sharma Author

Well itโ€™s made in Tailwind.