Raycast design examples

Raycast

Sign-in screen where the user authenticates via GitHub, Google, or by requesting a magic link to their email.

• Sign In

Raycast

Sign-in screen where the user authenticates with GitHub, Google, or by receiving a magic link via email.

• Sign In
• Loading

Raycast

Sign-in screen where the user attempts to authenticate via magic link but encounters a 'User not found' error for their entered email address.

• Sign In
• Error

Raycast

Signup screen where the user can create an account using GitHub, Google, or an email and password, alongside a carousel highlighting product features.

• Sign Up

Raycast

Public user profile page in a developer community, currently showing an empty state for published extensions.

• Profile
• Empty State

Raycast

Profile settings page where the user updates their personal details, social links, and views their published extensions.

• Profile
• Edit

Raycast

Settings page where the user updates their public profile information, connects social accounts like Twitter and GitHub, and views their installed extensions.

• Profile
• Edit

Raycast

Search overlay where the user can browse extensions, create a new one, or manage their account settings.

• Command Palette
• Search

Raycast

Search overlay where the user types to find applications, commands, and extensions like GitHub Enterprise and GitLab.

• Command Palette
• Global Search

Raycast

Application download page for the Quick Search Raycast extension, detailing available commands, installation count, and providing an install action.

• Browse
• Media Detail

Raycast

Marketplace listing page for a Raycast extension where the user can view the version history, see contributors, and install the plugin.

• Browse
• Media Detail

Raycast

Application download page for a Raycast extension featuring an active modal that generates an embeddable HTML install button.

• Media Detail
• Upload & Download