Canvas

Open-source projects categorized as Canvas
Edit details
Language: + JavaScript + TypeScript + HTML
Topics: JavaScript TypeScript React Html5 Webgl
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
surveyjs.io
featured

Top 23 Canva Open-Source Projects

  • three.js

    JavaScript 3D Library.

    • Project mention: I've made game engine (I think) | dev.to | 2024-05-05

    Hi! With Python and ThreeJS (https://threejs.org/) I have made app to make easy 3d visualisation, which you can test in browser. Like this:

  • excalidraw

    Virtual whiteboard for sketching hand-drawn like diagrams

    • Project mention: An infinite canvas for code exploration | news.ycombinator.com | 2024-05-06

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo

  • Chart.js

    Simple HTML5 Charts using the <canvas> tag

    • Project mention: Ask HN: What's the best charting library for customer-facing dashboards? | news.ycombinator.com | 2024-04-29

  • echarts

    Apache ECharts is a powerful, interactive charting and data visualization library for browser

    • Project mention: Ask HN: What's the best charting library for customer-facing dashboards? | news.ycombinator.com | 2024-04-29

  • anime.js

    JavaScript animation engine

    • Project mention: React Refs Ritual: Managing Focus, Selections, and More. | dev.to | 2024-04-29

    This direct manipulation allows you to leverage robust animation libraries like GSAP or Anime.js, which require direct DOM access to perform optimally.

  • PixiJS

    The HTML5 Creation Engine: Create beautiful digital content with the fastest, most flexible 2D WebGL renderer.

    • Project mention: Release Radar • March 2024 Edition | dev.to | 2024-04-07

    If you're into video game dev, then PixiJS is something you need to know about. It's a HTML5 game engine that provides a lightweight 2D library across all devices. This latest update has a new package structure, custom builds, graphics API overhaul, and lots more. You can read about all these changes in the PixiJS Migration Guide. Also big congrats to PixiJS for being part of the open source community for ten years now! 😮.

  • phaser

    Phaser is a fun, free and fast 2D game framework for making HTML5 games for desktop and mobile web browsers, supporting Canvas and WebGL rendering.

    • Project mention: Alternatives to Flash Player for Videogame Coding? | news.ycombinator.com | 2024-05-08

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

    InfluxDB logo

  • rough

    Create graphics with a hand-drawn, sketchy, appearance

    • Project mention: Rough.js: Create graphics with a hand-drawn, sketchy, appearance | news.ycombinator.com | 2023-12-22

  • A-Frame

    :a: Web framework for building virtual reality experiences.

    • Project mention: Show HN: 3D Framework for the Web. Built on Svelte and Three.js | news.ycombinator.com | 2024-04-29

    Cool project!

    For those who prefer a more vanilla approach, A-frame [1] is nice.

    [1] https://aframe.io/

  • matter-js

    a 2D rigid body physics engine for the web ▲● ■

    • Project mention: Copying Angry Birds with nothing but AI | news.ycombinator.com | 2023-10-31

    Do you think this worked so cleanly because there is a tutorial similar to this and its in the dataset?

    https://github.com/liabru/matter-js/wiki/Tutorials

  • x-spreadsheet

    The project has been migrated to @wolf-table/table https://github.com/wolf-table/table

  • react-canvas

    High performance <canvas> rendering for React components

    • Project mention: Interview with Senior JavaScript Developer 2024 [video] | news.ycombinator.com | 2024-04-14

    > Building an accessible canvas-based UI with a React-like API would make a lot more sense for SPAs

    https://github.com/Flipboard/react-canvas

    React is the Simpsons of web tech.

  • nivo

    nivo provides a rich set of dataviz components, built on top of the awesome d3 and React libraries

    • Project mention: Nivo: Dataviz components, built on top of D3 and React | news.ycombinator.com | 2024-04-30

  • G2

    📊 The concise and progressive visualization grammar.

  • vega

    A visualization grammar.

    • Project mention: Show HN: Minard – Generate beautiful charts with natural language | news.ycombinator.com | 2024-04-18

    Hi HN – Excited to share a beta for Minard, a new data visualization toolkit we've been working on that lets you generate publication-quality charts with simple natural language (throw away your matplotlib docs and rejoice!).

    Upload or import CSVs, Excel, and JSON, give it a spin, and please let us know what you think! (Long format data works best for now)

    For those curious, the stack is a simple Django app with HTMX/Alpine and all of the charts are specified and rendered as Vega (https://vega.github.io/vega/). Lots of LLM function calling under the hood as well.

  • Konva

    Konva.js is an HTML5 Canvas JavaScript framework that extends the 2d context by enabling canvas interactivity for desktop and mobile applications.

    • Project mention: How I choose Fabric.js again | dev.to | 2023-09-03

    Based on this, I found that some of the libraries are dead and no longer have any support. Only two libraries are still alive and have significant amount of stars on GitHub and downloads on NPM. They are Fabric.js and Konva.js.

  • piskel

    A simple web-based tool for Spriting and Pixel art.

  • zdog

    Flat, round, designer-friendly pseudo-3D engine for canvas & SVG

  • signature_pad

    HTML5 canvas based smooth signature drawing

  • dom-to-image

    Generates an image from a DOM node using HTML5 canvas

  • canvas-confetti

    🎉 performant confetti animation in the browser

    • Project mention: A useful front-end confetti animation library | news.ycombinator.com | 2024-04-25

    It's only meaningful to consider that our world is a simulation if it is an imperfect one, otherwise you're just using "simulation" as an awkward synonym for "reality".

    Click the "snow" button enough (https://catdad.github.io/canvas-confetti/) and you'll get a horizontal line separating the pre-slowdown flakes from the post-slowdown flakes. I suppose that's the kind of simulation imperfection that we might look for.

    Personally, I don't think we're hacking our way out of this one any time soon, so I'm happy to just call it reality.

  • react-diagrams

    a super simple, no-nonsense diagramming library written in react that just works

    • Project mention: react-diagrams VS rete - a user suggested alternative | libhunt.com/r/react-diagrams | 2023-06-09

  • lightweight-charts

    Performant financial charts built with HTML5 canvas

    • Project mention: Using javascript library for multiplatform | /r/flutterhelp | 2023-10-23

    link https://github.com/tradingview/lightweight-charts

  • SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo
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).

Canvas related posts

  • How to display segmented linear progress bar?

    1 project | dev.to | 28 Apr 2024

  • Does the primitive shape support SVG?

    1 project | dev.to | 27 Apr 2024

  • VChart, How to perform event tracking based on Tooltip behavior

    1 project | dev.to | 26 Apr 2024

  • How to draw a line chart with a multi-line layout

    1 project | dev.to | 26 Apr 2024

  • How to align bar chart labels to the left and keep their styles consistent in @visactor/vchart?

    1 project | dev.to | 26 Apr 2024

  • A useful front-end confetti animation library

    5 projects | news.ycombinator.com | 25 Apr 2024

  • A New Era for Mixed Reality

    4 projects | news.ycombinator.com | 22 Apr 2024
  • A note from our sponsor - SurveyJS
    surveyjs.io | 8 May 2024
    With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js. Learn more →

Index

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

Project Stars
1 three.js 98,992
2 excalidraw 73,428
3 Chart.js 63,503
4 echarts 59,022
5 anime.js 48,728
6 PixiJS 42,610
7 phaser 36,394
8 rough 19,464
9 A-Frame 16,210
10 matter-js 15,983
11 x-spreadsheet 13,776
12 react-canvas 13,126
13 nivo 12,697
14 G2 11,970
15 vega 10,862
16 Konva 10,791
17 piskel 10,757
18 zdog 10,239
19 signature_pad 10,132
20 dom-to-image 10,100
21 canvas-confetti 8,674
22 react-diagrams 8,344
23 lightweight-charts 8,303

Sponsored
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com