Git Product home page Git Product logo

login-page-css's Introduction

login-page-css

All Contributors

Deploy PRs Welome Commitizen friendly

🔐 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

Bukalapak Login Page

Google Login Page

KitaBisa Login Page

Mailchimp Login Page

Tiket Login Page

Paypal Login Page

Facebook Login Page

Quora Login Page

Dropbox Login Page

Evernote Login Page

Mangools Login Page

Uber Login Page

Netflix Login Page

The Washington Post Login Page

Amazon

  • Amazon's Sign-In page varies by location
  • Demo
  • @Gab990

Instagram Login Page

Twitter Login Page

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

Crafted with ❤️ by Irfan Maulana, © 2020

Contributors ✨

Thanks goes to these wonderful people (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 specification. Contributions of any kind welcome!

login-page-css's People

Contributors

abhj avatar allcontributors[bot] avatar aslam97 avatar axelrammon avatar dennib avatar dependabot[bot] avatar fadil3 avatar gab990 avatar hardi-dev avatar imgbot[bot] avatar irfan-maulana-tkp avatar mazipan avatar muh-hizbe avatar naufaldi avatar rahulbaran avatar subhamkarmakar24 avatar tentpoles avatar xxidbr9 avatar

Stargazers

avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar

Watchers

avatar avatar avatar avatar avatar avatar avatar

Forkers

yuutech tesmojones aslam97 bbennyputra hardi-dev himajotama alfanfauzy ambrstudios bhargav-shah fadil3 chilupa muh-hizbe naufaldi galleria namrata18s x-code pelatge hanz13 varunkakkar ridho008 rizalihwan xxidbr9 hemza1 jason61306 aasim-syed 0xcyberpj technicalconsultant321 zakialawi02 vickazy abhir9 hiteshkumawat lufkiy subhamkarmakar24 tentpoles gab990 abhj lihaong afubasic yym0093 sdip15fa iamzaidsoomro hanjian devashtav001 rio27 rajamannaraanjaram jaytru1997 ahmedelbakly bishnoijitender damai319 liorgoat ismaila5623 pkoolei abhitesh-singh faizaaaaaa saurabhyadav01 geraldtohdy grasyaaputri lastro189 nurielk kowsalya4902 daf1k mchinnababu ash2code ibrahimsabriorene amitsingh9693 2003wxc chipimo slopesweb

login-page-css's Issues

feat: Twitter Login Page

Is your feature request related to a problem? Please describe.
I want to add Twitter Login Template. This page is built using plain HTML and CSS.

Describe the solution you'd like
Make a clone of Twitter login page

Describe alternatives you've considered
None

Additional context
None

Grey spot on Login Page MailChimp on Mobile

Describe the bug
A grey spot is appear on the mobile device

To Reproduce
Steps to reproduce the behavior:

  1. Go to https://mazipan.github.io/login-page-css/05-mailchimp/index.html using mobile device or emulator
  2. Check to the bottom right corner
  3. There is a grey spot (see image)

Expected behavior
The grey spot should be in white background

Screenshots
Screenshot_20201005-214303_Chrome

Smartphone:

  • Device: Samsung A50
  • OS: Android
  • Browser: Chrome
  • Version [e.g. 22]

Additional context
Add any other context about the problem here.

BEM CSS

Kenapa engga menggunakan Metodologi BEM CSS Mas Irfan?

Fix the contribution href link

Is your feature request related to a problem? Please describe.
I have fixed the contribution href link. Previously it didn't take user to the contributions section.

Describe the solution you'd like
Fixed the contribution href link.

Describe alternatives you've considered
None

Additional context
None

Upgrade parcel to v2

Describe the bug
A clear and concise description of what the bug is.

To Reproduce
Steps to reproduce the behavior:

  1. Go to '...'
  2. Click on '....'
  3. Scroll down to '....'
  4. See error

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

  • OS: [e.g. iOS]
  • Browser [e.g. chrome, safari]
  • Version [e.g. 22]

Smartphone (please complete the following information):

  • Device: [e.g. iPhone6]
  • OS: [e.g. iOS8.1]
  • Browser [e.g. stock browser, safari]
  • Version [e.g. 22]

Additional context
Add any other context about the problem here.

feat: Github Login Page

Is your feature request related to a problem? Please describe.
I want to add Twitter Login Template. This page is built using plain HTML and CSS.

Describe the solution you'd like
Make a clone of Twitter login page

Describe alternatives you've considered
None

Additional context
None

[design] - Netflix

Is your feature request related to a problem? Please describe.
Netflix is one of the popular websites. Thus its login page needs to be added.

Describe the solution you'd like
Make a clone of Netflix login page

Describe alternatives you've considered
None

Additional context
None

Adding Instagram Login Page

Is your feature request related to a problem? Please describe.
I want to add Instagram Login Template. This page is built using plain HTML and CSS.

Describe the solution you'd like
Make a clone of Instagram login page

Describe alternatives you've considered
None

Additional context
None

Adding Whatsapp Web Login Page

Is your feature request related to a problem? Please describe.
I want to add Whatsapp Web Login Template. This page is built using plain HTML and CSS.

Describe the solution you'd like
Make a clone of Whatsapp Web login page

Describe alternatives you've considered
None

Additional context
None

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.