Search Results for "code"
Sort By:
Showing 118 open source projects for "code"
View related business solutions-
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.
-
Go From AI Idea to AI App FastAccess Gemini 3 and 200+ models. Build chatbots, agents, or custom models with built-in monitoring and scaling.
-
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. ... -
2
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. Its range of available diagrams include flowcharts, sequence diagrams, gantt diagrams and more, with new ones continuously being developed. -
3
Spectacle
A ReactJS based Presentation Library
Spectacle is an open source presentation library based on React.js. It lets you create sleek presentations using JSX syntax, giving you the ability to live demo your code. Spectacle’s presentations are lively and interactive, with clickable elements, themes, custom backgrounds, animations, and many other fun and unique elements you can add to make your presentations pop. With Spectacle you can also live demo your code in real time without having to leave the presentation deck. Code blocks conveniently auto-size and scroll when there is an overflow of content. ... -
4
tabler icons
1950 free MIT-licensed high-quality SVG icons
...Free and open-source icons designed to make your website or app attractive, visually consistent, and simply beautiful. Each icon is designed on a 24x24 grid and a 2px stroke. All icons are built with SVG, so you can place them as <img>, background-image and inline in HTML code. If you load an icon as an image, you can modify its size using CSS. You can paste the content of the icon file into your HTML code to display it on the page. Import the icon and render it in your component. You can adjust SVG properties through React props. Angular components are available through the angular-tabler-icons package. ... -
Try Google Cloud Risk-Free With $300 in CreditUse your credit across every product. Compute, storage, AI, analytics. When it runs out, 20+ products stay free. You only pay when you choose to.
-
5
YesPlayMusic
Play Music for Windows / macOS / Linux
High-quality third-party NetEase cloud player, supports Windows / macOS / Linux :electron. Overseas users can play directly (need to log in to NetEase Cloud account). Support UnblockNeteaseMusic, automatically replace grayed out song links with various audio sources (web version not supported). Various audio sources" refers to audio sources that are enabled by default. YouTube audio source needs to install yt-dlp by itself. Daily automatic check-in (check-in on mobile and computer at the... -
6
Colorpicker
A mininal but complete colorpicker desktop app
Colorpicker is a desktop tool with Electron to get and save colors code quickly for OSX, Windows and Linux! With Pin, you can bring Colorpicker to the foreground. This makes it convenient to work quickly with different applications at the same time. The Picker allows you to quickly retrieve a color anywhere on the screen. Whether it's on your browser, Photoshop, or whatever. Colorsbook is a full-fledged application. -
7
bfxr
Flash + AIR sound effects generator. Based on Sfxr.
...It offers an interactive GUI through which you can tweak many parameters (oscillators, envelopes, filters, etc.) to sculpt custom sound effects; you can preview in real time, export, and iterate. The project includes libraries, HTML templates, and both ActionScript and JavaScript code. It has been well-received (over a thousand stars), but as of 2025, it has been superseded by a newer version called bfxr2, which is a JavaScript reworking of the original. -
8
iCn3D
Web-based protein structure viewer and analysis tool
...Users' custom displays can be saved in a short URL or a PNG image. The complete package of iCn3D including Three.js and jQuery is in the directory "dist" after you get the source code with the "Code" button. View a 3D structure in iCn3D, input a PDB ID, and click "Load". You can also click the "File" menu to "Open File" or input other IDs. You can open a browser in your Virtual Reality (VR) headset and view a 3D structure in iCn3D. Then click the button "Enter VR" at the bottom center of your browser to enter the VR view. ... -
9
frame.js
JavaScript Sequence Editor
...Because it centralizes timing, it becomes easier to coordinate multiple animated elements or throttle work on low-power devices. For creative coding, micro-games, and UI flourishes, it offers just enough structure to keep animation code tidy. -
Full-stack observability with actually useful AI | Grafana CloudBuilt on open standards like Prometheus and OpenTelemetry, Grafana Cloud includes Kubernetes Monitoring, Application Observability, Incident Response, plus the AI-powered Grafana Assistant. Get started with our generous free tier today.
-
10
CSS Inspiration
Curated collection of interesting, creative, or inspiring CSS effects
...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, filters, blend modes, gradients, and keyframes—serving as both inspiration and a practical cookbook. Because each demo focuses on a single idea, it’s an effective way to learn new techniques without wading through a full framework. ... -
11
Tagify
Lightweight, efficient Tags input component in Vanilla JS
Transforms an input field or a textarea into a Tags component, in an easy, customizable way, with great performance and a small code footprint, exploded with features. Customizable HTML templates for the different areas of the component (wrapper, tags, dropdown, dropdown item, dropdown header, dropdown footer) Shows suggestions list (flexible settings & styling) at full (component) width or next to the typed texted (caret) Allows setting suggestions' aliases for easier fuzzy-searching. ... -
12
uPlot
Chart for time series, lines, areas, ohlc and bars
...In addition to fast initial render, the zooming and cursor performance is by far the best of any similar charting lib; at ~40 KB, it's likely the smallest and fastest time series plotter that doesn't make use of context-limited WebGL shaders or WASM, both of which have much higher startup cost and code size. However, if you need 60fps performance with massive streaming datasets, uPlot can only get you so far. WebGL should still be the tool of choice for applications like realtime signal or waveform visualizations: See danchitnis/webgl-plot, huww98/TimeChart, epezent/implot, or commercial products like LightningChart®. -
13
3D Website with Three.js
The most impressive websites in the world use 3D graphics
Project_3D_developer_portfolio is a code-repository and tutorial project that teaches how to build a developer portfolio website enhanced with 3D graphics and animations, using technologies like React, Three.js, React Three Fiber, Tailwind CSS, Vite and more. The idea is to help developers create “the most impressive websites” by blending immersive 3D scenes and interactive UI elements with modern web frameworks. -
14
formidable
The most used, flexible, fast and streaming parser
...The maintainers of formidable and thousands of other packages are working with Tidelift to deliver commercial support and maintenance for the Open Source dependencies you use to build your applications. Save time, reduce risk, and improve code health, while paying the maintainers of the exact dependencies you use. Of course, with Koa v1, v2 or future v3 the things are very similar. You can use formidable manually as or through the koa-better-body package which is using formidable under the hood and support more features and different request bodies, check its documentation for more info. -
15
gitmoji
An emoji guide for your commit messages
Gitmoji is an initiative to standardize and explain the use of emojis on GitHub commit messages. Gitmoji is an emoji guide for GitHub commit messages. Aims to be a standarization cheatsheet, guide for using emojis on GitHub's commit messages. Using emojis on commit messages provides an easy way of identifying the purpose or intention of a commit with only looking at the emojis used. As there are a lot of different emojis I found the need of creating a guide that can help to use emojis... -
16
imagemin
Minify images seamlessly
...Generally, the npm module is the best choice because it offers more configuration options, but the CLI can be a decent alternative if you want to try Imagemin without touching any code. Imagemin is built around "plugins." A plugin is an npm package that compresses a particular image format (e.g. "mozjpeg" compresses JPEGs). Popular image formats may have multiple plugins to pick from. -
17
Jimp
An image processing library written entirely in JavaScript for Node
...If you're using a web bundles (webpack, rollup, parcel) you can benefit from using the module build of jimp. Using the module build will allow your bundler to understand your code better and exclude things you aren't using. If you're using webpack you can set process.browser to true and your build of jimp will exclude certain parts, making it load faster. The static Jimp.read method takes the path to a file, URL, dimensions, a Jimp instance or a buffer and returns a Promise. In some cases, you need to pass additional parameters with an image's URL. -
18
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... -
19
Krypt
Build a Web 3.0 React Solidity blockchain application
This repository accompanies a step-by-step tutorial for building a Web3 decentralized application that connects a React front end to Ethereum smart contracts written in Solidity. It walks you through setting up MetaMask, configuring a local or test blockchain, and wiring contract methods to a clean, modern UI. The project emphasizes end-to-end learning: from authoring and compiling a smart contract, to deploying it, and then interacting with it via web3 libraries in React. It demonstrates... -
20
Memories
Build a full stack MERN application
Project MERN Memories is a full-stack application built as a learning tutorial, using the MERN stack: React on the front end, Node.js and Express on the back end, and MongoDB for data persistence. The app is called “Memories” and allows users to post interesting events from their lives (memories), providing a simple social media–style interface and back-end API to support create, read, update, delete of posts. The repository is tied to a video tutorial series that covers the project from... -
21
xeokit SDK
Open source JavaScript SDK for viewing high-detail 3D BIM
...Keep data, viewer and conversion tools on your own servers. No overloaded cloud services, or unpredictable costs. No hassles with data protection laws. You get the source code. Customize and extend it however you want. Join our community of 3D Web programming experts and industry leaders. Share our tools and get support. -
22
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... -
23
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. -
24
Editly
Slick, declarative command line video editing & API
Editly is a tool and framework for declarative NLE (non-linear video editing) using Node.js and FFmpeg. Editly allows you to easily and programmatically create a video from a set of clips, images, audio and titles, with smooth transitions and music overlaid. Editly has a simple CLI for quickly assembling a video from a set of clips or images, or you can use its more flexible JavaScript API. Inspired by ffmpeg-concat, Editly is much faster and doesn't require much storage because it uses... -
25
flag-icons
A curated collection of all country flags in SVG
A curated collection of all country flags in SVG, plus the CSS for easier integration. For using the flags inline with text add the classes .fi and .fi-xx (where xx is the ISO 3166-1-alpha-2 code of a country) to an empty <span>. If you want to have a squared version flag then add the class fis as well. You could also apply this to any element, but in that case you'll have to use the fib instead of fi and you're set. This means that the flag is just going to appear in the middle of an element, so you will have to set manually the correct size of 4 by 3 ratio or if it's squared add also the flag-icon-squared class. ...
