Search Results for "software design tools"
Sort By:
Showing 55 open source projects for "software design tools"
View related business solutions-
$300 Free Credits for Your Google Cloud ProjectsLaunch your next project with $300 in free Google Cloud credits—no strings attached. Test, build, and deploy without risk. Use your credits across the entire Google Cloud platform to find what works best for your needs. After your credits are used, continue with always-free tier services. Only pay when you're ready to scale. Sign up in minutes and start exploring.
-
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
Blockly
The web-based visual programming editor
The Blockly library adds an editor to your app that represents coding concepts as interlocking blocks. It outputs syntactically correct code in the programming language of your choice. Custom blocks may be created to connect to your own application. Blockly in a browser allows web pages to include a visual code editor for any of Blockly's five supported programming languages, or your own. Blockly plugins are self-contained pieces of code that add functionality to Blockly. Blockly codelabs... -
2
glMatrix
Javascript Matrix and Vector library for High Performance WebGL apps
Javascript has evolved into a language capable of handling realtime 3D graphics, via WebGL, and computationally intensive tasks such as physics simulations. These types of applications demand high performance vector and matrix math, which is something that Javascript doesn't provide by default. glMatrix to the rescue! glMatrix is designed to perform vector and matrix operations stupidly fast! By hand-tuning each function for maximum performance and encouraging efficient usage patterns... -
3
Mermaid
Diagram and flowchart generation from text similar to markdown
Mermaid is a JavaScript-based diagram and flowchart generating tool that uses markdown-inspired text for fast and easy generation of diagrams and charts. Forget about using heavy tools to explain your code. Mermaid greatly simplifies documentation with its simple markdown-like script language, and offers a great range of diagram and chart options. The latest version of Mermaid comes with a number of bug fixes and enhancements, as well as a new diagram type, entity relationship diagrams.... -
4
Fabric.js
Javascript Canvas Library and SVG-to-Canvas Parser
Fabric.js is a simple yet powerful Javascript HTML5 canvas library that allows you to easily work with HTML5 canvas element in various ways. It is also an SVG-to-canvas (and vice versa) parser. Fabric provides an interactive object model on top of canvas element, so you can create and populate objects on canvas; manipulate the size, position and rotation of these objects; modify properties such as color, transparency and more. You could also group these objects together with just a simple... -
Ship Agents FasterGemini Enterprise Agent Platform lets you rapidly build, scale, govern and optimize production-ready agents grounded in your organization's data. The platform enables developers to build custom or pre-built agents for virtually any use case. New customers get $300 in free credits.
-
5
Victory
React components for building interactive data visualizations
Victory is a set of modular charting components for React and React Native. Victory makes it easy to get started without sacrificing flexibility. Create one of a kind data visualizations with fully customizable styles and behaviors. Victory uses the same API for web and React Native applications for easy cross-platform charting. Victory is used for charting across the web, from publicly-consumed informational graphs to internal tracking and reporting. Victory is an opinionated, but fully... -
6
nivo
A rich set of dataviz components
nivo provides a rich set of dataviz components, built on top of the awesome d3 and Reactjs libraries. Several libraries already exist for React d3 integration, but just a few provide server side rendering ability and fully declarative charts. In order to use nivo, you have to install the @nivo/core package and then choose some of the scoped @nivo packages according to the charts you wish to use. Given an array of data series having an id and a nested array of points (with x, y properties),... -
7
sharp
High performance Node.js image processing module
The typical use case for this high speed Node.js module is to convert large images in common formats to smaller, web-friendly JPEG, PNG, AVIF and WebP images of varying dimensions. Resizing an image is typically 4x-5x faster than using the quickest ImageMagick and GraphicsMagick settings due to its use of libvips. Colour spaces, embedded ICC profiles and alpha transparency channels are all handled correctly. Lanczos resampling ensures quality is not sacrificed for speed. As well as image... -
8
CSS Inspiration
Curated collection of interesting, creative, or inspiring CSS effects
CSS-Inspiration is a living gallery of modern CSS effects and components that highlights what’s possible with pure CSS and minimal markup. The collection ranges from micro-interactions and loaders to 3D transforms, complex backgrounds, hover states, and text effects, each presented as a small, self-contained demo. Source code is front and center, encouraging developers to study, copy, and tweak snippets for their own projects. Many examples lean on contemporary features—custom properties,... -
9
two.js
A renderer agnostic two-dimensional drawing api for the web
Two.js is a two-dimensional drawing api geared towards modern web browsers. It is renderer agnostic enabling the same api to draw in multiple contexts: svg, canvas, and webgl. Two.js is deeply inspired by flat motion graphics. As a result, two.js aims to make the creation and animation of flat shapes easier and more concise. At its core two.js relies on a scenegraph. This means that when you draw or create an object (a Two.Path or Two.Group), two actually stores and remembers that. After you... -
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.
-
10
App Store Screenshot Generator
Create screenshots for the iOS App Store
AppScreen is a free and open-source utility designed to help developers and designers produce polished App Store screenshots for iOS apps without needing expensive graphic design software or manual layout work. It runs entirely in a browser or local environment and includes intuitive controls for backgrounds, text overlays, and device mockups, letting users compose compelling marketing visuals that meet Apple’s official size guidelines. Users can toggle between multiple device models and screenshot sizes to ensure that layouts adapt correctly to formats like iPhone 6.9”, 6.7”, 6.5”, and iPad screens, and export selections either individually or as batch ZIP files ready for upload. ... -
11
CompassCAD
very good CAD software
CompassCAD is a simple, light, yet minimalist 2D-only CAD software. It lowers the barriers for novice CAD users to learn about CAD and sketch their very own design from scratch, and ensures everyone can try CAD. If applicable, it could also be used as a professional software with features such as collaboration (up to 2 persons, more will be added later on), SVG exporting, ready to be printed and shared with your co-workers. -
12
Nof Go
A petite color palette generator
A petite color palette generator whose entire code fits within a single html file. Link: https://northstrix.github.io/nof-go/ GitHub repository: https://github.com/Northstrix/nof-go -
13
Rawgraphs app
A web interface to create custom vector-based visualizations
Inspired by and built on top of open-source projects. RAWGraphs is open to the community for contributions. Almost 30 visual models to visualize quantities, hierarchies, and time series and find insights in your data. Even though RAWGraphs is a web app, the data you insert will be processed only by your web browser. Save your project, or export it as a vector or raster image. Edit it within your favorite software. RAWGraphs is an open source data visualization framework built with the goal... -
14
HTML Color Picker And Theme Selector
An easy to integrate color picker / theme selector for website designs
Have a look at the Video below for details. -
15
Pencil
The Pencil Project's unique mission is to build a free tool
Pencil is built for the purpose of providing a free and open-source GUI prototyping tool that people can easily install and use to create mockups in popular desktop platforms. The latest stable version of Pencil is 3.1.0 which contains stability fixes and many new features. More details can befound in the releaste notes. Pencil provides various built-in shapes collection for drawing different types of user interface ranging from desktop to mobile platforms. Starting from 2.0.2, Pencil is... -
16
Motionity
The web-based motion graphics editor for everyone
Motionity is an open-source, browser-based motion-graphics editor designed to bring animation and video editing power to the web, blending the intuitiveness of drag-and-drop tools with advanced capabilities akin to desktop motion editors. It allows users to assemble video or image assets, layer them, and apply animation via keyframes — with customizable easing — giving fine-grained control over motion timing. In addition to keyframing, motionity supports layer masking, filters (color adjustments, blur, chroma-keying), trimming and cutting of video clips, and audio track integration, enabling creation of short animations, intros, social media videos, or animated slideshows directly in a browser without specialized software. -
17
Graphite-Web
A highly scalable real-time graphing system
Graphite does two things, it stores numeric time-series data and renders graphs of this data on demand. What Graphite does not do is collect data for you, however, there are some tools out there that know how to send data to graphite. Even though it often requires a little code, sending data to Graphite is very simple. Graphite is an enterprise-scale monitoring tool that runs well on cheap hardware. It was originally designed and written by Chris Davis at Orbitz in 2006 as side project that... -
18
Pixa Pics
Powerful As Photoshop and Simple As Paint
Pixa.Pics is an open-source web-based pixel art editor that combines the simplicity of Paint with the power of Photoshop, tailored specifically for pixel art creation. It offers a range of features including NFT creation and blockchain integration, making it a modern tool for digital artists. -
19
backslide
CLI tool for making HTML presentations with Remark.js using Markdown
CLI tool for making HTML presentations with Remark.js using Markdown. Use bs init to create a new presentation along with a template directory in the current directory. The template directory is needed for backslide to transform your Markdown files into HTML presentations. You can create as many markdown presentations as you want in the directory, they will all be based on the same template. Use bs serve to start a development server with live reload. A page will automatically open in your... -
20
Screentake - Screen Capture
Free Screenshot Tool
It is a powerful application that allows you to quickly take screenshots with one click and customize them with powerful tools and get short links. This free screenshot tool has powerful editor. You can make the edits you want in the screenshot very easily. You can add different shapes such as pencil drawing, triangle, square, circle, heart, star, arrow, and straight line directly to the screenshot. In addition to these features, it also includes powerful features such as text tool,... -
21
lax.js
Library to create smooth & beautiful animations when you scroll
Simple & lightweight (<4kb gzipped) vanilla JavaScript library to create smooth & beautiful animations when you scroll. Lax.js 2.0 has been completely re-written with a focus on modularity and flexibility giving you more tools to create awesome animations. To implement lax you need to create at least one driver, to provide values for animations, as well as the element animation bindings. The easiest way to get started is to use presets via html classes. Multiple presets can be chained... -
22
React Color
Color pickers from Sketch, Photoshop, Chrome, Github, and Twitter
13 different pickers, for Sketch, Photoshop, Chrome and many more. Make your own, use the building block components to make your own. Color controls what color is active on the color picker. You can use this to initialize the color picker with a particular color, or to keep it in sync with the state of a parent component. Pass a function to call every time the color is changed. Use this to store the color in the state of a parent component or to make other transformations. Pass a function to... -
23
Rickshaw
JavaScript toolkit for creating interactive real-time graphs
Rickshaw provides the elements you need to create interactive graphs, renderers, legends, hovers, range selectors, etc. You put the pieces together. It's all based on d3 underneath, so graphs are drawn with standard SVG and styled with CSS. Customize all you like with techniques you already know. Rickshaw is free and open source, available under the MIT license. Developed at Shutterstock. Rickshaw relies on the fantastic D3 visualization library to do lots of the heavy lifting for stacking... -
24
Raphaël
JavaScript vector library
Raphaël is a small JavaScript library that should simplify your work with vector graphics on the web. If you want to create your own specific chart or image crop and rotate widget, for example, you can achieve it simply and easily with this library. Raphaël ['ræfeɪəl] uses the SVG W3C Recommendation and VML as a base for creating graphics. This means every graphical object you create is also a DOM object, so you can attach JavaScript event handlers or modify them later. Raphaël’s goal is to... -
25
React Flight
The best way to build animation compositions for React
React Flight is a JavaScript library for UIs built with React that allows you to compose animations and transitions via “flights” where you design a start component, an end component, and the tool handles animating between them. It’s pitched as the “best way to build animation compositions for React” and is inspired by tools such as Principle in the mobile design world. The developer experience emphasises framing: you place elements into Flight.Frame containers, specify key-frames (start and end states), and then trigger animations via APIs (play(), reset()). ...