Dev tools · alternatives · 2026
24 alternatives to TypeScript Editor that generates structured forms from TypeScript types
Hey HN! I've been doing a lot of work with the TypeScript Compiler API[1] recently as part of my work on Preview.js[2], an IDE extension that lets you preview React/Solid/Vue components. One thing I noticed is that even with great autocomplete and type validation, creating/editing JS values that match a given TypeScript type can require a lot of typing. This is especially the case in Preview.js, where you can edit the props you pass to the component you're previewing in the bottom right panel. For example, quickly switching between different variants of a union type can be a…
This tool automatically generates structured forms from TypeScript type definitions, allowing developers to create and edit values that match specific types without manual coding. Built for use within Preview.js—an IDE… Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. TypeScript Editor that generates structured forms from TypeScript types launched in 2022; newer entries below may have overtaken it.
- 1AV
I made this because building UIs in a lexical medium like code is super annoying. I have to pre-render what I’m making in my head, and then jump between the browser and IDE to test. I was inspired by the developer console in chrome and safari since I end up editing css there because it’s ironically more convenient. Hope it’s useful!
2022 · dev.aspect.app · its alternatives →
- 2

Next-gen, highly customizable content editor for the browser - based on React and written in TypeScript. WYSIWYG on steroids. - react-page/react-page
2017 · github.com · its alternatives →
- 3

A simple React markdown editor with preview
2021 · github.com · its alternatives →
- 4

Show HN: Tiptap Editor 3.0 Beta is out. Hi HN! Philip here from Tiptap (https://tiptap.dev/). We're excited to announce Tiptap 3.0 Beta, a major upgrade built with and for the open source community. It's still extension-based, still unopinionated, but we've tackled some of the biggest developer headaches: Enhanced TypeScript support: Strong typing for extension storage and config options. Server-side compatibility: Manipulate editor content on the server, no DOM required. JSX support: Leverage a modern, React/Vue-like approach to describing your node output. Expanded…
2025 · tiptap.dev · its alternatives →
- 5

- 6

The headless rich text editor framework for web artisans. - ueberdosis/tiptap
2019 · github.com · its alternatives →
- 7

- 8

Hello HN! I'm the creator and solo developer of Extension.js, a development tool for browser extensions with built-in support for TypeScript, WebAssembly, React, and modern JavaScript. Developers use it to spend less time configuring the compilation config or learning new frameworks and more time actually writing code. Most projects similar to Extension.js rely on some sort of abstraction or configuration to get started, making the initial development process slow given the extra learning curve and setup guidelines. By using Extension.js, adding the package to your npm scripts is all it…
2024 · github.com · its alternatives →
- 9

Hi Hacker News! My name is Sagar, I’m working on a startup called Speakeasy - we’re making all APIs self-service. The platform is currently in beta, but we’re independently launching this tool which you can use to generate language-idiomatic, statically-typed TS SDKs from any public OpenAPI schemas. We hope to continue iterating on this to give devs a way to easily generate high fidelity client SDKs for all the major languages. Inspiration for this product is from past experiences struggling with OpenAPI. I was originally optimistic about using the OpenAPI tools to build out our offering,…
2022 · easysdk.xyz · its alternatives →
- 10

Build rich editor UIs faster with React components
2025 · tiptap.dev · its alternatives →
- 11

We are working on an open-source .docx editor library for apps that need to edit Word documents in the browser. We just shipped 1.0. A lot of existing approaches convert .docx into HTML and lose document semantics along the way. Our editor parses OOXML directly and uses its own rendering+layout engine to produce paged documents with html/css. Edits round-trip back to .docx, so you’re always editing the document, not its representation. The core rendering engine is framework agnostic, with React and Vue ui adapters on top. It’s Apache 2.0. Happy to answer questions.
May 2026 · github.com · its alternatives →
- 12

- 13

Hi, HN. Gui, Lucis, and the deco.cx team here — we're a bunch of Brazilians building an open-source, all-in-one web editor for the modern TypeScript dev. Check out our GitHub at https://github.com/deco-cx/deco and discover more at our site https://deco.cx/. We built frontend tools at a hyper-growth e-commerce platform for 9 years. Deco.cx is the thing that we wish existed when we were managing hundreds of enterprise-grade React-based websites. The gist is: JSX, HTMX, TypeScript, Tailwind and Deno. All visually editable in a beautiful, collaborative,…
2024 · deco.cx · its alternatives →
- 14

Create and share simple web demos using TypeScript, CSS, and HTML. Prototype new ideas quickly.
2017 · codewich.com · its alternatives →
- 15

Hi all! Here is my open-source side-project. It is a browser extension that lets you click on a component on your localhost to get to its code in your editor. It works with React, Svelte, SolidJS, Preact, and Vue components and with VSCode, Webstorm, or any other editor that supports URL protocol links. It can be used also as JavaScript library (instead of installing browser extension) It speeds up my web development so much that I can't work without that anymore :D Let me know if you like it or if you would like to improve it somehow. Contributions are welcomed…
2022 · locatorjs.com · its alternatives →
- 16
ReacType▲91Prototyping Tool Exporting React / Typescript Applications
2019 · github.com · its alternatives →
- 17

Generate, validate, and parse React forms using Mongoose-inspired JSON schemas - SteveVitali/react-form-generator
2015 · github.com · its alternatives →
- 18

Extension for Visual Studio Code - Get instant previews of your React components, directly in your IDE
2021 · marketplace.visualstudio.com · its alternatives →
- 19

React and Next.js snippets with TypeScript
2022 · marketplace.visualstudio.com · its alternatives →
- 20

A form library that uses JSON schema and works with Redux. Originally a part of the TakeShape React web client. - takeshape/shape-form
2019 · github.com · its alternatives →
- 21GS
factorio-type-kit - author factorio mods in typescript, or generate interfaces for your language of choice
2021 · cdaringe.github.io · its alternatives →
- 22

- 23

Pure React rich text WYSIWYG editor based on draft-js. - sstur/react-rte
2016 · github.com · its alternatives →
- 24

Run TypeScript snippets directly in Chrome DevTools
2024 · chromewebstore.google.com · its alternatives →
Also compare
Ranked by how close each launch is in meaning, then by votes. Prices were read from each product’s own site when checked and can change. Refine with your own description →