58 Login Page in HTML and CSS
Collection of HTML and CSS Login Forms template examples. Hand-Picked from codepen.io and other resources.
1. Login Form with Floating Placeholder and Light Button
Made with: Html / CSS
Created by Soufiane Khalfaoui HaSsani, CreatedAt April 8, 2020
Responsive : yes
Compatible browsers : Chrome, Edge, Firefox, Opera, Safari
2. Flat HTML5/CSS3 Login Form
Made with: Html / CSS / JS
Created by Aigars Silkalns, CreatedAt January 26, 2016
Responsive : yes
Dependencies : jQuery.js
Compatible browsers : Chrome, Edge, Firefox, Opera, Safari
3. Login Page Form
Made with: Html (Pug) / CSS (Stylus) / JS (Babel)
Created by Filip Vitas, CreatedAt May 6, 2018
Responsive : yes
Dependencies : font-awesome.css, lodash.js
Compatible browsers : Chrome, Edge, Firefox, Opera, Safari
4. Bootstrap Login page
Made with: Html / CSS
Created by Yinka Enoch Adedokun, CreatedAt November 6, 2018
Responsive : yes
Dependencies : Font-Awesome.css, Bootstrap.css
Compatible browsers : Chrome, Edge, Firefox, Opera, Safari
5. Bootstrap Login Page
Made with: Html / CSS
Created by Emre Berber, CreatedAt September 6, 2017
Responsive : yes
Dependencies : Font-Awesome.css, Bootstrap.css, Google Fonts
Compatible browsers : Chrome, Edge, Firefox, Opera, Safari
6. Instagram login page
Made with: Html / CSS
Created by rajeshdn, CreatedAt February 11, 2017
Responsive : yes
Dependencies : Google Fonts.
Compatible browsers : Chrome, Edge, Firefox, Opera, Safari
7. Bootstrap Responsive Login Page
Made with: Html / CSS
Created by Pranali, CreatedAt June 30, 2016
Responsive : yes
Dependencies : Bootstrap.css, Bootstrap.js, jQuery.js
Compatible browsers : Chrome, Edge, Firefox, Opera, Safari
8. Login Page Anime.js
Made with: Html / CSS / JS
Created by Swarup Kumar Kuila, CreatedAt August 5, 2020
Responsive : yes
Dependencies : Bootstrap.css, Anime.js
Compatible browsers : Chrome, Edge, Firefox, Opera, Safari
9. Login
Made with: Html / CSS
Created by Alireza Attari, CreatedAt March 25, 2014
Responsive : yes
Dependencies : -
Compatible browsers : Chrome, Edge, Firefox, Opera, Safari
10. Login page
Made with: Html / CSS (SCSS) / JS
Created by Kenneth Aamås, CreatedAt September 29, 2017
Responsive : yes
Dependencies : -
Compatible browsers : Chrome, Edge, Firefox, Opera, Safari
11. Form Design
Made with: Html / CSS / JS
Created by Timurtek Bizel, CreatedAt October 21, 2014
Responsive : yes
Dependencies : jQuery.js
Compatible browsers : Chrome, Edge, Firefox, Opera, Safari
12. Login Page UI
Made with: Html / CSS
Created by Khaled Mneimneh, CreatedAt January 9, 2017
Responsive : no
Dependencies : Font-Awesome.css, Google Fonts
Compatible browsers : Chrome, Edge, Firefox, Opera, Safari
13. Dark blue Login Page
Made with: Html / CSS / JS
Created by Peeyush Gupta, CreatedAt November 24, 2016
Responsive : yes
Dependencies : Font-Awesome.css, Bootstrap.css, particles.js, jQuery.js
Compatible browsers : Chrome, Edge, Firefox, Opera, Safari
14. Login Page
Made with: Html / CSS / JS
Created by Troy Slaten, CreatedAt July 23, 2013
Responsive : no
Dependencies : jQuery.js
Compatible browsers : Chrome, Edge, Firefox, Opera, Safari
15. Login Module with CSS3 & TypeScript
Made with: Html / CSS (Less) / JS (TypeScript)
Created by Annár Zsolt, CreatedAt August 3, 2016
Responsive : no
Dependencies : jQuery.js
Compatible browsers : Chrome, Edge, Firefox, Opera, Safari
16. Full-screen Log In Page
Made with: Html
Created by Sahil Vhora, CreatedAt October 19, 2019
Responsive : yes
Dependencies : tailwind CSS
Compatible browsers : Chrome, Edge, Firefox, Opera, Safari
17. Login Page
Made with: Html / CSS / JS
Created by Bridges, CreatedAt July 14, 2017
Responsive : yes
Dependencies : -
Compatible browsers : Chrome, Edge, Firefox, Opera, Safari
18. Discord login page
Made with: Html / CSS (SCSS)
Created by Anthony Koch, CreatedAt April 12, 2016
Responsive : yes
Dependencies : -
Compatible browsers : Chrome, Edge, Firefox, Opera, Safari
19. Responsive login page
Made with: Html / CSS
Created by Muhammad Abul-Gharaniq, CreatedAt October 31, 2013
Responsive : yes
Dependencies : Font-Awesome.css
Compatible browsers : Chrome, Edge, Firefox, Opera, Safari
20. Login page
Made with: Html / CSS
Created by Ahmed, CreatedAt September 9, 2019
Responsive : no
Dependencies : Font-Awesome
Compatible browsers : Chrome, Edge, Firefox, Opera, Safari
21. Responsive Login Form Page
Made with: Html / CSS (SCSS)
Created by Syahrizal, CreatedAt October 19, 2020
Responsive : yes
Dependencies : ionicons.css
Compatible browsers : Chrome, Edge, Firefox, Opera, Safari
22. Fake Login page with jQuery
Made with: Html / CSS (Less) / JS
Created by Arkev, CreatedAt December 10, 2014
Responsive : no
Dependencies : animate.css, Google Fonts, jQuery.js
Compatible browsers : Chrome, Edge, Firefox, Opera, Safari
23. Bootstrap Login and Register material design
Made with: Html / CSS (Less) / JS
Created by Yousef Sami, CreatedAt November 13, 2016
Responsive : yes
Dependencies : bootstrap.css, bootstrap.js, jQuery.js
Compatible browsers : Chrome, Edge, Firefox, Opera, Safari
24. Login Page Design & React Implementation
Made with: Html (Pug) / CSS (SCSS) / JS (Babel)
Created by Fionna, CreatedAt March 31, 2020
Responsive : yes
Dependencies : antd.css, antd.js, React.js, React-Dom.js
Compatible browsers : Chrome, Edge, Firefox, Opera, Safari
25. Login Page Design & React Implementation
Made with: Html / CSS
Created by Swarup Kumar Kuila, CreatedAt August 30, 2019
Responsive : yes
Dependencies : bootstrap.css
Compatible browsers : Chrome, Edge, Firefox, Opera, Safari
26. Material Design Login Page
Made with: Html / CSS (SCSS)
Created by Ebubekir Tabak, CreatedAt February 3, 2018
Responsive : no
Dependencies : MaterialDesignIcons.css
Compatible browsers : Chrome, Edge, Firefox, Opera, Safari
27. Nice Admin Login Page
Made with: Html / CSS
Created by Kelvin Queiróz, CreatedAt August 29, 2019
Responsive : no
Dependencies : Font-Awesome.css
Compatible browsers : Chrome, Edge, Firefox, Opera, Safari
28. PUBG Login Page
Made with: Html / CSS
Created by John Chimaobi, CreatedAt July 7, 2019
Responsive : no
Dependencies : Font-Awesome.css, Google Fonts
Compatible browsers : Chrome, Edge, Firefox, Opera, Safari
29. DailyUI Login Page
Made with: Html / CSS / JS
Created by Emily Goldfein, CreatedAt May 5, 2017
Responsive : no
Dependencies : Google Fonts, Font-Awesome.css, jQuery.js, TweenMax.js
Compatible browsers : Chrome, Edge, Firefox, Opera, Safari
30. Fluent Design Login form
Made with: Html / CSS / JS
Created by Elchaninov Ivan, CreatedAt July 24, 2017
Responsive : no
Dependencies : jQuery.js, Google Fonts
Compatible browsers : Chrome, Edge, Firefox, Opera, Safari
31. Iron Man Login Form
Made with: Html / CSS (SCSS)
Created by Hugo Darby-Brown, CreatedAt April 30, 2013
Responsive : no
Dependencies : jQuery.js, Google Fonts
Compatible browsers : Chrome, Edge, Firefox, Opera, Safari
32. Login form UI Design
Made with: Html / CSS (SCSS) / JS (Typescript)
Created by Chouaib Belagoun 👋, CreatedAt September 28, 2017
Responsive : no
Dependencies : jQuery.js, Font-Awesome.css
Compatible browsers : Chrome, Edge, Firefox, Opera, Safari
33. Synthwave login page concept
Made with: Html / CSS / JS
Created by Alaric Baraou, CreatedAt May 31, 2018
Responsive : yes
Dependencies : TweenMax.js, Google Fonts
Compatible browsers : Chrome, Edge, Firefox, Opera, Safari
34. Login Page
Made with: Html / CSS (SCSS)
Created by Peter, CreatedAt July 21, 2017
Responsive : no
Dependencies : Font-Awesome.css, Google Fonts
Compatible browsers : Chrome, Edge, Firefox, Opera, Safari
35. Sign In & Sign Up & Password recover
Made with: Html / CSS / JS
Created by Muhammed Erdem, CreatedAt October 10, 2017
Responsive : yes
Dependencies : jQuery.js
Compatible browsers : Chrome, Edge, Firefox, Opera, Safari
36. Login Page
Made with: Html / CSS / JS
Created by alieabbasi, CreatedAt September 25, 2020
Responsive : yes
Dependencies : Google Fonts
Compatible browsers : Chrome, Edge, Firefox, Opera, Safari
37. Wavy login form
Made with: Html / CSS (SCSS)
Created by Danijel Vincijanovic, CreatedAt July 29, 2017
Responsive : no
Dependencies : -
Compatible browsers : Chrome, Edge, Firefox, Opera, Safari
38. Elegant Login Form
Made with: Html / CSS / JS
Created by Anees Khan, CreatedAt November 10, 2018
Responsive : no
Dependencies : typicons.css, Font-Awesome.css, animate.css, particles.js
Compatible browsers : Chrome, Edge, Firefox, Opera, Safari
39. Animated Login Form
Made with: Html / CSS
Created by Stack Findover, CreatedAt January 2, 2021
Responsive : yes
Dependencies : -
Compatible browsers : Chrome, Edge, Firefox, Opera, Safari
40. Glassmorphism login Form
Made with: Html
Created by Foolish Developer, CreatedAt September 13, 2021
Responsive : no
Dependencies : Font-Awesome.css, Google Fonts
Compatible browsers : Chrome, Edge, Firefox, Opera, Safari
41. Facebook Login Page
Made with: Html / CSS
Created by Amit, CreatedAt February 12, 2022
Responsive : no
Dependencies : -
Compatible browsers : Chrome, Edge, Firefox, Opera, Safari
42. Login Page
Made with: Html / CSS / JS
Created by Jeremy, CreatedAt December 11, 2017
Responsive : no
Dependencies : -
Compatible browsers : Chrome, Edge, Firefox, Opera, Safari
43. Beautiful Login Page
Made with: Html / CSS (SCSS)
Created by Mohammad Rahmani, CreatedAt May 31, 2019
Responsive : yes
Dependencies : -
Compatible browsers : Chrome, Edge, Firefox, Opera, Safari
44. Social Login
Made with: Html / CSS / JS
Created by Rvrs Code, CreatedAt December 11, 2021
Responsive : yes
Dependencies : Google Fonts, Font-Awesome.css
Compatible browsers : Chrome, Edge, Firefox, Opera, Safari
45. CSS Cube Login Form
Made with: Html (Haml) / CSS (SCSS)
Created by Marko, CreatedAt October 3, 2018
Responsive : no
Dependencies : -
Compatible browsers : Chrome, Edge, Firefox, Opera, Safari
46. Glassmorphic Sign in Form
Made with: Html / CSS (SCSS)
Created by Shounak, CreatedAt December 10, 2020
Responsive : no
Dependencies : Google Fonts
Compatible browsers : Chrome, Edge, Firefox, Opera, Safari
47. Sign Up & Sign In Form
Made with: Html / CSS (SCSS) / JS
Created by Julie Park, CreatedAt March 20, 2018
Responsive : no
Dependencies : jQuery.js
Compatible browsers : Chrome, Edge, Firefox, Opera, Safari
48. Login Form
Made with: Html (Pug) / CSS (SCSS)
Created by Tony Banik, CreatedAt October 24, 2018
Responsive : no
Dependencies : -
Compatible browsers : Chrome, Edge, Firefox, Opera, Safari
49. Login/Signup Form Animation
Made with: Html / CSS (SCSS) / JS
Created by Shayan, CreatedAt February 20, 2018
Responsive : no
Dependencies : -
Compatible browsers : Chrome, Edge, Firefox, Opera, Safari
50. Cyber Sign In form
Made with: Html / CSS (SCSS) / JS
Created by Bartosz Sepioło, CreatedAt March 7, 2020
Responsive : no
Dependencies : -
Compatible browsers : Chrome, Edge, Firefox, Opera, Safari
51. Finance Mobile Application Login Page
Made with: Html (Pug) / CSS (SCSS)
Created by S G, CreatedAt October 28, 2021
Responsive : no
Dependencies : Google Fonts
Compatible browsers : Chrome, Edge, Firefox, Opera, Safari
52. Glassmorphism Login Page
Made with: Html / CSS
Created by Àgbà Akin, CreatedAt December 14, 2021
Responsive : no
Dependencies : Google Fonts, Font-Awesome.css
Compatible browsers : Chrome, Edge, Firefox, Opera, Safari
53. Glassmorphism Login Page
Made with: Html / CSS
Created by Erol Umut, CreatedAt February 22, 2023
Responsive : yes
Dependencies : -
Compatible browsers : Chrome, Edge, Firefox, Opera, Safari
54. Sign In / Sign Up Slider Form
Made with: Html / CSS / JS
Created by Chantal, CreatedAt March 6, 2019
Responsive : no
Dependencies : -
Compatible browsers : Chrome, Edge, Firefox, Opera, Safari
55. Sign In Page
Made with: Html / CSS / JS
Created by PH0B14, CreatedAt February 27, 2023
Responsive : yes
Dependencies : Google Fonts
Compatible browsers : Chrome, Edge, Firefox, Opera, Safari
56. Sign in page
Made with: Html / CSS
Created by Tanel, CreatedAt December 2, 2021
Responsive : yes
Dependencies : -
Compatible browsers : Chrome, Edge, Firefox, Opera, Safari
57. Login Page
Made with: Html / CSS
Created by Furkan Giray, CreatedAt October 10, 2020
Responsive : yes
Dependencies : Font-Awesome.css, Bootstrap.css
Compatible browsers : Chrome, Edge, Firefox, Opera, Safari
58. Login Page
Made with: Html / CSS / JS
Created by Yash Kumar Verma, CreatedAt October 11, 2015
Responsive : no
Dependencies : Font-Awesome.css, jQuery.js, Google Fonts
Compatible browsers : Chrome, Edge, Firefox, Opera, Safari