Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work. Learn more →
Top 23 TypeScript Form Component Projects
-
slate
A completely customizable framework for building rich text editors. (Currently in beta.) (by ianstormtaylor)
Slate, as per its documentation, is a completely customizable framework for building rich text editors. Therefore, it doesn't offer a feature-rich text editor but instead provides tools to build one. Let's create a component called Slate and see what the Slate editor looks like.
-
TipTap, built on top of ProseMirror, is a headless editor framework that gives full control over every single aspect of the text editor experience. Similarly to Slate, TipTap doesn't offer a fully featured Rich Text Editor; instead, it offers a lot of extensions and can be customized to incorporate new features. Let's have a look at how we can implement a TipTap editor with the image extension that will provide similar functionality to the one we implemented in the last section for the Slate editor.
-
Appwrite
Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!
-
Project mention: How to use Material UI Components with React Hook Form (Part for Great React Forms Video Series) | reddit.com/r/reactjs | 2023-01-27
Another great video! If your interested I would check out Mantine it’s a really well built UI component library and would be another great one to show off.
-
8. react-colorful
-
react-movable: Seems to do the job but the user count is lower than the one of dnd-kit.
-
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/
Project mention: Ask HN: Those making $0/month or less on side projects – Show and tell | news.ycombinator.com | 2023-01-27LunaTrace: https://lunatrace.lunasec.io/
Premise: Open Source[0] alternative to GitHub Dependabot and `npm audit` that focuses on helping you prioritize where to patching first (only 0.1% of CVEs are used in cyber attacks).
Short YouTube demo: https://www.youtube.com/watch?v=ugdSyR2L6sY
A newer video showing off the whole Static Analysis engine: https://www.youtube.com/watch?v=vPd4MSUJ98M
Price: $0 for Open Source repos. We're hoping to charge for private repos in the future, but we need to build out the billing features first lol. (We're at $0 in revenue currently.)
If you are filled with rage because of CVEs spamming you, come vent your frustrations on Discord: https://discord.gg/2EbHdAR5w7
We're looking for early customers that are interested in working with us. My email is on my profile. Cheers!
[0]: Source Code, https://github.com/lunasec-io/lunasec/
-
-
Klotho
AWS Cloud-aware infrastructure-from-code toolbox [NEW]. Build cloud backends with Infrastructure-from-Code (IfC), a revolutionary technique for generating and updating cloud infrastructure. Try IfC with AWS and Klotho now (Now open-source)
-
Project mention: Neodrag: An SSR-friendly, multi-framework draggable library | reddit.com/r/sveltejs | 2023-01-12
Also about the stutter on mobile, can you upgrade to v2 and try? It might have been fixed. If not, feel free to open an issue https://github.com/PuruVJ/neodrag/issues
-
interweave
🌀 React library to safely render HTML, filter attributes, autowrap text with matchers, render emoji characters, and much more.
-
edtr-io
Edtr.io is an open source WYSIWYG in-line web editor written in React. Its plugin architecture makes Edtr.io lean and extensive at the same time.
-
-
Project mention: I’ve built a fully themeable and accessible heart-shaped toggle switch component for React. [Details in the comments] | reddit.com/r/opensource | 2022-02-17
-
-
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
4. Advanced Cropper
-
-
rich-textarea
A small customizable textarea for React to colorize, highlight, decorate texts, offer autocomplete and much more.
Project mention: rich-textarea - a small customizable textarea component | reddit.com/r/reactjs | 2022-02-09 -
-
Please check the demo website with all the examples. If you enjoyed or used it, consider to leave me a star on GitHub so I can spread the package to whoever needs it!
-
Project mention: I’ve built a fully themeable and accessible numeric stepper component for React. [Details in the comments] | reddit.com/r/reactjs | 2022-04-07
Thank you! It's published on NPM. Docs can be found here: https://github.com/anatoliygatt/numeric-stepper
-
Project mention: Creating a scheduling app: I wish somebody showed me this technique when I first started coding 🤔 | dev.to | 2022-12-14
React Router is a JavaScript library that enables us to navigate between pages in a React application, and React Toastify is used to display colourful notifications to the users. React Timezone Select is a simple library that provides various available timezones per location.
-
-
-
-
Sonar
Write Clean JavaScript Code. Always.. Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.
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 2023-01-28.
TypeScript Form Components related posts
- How to use Material UI Components with React Hook Form (Part for Great React Forms Video Series)
- detect link in a chat?
- Build a URL shortener using React and Node/Express in Typescript
- Top 10 most useful react hooks.
- Crop and Upload Image Service
- tiptap - a headless, framework-agnostic and extendable rich text editor
- 7 React Hooks for Every Project
-
A note from our sponsor - Sonar
www.sonarsource.com | 31 Jan 2023
Index
What are some of the best open-source Form Component projects in TypeScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | slate | 26,307 |
| 2 | tiptap | 17,764 |
| 3 | mantine | 17,166 |
| 4 | react-colorful | 2,462 |
| 5 | react-movable | 1,310 |
| 6 | lunasec | 1,256 |
| 7 | react-simple-code-editor | 1,251 |
| 8 | neodrag | 964 |
| 9 | interweave | 883 |
| 10 | edtr-io | 697 |
| 11 | react-simplemde-editor | 662 |
| 12 | heart-switch | 417 |
| 13 | smartblock | 267 |
| 14 | react-advanced-cropper | 261 |
| 15 | react-monacoeditor | 202 |
| 16 | rich-textarea | 177 |
| 17 | react-functional-select | 176 |
| 18 | react-rating | 166 |
| 19 | numeric-stepper | 146 |
| 20 | react-timezone-select | 98 |
| 21 | react-simple-timefield | 96 |
| 22 | @pathofdev/react-tag-input | 86 |
| 23 | ckeditor4-react | 82 |
Build time-series-based applications quickly and at scale.
InfluxDB is the Time Series Platform where developers build real-time applications for analytics, IoT and cloud-native services. Easy to start, it is available in the cloud or on-premises.
www.influxdata.com