Algolia design examples

Algolia

Sign-in screen where the user authenticates with email and password or via GitHub, Google, Netlify, or SSO.

• Sign In

Algolia

Password recovery screen where the user enters their email address to receive a reset link.

• Forgot Password

Algolia

Signup page where the user can start a 14-day free trial by creating an account with email and password or via GitHub and Google OAuth.

• Sign Up
• Trial

Algolia

Verification screen where the user is instructed to check their inbox for a confirmation link or request a new one.

• Verification
• Account Setup

Algolia

Verification screen where the user is informed that a confirmation email has been successfully sent and can request a new link if needed.

• Success
• Verification

Algolia

Onboarding step where the user provides their name, phone, country, company, and field of work to complete their account setup.

• Account Setup
• Onboarding Checklist

Algolia

Onboarding step where the user selects their preferred datacenter region from a world map or dropdown to optimize indexing latency.

• Setup Wizard
• Date & Time

Algolia

Dashboard overview blocked by a modal requiring the user to agree to updated terms and conditions and privacy policy before they can interact with their usage metrics or the onboarding task list.

• Confirmation
• Dashboard

Algolia

Dashboard with a right-side drawer showing a setup checklist for creating an index, importing records, and configuring attributes.

• Onboarding Checklist
• Add & Create

Algolia

Dashboard with an active modal for creating a new search index and a getting-started task list in the right sidebar.

• Add & Create
• Onboarding Checklist

Algolia

List view for an empty index with a side drawer showing a setup checklist for importing records and configuring attributes.

• Onboarding Checklist
• Empty State

Algolia

List view where the user manages a specific search index, currently showing an empty state prompting them to upload records.

• Empty State
• Upload & Download