Skip to content
fuji-ui
ReactTypeScriptAccessible primitivesThemeableNext.js readyVite ready

Accessible React components for calm, polished product interfaces.

Warm by default. Quiet in motion. Themeable without fighting the system.

bash
npm install @fujiui/react
Get startedView components
GitHubnpm
KY

Studio

Weekly overview

Revenue

$0

8.2%

On track
Sprint progress
x
Package
@fujiui/react
Version
v0.2.0
License
MIT
React
React 18+
TypeScript
Included
Themes
Light / Dark / Glass
Status
Early production preview
Why Fuji

Why Fuji UI?

Less DIY than hand-rolling primitives on Radix or Base UI yourself; more complete than a small UI kit.

A complete library, not a starter kit

Comprehensive coverage across forms, overlays, navigation, and data display - not a handful of primitives you assemble yourself.

One consistent API

The same size, variant, appearance, and state props everywhere, so you learn the system once.

Token-driven customization

Theme, radius, and elevation are CSS variables, not per-component overrides you have to hunt down.

Warm, polished defaults

Restrained shadows, calm color, and tactile motion out of the box - it doesn't look like a wireframe.

Themes

Every theme, one component tree

Each panel below runs its own theme simultaneously; in a real app you set one theme globally via FujiProvider.

Light

A

Lyka

Online

Dark

A

Lyka

Online

Glass

A

Lyka

Online
Radius

Cornered or soft edges: your call

Cornered

Soft

Principles

Design principles

Calm by default

Warm neutrals and quiet hierarchy instead of loud accents: restraint is the accent.

Accessible first

Keyboard, focus, and contrast take priority over exact visual imitation when the two conflict.

One consistent system

Shared size/variant/appearance types across every component: no bespoke prop shapes to relearn.

Tactile detail

Restrained motion, layered shadows, and a soft press give every control a physical feel.

Components

Component highlights

Six components, live: type, click, and watch them respond, not just read about them.

View all components →

Button

Sizes, variants, and colors.

Input

Text entry with icon slots and sizes.

Icon

Imported glyphs with semantic tone.

Navbar

Horizontal nav with an active-state fill.

Fuji

Active section: Overview

Statistic

Count-up value for dashboard KPIs.

Installs

0+

18.6%this quarter

Carousel

Infinite autoplay with responsive slides-per-view.

Mountain lake
Forest path
Desert dunes
Alpine valley
Studio still life
Product on shelf
Textured fabric
Leather goods
Minimal workspace
Canvas bag
Examples

Realistic example apps

Six applications composed entirely from the local Fuji component system, no example-specific UI.

View all examples →

Glass Media Dashboard

Flagship

Fuji's flagship glass example: a calm media dashboard showing layered surfaces, restrained blur, warm contrast, and accessible motion.

Album art

Late Night Drive

Nova Wells
x

Authentication

Sign in, sign up, recovery, and OTP verification flow.

Email address
Password

SaaS Dashboard

Sidebar navigation, dashboard metrics, charts, activity, and customer data.

MRR

$0

12.4%vs last month

Live

Landing Page

A polished marketing page for a fictional product.

New

Ship your product page in an afternoon

Drag-and-drop sections, real components, zero custom CSS.
ABC
Trusted by 500+ teams

Settings

Tabs, forms, appearance controls, and account preferences.

GL

Gean Lyka

Product designer

Two-factor auth

Enabled

E-commerce

Product grid, filtering, ratings, pagination, and a cart drawer.

Canvas weekender bag

Canvas weekender bag

4.8 (212)

$128

Ready to look closer?

Read the design principles, then browse every component with live previews and usage code.

Go to documentation