Redesigned Login Screen

Starbucks

Well-known member
Hi there,

I love the rich features of XenForo, it’s capable of almost everything! 🤩

So I’m working on this project for an organization and decided to redesign the UI of XenForo.

Even though I’ve already done some redesigns in the main UI, I’d be sharing some more pics over time.

To start this topic, I’m sharing the login screen! 😁

Stay tuned for more! 😄
 

Attachments

  • 36D2D345-C3D2-44BB-B64E-8F8350667657.webp
    36D2D345-C3D2-44BB-B64E-8F8350667657.webp
    25.2 KB · Views: 109
Hi there,

I love the rich features of XenForo, it’s capable of almost everything! 🤩

So I’m working on this project for an organization and decided to redesign the UI of XenForo.

Even though I’ve already done some redesigns in the main UI, I’d be sharing some more pics over time.

To start this topic, I’m sharing the login screen! 😁

Stay tuned for more! 😄
That's really beautiful. I had to find this thread from my browser history cuz I wanted to ask a question:

How did you manage to create such a beautiful login screen?
 
That's really beautiful. I had to find this thread from my browser history cuz I wanted to ask a question:

How did you manage to create such a beautiful login screen?
Thank you so much!

So what I basically did was creating a HTML template using a CSS framework/component.
Then I pasted this HTML template in the XF:login template and copy/pasted the login form into the code of the right white box.

It may sound very technical, but it's not! You can easily do something similar.
There are plenty of HTML templates which you can use for free (even combine it with some great design tweaks using CSS frameworks/components!).

Have a look at this one; https://colorlib.com/wp/html5-and-css3-login-forms/
 
Top Bottom