Bracelet Designer Logo Bracelet Designer
✦ The Tactile 3D Jewelry Workshop

Craft Your Signature Bracelet in Lifelike 3D

Directly manipulate genuine gemstones, quartz, precious metals, and hand-painted woods. Test millimeter fit on an anatomical 3D wrist, deboss personalized monograms, and export jeweler-ready spec sheets before you purchase physical supplies.

✦ 100% Free & Open-Source
✦ Zero Logins or Tracking
✦ Works 100% Offline
✦ Instant CSV Parts Export
🔒 https://ethannorland.github.io/braceletdesigner/
Bracelet Designer 3D Studio Preview
✦ Click image or button to open 3D atelier bench

A Tactile Studio on Your Desktop or Mobile

✨

Direct Raycast Sliding

Click and drag any bead or spacer directly along the cord loop with non-penetration physical constraints. Elements stop flush against each other with zero clipping or gaps.

💎

6 Distinct Bead Geometries

Select from spheres, facets, rondelles, barrels, cubes, and 5-pointed stars featuring threading holes.

✒️

Debossed Monograms & Hallmarks

Personalize cube beads with capital letters (A–Z), numerals (0–9), or jewelry hallmarks (Heart ♥, Peace ☮, Cross ✝, Smiley ☺, Dash —) with deep tactile normal-mapped engraving.

🎨

Authentic PBR Materials

Explore hammer-finished glass, crackle crystalline quartz, honed limestone, 18K yellow gold, sterling silver, and satin lacquer painted wood under neutral white studio illumination.

🦾

Realistic 3D Wrist Mode

Switch from the tabletop bench directly onto an anatomical 3D forearm and hand. Choose between Fair, Natural, Warm Tan, and Deep Rich skin tones.

📋

Itemized Spec Sheet & CSV

Access an instant parts recipe with millimeter sizing, material categories, base specifications, 1-click clipboard copy, and downloadable CSV spreadsheets for ordering supplies.

From Creative Idea to Physical Recipe

No design experience or complicated CAD software required. Intuitive point-and-click tools mirror physical jewelry assembly.

01

Choose Base & Wrist Size

Dial in wrist circumference (140mm–220mm) and select your base type: Sterling Silver Cable Chain, 18K Yellow Gold Chain, Distressed Antique Leather, or Genuine Woven Cord with Magnetic, Lobster, or Screw clasps.

02

Curate, Slide & Inscribe

Add beads from the palette, slide them along the cord, switch diameters from 6mm to 16mm, choose jewel-tone colors, and engrave custom initials or symbolic hallmarks on cube beads.

03

Inspect Fit & Order Supplies

Verify fit with the live millimeter accumulator, test realistic proportions draped on the 3D anatomical wrist, download high-res PNG studio renders, and export a complete CSV order list.

3D Wrist View Mode Preview

True-to-Scale Fit on a 3D Forearm & Hand

Judging bracelet fullness and drape on a flat table is tough. With one click, drape your active design around a sculpted 3D anatomical human arm.

  • ✓
    Dynamic Anatomical Scaling: Forearm musculature and ulnar styloid bone bump automatically scale in unison with your wrist circumference slider (140mm–220mm).
  • ✓
    4 Realistic Skin Tone Presets: Test how colors and metal sheens look against Fair (#F4D0BA), Natural (#D8A684), Warm Tan (#A66D44), and Deep Rich (#5C3826) tones.
  • ✓
    Watertight Solid Model: Seamlessly orbit 360° without hollow polygon voids, interior clipping, or lighting burnout.
Try Wrist Mode Live →

Frequently Asked Questions

Is Bracelet Designer completely free to use?
Yes, 100% free and open-source under the MIT license. There are no fees, no subscriptions, and no hidden features.
Do I need to sign up or create an account?
No accounts required. All designs are saved privately in your browser via IndexedDB. Your work never leaves your device.
Can I install it as an app on my phone or desktop?
Yes! Bracelet Designer is a Progressive Web App (PWA). On Mac or iOS, tap Share → Add to Home Screen / Dock. On Windows and Android, click Install App in your browser bar. It works fully offline.
How does the materials spec export work?
Click Materials in the studio to see an itemized recipe including base type, clasp style, wrist circumference, and bead counts with exact millimeter dimensions. Click Export CSV to generate an order spreadsheet for your local jeweler or bead supplier.
How was this app made?
Ethan Norland made this app using Terminal, Google Gemini, and GitHub.

Coming Soon

🎨
Choose a skin tone from a color picker in wrist mode
✨
Ability to design your own beads
💡
Option to see bracelet under different lighting types
✒️
Additional jewelry hallmarks to choose from

Ready to Design Your Piece?

Step right onto the atelier bench. Arrange beads, check the live fit gauge, and bring your jewelry concept to life in 3D.

Launch Bracelet Designer →
EN

Designed & Built by Ethan Norland

Ethan Norland is a student at Kendall College of Art and Design. He is majoring in Collaborative Design and minoring in Graphic Design. He is just beginning his journey as a UI/UX designer.

View Ethan's Portfolio →