Open Source TypeScript Graphics Software
Sort By:
TypeScript Graphics Software
View 166 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.
-
Gen AI apps are built with MongoDB AtlasMongoDB Atlas is the developer-friendly database used to build, scale, and run gen AI and LLM-powered apps—without needing a separate vector database. Atlas offers built-in vector search, global availability across 115+ regions, and flexible document modeling. Start building AI apps faster, all in one place.
-
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.
-
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
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. -
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.
-
5
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. -
6
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. -
7
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. -
8
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. -
9
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. -
Our Free Plans just got better! | Auth0You asked, we delivered! Auth0 is excited to expand our Free and Paid plans to include more options so you can focus on building, deploying, and scaling applications without having to worry about your security. Auth0 now, thank yourself later.
-
10
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 -
11
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. -
12
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. -
13
Waifu2x GUI
An app that upscales anime-styled images, gifs, and videos
This is a GUI app that can upscale anime-styled images, gifs, and videos using waifu2x or Real-ESRGAN Anime. It aims to be simple to use, but you can access more advanced settings in the top bar. Upscaling videos and gifs will take a very long time without a high-end graphics card! The Real-ESRGAN Anime upscaler is much faster and gives better results than waifu2x, so it is recommended to use it instead. Real-ESRGAN only supports scale factors between 2-4, and all other waifu2x options are ignored. By setting the scale factor to 4x, it will use the slower Anime4x model but this gives better results, so it is recommended to upscale images at 4x when using Real-ESRGAN. Apply effects such as speed or reverse (animated images/videos). Customize settings (noise, scale, mode, framerate, etc.). Upscale multiple images (or multiple frames of an animated image/video) concurrently. Change the upscaler (waifu2x or Real-ESRGAN Anime). -
14
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. -
15
Countries, Languages & Continents data
Countries, Languages & Continents data (capital and currency)
Continents & countries (with languages, capital and currency, native name, calling codes). Continents & countries: ISO 3166-1 alpha-2 code, name, ISO 639-1 language, capital and currency, native name, calling codes. Lists are available in JSON, CSV and SQL formats. Also, contains separate JSON files with additional country Emoji flags data. This version changes a lot in the data structures and placement of the files. So, if your projects depend on the old structure — specify previous versions, <2.0.0. Country item languages field is an Array in JSON files to easily count and match items with a Language item. But currency and phone calling codes may be a comma-separated String. Languages list only contains languages used in Countries data. Full list of known languages is exported as languagesAll from ./dist/languages.all.json. -
16
GraphQL Voyager
Represent any GraphQL API as an interactive graph
Represent any GraphQL API as an interactive graph. It's time to finally see the graph behind GraphQL. You can also explore number of public GraphQL APIs from our list. With graphql-voyager you can visually explore your GraphQL API as an interactive graph. This is a great tool when designing or discussing your data model. It includes multiple example GraphQL schemas and also allows you to connect it to your own GraphQL endpoint. What are you waiting for, explore your API! Quick navigation on graph. Left panel which provides more detailed information about every type. "Skip Relay" option that simplifies graph by removing Relay wrapper classes. Ability to choose any type to be a root of the graph. -
17
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. -
18
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. -
19
RestorePhotos.io
Restoring old and blurry face photos with AI
RestorePhotos.io is an AI web app for restoring old, blurry, or low-quality face photos and bringing them back to life. It wraps the GFPGAN model (served via Replicate) behind a friendly Next.js front end, so non-technical users can upload an image and receive an enhanced version without ever touching ML code. The workflow is straightforward: you upload a photo, the serverless API route sends it to Replicate, and the restored image is returned and displayed in the UI. The project is production-oriented, not just a toy: it uses Bytescale for storage and image processing, Vercel for hosting and serverless functions, Auth.js + Neon for authentication and database, and Upstash Redis for rate limiting. This combination makes it a good blueprint for building real-world AI apps that must deal with authentication, quotas, and storage as well as inference. -
20
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. -
21
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. -
22
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. -
23
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. -
24
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! -
25
Its Hover
Icons that move with intent
Its Hover is an animated icon library built for real interfaces, where icons respond to interaction with motion that feels intentional rather than decorative. Instead of shipping static SVGs, it provides React components with animation baked in using motion/react, so hover and interaction states are part of the component design from the start. The project is designed to drop cleanly into modern React stacks, including Next.js and shadcn/ui-based projects, with Tailwind-friendly styling patterns. Installation can be as simple as pulling in specific icons and their dependencies, and it supports a registry-style workflow that fits teams that want consistency across products. It’s also meant to be forked and modified: you can copy the source of any icon, tweak the animation curves, adjust stroke width, and refine styling to match your system.
