Unfogy

A controlled starting point for customer applications

Explore six dashboard wireframes, one semantic theme system and one shared showcase dataset. Choose a direction before adding customer-specific business UI.

Choose a dashboard starting point

Each pattern renders the same synthetic data with a different information architecture.
Showcase

Sidebar canvas

Persistent sidebar with a focused main canvas.

Open wireframe
Showcase

Icon sidebar

Compact navigation with a dense data table.

Open wireframe
Showcase

Horizontal navigation

A wide canvas with a top-level navigation bar.

Open wireframe
Showcase

Three-column workspace

Navigation, working area and activity in one view.

Open wireframe
Showcase

Bento analytics

Flexible cards for metrics and visual summaries.

Open wireframe
Showcase

Tabbed report

A calm single-column view for detailed reporting.

Open wireframe

Choose a theme preset

The starter includes the Nuxt UI Theme Studio presets. The same selection is available from the header dropdown.

Mono

Geist

Active

Black on a pure gray neutral, with quiet surfaces.

Preview preset

Cobalt

Roboto

Utility blue on cool grays, tight corners and flat borders.

Preview preset

Sky

Figtree

Sky blue on a mist neutral, pastel fills and airy type.

Preview preset

Mint

Nunito

Teal on an olive neutral, pill controls and chunky rounded type.

Preview preset

Iris

Manrope

Violet outlines on a mauve neutral with tinted fields.

Preview preset

Crimson

Inter

Cinema red on pure gray, square corners and filled fields.

Preview preset

Coral

Plus Jakarta Sans

Rose on warm stone, floating cards and teal success states.

Preview preset

Sunset

Bricolage Grotesque

Orange on a warm taupe neutral with subtle panels.

Preview preset

Carbon

Outfit

Amber on a warm carbon neutral with ink-dark borders.

Preview preset

Bubblegum

Poppins

Pastel pink softness with mauve-tinted grays.

Preview preset

Parchment

DM Sans

Warm paper neutrals with a book-cloth clay primary.

Preview preset

One shared fixture

The same KPI, trend, activity and work-item data flows through every pattern.

Active work

24

+12.4%

Healthy services

18/18

Stable

Waiting review

7

-4.2%

Delivery rate

92%

+8.1%

State and interaction examples

Loading, empty, error and local interaction states are part of the baseline showcase.

Loading

Empty

Nothing needs attention.

Error

Example unavailable
This local state does not call a backend.

Unfogy Nuxt starter showcase