Skip to content

Nightwatch UI components examples

Browse Nightwatch UI component design examples. Preview individual interface elements and explore related component categories. Monitor your Laravel applications with precision

Explore the examples

Nightwatch — Dropdown menu component
Nightwatch logo
Nightwatch

A dropdown menu displaying user account options like profile, support, organizations, and logout.

Nightwatch — Tabs component
Nightwatch logo
Nightwatch

A simple application header with a title and a horizontal tab navigation.

Nightwatch — Notification Toast component
Nightwatch logo
Nightwatch

A success notification indicating an application has been created.

Nightwatch — Modal component
Nightwatch logo
Nightwatch

A form for configuring application settings and environments, part of a multi-step setup process.

Nightwatch — Empty state component
Nightwatch logo
Nightwatch

A user interface displaying filtering options, a search bar, and an empty state message indicating no issues found.

Nightwatch — Segmented control component
Nightwatch logo
Nightwatch

A segmented control for filtering items by status or assignment, with 'Mine' currently selected.

Nightwatch — Sorting & filtering component
Nightwatch logo
Nightwatch

A dashboard header with a date range selector.

Nightwatch — Vertical navigation component
Nightwatch logo
Nightwatch

A sidebar navigation menu for a web application, displaying various sections like dashboard, issues, activity, monitoring, settings, and user profile.

Nightwatch — Input select component
Nightwatch logo
Nightwatch

A form field with an open dropdown menu for selecting an organization type.

Nightwatch — Pricing section component
Nightwatch logo
Nightwatch

A pricing plan selection interface displaying different subscription tiers with their respective features and costs.

Browse the full component library

Browse the full UI component library.

Trusted by the best teams