You want to prototype
something wonderful?

blokdots is a simple to use software to build interactive hardware prototypes without a line of code.

If this then that, it’s that simple.

With blokdots you are able to program hardware without any line of code. Just build your prototypes with easy wizards.

Plug it in and you are ready to go!

To use the blokdots app you need an Arduino as a base. On top of that you can use the base shield together with the grove components by Seeed Studio, so you don’t need to worry about wiring your hardware. Simply plug it in, select it within the software and start prototyping.

Get started with blokdots
Using the grove components by Seeed Studio you don’t need to worry about wiring your hardware. Simply plug it in, select it within the software and start prototyping!

See which components are already supported
0
1
replay animation

What people said so far:

  • The next logical step after GUI prototyping tools.
    Nicki Schäfer
     Senior Product Designer @ IDEO
  • Such a simple tool is missing in our daily workflow.
    Danusch Mahmoudi
    Executive Director @ Designit
  • I would love this in collaboration with Framer.
    Koen Bok
    CEO @ Framer

The sky is the limit: Extensibility through code!

The generated code from the software is always accessible. This allows you to build your sophisticated prototype on top of that, using node js and johnny-five.
/* -------------------------------------------------------
   LED Blink
   Generated by blokdots (0.1.1) · 25/11/2018, 11:54:39
   ------------------------------------------------------- */

// ---- Setup the board ----
const five = require("johnny-five");
const board = new five.Board();

// -- Setup vars
let button;
let led;

// ---- IFTTT ----

// Card 0
function card0Reaction() {
  led.blink();

  setTimeout(function() {
    led.stop().off();
  }, 3000);
}


// ---- Run ----
board.on('ready', function() {
  // -- Setup components
  button = new five.Button({
    pin: 2,
    holdtime: 1000
  });
  led = new five.Led(3);

  // -- Setup event listeners

  // Card 0
  var card0Counter = 0;
  button.on("down", function() {
    card0Counter++;

    if (card0Counter >= 1) {
      card0Counter = 0;
      card0Reaction();
    }
  });
});

// ---- Stop ----
function stop() {
  // Remove event listeners
  if (button && button._events) {
    button.removeAllListeners();
  }
  if (led && led._events) {
    led.removeAllListeners();
  }
}
This is a code example generated from the blokdots app