https://github.com/mazipan/login-page-css
🔐 An Open Source Template for Login Page From Scratch Without Any CSS Framework
https://github.com/mazipan/login-page-css
css-template hacktoberfest login-css login-form login-page login-template
Last synced: about 1 year ago
JSON representation
🔐 An Open Source Template for Login Page From Scratch Without Any CSS Framework
- Host: GitHub
- URL: https://github.com/mazipan/login-page-css
- Owner: mazipan
- License: mit
- Created: 2020-05-26T05:22:34.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2023-12-28T19:08:29.000Z (over 2 years ago)
- Last Synced: 2025-01-08T05:37:18.120Z (over 1 year ago)
- Topics: css-template, hacktoberfest, login-css, login-form, login-page, login-template
- Language: HTML
- Homepage: https://mazipan.github.io/login-page-css/
- Size: 12.7 MB
- Stars: 179
- Watchers: 7
- Forks: 78
- Open Issues: 12
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# login-page-css
[](#contributors)
  [](http://commitizen.github.io/cz-cli/)
🔐 An Open Source Template for Login Page From Scratch Without Any CSS Framework
## Live
https://mazipan.github.io/login-page-css/
## Avalaible Template
### Meg on Dribbble
- [Source Design](https://dribbble.com/shots/3666951-Log-in-to-your-store)
- [Demo](https://mazipan.github.io/login-page-css/01-shopify/index.html)
- [@mazipan](https://github.com/mazipan/)
### Bukalapak Login Page
- [Source Design](https://www.bukalapak.com/login)
- [Demo](https://mazipan.github.io/login-page-css/02-bukalapak/index.html)
- [@mazipan](https://github.com/mazipan/)
### Google Login Page
- [Source Design](https://www.google.co.id/login)
- [Demo](https://mazipan.github.io/login-page-css/03-google/index.html)
- [@josprima](https://github.com/josprima/)
### KitaBisa Login Page
- [Source Design](https://kitabisa.com/login)
- [Demo](https://mazipan.github.io/login-page-css/04-kitabisa/index.html)
- [@aslam97](https://github.com/aslam97/)
### Mailchimp Login Page
- [Source Design](https://login.mailchimp.com/)
- [Demo](https://mazipan.github.io/login-page-css/05-mailchimp/index.html)
- [@mazipan](https://github.com/mazipan/)
### Tiket Login Page
- [Source Design](https://tix.tiket.com/login)
- [Demo](https://mazipan.github.io/login-page-css/06-tiket/index.html)
- [@hardi-dev](https://github.com/hardi-dev/)
### Paypal Login Page
- [Source Design](https://www.paypal.com/en/signin)
- [Demo](https://mazipan.github.io/login-page-css/07-paypal/index.html)
- [@Fadil3](https://github.com/Fadil3/)
### Facebook Login Page
- [Source Design](https://web.facebook.com/?_rdc=1&_rdr)
- [Demo](https://mazipan.github.io/login-page-css/08-facebook/index.html)
- [@muh-hizbe](https://github.com/muh-hizbe/)
### Quora Login Page
- [Source Design](https://id.quora.com)
- [Demo](https://mazipan.github.io/login-page-css/10-quora-indo/index.html)
- [@naufaldi](https://github.com/naufaldi/)
### Dropbox Login Page
- [Source Design](https://www.dropbox.com/login)
- [Demo](https://mazipan.github.io/login-page-css/11-dropbox/index.html)
- [@naufaldi](https://github.com/naufaldi/)
### Evernote Login Page
- [Source Design](https://www.evernote.com/Login.action)
- [Demo](https://mazipan.github.io/login-page-css/12-evernote/index.html)
- [@muh-hizbe](https://github.com/muh-hizbe/)
### Mangools Login Page
- [Source Design](https://mangools.com/users/sign_in)
- [Demo](https://mazipan.github.io/login-page-css/13-mangools/index.html)
- [@naufaldi](https://github.com/naufaldi/)
### Uber Login Page
- [Source Design](https://auth.uber.com/login/)
- [Demo](https://mazipan.github.io/login-page-css/14-uber/index.html)
- [@xxidbr9](https://github.com/xxidbr9/)
### Netflix Login Page
- [Source Design](https://www.netflix.com/in/login)
- [Demo](https://mazipan.github.io/login-page-css/15-netflix/index.html)
- [@SubhamKarmakar24](https://github.com/SubhamKarmakar24)
### The Washington Post Login Page
- [Source Design](https://www.washingtonpost.com/subscribe/signin/)
- [Demo](https://mazipan.github.io/login-page-css/16-the-washington-post/index.html)
- [@tentpoles](https://github.com/tentpoles)
### Amazon
- Amazon's Sign-In page varies by location
- [Demo](https://mazipan.github.io/login-page-css/17-amazon/index.html)
- [@Gab990](https://github.com/Gab990)
### Instagram Login Page
- [Source Design](https://www.instagram.com/accounts/login)
- [Demo](https://mazipan.github.io/login-page-css/18-instagram/index.html)
- [@abhj](https://github.com/abhj)
### Twitter Login Page
- [Source Design](https://twitter.com)
- [Demo](https://mazipan.github.io/login-page-css/20-twitter/index.html)
- [@abhj](https://github.com/abhj)
## Contribution
This project is very far from perfect, any contributions from you is very welcomed. You can help me with submit any issues you found, fixing any bugs, submit awesome login page design inspiration, or adding new login page by your self.
Let's create an awesome open source css template together!
## Notes for Contributors
- I suggest to not use real Logo for demo page, this is for avoid "phishing" perceptions.
- We also doesn't need to use all real assets, just focus on the layout.
- Use minimum JavaScript. You can add JS only for interactions.
- We doesn't need to replicate all state, e.g: errors, success, etc. But you can add it when you need.
- Please always put an additional footer, You can replace the author text with your own name and link.
## Credits
- Dribbble
## Support me
- 👉 🇮🇩 [Trakteer](https://trakteer.id/mazipan?utm_source=github)
- 👉 🌍 [BuyMeACoffe](https://www.buymeacoffee.com/mazipan?utm_source=github)
- 👉 🌍 [Paypal](https://www.paypal.me/mazipan?utm_source=github)
- 👉 🌍 [Ko-Fi](https://ko-fi.com/mazipan)
---
Crafted with ❤️ by [Irfan Maulana](https://mazipan.space/), © 2020
## Contributors ✨
Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):
Irfan Maulana
💻 👀
Josprima Sihombing
💻
Hardiansa
💻
Fadil3
💻
Aslam
💻
Denni Bevilacqua
🐛
Muhammad Hizbullah
💻
Naufaldi
💻
Barnando Akbarto Hidayatullah
💻
Subham Karmakar
💻
Bhimo Alkautsar
💻
Gab990
💻
Abhijay Mitra
💻
This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!