TypeScript Form Components

Open-source TypeScript projects categorized as Form Components | Edit details

Top 22 TypeScript Form Component Projects

  • slate

    A completely customizable framework for building rich text editors. (Currently in beta.) (by ianstormtaylor)

    Project mention: React Libraries | dev.to | 2021-12-07

    Slate - A completely customizable framework for building rich text editors.

  • tiptap

    The headless editor framework for web artisans.

    Project mention: Wysiwyg editor with Nuxt.js | dev.to | 2022-01-24

    I implemented wysiwyg editor with a library named tiptap.

  • OPS

    OPS - Build and Run Open Source Unikernels. Quickly and easily build and deploy open source unikernels in tens of seconds. Deploy in any language to any cloud.

  • mantine

    React components library with native dark theme support

    Project mention: I’ve discovered Mantine and it’s such a joy to use! | reddit.com/r/reactjs | 2022-01-25

    Link : https://mantine.dev/

  • react-colorful

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

    Project mention: I just write a WYSIWYG markdown editor, inspired by Typora. | reddit.com/r/javascript | 2021-04-10


  • react-easy-crop

    A React component to crop images/videos with easy interactions

  • react-movable

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

  • lunasec

    LunaSec - Open Source Security Software built by Security Engineers. Scan your dependencies for Log4Shell, or add Data Tokenization to prevent data leaks. Try our live Tokenizer demo: https://app.lunasec.dev

    Project mention: Huginn: System for building agents that perform automated tasks online | news.ycombinator.com | 2022-01-23

    In this case, our "niche" was Jr. Devs that could write some code but couldn't get something deployed very easily. Kind of like Heroku.

    The angle of it being "generic" was that it required that you knew how to code. We didn't really give you many pre-defined "building blocks" to get started with. We tried to find a "niche" within that space (like a web scraper) but we just never got it quite right without needing to re-think everything we'd built.

    Since then, we've ended up doing Open Source security tooling instead[0]. We wrote up the first technical blog post about the recent log4j vuln[1] and that's been valuable for helping us identify "niche" problems that companies struggle with.

    Building a startup is hard work!

    0: https://github.com/lunasec-io/lunasec/

    1: https://www.lunasec.io/docs/blog/log4j-zero-day/

  • SonarLint

    Deliver Cleaner and Safer Code - Right in Your IDE of Choice!. SonarLint is a free and open source IDE extension that identifies and catches bugs and vulnerabilities as you code, directly in the IDE. Install from your favorite IDE marketplace today.

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

  • interweave

    🌀 React library to safely render HTML, filter attributes, autowrap text with matchers, render emoji characters, and much more.

    Project mention: Highlight words that start with "@" | reddit.com/r/reactjs | 2021-10-28

    Check out https://interweave.dev and https://github.com/Hypercontext/linkifyjs

  • react-simplemde-editor

    React wrapper for simplemde (easymde) markdown editor

  • smartblock

    intuitive block based wysiwyg editor built with React and ProseMirror

  • react-functional-select

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

  • react-monacoeditor

    Monaco Editor component for React.

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

  • react-timezone-select

    🌐 An extremely usable and dynamic React timezone selector

  • react-editor

    Pure Rich-text Editor with TS & React-hooks

  • react-advanced-cropper

    The react cropper library that gives the possibility to create croppers exactly suited for your website design.

  • react-column-select

    React component to select options by transferring them from one column to another.

  • react-drag-sizing

    "Drag to resize" (sizing) as React Component.

  • react-autowidth-input

    Highly configurable & extensible automatically sized input field built with hooks.

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 2022-01-25.

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 23,381
2 tiptap 14,014
3 mantine 3,900
4 react-colorful 1,692
5 react-easy-crop 1,463
6 react-movable 1,172
7 lunasec 811
8 edtr-io 670
9 interweave 593
10 react-simplemde-editor 585
11 smartblock 220
12 react-functional-select 149
13 react-monacoeditor 146
14 react-simple-timefield 85
15 @pathofdev/react-tag-input 75
16 ckeditor4-react 73
17 react-timezone-select 54
18 react-editor 49
19 react-advanced-cropper 11
20 react-column-select 7
21 react-drag-sizing 6
22 react-autowidth-input 4
Find remote jobs at our new job board 99remotejobs.com. There are 30 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.
Less time debugging, more time building
Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.