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.
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
Project mention: Top 23 React UI Component Libraries for Your Next Projectπ | dev.to | 2024-05-3015. Mantine
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?
Whether you prefer light mode or dark mode: as a web developer, there is a high chance you need to know how to support both modes. When building the Schedule-X calendar, I used a method for supporting both modes with very low effort. And here's how you can do it too.
Project mention: Tools and Libraries that make my my life easier as a solo developer π₯ | dev.to | 2024-05-26React Advanced Cropper (cropping images was never easier than this) https://advanced-cropper.github.io/react-advanced-cropper/
TypeScript Form Components related posts
-
Light- and dark mode CSS, the easy way
-
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
-
A note from our sponsor - SurveyJS
surveyjs.io | 3 Jun 2024
Index
What are some of the best open-source Form Component projects in TypeScript? This list will help you:
Project | Stars | |
---|---|---|
1 | slate | 29,107 |
2 | mantine | 24,791 |
3 | tiptap | 24,246 |
4 | lexical | 17,602 |
5 | react-colorful | 3,031 |
6 | react-simple-code-editor | 1,516 |
7 | neodrag | 1,497 |
8 | lunasec | 1,414 |
9 | react-movable | 1,400 |
10 | react-date-picker | 1,229 |
11 | interweave | 1,060 |
12 | schedule-x | 893 |
13 | react-simplemde-editor | 757 |
14 | react-advanced-cropper | 599 |
15 | heart-switch | 439 |
16 | smartblock | 307 |
17 | react-rating | 291 |
18 | react-monacoeditor | 283 |
19 | react-multi-email | 282 |
20 | react-mobile-picker | 275 |
21 | rich-textarea | 277 |
22 | react-timezone-select | 204 |
23 | react-functional-select | 192 |
Sponsored