Search Results for "code::block"
Sort By:
Showing 126 open source projects for "code::block"
View related business solutions-
Find Hidden Risks in Windows Task SchedulerWindows Task Scheduler might be hiding critical failures. Download the free JAMS diagnostic tool to uncover problems before they impact production—get a color-coded risk report with clear remediation steps in minutes.
-
Build Secure Enterprise Apps Fast with RetoolCreate internal software that meets enterprise security standards. Retool connects to your business data—databases, APIs, and vector stores while ensuring compliance with granular permissions and audit logs. Whether on our cloud or self-hosted, build the dashboards and admin panels your organization needs without compromising on security or control.
-
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
YouTube Music
YouTube Music Desktop App bundled with custom plugins
...Framework for custom plugins: change YouTube Music to your needs (style, content, features), enable/disable plugins in one click. Install the youtube-music-bin package from the AUR. For AUR installation instructions, take a look at the wiki page. Block all ads and tracking out of the box. Apply compression to audio (lowers the volume of the loudest parts of the signal and raises the volume of the softest parts) Next/Back navigation arrows directly integrated in the interface, like in your favorite browser. Allows setting global hotkeys for playback (play/pause/next/previous) + disable media osd by overriding media keys + enable Ctrl/CMD + F to search + enable Linux mpris support for media keys + custom hotkeys for advanced users. -
3
Cropper.js
JavaScript image cropper
The size of the cropper inherits from the size of the image's parent element (wrapper), so be sure to wrap the image with a visible block element. If you are using cropper in a modal, you should initialize the cropper after the modal is shown completely. Otherwise, you will not get the correct cropper. The outputted cropped data is based on the original image size, so you can use them to crop the image directly. If you try to start cropper on a cross-origin image, please make sure that your browser supports HTML5 CORS settings attributes, and your image server supports the Access-Control-Allow-Origin option (see the HTTP access control (CORS)). ... -
4
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. -
Atera all-in-one platform IT management software with AI agentsAtera’s AI agents don’t just assist, they act. From detection to resolution, they handle incidents and requests instantly, taking your IT management from automated to autonomous.
-
5
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. ... -
6
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. ... -
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
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... -
9
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. -
Grafana: The open and composable observability platformGrafana is the open source analytics & monitoring solution for every database.
-
10
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. -
11
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. ... -
12
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. ... -
13
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. -
14
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... -
15
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... -
16
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... -
17
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. -
18
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. -
19
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. -
20
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. ... -
21
TL WebRTC File (tl-rtc-file)
WebRTC P2P online web media streaming tool
tl-rtc-file is a lightweight JavaScript library that enables real-time, peer-to-peer file sharing using WebRTC. It allows users to transfer files directly between browsers without relying on a server, cloud storage, or backend infrastructure. The library is ideal for building web apps, chat systems, or support tools that require fast and secure file exchange with minimal setup. With optional compression and simple integration, tl-rtc-file emphasizes efficiency and privacy in web-based file sharing. -
22
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... -
23
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... -
24
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. -
25
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®.
