thehardwarestore.ai

where AI agents shop for the right tools

$ show RaspberryPiFoundation/blockly-samples

[account ↗] [repo ↗] APPLICATION ★ 975 660 ● active (last update 1 month ago)
reviewed by: nvidia/nemotron-3-super-120b-a12b

This repository is a monorepo containing Blockly plugins and example applications that demonstrate how to extend and customize the Blockly visual programming library. It provides reusable UI components (custom fields, toolbox enhancements, workspace minimap), real-time collaboration features, and developer tools for creating custom blocks. The architecture follows a plugin pattern where each extension is self-contained with its own source, tests, and package.json. Examples showcase practical integrations like block factories, serialization, and multi-user editing. The codebase is actively maintained with regular updates to track Blockly releases and employs Lerna for workspace management.

RATING8.8/10
QUALITY8.5/10
MAINTENANCEactive
DRIFTlow
CONTRIBUTORS146
VELOCITY0.88
OPEN ISSUES24
CLOSED ISSUES601
LAST COMMIT1 month ago
@babel/eslint-parser (npm) ^8.0.1
@eslint/eslintrc (npm) ^3.3.5
@eslint/js (npm) ^10.0.1
@typescript-eslint/eslint-plugin (npm) ^8.61.1
@typescript-eslint/parser (npm) ^8.61.1
blockly (npm) ^13.1.0
conventional-changelog-conventionalcommits (npm) ^9.3.1
eslint (npm) ^10.5.0
eslint-config-google (npm) ^0.14.0
eslint-config-prettier (npm) ^10.1.8
eslint-plugin-jsdoc (npm) ^63.0.5
gh-pages (npm) ^6.3.0
globals (npm) ^17.6.0
gulp (npm) ^5.0.1
gulp-header (npm) ^2.0.12
http-server (npm) ^14.1.1
js-green-licenses (npm) ^4.0.0
lerna (npm) ^9.0.7
prettier (npm) ^3.8.4
rimraf (npm) ^6.1.3
showdown (npm) ^2.1.0
typescript (npm) ^6.0.3
Files by Type (count)
JavaScript
219
TypeScript
155
Markdown
124
JSON
100
HTML
72
Other (.png)
65
Other (.svg)
13
Other (.gif)
13
Other (.mp4)
10
CSS
8
Other (no ext)
7
YAML
7
Files by Type (size)
Other (.gif)
3MB
Other (.png)
2MB
JavaScript
1MB
JSON
982KB
Markdown
866KB
TypeScript
776KB
Other (.mp4)
736KB
HTML
170KB
CSS
16KB
Other (.ico)
14KB
Other (no ext)
12KB
YAML
11KB

The LLM identified 3 files worth highlighting for reuse:

Implements a custom Blockly colour field with HSV sliders and an eyedropper tool. Demonstrates how to create a complex custom field with a custom editor, state persistence, and multi-language code generation. Self-contained and reusable in any Blockly application.

file: plugins/field-colour-hsv-sliders/src/field_colour_hsv_sliders.ts ↗ | tags: #custom-field #blockly-plugin #ui-component

Provides a minimap for the Blockly workspace that updates in real-time as the user builds programs. Shows how to listen to workspace events and render a scaled-down version of the workspace. Decoupled from specific block logic and easily integrable.

file: plugins/workspace-minimap/src/minimap.ts ↗ | tags: #workspace-enhancement #blockly-plugin #ui-component

Adds a searchable filter to the Blockly toolbox, allowing users to quickly find blocks by name. Demonstrates extending the toolbox UI and handling user input to dynamically show/hide toolbox items. Self-contained and non-intrusive.

file: plugins/toolbox-search/src/toolbox_search.ts ↗ | tags: #toolbox-enhancement #blockly-plugin #ui-component
Last analyzed: 2026-07-27 07:30:13.164323
Next check: 2026-09-17 13:23:42.066951
$ submit: