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.
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 |