Like shadcn, for native apps. The CLI drops the source into your project and you own it. Tokens, typed variants, focus rings, and keyboard handling come wired up.
npx slintcn@latest add button
slintcn isn't a dependency. The CLI copies Slint source into your repo, rewrites the imports to fit your layout, and stays out of your way.
slintcn add copies .slint source into your project. Edit it however you want. Imports rewrite to match your folders.
init, add, list, view, build. Install from the built-in registry, a URL, or your own namespace.
Dark by default, light at runtime. Pick a base color (neutral, zinc, slate, stone) when you init.
Buttons, dialogs, tables, tooltips, and more. Typed variants, focus rings, keyboard nav, and animations are built in.
Sign-in, login, pricing, dashboard, settings, team, profile, and stats. Whole screens you install like any component.
A HUD layer most kits skip: Keycap, HudPill, and SlotTile for keyboard hints, status pills, and inventory slots.
Every shot below is the live showcase, Slint compiled to WebAssembly. Open the demo →
You need Node 20+ and a Slint project. Files land in ui/slintcn/ and they're yours.