Open Source TypeScript Form Builders

OpenForm is an open-source platform that provides a modern, customizable alternative to proprietary form builders like Typeform, focusing on engaging one-question-at-a-time user experiences. It’s built with modern web technologies including Next.js and Tailwind CSS, offering developers a flexible, mobile-friendly foundation for surveys, feedback forms, and data collection, with support for authentication via Google OAuth and Magic Link. The platform includes a built-in dashboard to review, search, filter, and export responses, making it suitable for both simple and advanced data collection scenarios. OpenForm features multiple form themes and a rich variety of question types, such as rating scales, file uploads, and dropdowns, so form creators can design interactive experiences without heavy custom code. Because it’s open source under the MIT license, teams can self-host or extend it to match specific brand or workflow requirements.

Enterprise open-source serverless CMS. Includes a headless CMS, page builder, form builder and file manager. Easy to customize and expand. Deploys to AWS. Create GraphQL APIs, full-stack applications and websites. Deploy with single command to your AWS. Runs on services like AWS Lambda and DynamoDB. Highly-scalable & highly-available out of the box. You get a full-stack project with a GraphQL API and a React frontend that you can use to start building. Write custom apps and business logic and let our framework solve the serverless complexities. Create new projects and scaffold apps and APIs via command-line. Deploy projects to AWS. A set of ready-made apps you can use to create APIs, static pages and forms using no-code approach. Open-source framework that helps you to architect, build and deploy solutions on top of serverless infrastructure.

Performant, flexible, and extensible forms with easy-to-use validation. Intuitive, feature-complete API providing a seamless experience to developers when building forms. Leverage existing HTML markup and validate your forms with our constraint-based validation API. Package size matters. React Hook Form is a tiny library without any dependencies. Minimizes the number of re-renders, minimizes validate computation, and faster mounting. Since the form state is inherently local, it can be easily adopted without other dependencies. Striving to provide the best user experience and bring consistent validation strategies.

A form builder that utilizes ML-KEM-1024, as well as the "ChaCha20 + Serpent-256 CBC + HMAC-SHA3-512" authenticated encryption scheme to enable end-to-end encryption for enhanced data protection. GitHub repository: https://github.com/Northstrix/blueberry-loom

Formik is the world's most popular open-source form library for React and React Native. Formik takes care of the repetitive and annoying stuff, keeping track of values/errors/visited fields, orchestrating validation, and handling submission, so you don't have to. This means you spend less time wiring up state and change handlers and more time focusing on your business logic. No fancy subscriptions or observables under the hood, just plain React state and props. By staying within the core React framework and away from magic, Formik makes debugging, testing, and reasoning about your forms a breeze. If you know React, and you know a bit about forms, you know Formik! Since form state is inherently local and ephemeral, Formik does not use external state management libraries like Redux or MobX. This also makes Formik easy to adopt incrementally and keeps bundle size to a minimum.

Formly is a dynamic (JSON-powered) form library for Angular that brings unmatched maintainability to your application's forms. Easy to extend with custom field type, validation, wrapper and extension. Every developer that’s using Angular to build cool web applications knows forms are among the most common things to build. We are building by hand with all the tools Angular gives us. NGX Formly was built as an open-source project, which you can find on GitHub. The tool lets you create forms based on a JSON structure. This makes it super easy and fast to build small and advanced forms in no time. It’s no problem when you use Angular with Material, Bootstrap, Ionic, PrimeNG, Kendo, and NativeScript. They have a plugin for all of them. We can give the select options manually to the select or via a defined enum . In order to get all the information from the enum, we have to store them in the ProductTypeNames which output an Array from the enum .

Reactive Resume is a free and open-source resume builder that simplifies the process of creating, updating, and sharing your resume. With zero user tracking or advertising, your privacy is a top priority. The platform is extremely user-friendly and can be self-hosted in less than 30 seconds if you wish to own your data completely. It's available in multiple languages and comes packed with features such as real-time editing, dozens of templates, drag-and-drop customisation, and integration with OpenAI for enhancing your writing. You can share a personalised link of your resume to potential employers, track its views or downloads, and customise your page layout by dragging-and-dropping sections. The platform also supports various font options and provides dozens of templates to choose from. And yes, there's even a dark mode for a more comfortable viewing experience. Start creating your standout resume with Reactive Resume today!

SurveyJS Form Library is distributed as npm packages and as scripts and style sheets that you can reference on your page. You can use it in any React, Angular, Vue, Knockout, or jQuery application. React, Angular, Knockout, and Vue3 are supported natively. To communicate with the server, the libraries use JSON objects that represent form schemas (content and layout of a form) and form results (answers). You have the option to build dynamic JSON-driven forms using our free full-featured form builder demo available on the website. Alternatively, you can integrate the form builder library and create forms using a drag-and-drop UI directly within your own application. With years of development and support behind us, we've assisted hundreds of companies across various industries. With Survey, you can create nearly anything that popular cloud services offer. Furthermore, our library is fully extensible, allowing you to modify its behavior to suit your specific needs.

SurveyJS is a product suite of open-source JavaScript form libraries that utilize JSON for survey metadata and results. You can use SurveyJS to render web forms and collect responses, or set up a form management system fully integrated in your IT infrastructure, where admin would create and edit multiple forms in a no-code drag-and-drop form builder UI. The form builder comes with a CSS Theme Editor—a set of UI controls for form styling. Any alterations you make, from colors to fonts and layouts, are immediately visible. You can save your customized themes in JSON and reuse them across surveys. You have total freedom as to the backend, as it integrates with any server and database. On the website, you can find integration examples for PHP, ASP.NET Core, and Node.js. You can also convert your forms as editable PDF files, and visualize survey results using interactive charts and tables. The website offers 200+ code examples and tutorials for all popular JS frameworks.