MCPcopy Index your code
hub / github.com/Ali-Hussein-dev/formcn

github.com/Ali-Hussein-dev/formcn @main

Chat with this repo
repository ↗ · DeepWiki ↗ · + Follow
466 symbols 1,162 edges 139 files 0 documented · 0%
What it actually does AI analysis from the code graph — generated when you open this
loading…
README

Formcn

Build production-ready forms with a few clicks

screenshot

A modern form builder that lets you build production-ready forms using shadcn/ui components.

Motivation

Forms are tricky. They are one of the most common things you'll build in a web application, but also one of the most complex. While AI can help generate forms you need, the results are not predicatble and inconsistent and can use undesirable dependencies. Because form code is much a boilerplate code, we can automate it.

Features

  • Single/Multi-step forms with smooth navigation
  • Formcn AI scaffold forms fields without having to start from scratch
  • Type-safe validation client and server side validation
  • Beautiful UI with Tailwind CSS and shadcn/ui

Sponsors

License

This project is open-source. See LICENSE for details.

Extension points exported contracts — how you extend this code

StepperProps (Interface)
(no doc)
src/components/ui/stepper.tsx
ChangelogEntry (Interface)
(no doc)
src/routes/changelog.tsx
WebPreviewProps (Interface)
(no doc)
src/form-builder/components/web-preview.tsx
Stepfields (Interface)
(no doc)
src/hooks/use-multi-step-viewer.tsx
StepperItemProps (Interface)
(no doc)
src/components/ui/stepper.tsx
MyRouterContext (Interface)
(no doc)
src/routes/__root.tsx
SidebarWrapperProps (Interface)
(no doc)
src/form-builder/components/sidebar-wrapper.tsx
UseMultiFormStepsReturn (Interface)
(no doc)
src/hooks/use-multi-step-viewer.tsx

Core symbols most depended-on inside this repo

cn
called by 273
src/lib/utils.ts
getAttribute
called by 53
src/form-builder/lib/generate-form-component.ts
getDescription
called by 16
src/form-builder/lib/generate-form-component.ts
getFieldLabel
called by 15
src/form-builder/lib/generate-form-component.ts
hasAttribute
called by 9
src/form-builder/lib/has-attribute.ts
flattenFormSteps
called by 6
src/form-builder/lib/form-elements-helpers.ts
dropAtIndex
called by 5
src/form-builder/lib/form-elements-helpers.ts
onChange
called by 5
src/hooks/use-mobile.ts

Shape

Function 452
Interface 14

Languages

TypeScript100%

Modules by API surface

src/components/ui/menubar.tsx16 symbols
src/components/ui/dropdown-menu.tsx15 symbols
src/components/ui/context-menu.tsx15 symbols
src/form-builder/components/edit/field-edit.tsx13 symbols
src/components/ui/stepper.tsx13 symbols
src/components/ui/alert-dialog.tsx12 symbols
src/hooks/use-multi-step-viewer.tsx11 symbols
src/components/ui/sheet.tsx10 symbols
src/components/ui/select.tsx10 symbols
src/components/ui/multi-select.tsx10 symbols
src/components/ui/item.tsx10 symbols
src/components/ui/field.tsx10 symbols

For agents

$ claude mcp add formcn \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact