TypeScript Forms

Open-source TypeScript projects categorized as Forms

Top 23 TypeScript Form Projects

  1. react-hook-form

    📋 React Hooks for form state management and validation (Web + React Native)

    Project mention: Less Code, More Power - Why React-Forminate is Changing the Form Game | dev.to | 2025-08-11

    Click to see: react-hook-form on NPM

  2. Sevalla

    Deploy and host your apps and databases, now with $50 credit! Sevalla is the PaaS you have been looking for! Advanced deployment pipelines, usage-based pricing, preview apps, templates, human support by developers, and much more!

    Sevalla logo
  3. react-jsonschema-form

    A React component for building Web forms from JSON Schema.

    Project mention: Using GPT for natural language querying | dev.to | 2025-06-27

    Even though it’s quite amusing, this is an edge case that we’d likely need to support if aiming for production use. The most common approaches are to add more validations and retries to our application’s code, improve the prompt to direct GPT, or try different temperatures of the model. ## **Use case - build dynamic forms in React** Another common use case that we can try to automate is building custom forms dynamically. Many applications, such as surveys, custom forms etc., rely on this feature to gain feedback from its candidates, customers or potential leads. GPT makes it incredibly easy to build a tool that allows a regular user to create such a form by providing natural language input. Let’s use a library called [react-jsonschema-form](https://rjsf-team.github.io/react-jsonschema-form/docs/). It’s a React-based library that generates forms based on a JSON definition. It also contains an extensive schema definition that such JSONs can be validated against. We can leverage the fact that GPT was trained on a large dataset that also includes definitions of commonly used JSON schemas. That means we don’t have to provide the exact schema, and we can refer to it in our prompt by name. Let’s create a prompt that: 1. Specifies that we would like to use the schema of react-jsonschema-form 2. Include the user's definition of the ideal form 3. Will specify some additional criteria for the output (i.e. make sure that we only get a JSON as a response)

  4. formbricks

    Open Source Qualtrics Alternative

    Project mention: Show HN: Typeform was too expensive so I built my own forms | news.ycombinator.com | 2025-07-10

    > An open-source alternative to Typeform and Google Forms

    Those two are the two extreme ends of the target audience archetypes. So, decide which is yours.

    > I was using Typeform, but as time went by and more people submitted forms, it got more and more expensive.

    When people say they build cheaper alternatives, I often assume that the original is becoming better and more successful. Competing on price rarely wins.

    I've found https://formbricks.com to be kinda the closest competition to Typeform, and also Open Source.

  5. vee-validate

    ✅ Painless Vue forms

    Project mention: 2024 Nuxt3 Annual Ecosystem Summary🚀 | dev.to | 2024-12-23

    Document address: VeeValidate Official Document

  6. form

    🤖 Headless, performant, and type-safe form state management for TS/JS, React, Vue, Angular, Solid, and Lit. (by TanStack)

    Project mention: JavaScript schema library from the Future 🧬 | dev.to | 2025-02-21

    Also, ReScript Schema supports Standard Schema, a common interface for TypeScript validation libraries. It was recently designed by the creators of Zod, Valibot, and ArkType and has already been integrated into many popular libraries. This means that you can use ReScript Schema with tRPC, TanStack Form, TanStack Router, Hono, and 19+ more at the time of writing the article.

  7. formkit

    Vue Forms ⚡️ Supercharged

    Project mention: Top 5 Drag-and-Drop Libraries for React | dev.to | 2025-02-20

    formkit/drag-and-drop is a relatively new, lightweight library developed by the team behind FormKit, a form framework for Vue. Unlike traditional drag-and-drop libraries that manipulate the DOM directly, this one takes a different approach: instead of physically moving elements around, it updates a underlying reactive data model that you provide. This means that rather than worrying about manually reordering elements, you let the library handle updates to your data structure, making it feel more like a natural extension of reactive frameworks.

  8. final-form

    🏁 Framework agnostic, high performance, subscription-based form state management

  9. InfluxDB

    InfluxDB – Built for High-Performance Time Series Workloads. InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now.

    InfluxDB logo
  10. ngx-formly

    📝 JSON powered / Dynamic forms for Angular

  11. Vest

    Vest ✅ Declarative validations framework

  12. Superforms

    Superforms is a SvelteKit library that helps you with server-side validation and client-side display of forms.

    Project mention: Using PocketBase in SvelteKit's Server-side rendering | dev.to | 2025-04-11

    Now I'm not saying my implementation is the best is and if there is any vulnerability please let me know but so far I haven't had any bad instances using adapter node and I haven't been able to produce instances where data between users got mixed up, but this is how I went about implementing it as there is not a lot of resources that exist for this approach, and the little there is convoluted so here is a demo of like a student/teacher app, this example is using superforms form cisco heat(https://superforms.rocks/) and Zod. (This is not a step-by-step tutorial, the comments in the code are there for a reason. another assumption I'm making is that you understand Sveltekit data flow from hooks.server.ts all the way to page.svelte). Now let's start by creating a utils.ts in our lib directory

  13. JSONForms

    Customizable JSON Schema-based forms with React, Angular and Vue support out of the box.

    Project mention: ScreenCoder: An intelligent UI-to-code generation system | news.ycombinator.com | 2025-08-04
  14. hyperformula

    HyperFormula is an open-source headless spreadsheet for business web apps. It comes with over 400 formulas, CRUD operations, undo-redo, clipboard support, and sorting.

  15. react-widgets

    Polished, feature rich, accessible form inputs built with React

  16. vazco/uniforms

    A React library for building forms from any schema.

  17. ng-dynamic-forms

    Rapid form development library for Angular

  18. felte

    An extensible form library for Svelte, Solid and React

  19. FormBee

    The open-source form backend for data privacy conscious developers.

    Project mention: Self-Hostable Form Back End – OSS Alternative to Formspree | news.ycombinator.com | 2025-01-06
  20. vorms

    Vue Form Validation with Composition API

  21. houseform

    Simple to use React forms, where your validation and UI code live together in harmony.

  22. next-runtime

    All you need to handle POST requests, file uploads, and api requests, in Next.js getServerSideProps.

  23. FormsLab

    😊📊 Form builder for anonymous surveys, polls, and collecting feedback. Experience management solution.

  24. remix-forms

    The full-stack form library for Remix and React Router

  25. airform

    Functional HTML forms for Front-End Developers.

  26. SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo
NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020).

TypeScript Forms discussion

Log in or Post with

TypeScript Forms related posts

  • Less Code, More Power - Why React-Forminate is Changing the Form Game

    1 project | dev.to | 11 Aug 2025
  • 7 React Landing Page Hacks to Boost Engagement

    1 project | dev.to | 16 Jul 2025
  • A True React Hook Form Alternative – FormEngine 4.0 Is Now MIT Licensed and Free! 🚀

    1 project | dev.to | 27 May 2025
  • How To Handle Form Data In React JS

    1 project | dev.to | 26 Mar 2025
  • FormML – A DSL for building forms (like Prisma but for forms)

    1 project | news.ycombinator.com | 12 Feb 2025
  • Show HN: FormML – A DSL for building forms (like Prisma but for forms)

    1 project | news.ycombinator.com | 8 Jan 2025
  • Self-Hostable Form Back End – OSS Alternative to Formspree

    1 project | news.ycombinator.com | 6 Jan 2025
  • A note from our sponsor - InfluxDB
    www.influxdata.com | 1 Sep 2025
    InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now. Learn more →

Index

What are some of the best open-source Form projects in TypeScript? This list will help you:

# Project Stars
1 react-hook-form 43,755
2 react-jsonschema-form 15,186
3 formbricks 11,144
4 vee-validate 11,127
5 form 5,732
6 formkit 4,542
7 final-form 3,025
8 ngx-formly 2,930
9 Vest 2,614
10 Superforms 2,599
11 JSONForms 2,520
12 hyperformula 2,389
13 react-widgets 2,361
14 vazco/uniforms 2,062
15 ng-dynamic-forms 1,313
16 felte 1,075
17 FormBee 734
18 vorms 728
19 houseform 659
20 next-runtime 590
21 FormsLab 539
22 remix-forms 516
23 airform 468

Sponsored
Deploy and host your apps and databases, now with $50 credit!
Sevalla is the PaaS you have been looking for! Advanced deployment pipelines, usage-based pricing, preview apps, templates, human support by developers, and much more!
sevalla.com

Did you know that TypeScript is
the 1st most popular programming language
based on number of references?