Search Results for "web design"
Sort By:
Showing 179 open source projects for "web design"
View related business solutions-
$300 Free Credits to Build on Google CloudPut your $300 in credit toward real workloads, then keep building with free monthly usage for 20+ products. No commitment and no charge until you upgrade.
-
Cut Data Warehouse Costs by 54%BigQuery delivers 54% lower TCO with exabyte scale and flexible pricing. Free migration tools handle the SQL translation automatically.
-
1
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. ... -
2
Lottie-Web
Render After Effects animations natively
...Because animations are data rather than pixels, designers and developers can collaborate: designers export with the Bodymovin plugin, and developers integrate the JSON with minimal code. The renderer handles masks, shapes, and keyframe timing to closely mirror After Effects behavior within web constraints. This approach brings high-quality motion design to product interfaces without large asset sizes or complex sprite workflows. -
3
3D Website with Three.js
The most impressive websites in the world use 3D graphics
...This repository is especially suitable for front-end developers who want to level up their portfolio, learn advanced web graphics (Three.js), and showcase creativity alongside technical acumen. -
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. -
Save Up to 91% on Cloud Compute With Spot VMsRun batch jobs at 60-91% off with Spot VMs. Long-running workloads get automatic discounts with sustained use.
-
5
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... -
6
Lottie
Render After Effects animations natively on Mobile, Web & React Native
Lottie is a wonderful library for Android, iOS, Web, and Windows that works by parsing Adobe After Effects animations that have been exported as json with Bodymovin, and then rendering these natively on mobile and on the web! Now you can have beautiful animations without engineers having to recreate everything by hand. Building animations by hand is time consuming, and other animation alternatives like Gifs and Png sequences don’t offer the same flexibility and varied features that... -
7
Amazon EC2 Metadata Mock
A tool to simulate Amazon EC2 instance metadata
Instance metadata is data about your instance that you can use to configure or manage the running instance. Instance metadata is divided into categories, for example, hostname, events, and security groups. You can also use instance metadata to access user data that you specified when launching your instance. For example, you can specify parameters for configuring your instance, or include a simple script. You can build generic AMIs and use user data to modify the configuration files supplied... -
8
Pokémon Cards CSS
Collection of advanced CSS styles to create realistic-looking effects
pokemon-cards-css is a CSS-driven styling framework that lets web developers render Pokémon card visuals purely in HTML and CSS. It defines layouts, frames, typography, and image placeholders to mimic the look of real Pokémon trading cards, enabling users to create “virtual cards” with custom content. Because the design is built into CSS, cards respond to responsive constraints and adjust nicely across devices. -
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... -
Go from Code to Production URL in SecondsSkip the Kubernetes configs. Cloud Run handles HTTPS, scaling, and infrastructure automatically. Two million requests free per month.
-
10
screenshot-to-code
Drop in a screenshot and convert it to clean code
screenshot-to-code converts UI screenshots or design images into working front-end code, accelerating the path from concept to prototype. It uses modern vision-capable or code-generating models to infer layout structure, typography, and components, then outputs clean HTML/CSS (often Tailwind) or framework code. A web interface lets you upload images, tune options, and preview generated results, while a backend service orchestrates the model calls and post-processing. -
11
ImageMagick
ImageMagick 7
...It can be used to create, edit, compose, or convert bitmap images, and supports a wide range of file formats, including JPEG, PNG, GIF, TIFF, and PDF. ImageMagick is widely used in industries such as web development, graphic design, and video editing, as well as in scientific research, medical imaging, and astronomy. Its versatile and customizable nature, along with its robust image processing capabilities, make it a popular choice for a wide range of image-related tasks. ImageMagick includes a command-line interface for executing complex image processing tasks, as well as APIs for integrating its features into software applications. ... -
12
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... -
13
Kerach
A Makeshift Text Shaderer
A Makeshift Text Shaderer GitHub repository: https://github.com/Northstrix/kerach Check it out at: https://kerach.netlify.app/ -
14
Inkscape
Free and open source vector graphics editor for Windows, Mac, & Linux
Inkscape is a free and open-source vector graphics editor available on GNU/Linux, Windows, and macOS. It provides a powerful set of tools for creating both artistic and technical illustrations, including cartoons, logos, typography, diagrams, and flowcharts. Unlike raster graphics, Inkscape uses vector graphics, allowing images to be scaled infinitely without losing quality. The software’s primary format is the standardized SVG file, which ensures compatibility with many other programs and... -
15
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... -
16
Kerach Go
A petite text shaderer whose entire code fits into a single html file
A petite text shaderer whose entire code fits into a single html file. GitHub repository: https://github.com/Northstrix/kerach-go Link: https://northstrix.github.io/kerach-go/ The app is fully localized into: ✅ English ✅ Hebrew ✅ Italian ✅ Latin American Spanish ✅ Brazilian Portuguese ✅ Japanese ✅ Cantonese -
17
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 ✅... -
18
GeoTools, the Java GIS toolkit
Toolkit for working with and mapping geospatial data
GeoTools is an open source (LGPL) Java code library which provides standards compliant methods for the manipulation of geospatial data. GeoTools is an Open Source Geospatial Foundation project. The GeoTools library data structures are based on Open Geospatial Consortium (OGC) specifications. -
19
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/ -
20
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 -
21
Photoshop GIMP Extensions Installer
Installs 180 Photoshop and GIMP Brushes, Plugins + Scripts fast
Photoshop and GIMP Extensions Installer installs + 180 plug-ins, pattern, gradients, curves easy for Photoshop + GIMP with 1 click. Use the Photoshop and GIMP Extensions Installer to choose one or more.... - plugins - brushes - scripts - patterns - gradients ... to install them easily and full-automatically. 1. Choose the version of Photoshop / GIMP 2. Choose a plugin 3. Click on install ++ SYSTEM-Checkup with custom installation folder selection ++ IMPORTER for... -
22
PHOR
Photo Organizer
PHOR helps you organizing, analyzing and presenting your collections of photos, videos etc. PHOR is particularly useful for geotagging of photos. After scanning the file system for media files you can analyze, manipulate or add metadata (e.g. EXIF). Even bulk changes are possible using clipboard or find/replace. A relational database is used to collect information for the media files. The path of the files, their metadata and additional information are stored in the database. You... -
23
Nof
A complementary color palette generator
A complementary color palette generator with brightness adjustment functionality and several color-mixing modes. Made using Firebase Studio, Next.js, and Perplexity. GitHub repository: https://github.com/Northstrix/nof Live app: https://nofpg.netlify.app/ -
24
CompassCAD (Legacy)
very good CAD software
This project will be deprecated soon. Public betas for CompassCAD NEXT, the true successor to CompassCAD, will open soon. 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... -
25
This is an image registration plug-in for Gimp. Image registration (also known as image alignment) is the process of transforming one image so that it best matches another image. This is especially useful when you want to combine two or more images that are similar but geometrically misaligned. Visit the project web page at https://gimp-image-reg.sourceforge.io for detailed information on installing and using the plug-in. Starting with version 3.0.0, this project is licensed under...
