Skip to content

Lightweight, accessible React components.

78 minimalist components. Light or dark, solid or glass. One provider. TypeScript included, no config required.

bash
npm install @fujiui/react
KY

Studio

Weekly overview

Revenue

$12,480

8.2%

On track
Sprint progress
x
Package
@fujiui/react
Version
v0.3.0
License
MIT
React
React 18+
TypeScript
Included
Themes
Light / Dark
Materials
Solid / Glass
Status
Early production preview
In place

Desktop and mobile, same components

One provider, one set of components, laid out for each screen.

9:41

Tuesday, 4 March

Overview

Total balance

$12,480.32

3.8%this month

Monthly budget used
x

Income

$5,200

6.1%

Spending

$2,380

4.2%

Savings goals

Emergency fund
x
New laptop
x
Why Fuji

Why Fuji UI?

More complete than a primitives kit, less work than rolling your own.

A complete library, not a starter kit

Forms, overlays, navigation, and data display are all covered - 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 theming

Theme, material, radius, and elevation are CSS variables set once on the provider - no per-component overrides to hunt down.

Accessible first

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

AI coding agents

Your coding agent knows Fuji UI

Claude Code, Codex, and Cursor look components up in the version you have installed, then check the code they write.

Set up your agent

Claude Code plugin

Recommended

The MCP server and the skill in one install, for anyone working in Claude Code.

Claude Code
/plugin marketplace add fuji-ui-kit/fuji-ui-react
/plugin install fuji-ui@fuji-ui

MCP server

Props, parts, examples and setup steps from the version you have installed, plus a checker for Fuji UI's conventions.

Terminal
npx -y @fujiui/mcp

Agent skill

Tells Codex, Cursor and other agents when to use those tools and how to set Fuji UI up.

Terminal
npx skills add fuji-ui-kit/fuji-ui-react
Radius

Cornered or soft edges: your call

Cornered

Soft

Components

Component highlights

Live, not screenshots: type, click, and watch them respond.

View all components

Button

Tones, sizes, and a ripple from the press point.

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

Digits roll to each new value and flash with the trend.

Revenue, Q1

$48,200

18.6%vs last quarter

Floating Action Bar

A speed dial that fans its actions out of the trigger.

Open the dial to fan out its actions.

Card

A tilt effect that follows the pointer in 3D.

Mountain lake

Move the pointer across this card: it leans toward it and springs back when you leave.

Keyboard

An on-screen board where every cap is a key you can press.

Type on the board. Enter clears.

Carousel

Infinite autoplay with responsive slides-per-view.

Ready to look closer?

Every component, with live previews and the code to paste.

Go to documentation