3 Basic Forms with Modern UI — CSS3 / HTML

Ivan Cabral
Dec 5, 2019 · 2 min read

The design of the form is very important to make a user a good experience when he wants to be logged, On this occasion, I have for you 3 basic forms in HMTL and CSS3 for your project.

You will enter in the link of Codepen and copy the code

Let started!

Dark Theme

I made this design inspired for websites for gambling or technology.

Link: https://codepen.io/iivancabral/pen/GRgJEEd

White Theme

I like to use a white theme for business/eCommerce

Link: https://codepen.io/iivancabral/pen/KKwpXRB

Glass Theme

I use this theme for e-commerce or Digital Marketing sites, You will change the background image to make many designs for the login form

Link: https://codepen.io/iivancabral/pen/zYxGPJo


We can make many designs but always keep in mind the theme of the website you are creating depending if it is a formal or informal we can use one or other

Thank you for seeing my story! If you like my stories follow me or clap my story so you support me to continue publishing my knowledge

Ivan Cabral

Written by

I‘m a daily coder FullStack developer with more than 10 years of experience, creator of gambling web sites, writer for JavaScript and Cryptocurrencies

More From Medium

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade