Clicker Wonderland ✨

by Babah3D

Turn any picture into a clicky little button 💕

Start here

Flat = classic buttons from shapes & pictures. Organic (beta) = any 3D model becomes a whole clicker — cut a seam and its own halves click!

Organic model

① Import
② Cut
③ Export

1. Import the organic asset 🥭

Drop a 3D model — .glb / .gltf / .stl GLB/GLTF keeps source colours. Colourless STL files are assigned a red moving top and blue stationary bottom automatically.

Foot trim (0%) 0 = keep your model whole, with no slice taken off the bottom. Raise it only if you want a flat foot so the body stands on its own — printing on the seam face does not need one.

2. Define the moving part ✂️

Intersection cuts combine the enabled XY Top, XZ Front, and YZ Side plane regions into one moving volume. Use one, two, or all three planes.

⚡ Fast interaction is on Drag size, orientation and cut-height controls freely. The exact printable solid rebuilds once when you release the control.

Z-depth behaviour

Extended stem keeps the current behaviour: the top receiver reaches down to the lowered switch.

3-plane intersection cuts

Switching planes preserves the other sketches. The final cut uses the common overlap of every enabled plane.

Draw

Polyline accepts any number of click points. Press Enter or Finish polyline only after the path is complete.

Magnetic edge makes drawing cling to the object's outline. Trace outline auto-selects the whole silhouette for you.

Selection regions

Every shape you draw is kept. Click a region to edit it, drag its inside to move it, or drag a pink handle to reshape it.

Moving side

Choose which side of the active sketch contributes to the intersected moving volume.

Cut depth

Full depth

Button floor (–)

Fit & release

Wall draft (0°)

Use the seam + lip gap

Cut clearance (–)

Navigating: the wheel zooms and right- or middle-drag pans, both while you draw — the view stays locked face-on to the plane. On a touchscreen, one finger draws and two fingers pinch to zoom and drag to pan.
Drawing: each click adds another polyline vertex; double-click no longer ends it. Hold Shift for 45° constraints and Ctrl to disable snapping temporarily.
Editing (↖ Select): drag inside a region to move it, drag a handle to reshape it, Alt-click an edge to add a point or a handle to remove one. Delete removes the region you are editing.

Horizontal cut height (– mm) Height above the model base used by Quick flat cut and as the automatic floor of an XY-only intersection.

Seam gap (0.30 mm)

Lip clearance (0.20 mm)

Tip over ↔ (0°)

Tip over ↕ (0°)

Spin ↻ (0°) Orient the imported model before drawing the three projected cuts.

Shape or picture

Pick a shape 🔷

Clean shapes give a reliable guided fit — no picture needed.

Rolls a random shape, size, colour pair and keychain. Nothing else is touched, and pressing it again rolls a new one.

…or a picture 🖼️

Choose a picture — or drag one here

Artwork

The starting finish for picture pieces. Override any individual letter or logo piece in Artwork pieces & switches below, or by right-clicking it in the 3D view.

Size

Starting points ✨

42, 60 or 82 mm, with the wall and switch cavity to match — and Keychain also switches the loop on. A place to start, not a lock: every slider below still moves.

How big? (60 mm) Width across the longest side of your button (30–100 mm). The slider's minimum adapts to your shape — it never lets the switch socket poke out of the silhouette.

Colours

One pick sets the Button and Base colours together — tweak either after.

Button

Base

Button and Base set the main body colours. Uploaded pictures may add simplified source-colour regions to the Button in 3MF; starter icons and text stay the Button colour.

Shell & edges

🐚 Shell style

Overlap

Which part wraps around the other. Classic: the button's skirt shrouds the base. Bottom wraps top: the base wall rises around the button, which slides inside it like a plunger. Tune Sharp, Fillet or Chamfer independently in Outer edge treatment below.

◯ Outer edge treatment

Requested settings are built first, then checked with the final Manifold STL/3MF validation.

Button topWaiting

Treatment Requested amount (1.25 mm)

Requested 1.25 mmSafe estimate —Applied —

Base topWaiting

Treatment Requested amount (1.25 mm)

Requested 1.25 mmSafe estimate —Applied —

Base bottomWaiting

Treatment Requested amount (1.25 mm)

Requested 1.25 mmSafe estimate —Applied —

All preset values stay visible. Values above the conservative safe estimate are marked but can still be tried. A failed build or final non-manifold validation automatically returns to the last verified settings and names the affected edge card above.

Text

Font

Add your own font (.ttf / .otf / .woff) ✨ Includes fairytale, princess, storybook, cartoon, script, serif, poster and mono styles. A custom font is loaded locally for this session only.

Style

Raised letters stand on top of the face; engraved letters are carved 0.8 mm into it.

Text colour

Engraved colour

Whether the inside walls and floor of engraved letters use the Text colour or stay the Button colour in colour-aware 3MF export.

Text size (8.0 mm)

