No. 33 of 106
A front-end login form.
A real WordPress sign-in form with the look of a modern app: split, card, inline and header-dropdown layouts, 8 skins, floating labels, show-password, a Caps Lock hint and a limit on failed attempts. Every form on this page really works.
Log in to your student account.
Shoppers sign in with their username or their email address. The password eye and the Caps Lock hint save a lot of "wrong password" moments.
Welcome back to Northwind.
Drop it into a header and it becomes a compact button that opens the form in a panel. Signed-in visitors see their avatar and name on the button instead. Try it: press "Log in" in the sample header below.
Uptime, speed and visitors in one calm dashboard. Press "Log in" in the header above to open the dropdown.
The inline layout fits the whole form on one line, perfect under a paywall teaser or in a slim "members area" strip. On phones it stacks neatly.
Most of us are great at starting. New notebook, new plan, new routine. The hard part is the dull middle, when the excitement is gone and the finish line is still far away. In this piece we look at a handful of small, boring habits that make the middle easier, and why they work better than willpower ever will.
Log in to keep reading
The glass skin blurs whatever sits behind it, so it looks right over a photo or a video. Floating labels slide up out of the way as guests type.
Log in to change dates or add breakfast.
Midnight suits calm dashboards and tools. Neon, with its monospace fields and glowing edges, suits games, music and developer products.
Your finance dashboard.
Your saves sync across devices.
Log in to post, reply and follow threads.
A slowly turning rainbow border makes the form the friendliest thing on the page, while simple underlined fields keep it light.
106 elements for news, User Login Form included.
NewsOn