Open Source TypeScript Graphics Software
Sort By:
TypeScript Graphics Software
View 159 business solutionsBrowse free open source TypeScript Graphics Software and projects below. Use the toggles on the left to filter open source TypeScript Graphics Software by OS, license, language, programming language, and project status.
-
Enterprise-Grade Monitoring - Zero CompromisesManaging a large, distributed IT environment demands more than basic monitoring. PRTG provides a unified view of your entire infrastructure - across sites, clouds, and hybrid setups. Advanced analytics, customizable dashboards, and granular access controls empower your team to detect issues early and respond fast. Automate reporting, ensure compliance, and scale effortlessly as your network grows. With PRTG, you get reliability, flexibility, and the insights you need to keep your business running at peak performance.
-
The CRM you’ll want to use every dayAct! Premium is perfect for small and midsize businesses looking to market better, sell more, and create customers for life. With unparalleled flexibility and freedom of choice, Act! Premium accommodates the unique ways you do business. Whether it’s customizations to fit your specific business or industry processes or your preferences for deployment and access, the possibilities with Act! Premium are limitless.
-
1
Excalidraw
Virtual whiteboard for sketching hand-drawn like diagrams
Excalidraw, the virtual whiteboard app for sketching hand-drawn like diagrams, has come a long way. With the remote work becoming the status quo, Excalidraw was able to show its true potential and we’ve come to a point where over 100K people have used it just the last month! While it has been extremely successful as a free open source project, the biggest source of complaints nowadays is around adoption within companies: How do you share diagrams with your co-workers easily? Can your company depend on the service for live collaboration? Is your data secure? We’ve thought long and hard about how to make it happen in a volunteer-based open source model but haven’t found a great solution. So we decided to build a company around Excalidraw with the first product being Excalidraw+. With account-based access you can rest assured only the right people will have access to your data, while still retain the ability to share specific drawings with outside collaborators. -
2
Deskreen
Deskreen turns any device with a web browser into a secondary screen
Use any device with a web browser as a second screen for your computer (with the help of Virtual Display Adapter). Share your computer entire screen to any device that has a web browser. Limit Deskreen to share only a single application view to any device with a web browser. If you are a video blogger and you need a teleprompter, or you need to look at the camera during a video conference, Flip Screen Mode is just for you. Deskreen can share screen video over WiFi. No cables are needed. Connect as many devices as you want at the same time. Share the computer screens to all of them. You can change picture quality while sharing a screen. Auto quality change supported. Three easy steps to connect with Deskreen. User friendly design with features that you need. Deskreen was built with security in mind. It uses an industry standard of End-to-end encryption. -
3
Lama Cleaner
Image inpainting tool powered by SOTA AI Model
Image inpainting tool powered by SOTA AI Model. Remove any unwanted object, defect, or people from your pictures or erase and replace(powered by stable diffusion) anything on your pictures. Lama Cleaner is a free, open-source and fully self-hostable inpainting tool powered by state-of-the-art AI models. You can use it to remove any unwanted object, defect, or people from your pictures or erase and replace anything on your pictures. Many AICG creators are using Lama Cleaner to clean-up their work. Completely free and open-source, fully self-hosted, supports CPU & GPU. Windows 1-Click Installer, classical image inpainting algorithm powered by cv2. Multiple SOTA AI models, and various inpainting strategies. Run as a desktop application. Interactive Segmentation on any object. -
4
PixiJS
The HTML5 Creation Engine
PixiJS is a fast and lightweight 2D rendering library that lets you create rich, interactive graphics, cross platform applications, and HTML5 games even without prior knowledge of WebGL. It’s a fantastic tool for creating rich, interactive content and with built-in cross platform compatibility and graceful degradation, there’s less work for you and more space for fun and creativity! PixiJS works across all devices and is incredibly fast. If you want to create exceptional experiences without having to deal with dense, low level code, browser inconsistencies, WebGL API or device compatibility, PixiJS is for you! See some great examples and creations made with PixiJS in the official website: https://www.pixijs.com/ -
Fully managed relational database service for MySQL, PostgreSQL, and SQL ServerCloud SQL manages your databases so you don't have to, so your business can run without disruption. It automates all your backups, replication, patches, encryption, and storage capacity increases to give your applications the reliability, scalability, and security they need.
-
5
Babylon.js
Open game and rendering engine packed into a JavaScript framework
Our mission is to create one of the most powerful, beautiful, and simple Web rendering engines in the world. Our passion is to make it completely open and free for everyone. We are artists, developers, creators, and dreamers and we want to make it as simple as possible to enable everyone to bring their ideas to life. With this new version of Babylon.js, we set out to make it even easier to develop with. From a ton of new tools, to improved workflows and features, new documentation and more, it is our sincere hope that Babylon.js 4.2 will make your development process faster and easier while unlocking new simple ways to work. The core focus of Babylon.js 4.2 has been around simplicity. While Babylon.js keeps its code-first approach, we’ve added many tools in the Inspector and enhanced the Node Material Editor to save time to developers and Tech Artists. With the Particle Editor, you can now create and configure particle systems with the click of the mouse. -
6
html2canvas
A JavaScript HTML screenshot renderer
html2canvas is a JavaScript HTML renderer. The script provides you with the tools to take screenshots of webpages directly on the browser. The screenshot is based on the DOM and therefore, it may not be 100% accurate to the real representation, given that it is not an actual screenshot, but a type of screenshot built based on the available data and information of the page. The script renders such page as a canvas image, by reading the DOM and the different styles of the featured elements. It doesn't require rendering from the server, given that the image is created on the user's browser. However, as it is heavily dependent on the browser, the library is not to be used in nodejs. It can't circumvent any browser content policy restrictions and to render cross-origin content a proxy will be needed to get the content to the same origin. -
7
Signature Pad
HTML5 canvas based smooth signature drawing
Signature Pad is a JavaScript library for drawing smooth signatures. It's HTML5 canvas based and uses variable width Bézier curve interpolation based on Smoother Signatures post by Square. It works in all modern desktop and mobile browsers and doesn't depend on any external libraries. Demo works in desktop and mobile browsers. You can check out its source code for some tips on how to handle window resize and high DPI screens. You can also find more about the latter in HTML5 Rocks tutorial. This library is provided as UMD (Universal Module Definition) and ES6 module. When you modify width or height of a canvas, it will be automatically cleared by the browser. SignaturePad doesn't know about it by itself, so you can call signaturePad.clear() to make sure that signaturePad.isEmpty() returns correct value in this case. -
8
SuperSplat
3D Gaussian Splat Editor
SuperSplat is a free and open source tool for inspecting and editing 3D Gaussian Splats. It is built on web technologies and runs in the browser, so there's nothing to download or install. -
9
React Three Fiber
A React renderer for Three.js
Build your scene declaratively with re-usable, self-contained components that react to state, are readily interactive, and can tap into React's ecosystem. There is no hard dependency on a particular three.js version, it does not wrap or duplicate a single three.js class. It merely expresses three.js in JSX, <mesh /> becomes new THREE.Mesh(), and that happens dynamically. There is no additional overhead. Components participate in a unified render loop outside of React. It outperforms three.js at scale due to React's scheduling abilities.Y ou need to be versed in both React and three.js before rushing into this. If you are unsure about React consult the official React docs, especially the section about hooks. -
Teradata VantageCloud Enterprise is a data analytics platform for performing advanced analytics on AWS, Azure, and Google Cloud.VantageCloud is the complete cloud analytics and data platform, delivering harmonized data and Trusted AI for all. Built for performance, flexibility, and openness, VantageCloud enables organizations to unify diverse data sources, run complex analytics, and deploy AI models—all within a single, scalable platform.
-
10
PicGo
A tool for uploading pictures built by vue-cli-electron-builder
Picture upload, plus new management experience. Under macOS, you can drag and drop to the menubar icon to upload. The menubar app window displays the 5 most recently uploaded pictures and the pictures in the clipboard. Clicking on the picture will automatically copy the uploaded link to the clipboard. (Not supported on Windows platform.) A mini floating window is provided under Windows and Linux systems for users to drag and upload, saving your precious desktop space. Check your upload record, it is more convenient to reuse. Click on the picture to view it as a big picture. Click delete pictures button (only local) to clean the interface. The default support for Weibo Tubing, Qiniu Tubing, Tencent Cloud COS, Youpaiyun, GitHub, SM.MS, Alibaba Cloud OSS, Imgur. Convenient for uploading different image beds. Starting from version 2.0, you can develop your own plug-ins to meet the uploading requirements of other image beds. -
11
Scene.js
Scene.js is JavaScript & CSS timeline-based animation library
Scene.js supports two plays: javascript and css animation. It's perfect to use it in context and not feel the difference. Scene.js have complete control over time. No matter what time you choose, this can show you the right movement for that time. With Scene.js, SVG can be used by CSS animation in Chrome and can also be controlled by point through 'attribute'. Scene.js can control multiple elements at the same time. Even though the time between the start and end of each element is different, it can be repeated. Scene.js supports a variety of value types, such as CSS, and can be handled in JavaScript. Scene.js provides effect presets that can give animation effects or make animation easier. You can view the code and animation of clapperboard, the main logo of scene.js -
12
ngx-markdown
Angular markdown component/directive/pipe/service to parse static
Angular markdown component/directive/pipe/service to parse static, dynamic or remote content to HTML with syntax highlight and more. As the library is using Marked parser you will need to add node_modules/marked/marked.min.js to your application. To use the line numbers plugin that shows line numbers in code blocks, in addition to Prism.js configuration files, you will need to include the following files from prismjs/plugins/line-numbers directory to your application. Using markdown component and/or directive, you will be able to use the lineNumbers property to activate the plugin. The property can be used in combination with either data for variable binding, src for remote content or using transclusion for static markdown. -
13
svelte-jsoneditor
Web-based tool to view, edit, format, repair, query, & transform JSON
A web-based tool to view, edit, format, transform, and validate JSON. The library is written with Svelte, but can be used in plain JavaScript too, and in any framework (SolidJS, React, Vue, Angular, etc). View and edit JSON, has a low-level text editor and high-level tree view and table view. Format (beautify) and compact JSON. Sort, query, filter, and transform JSON. JSON schema validation and pluggable custom validation. Color highlighting, undo/redo, search and replace. Utilities like a color picker and timestamp tag. Handles large JSON documents up to 512 MB. -
14
Cap
Open source Loom alternative. Beautiful, shareable screen recordings
Cap is an open source screen recording software designed to provide a lightweight, powerful, and user-friendly alternative to existing tools. It enables users to effortlessly capture their screens, edit recordings, and share content securely within seconds. Cap supports cross-platform functionality, making it compatible with both macOS and Windows operating systems. The software offers high-quality video capture with synchronized audio, ensuring professional-grade recordings are suitable for tutorials, presentations, and educational content. Cap's intuitive interface allows users to start recording with just a few clicks, eliminating complex setup procedures. Additionally, it provides unlimited recording time and cloud storage, facilitating seamless collaboration and sharing among team members. Cap emphasizes user ownership and privacy by allowing recordings to be stored in custom S3 buckets, ensuring data security. -
15
Kap
An open-source screen recorder built with web technology
Capture your screen. An open-source screen recorder built with web technology. Export as GIF, MP4, WebM, or APNG with optional audio, highlight clicks and trimming. The ease of use and speed you’ve been looking for – the functionality and extensibility you didn’t know you needed. Designers, developers, project managers. They all use Kap. So why a screen recorder? Turns out that after a few rounds of playing ping pong with the idea, we realised that we shared the same pain points with the currently available solutions. Not only that, but we had some pretty neat thoughts on how to create something better that resonated with all of us. We almost killed the idea, and maybe that’s the lesson here; don’t be an idea killer. There are a lot of rules we make that aren’t necessarily very useful; why shouldn’t you do something just because it’s been done before? It’s often the things we think are solved that are most ripe for innovation. -
16
PicMo
JavaScript emoji picker. Any app, any framework
Plain JavaScript emoji picker. Any app, any framework. Use PicMo to add a rich emoji picker to any JavaScript project, regardless of the framework. Use the platform's native emojis, or cross-platform emojis from Twemoji. Even add your own custom emojis and GIFs. Search for emojis by name or tags. Customize sizing, layout, and UI elements. Emoji data is loaded once from a CDN and cached in the browser for subsequent sessions. Use the default operating system emoji images or use an alternative renderer to use, for example, images from Twemoji. It's just JavaScript, no frameworks or libraries required. This means you can use it in any app under any framework. Includes light and dark themes, with the ability to extend them to create your own. Add custom images and GIFs! Render inline on the page or as a popup. -
17
Rough
Create graphics with a hand-drawn, sketchy, appearance
Rough is a graphics library that renders hand-drawn-style sketches using the HTML5 Canvas or SVG. It emulates the appearance of a pencil sketch or doodle, giving digital drawings an informal and expressive look. The library is ideal for creative applications, data visualizations, and prototypes that benefit from a casual visual style. Rough is written in JavaScript and easily integrates with modern front-end frameworks and visualization tools. -
18
react-use
Component for React
Tracks device battery state. Plays audio and exposes its controls. Tracks geo location state of user's device. Triggers callback when user clicks outside target area. Tracks mouse hover state of some element. Display an element or video full-screen. Tracks location hash value. Tracks whether user is being inactive. Tracks an HTML element's intersection. Synthesizes speech from a text string. Tracks page navigation bar location state. Re-renders component, while tweening a number from 0 to 1. Tracks long press gesture of some element. Tracks state of a CSS media query. Tracks state of connected hardware devices. Returns a callback, which re-renders component when called. Tracks state of device's motion sensor. Tracks state of mouse position. Tracks deltaY of scrolled mouse wheel. Provides way to read, update and delete a cookie. Tracks the state of browser's network connection. Query permission status for browser APIs. -
19
Pixel Profile
Generate a pixel art style profile card from your GitHub data
Pixel Profile is an open-source tool that generates pixel art-style profile cards from your GitHub data. It automates the creation of visually appealing, retro-themed cards that showcase your GitHub statistics, making your profile stand out. With easy integration and customization options, it's a fun way to personalize your GitHub presence. -
20
TroisJS
ThreeJS + VueJS 3 + ViteJS
I wanted to code something similar to react-three-fiber but for VueJS. I started from scratch, I will rewrite some of my WebGL demos to see if this little toy can do the job. The most popular WebGL library, with a good support on both desktop and mobile. With TroisJS you can easily create 3D content for your website using VueJS components. Really fast development time with ViteJS/HMR ! Useful to create awesome 3D scenes. Thanks to VueJS/ViteJS, TroisJS use watchers and HMR to update ThreeJS objects when you update a template or a prop. This means the result in your browser will be automatically updated without reloading all the stuff. This is really helpful when you are creating a TroisJS Scene. Most of the props are reactive, please take a look at components source to see exactly which ones. -
21
pageres
Capture website screenshots
Capture screenshots of websites in various resolutions. A good way to make sure your websites are responsive. It's speedy and generates 100 screenshots from 10 different websites in just over a minute. It can also be used to render SVG images. Note to Linux users, If you get a "No usable sandbox!" error, you need to enable system sandboxing. For Gulp and Broccoli, just use the API directly. No need for a wrapper plugin. pageres offers a wide variety of options, for example, you can Delay capturing the screenshot, which is useful when the site does things after load that you want to capture. You can also apply custom CSS to the webpage, and specify some CSS or the path to a CSS file. Or apply custom JavaScript to the webpage. You can set background color to transparent instead of white if no background is set. You can also pass in the w3counter keyword to use the ten most popular resolutions from w3counter. -
22
react-rewards
A package containing a few micro-interactions you can use
A package containing a few micro-interactions you can use to reward your users for little things and make them smile! React-rewards lets you add micro-interactions to your app, and rewards users with the rain of confetti, emoji or balloons in seconds. Firing confetti all over the page may seem like a questionable idea, but keep in mind that rewarding users for their actions is not. If a huge cloud of smiling emoji doesn't fit your application well, try changing the physics config to make it more subtle. In order to use the rewards, you'll need to provide an element that will become the origin of the animation. This element needs to have an ID that matches the one used inside the hook - it can be anywhere in the DOM as long as the IDs match. You can place the element inside a button, center it and shoot up from the button. You can place it on top of the viewport with position: "fixed" and change the angle to 270, to shoot downwards. Try, experiment, have fun! -
23
Bananas Screen Sharing
Cross-Platform screen sharing
Bananas is a lightweight web framework built for JavaScript, focusing on simplicity and fast prototyping of web applications. Because there are no servers involved (except for the stun, turn and signaling servers that are needed for exchanging the initial connection information), you need to have a way to communicate the url to the person you're sharing your screen with. -
24
CountUp.js
Animates a numerical value by counting to it
CountUp.js is a dependency-free, lightweight JavaScript class that can be used to quickly create animations that display numerical data in a more interesting way. Install via npm/yarn using the package name countup.js. Despite its name, CountUp can count in either direction, depending on the start and end values that you pass. CountUp.js supports all browsers. MIT license. CountUp v2 is distributed as an ES6 module because it is the most standardized and most widely compatible module for browsers, though a UMD module is also included. To run module-enabled scripts locally, you'll need a simple local server setup, because otherwise you may see a CORS error when your browser tries to load the script as a module. CountUp is also wrapped as a UMD module in ./dist/countUp.umd.js and it exposes CountUp as a global variable on the window scope. -
25
React Native UI Library
UI Components Library for React Native
RNUI is a UI toolset & components library for React Native. Basic components like buttons, avatars, and cards and more sophisticated ones like hints, ColorPicker and drawer.