Audience
DevOps teams in need of a JavaScript Library solution
About Blockly
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. In Blockly Games, pictured here, users can solve a maze using Blockly's editor on the right. Blockly plugins are self-contained pieces of code that add functionality to Blockly. Plugins can add fields, define themes, create renderers, and much more. Blockly codelabs provide step-by-step instructions on how to use and customize Blockly. Sample projects that show how to use many of Blockly's features.
Other Popular Alternatives & Related Software
WinJS
Microsoft is committed to making sure that WinJS continues to run for existing customers. At this time we don't have plans to invest in new features or feature requests. Bug fixes will be limited to correcting substantial issues that are blocking customer deployments. We may also consider bug fixes to help our customers maintain their existing WinJS-based apps. You can contribute by reviewing and sending feedback on code checkins, suggesting and trying out new features as they are implemented, submitting bugs and helping us verify fixes as they are checked in, as well as submitting code fixes or code contributions of your own. Note that all code submissions will be rigorously reviewed and tested by the team, and only those that meet an extremely high bar for both quality and design appropriateness will be merged into the source.
Learn more
Bideo.js
Bideo.js is a JS library that makes it super easy to add fullscreen background videos. Fullscreen HTML5 background video for the web. Want to play a video in the background of a container or body itself? This plugin will help you do exactly that. The video element in use will automatically adapt to the container's dimensions. It will also resize as the browser window resizes. The plugin doesn't support any overlay as it is easy to implement that with plain HTML/CSS in your code. Video might take a few seconds to load, especially because the sources are added via JS which is something you'll load after the DOM's loading. Until then, you may want to show a video cover, which will be the same as the first frame or the video (or some other image). The support for this is not in the plugin as it's fairly simple to achieve this via just HTML/CSS (just like overlays).
Learn more
VisuallyJs
VisuallyJs is a JavaScript and TypeScript library for building professional diagrams, charts, dashboards, and rich graphical front ends. The platform supports React, Angular, Vue, Svelte, JavaScript, and TypeScript, giving development teams flexible options for building visual applications. VisuallyJs can be used to create node-based apps, flowcharts, BPMN editors, ERD editors, mindmaps, org charts, chatbot builders, call flow designers, kanban boards, Gantt charts, dashboards, and network diagrams. Its built-in tools support shape libraries, SVG rendering, resizing, rotation, drag-and-drop palettes, automatic layouts, exporting, charting, and interactive canvas controls. Developers can start from pre-built templates or use plugins such as miniview, lasso, resize tools, backgrounds, controls, drawing, snaplines, pan buttons, and scrolling lists.
Learn more
Amazon CodeWhisperer
Build apps faster with ML-powered coding companion. Accelerate application development with automatic code recommendations based on the code and comments in your IDE. Empower developers to use artificial intelligence (AI) responsibly to create syntactically correct and secure applications. Generate entire functions and logical code blocks without having to search and customize code snippets from the web. Stay focused and never leave the IDE, with real-time customized code recommendations for all your Java, Python, and JavaScript projects. Amazon CodeWhisperer is a machine learning (ML)–powered service that helps improve developer productivity by generating code recommendations based on their comments in natural language and code in the integrated development environment (IDE). Accelerate frontend and backend development by empowering developers with automatic code recommendations. Save time and effort by using CodeWhisperer to generate code to build and train your ML models.
Learn more
Pricing
Starting Price:
Free
Free Version:
Free Version available.
Integrations
Company Information
Google
Founded: 1998
United States
developers.google.com/blockly
Videos and Screen Captures
Other Useful Business Software
Build Agents and Models on One Platform
Gemini Enterprise Agent Platform is Google Cloud's comprehensive platform for developers to build, scale, govern, and optimize agents and models. Choose from Google's most advanced models and third-party models like Anthropic's Claude Model Family.
Product Details
Platforms Supported
Cloud
Windows
Mac
Linux
iPhone
iPad
Android
Chromebook
Training
Documentation
Support
Online
