{"id":16432175,"url":"https://github.com/mazipan/login-page-css","last_synced_at":"2025-02-25T14:46:24.977Z","repository":{"id":46549964,"uuid":"266951645","full_name":"mazipan/login-page-css","owner":"mazipan","description":"🔐 An Open Source Template for Login Page From Scratch Without Any CSS Framework","archived":false,"fork":false,"pushed_at":"2023-12-28T19:08:29.000Z","size":13314,"stargazers_count":179,"open_issues_count":12,"forks_count":78,"subscribers_count":7,"default_branch":"master","last_synced_at":"2025-01-08T05:37:18.120Z","etag":null,"topics":["css-template","hacktoberfest","login-css","login-form","login-page","login-template"],"latest_commit_sha":null,"homepage":"https://mazipan.github.io/login-page-css/","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/mazipan.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-05-26T05:22:34.000Z","updated_at":"2025-01-04T13:31:57.000Z","dependencies_parsed_at":"2024-11-10T18:50:17.236Z","dependency_job_id":"f7a97a83-d30f-441e-a56c-de640c25e5aa","html_url":"https://github.com/mazipan/login-page-css","commit_stats":null,"previous_names":[],"tags_count":0,"template":true,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mazipan%2Flogin-page-css","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mazipan%2Flogin-page-css/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mazipan%2Flogin-page-css/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mazipan%2Flogin-page-css/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mazipan","download_url":"https://codeload.github.com/mazipan/login-page-css/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240689394,"owners_count":19841926,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css-template","hacktoberfest","login-css","login-form","login-page","login-template"],"created_at":"2024-10-11T08:42:50.197Z","updated_at":"2025-02-25T14:46:24.907Z","avatar_url":"https://github.com/mazipan.png","language":"HTML","readme":"# login-page-css\n\n\u003c!-- ALL-CONTRIBUTORS-BADGE:START - Do not remove or modify this section --\u003e\n[![All Contributors](https://img.shields.io/badge/all_contributors-13-brightgreen.svg)](#contributors)\n\u003c!-- ALL-CONTRIBUTORS-BADGE:END --\u003e\n\n![Deploy](https://github.com/mazipan/login-page-css/workflows/Deploy/badge.svg?branch=master) ![PRs Welome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg) [![Commitizen friendly](https://img.shields.io/badge/commitizen-friendly-brightgreen.svg)](http://commitizen.github.io/cz-cli/)\n\n🔐 An Open Source Template for Login Page From Scratch Without Any CSS Framework\n\n\u003cp align=\"center\"\u003e\n \u003cimg src=\"src/assets/logo.png\" width=\"100\"/\u003e\n\u003c/p\u003e\n\n## Live\n\nhttps://mazipan.github.io/login-page-css/\n\n## Avalaible Template\n\n### Meg on Dribbble\n\n- [Source Design](https://dribbble.com/shots/3666951-Log-in-to-your-store)\n- [Demo](https://mazipan.github.io/login-page-css/01-shopify/index.html)\n- [@mazipan](https://github.com/mazipan/)\n### Bukalapak Login Page\n\n- [Source Design](https://www.bukalapak.com/login)\n- [Demo](https://mazipan.github.io/login-page-css/02-bukalapak/index.html)\n- [@mazipan](https://github.com/mazipan/)\n\n### Google Login Page\n\n- [Source Design](https://www.google.co.id/login)\n- [Demo](https://mazipan.github.io/login-page-css/03-google/index.html)\n- [@josprima](https://github.com/josprima/)\n\n### KitaBisa Login Page\n\n- [Source Design](https://kitabisa.com/login)\n- [Demo](https://mazipan.github.io/login-page-css/04-kitabisa/index.html)\n- [@aslam97](https://github.com/aslam97/)\n\n### Mailchimp Login Page\n\n- [Source Design](https://login.mailchimp.com/)\n- [Demo](https://mazipan.github.io/login-page-css/05-mailchimp/index.html)\n- [@mazipan](https://github.com/mazipan/)\n\n### Tiket Login Page\n\n- [Source Design](https://tix.tiket.com/login)\n- [Demo](https://mazipan.github.io/login-page-css/06-tiket/index.html)\n- [@hardi-dev](https://github.com/hardi-dev/)\n\n### Paypal Login Page\n\n- [Source Design](https://www.paypal.com/en/signin)\n- [Demo](https://mazipan.github.io/login-page-css/07-paypal/index.html)\n- [@Fadil3](https://github.com/Fadil3/)\n\n### Facebook Login Page\n\n- [Source Design](https://web.facebook.com/?_rdc=1\u0026_rdr)\n- [Demo](https://mazipan.github.io/login-page-css/08-facebook/index.html)\n- [@muh-hizbe](https://github.com/muh-hizbe/)\n\n### Quora Login Page\n\n- [Source Design](https://id.quora.com)\n- [Demo](https://mazipan.github.io/login-page-css/10-quora-indo/index.html)\n- [@naufaldi](https://github.com/naufaldi/)\n\n### Dropbox Login Page\n\n- [Source Design](https://www.dropbox.com/login)\n- [Demo](https://mazipan.github.io/login-page-css/11-dropbox/index.html)\n- [@naufaldi](https://github.com/naufaldi/)\n\n### Evernote Login Page\n\n- [Source Design](https://www.evernote.com/Login.action)\n- [Demo](https://mazipan.github.io/login-page-css/12-evernote/index.html)\n- [@muh-hizbe](https://github.com/muh-hizbe/)\n\n### Mangools Login Page\n\n- [Source Design](https://mangools.com/users/sign_in)\n- [Demo](https://mazipan.github.io/login-page-css/13-mangools/index.html)\n- [@naufaldi](https://github.com/naufaldi/)\n\n### Uber Login Page\n\n- [Source Design](https://auth.uber.com/login/)\n- [Demo](https://mazipan.github.io/login-page-css/14-uber/index.html)\n- [@xxidbr9](https://github.com/xxidbr9/)\n\n### Netflix Login Page\n\n- [Source Design](https://www.netflix.com/in/login)\n- [Demo](https://mazipan.github.io/login-page-css/15-netflix/index.html)\n- [@SubhamKarmakar24](https://github.com/SubhamKarmakar24)\n\n### The Washington Post Login Page\n\n- [Source Design](https://www.washingtonpost.com/subscribe/signin/)\n- [Demo](https://mazipan.github.io/login-page-css/16-the-washington-post/index.html)\n- [@tentpoles](https://github.com/tentpoles)\n\n### Amazon\n\n- Amazon's Sign-In page varies by location\n- [Demo](https://mazipan.github.io/login-page-css/17-amazon/index.html)\n- [@Gab990](https://github.com/Gab990)\n\n### Instagram Login Page\n\n- [Source Design](https://www.instagram.com/accounts/login)\n- [Demo](https://mazipan.github.io/login-page-css/18-instagram/index.html)\n- [@abhj](https://github.com/abhj)\n\n### Twitter Login Page\n\n- [Source Design](https://twitter.com)\n- [Demo](https://mazipan.github.io/login-page-css/20-twitter/index.html)\n- [@abhj](https://github.com/abhj)\n\n## Contribution\n\nThis 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.\nLet's create an awesome open source css template together!\n\n## Notes for Contributors\n\n- I suggest to not use real Logo for demo page, this is for avoid \"phishing\" perceptions.\n- We also doesn't need to use all real assets, just focus on the layout.\n- Use minimum JavaScript. You can add JS only for interactions.\n- We doesn't need to replicate all state, e.g: errors, success, etc. But you can add it when you need.\n- Please always put an additional footer, You can replace the author text with your own name and link.\n\n## Credits\n\n- Dribbble\n\n## Support me\n\n- 👉 🇮🇩 [Trakteer](https://trakteer.id/mazipan?utm_source=github)\n- 👉 🌍 [BuyMeACoffe](https://www.buymeacoffee.com/mazipan?utm_source=github)\n- 👉 🌍 [Paypal](https://www.paypal.me/mazipan?utm_source=github)\n- 👉 🌍 [Ko-Fi](https://ko-fi.com/mazipan)\n\n---\n\nCrafted with ❤️ by [Irfan Maulana](https://mazipan.space/), © 2020\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n\u003c!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section --\u003e\n\u003c!-- prettier-ignore-start --\u003e\n\u003c!-- markdownlint-disable --\u003e\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://mazipan.space\"\u003e\u003cimg src=\"https://avatars0.githubusercontent.com/u/7221389?v=4?s=48\" width=\"48px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eIrfan Maulana\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/mazipan/login-page-css/commits?author=mazipan\" title=\"Code\"\u003e💻\u003c/a\u003e \u003ca href=\"https://github.com/mazipan/login-page-css/pulls?q=is%3Apr+reviewed-by%3Amazipan\" title=\"Reviewed Pull Requests\"\u003e👀\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/josprima\"\u003e\u003cimg src=\"https://avatars2.githubusercontent.com/u/29558962?v=4?s=48\" width=\"48px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eJosprima Sihombing\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/mazipan/login-page-css/commits?author=josprima\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/hardi-dev\"\u003e\u003cimg src=\"https://avatars0.githubusercontent.com/u/9802488?v=4?s=48\" width=\"48px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eHardiansa\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/mazipan/login-page-css/commits?author=hardi-dev\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/Fadil3\"\u003e\u003cimg src=\"https://avatars2.githubusercontent.com/u/55126764?v=4?s=48\" width=\"48px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eFadil3\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/mazipan/login-page-css/commits?author=Fadil3\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"http://aslam.tech\"\u003e\u003cimg src=\"https://avatars1.githubusercontent.com/u/25027592?v=4?s=48\" width=\"48px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eAslam\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/mazipan/login-page-css/commits?author=Aslam97\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/dennib\"\u003e\u003cimg src=\"https://avatars2.githubusercontent.com/u/13068594?v=4?s=48\" width=\"48px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eDenni Bevilacqua\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/mazipan/login-page-css/issues?q=author%3Adennib\" title=\"Bug reports\"\u003e🐛\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"http://hizbe.dev\"\u003e\u003cimg src=\"https://avatars2.githubusercontent.com/u/37175249?v=4?s=48\" width=\"48px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eMuhammad Hizbullah\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/mazipan/login-page-css/commits?author=muh-hizbe\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"http://kureview.web.id\"\u003e\u003cimg src=\"https://avatars0.githubusercontent.com/u/13159420?v=4?s=48\" width=\"48px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eNaufaldi\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/mazipan/login-page-css/commits?author=naufaldi\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/xxidbr9\"\u003e\u003cimg src=\"https://avatars1.githubusercontent.com/u/51733515?v=4?s=48\" width=\"48px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eBarnando Akbarto Hidayatullah\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/mazipan/login-page-css/commits?author=xxidbr9\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/SubhamKarmakar24\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/50767716?v=4?s=48\" width=\"48px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eSubham Karmakar\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/mazipan/login-page-css/commits?author=SubhamKarmakar24\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://biolinky.co/alkautsar\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/48401918?v=4?s=48\" width=\"48px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eBhimo Alkautsar\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/mazipan/login-page-css/commits?author=tentpoles\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/Gab990\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/62607767?v=4?s=48\" width=\"48px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eGab990\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/mazipan/login-page-css/commits?author=Gab990\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://abhj.github.io\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/48042655?v=4?s=48\" width=\"48px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eAbhijay Mitra\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/mazipan/login-page-css/commits?author=AbhJ\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\n\u003c!-- markdownlint-restore --\u003e\n\u003c!-- prettier-ignore-end --\u003e\n\n\u003c!-- ALL-CONTRIBUTORS-LIST:END --\u003e\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","funding_links":["https://www.paypal.com/en/signin","https://www.buymeacoffee.com/mazipan?utm_source=github","https://www.paypal.me/mazipan?utm_source=github","https://ko-fi.com/mazipan"],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmazipan%2Flogin-page-css","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmazipan%2Flogin-page-css","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmazipan%2Flogin-page-css/lists"}