Search Results for "code blocks"
Sort By:
Showing 29 open source projects for "code blocks"
View related business solutions-
Earn up to 16% annual interest with Nexo.Generate interest, borrow against your crypto, and trade a range of cryptocurrencies — all in one platform. Geographic restrictions, eligibility, and terms apply.
-
Stop Cyber Threats with VM-Series Next-Gen Firewall on AzureGain integrated visibility across all traffic in a single pass. Deploy Palo Alto Networks VM-Series to determine application identity and content while automating security policy updates via rich APIs.
-
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
VvvebJs
Drag and drop website builder javascript library
Drag and drop website builder javascript library. Components and blocks/snippets drag and drop. Undo/Redo operations. One or two panels interface. File manager and component hierarchy navigation. Add a new page. Live code editor. Image upload with example PHP script included. Page download or export HTML or save the page on the server with example PHP script included. Components/Blocks list search. Bootstrap 4 components. -
3
Explainer.js
CLI tool to process files and output the code blocks
CLI tool to process files and output the code blocks along with explanation, using various configuration options like API key, base URL, model name, and temperature. -
4
GrapesJS
Free and Open source Web Builder Framework
GrapesJS is an open-source, multi-purpose, Web Builder Framework that combines different tools and features with the goal to help you (or users of your application) to build HTML templates without any knowledge of coding. It's a perfect solution to replace the common WYSIWYG editors, which are good for content editing but inappropriate for creating HTML structures. You can see it in action with the official demos, but using its API you're able to build your own editors. If you're here just... -
$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.
-
5
Highlight.js
JavaScript syntax highlighter with language auto-detection
...Highlight.js supports over 180 languages in the core library. There are also 3rd party language definitions available to support even more languages. We strongly recommend <pre><code> wrapping for code blocks. It's quite semantic and "just works" out of the box with zero fiddling. It is possible to use other HTML elements (or combos), but you may need to pay special attention to preserving linebreaks. You can run highlighting inside a web worker to avoid freezing the browser window while dealing with very big chunks of code. -
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
jscodeshift
A JavaScript codemod toolkit
...It also outputs a summary of how many files have (not) been transformed. A wrapper around recast, providing a different API. Recast is an AST-to-AST transform tool and also tries to preserve the style of original code as much as possible. As already mentioned, jscodeshift also provides a wrapper around recast. In order to properly use the jscodeshift API, one has to understand the basic building blocks of recast (and ASTs) as well. An AST node is a plain JavaScript object with a specific set of fields, in accordance with the Mozilla Parser API. ... -
8
HyperUI
Free Tailwind CSS v4 components for your next project
...It groups components by common product needs—navigation, hero sections, pricing, forms, cards, tables, and full e-commerce flows—so teams can assemble pages quickly from consistent building blocks. Each snippet is written as semantic HTML with Tailwind utility classes, making it easy to customize spacing, color, and typography through a project’s Tailwind config. The components are responsive by default, using grid and flex patterns that adapt cleanly from mobile to widescreen layouts. Accessibility is treated pragmatically: markup favors proper roles and focus states, and most interactive behaviors can be wired with lightweight libraries or framework code if desired. ... -
9
Mint
A refreshing programming language for the front-end web
...Routes can be defined in a routes block, with support for typed path parameters. The runtime handles clicks on anchor tags and navigates in a smart way so you don't have to. You can inline any JavaScript code easily by using bacticks. -
Secure File Transfer for Windows with Cerberus by RedwoodCerberus supports unlimited users and connections on a single IP, with built-in encryption, 2FA, and a browser-based web client — all deployable in under 15 minutes with a 25-day free trial.
-
10
TypeUI DESIGN.md Extractor
Chrome extension to extract styles from any website
TypeUI DESIGN.md Extractor is a Chrome extension that improves the readability and visual presentation of Markdown files viewed directly in the browser. The project automatically transforms raw Markdown documents into styled, GitHub-like rendered pages with enhanced typography, syntax highlighting, and layout improvements. It is designed to make technical documentation, README files, notes, and markdown-based content easier to consume without requiring external viewers or conversion tools.... -
11
Neiki's Code Editor
Lightweight embeddable code editor Web Component with syntax highlighting, themes, line numbers, search, minimap and fullscreen mode.
Neiki's Code Editor is a lightweight embeddable code editor built as a native Web Component using vanilla JavaScript. It runs without dependencies or build tools and can be dropped into any website via a single script tag. The editor provides a modern development experience with syntax highlighting, themes, line numbers, search, auto-indentation, and fullscreen support. Designed for flexibility and performance, it uses Shadow DOM for style isolation and supports multiple languages... -
12
jul-comments
JCS - JUL Comment System
JCS - JUL Comment System is a way of documenting your JavaScript source code while keeping the comments in a separate file. It allows you to associate the comments to any version of the source code and to get the updated commented code. Also, JCS is able to generate and to document the code for an entire JavaScript namespace or DOM tree loaded by a web page. System requirements / Download the desktop app OR: * a CSS2.1 compliant web browser with JavaScript 1.5 or later engine *... -
13
Polyglot Formatter
Multi-language code formatter with automatic language detection
Polyglot Formatter is a lightweight browser-based code beautifier that automatically detects and formats HTML, CSS, JavaScript, PHP, and JSON. Designed for developers, it provides instant code cleanup and readability improvements without requiring a server, build process, or account. Everything runs locally in the browser for maximum privacy and convenience. The formatter supports mixed-language files, nested code blocks, configurable indentation, line wrapping, syntax highlighting, and post-format validation. ... -
14
Mobirise Free Mobile Website Builder
Create awesome mobile-first websites - No coding!
Mobirise makes it easy for anyone to create responsive, Google-friendly websites — no coding needed. Choose from 200+ Bootstrap 5-based themes to build sites that look modern, professional, and perfect on any device. With the free Mobirise Website Builder, you can design and edit pages visually using drag-and-drop, inline editing, and simple site settings. Now with Mobirise AI, you can generate entire websites in a minute — making web design faster and more creative than ever. -
15
Ascoos Framework 24'
This package is a very small part of the Ascoos Cms custom core
Ascoos Framework 24 - Free Edition This package is a very small part of the Ascoos Cms custom core for use with PHP 8.2 or later. Ascoos Cms 24 consists of several "blocks core code", one of which is the Ascoos Framework 24, as well as phpBCL. In the modern way of programming, the ability of a core code to be modular, gives it the ability to adapt to modern methods and requirements. Now, the new version 24 is now coming to create new data in its modular core. -
16
hapi
The simple, secure framework developers trust
Build powerful, scalable applications, with minimal overhead and full out-of-the-box functionality. Originally developed to handle Walmart’s Black Friday scale, hapi continues to be the proven choice for enterprise-grade backend needs. When you npm install @hapi/hapi, every single line of code you get has been verified. You never have to worry about some deep dependency being poorly maintained (or handed over to someone sketchy). hapi is the only leading node framework without any external... -
17
Universal Résumé Template
Minimal and formal résumé (CV) website template for print and mobile
...Also, researching what recruiters want, my priorities were fast scanning time and all content to fit on one page. Replace every -letter with -a4, and uncomment specified code blocks. Tailwind CSS is a highly customizable, low-level CSS framework that gives you all of the building blocks you need to build bespoke designs without any annoying opinionated styles you have to fight to override. It has a great documentation. -
18
Flowy
The minimal javascript library to create flowcharts
flowy is a minimal JavaScript library for building interactive flowchart-style interfaces in web applications, allowing developers to create node-based editors, automation builders, or visual programming tools with relatively little code. It provides draggable, connectable blocks (nodes) that can be placed on a canvas, connected via lines, and rearranged dynamically while preserving the underlying graph structure. The library focuses on simplicity and aesthetics, offering a clean look out of the box that can be customized with your own CSS, making it suitable for dashboards, SaaS products, or internal tools. ... -
19
Material Kit 2
Free and Open Source UI Kit for Bootstrap 4, React, Vue.js,etc.
Material Kit is a Free Bootstrap 5 UI Kit with a fresh, new design inspired by Google's material design. You asked for it, so we built it. It's a great pleasure to introduce to you the material concepts in an easy-to-use and beautiful set of components. Along with the restyling of the Bootstrap elements, you will find three fully-coded example pages, to help you design your next project. Material Kit makes use of light, surface, and movement. It uses a deliberate color choice, edge-to-edge... -
20
dat.GUI
dat.gui is a lightweight controller library for JavaScript
A lightweight graphical user interface for changing variables in JavaScript. The easiest way to use dat.GUI in your code is by using the built source at build/dat.gui.min.js. These built JavaScript files bundle all the necessary dependencies to run dat.GUI. If you're using a server with a Content Security Policy in place that blocks 'unsafe-inline', you will have problems when dat.gui.js tries to inject style information. To get around this, load 'build/dat.gui.css' as an external style sheet. ... -
21
KeystoneJS
Node.js CMS and web app framework
...Sometimes, async code can get complicated to do simple things. -
22
wunderbar
Simple horizontal bar chart printer for your terminal
Wunderbar can print a horizontal bar chart with legend and chart scale straight to your terminal. Or you can use it as a module in your code and get all the building blocks to print the chart yourself. Wunderbar uses partial block characters to print the most precise charts possible. -
23
postcss-cssnext
PostCSS plugin that helps you to use the latest CSS syntax
PostCSS-cssnext is a PostCSS plugin that helps you to use the latest CSS syntax today. It transforms CSS specs into more compatible CSS so you don’t need to wait for browser support. -
24
U.S. Web Design System documentation
USWDS website and documentation
This repo includes code and documentation for the U.S. Web Design System website. For information on the USWDS components and codebase, please visit our uswds Github repo. The U.S. Web Design System documentation is built using Jekyll for the file framework, gulp for task management, and the node module for USWDS. A design system for the federal government. We make it easier to build accessible, mobile-friendly government websites. -
25
Basscss
Low-level CSS Toolkit, the original Functional/Utility/Atomic CSS
Using clear, humanized naming conventions, Basscss is quick to internalize and easy to reason about while speeding up development time with more scalable, more readable code. Things behave exactly as expected with immutable utilities and styles that do one thing well to help prevent common pitfalls with CSS. Reusable, interoperable styles work like building blocks to lay the foundation for any stylesheet and can be mixed and matched in any number of combinations. Basscss strikes a balance between consistency and flexibility to allow for rapid prototyping and quick iterative changes when designing in the browser. ...
