JavaScript Interactive

Open-source JavaScript projects categorized as Interactive

Top 22 JavaScript Interactive Projects

  • apexcharts.js

    📊 Interactive JavaScript Charts built on SVG

    Project mention: Selling OTM 0DTE is Free Money? | | 2023-05-09 for the chart... but also is a decent open source library whereas TV is not open source

  • webpack-bundle-analyzer

    Webpack plugin and CLI utility that represents bundle content as convenient interactive zoomable treemap

    Project mention: How to handle multiple webpacks in the same app, that both include React? | | 2023-03-20

    First start by running a webpack bundle analysis to see what exactly is bundled. You might be surprised about things being included that you didn't expect which can help with where to look.

  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • enquirer

    Stylish, intuitive and user-friendly prompts, for Node.js. Used by eslint, webpack, yarn, pm2, pnpm, RedwoodJS, FactorJS, salesforce, Cypress, Google Lighthouse, Generate, tencent cloudbase, lint-staged, gluegun, hygen, hardhat, AWS Amplify, GitHub Actions Toolkit, @airbnb/nimbus, and many others! Please follow Enquirer's author:

    Project mention: For achieving the widest adoption among Windows users, which commonly used scripting language would be best suited for a CLI program?% | | 2023-03-10

    Although I'm happy there is a way to bundle Node.js apps with support for pnpm, and for a modern-ish version of Node.js, it's somewhat slow in my experience to build locally. Interactivity doesn't have the greatest ecosystem there, especially with TypeScript. Best library I've found is Enquirer.

  • heatmap.js

    🔥 JavaScript Library for HTML5 canvas based heatmaps

  • vorpal

    Node's framework for interactive CLIs

    Project mention: Use GNU Emacs | | 2023-03-03

    I occasionally try that as well and it sometimes helps but not for things like node apps that use REPLs. They just aren't usable in shell-mode.

  • Frappe Datatable

    The Missing Javascript Datatable for the Web (by frappe)

  • add-gitignore

    An interactive CLI tool that adds a .gitignore to your projects.

  • InfluxDB

    Access the most powerful time series database as a service. Ingest, store, & analyze all types of time series data in a fully-managed, purpose-built database. Keep data forever with low-cost storage and superior data compression.

  • threejs-toys

    ✨ ThreeJS Toys ⚡

  • euismod

    📝 A website that make learning CSS grid easy and interactive

  • landscapeapp

    🌄Upstream landscape generation application

  • react-svg-map

    A set of React.js components to display an interactive SVG map

  • interactive-card

    Credit card form with smooth and sweet micro-interactions

  • lsh

    Run interactive shell commands on AWS Lambda (by tobilg)

  • SimcoeCountyWebViewer

    Web Map Viewer built with React and OpenLayers. Built for GeoServer and ArcGIS Server.

  • inverted-pendulum

    Pendulum physics simulation

  • rippleEffect

    A JavaScript ripple effect implemented using canvas (by victorqribeiro)

  • fraktur

    threejs mandelbrot viewer

  • vizzu-story-js

    Build and present animated data stories.

    Project mention: Show HN: Open-source animated chart presentations in computational notebooks | | 2022-09-11

    1. They lacked the opportunity to use these charts to present their findings and control the animation better than just (re)running notebook cells.

    2. They had challenges using our generic chart-building engine - they are more acquainted with picking a chart type and using the parameters specific to that type.

    So we decided to build a new extension that enables our users to add the charts to slides and thus create interactive, animated presentations they can present right from the notebook. The presentation can be controlled with buttons beneath the charts, keyboard shortcuts (arrows, PgUp, PgDn, Home, End), or a clicker. We also added the capability to export these presentations to HTML to share them with others who don't use notebooks.

    Example - scroll to the bottom for the presentation:

    We tackled the other challenge by introducing chart presets: users can now pick from the 40+ pre-defined chart types.

    Everything is released under the Apache 2.0 license and is available for JavaScript developers as an open-source data storytelling solution. Technically, in the Jupyter version, it's the JS lib being called from the notebook with a Python interface - similarly to what Plotly does. More info: &

    We'd love to know more about how our technology can be put to good use, so if you have any feedback or suggestions, we're here to listen.

  • svg-experiments

    ✒️ A gallery of experiments with Scalable Vector Graphics (SVG) and interactive visualizations.

  • flocking-quadtree

    Flocking simulation using quadtree algorithm

  • guser

    interactive git user switcher

  • Minecraft-Glazed-Terracotta-Pattern-Generator

    An interactive webpage that randomly generates nice/terrible patterns for the glazed terracotta blocks in Minecraft.

  • CodiumAI

    TestGPT | Generating meaningful tests for busy devs. Get non-trivial tests (and trivial, too!) suggested right inside your IDE, so you can code smart, create more value, and stay confident when you push.

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2023-05-09.

JavaScript Interactive related posts


What are some of the best open-source Interactive projects in JavaScript? This list will help you:

Project Stars
1 apexcharts.js 12,557
2 webpack-bundle-analyzer 12,260
3 enquirer 7,030
4 heatmap.js 5,981
5 vorpal 5,589
6 Frappe Datatable 877
7 add-gitignore 586
8 threejs-toys 288
9 euismod 273
10 landscapeapp 222
11 react-svg-map 207
12 interactive-card 158
13 lsh 141
14 SimcoeCountyWebViewer 118
15 inverted-pendulum 22
16 rippleEffect 14
17 fraktur 11
18 vizzu-story-js 10
19 svg-experiments 8
20 flocking-quadtree 5
21 guser 5
22 Minecraft-Glazed-Terracotta-Pattern-Generator 0
ONLYOFFICE Docs — document collaboration in your environment
Powerful document editing and collaboration in your app or environment. Ultimate security, API and 30+ ready connectors, SaaS or on-premises