Open Source TypeScript Graphics Software - Page 2
Sort By:
TypeScript Graphics Software
View 4876 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.
-
Workable Hiring Software - Hire The Best People, FastWorkable is the preferred software for today's recruiting industry and HR teams, trusted by over 6,000 companies to streamline their hiring processes. Finding the right person for the job has never been easier—users now possess the ability to manage multiple hiring pipelines at once, from posting a job to sourcing candidates. Workable is also seamlessly integrated between desktop and mobile, allowing admins full control and flexibility all in the ATS without needing additional software.
-
The Cloud Sales Acceleration PlatformStreamline and automate your cloud sales cycle, enhance operational efficiency, and capitalize on marketplace opportunities with the Clazar Cloud Sales Acceleration Platform.
-
1
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. -
2
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. -
3
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. -
4
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. -
Melis Platform is an enterprise-grade Low Code Platform simplifying app creation, management, and delivery.Melis is a new generation of Content Management System and eCommerce platform to achieve and manage websites from a single web interface easy to use while offering the best of open source technology.
-
5
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. -
6
Kerach
A Makeshift Text Shaderer
A Makeshift Text Shaderer GitHub repository: https://github.com/Northstrix/kerach Check it out at: https://kerach.netlify.app/ -
7
Merucav
A modern digital design tool.
A modern digital design tool made using Firebase Studio, Next.js, and Perplexity. Live app: https://merucav.netlify.app/ GitHub repository: https://github.com/Northstrix/merucav This app is built on top of https://nofpg.netlify.app and http://noegarsoux.github.io/GradientGen/ The app is fully localized into: ✅ English ✅ Hebrew ✅ Italian ✅ Latin American Spanish ✅ Brazilian Portuguese ✅ Cantonese ✅ Japanese ✅ Korean ✅ Vietnamese ✅ Hindi ✅ Polish ✅ Czech ✅ Hungarian ✅ French ✅ German ✅ Dutch -
8
Nof
A modern color palette generator
A modern color palette generator that lets you effortlessly create a complete color palette from just one base color. Made using Firebase Studio, Next.js, and Perplexity. GitHub repository: https://github.com/Northstrix/nof Live app: https://nofpg.netlify.app/ -
9
Nof Angular
An Angular version of the Nof color palette generator.
An Angular version of the Nof color palette generator. GitHub repository: https://github.com/Northstrix/nof-angular Link: https://nof-angular.netlify.app/ -
All-in-One Mental Health EHREnsora Health’s Mental Health EHR is designed for mental health professionals, therapists, and practice managers looking for a secure, user-friendly solution to streamline administrative tasks and improve efficiency in their practice management
-
10
OpenBrand
Extract brand assets (logos, colors, backdrops) from any website
OpenBrand is an open-source platform aimed at helping users generate, manage, and experiment with branding assets using modern AI-driven workflows. It focuses on simplifying the creation of brand identities by integrating tools for generating logos, visual assets, and design systems in a cohesive environment. The project is built with extensibility in mind, allowing developers to integrate additional AI models or design pipelines to expand its capabilities. It provides a structured approach to branding by combining automation with user input, enabling rapid prototyping of brand concepts without requiring deep design expertise. OpenBrand also emphasizes modularity and reproducibility, making it suitable for teams that want to standardize branding processes across projects. -
11
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. -
12
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. -
13
Rendertron
A Headless Chrome rendering solution
Rendertron is a headless Chrome rendering solution designed to render & serialise web pages on the fly. Rendertron is designed to enable your Progressive Web App (PWA) to serve the correct content to any bot that doesn't render or execute JavaScript. Rendertron runs as a standalone HTTP server. Rendertron renders requested pages using Headless Chrome, auto-detecting when your PWA has completed loading and serializes the response back to the original request. To use Rendertron, your application configures middleware to determine whether to proxy a request to Rendertron. Rendertron is compatible with all client side technologies, including web components. It is not designed to be used as a production endpoint. You can use it, but there are no uptime guarantees. Once you have the service up and running, you'll need to implement the differential serving layer. This checks the user agent to determine whether prerendering is required. -
14
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. -
15
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 -
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
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. -
18
Vue Starport
Shared component across routes with animations
Vue Starport is a library for Vue 3 that allows shared components to animate across route transitions while preserving internal component state. Traditional transitions between routes in Vue often destroy and recreate components, losing state. Starport solves this by hoisting the component to a root level container (<StarportCarrier>), using a proxy at the source and destination positions, and then using Teleport to land the component in its new place. It uses the FLIP (First, Last, Invert, Play) technique: it captures initial position & size, moves the component in a floating state, then lands it into the new layout. This gives a smooth “fly from one page to another” animation effect for components that appear across routes (e.g., a card in list view flying into detail view). It’s especially suited for immersive UI/UX flows in single-page apps built with Vue. The library is experimental and requires Vue 3. -
19
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! -
20
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.
