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

Creators
Tags

#Programming

#Shadcn

#TanStack

#TypeScript

#React

#Developer tools

Related products