Alternatives to JSX.Design
Compare JSX.Design alternatives for your business or organization using the curated list below. SourceForge ranks the best alternatives to JSX.Design in 2026. Compare features, ratings, user reviews, pricing, and more from JSX.Design competitors and alternatives in order to make an informed decision for your business.
-
1
openElement
Element Technologies
openElement is a free website building application with a WYSIWYG interface ("What You See Is What You Get"). The software automatically generates the necessary code for a website to display and function correctly, without the creative constraints imposed by other tools. The benefit to users is a simpler approach for beginners and a faster approach to repetitive tasks for professionals. The concepts of "elements" and "packs" allow users to insert, modify, and customize commonly used web objects by simply dragging & dropping them onto pages - without writing any code. That said, users are not confined by the built-in elements: you can create, reuse, and share your own custom elements. openElement is a hybrid between a CMS and a standalone app. It really stands apart from other applications of its type. It works through an internal intermediary format that facilitates content updates, and maintains the structure and consistency of the resulting code. -
2
Maqetta
Maqetta
Maqetta is an open source project that provides WYSIWYG visual authoring of HTML5 user interfaces. The Maqetta application itself is authored in HTML, and therefore runs in the browser without requiring additional plugins or downloads. Maqetta is available under a commercial-friendly open source license. You can download the source code and install it on your own server, customize the code to fit your needs and/or contribute improvements to the open source project. The HTML pages created by Maqetta typically work across all popular browsers, including IE (caveat: this depends on the JavaScript toolkit you use and coding details). But if you want to run the Maqetta application, you'll need to use a recent release of one of the following browsers, all of which support the HTML5 features that Maqetta requires. The project's code is built using 100% open standards technologies. -
3
Locofy
Locofy
Frontend development accelerated with AI. Turn designs into frontend code for web & mobile. Build full apps, screens, components & design systems. Ship products 10x faster with your existing design tools, libraries, tech stack & CI/CD workflows. Figma & Adobe XD to React, React Native, HTML/CSS, Gatsby, Next.js, Vue, and more coming soon. Keep using the tools you already use. We provide a Figma & Adobe XD plugin to tag your interactive elements and handle styling, layout, and responsiveness. As a bonus, we provide pre-built components from Material UI, Bootstrap, Ant Design, Chakra UI as well as your Storybook. Locofy converts your designs into production-ready code for React, React Native, HTML-CSS, Next.js, Gatsby, Vue, and more on the way in your preferred framework. Make reusable components and props with LocoAI. Export your code in your preferred settings (CSS Modules, Tailwind, CSS, Typescript, JavaScript, Expo).Starting Price: Free -
4
Vev
Vev
Vev is a new breed of web creation platform built for developers, designers, and marketers. Combining no-code and code, we help professional teams publish their wildest ideas on the web with complete creative and technical freedom. -
5
KompoZer
KompoZer
KompoZer combines web file management and easy-to-use WYSIWYG (what you see is what you get) web page editing tools to help you create an attractive, professional-looking website without needing to know HTML or web coding. Get your business online with ease, create a website, start a blog or build an online store and scale your online business fast. Signup for a free web builder and hosting to setup your website. Choose the kind of website you want to create. Start to design and build your own high-quality websites. Add unique features you need to launch and manage your online business with ease. Start your own blog, add a logo, accept bookings online and add an online store. Every online business starts with a website. Build your first website in minutes for free, even if it’s your first time creating a site. Choose from a variety of stunning free HTML website templates to build your website into what you want. -
6
Clutch
Clutch
With Clutch, you can design websites by visualizing components as blocks rather than lines of code, which saves you time and effort. Clutch's componentization approach allows you to reuse the same features throughout your project, eliminating the need to rebuild them from scratch. This not only saves time but also helps maintain consistency and ensures that your website has a cohesive look and feel. In addition to its visual interface, Clutch offers the option to code when necessary, allowing you to connect your website to a backend and perform database operations as needed. This means that even though you're using a visual builder, you're not limited to drag-and-drop components. This makes it easy to build complex web applications with advanced functionality while maintaining the benefits of a visual website builder.Starting Price: $35 per user per month -
7
Indigo.Design
INFRAGISTICS
Speed up innovation and time to market with a complete design-to-code system. Indigo.Design is a digital product design platform that integrates UI prototyping, design systems, user testing, app building and code generation to eliminate design hand offs and reduce costly iterations — enabling true UX design-development collaboration. Design and build complete business apps faster than ever before with Cloud-based, WYSIWYG drag & drop tool. Feel the interactions and see how your application looks with instant, real-time preview. No need to download anything, no heavy IDEs, and no 3rd party dependencies. Compatible with popular design tools. Anything you create in Sketch and other design tools generates pixel-perfect code output in a single click with the Indigo Design System. Preview your designs instantly in the browser – no need to download or compile anything. Use our WYSIWYG cloud-based App Builder to create clean, usable code in Angular.Starting Price: $39 per month -
8
Polipo
Polipo
Reduce code by 83%. Edit your UI in Figma, add logic with React or Vue. No generated code to maintain.Starting Price: $10 per month -
9
NetObjects Fusion
NetObjects
We proudly introduce the latest version of NetObjects Fusion: Go from concept to live site quickly and easily and with NO HTML coding. NetObjects Fusion 15 continues to lead the way in bringing the world of website design to the hands of everyone. With so many new and added features, it's no wonder NetObjects Fusion is still the smart way to build great sites. Introducing the latest version of NetObjects Fusion: Now anyone can create stunning Websites with absolutely no HTML coding. Add high impact video and audio, embed online apps like Google Maps, and keep track of your sites success with built in SEO tools. -
10
Rendition
Rendition
Rendition is for teams that want to build faster. Rendition brings your designs to life so your team can keep on shipping. See if Rendition is the perfect way to superpower your team. Rendition writes high-quality frontend code so you're always ready to adapt to new designs and product pivots. We believe turning designs into code should be a smooth process. To make this happen, Rendition uses your Figma designs to quickly build pixel-perfect, responsive, interactive, human-quality, project-ready React code. That way, you can focus on all the other stuff. Our custom compiler and machine learning models turn designs into code that is tailored to what your project needs. Rendition gets you code that meets your team’s high standards. Give your dev team a 10x boost, and be able to iterate and adapt your UI quickly. Ship faster than ever before, increasing the power of every engineer you hire. -
11
Hadron
Hadron
Your design is not stored internally in a custom data structure that has to be exported to code. Instead, we are always editing your code on the fly, allowing designers and developers to share files. Create unique responsive layouts with ease and without constraints by harnessing the power of the Web Platform. Our grid tool is the most powerful and easy-to-use grid system out there. Our GUI makes writing code unnecessary for designing. But, even so, you are actually generating your own code that you or your developer teammate can modify at any time. Imagine what you can build together. Colors, sizes, fonts, margins everything will look exactly like your users will see it, and developers won't have to spend time again guessing the designer's intentions.Starting Price: Free -
12
Mercury Editor
Mercury Editor
Mercury is a full featured HTML5 editor. It was built from the ground up to help your team get the most out of content editing in modern browsers. Mercury comes bundled as a Rails Engine, so just include it in your Gemfile. Or download the current bundled package if you're not using Rails. We don't inject javascript or css into your production pages so you're free to use whatever frameworks you want without having to worry about conflicts. Easily add or remove toolbar items or create entirely new tools. Any toolbar item can be tied to an action using behaviors and the command pattern. Full HTML, Simple, Markdown, Snippet and Image regions are supported by default, but you can just extend the base regions to build your own types. Built on top of the HTML5 contentEditable features, it natively supports the all the fancy new HTML5 elements, syntax, and JavaScript APIs. -
13
Pagedone
Pagedone
Pagedone - a library featuring 1000+ UI components, sections, and pages designed in Figma and built on Tailwind CSS. Here are the few things you will get on Pagedone: ✨𝐏𝐚𝐠𝐞𝐝𝐨𝐧𝐞 𝐅𝐢𝐠𝐦𝐚 𝐝𝐞𝐬𝐢𝐠𝐧 𝐬𝐲𝐬𝐭𝐞𝐦 Pagedone presents the ultimate design system for all your design projects, featuring a vast collection of over 12,000 components, blocks, templates, dashboards, and more. Experience a lightning-fast design process seamlessly integrated with Figma. ✨𝐄𝐱𝐩𝐞𝐫𝐭𝐥𝐲 𝐂𝐫𝐚𝐟𝐭𝐞𝐝 𝐓𝐚𝐢𝐥𝐰𝐢𝐧𝐝 𝐁𝐥𝐨𝐜𝐤𝐬 Pagedone provides artfully designed blocks, pages, and components built with Tailwind CSS. ✨𝐏𝐚𝐠𝐞𝐝𝐨𝐧𝐞 𝐈𝐜𝐨𝐧 𝐋𝐢𝐛𝐫𝐚𝐫𝐲 ( FREE ) Pagedone's icons are not only expertly designed in Figma but are also available in four distinct styles. The SVG code is highly optimized, aligning perfectly with a 24px grid. Additionally, our web app empowers you to effortlessly edit icon strokes, colors, and sizes.Starting Price: $89/year/user -
14
BlueGriffon
Disruptive Innovations
The next-gen Web and EPUB Editor based on the rendering engine of Firefox. BlueGriffon® has a long list of famous ancestors and proudly inherits from all of them: Netscape®, Mozilla® Composer and Nvu. It is powered by Gecko, the same rendering engine you can find at the heart of Firefox®, and is filled with tons of powerful features. BlueGriffon® is used by millions of users around the world, including Universities, Governments and even the European Parliament. It is officially recommended by the French Government as the Web Authoring Tool for the French Administration in its effort to rely on and promote Free Software. BlueGriffon® is used by millions of users around the world, including Universities, Governments and even the European Parliament. It is officially recommended by the French Government as the Web Authoring Tool for the French Administration in its effort to rely on and promote Free Software.Starting Price: $87.75 one-time payment -
15
Amaya
Amaya
Using Amaya you can create Web pages and upload them onto a server. Authors can create a document from scratch, they can browse the web and find the information they need, copy and paste it to their pages, and create links to other Web sites. All this is done in a straightforward and simple manner, and actions are performed in a single consistent environment. Editing and browsing functions are integrated seamlessly in a single tool. Amaya always represents the document internally in a structured way consistent with the Document Type Definition (DTD). A properly structured document enables other tools to further process the data safely. Amaya allows you to display the document structure at the same time as the formatted view, which is portrayed diagrammatically on the screen. The editor helps you create and text out links to other documents on the Web from the document you currently are working on. You can view the links and get a feel for how the information is interconnected. -
16
ProseMirror
ProseMirror
Rich content editors should, ideally, produce clean, semantically meaningful documents while still being easy for users to understand. ProseMirror tries to bridge the gap between editing explicit, unambiguous content like Markdown or XML, and classical WYSIWYG editors. It does this by implementing a WYSIWYG-style editing interface for documents more constrained and structured than plain HTML. You can customize the shape and structure of the documents your editor creates, and tailor them to your application's needs. ProseMirror has built-in, ground-up, rock solid support for collaborative editing, where multiple people work on the same document in real time. Document schemas allow editing documents with a custom structure without writing your own editor from scratch. A modular architecture makes sure you only load the code you need, and can replace parts of the system as needed. A plugin system allows you to easily enable additional functionality. -
17
Froala
Froala
Discover Froala, the beautiful JavaScript WYSIWYG editor that seamlessly integrates into your projects. Its intuitive smart toolbar packs over 100 features into four simple categories, offering both power and simplicity. With comprehensive documentation and over 30 out-of-the-box plugins, developers can quickly implement and customize Froala to suit any use case. Enjoy unlimited editor loads and users, self-hosting options, and regular updates supporting the latest LTS versions of React, Angular, and Vue. Froala transforms content creation, combining developer flexibility with a user-friendly interface that your audience will love.Starting Price: $899 per year -
18
ReactPage
ReactPage
ReactPage is a next-level content editor for react. It enables webmasters and content editors to create the content they want with the components you provide as a developer. Powerful and customizable RichText Editor (powered by Slate), 12-column grid responsive grid layout, drag & drop cells, undo and redo, copy and hotkey support, as well as multi-language support. Add any custom components you like. ReactPage has a simple API, it's basically just like a form field and can be included in any project. Pass the current value that you might read from your datastore and update the value when onChange is called. ReactPage will only load what is really required for it to display. This results in a small and very light bundle size file. Anything can be displayed inside a cell of this editor! You can add text, images, videos and any custom component you want by creating custom CellPlugins. -
19
HTML-NOTEPAD
HTML-NOTEPAD
It is a WYSIWYG editor of structured documents, texts that have hierarchical and semantically meaningful structure, headers, lists, plaintext islands, tables and so on. HTML-NOTEPAD is not a “web page editor”. Don’t even expect to create “cool web pages” with it. With modern CSS, WYSIWYG Web design is simply impossible. Web pages are crafted manually by editing CSS, that is by nature of CSS. But still, HTML-NOTEPAD can be useful for Web designers too, for the cases when we need to create textual (yet structural) content of our pages. HTML-NOTEPAD uses Sciter Engine for its UI. That means it is small, fast, does not have external dependencies and works on all major desktop operating systems, Windows (from XP to 10), Mac OS, and Linux. WYSIWYG editing has limitations, some operations are significantly more convenient to do in source code representation. That’s why HTML-NOTEPAD supports “pass-through selection”. -
20
Grapes Studio
Grapes Studio
Grapes Studio is a free and open source web builder framework designed to help developers and content teams create HTML templates, landing pages, newsletters, or site layouts using a powerful drag-and-drop editor, no deep coding required. The editor includes a visual canvas where users can add, move and configure components such as sections, images, buttons, iframes or text blocks; a Block Manager to define reusable HTML fragments; a Style Manager for CSS-like visual styling; a Layer/Structure Manager to intuitively organize component hierarchy; an Asset Manager for images and media; built-in command-set (undo/redo, preview, full-screen) and support for more advanced extensibility via APIs and plugins. Because the framework is unopinionated, developers can use it as a standalone editor embedded within an application or platform, or customize panels, toolbars, and behaviours to suit their UI.Starting Price: $10 per month -
21
rnbw
rnbw
HTML and CSS are what you see in your browser. they're not just code, they're design tools. when you design with them, you're not on a flat canvas, you're crafting within the web's natural structure. think of the web as boxes inside boxes. this lets you freely move and compose content. with rnbw, you're designing inside the web's framework. working within these limits, you're embracing the essence of web design. rnbw is simple enough for anyone, flexible enough for anything, and open enough to use anyhow. it differs from traditional software by focusing on atomic concepts. while features are great "one-size-fits-all" solutions, atomic concepts multiply their meaning when combined. by breaking down complex ideas into atomic concepts, rnbw allows users to build their solutions in the best way possible that works for them, not others. we believe this design principle is the key to more powerful software.Starting Price: Free -
22
Piny
Pinegrow
Piny is a visual editor designed for developers working with Astro, React, Next.js, and Tailwind CSS, operating directly within IDEs like Visual Studio Code, Cursor, and Windsurf. It allows users to edit code visually, navigate components, and streamline styling without special setup. All edits are made directly in the code, ensuring developers maintain full control. Piny offers powerful free features for styling and navigating projects without requiring an account. Visual Tailwind Controls enable intuitive styling by clicking on elements, with changes immediately reflected in the code and automatic document saving to trigger hot reloads. The Tailwind Class Inspector helps manage complex styles in an editable tree of classes and states. Users can edit Tailwind classes directly within strings, variables, and even in non-React/Astro code.Starting Price: $120 per year -
23
BlockNote
BlockNote
BlockNote is an open source, block-based rich text editor for React that offers a polished, Notion-style user experience with minimal setup. It comes with built-in UI components like menus and toolbars, which are fully customizable. It supports drag-and-drop functionality, allowing users to organize content into blocks that can be nested or rearranged. Developers can extend the editor with custom blocks, schemas, and plugins, benefiting from first-class TypeScript support for type safety and autocompletion. BlockNote enables real-time collaboration using Yjs, with support for providers like Liveblocks and PartyKit, allowing multiple users to edit documents simultaneously. It also supports theming, markdown, and HTML conversion, and can be used with vanilla JavaScript for non-React projects. Built on top of ProseMirror and TipTap, BlockNote simplifies the process of adding a rich text editor to applications, eliminating the need to build interface elements from scratch.Starting Price: $90 per month -
24
Candu
Candu
Build user experiences with your own UI components, no coding required. Jumpstart your UI design with a template. Make it your own. Our editor syncs with your style guide. Preview what you’ve built with Candu for Chrome. Serve up different variants to different users. See what works and what doesn’t with our analytics engine. Other solutions build components on top of your product. Candu embeds components in your product so they integrate seamlessly. Empower any team to design delightful user experiences. Pick a template, or build from scratch. We’ve got you covered! Drag and drop your way to any user experience, and power up customer onboarding, feature adoption, and more. Candu’s WYSIWIG editor provides the canvas to build your UX design in minutes. Drag and drop your own UI components to create beautiful in-product experiences without a single line of code. Choose from our template gallery to jumpstart your design. -
25
1st Page 2000
Evrsoft
Professional web builders are exploring 1st Page 2000, the world's free web builder to create and manage world-class Web sites. Its power and flexibility lets anyone create the web site they want. Ask any professional web builder and they'll tell you the sad stories behind using standard WYSIWYG editors. Professional web builders know that WYSIWYG editors never create clean html code which means they'll end up wasting more time fixing, cleaning and correcting code later on. With this common problem in mind, you'll be glad to hear that 1st Page never ruins HTML code, in fact it doesn't even add unwanted html codes to your important projects. Evrsoft 1st Page 2000 helps you write, edit and improve your HTML, its powerful tools let you author websites faster, easier and better! -
26
Desech Studio
Desech
Desech Studio is a free modern no code visual html/css editor which enables you to import your Figma, Sketch, AdobeXD design file to generate a clean html structure positioned with CSS grids. Then you can integrate it with React, Angular, Vue or Material Design. This is a product that I have worked on for quite some time and I'm excited to show it to the world. Desech Studio will always be free, with offline support and privacy conscious. Future plans are to integrate with Wordpress, and then implement features that will allow you to not need design software, and just design your application directly in Desech Studio.Starting Price: €9.99 per month -
27
Ultimate UI
Infragistics
Simplify development with Infragistics Ultimate UI/UX toolkit, offering a comprehensive library of enterprise-grade UI controls and UX Design-Development collaboration tools with Indigo.Design – a complete design-to-code system – integrating prototyping, design systems, user testing, app building, and code generation. App Builder™ is a new cloud-based WYSIWYG drag & drop IDE that eliminates the complexity of user interface design and development so you can build business apps faster than ever. Choose from a library of pre-built app templates or responsive screen layouts or drop in a Sketch or Adobe XD file. Customize with a toolbox of 60+ UI controls and 65+ charts, then generate Angular or Blazor code in just a few clicks. With industry-leading UI toolkits for Windows Forms and WPF, Infragistics Ultimate makes it easy for developers to build beautiful, high-performing modern desktop applications.Starting Price: $1,295 per developer -
28
TOAST UI
TOAST UI
JavaScript UI library and free open source project constantly managed by NHN. Chart makes your data pop. Its numerous charts like Line, Bar, Pie, and more are easy to use, and you can export your data to excel or even as images. Editor allows you to interact with their Markdown documents through both text and WYSIWYG. With syntax highlighting, scroll-sync, live preview, charts, and much more diverse features and UI, it takes your word processing to the next level. Grid is a powerful grid library with data editing, filtering, sorting, pagination features, and more. Furthermore, you can customize the editor and the renderer to your desired format and visualize your data however you like. Calendar provides monthly, weekly, multi-weekly, daily views, and more, as well as a basic pop-up UI you can use to add/edit/delete your schedules. You can manage your schedule simply by dragging the schedules around. Managing your calendar has never been easier. -
29
TinyMCE
Tiny Technologies
TinyMCE gives you total control over rich text editing within any application. As a WYSIWYG component, it can be seamlessly integrated into your web app's existing tech stack – and can be fully customized via its 400+ APIs and 12+ framework integrations or used out-of-the-box as an enterprise-grade editor. TinyMCE paid plans include advanced features that are perfectly suited to enterprise-grade uses and even the most complex edge-cases. Three popular premium features: 1. AI Assistant: Generative AI = faster writing → Embed the power of AI inside your app with pre-written prompts 2. PowerPaste: 99.9% accurate copy-paste = less support tickets → Cleanly copy-paste from MSWord, GDocs, Excel, and other popular apps 3. Spell Checker Pro: Eliminate errors = consistent on-brand spelling → Check up to 13 languages (plus medical terms) and build custom dictionaries Available in the cloud and on-premise. Easily integrates with React, Angular, Vue, Bootstrap and others.Starting Price: $79/month -
30
CKEditor 5
CKSource
CKEditor 5 is a modern WYSIWYG rich text editor that can easily accommodate the requirements of businesses and users in the age of digital transformation. It allows software creators and developers to build powerful writing solutions for applications of all sorts, within hours. Thanks to a fully customizable framework, ready-to-use builds, native integrations, extensive documentation, and reliable customer support, the editor can be fully tailored to your needs. To provide users with an all-around streamlined and collaborative writing experience, you can additionally include advanced features such as Track Changes and Comments, Revision History, and (if preferred) Real-time Collaboration! Easy Export to PDF and Word, responsive images, pagination, Markdown input and output support, and robust paste from Word and Google Docs are also popular choices. -
31
InTab
InTab
App building solution that helps businesses turn designs into responsive prototypes without writing code to visually style any website. Write CSS faster with built-in templates for animations/flexbox/grid layout. Test your website responsiveness in 20+ devices with real-time sync.Hover to inspect CSS - no need to open devtools. Visually edit any website with InTab's No-Code CSS editor.Starting Price: $49 per month -
32
Plate
Plate.js
Plate is a rich-text editor framework for React, designed to simplify complex text editing needs. Built with Slate.js and TypeScript, it offers a highly customizable and extensible editing experience. Plate provides a wide range of plugin packages that enhance the behavior, hooks, serialization, normalization, and other features of the editor. These plugins are "headless," meaning they are unstyled by default, allowing developers to style them as needed. It includes state management with Zustand stores, custom hotkeys, API methods, and transforms accessible through editor.api and editor.transforms. Plate also offers unstyled and accessible components based on Radix UI, serving as the foundation for building high-quality design systems. For those seeking a visually appealing interface, Plate provides pre-built styled components based on shadcn/ui, which can be customized to create a unique, accessible, and visually pleasing user interface.Starting Price: Free -
33
MathEditor
SCD Company
MathEditor is a convenient, accessible, mobile-friendly WYSIWYG editor, developed by SCD Company. The editor is designed to semantically process mathematical formulas and recognize their meaning. It's integrated with several server-side components that offer additional features, such as symbolic formula manipulation, graph plotting, and numeric calculations. MathEditor is also accessible to persons with visual disabilities, making it easy to use for everyone. The editor is API driven and extensible. Here are some unique features it contains: ➖ Understanding the semantics for math formulas! ➖ Error Checking and a Smart Assistant! ➖ Advanced accessibility for persons with visual disabilities! MathEditor, unlike other editors, translates math formulas into a computer understandable format, thus every program it’s integrated into acquires the ability to provide contextually intelligent feedback in real-time similar to a human teacher. -
34
CoffeeCup Site Designer
CoffeeCup Software
For people who code, and those who don't. Site Designer's code-free controls allow you to experiment with high-level features without needing to know how the markup is written. Your creativity can run wild! Build utilizing a drag-n-drop workflow in a live browser environment. Then style your content in super speed using clickable controls. Use the power of CSS Frameworks combined with the flexibility of CSS Grid. The customizable components in Site Designer will help you work faster without limiting creative freedom. These premium 'plug-n-play' items include all the essential features you would expect any website to include. Since they are premade, you don't have to waste time handcrafting them yourself.Starting Price: $99 -
35
Trumbowyg
Trumbowyg
Light, translatable and customizable jQuery plugin. Beautiful design, generates semantic code, comes with a powerful API. Editor and generated code are optimized for HTML5 support. Compatible with all recents browsers like IE9+, Chrome, Opera and Firefox. All existing WYSIWYG editors are larger than 45kB. Trumbowyg is only 20kB which means faster page loading. No useless features, just the necessary ones to generate clean, semantic code. Options and design are entirely configurable to suit your needs. However, the default design is compatible with Retina display and optimized for a great and simple user experience. You can create your own plugins for Trumbowyg and propose them via pull requests on the Github repository. You can create your own package for Trumbowyg or use a ready for use. This is the full list of known packages for Trumbowyg. Trumbowyg is an MIT-licensed open source project and completely free to use. -
36
ContentTools
ContentTools
The ContentTools WYSIWYG editor can be added to any HTML page in a few simple steps. The getting started guide shows how. Full API documentation and examples for the ContentTools family of libraries. Step-by-step guides for common use scenarios as well as more advanced topics for those rolling their own editors. The ContentTools family of libraries is free and open-source. The libraries are hosted, developed and maintained on GitHub. Each block of content on the page can be dragged to a new location. Non-text based elements such as images and videos can be dragged by clicking in the center of the element and dragging. For text elements you need to click and hold. This pause is implemented to allow you to freely select sections of text using the mouse without triggering the drag behaviour. -
37
Textbox.io
Tiny Technologies
Textbox.io's powerful editing tools and simple user interface let you create great looking HTML anywhere: on the desktop and on mobile. This demo shows the Textbox.io editor in its standard configuration, with its core HTML editing capabilities enabled. These include text formatting, tables, hyperlinks, and lists. Textbox.io is the first WYSIWYG HTML editor designed for desktop and mobile devices. Its revolutionary app-like mobile UI delivers an optimized UI for tablet and handset users. Easily add and upload images using the device camera or gallery, use text-to-speech to enter content and enjoy effortless rich text editing from anywhere. The best editor available, tightly integrated with IBM products. Built-in image handling & storage. File drag & drop, spell check & autocorrect, clean copy-paste from Microsoft Word, and cross-browser support. Create content more effectively in blogs, wikis, profiles and more. -
38
Modulz
Modulz
Almost all design tools are optimized for illustration. Drawing tools are great for exploration but when it comes to designing websites, apps, and user interfaces, we need something more powerful. Modulz is optimized for designing digital products and design systems. -
39
Editor.js
Editor.js
Next generation block styled editor. Meet the new editor, on our webpage you can see it in action. It is a block-styled editor, it returns clean data output in JSON, and it is designed to be extendable and pluggable with a simple API. Workspace in classic editors is made of a single contenteditable element, used to create different HTML markups. Editor.js workspace consists of separate Blocks: paragraphs, headings, images, lists, quotes, etc. Each of them is an independent contenteditable element (or more complex structure) provided by Plugin and united by Editor's Core. There are dozens of ready-to-use Blocks and the simple API for creation any Block you need. For example, you can implement Blocks for Tweets, Instagram posts, surveys and polls, CTA-buttons and even games. Classic WYSIWYG-editors produce raw HTML-markup with both content data and content appearance. On the contrary, Editor.js outputs JSON object with data of each Block. -
40
Design Shift
Design Shift
Design Shift transforms Uizard designs into fully functional web components, simplifying the transition from design to development. By accepting SVG exports from Uizard, our tool breaks down designs into customizable sub-components and generates framework-compatible code for React, Angular, and Vue. With intelligent style mapping and GPT-4o-powered precision, Design Shift eliminates the manual work of resizing, styling, and scripting, allowing developers to focus on building impactful applications.Starting Price: $0 -
41
SunEditor
SunEditor
Pure javascript based WYSIWYG html editor, with no dependencies. Suneditor is a lightweight, flexible, customizable WYSIWYG text editor for your web applications. -
42
Easy Editor
Easy Editor
A rich text HTML/WYSIWYG editor. You can change the entire look and feel with a simple click. You can add buttons and events and use them to do anything. EasyEditor is completely free and open-source for both educational and commercial purposes. You can check all the examples on our site. You can read the documentation and follow the steps provided so you know everything you need. You can overwrite default button settings. -
43
Xeditor
Fabasoft Xpublisher
Xeditor is a professional online XML editor for XML authoring based on state-of-the-art web standards. By enabling authors to work together on structured content from any location at any time, Xeditor helps companies put efficient workflows in place. What’s more, the web-based architecture means there’s no need for time-consuming local installations. Xeditor, the professional online XML authoring tool, gives users the tools they need to create and edit structured documents intuitively in XML format. With the help of XML, content can be created in a way that is media-independent, semantically marked up, automatically processed, and published with a high degree of efficiency. XML is the data format of the future. Xeditor offers its users both an intuitive visual and a technical writing experience. Authors of subject-specific content benefit from the intuitive user interface of the visual XML editor, including WYSIWYG functionality. -
44
Article Editor
Imperavi
Article JS is a powerful text editor for creating rich content. It can work with grids, cards, templates, and other components of a website. A serious tool for serious work on the creation and editing of complex content. Article Editor is a JavaScript application for creating text and rich content, that can be integrated into your project. Can be integrated into a CMS, digital media, site builders, or other content projects. Manipulate blocks of content to create really rich content for the modern web. One of the incredible features of Article is the use of ready-made templates. Click on the template button and here it is, the editable template is already in the editor. Speed up your work with snippets. All that you need is to simply choose a snippet and the ready-made block with any code is immediately inserted into the content. Drag and drop directly into the content, multiple uploads, insert by URL, and choose preloaded images.Starting Price: $299 one-time payment -
45
Squire
Squire
Squire is an HTML5 rich text editor, which provides powerful cross-browser normalisation, whilst being supremely lightweight and flexible. It is built for the present and the future, and as such does not support truly ancient browsers. It should work fine back to around Opera 10, Firefox 3.5, Safari 4, Chrome 9 and IE8. Unlike other HTML5 rich text editors, Squire was written as a component for writing documents (emails, essays, etc.), not doing wysiwyg websites. If you are looking for support for inserting form controls or flash components or the like, you'll need to look elsewhere. However for many purposes, Squire may be just what you need, providing the power without the bloat. -
46
Froont
Froont
Design by modifying hundreds of ready made designs or start from scratch. Prepare your assets in Photoshop or Sketch and move them online right away. All you need is a web browser. Publish responsive pages with your own domain name or export your work to host it yourself. Froont is great for decision making, prototyping and publishing single page websites. We see web design visually, therefore it makes sense to produce design in a visual way. Yet you can always access the code if needed. Use a drag and drop editor with the ability to see web fonts. Add Behaviour animations to create simple element loading animations and spice up your design. You can choose from the ones we have or use your own code. Our library contains visual components that can be used in your project. Starting from headers, content blocks, icons, forms and buttons. We are constantly updating the library – if you can name it, we can build it.Starting Price: $17 per month -
47
woofmark
woofmark
A modular, progressive, and beautiful Markdown and HTML editor. Markdown lets you produce rich HTML-formatted text by writing plain text. You can write code, text in italics or give them a “bolder” format. You can create headings by prefixing them with one or more hash characters (#). The less hashes they have, the more prominent your headings become. Creating links is merely a matter of wrapping some text in brackets and referencing a resource locator, like the ones you’ll find at the bottom of this text. Images can be embedded just the same, except you’ll have to prefix the wrapped text with an exclamation mark. The buttons provided look kind of rough, but that's on purpose, it's up to you to style them and the API helps you do that. Small and focused, progressive, enhance a raw textarea. Markdown, HTML, and WYSIWYG input modes. Text selection persists even across input modes! Built in undo and redo. Entirely customizable styles. -
48
wysihtml
wysihtml
wysihtml is an extended and less strict approach on xing/wysihtml5 open source rich text editor. The code is library agnostic and has all dependencies bundled, no jQuery, Prototype or similar is required. The currently bundled dependencies are rangy.js (including textrange and selectionsaverestore modules) and base.js. This project is supported by Voog. It’s an open source, community developed wysiwyg html rich text editor. Any web developer can grab it and use it in her projects. Fast and lightweight, auto-linking of urls as-you-type, valid, semantic HTML5 (even when pasting from Word), no iframes required, no jQuery required, and it's modular, so you can add your own tools. Object namespace is now wysihtyml (was previously wysihtml5). This change includes all classnames and event names. The default toolbar is separated to independent module (wysihtml.toolbar.js) and must be added separately if used. -
49
Pinegrow
Pinegrow
Pinegrow is a Mac, Windows and Linux web editor that lets you build responsive websites faster with live multi-page editing, CSS & SASS styling, CSS Grid editor and support for Bootstrap, Tailwind CSS, Foundation and WordPress. Pinegrow is a desktop website builder that opens and saves standard HTML and CSS files. That means you won’t be locked into a proprietary file format. Just open and edit your existing projects. Use Pinegrow alongside other web development tools. Build websites offline, without internet connection. Create as many websites as you want. Quickly build the layout of your webpage with powerful visual tools for adding, editing, moving, cloning and deleting HTML elements. Insert multiple elements with repeater and modify the layout of all selected elements with one move. Inspect active CSS rules, use rich visual controls, CSS Grid editor, Dev tools-like editor or code - all working together as one. Edit SASS and LESS, live, without any external tools.Starting Price: $6 per month -
50
Jodit
Jodit
Excellent Open Source WYSIWYG editor written in pure TypeScript without using additional libraries. Easy to use, but powerful & additional plugins & extended support & based on opens source version.Starting Price: $99 one-time payment
