TypeScript Form Components

Open-source TypeScript projects categorized as Form Components

Top 23 TypeScript Form Component Projects

  • slate

    A completely customizable framework for building rich text editors. (Currently in beta.) (by ianstormtaylor)

  • Project mention: 5 Not-So-Typical React Libraries for an Outstanding Project | dev.to | 2023-08-03
  • mantine

    A fully featured React components library

  • Project mention: Astro.js as an alternative to Next.js: pushing the limits | dev.to | 2024-04-17

    Here’s another mentality shift for you. If you were thinking in a providers pattern, you need to snap out of it. You can no longer store your theme in a provider. No more RadixUI or MantineUI for you.

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo
  • tiptap

    The headless rich text editor framework for web artisans.

  • Project mention: Encrypted Note Editor App In React Native | dev.to | 2024-03-04

    The Editor: The core of our app is the editor. We need an easy to use and robust rich text editor, that supports all of the features we want such as: headings, lists, placeholders, markdown, color, images, bold italic etc… For this we will use @10play/tentap-editor which is a rich text editor for react native based on Tiptap.

  • lexical

    Lexical is an extensible text editor framework that provides excellent reliability, accessibility and performance.

  • Project mention: Quill – Your powerful rich text editor | news.ycombinator.com | 2024-04-19

    I remember using https://github.com/facebook/lexical for a project a year ago and mostly things worked our of the box.

    Any reason to prefer quill?

  • react-colorful

    🎨 A tiny (2,8 KB) color picker component for React and Preact apps

  • react-simple-code-editor

    Simple no-frills code editor with syntax highlighting

  • neodrag

    One Draggable to rule them all 💍

  • WorkOS

    The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

    WorkOS logo
  • lunasec

    LunaSec - Dependency Security Scanner that automatically notifies you about vulnerabilities like Log4Shell or node-ipc in your Pull Requests and Builds. Protect yourself in 30 seconds with the LunaTrace GitHub App: https://github.com/marketplace/lunatrace-by-lunasec/

  • react-movable

    🔀 Drag and drop for your React lists and tables. Accessible. Tiny.

  • react-date-picker

    A date picker for your React app.

  • interweave

    🌀 React library to safely render HTML, filter attributes, autowrap text with matchers, render emoji characters, and much more.

  • schedule-x

    Material design event calendar and date picker

  • Project mention: How I built a cross-framework frontend library | dev.to | 2024-01-17

    This article will discuss the general concept of building a cross-framework frontend library. It will also display some examples of how this was applied when building the event calendar Schedule-X.

  • react-simplemde-editor

    React wrapper for simplemde (easymde) markdown editor

  • react-advanced-cropper

    The react cropper library that embraces power of the advanced cropper core to give the possibility to create croppers that exactly suited for your website design

  • heart-switch

    ❤️ A heart-shaped toggle switch component for React.

  • smartblock

    intuitive block based wysiwyg editor built with React and ProseMirror

  • react-rating

    :star: Zero-dependency, highly customizable rating component for React.

  • react-monacoeditor

    Monaco Editor component for React.

  • react-multi-email

    :octocat: A simple react component to format multiple email as the user types.

  • react-mobile-picker

    An iOS like selector/picker component for web

  • rich-textarea

    A small customizable textarea for React to colorize, highlight, decorate texts, offer autocomplete and much more.

  • react-timezone-select

    🌐 An extremely usable and dynamic React timezone selector

  • react-functional-select

    Micro-sized & micro-optimized select component for React.js

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

    InfluxDB 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). The latest post mention was on 2024-04-19.

TypeScript Form Components related posts


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

Project Stars
1 slate 28,945
2 mantine 24,146
3 tiptap 23,630
4 lexical 17,225
5 react-colorful 2,990
6 react-simple-code-editor 1,498
7 neodrag 1,464
8 lunasec 1,406
9 react-movable 1,391
10 react-date-picker 1,212
11 interweave 1,046
12 schedule-x 833
13 react-simplemde-editor 750
14 react-advanced-cropper 563
15 heart-switch 436
16 smartblock 304
17 react-rating 281
18 react-monacoeditor 279
19 react-multi-email 279
20 react-mobile-picker 272
21 rich-textarea 267
22 react-timezone-select 202
23 react-functional-select 192

Power Real-Time Data Analytics at Scale
Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.