Skip to content
New
New · the rasengan-ui CLI

Components that wear a village

44 accessible components on Base UI and Tailwind, copied into your project. Pick a village for the design language, a nature for the colour, and switch both at runtime.

npx rasengan-ui init
Missions completed
1,284
18.2%
Up from 1,086 last quarter
Create an account
Enter your email below to create your account.
or continue with
SH
Shikamaru Nara
Support · usually replies in minutes
  • Hi, how can I help you today?
  • My deploy to Hidden Leaf is stuck at step 3.
  • Let me check the logs. Which project is it?
  • rasengan-landing
Questions
Everything about villages and natures.

A whole design language: radius, borders, type, shadows and motion. Switch it at runtime.

Team members
Invite your team to collaborate.
  • NU
    Naruto Uzumakinaruto@konoha.dev
  • SH
    Sakura Harunosakura@konoha.dev
  • SU
    Sasuke Uchihasasuke@konoha.dev
Training goal
Set your daily training hours.
6
hours / day
Report an issue
What area are you having problems with?
Notifications
Choose what we email you about.
Upgrade your plan
You can change it at any time.
Share this document
Anyone with the link can view this document.

People with access

KH
Kakashi Hatakekakashi@konoha.dev
HH
Hinata Hyūgahinata@konoha.dev
Uploads
3 files, 12.4 MB in total.
NUSH+3
village-map.png
x
scroll-of-seals.pdf
x
Training schedule
Pick your days and how hard to push.
Intensity60%

One codebase, three villages

A village is a whole design language: radius, borders, type, shadows, motion. Components only read the token contract, so the same card becomes Konoha, Kiri or Iwa without a single changed line.

Create project
Deploy a new project to Hidden Leaf in one click.
Beta
KonohaThe Leaf: warm, rounded and balanced. The default.
Create project
Deploy a new project to Hidden Leaf in one click.
Beta
KiriThe Mist: soft contrast, translucent surfaces, airy controls.
Create project
Deploy a new project to Hidden Leaf in one click.
Beta
IwaThe Stone: no radius, heavy borders, mono labels, dense.