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. Learn more β
Top 23 TypeScript Form Component Projects
-
slate
A completely customizable framework for building rich text editors. (Currently in beta.) (by ianstormtaylor)
-
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.
-
lexical
Lexical is an extensible text editor framework that provides excellent reliability, accessibility and performance.
-
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.
-
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/
-
interweave
π React library to safely render HTML, filter attributes, autowrap text with matchers, render emoji characters, and much more.
-
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
-
rich-textarea
A small customizable textarea for React to colorize, highlight, decorate texts, offer autocomplete and much more.
-
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.
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.
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.
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?
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.
TypeScript Form Components related posts
- How I Built an Open-Source Admin Dashboard Template with Mantine and Next.js
- Wax: The Word Processor for the Web
- How I built a cross-framework frontend library
- Mantine: A featured React components library
- Show HN: I built an open source web calendar inspired by the Google calendar
- Mantine: A feature React components library
- Mantine 7.0 is out β 150+ hooks and components with dark theme support
-
A note from our sponsor - SurveyJS
surveyjs.io | 25 Apr 2024
Index
What are some of the best open-source Form Component projects in TypeScript? This list will help you:
Project | Stars | |
---|---|---|
1 | slate | 28,980 |
2 | mantine | 24,233 |
3 | tiptap | 23,734 |
4 | lexical | 17,307 |
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,048 |
12 | schedule-x | 839 |
13 | react-simplemde-editor | 750 |
14 | react-advanced-cropper | 568 |
15 | heart-switch | 436 |
16 | smartblock | 304 |
17 | react-rating | 282 |
18 | react-monacoeditor | 279 |
19 | react-multi-email | 279 |
20 | react-mobile-picker | 272 |
21 | rich-textarea | 267 |
22 | react-timezone-select | 203 |
23 | react-functional-select | 192 |
Sponsored