Basics
QR Coder
Last Updated: 02/11/2025QR Coder is built on qr-code-styling.js. You can find a playground for it and a detailed docs link too [https://qr-code-styling.com/]. Given the detail in the QRCS docs I wont be too elaborate here. I’ve basically wired up controls to match all the settings – so what you can find in the doc you can do...
Momma Tilt
Last Updated: 07/11/2025Momma is powered by Atropos.js and the best way to understand how to use it is to have a look over their docs. [https://atroposjs.com/docs] Structure Momma Tilt is similar to the Breakdance nested element. Add the Element, and then you can select Add Pane to add a layer to the tilt. Since Momma relies on...
Gooey Gallery
Last Updated: 02/11/2025Most of the styling and settings are self-explanatory. You can style every element from color to typography to make the Fundraiser Gauge your own. Content Here you can add images with the familiar Breakdance dialogue. Each image can have a Title and text (keep it short!). Simply leave them blank if you don’t want them....
Filterable Table
Last Updated: 02/11/2025The Filterable Table element uses list.js to add search and sort to a dynamic table. It can get data from manual entries, repeaters or post queries. If you know about dates and what a pain-in-the-arse they are, you can skip past that bit. Sorting dates though… always the worst! Type Data Type – Select where...
FilmBack
Last Updated: 11/11/2025FilmBack enables background film-on-scroll. FilmBack is rock-solid up front, but can get a bit tangled round the back… like cheap underwear. Bear with any quirks in the builder. FilmBack is doing some heavy lifting and occasionally falls-out with Breakdance, but a quick refresh fixes any fall-outs… like a cheap underwear. The key to using FilmBack...
Dotty Sections
Last Updated: 02/11/2025Dotty has many style sections, but they are all Breakdance native controls, as you would get with any section. Here we’ll just look at the stuff you need to know for Dotty. Dots Width/Depth – These control how large the ‘plane’ is, on which we mount our dots. Larger numbers create more dots and a...
Play Misty WebGL
Last Updated: 05/11/2025WebGL mode is the full shader version as seen on the Stripe website. The Lite version docs are here. While Play Misty will stop animating when off-screen, to improve overall page-performance, it’s best to use just one instance per-page. More are possible if you have better hosting, and don’t mind potential slow downs if people...
Play Misty – Light Version
Last Updated: 05/11/2025Light uses a simple script to create animations. Not as silky as WebGL but much lighter on the page. WebGL docs are here. Light MODE The Light switch set to On puts us in light mode, with a much simpler script driving the animation. Gradients In Light mode Misty has only a few options to...