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: Looking for the best React Editor library | dev.to | 2023-01-28

    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

    The headless editor framework for web artisans.

    Project mention: Looking for the best React Editor library | dev.to | 2023-01-28

    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!

  • mantine

    React components library with native dark theme support

    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.

  • react-colorful

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

    Project mention: 16 Libraries You Should Know as a React Developer 💯🔥 | dev.to | 2022-10-04

    8. react-colorful

  • react-movable

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

    Project mention: Drag and Drop - Which library? | reddit.com/r/reactjs | 2022-05-13

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

    LunaTrace: 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/

  • react-simple-code-editor

    Simple no-frills code editor with syntax highlighting

  • 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)

  • neodrag

    One Draggable to rule them all 💍

    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.

    Project mention: detect link in a chat? | reddit.com/r/reactjs | 2023-01-25
  • 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.

  • react-simplemde-editor

    React wrapper for simplemde (easymde) markdown editor

  • heart-switch

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

    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
  • smartblock

    intuitive block based wysiwyg editor built with React and ProseMirror

  • 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

    Project mention: The 7 Best React Component Libraries to Use in 2022 | dev.to | 2022-11-01

    4. Advanced Cropper

  • react-monacoeditor

    Monaco Editor component for React.

  • 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
  • react-functional-select

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

  • react-rating

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

    Project mention: React Rating - New Component Library | reddit.com/r/reactjs | 2022-08-04

    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!

  • numeric-stepper

    🎛 A numeric stepper component for React.

    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

  • react-timezone-select

    🌐 An extremely usable and dynamic React timezone selector

    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.

  • react-simple-timefield

    Simple React time input field

  • @pathofdev/react-tag-input

    A simple tag input component for React with editable tags

  • ckeditor4-react

    Official CKEditor 4 React component.

  • 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


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.