Formedible

A schema driven form component built on shadcn and Tanstack Form

Developer tools
About Formedible

Formedible is the one-stop shop for modern forms in React. Built on top of TanStack Form v1 (2025), it provides an incredibly powerful yet simple API for creating everything from basic contact forms to complex multi-step wizards with enterprise-grade features.

🚀 Why Formedible?

Modern web applications demand sophisticated forms that can:

  • Handle complex validation scenarios (sync + async)

  • Provide real-time user feedback

  • Support multi-step workflows

  • Persist form state across sessions

  • Track user analytics and behavior

  • Maintain type safety throughout

  • Scale from simple to enterprise-level complexity

While TanStack Form provides the robust foundation, Formedible transforms it into a complete form-building ecosystem that eliminates boilerplate and accelerates development.

âš¡ Key Features at a Glance

✅ 20+ Built-in Field Types - From basic inputs to advanced components (rating, phone, color picker, location)

✅ Schema-First Validation - Full Zod integration with runtime type safety

✅ Multi-Page Forms - Built-in pagination with progress tracking and validation

✅ Tabbed Layouts - Organize complex forms with tab navigation

✅ Conditional Logic - Show/hide fields and sections based on form state

✅ Dynamic Options - Options for select, radio, and multiSelect fields that update based on other form values

✅ Real-time Validation - Sync and async validation with debouncing

✅ Cross-Field Validation - Validate relationships between multiple fields

Tags

#Developer tools

#Programming

#Shadcn

#TanStack

#TypeScript

#React

Related Products