Open Source TypeScript Graphics Software
Sort By:
TypeScript Graphics Software
View 4878 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.
-
MongoDB Atlas runs apps anywhereMongoDB Atlas gives you the freedom to build and run modern applications anywhere—across AWS, Azure, and Google Cloud. With global availability in over 115 regions, Atlas lets you deploy close to your users, meet compliance needs, and scale with confidence across any geography.
-
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.
-
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
Open Design
Local-first, open-source alternative to Anthropic's Claude Design
Open Design is a local-first, open-source AI design platform that enables coding agents to generate complete design systems and visual artifacts from prompts. It functions as an alternative to proprietary AI design tools by allowing users to connect their own models and run everything locally or deploy it as a web application. The system includes a library of design skills and brand-grade design systems that guide the generation process, ensuring consistency and quality. It integrates with various agent environments, turning them into fully capable design engines. The workflow produces structured outputs such as websites, dashboards, and presentations, rendered in real time. Its architecture emphasizes openness, modularity, and user ownership of data. Overall, it brings professional design capabilities into developer-controlled AI workflows. -
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
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. -
Build Securely on AWS with Proven FrameworksMoving to the cloud brings new challenges. How can you manage a larger attack surface while ensuring great network performance? Turn to Fortinet’s Tested Reference Architectures, blueprints for designing and securing cloud environments built by cybersecurity experts. Learn more and explore use cases in this white paper.
-
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
Pascal Editor
A 3D building editor built with React Three Fiber and WebGPU
Editor is a lightweight, browser-based code editing environment designed to provide a fast and minimal interface for writing and testing code directly in the browser. The project focuses on simplicity and performance, offering a distraction-free workspace that allows developers to quickly prototype ideas without the overhead of a full development environment. It leverages modern web technologies to deliver a responsive and interactive experience, making it suitable for quick experiments, demos, or educational purposes. The editor emphasizes ease of use, allowing users to write, edit, and preview code in real time with minimal configuration. Its architecture is intentionally simple, making it easy to extend or customize for specific use cases such as embedded editors or teaching tools. The project is particularly useful for developers who want a portable and accessible coding environment that works across devices without installation. -
7
Modly
Desktop app to generate 3D models from images using local AI
Modly is a lightweight platform designed to simplify the creation and management of modular AI-driven workflows and tools. It focuses on breaking down complex processes into reusable modules that can be combined and orchestrated to achieve specific goals. The system emphasizes flexibility, allowing users to define custom modules and integrate them into larger pipelines. It supports experimentation, enabling users to test and refine workflows quickly. Modly is designed to be accessible, with a minimal setup process that allows users to get started without significant overhead. It is particularly useful for developers building AI-powered systems that require modular and scalable architecture. Overall, Modly provides a structured approach to managing AI workflows through modular design principles. -
8
Recordly
Recordly is an open‑source screen recorder for MacOS/Windows/Linux
Recordly is a lightweight recording and data capture tool designed to streamline the process of collecting, organizing, and replaying structured information, likely oriented toward developers or productivity workflows. The project focuses on simplicity and speed, allowing users to record interactions or data streams with minimal configuration while maintaining clarity and usability. It appears to function as a logging or session recording utility that can be used for debugging, auditing, or documenting workflows. The design philosophy emphasizes minimal friction, meaning users can start recording quickly and retrieve information efficiently without navigating complex interfaces. Its architecture likely supports extensibility, enabling integration with different environments or tools. Overall, Recordly serves as a practical utility for capturing structured activity in a clean and reproducible format. -
9
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. -
Forever Free Full-Stack Observability | Grafana CloudBuilt on open standards like Prometheus and OpenTelemetry, Grafana Cloud includes Kubernetes Monitoring, Application Observability, Incident Response, plus the AI-powered Grafana Assistant. Get started with our generous free tier today.
-
10
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. -
11
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. -
12
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. -
13
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. -
14
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). -
15
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. -
16
OpenScreen
Create stunning demos for free
OpenScreen is a modern screen-sharing and collaboration platform designed to provide seamless real-time communication and content sharing across devices. It enables users to share their screens, stream content, and collaborate in interactive environments without relying on heavy or proprietary systems. The project likely emphasizes simplicity and accessibility, making it easy to deploy and use in both personal and professional contexts. Its architecture may support web-based interfaces, allowing cross-platform compatibility without requiring extensive setup. It is particularly useful for remote work, presentations, and collaborative development sessions. The system may also include features for managing sessions, participants, and permissions. Overall, openscreen offers a lightweight and flexible solution for real-time digital collaboration. -
17
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. -
18
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. -
19
react-three/flex
Flexbox for react-three-fiber
Placing content in THREE.js is hard. @react-three/flex brings the webs flexbox spec to react-three-fiber. It is based on Yoga, Facebook's open-source layout engine for react-native. Simply create layouts by wrapping your 3D objects in different <Box /> instances inside a <Flex /> container. This way they will be automatically placed in the 3D space following the flexbox specification just like in the DOM. You can tweak the container and the boxes using standard CSS flex properties, like flexDirection or justifyContent for the container and flexGrow for the boxes. There are also shorthands, like align and justify. When positioning items, react-three-flex needs to know where the object anchor is: Yoga Layout expects the object position to be relative to the upper left corner, which is the same as the DOM expects. -
20
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. -
21
Angular Universal
Server-side rendering and prerendering for Angular
The Angular Universal project is a community-driven project to expand on the core APIs from Angular (platform-server) to enable developers to do a server-side rendering of Angular applications in a variety of scenarios. This repository will host various tools like engines to integrate with various backends(NodeJS, ASP.NET etc.) and also extra modules and examples to help you start with server-side rendering. Control server-rendered page and transfer state before client-side web app loads to the client-side-app. -
22
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. -
23
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. -
24
Illu Pix
Pix is an online pixel art community
Pix is an online pixel art community application built with React Native for iOS devices. It provides a 16x16 canvas for users to create and share pixel art, fostering creativity and collaboration among artists. The app emphasizes simplicity and ease of use, making pixel art accessible to everyone. -
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.
