Search Results for "visual javascript"
Sort By:
Showing 46 open source projects for "visual javascript"
View related business solutions-
Earn up to 16% annual interest with Nexo.Put idle assets to work with competitive interest rates, borrow without selling, and trade with precision. All in one platform. Geographic restrictions, eligibility, and terms apply.
-
AI-powered service management for IT and enterprise teamsGive your IT, operations, and business teams the ability to deliver exceptional services—without the complexity. Maximize operational efficiency with refreshingly simple, AI-powered Freshservice.
-
1
Dgrm.net
Flowchart editor
Dgrm is a lightweight JavaScript library designed for creating interactive diagrams and visual representations directly within web applications. It provides developers with tools to build flowcharts, graphs, and structured visual layouts using a flexible and extensible API. The library focuses on simplicity, allowing users to define nodes, edges, and relationships without requiring complex setup or dependencies. -
2
Blockly
The web-based visual programming editor
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. Blockly plugins are self-contained pieces of code that add functionality to Blockly. Blockly codelabs... -
3
Chart.js
Simple yet flexible JavaScript charting for designers & developers
Chart.js is a Javascript library that allows designers and developers to draw all kinds of charts using the HTML5 canvas element. Chart js offers a great array of simple, clean charts including animated and interactive versions. Chartjs is an easy way to include beautiful and engaging charts into your website for free. -
4
diagrams.net
Security-first diagramming for teams
Bring your storage to our online tool, or go max privacy with the desktop app. Diagram files created in 2005 will load in the app today. Works with Google Drive and Google Workplace (G Suite). Use add-ons for Docs, Sheets and Slides. It works with OneDrive and Sharepoint. Office 365 app for Word, Powerpoint and Excel. Highest-rated Confluence app in the Atlassian Marketplace. Works in Jira too. Works with GitHub, GitLab and Dropbox for visual documentation in distributed teams. You can... -
Try Google Cloud Risk-Free With $300 in CreditUse your credit across every product. Compute, storage, AI, analytics. When it runs out, 20+ products stay free. You only pay when you choose to.
-
5
drawio-desktop
Security-first diagramming for teams
Security-first diagramming for teams. Bring your storage to our online tool, or go max privacy with the desktop app. Works with Google Drive and Google Workplace (G Suite). Use add-ons for Docs, Sheets and Slides. Works with OneDrive and Sharepoint. Office 365 app for Word, Powerpoint and Excel. Highest-rated Confluence app in the Atlassian Marketplace. Works in Jira too. Works with GitHub, GitLab and Dropbox for visual documentation in distributed teams. Download diagrams.net Desktop for... -
6
Cesium
An open-source JavaScript library for world-class 3D globes and maps
CesiumJS is an open source JavaScript library for creating world-class 3D globes and maps with the best possible performance, precision, visual quality, and ease of use. Developers across industries, from aerospace to smart cities to drones, use CesiumJS to create interactive web apps for sharing dynamic geospatial data. Built on open formats, CesiumJS is designed for robust interoperability and scaling for massive datasets. -
7
simpleParallax.js
Simple and tiny JavaScript library that adds parallax animations
simpleParallax.js is a very simple and tiny Vanilla JS library that adds parallax animations on any image. Where it may be laborious to get results through other plugins, simpleParallax.js stands out for its ease and its visual rendering. The parallax effect is directly applied to image tags, there is no need to use background images. -
8
reveal.js
The HTML Presentation Framework
reveal.js is a framework for creating beautiful interactive presentations using HTML. It comes with a wide range of features, including nested slides, auto-sliding, touch navigation, Markdown support, PDF export, speaker notes, theming and more. It also comes with a JavaScript API that allows you to control various other options, and a list of plugins that can be used to extend reveal.js further. reveal.js currently offers full support for any recently released version of the following... -
9
Better Shot
An open-source alternative to CleanShot X for macOS
Better Shot is a self-hosted screenshot service that captures, renders, and persists visual snapshots of web pages, APIs, or interactive UIs with low latency and minimal setup. Instead of relying on third-party screenshot APIs or browser extensions, it runs a local or server-deployed service that generates high-quality renders on demand, making it ideal for automated documentation, preview panes, social sharing cards, or visual regression tasks. -
AI-generated apps that pass security reviewRetool lets you generate dashboards, admin panels, and workflows directly on your data. Type something like “Build me a revenue dashboard on my Stripe data” and get a working app with security, permissions, and compliance built in from day one. Whether on our cloud or self-hosted, create the internal software your team needs without compromising enterprise standards or control.
-
10
A-Frame
A web framework for building virtual reality experiences
A-Frame is an open source web framework for building virtual reality experiences. With A-Frame you can create WebVR with HTML and entity-component works on Vive, Rift, Daydream and more. A-Frame simplifies virtual reality by handling the required 3D and WebVR boilerplate to get you running on platforms like mobile, desktop, Vive, and Rift. Because it can be used from HTML, just about everyone can use it. A-Frame is a thin yet powerful framework on top of three.js. While A-Frame is... -
11
Spatie Browsershot
Convert HTML to an image, PDF or string
Browsershot is a PHP package that allows developers to convert web pages into images or PDFs. It utilizes headless Chrome to render pages accurately and can be used to capture screenshots, generate PDFs, and manipulate web content programmatically. It is especially useful for applications that require generating visual content from dynamic or static web pages. -
12
Christmas Tree
Just a simple Christmas tree, based on reddit story
...It separates the logical model from rendering concerns, so you can use it as the data backbone in UI frameworks, graphs, or custom visual components. The library’s API makes it easy to add, remove, or move nodes anywhere in the hierarchy while maintaining consistent references and performance. -
13
Bloom
An open source, agentic Loom alternative
Bloom is an open-source, agent-centric video recording and processing platform designed as a modern alternative to tools like Loom, but with a strong emphasis on AI-driven workflows and programmability. It allows users to record sessions locally while simultaneously preparing those recordings to be processed, indexed, and analyzed by AI systems, effectively turning simple screen captures into structured, queryable data. The project is part of the broader VideoDB ecosystem, which focuses on... -
14
Wireflow
User flow chart real-time collaborative tool
Wireflow is an open-source collaborative tool for designing and visualizing user experience flows and wireframes directly in the browser, aimed at UX designers, product managers, and developers who need to map out interactive user journeys without heavy graphic design tools. Unlike static flowchart apps, Wireflow’s interface focuses on quick and intuitive creation of flow diagrams that represent screens and transitions, helping teams prototype and iterate on navigation logic and interaction... -
15
3D Website with Three.js
The most impressive websites in the world use 3D graphics
Project_3D_developer_portfolio is a code-repository and tutorial project that teaches how to build a developer portfolio website enhanced with 3D graphics and animations, using technologies like React, Three.js, React Three Fiber, Tailwind CSS, Vite and more. The idea is to help developers create “the most impressive websites” by blending immersive 3D scenes and interactive UI elements with modern web frameworks. The README walks through the tech stack, features and how to get started,... -
16
Ultralight
Lightweight, high-performance HTML renderer for game developers
...Available for desktop apps, game consoles, TVs, embedded device displays, servers, and more. Official API for C and C++, with bindings for more. Render web-content on the GPU via Direct3D, Metal, OpenGL, or your own engine for unmatched visual performance. Render web-content on the CPU via SIMD/parallel for incredibly easy integration with any environment (including server-side!). Ultralight is engineered for peak performance, ensuring minimal CPU and memory usage. Customize low-level platform functionality, integrate JavaScript directly with native code, dive deep into performance tuning, and more. ... -
17
Metronomek
Digital metronome that tries to be analogue
Trivial looking metronome with natural sounds and 'classical' approach. -
18
Static Web Audio Player Maker
Create a html audio player with your music directories
On Linux and Windows -
19
Mermaid.js to SVG Converter
Visualize the diagrams of your projects
While coding with AI assist, I noticed bigger projects need something more rigid as context so the AI coder doesn't stray away when I try to add new features. You know, to keeps its memory fresh and not change the stuff that already works. The trick is to ask the AI to write a diagram in Mermaid.js format that solidifies the structure of the project and then use that as context to keep the AI reminded at all times what the project is as a whole. This will prevent it from changing things... -
20
Rawgraphs app
A web interface to create custom vector-based visualizations
Inspired by and built on top of open-source projects. RAWGraphs is open to the community for contributions. Almost 30 visual models to visualize quantities, hierarchies, and time series and find insights in your data. Even though RAWGraphs is a web app, the data you insert will be processed only by your web browser. Save your project, or export it as a vector or raster image. Edit it within your favorite software. RAWGraphs is an open source data visualization framework built with the goal... -
21
armorpaint
3D PBR Texture Painting Software
ArmorPaint is stand-alone software designed for physically-based texture painting. Drag & drop your 3D models and start painting. Receive instant visual feedback in the viewport as you paint. Work fast with the convenience of nodes. Paint with fully procedural materials. Build fill layers with material nodes. Use brush nodes to create patterns and procedural brushes. ArmorPaint is designed from scratch to run completely on the GPU. This results in a smooth 4K painting experience on... -
22
React Transition Group
Perform animations when a React component enters or leaves the DOM
Exposes simple components useful for defining entering and exiting transitions. React Transition Group is not an animation library like React-Motion, it does not animate styles by itself. Instead it exposes transition stages, manages classes and group elements and manipulates the DOM in useful ways, making the implementation of actual visual transitions much easier. Since react-transition-group is fairly small, the overhead of including the library in your application is negligible. However,... -
23
File Icons
Atom file-specific icons for improved visual grepping
File-specific icons in Atom for improved visual grepping. Everything is handled using CSS classes. Use your stylesheet to change or tweak icons. Consult the package stylesheets to see what classes are used. Choose your own shades. Assign icons by file extension. Assign icons to directories. A restart is needed to complete the installation. Reload the window, or restart Atom. As of v2.0, classes are used for displaying icons instead of mixins. If you're a package author, you can integrate... -
24
PureCSS Francine
HTML/CSS drawing in the style of an 18th-century oil painting
...Every visual element—from facial features to textures—is rendered using handcrafted CSS properties, illustrating advanced concepts in styling and layout manipulation. As a result, purecss-francine stands as a powerful example of CSS mastery, inspiring developers and designers to explore the artistic capabilities of code. -
25
magicCss
CSS3 whimsy, single label implements various graphics
magicCss is a creative front-end showcase repository that demonstrates how to build complex graphics, animations, and visual effects using pure CSS3, often with only a single HTML element. The project serves primarily as an educational and inspirational collection for developers who want to push the boundaries of what can be achieved with native CSS capabilities. It explores advanced techniques such as gradients, blend modes, clip-path usage, and animation timing to construct visually rich UI elements without relying on images or JavaScript-heavy solutions. ...
