1. Sign Up Modal
Author: Larissa Rabello (larirabello)
Links: Source Code / Demo
Created on: April 22, 2019
Made with: HTML, CSS
Tags: dailyui, signup, modal, challenge
2. Wavy Login Form
Cute login form with vertical wave animation
Author: Danijel Vincijanovic (davinci)
Links: Source Code / Demo
Created on: July 29, 2017
Made with: HTML, SCSS
Tags: login, form, sea, wawes
3. Simple Registration Form
This is part 2 of my pure CSS form validation and interactions. On this pen I added more input fields and simple progress tracking animation. Design inspired from Xavier Coulombe-M's work on dribbble: https://dribbble.com/shots/2510592-Simple-register-form Part 1: https://codepen.io/bert...
Read More
Author: bertdida (bertdida)
Links: Source Code / Demo, Dribbble Shot, Codepen.io
Created on: October 17, 2018
Made with: HTML, SCSS, JS
Tags: purecss, form, switch, registration, checkbox
4. Login Modal
Author: Mert Cukuren (knyttneve)
Links: Source Code / Demo
Created on: October 1, 2018
Made with: HTML, SCSS, Babel
Tags: modal, login, register, form
5. CSS Cube Login Form
Pure CSS Cube buttons and inputs for login form with gradien styles
Author: Marko (marko-zub)
Links: Source Code / Demo
Created on: October 3, 2018
Made with: Haml, SCSS
CSS Pre-processor: SCSS
JS Pre-processor: None
HTML Pre-processor: Haml
Tags: css buttom gradiet, cube button, 3d button pure css, form
6. CSS-Only Accessible Floating Labels Advanced Version
Author: Pablo Eugenio Lujambio Martinez (elujambio)
Links: Source Code / Demo
Created on: May 22, 2018
Made with: HTML, SCSS
7. The Prismatic Forms
A new idea to have all your forms in one place! P.s all forms lead to the Thank you page for demonstration only.
Author: Nour Saud (nourabusoud)
Links: Source Code / Demo
Created on: May 8, 2018
Made with: HTML, SCSS, JS
Tags: prism, form, animation
8. Login Form Animation
Login page animation template created with CSS3 and vanilla javascript DOM elements. Will surely try to upgrade it with more better animation effects.
Author: Yogini Bende (ms_yogi)
Links: Source Code / Demo
Created on: May 5, 2018
Made with: HTML, SCSS, JS
Tags: css3, animation, ui, javascript, daily-ui
9. Login/signup Form Animation
Author: Shayan (shayanea)
Links: Source Code / Demo, Www.instagram.com
Created on: February 20, 2018
Made with: HTML, SCSS, JS
10. Snake Highlight
Slithering highlight in login form
Author: Mikael Ainalem (ainalem)
Links: Source Code / Demo
Created on: February 12, 2018
Made with: HTML, CSS, JS
Tags: snake, highlight, login, form, signup
11. Login Form
Author: Tony Banik (banik)
Links: Source Code / Demo
Created on: October 24, 2018
Made with: Pug, SCSS
CSS Pre-processor: SCSS
JS Pre-processor: None
HTML Pre-processor: Pug
Tags: login, css, transform
12. Wavy Login Form
Cute login form with vertical wave animation
Author: Danijel Vincijanovic (davinci)
Links: Source Code / Demo
Created on: July 29, 2017
Made with: HTML, SCSS
Tags: login, form, sea, wawes
13. Login Form ( Only CSS )
Author: sean_codes (sean_codes)
Links: Source Code / Demo
Created on: November 17, 2017
Made with: Pug, SCSS, JS
CSS Pre-processor: SCSS
JS Pre-processor: None
HTML Pre-processor: Pug
14. Animated Form
Registration form with pure CSS animations. Idea by Gal Shir.
Author: Maxim Konoval (frontendmax)
Links: Source Code / Demo
Created on: May 21, 2016
Made with: HTML, CSS, JS
Tags: form, registration form, login, sign-up, animated-form
15. Gradient Sign Up
A simple sign up concept
Author: Tobias (Tbgse)
Links: Source Code / Demo
Created on: April 1, 2016
Made with: HTML, CSS
Tags: daily ui, sign-up, 001, gradient, flat
16. Pink Sign Up Form
Sign up & Sign in Form for a flower company app animated with jQuery. Design inspiration by lavender flowers with pastel colors
Author: Julie Park (juliepark)
Links: Source Code / Demo
Created on: March 20, 2018
Made with: HTML, SCSS, JS
Tags: sign-in-form, sign-up-form, animated sign in, dailyui, signup
17. Sign In Button And Form
I just wanted to play around with a couple of button ideas. The button has a hover state which pulls a skewed transparent white overlay over the button's background color. When the button is clicked, the sign in form appears from within the button.
Author: Cole Waldrip (colewaldrip)
Links: Source Code / Demo
Created on: January 7, 2016
Made with: HTML, SCSS, JS
Tags: button, form, material, flex
18. Blue And Green Sign Up
Author: Marco Biedermann (marcobiedermann)
Links: Source Code / Demo
Created on: November 15, 2015
Made with: HTML, SCSS
Tags: ui, register, form, sign-in
19. Log In Form CSS 2017
Omar Dsoky form Log in for 2017 new
Author: Omar Dsooky (linux)
Links: Source Code / Demo
Created on: June 7, 2017
Made with: HTML, CSS, JS
Tags: form, odsoky, animation, login
20. Day 001 Login Form
Author: Mohan Khadka (khadkamhn)
Links: Source Code / Demo, Dribbble.com
Created on: June 30, 2015
Made with: HTML, CSS
Tags: login, ui, form, css, flat
21. Responsive Login UI
Author: Aaron Moran (moran98)
Links: Source Code / Demo
Created on: August 25, 2020
Made with: HTML, CSS
Tags: responsive, login, card, dailyui
22. Login Form
I built this login form to block the front end of most of my freelance wordpress projects during the development stage. This is just the HTML / CSS of it but it uses wordpress's login system. Nice and Simple
Author: Tyler Fry (frytyler)
Links: Source Code / Demo
Created on: January 31, 2013
Made with: HTML, CSS, JS
Tags: form, login, ui
23. Login Form Using HTML5 And CSS3
This is an example how to create a simple login form using HTML5 and CSS3. This form uses pseudo elements (:after and :before) to create the multi page effect. These elements are rotated using the CSS3 transform property. This form uses HTML5 to make validation and submission easy.
Author: Brad Bodine (bbodine1)
Links: Source Code / Demo
Created on: January 3, 2013
Made with: HTML, CSS, JS
Tags: login, css3, html5
24. Bootstrap Snippet: Login Form
Using default Bootstrap 3.0, here's a short CSS snippet to style your login form.
Author: Ace Subido (ace-subido)
Links: Source Code / Demo
Created on: November 15, 2013
Made with: HTML, SCSS
Tags: bootstrap, sass
25. Login Form
Simple Login Form with Flat UI
Author: Tushar Sonawane (Tushkiz)
Links: Source Code / Demo
Created on: August 6, 2013
Made with: HTML, CSS
Tags: login, form, flat, ui
26. Login Form
Simple flat login form.
Author: SirWags (SirWags)
Links: Source Code / Demo
Created on: May 11, 2014
Made with: HTML, CSS
Tags: login, flat, form
27. Custom Login Form
Author: Bahadır Tezer (bahadirtezer)
Links: Source Code / Demo
Created on: September 23, 2013
Made with: HTML, CSS
Tags: login, login-form, css3, pure-css
28. Hovering CSS Login Form
Author: Shawn (shaligramk)
Links: Source Code / Demo
Made with: HTML, CSS
29. Login Form
A nice green and yellow login form.
Author: James Acklin (jamesacklin)
Links: Source Code / Demo
Created on: September 6, 2012
Made with: HTML, SCSS
30. Login Form
Modern login form using less and css3. its easy to use in your project..
Author: Umesh (umeshagouda)
Links: Source Code / Demo
Created on: April 21, 2014
Made with: HTML, Less
Tags: form, login, css3-animation, less, responsive
31. Fancy Login Form
This fantastic registration form is simple and attractive for any website
Author: Ivan Arcos (ivanovic)
Links: Source Code / Demo
Created on: March 13, 2013
Made with: HTML, CSS
Tags: login, form, html5, css3, fancy
