Lightweight, accessible React components.
78 minimalist components. Light or dark, solid or glass. One provider. TypeScript included, no config required.
npm install @fujiui/reactnpm install @fujiui/reactStudio
Weekly overview
Revenue
$12,480
8.2%
- Package
- @fujiui/react
- Version
- v0.4.0
- License
- MIT
- React
- React 18+
- TypeScript
- Included
- Themes
- Light / Dark
- Materials
- Solid / Glass
- Status
- Early production preview
Desktop and mobile, same components
One provider, one set of components, laid out for each screen.
Mika Tanaka
Listening to Slow Tide
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.
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.
Claude Code plugin
RecommendedThe MCP server and the skill in one install, for anyone working in Claude Code.
/plugin marketplace add fuji-ui-kit/fuji-ui-react
/plugin install fuji-ui@fuji-uiMCP server
Props, parts, examples and setup steps from the version you have installed, plus a checker for Fuji UI's conventions.
npx -y @fujiui/mcpAgent skill
Tells Codex, Cursor and other agents when to use those tools and how to set Fuji UI up.
npx skills add fuji-ui-kit/fuji-ui-reactCornered or soft edges: your call
Cornered
Soft
Component highlights
Live, not screenshots: type, click, and watch them respond.
Keyboard
An on-screen board where every cap is a key you can press.
Button
Tones, sizes, and a ripple from the press point.
Icon
Imported glyphs with semantic tone.
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.
Move the pointer across this card: it leans toward it and springs back when you leave.
Carousel
Infinite autoplay with responsive slides-per-view.
Realistic example apps
Eight applications built entirely from Fuji components, with no example-specific UI.
