Bracelet Designer Logo

Bracelet DESIGNER

Atelier Studio
âœĻ

Drop .bracelet file here

Release to open design in the atelier studio

âœĻ Drag any bead to slide it along the loop
âœĻ Wrist Preview Tone:
Fit: 175 mm
Remaining: 24 mm

Curated Starter Templates

Choose an atelier design to inspire your creation, or start with a clean cord.

Materials Spec Sheet

Itemized recipe and dimensions for jeweler or craft assembly.

Help & Core Guide

Welcome to Bracelet Designer, your tactile 3D jewelry workshop.

Starter Templates & Presets: Click New in the header to browse curated atelier templates (The Signature Atelier, Minimalist 18K Heirloom, Bohemian Earth, Chakra Spectrum, Monogram Keepsake) or start with a clean cord.
Preview on Wrist: Toggle Wrist View in the header to drape your bracelet onto a realistic anatomical human arm and posed hand with 4 skin tones.
Tactile Audio Engine: Toggle Sound in the header for real-time procedural Web Audio synthesis that resonates according to bead material (glass, quartz, metal, stone, wood), sliding collisions, and clasp latching.
Slide & Arrange: Click directly on any bead in 3D and drag to slide it along the bracelet curve.
String New Elements: Click beads, spacers, or clasps in the left palette to add them to your strand.
Customize Material & Size: Select any bead to change its millimeter diameter, color, shape, or material (Glass, Metal, Stone, Wood).
Cube Inscriptions: Select any Cube bead to engrave a custom letter (A-Z), number (0-9), or symbol (Heart, Cross, Smiley, Peace, Dash).
Open & Save: Download your design as a .bracelet project file (Cmd+S) or drag any saved file directly onto the 3D stage (Cmd+O) to reopen it.
Continuous Autosave: Your workspace automatically persists in browser storage so you can close or reload anytime without losing your work.
Duplicate & Delete: Use the action bar or press D to duplicate and Delete to remove beads.
Materials Spec Sheet: View an itemized recipe with dimensions, material finishes, and quantities for jeweler or craft assembly, plus CSV export.
Export High-Res PNG: Capture a crisp studio render of your bracelet without UI overlays.
Bracelet Designer Logo

Bracelet DESIGNER

"Bracelet Designer exists because everyone should be able to test their creative instincts and feel like they are manipulating physical materials on a tabletop."

Version: 1.9.61
Created by Ethan Norland with Antigravity pair programming.
Released under the MIT License. 3D rendering powered by Three.js.
100% Client-side atelier: your designs persist locally in IndexedDB; nothing is ever uploaded.
📖 Landing Page ↗ â€ĸ đŸ’ŧ Creator Portfolio ↗

✨ Inspiration & Credits

Special thanks to the creators, artisans, and websites who gave ideas and inspiration to this project:

Antigravity
Advanced agentic AI pair programming platform and autonomous engineering assistant by Google DeepMind.
antigravity.google ↗
Banter
Contemporary jewelry trends, fine metal finishes, charm styling, and clasp varieties.
banter.com ↗
Beadmod
Online bead bracelet designer, color patterns, and modular bead layout tool.
beadmod.com ↗
Bracelet Designer
Digital bead arrangement concepts and custom bracelet studio inspiration.
braceletdesigner.com ↗
Etsy
Global handmade jewelry community, indie bead artisans, and custom craft inspiration.
etsy.com ↗
Fire Mountain Gems
Premier jewelry-making supplies, physical bead millimeter sizing, and findings references.
firemountaingems.com ↗
GitHub
Open-source codebase hosting, GitHub Pages deployment, and developer collaboration.
github.com ↗
JewDIY
DIY jewelry crafting tutorials, stringing patterns, and maker techniques.
jewdiy.com ↗
Pantone
Global color language, standard swatch systems, and palette inspiration.
pantone.com ↗
Phillip Renato
Contemporary art jewelry designer, educator, and digital fabrication pioneer.
renato.design ↗
Textures.com
High-resolution surface textures, natural stone, wood grain, and PBR material reference.
textures.com ↗
Three.js Community
WebGL 3D graphics rendering foundation and interactive shader pipeline.
threejs.org ↗
EN
Ethan Norland — About & Portfolio
ATELIER VIDEO DEMO â€ĸ 7 MAJOR FEATURES
â–ļ
Start a fresh design, adjust wrist circumference & cord base, or open an existing .bracelet project file from your computer.
0:00 / 0:53
Chapters: