# DIY Circuit Playground Shields

## Overview

The CircuitPlayground and CircuitPlayground Express are great boards for learning with. This is largely due to the abundance of sensors and actuators built into the design.

While there is a pile of builtin hardware, it doesn't include everything.  Fortunately it does have several useful connections run out to the alligator clip pads around the edge of the board. That means you can connect to it using alligator clip jumpers, like one of these:

This can be great for a quick & dirty test, but isn't very robust. I got to thinking about how I could deal with this and took some inspiration from some Micro:bit products I've seen. My solution: a series of shields that bolt on through the clip holes.

# DIY Circuit Playground Shields

## DIY Construction

As usual with these things, I started by hand building a prototype.

I started by tracing the outline and hole placement of the CircuitPlayground onto a piece of prototyping board, then carefully drilled the holes to match those on the CircuitPlayground.  This is a bit tricky with the prototyping board, but it just has to be close enough.

This prototype was meant to mount the CircuitPlayground onto a breadboard so put a couple 14-pin header strips in the center at DIP-14 spacing.

![](https://cdn-learn.adafruit.com/assets/assets/000/049/821/medium800/hacks_100_4689.jpg?1515028577)

The next step was to add wires. I started by soldering them to the header pins on the other side of the board, clipping them so as to leave plenty of length beyond the holes.

Red for 3.3v & 5v, black for ground, blue of everything else. Mostly this was to make sure I knew how everything was oriented when it came time to mount the CircuitPlayground.

![](https://cdn-learn.adafruit.com/assets/assets/000/049/823/medium800/hacks_100_4688.jpg?1515028872)

Once all wires are in place, strip the insulation off the ends, starting just inside the corresponding hole.

![](https://cdn-learn.adafruit.com/assets/assets/000/049/824/medium800/hacks_100_4690.jpg?1515029010)

I bent the ends to go around the bolts that would eventually go through the holes. I found it useful to use a longer bolt of the same size (M3 in my case) to bend the wire around. After that, any excess wire was trimmed off.

![](https://cdn-learn.adafruit.com/assets/assets/000/049/825/medium800/hacks_100_4691.jpg?1515029147)

The next step was to mount the standoffs using a matching bolt, sandwiching each wire loop between a standoff and the board..

I used hex standoffs that take M3 bolts. It's a good size for this application and the hex shape made it easy to grab when it was time to tighten things.

I used 10mm standoffs because I happened to find some quickly. For future work I ordered a bunch of 6mm ones since 10mm of space is excessive. You can find the spacers in various lengths. Just be sure to get bolts that are short enough to fit when screwed into each end of the standoff (keeping in mind the thickness of the board on each side.

I found both the standoffs and bolts on Amazon.

Mounting one shield requires 14 standoffs and 28 bolts.

![](https://cdn-learn.adafruit.com/assets/assets/000/049/828/medium800/hacks_100_4695.jpg?1515030508)

For the prototype i didn't tighten them all the way; I wanted to be able to adjust them when mounting the CircuitPlayground since the hole alignment wasn't perfect. I put each bolt through a hole from below and screwed the standoff onto it. Again, not snug it up, just finger tight.

![](https://cdn-learn.adafruit.com/assets/assets/000/049/826/medium800/hacks_100_4692.jpg?1515029476)

Finally, I added the CircuitPlayground board, using the remaining bolts. Once all the bolts are in place, I tightened everything. Since i used hex standoffs, it was easy to grab one with needlenose pliers while tightening the bolts on either end of it.

![](https://cdn-learn.adafruit.com/assets/assets/000/049/827/medium800/hacks_100_4693.jpg?1515029694)

Now the CircuitPlayground could be plugged into a breadboard and I could start building without worrying about clips popping off or wires getting pulled out.

# DIY Circuit Playground Shields

## Custom PCBs

So, my proof of concept CircuitPlayground shield works. The concept was proved. What was the next step? Custom PCBs, naturally!

I spent New Years Day evening designing 3 different shield PCBs:

- A breadboard shield exactly like the prototype outlined here.
- A very similar shield with a 2x14 header rather than 2 1x14 headers. This is meant to connect a cable.
- A prototyping shield with a standard 0.1" spaced grid of holes..

This mix allows you to prototype on a breadboard, use the CircuitPlayground on the outside of a box with more hardware inside, or put some hardware directly on the shield. 

![](https://cdn-learn.adafruit.com/assets/assets/000/050/562/medium800/hacks_IMG_1294.jpg?1517285094 The breadboard shield that converts the CircuitPlayground holes to a DIP-14 pinout making it ideal for use with a standard solderless breadboard.)

![](https://cdn-learn.adafruit.com/assets/assets/000/050/563/medium800/hacks_IMG_1293.jpg?1517285131 The cable shield converts the CircuitPlayground holes to a 2x7 pin header format that is ideal for attaching a ribbon cable to connect with other hardware.)

![](https://cdn-learn.adafruit.com/assets/assets/000/050/564/medium800/hacks_IMG_1295.jpg?1517285341 The prototyping shield provides space to add expansion hardware on the shield, connected directly to the CircuitPlayground.)

![](https://cdn-learn.adafruit.com/assets/assets/000/050/565/medium800/hacks_IMG_1290.jpg?1517286421 The shield PCBs provide a far cleaner connection than the protoboard and wire.)


## Featured Products

### Circuit Playground Classic

[Circuit Playground Classic](https://www.adafruit.com/product/3000)
Would you like to learn electronics, with an all-in-one board that has sensors and LEDs built in? **Circuit Playground** is here - and it's the best way to practice programming on real hardware with no soldering or sewing required!

This is the **Classic**...

In Stock
[Buy Now](https://www.adafruit.com/product/3000)
[Related Guides to the Product](https://learn.adafruit.com/products/3000/guides)
### Circuit Playground Express

[Circuit Playground Express](https://www.adafruit.com/product/3333)
 **Circuit Playground Express** is the next step towards a perfect introduction to electronics and programming. We've taken the original Circuit Playground Classic and made it even better! Not only did we pack even more sensors in, we also made it even easier to...

In Stock
[Buy Now](https://www.adafruit.com/product/3333)
[Related Guides to the Product](https://learn.adafruit.com/products/3333/guides)

## Related Guides

- [Introducing Circuit Playground](https://learn.adafruit.com/introducing-circuit-playground.md)
- [Adafruit Circuit Playground Express](https://learn.adafruit.com/adafruit-circuit-playground-express.md)
- [Circuit Playground or Hallowing Jack-o'-Lantern](https://learn.adafruit.com/circuit-playground-jack-o-lantern.md)
- [Make it Move with Crickit](https://learn.adafruit.com/make-it-move-with-crickit.md)
- [Stroboscopic Zoetrope](https://learn.adafruit.com/strobe-zoetrope.md)
- [Circuit Playground Express Sugar Glider](https://learn.adafruit.com/cpx-sugar-glider.md)
- [Wind Blowing Emoji Prop](https://learn.adafruit.com/wind-face-emoji.md)
- [Using MCP23008 & MCP23017 with CircuitPython](https://learn.adafruit.com/using-mcp23008-mcp23017-with-circuitpython.md)
- [Make It Glow With Crickit](https://learn.adafruit.com/make-it-glow-with-crickit.md)
- [Four Seasons Fairy Bottle Lanterns](https://learn.adafruit.com/four-seasons-fairy-bottle-lanterns.md)
- [Make It Talk](https://learn.adafruit.com/make-it-talk.md)
- [Compost Friend!](https://learn.adafruit.com/compost-optimization-machine.md)
- [CircuitPython Made Easy on Circuit Playground Express and Bluefruit](https://learn.adafruit.com/circuitpython-made-easy-on-circuit-playground-express.md)
- [Automatic Mechanical Watch Winder](https://learn.adafruit.com/automatic-mechanical-watch-winder.md)
- [CircuitPython Hardware: Charlieplex LED Matrix](https://learn.adafruit.com/micropython-hardware-charlieplex-led-matrix.md)
- [Circuit Playground Lesson #0](https://learn.adafruit.com/circuit-playground-lesson-number-0.md)
- [Wonder Woman Cosplay Bracers](https://learn.adafruit.com/wonder-woman-cosplay-bracers.md)