Umami Software/React Zen
Build React UIs with a fully typed, theme-aware component library covering layout, forms, dialogs, tables, and data visualization — wrap your app in ZenProvider and compose from 50+ components.
Install
npx skills add https://github.com/umami-software/react-zen --skill SKILL.mdWhat is this skill?
- 50+ components: layout, forms, dialogs, tables, menus, and feedback
- Built on react-hook-form for type-safe form handling
- Light/dark themes and 5 color palettes via ZenProvider
- Responsive props with breakpoints on every layout component
- Render props pattern for custom element rendering
- 6 responsive breakpoints
Adoption & trust: 52 GitHub stars.
Who is it for?
React developers building SaaS dashboards or admin UIs who want a complete component suite
What do I get? / Deliverables
- themed UI components
- form system
- responsive layouts
Recommended Skills
Frontend Designanthropics/skills
Vercel React Best Practicesvercel-labs/agent-skills
Remotion Best Practicesremotion-dev/skills
Vercel Composition Patternsvercel-labs/agent-skills
Develop Userscriptsxixu-me/skills
Next Best Practicesvercel-labs/next-skills
Journey fit
Primary fit
react-zen is a React component library used actively during the build phase when implementing frontend UIs for web applications. The library provides frontend building blocks — layout primitives, form system, overlays, and data components — squarely in the frontend subphase.