Alternatives to BlockNote
Compare BlockNote alternatives for your business or organization using the curated list below. SourceForge ranks the best alternatives to BlockNote in 2026. Compare features, ratings, user reviews, pricing, and more from BlockNote competitors and alternatives in order to make an informed decision for your business.
-
1
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 -
2
Tiptap
Tiptap
Tiptap is a headless, open-source rich-text editor framework designed for developers building modern, collaborative applications. Built on ProseMirror, it offers a modular architecture with over 100 extensions, enabling the creation of custom editors tailored to specific user needs. Tiptap supports real-time collaboration through its open source backend, Hocuspocus, allowing multiple users to edit documents simultaneously with features like live cursors and offline editing. It also integrates AI capabilities, such as the content AI extension, which provides in-line text transformations and AI-driven suggestions to enhance content creation. Developers can further extend functionality with features like commenting systems, document management, and import/export options for formats like DOCX. Tiptap's UI components and React templates facilitate rapid development of editors resembling applications like Notion or Google Docs.Starting Price: $49 per month -
3
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. -
4
Draft.js
Draft.js
We provide the building blocks to enable the creation of a broad variety of rich text composition experiences, from basic text styles to embedded media. Draft.js fits seamlessly into React applications, abstracting away the details of rendering, selection, and input behavior with a familiar declarative API. The Draft.js model is built with immutable-js, offering an API with functional state updates and aggressively leveraging data persistence for scalable memory usage. Draft.js is a framework for building rich text editors in React, powered by an immutable model and abstracting over cross-browser differences. Draft.js allows you to build any type of rich text input, whether you're only looking to support a few inline text styles or building a complex text editor for composing long-form articles. Draft.js is distributed via npm. It depends on React and React DOM which must also be installed. -
5
Sir Trevor
Sir Trevor
Sir Trevor is rich content editing entirely re-imagined for the web, an intuitive editor for web content which does not presuppose anything about how it will be rendered. Stored in structured JSON with limited inline HTML markup. Trivial to extend and create your own block types. Intuitive interface for creating rich content. Used on a national broadcast news site serving millions of users. Sir trevor content is made up of blocks. By default Sir Trevor ships with a lot of block types, but you can easily add your own. There are more blocks available in the dedicated blocks repository or it's incredibly easy to write your own. ECMAScript 6 shims are bundled in by default; if the platform you wish to run on doesn't support ECMAScript 5 APIs you'll need to shim those yourself. Sir Trevor uses The Guardian's scribe for rich text editing. Supported by Chrome 51+, Safari 9+, Firefox 47+. -
6
Slate
Slate JS
Slate is a completely customizable framework for building rich text editors. Slate lets you build rich, intuitive editors like those in Medium, Dropbox Paper or Google Docs, which are becoming table stakes for applications on the web, without your codebase getting mired in complexity. It can do this because all of its logic is implemented with a series of plugins, so you aren't ever constrained by what is or isn't in "core". You can think of it like a pluggable implementation of contenteditable built on top of React. It was inspired by libraries like Draft.js, Prosemirror and Quill. Slate is currently in beta. Its core API is usable now, but you might need to pull request fixes for advanced use cases. Some of its APIs are not "finalized" and will (breaking) change over time as we find better solutions. The most important part of Slate is that plugins are first-class entities. -
7
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 -
8
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. -
9
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 -
10
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. -
11
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. -
12
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. -
13
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. -
14
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. -
15
VisualEditor
Editing team
The VisualEditor project by the Editing team aims to create a reliable rich-text editor for MediaWiki. VisualEditor is available as a MediaWiki extension using the Parsoid project to supply HTML+RDFa; however, its core implementation can be run without any of MediaWiki, Parsoid, or Node.js. As of 2020, the visual editor is available to all users at MediaWiki.org and on almost all Wikipedias and Wikivoyages. On most other Wikimedia projects and languages, it is available as an opt-in Beta Feature to logged-in users. VisualEditor is only available in some namespaces, including the main namespace, but generally not in discussion or template namespaces. The decline in new contributor growth was viewed as the single most serious challenge facing the Wikimedia movement. VisualEditor was built with the goal of removing avoidable technical impediments associated with Wikimedia's editing interface, as a necessary pre-condition for increasing the number of Wikimedia contributors. -
16
Trix
Trix
Compose beautifully formatted text in your web application. Trix is an editor for writing messages, comments, articles, and lists, the simple documents most web apps are made of. It features a sophisticated document model, support for embedded attachments, and outputs terse and consistent HTML. Most WYSIWYG editors are wrappers around HTML’s contenteditable and execCommand APIs, designed by Microsoft to support live editing of web pages in Internet Explorer 5.5, and eventually reverse-engineered and copied by other browsers. Because these APIs were never fully specified or documented, and because WYSIWYG HTML editors are enormous in scope, each browser’s implementation has its own set of bugs and quirks, and JavaScript developers are left to resolve the inconsistencies. Trix sidesteps these inconsistencies by treating contenteditable as an I/O device: when input makes its way to the editor, Trix converts that input into an editing operation on its internal document model. -
17
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. -
18
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 -
19
SunEditor
SunEditor
Pure javascript based WYSIWYG html editor, with no dependencies. Suneditor is a lightweight, flexible, customizable WYSIWYG text editor for your web applications. -
20
Lexical
Lexical
Lexical is comprised of editor instances that each attach to a single content editable element. A set of editor states represent the current and pending states of the editor at any given time. Lexical is designed for everyone. It follows best practices established in WCAG and is compatible with screen readers and other assistive technologies. Lexical is minimal. It doesn't directly concern itself with UI components, toolbars or rich-text features and markdown. The logic for these features can be included via a plugin interface. It's super easy to get started with Lexical in any environment. Lexical is framework agnostic, but provides a set of bindings for React to help you get off the ground even quicker. After the initial setup, delightfully ergonomic APIs make building custom functionality straightforward and downright fun!Starting Price: Free -
21
Summernote
Summernote
Super simple WYSIWYG editor on Bootstrap. Easy to install, simply download and attach your js, css with bootstrap. Customize by Initializing various options and modules. See all useful features of summernote in action. Summernote is licensed under MIT and maintained by the community. Integrate it with any back-end. 3rd parties available in django, rails, angular. Supports Bootstrap 3.x.x to 4.x.x, it is very lightweight (js+css: 100Kb), provides smart user interaction, works in all major browsers, like Safari, Chrome, Firefox, Opera, Edge and Internet Explorer 9+. It also works in all major operating systems, such as Windows, MacOS, Linux. The fastest way to get Summernote is to download the precompiled and minified versions of our CSS and JavaScript. Bootstrap uses certain HTML elements and CSS properties which require HTML5 doctype. -
22
Quill
Quill.js
Granular access to the editor's content, changes and events through a simple API. Works consistently and deterministically with JSON as both input and output. Supports all modern browsers on desktops, tablets and phones. Experience the same consistent behavior and produced HTML across platforms. Used in small projects and giant Fortune 500s alike. Start simple with the Quill core then easily customize or add your own extensions later if your product needs grow. The real magic of Quill comes in its flexibility and extensibility. You can get an idea of what is possible by playing around with the demos throughout this site or head straight to the Interactive Playground. -
23
FunBlocks
FunBlocks
FunBlocks AI is an all-in-one, browser-based AI workspace that supercharges thinking, learning, and creation through seamlessly integrated tools for visual brainstorming, document authoring, presentation design, and research. Its flagship AIFlow whiteboard and mind-mapping module lets you generate, organize, and explore ideas on an infinite canvas with AI-assisted nodes, classic thinking-model integration, and one-click expansion into deeper subtopics; AI Docs provides a Notion-style block editor with intelligent writing suggestions, bias detection, and seamless linking to mind maps and slides; AI Slides turns any outline, document, or topic into a polished, Markdown-driven presentation in seconds; and the FunBlocks browser extension brings AI-powered summarization, drafting, critical-thinking prompts, and popup toolbars to any webpage. Beyond core apps, FunBlocks offers infographics and insight-card creation, a natural-language API for custom workflows, and multi-model AI support.Starting Price: $20 per year -
24
Learnbase
Learnbase
Learnbase is an AI-powered learning platform that allows you to tailor your educational journey exactly the way you want it. Whether you're a student, a professional, or an enthusiast, Learnbase provides the tools to set learning goals, organize units, and track your progress seamlessly. Learnbase enables you to organize and store all your resources and notes in a single place. Block-based (notion-style) editor to write your notes or summaries about topics. Search for everything with a simple key combination, never leave your keyboard using the inline editing capabilities. Add resources to the topics you are learning about so you will never lose them. AI-powered chat assistant to write better notes on topics you are learning about. Unlock personalized learning journeys with our AI-driven learning goal generator. Define your learning objectives, and let our intelligent system curate tailored learning units, optimizing your educational path.Starting Price: $14.99 per month -
25
NoteTab
Fookes Software
For some NoteTab is simply the best Notepad replacement out there. For webmasters it’s the fastest HTML editor. For others it’s the most versatile text editor. For power users it’s a unique text-processing work horse. What will it be for you? In a moment, we’re going to reveal to you the 10 most significant features that have turned NoteTab into one of the most awarded text editors ever. But first an interesting fact in case you’ve never heard of NoteTab before. The tab bar. It’s a feature users have always loved about NoteTab. Open as many files as you like, each one with its own tab. Rearrange tabs any way you like in the convenient tab bar.Starting Price: $39.95 one-time payment -
26
Cobasoft Note (CsNote)
Cobasoft GmbH
Cobasoft Note (CsNote) is a compact, accessible text editor designed for troubleshooting, brainstorming, planning, formatted notes, error analysis, and structured texts. It is compatible with Dragon NaturallySpeaking and supports speech recognition, macros, and text input. Documents are saved locally as RTF files, without the use of cloud services. The program is aimed at knowledge workers, developers, project managers, authors, and users of speech recognition who prefer a fast, distraction-free editor. It resembles Microsoft® WordPad® (Write) or Nuance® DragonPad®, but without the detailed text formatting options. Instead, it offers predefined formats and keyboard shortcuts to enable fast and efficient work. It is neither a word processor nor an issue tracker, but rather a personal tool for boosting productivity. Dragon macros can be provided upon request.Starting Price: $19 USD perpetual -
27
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 -
28
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. -
29
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. -
30
NocoBase
NocoBase
NocoBase is an extensibility-first, open source, self-hosted no-code development platform designed for developers and technical teams to rapidly build and customize complex business systems. Its architecture is data model-driven, separating the user interface from the data structure, allowing for the creation of multiple blocks and actions for the same table and record in any quantity and form. NocoBase supports main databases, external databases, and third-party APIs as data sources. It features a WYSIWYG interface with a one-click switch between usage and configuration modes, enabling users to compose suitable interfaces much like Notion. All functionalities are implemented as plugins using a microkernel architecture, allowing for extensive customization, including pages, blocks, actions, APIs, and data sources. NocoBase is written in TypeScript and utilizes mainstream technology stacks such as Node.js and React, ensuring transparency and control.Starting Price: $800 per year -
31
MediumEditor
MediumEditor
The dead simple inline editor toolbar. Choose between Mani, Roman, Flat, Bootstrap, Tim & Beagle themes. There are some great wrappers out there to help integrate MediumEditor into existing frameworks and tech stacks. Dynamically add one or more elements to an already initialized instance of MediumEditor. Add the given element or array of elements to the editor elements. Ensure the element(s) are initialized with the proper attributes and event handlers as if the element had been passed during instantiation of the editor. If the toolbar is enabled, manually forces the toolbar to update based on the user's current selection. This includes hiding/showing the toolbar, positioning the toolbar, and updating the enabled/disable state of the toolbar buttons. You can reset the content of all editor elements to their value at the time they were added to the editor. If a specific editor element is provided, only the content of that element will be reset. -
32
NotePlan
NotePlan
Your tasks, notes, and calendar all linked in one place. Use the flexibility of Markdown to quickly create tasks. Add options for repeating to-dos, easily move tasks into the future, and add tags and mentions. Speed up your workflow with natural language input and autocompletion of tags, mentions, and links. Meeting minutes, reference material, or quick notes: store everything in NotePlan. Organize your notes any way you like. From simple folders or a digital Bullet Journal to a fully linked Zettelkasten system. All stored locally and available on every device. A note for each day keeps you in control of your schedule, today and tomorrow. Outline your tasks, write down and link your notes, even block time right in your calendar. See exactly what’s on your calendar, plan ahead, or look back. Everything you put into NotePlan is stored in plaintext Markdown files, easily opened in any text editor. That means you’re never locked in and always in control of your files.Starting Price: $6.99 per month -
33
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. -
34
Million.js
Million.js
Million.js introduces a novel "block" virtual DOM. It's significantly faster than React's virtual DOM, as it diffs data instead of the DOM. Million.js uses a custom compiler that automatically optimizes your React components on the server. Tired of learning new frameworks and big migrations? Million.js ships a drop-in automatic mode to make your React apps faster, without any code changes. We use a novel approach to the virtual DOM called the block virtual DOM. You can read more on what the block virtual DOM is with virtual DOM, back in block and how we make it happen in React with behind the block(). We are actively working on removing these limitations. It's also important to note that your application may not need Million.js – if your app is not UI heavy, you may not see much performance improvement. -
35
Craft
Craft Docs
Craft is a rich text editor that is easy and frictionless to use. It also supports markdown, code blocks, images, videos, and attaching PDF files or rich link previews. Adding content is very simple - just tap on an empty area and start typing. You can also drag and drop the input field on both Mac (from the sidebar) and iOS (from the bottom bar) in order to drop content at a specific location. If you are using a keyboard, you can also just press space when a block is focused to insert a new block below. You can also add Code, Math Formula (TeX), and plaintext snippets. To do so, you can use the same methods as you would do when adding images. Craft allows you to style your content in a beautiful and simple way. We've created a set of styles that won’t overwhelm, but by combining these, you can still perfectly express yourself - and all of these work great both in dark or in light mode. -
36
Nova
Panic
If we're being honest, Mac apps are a bit of a lost art. There are great reasons to make cross-platform apps — to start, they're cross-platform — but it's just not who we are. Founded as a Mac software company in 1997, our joy at Panic comes from building things that feel truly, well, Mac-like. Long ago, we created Coda, an all-in-one Mac web editor that broke new ground. But when we started work on Nova, we looked at where the web was today, and where we needed to be. It was time for a fresh start. It all starts with our first-class text-editor. It's new, hyper-fast, and flexible, with all the features you want: smart autocomplete, multiple cursors, a Minimap, editor overscroll, tag pairs and brackets, and way, way more. For the curious, Nova has built-in support for CoffeeScript, CSS, Diff, ERB, Haml, HTML, INI, JavaScript, JSON, JSX, Less, Lua, Markdown, Perl, PHP, Python, Ruby, Sass, SCSS, Smarty, SQL, TSX, TypeScript, XML, and YAML. -
37
Fina
Fina
We pull your financial data directly into customizable blocks so that you can plan with ease. Get clean data by bulk categorizing, setting rules, and handling transfers. Keep your finances separated on an accounting level, but visualize them all under one roof. All data comes live from your finances. Start simple by adding blocks in a Notion-style document editor. Fina uses third-party data service providers, like Plaid, in order to connect you to your financial institutions with bank-grade security. Our servers will never see or store ANY financial account credentials. We maintain a read-only access to your data and we fetch it on demand. We do not have the ability to move funds of any kind and we never access information without your permission.Starting Price: $8 per month -
38
WYSIWYG Web Builder
Pablo Software Solutions
WYSIWYG Web Builder has tools for both beginners and professional designers/developers. Built-in support for layout grid, flexbox, css grid or fixed layouts with breakpoints. Easily add Google Fonts and other Web Fonts to your website. Add amazing pre made animations and transitions or create your own animations. More than 150 pre-defined animations are included. Use pre-made blocks to quickly get started. More than 150 blocks are available! Send Emails, Upload Files, Store Data in MySQL or CSV, Auto Responder, Password Protect Pages, Form Validation, Conditions/Calculations. Image filters, shapes, galleries, carousels, lightboxes, rollover animations, YouTube, Vimeo, HTML5 Video/Audio. Support for Font Awesome, Material Icons and many other icon libraries. Navigation buttons, drop down menus, fullscreen menu, mega menu, panel menu, breadcrumb, pagination and much more! -
39
Magic UI
Magic UI
Magic UI is a free and open source UI library crafted for design engineers, offering over 150 animated components and effects built with React, TypeScript, Tailwind CSS, and Framer Motion. It serves as a perfect companion to shadcn/ui, enabling developers to create visually engaging landing pages and user interfaces with minimal effort. It includes a diverse range of components such as animated text, buttons, backgrounds, device mockups, and special effects like confetti and neon gradients. Magic UI Pro extends this offering with 50+ professionally designed blocks and templates tailored for various applications, including AI agents, developer tools, mobile apps, SaaS products, startups, and portfolios. These templates are built with React, Next.js, Tailwind CSS, and Framer Motion, ensuring responsive design and smooth animations.Starting Price: Free -
40
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. -
41
pell
pell
pell the simplest and smallest WYSIWYG text editor for web, with no dependencies. Easily customizable with the sass file (pell.scss) or overwrite the CSS. Its build in pure JavaScript, no dependencies and its written in ES6. -
42
JSX.Design
Skyslit Network Private Limited
JSX.Design is a no-code WYSIWYG editor for React developers, letting you visually build responsive UIs while generating clean JSX code. Drag and drop components, customize styles, and sync code in real-time. Speed up development without losing control! -
43
Teachizy
Teachizy
Teachizy is a cloud-hosted learning-management system that enables trainers, coaches, small organizations, and entrepreneurs to create, manage, and sell online courses quickly and without technical expertise. It offers an intuitive block-based editor with over 30 content types, including video, audio, text, PDF, images, quizzes, and external embeds (e.g., YouTube, Vimeo, Google Slides), allowing you to build rich, interactive courses without coding. Through its dashboard, you can manage learners, track progress and completion rates in real time, set up quizzes or assignments, and monitor performance across your student base. Teachizy automatically generates the necessary web pages for your course catalog, course pages, login, and learner portal, and lets you customize the design (colors, logo, branding) so your courses carry your identity. For commerce, it supports secure payment processing, promo codes or discounts, PayPal, and integrates with external websites. -
44
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 -
45
Kibo UI
Kibo UI
Kibo UI is a custom registry of composable, accessible, and open source components designed for use with shadcn/ui. Built with technologies like React, TypeScript, Tailwind CSS, Lucide, and Radix UI, Kibo UI offers a suite of functional and fully composable components that developers can build, customize, and extend to their specific needs. It includes a variety of components such as a color picker, an image zoom feature, a QR code generator, code blocks with syntax highlighting and copy-to-clipboard functionality, and a dropzone for drag-and-drop file uploads. Additionally, Kibo UI provides precomposed and animated blocks to help developers get their apps and websites up and running quickly. Examples include an AI chatbot interface and a collaborative canvas for real-time online collaboration. It also offers a pricing page template with a list of plans and features, emphasizing simplicity and transparency.Starting Price: Free -
46
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 -
47
Styleguidist
Styleguidist
Supports JavaScript, TypeScript and Flow Works with Create React App out of the box. Share components with your team, including designers and developers. See how components react to different props and data right in the browser. Find the right combination of props and copy the code. React Styleguidist is a component development environment with hot reloaded dev server and a living style guide that you can share with your team. It lists component propTypes and shows live, editable usage examples based on Markdown files. -
48
Flezr
Flezr
Flezr can help you build websites with Google Sheet data at scale. Flezr supports a lot of features like a search option, multi-select filters, dynamic cards, creating detailed pages. Build and design your own cards visually by adding elements like text, buttons, dividers, links, etc. Create mobile-friendly and responsive cards by configuring the number of cards to display per row. Connect with your data to generate dynamic cards. Just drag-n-drop on the editor, connect your data to these blocks, and build a powerful dynamic website in minutes without any coding! You can add your own custom blocks too for granular control with HTML block support. Built-in sections/blocks: Just drag-n-drop on the editor, connect your data to these blocks, and build a powerful dynamic website in minutes without any coding. You can add your own custom blocks too for granular control with HTML block support.Starting Price: $29 per month -
49
Submind
Submind
Submind is a private, AI-powered note-taking and knowledge-management app that allows users to capture ideas, record thoughts, and organize content across voice, text, images, PDFs, videos, web links, and more. It offers live transcription of voice recordings (including real-time transcription), multilingual support (36+ languages), a rich text/Markdown editor with checklists, nested items, and color-coded folders, and a powerful search experience across all content. The built-in AI enables users to chat with their media, ask questions about videos, audio clips, YouTube links, PDFs, or images, and receive summaries and insights in seconds. Content can be exported in multiple formats (PDF, DOCX, Markdown, TXT, image) so you can share or archive your ideas easily. Notes and media remain on the device unless you choose to use AI features, and cloud storage is not mandatory.Starting Price: Free -
50
Snipp.in
Snipp.in
Snipp.in is an in-browser snippet manager and editor. Built with Vue.js, Dexie, and Monaco Editor. Snipp.in provides a clean and VSCode-like familiar interface to save notes, tasks and code snippets directly in the browser. All the data is stored within your browser tab (IndexedDB). There is no cloud backup available so far but you can still create backups and restore/share your content with others. Syntax highlighting, and easy-to-use document files using ProseMirror Editor. MultiWindow Editing (drag and drop files to the editor area to switch to the multi editor) Provides quick create (Ctrl+N) feature. Shortcuts for most of the actions (create, rename, and delete) Provides the ability to import and export your data. Compiles and hot-reloads for development. Compiles and minifies for production. You can use Snipp.in from Docker. You can change the host binding port from 80 to other ports.Starting Price: Free
