Alternatives to Chart.js
Compare Chart.js alternatives for your business or organization using the curated list below. SourceForge ranks the best alternatives to Chart.js in 2024. Compare features, ratings, user reviews, pricing, and more from Chart.js competitors and alternatives in order to make an informed decision for your business.
-
1
FusionCharts
Idera, Inc.
FusionCharts is a powerful and easy-to-use JavaScript charting library that helps developers to add interactive charts and data visualizations to their web and mobile applications. With 100+ chart types, including column, bar, line, area, pie, doughnut, scatter, bubble, and more, it's easy to create professional-looking charts that are engaging and informative. The library is completely cross-browser compatible and works seamlessly with a wide range of technologies, including Angular, React, Vue, and more. FusionCharts product suite consists of • FusionCharts Suite XT • FusionTime • FusionExport • FusionGrid FusionCharts offers a wide range of features that make it one of the most popular charting libraries on the market, including: • Real-time data updates • Dynamic updates of data using AJAX • Drill-down and multi-level charts • Animation and special effects • Export to PDF, PNG, and SVG • Responsive design • Accessibility supportStarting Price: $0 -
2
Plotly Dash
Plotly
Dash & Dash Enterprise let you build & deploy analytic web apps using Python, R, and Julia. No JavaScript or DevOps required. Through Dash, the world's largest companies elevate AI, ML, and Python analytics to business users at 5% the cost of a full-stack development approach. Deliver apps and dashboards that run advanced analytics: ML, NLP, forecasting, computer vision and more. Work in the languages you love: Python, R, and Julia. Reduce costs by migrating legacy, per-seat licensed software to Dash Enterprise's open-core, unlimited end-user pricing model. Move faster by deploying and updating Dash apps without an IT or DevOps team. Create pixel-perfect dashboards & web apps, without writing any CSS. Scale effortlessly with Kubernetes. Support mission-critical Python applications with high availability. -
3
Gantt Chart Hyper Library
DlhSoft
Interactive Gantt chart and scheduling components with built-in project management features, ready for the JavaScript framework: Angular, React, Vue. Designed to empower businesses worldwide, developed with common customer requirements in mind, and used by companies of all sizes, government organizations, and even educational institutions to create stunning Gantt chart applications with more ease. Whether you or your end users need to manage project schedules, track resources, or simply visualize timelines, this library has got you covered. Gantt Chart Hyper Library includes: -Gantt Chart View - hierarchical data grid and attached scheduling chart with drag and drop support and dependency lines; -Schedule Chart View - chart that displays multiple bars on the same line with horizontal and vertical drag and drop support; -LoadChartView - allocation chart displaying normal and over-allocations of one or more resources on a timeline; -Network Diagram; - Pert Chart.Starting Price: €429 -
4
D3.Js
Mike Bostock
D3.js is a JavaScript library for manipulating documents based on data. D3 helps you bring data to life using HTML, SVG, and CSS. D3’s emphasis on web standards gives you the full capabilities of modern browsers without tying yourself to a proprietary framework, combining powerful visualization components and a data-driven approach to DOM manipulation. D3 allows you to bind arbitrary data to a Document Object Model (DOM), and then apply data-driven transformations to the document. For example, you can use D3 to generate an HTML table from an array of numbers. Or, use the same data to create an interactive SVG bar chart with smooth transitions and interaction. D3 is not a monolithic framework that seeks to provide every conceivable feature. Instead, D3 solves the crux of the problem: efficient manipulation of documents based on data. This avoids proprietary representation and affords extraordinary flexibility, exposing the full capabilities of web standards such as HTML, SVG, and CSS. -
5
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 -
6
Parsley
Parsley
Parsley, the ultimate JavaScript form validation library. Validating frontend forms has never been so powerful and easy. Like no other form validation library, simply write in English your requirements inside your form HTML tags, Parsley will do the rest! No need to write even a single JavaScript line for simple form validation. Parsley is now smarter, it automatically detects your forms' modifications and adapts its validation accordingly. Simply add, remove or edit fields, Parsley validation will follow! Parsley is shipped with more than a dozen useful validators. If not enough, use the awesome Parsley extra Ajax validator or tons of other extended validators provided by the community. Parsley strongly focuses on UI and UX. Override almost every Parsley default behavior to fit your exact needs. Still ships almost bug-free. Parsley is strongly tested and aims to work on every browser (including IE8).Starting Price: Free -
7
SpreadJS
GrapeCity
Deliver true Excel-like spreadsheet experiences, fast - with zero dependencies on Excel. Create financial apps, dashboards, charts, pivot tables, performance benchmarks, science lab notebooks, and other similar JavaScript spreadsheet applications. JavaScript spreadsheet components are software elements that help developers add Excel-like functionality to web applications. SpreadJS is a suite of JavaScript spreadsheet controls that includes import/export, data inputs, cell customization, and an extensive calculation engine with over 500 functions. With over 25 years of experience in creating award-winning spreadsheets for professional developers, we already know what you want and need. No other spreadsheet vendor can match that. Put our spreadsheet experience to work for you today.Starting Price: $1,499 per developer -
8
DHTMLX
DHTMLX
DHTMLX is a JavaScript UI library that provides a set of highly customizable and flexible components for building modern and responsive web applications. The library includes more than 30 UI components, such as Gantt, Scheduler, Kanban, diagrams, charts, grids, spreadsheets, calendars, trees, forms, and more. DHTMLX helps to advance web development and build feature-rich data-intensive applications of any complexity. One of the key advantages of DHTMLX is its compatibility with different web frameworks, including React, Angular, and Vue.js, which makes it a great choice for developers who are already working with these frameworks. DHTMLX is also designed with performance in mind. Its components are optimized for fast rendering. A comprehensive and rich API provides a straightforward way to manipulate JavaScript/HTML5 UI widgets. The library has detailed API documentation, tutorials, and examples that help developers quickly get up to speed and start building their apps.Starting Price: $79 -
9
WebDataRocks
WebDataRocks
WebDataRocks is a simple free JS library for creating functional and easy-to-use pivot tables. It can be used with Angular, Vue, React or any other framework. Free Flexible in customization JavaScript based client-side component Loads 1MB of JSON or CSV data files Full set of enterprise features Integration with 3rd party charting libraries Full set of enterprise features Features like filtering, sorting, grouping, conditional and number formatting, calculated values, totals are available for efficient work with your data. It supports printing or exporting web report to PDF, Excel or HTML with just one click. Ready-to-use modern UI The tool offers a classy spreadsheet-like interface optimized both for browsers and apps. All principles of reliability and excellent user experience are already implemented in this web reporting tool.Starting Price: Free -
10
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. -
11
Ignite UI
Infragistics
Build data-rich, responsive web apps much faster with Ignite UI - the most complete library of enterprise-grade JavaScript and .NET UI components available. Includes libraries for Angular, ASP.NET (Core and MVC), Blazor, jQuery, React, web components and more. Our advanced Command Line Interface (CLI) tools simplify the use of component libraries with multiple dependencies. While our WYSIWYG Page Designer allows you to drag-n-drop your way to a modern web experience – leveraging our JavaScript UI components, data connectors, layout and theme support to design, and code your next app. It is hard to be productive when you need to be an expert in multiple JavaScript libraries. We augment our libraries with Typescript for strong typing, class-based inheritance that makes development a lot less error-prone and easier to manage.Starting Price: $849 per year -
12
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 -
13
Velocity.js
Velocity.js
Velocity is an animation engine with the same API as jQuery's animate. It works with and without jQuery. It's incredibly fast, and it features color animation, transforms, loops, easings, SVG support, and scrolling. It is the best of jQuery and CSS transitions combined. Download Velocity, include it on your page and replace all instances of jQuery's animate with velocity. You will immediately see a performance boost across all browsers and devices, especially on mobile. Velocity works everywhere, back to IE8 and Android 2.3. Under the hood, it mimics jQuery's queue, and thus interoperates seamlessly with jQuery's animate, fade, and delay. Since Velocity's syntax is identical to animate, your code doesn't need to change. JavaScript and jQuery are falsely conflated. JavaScript animation, which Velocity uses, is fast; it's jQuery that's slow. Although Velocity works alongside jQuery, it uses its own animation stack that delivers its performance.Starting Price: Free -
14
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 -
15
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 -
16
Sencha Ext JS
Sencha
Sencha Ext JS is a comprehensive JavaScript application framework for building feature-rich, cross-browser-compatible web and mobile applications. It includes a library with 140+ high-performance customizable components, a set of tools and a powerful UI Framework. Key Features Rich UI Components – Includes a variety of pre-built UI elements such as grids and trees, menus and toolbars, forms and buttons, etc. Cross-platform compatibility - Supports major desktop and mobile web browsers including IE Firefox Chrome Safari and Opera. Data Packages – Includes data components to interact with various data sources including JSON, XML and database connections. Theming and Skinning - Allow easy skinning and theming of the UI with CSS. Development Tools - Includes an extensive set of development tools including a visual designer and debugger. Large Community - Has an active and large community of developers who provide support, extensions, etc.Starting Price: $1,295 one-time payment -
17
Multiple.js
Multiple.js
An experiment in sharing background across multiple elements using CSS. If you want to accomplish a "background sharing across multiple elements" effect in HTML/CSS without any coordinates processing by JavaScript, Multiple.js is the answer. Note that icons and text at lighter layers have gradient-color from darker layers, creating the illusion of an underlying violet layer. In addition to that, layers pass the background image (girl) with equal transparency so that layers can not be superimposed on each other. All these things can be implemented in CSS. Add a gap between elements to make sure that the background remains in the same position. Toggle background image/gradient to get idea how it looks. Miss random layers to make sure that elements are independent. Expands background to viewport's size and displays in every element appropriate chunk, exactly what is needed! Background can be successfully expanded to full viewport size.Starting Price: Free -
18
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 -
19
MathJax
MathJax
A JavaScript display engine for mathematics that works in all browsers. Beautiful and accessible math in all browsers No more setup for readers, it just works. MathJax provides tools to transform your content from traditional print sources into modern, accessible web content and ePubs. The MathJax team is available to train your staff in using our resources for preparing online teaching material and creating accessible STEM content. MathJax is highly flexible and can be tailored to the needs of your institution by creating customized configurations and specialized software workflows. MathJax uses CSS with web fonts or SVG, instead of bitmap images or Flash, so equations scale with surrounding text at all zoom levels. MathJax is highly modular on input and output. Use MathML, TeX, and ASCIImath as input and produce HTML+CSS, SVG, or MathML as output. MathJax works with screenreaders & provides expression zoom and interactive exploration.Starting Price: Free -
20
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 -
21
DevExpress
DevExpress
Create elegant, high-impact user experiences and emulate the capabilities of today’s most popular business productivity apps with DevExpress UI components for WinForms, WPF, and Delphi VCL. Deliver high-performance decision support systems and analytics dashboards across platforms and devices with our fully integrated suite of UI controls, reporting tools and dashboards. DevExpress Reports is our royalty-free reporting tool and component library for the .NET ecosystem. DevExpress Reports ship with an intuitive Visual Studio report designer, runtime report designers for WinForms/WPF/Web, and a rich set of report controls, including cross tabs and charts so you and your users can create reports of unmatched elegance and informational clarity.Starting Price: $599 one-time payment -
22
Anime.js
Anime.js
Anime.js is a lightweight JavaScript animation library with a simple, yet powerful API. It works with CSS properties, SVG, DOM attributes, and JavaScript Objects. Follow through animations made easy. Anime's built-in staggering system makes complex follow-through and overlapping animations simple. It can be used on both timings and properties. Animate multiple CSS transforms properties with different timings simultaneously on a single HTML element. Play, pause, control, reverse and trigger events in sync using the complete built-in callbacks and controls functions. Anime.js works with anything web. CSS, SVG, DOM attributes and JavaScript Objects, animate everything with a single unified API. Staggering allows you to animate multiple elements with follow-through and overlapping action. Animation keyframes are defined using an Array, within the keyframes property. Each keyframe duration will be equal to the animation's total duration divided by the number of keyframes.Starting Price: Free -
23
Backbone.js
Backbone.js
Backbone.js gives structure to web applications by providing models with key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing API over a RESTful JSON interface. When working on a web application that involves a lot of JavaScript, one of the first things you learn is to stop tying your data to the DOM. It's all too easy to create JavaScript applications that end up as tangled piles of jQuery selectors and callbacks, all trying frantically to keep data in sync between the HTML UI, your JavaScript logic, and the database on your server. For rich client-side applications, a more structured approach is often helpful. With Backbone, you represent your data as Models, which can be created, validated, destroyed, and saved to the server.Starting Price: Free -
24
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 -
25
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 -
26
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. -
27
Lodash
Lodash
A modern JavaScript utility library delivering modularity, performance, and extras. Lodash is released under the MIT license and supports modern environments. Lodash makes JavaScript easier by taking the hassle out of working with arrays, numbers, objects, strings, etc. Lodash’s modular methods are great for Iterating arrays, objects, and strings, manipulating and testing values, as well as creating composite functions. Lodash is available in a variety of builds and module formats. futil-js is a set of functional utilities designed to complement Lodash. Tested in Chrome 74-75, Firefox 66-67, IE 11, Edge 18, Safari 11-12, and Node.js 8-12. Determine the lowest index at which value should be inserted into an array in order to maintain its sort order. Methods that operate on and return arrays, collections, and functions can be chained together. Methods that retrieve a single value or may return a primitive value will automatically end the chain sequence.Starting Price: Free -
28
Masonry
Masonry
Masonry is a JavaScript grid layout library. It works by placing elements in optimal position based on available vertical space, sort of like a mason fitting stones in a wall. You’ve probably seen it in use all over the Internet. All sizing and styling of items is handled by your own CSS. Item sizes can be set with percentages for responsive layouts. Unloaded images can throw off Masonry layouts and cause item elements to overlap. imagesLoaded resolves this issue. imagesLoaded is a separate script you can download. You can initialize Masonry in HTML, without writing any JavaScript. All options are optional, but column width and item selection are recommended. Align items to a horizontal grid. Use element sizing for responsive layouts with percentage widths. Element sizing options allow you to control the sizing of the Masonry layout within your CSS. This is useful for responsive layouts and media queries.Starting Price: Free -
29
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 -
30
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 -
31
Telerik DevCraft
Telerik
Get 1,250+ .NET and JavaScript components for building feature-rich and professionally designed web, desktop, and mobile apps in less time and with fewer efforts. Plus, complete .NET embedded reporting. Standardize the look and feel of your applications across the board. Out-of-the-box themes and limitless customization options allow you to quickly present a professional, well-packed frontend to your users. Simplify your everyday software development tasks. Cut down with up to 50% development time, increase productivity, and follow the latest technology and user experience trends. Review demos, tutorials, feature descriptions, code samples, and detailed APIs. Benefit from leading support even during your free trial, extensive documentation, and community forums. Enjoy the finest and most complete software development tooling collection with .NET and JavaScript UI components for web, desktop, and mobile applications, reporting and report management solutions, automated testing, etc.Starting Price: $1,299 per developer -
32
jQuery
jQuery
jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. If you're new to jQuery. Return a collection of matched elements either found in the DOM based on passed argument(s) or created by passing an HTML string. All the aspects of the API that were deprecated in the corresponding version of jQuery. These methods get and set DOM attributes of elements.Starting Price: Free -
33
chatgpt.js
chatgpt.js
chatgpt.js is a powerful JavaScript library that allows for super easy interaction w/ the ChatGPT DOM. Feature-rich, object-oriented, easy-to-use, and lightweight (yet optimally performant) Userscript repositories like Greasy Fork maintain a whitelist of pre-approved CDNs (such as commit-specific references) so the import URL is substantially lengthier to preserve publishability to these sites. chatgpt.js was written w/ ultra flexibility in mind. Each call equally fetches the last response. If you think it works, it probably will, so just type it. If it didn't, simply submit an issue or PR and it will be integrated.Starting Price: Free -
34
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 -
35
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 -
36
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 -
37
Screenfull.js
Screenfull.js
Simple wrapper for cross-browser usage of the JavaScript Fullscreen API, which lets you bring the page or any element into fullscreen. Smoothens out the browser implementation differences, so you don't have to. If you cannot use ESM or need to support older browsers without using transpilation, use version 5.2.0. Only 0.7 kB gzipped. Also available on cdnjs (older version). Safari is supported on desktops and iPad, but not on iPhones. This is a limitation in the browser, not in Screenfull. Fullscreen the page or fullscreen an element. Hide the navigation user interface on mobile devices. Fullscreen an element with jQuery and toggle fullscreen on an image with jQuery. Detect fullscreen change, remove listeners, detect fullscreen errors, and fullscreen elements with Angular.js. Keep in mind that the browser will only enter fullscreen when initiated by user events like click, touch, or key.Starting Price: Free -
38
jsPlumb Toolkit
jsPlumb
jsPlumb Toolkit is a Javascript diagramming library that allows you to rapidly create complex applications featuring visual connectivity without having to build any of the boring stuff: the Toolkit provides pan/zoom, a minimap widget, automatic layouts, data binding, path finding, and much, much more. The Toolkit offers deep integration with major frameworks/libraries such as Angular, React, Vue and Svelte. Clients love the incredible flexibility of the Toolkit. As one of our clients said recently: The customization for nodes and groups makes it easy to re-skin jsPlumb to look any way you want. UI/UX designers can let their imagination run wild because jsPlumb visual configuration is quite simple to manage.Starting Price: $990 -
39
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 -
40
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 -
41
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 -
42
Choreographer-js
Choreographer-js
A simple library to take care of complicated animations. You can also add custom functions that do non-CSS animations! Install and save to your package.json, and include it in your Javascript. Brew up some instant scroll animations. Animate based on scroll location, animate based on mouse X location and create multiple animations based on mouse X location. Now you can create an instance of Choreographer, and run the animations based on whatever measurement floats your boat (ex. scroll position, mouse position, timestamp, whatever). The easiest way to understand how this all works is to check out the examples. Bugs will occur if you overlap animation ranges that affect the same style properties! There are two built-in animation functions available, called 'scale' and 'change'. Progress is what allows for progressive scaling of values (ex. smooth fading of opacity, 2d translation, etc.) If the value is between 0 and 1, that means you are within a range.Starting Price: Free -
43
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 -
44
Animate on scroll library. In order to make it work, you'll have to make sure your build process has configured styles loader and bundles it all correctly. If you're using Parcel, however, it will work out of the box as provided. AOS object is exposed as a global variable, for now, there are three methods available. Initialize AOS, recalculate all offsets and positions of elements (called on window resize), reinitiate the array with AOS elements, and trigger refresh (called on DOM changes that are related to AOS elements). By default, AOS is watching for DOM changes and if there are any new elements loaded asynchronously or when something is removed from DOM it calls refreshHard automatically. In browsers that don't support MutationObserver like IE, you might need to call it by yourself. You can also tell AOS to trigger a custom event on a specific element. You can also add custom animations.Starting Price: Free
-
45
fullPage.js
fullPage.js
fullPage.js is actively maintained and community-driven. Proud of being the most complete framework of its kind. Trusted by the most innovative companies. Working in modern and old browsers too, even IE 9! Make a beautiful site for all, not just a few! fullPage.js is designed to be easy to use and customize. It includes tens of examples, great documentation, and both community and personal support. Designed for mobiles and tablets, totally responsive. Because not only kids like to grab things. Fullpage.js provides extensions that you can use to enhance its already amazing behavior! Create a water-like transition when scrolling sections and slides. You can also use different CDNs and services like npm and bower. You can choose between the annual payment subscription and the one-time payment. Annual subscriptions include free updates for the next 12 months. One-time payments include free updates until a major version.Starting Price: $12 per year -
46
Granim.js
Granim.js
Create fluid and interactive gradient animations with this small javascript library. Basic gradients animation with 3 gradients in queue composed of 2 colors. Complex gradient animation with 2 gradients in queue with different positions composed of 3 colors. Gradient animation with an image and blending mode. Gradient animation with 2 colors, a background image, and a blending mode set. More parameters for options are available on the API page. Gradient animation with an image mask to create a gradient animation under a shape. Create a gradient animation that responds to events. Click on the different states in the gradient animation to see the gradients change. Customize the direction of the gradient with pixels or percentage values. The animation always pauses when changing the tab. Manage and change the duration of the animations. All the options are available to customize the states and the different gradients.Starting Price: Free -
47
Fluree
Fluree
Fluree is an immutable RDF graph database written in Clojure and adhering to W3C standards, supporting JSON and JSON-LD while accommodating various RDF ontologies; it boasts a scalable, cloud-native architecture utilizing a lightweight Java runtime, with individually scalable ledger and graph database components, embodying a "Data-Centric" ideology that treats data as a reusable asset independent of singular applications, underpinned by an immutable ledger that secures transactions with cryptographic integrity, alongside a rich RDF graph database capable of various queries, and employs SmartFunctions for enforcing data management rules, including identity and access management and data quality. -
48
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 -
49
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 -
50
Blockly
Google
The Blockly library adds an editor to your app that represents coding concepts as interlocking blocks. It outputs syntactically correct code in the programming language of your choice. Custom blocks may be created to connect to your own application. Blockly in a browser allows web pages to include a visual code editor for any of Blockly's five supported programming languages, or your own. In Blockly Games, pictured here, users can solve a maze using Blockly's editor on the right. Blockly plugins are self-contained pieces of code that add functionality to Blockly. Plugins can add fields, define themes, create renderers, and much more. Blockly codelabs provide step-by-step instructions on how to use and customize Blockly. Sample projects that show how to use many of Blockly's features.Starting Price: Free