Alternatives to Blockly
Compare Blockly alternatives for your business or organization using the curated list below. SourceForge ranks the best alternatives to Blockly in 2026. Compare features, ratings, user reviews, pricing, and more from Blockly competitors and alternatives in order to make an informed decision for your business.
-
1
Amazon CodeWhisperer
Amazon
Build apps faster with ML-powered coding companion. Accelerate application development with automatic code recommendations based on the code and comments in your IDE. Empower developers to use artificial intelligence (AI) responsibly to create syntactically correct and secure applications. Generate entire functions and logical code blocks without having to search and customize code snippets from the web. Stay focused and never leave the IDE, with real-time customized code recommendations for all your Java, Python, and JavaScript projects. Amazon CodeWhisperer is a machine learning (ML)–powered service that helps improve developer productivity by generating code recommendations based on their comments in natural language and code in the integrated development environment (IDE). Accelerate frontend and backend development by empowering developers with automatic code recommendations. Save time and effort by using CodeWhisperer to generate code to build and train your ML models. -
2
WinJS
WinJS
Microsoft is committed to making sure that WinJS continues to run for existing customers. At this time we don't have plans to invest in new features or feature requests. Bug fixes will be limited to correcting substantial issues that are blocking customer deployments. We may also consider bug fixes to help our customers maintain their existing WinJS-based apps. You can contribute by reviewing and sending feedback on code checkins, suggesting and trying out new features as they are implemented, submitting bugs and helping us verify fixes as they are checked in, as well as submitting code fixes or code contributions of your own. Note that all code submissions will be rigorously reviewed and tested by the team, and only those that meet an extremely high bar for both quality and design appropriateness will be merged into the source.Starting Price: Free -
3
CodeGemma
Google
CodeGemma is a collection of powerful, lightweight models that can perform a variety of coding tasks like fill-in-the-middle code completion, code generation, natural language understanding, mathematical reasoning, and instruction following. CodeGemma has 3 model variants, a 7B pre-trained variant that specializes in code completion and generation from code prefixes and/or suffixes, a 7B instruction-tuned variant for natural language-to-code chat and instruction following; and a state-of-the-art 2B pre-trained variant that provides up to 2x faster code completion. Complete lines, and functions, and even generate entire blocks of code, whether you're working locally or using Google Cloud resources. Trained on 500 billion tokens of primarily English language data from web documents, mathematics, and code, CodeGemma models generate code that's not only more syntactically correct but also semantically meaningful, reducing errors and debugging time. -
4
Pintura
PQINA
A fully configurable and client-side image editor SDK that's intuitive on mobile and desktop. Set image requirements and help your customers upload better pictures. Compatible with all popular JavaScript frameworks. Crop, rotate, resize, filter, annotate, adjust colors, and much more… Top Features: Enforce crop aspect ratio: Enforce a single crop aspect ratio or offer a range of aspect ratio options to make sure uploaded images are always perfect. Fast image uploads: Boost file upload speed and lower server bandwidth usage by compressing, resizing, and converting images in the browser. Rotate, resize, and flip: Make the pixel perfect crop each time. Scale images using the zoom control, mouse wheel, touchpad, or intuitive multi-touch interaction. Overlay crop guides: Help your customers upload better images. Show an overlay on top of the editor to illustrate bleed margins or profile picture boundaries.Starting Price: $170/year -
5
Bideo.js
Bideo.js
Bideo.js is a JS library that makes it super easy to add fullscreen background videos. Fullscreen HTML5 background video for the web. Want to play a video in the background of a container or body itself? This plugin will help you do exactly that. The video element in use will automatically adapt to the container's dimensions. It will also resize as the browser window resizes. The plugin doesn't support any overlay as it is easy to implement that with plain HTML/CSS in your code. Video might take a few seconds to load, especially because the sources are added via JS which is something you'll load after the DOM's loading. Until then, you may want to show a video cover, which will be the same as the first frame or the video (or some other image). The support for this is not in the plugin as it's fairly simple to achieve this via just HTML/CSS (just like overlays).Starting Price: Free -
6
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. -
7
Webix
Webix
JavaScript UI library and framework for speeding up web development. JS Framework for cross-platform web Apps development 102 UI widgets and feature-rich CSS / HTML5 JavaScript controls. Save at least 3000+ development hours by using ready-made widgets and UI controls. Develop Web UI 30% faster. We have accumulated the best design ideas. We have meticulously considered UX of each Webix component for five conceptual designs. Our support service specialists know everything about our library and can help you solve any problem. We also have an official support forum where you can discuss issues with our developers. By using Webix JS framework you receive an elegant and lightweight code based on object-oriented programming concepts. Associate your project with jQuery JavaScript library, MVC frameworks AngularJS, React, Vue.js, Backbone.js, third party UI extensions.Starting Price: $848 -
8
Leaflet
Leaflet
Leaflet is the leading open-source JavaScript library for mobile-friendly interactive maps. Weighing just about 42 KB of JS, it has all the mapping features most developers ever need. Leaflet is designed with simplicity, performance, and usability in mind. It works efficiently across all major desktop and mobile platforms, can be extended with lots of plugins, has a beautiful, easy-to-use, and well-documented API, and a simple, readable source code that is a joy to contribute to. Leaflet doesn't try to do everything for everyone. Instead, it focuses on making the basic things work perfectly. Hardware acceleration on mobile makes it feel as smooth as native apps. Utilizing CSS3 features to make panning and zooming really smooth. Smart polyline/polygon rendering with dynamic clipping and simplification makes it very fast. The modular build system for leaving out features you don't need. Tap delay elimination on mobile.Starting Price: Free -
9
Omniscient
Omniscient
Do fast top-down rendering of views while thinking functional programming. Allow your views to be predictable, naturally separated, and composable, but still performant. Omniscient is to React as memoize is to the Fibonacci function. Functional programming for UIs. Memoization for stateless React components. Top-down rendering of components (unidirectional data flow). Favors immutable data (with Immutable.js). Encourages small, composable components, and shared functionality through mixins. Natural separation of concern. Components only deal with their own piece of data. Efficient and centrally defined. In its simplest form, an Omniscient component is a Stateless React Component, but more optimized. Omniscient is just as much a way to think when you are building applications as a library itself. As Omniscient is wrapped in a UMD you can use it many different ways, through CommonJS, AMD, or just through the window object.Starting Price: Free -
10
Stacks.js
Hiro
Clarity is a programming language that brings smart contracts to Bitcoin. It’s optimized for security and predictability, and it gives developers a safe way to build complex smart contracts. Clarity is designed for high-stakes code where bugs are not an option. Modular core packages for identity, authentication, storage, transactions, stacking, and more. JS bindings for integrating with the Hiro Wallet for Web and leveraging all Stacks blockchain features. Rapidly integrate Clarity smart contracts into your apps. -
11
React
React
React makes it painless to create interactive UIs. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes. Declarative views make your code more predictable and easier to debug. Build encapsulated components that manage their own state, then compose them to make complex UIs. Since component logic is written in JavaScript instead of templates, you can easily pass rich data through your app and keep state out of the DOM. We don’t make assumptions about the rest of your technology stack, so you can develop new features in React without rewriting existing code. React components implement a render() method that takes input data and returns what to display. This example uses an XML-like syntax called JSX. Input data that is passed into the component can be accessed by render() via this.props.Starting Price: Free -
12
Glimmer
Glimmer
Fast and lightweight UI components for the web. Available for use within Ember.js and standalone apps. Glimmer is one of the fastest DOM rendering engines, delivering exceptional performance for initial renders as well as updates. Architected like a virtual machine (VM), Glimmer compiles your templates into low-level code so it can run as fast as possible, without sacrificing ease of use. Glimmer components can coexist with your technology stack, so you can develop new features in Glimmer components without rewriting existing code. Because Glimmer VM powers the components in Ember, there’s a battle-tested, full-stack framework waiting for you, if you need it. Just drop your Glimmer components into an Ember app. You won’t need to change a thing. Glimmer.js is actually made up of lots of small packages. Glimmer.js is the developer-facing API on top of the low-level Glimmer VM.Starting Price: Free -
13
Moment.js
Moment.js
A JavaScript date library for parsing, validating, manipulating, and formatting dates. Moment was designed to work both in the browser and in Node.js. All code should work in both of these environments, and all unit tests are run in both of these environments. Moment.js has been successfully used in millions of projects. As of September 2020, Moment gets over 12 million downloads per week! Moment has evolved somewhat over the years, but it has essentially the same design as it did when it was created in 2011. Moment works well on Internet Explorer 8 and higher. Some libraries are split into modules, plugins, or companion libraries. Some libraries use the ECMAScript Intl API for locales, time zones, or both. Some libraries still provide their own locale and time zone files as Moment and Moment-Timezone do. Because different locales define week of year numbering differently, Moment.js added options to get/set the localized week of the year.Starting Price: Free -
14
Annotator
Annotator
Annotator is an open source JavaScript library to easily add annotation functionality to any webpage. Annotations can have comments, tags, links, users, and more. Annotator is designed for easy extensibility so it's a cinch to add a new feature or behaviour. Annotator also fosters an active developer community with contributors from four continents, building 3rd party plugins allowing the annotation of PDFs, EPUBs, videos, images, sound, and more. Adding an annotation to any website is easy with Annotator. First, download the Annotator library, and include it in your HTML. Annotator has a simple but powerful plugin architecture. Plug-ins can also be included for adding functionality such as user permissions, tags, filtering, and formatting. More than a dozen projects rely on Annotator for their digital annotation needs and many are open source. Share text and video annotations using social networks or email.Starting Price: Free -
15
Dart
Dart Language
Mature and complete async-await for user interfaces containing event-driven code, paired with isolate-based concurrency. A programming language optimized for building user interfaces with features such as sound null safety, the spread operator for expanding collections, and collection if for customizing UI for each platform. Write code using a flexible type system with rich static analysis and powerful, configurable tooling. Target the web with complete, mature, fast compilers for JavaScript. Run backend code supporting your app, written using a single programming language. This collection is not exhaustive—it’s just a brief introduction to the language for people who like to learn by example. You might also want to check out the language and library tours, or the Dart cheatsheet codelab. -
16
Scheme
Scheme
Scheme is a general-purpose computer programming language. It is a high-level language, supporting operations on structured data such as strings, lists, and vectors, as well as operations on more traditional data such as numbers and characters. While Scheme is often identified with symbolic applications, its rich set of data types and flexible control structures make it a truly versatile language. Scheme has been employed to write text editors, optimize compilers, operating systems, graphics packages, expert systems, numerical applications, financial analysis packages, virtual reality systems, and practically every other type of application imaginable. Scheme is a fairly simple language to learn since it is based on a handful of syntactic forms and semantic concepts and since the interactive nature of most implementations encourages experimentation. Scheme is a challenging language to understand fully.Starting Price: Free -
17
Emotion
Emotion
Emotion is a performant, flexible CSS-in-JS library designed for writing CSS styles using JavaScript, supporting both string-based and object-based styles while delivering a strong developer experience, complete with source maps, labels, and testing utilities. It offers two powerful usage patterns; a framework-agnostic approach which requires no special configuration yet supports vendor-prefixing, nested selectors, media queries, and class composition through the CSS and CX functions; and a React-optimized variant providing advanced features like the CSS prop for direct styling (similar to the style prop but with support for nested selectors, media queries, and theming capabilities), zero-configuration server-side rendering, native theming, and compatibility with ESLint tooling. Emotion also supports styled-component-like APIs, enabling tag-based or component-based styled elements with dynamic prop-driven styling.Starting Price: Free -
18
Dojo Toolkit
Dojo Toolkit
A JavaScript toolkit that saves you time and scales with your development process. Provides everything you need to build a Web app. Language utilities, UI components, and more, all in one place, designed to work together perfectly. The Dojo Toolkit Reference Guide is designed to be an in-depth resource regarding the Dojo Toolkit. The Reference Guide is a community effort and can be contributed to by anyone who has a CLA in place with the Dojo Foundation. An extensive set of widgets (user interface components) and the underlying system to support them. It is built fully on-top of the Dojo core. Various tools that support the rest of the toolkit, like being able to build, test and document code.Starting Price: Free -
19
PictoBlox
STEMpedia
PictoBlox is a software that girls and boys can use to have a blast while learning to code. This approach to learning focuses on coding kid-friendly games where little ones learn a variety of concepts while they assimilate different programming languages without hardly realizing it. One of PictoBlox’s best features is the program’s interface which is adapted for young learners. Each action is represented by a color, and the mechanisms for coding any game involve dragging code blocks to certain spaces. This task proves to be highly intuitive and easy to understand even if you don’t have technical knowledge. In PictoBlox, you also have access to templates in the form of tutorials. These tell you the steps you need to take to code certain environments. From the side toolbar, you can access different segmented coding phases. Have a blast with PictoBlox while you learn all kinds of programming concepts. -
20
Modernizr
Modernizr
Modernizr tells you what HTML, CSS, and JavaScript feature the user’s browser has to offer. It’s a collection of superfast tests, or “detects” as we like to call them, which run as your web page loads, then you can use the results to tailor the experience to the user. All web developers come up against differences between browsers and devices. That’s largely due to different feature sets, the latest versions of the popular browsers can do some awesome things which older browsers can’t, but we still have to support the older ones. Modernizr makes it easy to deliver tiered experiences and make use of the latest and greatest features in browsers that support them, without leaving less fortunate users high and dry. Modernizr is a small piece of JavaScript code that automatically detects the availability of next-generation web technologies in your user's browsers. Modernizr uses feature detection to allow you to easily tailor your user's experience.Starting Price: Free -
21
Kendo UI
Progress Software
Kendo UI is the ultimate collection of JavaScript UI components with libraries for jQuery, Angular, React, and Vue. Quickly build eye-catching, high-performance, responsive web applications—regardless of your JavaScript framework choice. Easily add advanced JavaScript components into your existing or new designs. Kendo UI’s hundreds of components handle everything you need to satisfy your users’ requirements. Add advanced components such as data grids, charts, schedulers, and calendars with just a few lines of code. Each is crafted for performance and customizability. Switching frameworks and starting new projects won’t require a new license or a big learning curve. Everything is included and up-to-date, APIs are consistent and theming is easy. Our QA process coupled with world-class support teams and a large user community means that our components will always work the way they’re supposed to—guaranteed.Starting Price: $899 -
22
JavaScript InfoVis Toolkit
SenchaLabs
The JavaScript InfoVis Toolkit provides tools for creating interactive data visualizations for the web. The best way to start is to take a look at the demos page. Each demo has a See the Example Code link that takes you to the code for that example. The actual library code is included in the HTML file by building the lib each time with only the needed requirements taken from the name of the visualization and the build.json file. The required library code is built by the build.py file. In order to create a new visualization you need to set up the server environment to include test JavaScript files for your new visualization and also you need to add the new visualization files into the Source folder.Starting Price: Free -
23
DataViewsJS
GrapeCity
DataViewsJS enables you to easily and professionally customize the presentation of your data using different layouts, row templates, data fields, calculations, and editing modes that are completely and easily customizable. Leverage the powerful calc engine to perform calculations on any set of JSON data. With our calculation engine, your computing power is optimized for large data and complex calculations. DataViewsJS was designed from the start to be a fast, full-featured, and completely customizable developer tool for efficient data display and editing to meet any of your JavaScript application’s needs. Localized resources for Chinese, Japanese, and Korean are included with DataViewsJS. Additional languages can be easily added by creating your own resource files and setting them with simple script code. Modern data presentation patterns such as those you see on social networks and other sites become easy when you use DataViewsJS interchangeable layouts.Starting Price: $999 per year -
24
Editor.do
Editor.do
Editor.do is an all-in-one online IDE and hosting platform that allows you to create, code, host and deploy stunning & fast static websites in seconds. You can easily deploy your site files or a zip containing all your project files to our NVMe SSD storage servers, ensuring the fastest possible loading speed for your site. Our IDE supports over 150 programming languages with real-time code rendering and a panel of shortcuts and tools to search, replace, cut, select, and quickly manipulate your code. Editor.do offers over 1000 free and open-source templates covering a wide range of categories and libraries that can be imported directly from GitHub. Plus, ChatGPT is integrated and is always close at hand to help you correct, complete, or improve your code or text. Editor.do is an ideal platform for developers and designers of all skill levels who want to create stunning, fast, and secure websites in a fraction of the time.Starting Price: $3 per month -
25
Total 3D Home, Landscape & Deck
Individual Software
TOTAL 3D™ Home, Landscape & Deck allows you to draw rooms, select flooring and cabinetry, and choose color palettes and furnishings. Drag-and-drop Smart RoomBlocks™ and Smart YardBlocks™, create complex rooms, decks, pools, even angled rooms and walkways. Step-by-step guides and video Tutorials walk you through each step, and the simple interface makes navigating through design options easy. Includes eco-friendly design tips & videos. Import your own plan or browse 14,000 Samples, scan and trace a sketch of your dream home or garden, import a picture of any floor plan and color-code floor plans. Design and decorate virtual rooms with paint, textures, fabrics, wallpaper, and flooring. Experiment with interior color schemes and furniture arrangements. Decorate and arrange furniture and view layout from any angle including aerial and fly-through a 3D-rendering of design. Select colors, patterns, shades, valances, panels and textural treatments. Includes advanced lighting & shadows.Starting Price: $29.99 one-time payment -
26
Lapce
Lapdev
Lapce is a cutting-edge, open-source code editor focused on delivering a fast and responsive experience, particularly for developers working with large projects or complex codebases. Written in Rust, Lapce leverages the performance advantages of native development to provide a smooth editing experience with minimal lag. It features a clean, modern interface and advanced functionality such as multi-caret editing, split views, and integrated terminal support. With built-in support for the Language Server Protocol (LSP), Lapce offers precise autocompletion, syntax highlighting, and code navigation across various programming languages, enhancing productivity. Its extensibility, support for plugins, and focus on performance make Lapce ideal for developers looking for a lightweight yet powerful editor that balances simplicity with capability, appealing to both beginners and seasoned professionals.Starting Price: Free -
27
Underscore.js
Underscore.js
Underscore is a JavaScript library that provides a whole mess of useful functional programming helpers without extending any built-in objects. Underscore provides over 100 functions that support both your favorite workaday functional helpers like map, filter, and invoke, as well as more specialized goodies like function binding, javascript templating, creating quick indexes, deep equality testing, and so on. You may choose between monolithic and modular imports. The project is hosted on GitHub. You can report bugs and discuss features on the issues page or chat in the Gitter channel. Underscore 1.x is backward compatible with any engine that fully supports ES3, while also utilizing newer features when available. Collection functions work on arrays, objects, and array-like objects. We have recent confirmation that the library is compatible with Adobe ExtendScript. There is support code present for IE 8, which we will retain in future Underscore updates.Starting Price: Free -
28
Telerik DevCraft
Progress Software
Telerik DevCraft is an AI-powered UI component suite designed to help developers build modern, high-performance applications faster. It includes a comprehensive collection of .NET and JavaScript UI libraries for web, desktop, and mobile development. DevCraft supports popular frameworks such as Blazor, ASP.NET, Angular, React, Vue, WPF, WinForms, and .NET MAUI. Built-in AI coding assistants help automate repetitive tasks and generate production-ready code directly in developers’ IDEs. The suite also includes tools for reporting, document processing, and mocking to support end-to-end application development. DevCraft emphasizes accessibility, performance, and customization across all components. Backed by enterprise-grade support and regular updates, Telerik DevCraft boosts productivity and code quality.Starting Price: $1,299 per developer -
29
CodeRunner
CodeRunner
A lightweight, multi-language programming text editor and IDE for macOS. CodeRunner was designed to support all of the most widely used programming languages and run them instantly. The app is configured to run code in 25 languages out-of-the-box, and additional languages can be configured to run by simply entering their terminal command. With over 200 syntax modes, lots of advanced editing features and thoughtful details, CodeRunner will quickly become your go-to editor for any and all kinds of text files. CodeRunner's code completion is the best you'll find in any IDE. Intelligent matching of typed text enables completions beyond single words. Quickly find the right completion among thousands with the extra-fuzzy search algorithm, helpful documentation snippets, and smart ranking of results. Don't clutter your code with print-statements for debugging. Instead, use CodeRunner's built-in debugging features to set breakpoints and step through your code.Starting Price: $19.99 one-time payment -
30
JsPHP
JsPHP
The free open-source JsPHP library. The JsPHP website is a 100% free community resource that provides a collaborative platform and web-based Integrated Development Environment (IDE) for building an open-source JavaScript library called JsPHP that provides an implementation of the PHP API for JavaScript environments. An Integrated Development Environment (IDE) is a tool for writing computer programs, and that's what the JsPHP website is a tool for creating and testing software. In the JsPHP IDE registered users can edit the JavaScript functions in the JsPHP library and can also write code to test that those functions are working properly or to test how well those functions perform (how fast they run when they are executed on the computer). If you're just starting out with learning JavaScript then helping out at JsPHP is the perfect way for you to get started because we have lots of beginner-level work that needs to be done that you could help us with.Starting Price: Free -
31
RequireJS
RequireJS
RequireJS is a JavaScript file and module loader. It is optimized for in-browser use, but it can be used in other JavaScript environments, like Rhino and Node. Using a modular script loader like RequireJS will improve the speed and quality of your code. This setup assumes you keep all your JavaScript files in a "scripts" directory in your project. To take full advantage of the optimization tool, it is suggested that you keep all inline script out of the HTML, and only reference require.js with a requirejs call like so to load your script. All of them map to loading some/path/some/module.js. Ideally we could choose the CommonJS syntax, since it is likely to get more common over time, and we want to reuse code.Starting Price: Free -
32
Maya
Maya
We're building autonomous systems that write and deploy custom software to perform complex tasks, from just English instruction. Maya translates steps written in English into visual programs that you can edit & extend without writing code. Describe the business logic for your application in English to generate a visual program. Dependencies auto-detected, installed, and deployed in seconds. Use our drag-and-drop editor to extend functionality to 100s of nodes. Build useful tools quickly, to automate all your work. Stitch multiple data sources by just describing how they work together. Pipe data into tables, charts, and graphs generated from natural language descriptions. Build, edit, and deploy dynamic forms to help a human enter & modify data. Copy and paste your natural language program into a note-taking app, or share it with a friend. Write, modify, debug, deploy & use apps programmed in English. Describe the steps you want Maya to generate code for. -
33
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 -
34
Vue.js
Vue.js
Builds on top of standard HTML, CSS and JavaScript with intuitive API and world-class documentation. Truly reactive, compiler-optimized rendering system that rarely requires manual optimization. A rich, incrementally adoptable ecosystem that scales between a library and a full-featured framework. Vue is a JavaScript framework for building user interfaces. It builds on top of standard HTML, CSS and JavaScript, and provides a declarative and component-based programming model that helps you efficiently develop user interfaces, be it simple or complex. Vue extends standard HTML with a template syntax that allows us to declaratively describe HTML output based on JavaScript state. Vue automatically tracks JavaScript state changes and efficiently updates the DOM when changes happen. Vue is a framework and ecosystem that covers most of the common features needed in frontend development. -
35
Three.js
Three.js
Three.js is a JavaScript 3D library. The aim of the project is to create an easy-to-use, lightweight, cross-browser, general-purpose 3D library. The current builds only include a WebGL renderer but WebGPU (experimental), SVG and CSS3D renderers are also available in the examples. To actually be able to display anything with three.js, we need three things, scene, camera, and renderer, so that we can render the scene with the camera. In addition to the WebGLRenderer, Three.js comes with a few others, often used as fallbacks for users with older browsers or for those who don't have WebGL support for some reason. Create a loop that causes the renderer to draw the scene every time the screen is refreshed (on a typical screen this means 60 times per second). Anything you want to move or change while the app is running has to go through the animate loop. You can of course call other functions from there.Starting Price: Free -
36
Preact
Preact
Preact provides the thinnest possible Virtual DOM abstraction on top of the DOM. It builds on stable platform features, registers real event handlers and plays nicely with other libraries. Most UI frameworks are large enough to be the majority of an app's JavaScript size. Preact is different: it's small enough that your code is the largest part of your application. That means less JavaScript to download, parse and execute - leaving more time for your code, so you can build an experience you define without fighting to keep a framework under control. Preact is fast, and not just because of its size. It's one of the fastest Virtual DOM libraries out there, thanks to a simple and predictable diff implementation. We automatically batch updates and tune Preact to the extreme when it comes to performance. We work closely with browser engineers to get the maximum performance possible out of Preact.Starting Price: Free -
37
jEdit
jEdit
jEdit is a mature programmer's text editor with hundreds (counting the time developing plugins) of person-years of development behind it. While jEdit beats many expensive development tools for features and ease of use, it is released as free software with full source code, provided under the terms of the GPL 2.0. Built-in macro language; extensible plugin architecture. Hundreds of macros and plugins available. Plugins can be downloaded and installed from within jEdit using the "plugin manager" feature. Supports a large number of character encodings including UTF8 and Unicode. Highly configurable and customizable. Every other feature, both basic and advanced, you would expect to find in a text editor. -
38
Chart.js
Chart.js
Simple yet flexible JavaScript charting for designers & developers. Layout boxes can be stacked and weighted in groups. A secondary title plugin with all the same options as the main title. Line segments can be styled by any user-defined criteria. Transitions of every property in every element can be configured individually and independently. Numerous performance enhancements have been introduced. Mix and match bar and line charts to provide a clear visual distinction between datasets. Plot complex, sparse datasets on date time, logarithmic, or even entirely custom scales with ease. Out of the box stunning transitions when changing data, updating colors, and adding datasets. Chart.js is a community-maintained project, contributions welcome! Visualize your data in 8 different ways, each of them animated and customizable. Redraws charts on window resize for perfect scale granularity. Includes new chart axis types.Starting Price: Free -
39
Algolia Places
Algolia Community
Fast, beautiful, and easy-to-use address autocompletion. It harnesses OpenStreetMap’s impressive open-source database of worldwide places. Delight your users by implementing a powerful address autocomplete in minutes. Simplify your checkout and users’ accounts by filling in multiple inputs at the same time. Create the best city or country selector. Stop scrolling through a list to pick a country. Help your users find it faster. Link suggestions to a map. Visualize the results at a glance by displaying them on a real-time map. Build unique search experiences with the autocomplete.js & instantsearch.js plugins for Algolia Places. A JavaScript one-liner to turn any HTML <input> into fast & beautiful address auto-complete menus. Backed by Algolia's unique ranking algorithm, Algolia Places mixes intuitively relevant local and famous places. Native support of typing mistakes thanks to the unique way Algolia handles typos and ranks results accordingly.Starting Price: $0.40 per 1,000 requests -
40
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. -
41
Subscribe Funnels
Subscribe
Our platform is made for non-programmer like you. Never have to write a single line of code to start your own website. Drag and drop to realize your design. Just drag and drop to visualize your design vision and turn it to a custom-made website. Use our drag & drop editor or custom code your HTML from scratch with a live WYSIWYG editor. Take our designs and customize them to your needs. New Templates and designers added weekly. Already had something created? You can import your files into Subscribe Funnels to take advantage of our WYSIWYG editor! Our plugin library is growing every single week, or take advantage of our open API to develop your own. Integrate your site with a number of 3rd party eCommerce platforms including Konnektive, Limelight, & more. Don't see a plugin but you have the chops to program your own? Take advantage of our platform to build your own JS plugin.Starting Price: $97 per month -
42
Dexie
Dexie
Dexie.js is a minimalistic and bulletproof IndexedDB wrapper library designed to simplify client-side storage. At only ~29k minified and gzipped, it offers a concise API that addresses the complexities of native IndexedDB, such as ambivalent error handling, poor queries, lack of reactivity, and code complexity. Dexie.js provides a well-thought-through API design, robust error handling, extendability, change tracking awareness, and extended KeyRange support, including case-insensitive search, set matches, and OR operations. It embraces the IndexedDB specification and all its features, allowing developers to use existing IndexedDB data without the need for data migration. Dexie.js supports composable real-time queries, enabling components to mirror the database in real-time across various front-end frameworks like React, Svelte, Vue, and Angular. With Dexie Cloud, developers can build consistent, authenticated, and access-controlled local-first apps with just a few lines of extra code.Starting Price: Free -
43
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 -
44
JointJS
client IO s.r.o.
JointJS is a powerful JavaScript diagramming library that helps developers and companies of any size build advanced visual and No-Code applications. It comes in two versions: open-source (JointJS) with limited features and professional (JointJS+), which extends the features of JointJS and offers a wide range of customizable features, ready-to-implement demo applications and white-glove support.Starting Price: $2990 per developer -
45
Cleave.js
Cleave.js
Format your <input/> content when you are typing. Cleave.js has a simple purpose, to help you format input text content automatically. Credit card number formatting, phone number formatting (i18n js lib separated for each country to reduce size), date formatting, numeral formatting, custom delimiter, prefix and block pattern, CommonJS/AMD mode, ReactJS component, AngularJS directive (1.x), and ES module. The idea is to provide an easy way to increase input field readability by formatting your typed data. By using this library, you won't need to write any mind-blowing regular expressions or mask patterns to format input text. However, this isn't meant to replace any validation or mask library, you should still sanitize and validate your data in the backend. Types are contributed by the community. Types for the React component are also available and can be imported in the same way.Starting Price: Free -
46
Visual Studio Code
Microsoft
Visual Studio Code (VS Code) is Microsoft’s open-source AI code editor designed to make coding faster, smarter, and more collaborative. It supports thousands of extensions and nearly every programming language, offering developers a lightweight yet powerful environment for writing, testing, and debugging code. With AI-powered features like GitHub Copilot, Next Edit Suggestions, and Agent Mode, VS Code helps you code with precision, automate complex tasks, and streamline development workflows. It integrates seamlessly with cloud services, remote repositories, and tools like Git, Docker, and Azure. The editor is fully customizable, allowing you to personalize your layout, color themes, and keyboard shortcuts. Whether coding locally or in the browser, VS Code delivers a complete development experience for individuals and teams alike.Starting Price: Free -
47
NativeScript
NativeScript
Improve OSS repository management using multiple monorepo setups. Improved onboarding: tutorials for all flavors, linked from the home page. Improved Dialog handling with core-provided abstract APIs. Core: split out architectural level packages for advanced use-cases and scalability. This page will walk through installing everything you need to build your first NativeScript app. Setting up the Android development environment can be daunting if you are new to Android development, however following the next steps carefully will get you up and running in no time. Setting up the Android development environment can be daunting if you are new to Android development, however following the next steps carefully will get you up and running in no time.Starting Price: Free -
48
CodeScan
CodeScan
Code Quality and Security for Salesforce Developers. Made exclusively for the Salesforce platform, CodeScan’s code analysis solutions provide you with total visibility into your code health. The most comprehensive static code analysis solution supporting Salesforce languages and metadata. Self hosted. Check your code for security and quality with the most extensive database for the salesforce platform. Cloud. Get all the benefits of our self hosted service without the need of servers or internal infrastructure. Editor plugins. Plug in codescan to your favorite editor and get real-time feedback while you code. Define code standards. Maintain the quality of your code according to best practices. Control code quality. Enforce your coding standards and minimize code complexity throughout the development process. Reduce technical debt. Track your technical debt to improve your code quality and efficiency. Increase development productivity.Starting Price: $250 per month -
49
Marionette
Marionette
Organize your app in terms of small Views. Marionette makes it easy to compose rich layouts out of small components. We've added tons of features from templateHelpers, to a declarative UI hash, that will keep you from ever wanting to go back. Share complex UI interactions across views. Behaviors are like mixins, without all of the pain associated with property collision. Decoupled communication between your application components with a powerful messaging system. Write classes with the same API as your views. Marionette Objects support features like extend, events, initialize, and more. Marionette community is home to the most welcoming and vibrant discussions in the Backbone ecosystem. Stop spending more time thinking about your framework than your app. Marionette will never get in the way of you and your code.Starting Price: Free -
50
Helpinator
Helpinator
WYSIWYG editor, no need to know HTML or any other markup language. Built-in content elements like figures, code snippets, step-by-step guides, videos, FAQs and quizzes. Supports a whole lot of outputs, including Markdown, DocBook and DITA. Store all languages in one project file. No need to maintain separate projects for each language your project supports. Has a number of built-in tools like screenshot capture, tutorial maker, FAQ and Quiz makers, GIF recorder and more. Crate technical content like a pro, even with zero experience in technical writing. No more steep learning curves of professional technical writing tools. Helpinator hides complicated things behind an easy to understand UI. Tools like built-in phrase expander allow to write faster. Step-by-step guides and annotated screenshots make it easy to understand your documentation. Effortlessly create good looking documentation.Starting Price: $99 per year
