The NeoMatrix Mk I circuit is diagrammed above. You can refer to this while connecting the components during assembly. 


Begin assembly by affixing components to the inside of the front panel, starting with the keypad.

The keypad fits in place from the inside and you can then secure it with four of the 9.5mm long M2.5 nylon screws and nuts.

Display Modules

The NeoSegment modules will also be assembled from the inside of the front panel, however, they require a bit of preparation first.

  • Connect the three NeoSegment modules with their built-in connectors. Then, take the large piece of material that was cut from the panel window and affix it to the back of the NeoSegments with a length of double-stick foam tape.
  • Use the two small pieces of wood that were cut from the window as sides to box in the panel. (Note: in the final laser cutting file these scrap pieces will be cut for you from the window panel.) Affix these to the display as shown with foam tape, and use a bit of wood glue to attach to the inside of the panel.


Metro Mounting

We'll use nylon hex standoffs to mount the Adafruit Metro board to the inside of the front panel.

  • Place four medium nylon M2.5 screws into the front panel from the outside/front facing in
  • Screw the four stand offs to the screws from the inside of the front panel
  • Use the four short M2.5 screws to screw the Metro in place on the hex stand offs

Potentiometer Mounting

The two potentiometers will be mounted from the inside of the front panel and screwed into place with their included hex nuts.

  • Remove the small metal keying tab from each potentiometer with a pair of pliers, so that they can be mounted flush to the panel without adding a keying registration hole. One reason this works is that the soft wood allows the part to still bite in from the compression of the nut alone. If you use acrylic, you may want to also cut a keying tab registration hole to prevent the potentiometers from spinning, since acrylic does not compress
  • Mount the potentiometers from the back side of the front panel as shown
  • Screw the washers and nuts into place from the top
  • Turn the potentiometer shafts to the far left and then place the knobs on them with the indicator at the lower left position. Check that this positioning is symmetrical when the knob is turned to the far right

Piezo Buzzer

You'll attach the piezo buzzer to the back panel next.

  • Put the piezo into the pre-cut hole from the inside of the back panel
  • Insert the two long M2.5 nylon screws from the outside, then screw on the nuts from the inside

Side Panels

Next, you'll connect the pushbutton and the USB jack to the two side panels.


Unscrew the retention collar, then fit the button into it's hole in the left side panel, then screw the collar back on.

USB Jack

Align the USB panel mount jack with the holes from the inside of the right side panel. Then, screw in the two provided screws.

Wiring Everything Together

Now that everything is assembled, we need to wire all of the parts together. We'll start with the keypad.

The keypad matrix uses eight wires to send data to the Metro, which we'll set up in software for pins 2-9. We'll create a custom cable to make this set of connections.

Low Profile Interconnects

Connecting the electronics is fairly straightforward, however, in order to keep a low profile in a small enclosure, we will need to make 90 degree angle connector cables.

A nice, more permanent alternative is to solder the wires directly to the Metro. If you choose this path, start of with the Metro that comes with no headers.


  • Split off an eight conductor section of the jumper wires with the shown colors
  • Use diagonal cutters to cut off a six- and two-conductor set of 90 degree angle jumper pins.
  • Fit the wires' onto the jumper pins as shown
  • Optionally, hit each connection with a small spot of solder to prevent them from wiggling loose later
  • Slide on small sections of heat-shrink tubing, and then heat them up

Voila, instant custom interconnect!

The other end of the wires can be pressed directly onto the phone keypad pins as shown, with a piece of heat shrink tubing over each one to prevent any shorts.

Connect the cable to the Metro as shown.

NeoSegment Wiring

Just like any NeoPixel-based project, we'll need to connect power, ground, and data lines from the Metro to the display. 

  • Snip off two two-pin section of 90 degree jumper pins
  • Strip off a brown jumper wire from the pack and fit and solder one end to the "left side" of the short lead of a 90 degree jumper pin as shown
  • Cover the connection with heat shrink tubing
  • Strip off a red and black wire from the pack and fit and solder one end of each to the other two-pin 90 degree jumper, with red on the "left" and black on the "right" as shown in the second image here
  • Insulate the connections with heat shrink tubing
  • Connect the brown jumper pair to pins 12 and 13 on the Metro. Pin 12 will be the data line for the Metro, while we'll use pin 13 later for the pushbutton's internal LED
  • Connect the red/black jumper pair to 5V and GND on the Metro

Slide and heat some heat shrink tubing over the the other ends of these three wires. Then connect them to the NeoSegment's interconnect as shown here. Be sure to follow the image closely for wiring order.

Piezo Connection

  • Connect the piezo's red and black wires to two lengths of jumper wires by sliding the piezo wire ends into the connectors and soldering them
  • Cover the connections with heat shrink tubing
  • Slide another piece of heat shrink tubing over each wire, then connect, solder and insulate each wire to a 90 degree header pin as we have before
  • Plug the black wire into GND on the Metro, and plug the red wire into A1

Potentiometer Wiring

Follow the wiring diagram above and the images here for color coding and connection of the wires for the two potentiometers.

In order to efficiently utilize the available pins on the Metro, we'll share the one pin each for the voltage and ground on the two pots. You can follow these images for one way to do so.

Now, plug the ground wires into GND on the Metro, the power wires into 3.3V, and then the two center wiper wires into their respective pins, A2 and A3.

Pushbutton Wiring

The pushbutton has four contacts -- two for the switch and two for the LED. Connect the switch contacts to GND and pin 11, and the LED contacts to GND and pin 13, as shown in the wiring diagram.

The pushbutton has four contacts -- two for the switch and two for the LED. Connect the switch contacts to GND and pin 11, and the LED contacts to GND and pin 13, as shown in the wiring diagram and images here.

Note: the two ground contacts on the switch have been jumpered with some wire and solder so they will share one connection on the Metro.

USB Port

The final connection to wire is the USB port, which is the easiest! 

Simply plug it into the USB jack on the Metro, being careful to round the wire neatly so we can close it all up next.

Closing the Case

You can add glue to the side and bottom connections to the faceplate if you like, but just the tight fit and compression force of the four screws is enough to hold the case together nicely.

Push the four #6 screws through the front panel, then secure each with a nut

Fit the sides, top, and bottom to the front panel, being careful to keep the wiring neatly tucked inside.

You can then press the back panel into place over the four screws -- you may need to remove one side or top panel to do this -- then screw on the nuts to secure

Time to add the software!

This guide was first published on Nov 27, 2017. It was last updated on Dec 01, 2017.

This page (Build the NeoMatrix) was last updated on Nov 21, 2017.

Text editor powered by tinymce.