Login (Website)
The marketing-site login page, which doubles as a branded touchpoint before the user enters the product.
Onboarding & Auth · 10 checks · 7 resources
Before you ship
10- 01Logo — either your complete logo or a symbol mark
- 02Title — tell the user this is where they login
- 03Account identification — a unique identifier for the user, potentially username, email address, or phone number
- 04Password — a secure, private code that allows access to their account, with the ability to make it visible
- 05Link to reset password — positioned close to the password input field
- 06Link to sign up — for a user who does not have an account and landed on this page anyway
- 07Login via third party — one-click connection via Google, Apple, Facebook or similar
- 08Testimonial — reinforcing the brand and product
- 09Blog post — an opportunity to show off content relevant to the user
- 10New feature — building excitement for something new right before a user logs in and sees it
Resources that help you build this
7- daisyUI · 68 pure-CSS Tailwind components as semantic class names, MIT, with 35 built-in themes
- Aceternity UI · 132 motion-heavy React sections; 329 registry items; 17 paid templates
- Flowbite · 56+ MIT Tailwind components with vanilla-JS behaviour, plus a paid 450+ block library
- shadcn-templ · shadcn/ui ported to Go and templ: 52 components, 27 blocks, its own CLI
- Flowponent · 1,091 copy-paste Webflow cloneable sections, 335 of them free
- Homely Real Estate Template · $29 Next.js 15 + shadcn real estate site with listings and detail pages
- Preline UI · Free Tailwind library with 640+ examples, 204 blocks and documented plugin wiring