GenUI

Introduction

Welcome to GenUI — a registry-based UI infrastructure for high-performance React applications.

GenUI is not a component library in the traditional sense. It is a set of systems designed to be copied into your project, giving you full control over the implementation while providing sensible, battle-tested defaults.

Core Philosophy

  • Local-First: All code lives in your project. No hidden logic in node_modules.
  • System-Based: We focus on larger patterns like forms, tables, and layouts rather than just buttons and inputs.
  • Composable: Systems are built on shadcn/ui primitives and can be customized without forking.
  • Type-Safe: Designed for TypeScript-first workflows with strong typing.

Quickstart

  1. Start with the Installation guide.
  2. Add your first system:
    npx shadcn@latest add https://gen-ui-eta-two.vercel.app/r/generic-form
  3. Follow the system docs for usage and configuration.

How The Docs Work

  • Each system has a dedicated doc page with usage, configuration, and examples.
  • All examples assume you have copied the system into components/systems.
  • Use the registry URLs to pull the systems into your project with shadcn.

Ready to start?

Follow the installation guide to add GenUI systems to your project.

You are at the start of the docs.Next: Installation →