A registry of high-quality components for TanStack, Tailwind CSS, and shadcn/ui by Sedrino Labs, Inc.
Pro Tip: The hooks-use-app-form includes all form components as dependencies. Install it to get everything at once:
pnpm dlx shadcn@latest add https://registry.sedrino.com/r/hooks-use-app-form.jsonOur form components are organized in two key directories:app/components/formcontains enhanced wrappers around shadcn components with added type safety (like SelectField supporting null and number values), whileapp/components/form-fieldsprovides components specifically designed for TanStack Form integration through our useAppForm hook.
All components are designed to work seamlessly with the useAppForm hook, which provides a consistent API for form state management, validation, and submission. This two-layer approach gives you both standalone form components and integrated form field components that leverage TanStack Form's powerful features. Check out the examples in the navigation to see them in action.