Login (Website)
Onboarding & Auth · 10 checks · 10 resources
The marketing-site login page, which doubles as a branded touchpoint before the user enters the product.
Before you ship
- 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
- daisyUI · 68 pure-CSS Tailwind components as semantic class names, MIT, with 35 built-in themesComponent LibrariesS
- Aceternity UI · 132 motion-heavy React sections; 329 registry items; 17 paid templatesMotion & InteractionA
- Flowbite · 56+ MIT Tailwind components with vanilla-JS behaviour, plus a paid 450+ block libraryComponent LibrariesA
- shadcn-templ · shadcn/ui ported to Go and templ: 52 components, 27 blocks, its own CLIComponent LibrariesA
- Flowponent · 1,091 copy-paste Webflow cloneable sections, 335 of them freeBlocks, Templates & ThemesB
- Homely Real Estate Template · $29 Next.js 15 + shadcn real estate site with listings and detail pagesBlocks, Templates & ThemesB
- Hover.dev · Animated React and Tailwind components, sections and three landing-page templatesMotion & InteractionB
- Preline UI · Free Tailwind library with 640+ examples, 204 blocks and documented plugin wiringComponent LibrariesB
- Solace UI · Marketing page blocks for Next.js, Tailwind, and MotionBlocks, Templates & ThemesB
- Memberstack · Memberships, logins, payments, and gated content for Webflow, WordPress, and any siteUtilities & NamingC