Skip to content

Examples

Eight realistic, fully interactive applications composed entirely from the Fuji UI component system. No example-specific UI components, only composition. Each one opens in a new tab.

Glass Media Dashboard (opens in a new tab)

Flagship

The flagship glass example: a music app with layered glass surfaces, a coverflow of playlists, a listening-party chat, and a floating tab bar on phones.

Glass materialChat bubblesCoverflow

Messages (opens in a new tab)

A team messaging app with chat bubbles, live delivery receipts, an on-screen keyboard, a ⌘K command menu, and a notification inbox.

Chat bubblesOn-screen keyboardCommand menu

Authentication (opens in a new tab)

Sign in, sign up, stepped recovery, OTP with an on-screen keypad, and recent sign-ins.

OTP keypadStepperTimeline

SaaS Dashboard (opens in a new tab)

Sidebar navigation, a ⌘K command menu, KPI trends, chart cards, an activity feed, customer timelines, and a date-range export.

Command menuChart cardsTimeline

Settings (opens in a new tab)

Tabs with a timezone combobox, email topic multi-select, out-of-office dates, a plan sheet, usage rings, and security activity.

ComboboxMulti-selectDate picker

Project Planner (opens in a new tab)

A team planner with a workspace tree, grouped tasks, a due-date calendar, a project timeline, and a validated new-task form.

CalendarTreeCombobox

E-commerce (opens in a new tab)

A homeware store with a category tree, material filters, a wishlist, a speed dial on phones, and order tracking.

Tree filterSpeed dialOrder timeline

Landing Page (opens in a new tab)

A marketing page with a live command menu demo, a product roadmap timeline, and a book-a-demo flow with date and time pickers.

Command menuRoadmap timelineDate picker