Curve 🌈 (0%) Bend the letters into an arch (+) or a valley (−). 0 = straight.

Rotate ↻ (0°)

Move text ↕ (0.0 mm)

Move text ↔ (0.0 mm) Slide the letters anywhere — they stay on the face automatically.

Raised text exports as its own colour region. Engraved text can colour the recessed cut faces, so it remains easy to recolour in a slicer.

Accessories

Keychain loop 🔑

Add a keychain hole

Hole size (4.0 mm) For a keyring, split-ring, or lanyard clip.

Loop position (90°) Slide it around the edge — 90° = top, 0° = right, 270° = bottom.

Loop height (0%) 0 = flat on the print bed, which needs no supports but only works where the model has body down there. Raise it to hang the loop off the side of the base at any angle — that always finds something to weld to, but the loop then overhangs and wants supports.

Magnet 🧲

Add a magnet pocket

A pocket in the underside of the base, sized for a disc magnet — glue one in for a fridge clicker.

Magnet size Ø (8 mm)

Magnet thickness (3.0 mm) 6×2 and 8×3 neodymium discs are the classics. Clearance for glue is added automatically; the pocket hides under the base.

Ring channel 💍

Carve a channel for a real ring

A see-through ring shows where a real metal ring will sit; its channel is carved out of the base so you can thread one in after printing.

Ring size Ø (16 mm)

Wire thickness (2.0 mm)

Position (90°) Slide it around the edge — 90° = top, 0° = right, 270° = bottom.

Sink into the body (5.0 mm) How deep the ring bites in. It must pass all the way through the edge to hook on.

Lift ↕ (0.0 mm)

Stand the ring upright

The see-through ring is only a guide — it never prints. Snap a real split ring into the channel after printing.

More accessories 🎒

Add a lanyard slot

A wide flat slot through the rim — fits a lanyard strap or wristlet cord (a lanyard clip won't fit the round keychain hole).

Slot position (270°) Slide it around the edge — 90° = top, 0° = right, 270° = bottom.

Add a badge-pin back

Two shallow pockets in the base underside sized for a standard bar/safety pin — glue one in to wear the clicker as a badge. Uses the same underside as Add a magnet pocket — turn one off to use the other.

Add a stand foot

A small foot fused to the rim, widening the base so it balances steadier when displayed leaning at an angle.

Foot position (270°) Slide it around the edge — 90° = top, 0° = right, 270° = bottom.

Preview options

Animate Assembly

Lifts the two printed parts apart so you can see how they fit. Preview only — it never changes the exported files.

Cross Section View

Slices the model open so you can see the switch pocket and the click mechanism inside. Preview only.

Print colours

Repaints the preview with the colours your exported file actually carries — one per filament — instead of your model’s own lighting. Preview only; it never changes the export.

Advanced Switch fit, maker's mark, centring

Switch fit

Plate Cutout (14.0 mm) The square hole the switch clips into. 14 mm = universal MX fit (Cherry, Gateron, Kailh). Only touch this if your switches fit too loose (smaller) or too tight (bigger).

Switch Cavity (7.2 mm) Pocket depth under the switch plate (7.0+ fits any MX switch). Deeper also makes the whole base taller.

Wall Thickness (2.5 mm) Perimeter wall around the button. Thicker = sturdier, slightly smaller inside room for the switch.

Guide clearance (0.60 mm) The sliding gap between the two printed parts. Too tight after printing? Raise this. Rattly? Lower it. 0.70 suits most printers — the snap bump grows with it so the click stays crisp.

Press travel room (4.0 mm) Designed press travel before the two guide shells would touch. 4.0 mm suits Kailh BOX White (3.6 mm travel). Cherry MX can go lower for a shorter clicker.

MX-cross socket fine-tune (0.00 mm) Fine-tunes the split female MX-cross socket. At 0.00 the print allowance is 0.20 mm. Increase if the cap is too tight; decrease if it is loose. Flat mode: 5.65 mm split boss, 3.8 mm-deep cross cavity, fully inside the 6.6 mm moving BOX-stem envelope.

Maker's mark 🏷️

Sign the inside of the base

Raised lettering on the floor of the switch pocket — your signature on every print, invisible from outside.

Center the switch

Offset X (0 mm)

Offset Y (0 mm)

Move the click point away from the centre — for asymmetric shapes, or a corner click. Clamped so the switch always stays inside the walls.

Your data

Checking what is stored…

Everything above is kept in this browser only — nothing is uploaded. Deleting is immediate and cannot be undone, and the app checks afterwards that each item really went.

No organic asset loaded

Upload a picture to begin! 🎨

A transparent PNG works best 💫

Save for 3D printing (.3mf): one file with all physical parts and your colours — open it in Bambu Studio, Prusa or Orca and print 🛏️ Save STLs: a zip of plain STLs, already laid flat. Copy link: shares this exact design. Save photo: a PNG for your MakerWorld page.