Redesigned Login Screen

Starbucks

Active 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.png
    36D2D345-C3D2-44BB-B64E-8F8350667657.png
    577.5 KB · Views: 92

Hotfix

Active 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! 😄
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?
 

Starbucks

Active member
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