Open Source TypeScript Graphics Software
Sort By:
TypeScript Graphics Software
View 4868 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.
-
Skillfully - The future of skills based hiringSkillfully transforms hiring through AI-powered skill simulations that show you how candidates actually perform before you hire them. Our platform helps companies cut through AI-generated resumes and rehearsed interviews by validating real capabilities in action. Through dynamic job specific simulations and skill-based assessments, companies like Bloomberg and McKinsey have cut screening time by 50% while dramatically improving hire quality.
-
The Most Powerful Software Platform for EHSQ and ESG ManagementChoose from a complete set of software solutions across EHSQ that address all aspects of top performing Environmental, Health and Safety, and Quality management programs.
-
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. -
SalesTarget.ai | AI-Powered Lead Generation, Email Outreach, and CRMSalesTarget is ideal for B2B sales teams, startup founders, and marketing professionals looking to streamline lead generation and outreach. It also benefits growing SaaS companies and agencies aiming to scale their outbound efforts efficiently.
-
5
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. -
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
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. -
8
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. -
9
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. -
Job Evaluation and Talent Management SoftwareEncompassing Visions (ENCV), industry-leading job evaluation and pay equity software, is the best choice for organizations requiring transparent, comprehensive, and objective Job Evaluation software designed to help them ensure equal pay for work of equal value.
-
10
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. -
11
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. -
12
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. -
13
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. -
14
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. -
15
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. -
16
Shape Shifter
SVG icon animation tool for Android, iOS, and the web
Shape Shifter is a web-app that simplifies the creation of icon animations for Android, iOS, and the web. This tool currently exports to standalone SVGs, SVG spritesheets, and CSS keyframe animations for the web, as well as to AnimatedVectorDrawable format for Android. I am totally open to adding support for other export formats as well, so if you have a format that you'd like to see added in the future, file a feature request! The ability to add/remove points to each path without altering their original appearance. The added points can be modified by dragging them to different positions along the path, and they can be later deleted using the keyboard as well. The ability to reverse/shift the relative positions of each path's points. While reordering points won't affect whether or not two paths are compatible, it often plays a huge role in determining the appearance of the resulting animation. -
17
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. -
18
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. -
19
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. -
20
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 -
21
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. -
22
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. -
23
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. -
24
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). -
25
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!
