Open Source TypeScript Graphics Software
Sort By:
TypeScript Graphics Software
View 4869 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.
-
MicroStation by Bentley Systems is the trusted computer-aided design (CAD) software built specifically for infrastructure design.MicroStation is the only computer-aided design software for infrastructure design, helping architects and engineers like you bring their vision to life, present their designs to their clients, and deliver their projects to the community.
-
Premier Construction SoftwareRated #1 Construction Accounting Software by Forbes Advisor in 2022 & 2023. Our modern SAAS solution is designed to meet the needs of General Contractors, Developers/Owners, Homebuilders & Specialty Contractors.
-
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. -
Rezku Point of SaleRezku is an all-inclusive ordering platform and management solution for all types of restaurant and bar concepts. You can now get a fully custom branded downloadable smartphone ordering app for your restaurant exclusively from Rezku.
-
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. -
AestheticsPro Medical Spa SoftwareAestheticsPro is the most complete Aesthetics Software on the market today. HIPAA Cloud Compliant with electronic charting, integrated POS, targeted marketing and results driven reporting; AestheticsPro delivers the tools you need to manage your medical spa business. It is our mission To Provide an All-in-One Cutting Edge Software to the Aesthetics Industry.
-
10
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. -
11
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. -
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
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. -
14
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. -
15
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. -
16
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. -
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
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. -
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
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. -
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
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. -
24
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. -
25
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.
