Dark theme screen examples

Riverside

Full-screen loading state displaying a single centered spinner on a dark background.

• Loading

Flora

Password recovery screen where the user enters an emailed confirmation code and sets a new password.

• Forgot Password
• Verification

Liveblocks

Verification screen where the user enters a 6-digit code sent to their email to complete authentication, featuring a countdown timer for resending the code.

• Verification

Cushion

Settings modal where the user configures application preferences like color theme, default landing page, and chat send behavior.

• Account Settings
• Workspace Switcher

Variant

Personal workspace home where the user browses saved boards and reads archived notes in a master-detail view.

• Browse
• Files

Morphic

In-app upgrade modal where the user compares individual and team subscription tiers and can toggle between monthly and yearly billing.

• Pricing
• Upgrade Prompt

Dovetail

Landing page hero section pitching an AI-powered user feedback analysis tool, featuring a product UI mockup showing support trends and theme analysis.

• Dashboard
• AI Summary

Livekit

List view for sessions showing zero unique participants and total rooms, with an empty data table and filtering controls.

• Empty State
• Table

Huly

Auth screen where the user enters and confirms a new password to recover their account.

• Forgot Password

Copilot

AI chat interface where the user is greeted by name and presented with a message composer, prompt suggestions, and an open theme settings popover.

• AI Chat
• AI Assistant

Grok

Search overlay where the user types a query to find quick actions like switching the theme or previewing past conversations.

• Command Palette
• AI Assistant

Supercut

Workspace gallery where the user browses their recently recorded video supercuts.

• Files
• Browse