Blockly logo
search
View on GitHub

Welcome to blockly-samples!

Sample projects demonstrating how to integrate Blockly into your project

Plugins

Blocks

  • Blocks Plus Minus
  • Blocks Dynamic Connection

Block Extensions

  • Block Extension Tooltip

Fields

  • Field Date
  • Field Slider
  • Field Grid Dropdown

Plugins

  • Modal
  • Typed Variable Modal
  • Backpack
  • Workspace Search
  • Workspace Content Highlight
  • Strict Connection Checker
  • Continuous Toolbox
  • Disable Top Blocks
  • Fixed Edges
  • Zoom to Fit
  • Keyboard Navigation
  • Scroll Options
  • Serialize Disabled Interactions
  • Cross Tab Copy Paste

Themes

  • Theme Dark
  • Theme Modern
  • Theme High Contrast
  • Theme Tritanopia
  • Theme Deuteranopia

Examples

Blockly in React

  • Blockly React

Demos

Inject Blockly

  • Fixed Blockly
  • Resizable Blockly

Toolbox

  • Defining the Toolbox

Configuration

  • Maximum Block Limit
  • RTL
  • Single-direction Scrolling

Generator

  • Generate JavaScript

Headless

  • Headless

JS Interpreter

  • Step by step execution in JavaScript
  • Asynchronous execution in JavaScript

Custom Dialogs

  • Custom Dialogs

Custom Fields

  • Pitch Field
  • Turtle Field

Backpack

  • Shared Backpacks

Tooltips

  • Custom Tooltips

Graph

  • Graph

Mirrored Blockly

  • Mirrored Blockly

Plane

  • Plane
  • Developer Docs
  • Codelabs
  • Developer Tools
  • Blockly Sources
  • Blockly Samples
  • Support
Published with GitHub Pages