
Formedible
A schema driven form component built on shadcn and Tanstack Form
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
#Developer tools
#Programming
#Shadcn
#TanStack
#TypeScript
#React