JavaScript Interactive

Open-source JavaScript projects categorized as Interactive | Edit details

Top 17 JavaScript Interactive Projects

  • GitHub repo webpack-bundle-analyzer

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

    Project mention: Can you import an app written in React 17 in to a larger monolith running React 16? | reddit.com/r/reactjs | 2022-01-07

    You can check which versions of react are used in your node modules: npm ls react or yarn why react -R. You can also use a bundle analyzer to further inspect your dependencies.

  • GitHub repo apexcharts.js

    📊 Interactive JavaScript Charts built on SVG

    Project mention: Is Chart.js the best chart/visualization lib? Any alternatives? | reddit.com/r/webdev | 2021-12-10

    Apex

  • SonarQube

    Static code analysis for 29 languages.. Your projects are multi-language. So is SonarQube analysis. Find Bugs, Vulnerabilities, Security Hotspots, and Code Smells so you can release quality code every time. Get started analyzing your projects today for free.

  • GitHub repo 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: https://github.com/jonschlinkert

    Project mention: NPM – is-even, 160k weekly downloads | news.ycombinator.com | 2021-11-16

    It's insanely funny to me that these packages exist while one of his bigger projects (https://github.com/enquirer/enquirer) lists the following reason under "why use it":

    > Lightweight - Only one dependency, the excellent ansi-colors by Brian Woodward.

  • GitHub repo heatmap.js

    🔥 JavaScript Library for HTML5 canvas based heatmaps

    Project mention: [OC] Map of Housing Prices in Bilbao, Spain - Data extract from Spanish real estate website | reddit.com/r/dataisbeautiful | 2021-06-07

    Source: https://www.fotocasa.es/es/comprar/viviendas/bilbao/todas-las-zonas/l (Spanish real estate website) For creating the visualization we used https://www.openstreetmap.org, https://leafletjs.com and https://www.patrick-wied.at/static/heatmapjs We also published this demo and a Google Maps version in https://github.com/ZenRows/house-pricing-map. You can find there the original dataset with almost 3000 houses on sale.

  • GitHub repo vorpal

    Node's framework for interactive CLIs

    Project mention: google/zx: write shell scripts in JavaScript | reddit.com/r/shell | 2022-01-07

    Got it, so more about the general idea of using Node to interact with a shell. Fair points but I'm not sure that's where zx falls. I'm looking at it in relation to projects like commander, oclif, and vorpal— frameworks for authoring and packaging local-use CLI tools written in JS, typically aimed at people who know JS and work in a terminal but don't know shell scripting. Those have the overhead of learning a framework, and don't do anything to help you work with the shell. zx seems to come from the other direction: instead of an esoteric framework, shell concepts and shell commands in a Node script.

  • GitHub repo vue-interactive-paycard

    Credit card form with smooth and sweet micro-interactions

    Project mention: Credit Card Form - VueJs | dev.to | 2021-11-24

    See on Github: https://github.com/muhammederdem/credit-card-form

  • GitHub repo Frappe Datatable

    A simple, modern and interactive datatable library for the web (by frappe)

  • OPS

    OPS - Build and Run Open Source Unikernels. Quickly and easily build and deploy open source unikernels in tens of seconds. Deploy in any language to any cloud.

  • GitHub repo add-gitignore

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

    Project mention: Is gitignore mandatory? | reddit.com/r/github | 2021-06-17

    also to save your sanity take a look at https://github.com/TejasQ/add-gitignore

  • GitHub repo react-svg-map

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

  • GitHub repo landscapeapp

    🌄Upstream landscape generation application

    Project mention: Cloud Native Interactive Landscape | news.ycombinator.com | 2022-01-14
  • GitHub repo SimcoeCountyWebViewer

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

    Project mention: Front end solutions to a postgis database | reddit.com/r/gis | 2021-04-02

    For an amazingly complete web viewer app built with OpenLayers, React, and and a GeoServer backend, see this app by /u/IQuitWow: https://github.com/county-of-simcoe-gis/SimcoeCountyWebViewer

  • GitHub repo inverted-pendulum

    Pendulum physics simulation

    Project mention: I made a webapp where you can interact with a pendulum-slider system and experiment with a PID controller! Maybe useful for learning etc, please see what you think :) | reddit.com/r/engineering | 2021-09-26
  • GitHub repo fraktur

    threejs mandelbrot viewer

    Project mention: I made a fast fractal explorer with ThreeJS. Please let me know what you think! | reddit.com/r/webdev | 2021-11-21
  • GitHub repo rippleEffect

    A JavaScript ripple effect implemented using canvas (by victorqribeiro)

    Project mention: Breaking down a ripple animation in JavaScript | news.ycombinator.com | 2021-08-19

    I once wrote something similar on a jsfiddle but can't find it now. Later in I found an article and a YouTube video that proposed a different approach to do ripples, which I followed:

    https://github.com/victorqribeiro/rippleEffect

  • GitHub repo guser

    interactive git user switcher

  • GitHub repo svg-experiments

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

    Project mention: good old cellular automaton | reddit.com/r/creativecoding | 2022-01-04

    Repository: https://github.com/diegoinacio/svg-experiments/tree/master/svg-experiment-006

  • GitHub repo Minecraft-Glazed-Terracotta-Pattern-Generator

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

    Project mention: I've made a website that generates patterns for the glazed terracotta blocks | reddit.com/r/Minecraft | 2021-02-13

    This tool is open source and you can view the code on GitHub. Suggestions/contributions are very welcome!

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 2022-01-14.

JavaScript Interactive related posts

Index

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

Project Stars
1 webpack-bundle-analyzer 11,528
2 apexcharts.js 11,059
3 enquirer 6,325
4 heatmap.js 5,690
5 vorpal 5,496
6 vue-interactive-paycard 5,469
7 Frappe Datatable 719
8 add-gitignore 519
9 react-svg-map 168
10 landscapeapp 139
11 SimcoeCountyWebViewer 83
12 inverted-pendulum 21
13 fraktur 11
14 rippleEffect 9
15 guser 2
16 svg-experiments 1
17 Minecraft-Glazed-Terracotta-Pattern-Generator 0
Find remote jobs at our new job board 99remotejobs.com. There are 29 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.
Less time debugging, more time building
Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.
scoutapm.com