Welcome to Cosmic Ears Design Labs
Upload your ear moulds as STL files, or choose an example for inspiration.
My designs
Designs you save appear here. In the designer: Share › Save to My designs.
Loading Cosmic Ears Design Labs
Built by MagsVision
No wrapped IEMs yet.
No shells yet.
STL files saved to your account. Open them on any device.
Nothing saved yet.
Nothing saved yet. Open a shell and choose Share › Save to My designs.
No community wraps yet. Make one and share it from Share › Share with the community.
In millimetres, up to 40 MB and 80,000 triangles.
Don’t have one? .
Type and side go into the names and details of your downloads.
A finished model can’t be wrapped. Upload an STL or open a shell to design your own.
Upload an STL or open a shell from the examples first.
Engraved where the shell's lettering is, in the colour for that side.
Design the faceplate in the Faceplate tab: a colour, a pattern, your own artwork or a logo. When you're happy, save it in the Share tab.
Reflections come from the scene, so try a room in the Scene tab.
Everything: shell, faceplate, scenes and sharing.
A PNG with a transparent background works best. JPG and WebP work too, up to 20 MB.
Tap the model to move it there, or use Drag it. The arrows nudge it.
On screen only. Your downloads aren’t affected.
Leaves pockets and chambers inside the shell as clear glass.
Leave part of the shell as bare glass.
Choose this, then tap a flat face to leave it without glass.
Colours letters or a logo engraved into the shell.
Upload an STL or open a shell from the examples first.
Prices are for each side. Add a logo or your own artwork under Artwork.
Separate is for viewing only. Downloads keep it in place.
Matches the shell, so the two read as one piece.
Or tap the faceplate to move it there.
Upload your own artwork (PNG, JPG or WebP), or choose a Cosmic Ears logo. Plain backgrounds can be removed, and one-colour artwork can be recoloured.
Only changes how it looks here. Your downloads aren’t affected.
Open a shell or a wrapped IEM first.
Sign in to download files for printing.
Pictures of this design on a transparent background, 2048 × 2048 pixels, posed the same way as Views on the toolbar. They use your lighting from Scene, without the background or table.
Orthographic has no perspective: parallel edges stay parallel and nothing looks bigger for being nearer, like a technical drawing.
Auto follows your device. Glass goes from clear, showing more of the view behind, to frosted. Saved to your account.
Your presets are saved to your account, on every device you sign in on.
Turn and zoom until the shell sits naturally in the photo.
People and invitations, activity, what’s popular, problems, community approvals, examples and site settings now live on their own page.
Your account ›Open admin dashboard ›The examples still come from the website’s files. Copy them into the database once, and from then on your changes go live straight away, with no publishing step.
Nothing waiting. New submissions appear here for you to approve.
Under each card: ★ opens it when visitors arrive, the pencil edits it, the eye hides or shows it, ‹ › move it and the bin deletes it. You can also drag cards to reorder them.
The design, glass, scene and camera angle, as you see them now.
A plain shell visitors can start from.
examples folder into your wrap-iem folder, replacing the old one.Peek shows only the tab bar, so the shell has the whole screen; Half shows the shell and the panel together.
Admins always see every example. Upload and Community stay available.
They’ll get a Cosmic Ears Design Labs invitation email, choose a password, and they’re in.
What everyone sees when they arrive: background or room, lighting and glass. Set it up in the Scene and Design › Glass, then save it here.
The types people can choose when they upload a shell. Flat top bare leaves that type’s large flat top without glass as soon as a shell of it is confirmed.
To download files and, for admins, to manage the site.
So your downloads and examples are labelled correctly.
Cosmic Ears Design Labs ·
Cosmic Ears Design Labs · Built by MagsVision · www.magsv.com
An admin checks every wrap before it appears for everyone in Library › Community.
Sign in to design your in-ear monitors.
New to Cosmic Ears Design Labs? Ask us for an account.
Privacy · Terms
Built by MagsVision
Choose a password to finish setting up your account.
While Cosmic Ears Design Labs is in testing, we record how it’s used to help improve it. Privacy · Terms
Built by MagsVision
Thank you for helping us improve Cosmic Ears Design Labs.
Upload your ear moulds as STL files, or choose an example for inspiration.
Designs you save appear here. In the designer: Share › Save to My designs.
Saved to your account, so you can carry on later on any device. After this, changes save automatically.
Upload your ear moulds as STL files, or choose an example for inspiration.
Tip: drop a left and right STL together to design them as a pair.
Android places it live on your table; iPhone and iPad use Apple’s AR viewer. 5× is easier to look around.
Use the viewer on the phone as normal. Press Esc to exit.
Cosmic Ears Design Labs puts a colour, a pattern or your own artwork under a clear glass layer on an in-ear monitor shell, and shows it in 3D right in your web browser.
There's nothing to install, and nothing you open is uploaded anywhere.
It works on computers, tablets and phones in current versions of Chrome, Edge, Safari and Firefox.
Turn, zoom and slide the view with the gestures you already use.
| To do this | On a computer | On a phone or tablet |
|---|---|---|
| Turn the model | Drag with the mouse | Drag with one finger |
| Zoom in or out | Scroll the mouse wheel | Pinch |
| Slide the view | Right-drag | Drag with two fingers |
| Jump to a set view | Views on the toolbar at the bottom | Views (the cube) on the toolbar at the top |
Views poses the shell as you would for a photo and swings the camera round to it. Faceplate and Concha stand it on its edge, faceplate or concha side towards you; Angle 1, 2 and 3, Front, Back, Top and Bottom stand it on its faceplate with the canal up (the Angles from above). Front, back, top and bottom are the shell's own sides, worked out from the faceplate and the canal, whichever way its file was saved. Zoom to fit brings the whole design back into view from where you are.
With Turn, drag any way to turn the shell as far round as you like; it keeps resting on the table. Double-click or double-tap to set it back to the last view.
The settings panel sits in the corner of the screen and has five tabs, each a short list: tap a row to open it, and Back to return.
The round AR button at the top right shows the shell in your room. Tap Hide to tuck the panel away and see the whole model, and Show to bring it back. The viewer remembers your settings, so it looks the same next time you visit on that device.
There are two kinds of example.
| Wrapped IEMs | Finished designs, opened exactly as they were set up, including the glass, background, lighting and camera angle. You can carry on changing them in the Wrap and Design › Glass. |
| Shells | Plain shells to start from. They open with your current finish and go straight to Design. |
Bring in a shell, then design it in five steps.
Drop an STL onto the Upload tab, or tap it to choose a file. STL files should be in millimetres, up to 40 MB and 80,000 triangles. Once it's in, you go straight to Design. No file? Open a shell from Library instead. You can also open a finished .glb to look at it, but it can't be wrapped.
| Colour | One solid colour under the glass. Pick a swatch or any colour from the colour wheel. |
| Gradient | Blends two or three colours across the shell. Pick a preset or your own colours, and a direction: up, across, front to back or diagonal. |
| Rainbow | The full spectrum across the shell. Bands repeats it, Shift moves the colours along, and Pastel softens them. |
| Metallic | Real metal under the glass: chrome, silver, gold, rose gold, copper, titanium, gunmetal, black chrome and anodised colours, or any colour. Polish goes from mirror to brushed. |
| Space | Clouds of colour and stars: Nebula, Galaxy, Deep space, Aurora or Sunset nebula. Scale sizes the clouds; Shuffle the stars rearranges them. |
| Pattern | Carbon fibre, marble, wood, leopard, zebra, snakeskin or camouflage, wrapped seamlessly all the way round. Pattern size makes it finer or bolder. |
| Image | Places your own artwork, such as a logo, on the shell. It follows the surface and sits on the colour you choose. |
| Steampunk | Watch-movement parts set in clear glass: fine-toothed wheels with their pinions, movement plates with ruby jewels, levers, hairsprings, screws and the odd hand, at different depths and angles, with some wheels meshing. Mostly silver and steel with gold wheels, like a real movement; choose the metals to change the mix. Keys and skulls adds charms from classic steampunk kits. With the faceplate on, Build your own lets you arrange the faceplate's parts yourself: add parts from the tray, tap one to select it, drag it on the faceplate (gears snap into mesh), and change its size, turn and depth. Fill for me brings back a random layout. Where wraps them over the shell and faceplate, the shell only, or the faceplate only; on the shell they follow its curves. Shuffle makes a new arrangement; Busy, Part size and Metals change the mix, and Behind sets what's behind the parts: clear, dark, or your colour. Turn on the faceplate to set the parts inside it, like the real thing. |
Tap the model to move the image there. To slide it, choose Drag it, then drag across the shell. The arrows nudge it by the step you choose, relative to how you're looking at it. Face me brings it to the side facing you. Width and Rotation size and turn it. Very sharp corners can stretch an image.
| Artwork layer | Builds the artwork into a solid layer this thick, under the glass. At 0 it's just a surface, which is fine for viewing. |
| Artwork brightness | Lifts or deepens the colours under the glass on screen only. Your downloads aren't affected. |
| Outside only | Wraps only the surfaces facing outwards. Pockets, chambers and the sound bore inside the shell stay as clear glass, like a clear-glass shell. |
| Trim the wrap | Leaves part of the shell as bare glass. Cut with a plane keeps the wrap on one side of a cut, for example below the faceplate: choose its direction, then slide and tilt it, and use Swap sides to keep the other side. Remove a box takes the wrap off a small area: tap the shell to move the box there, then size and turn it. The glass always covers the whole shell. |
| Bare faces | Removes the glass from a flat face, such as the faceplate, so the artwork sits flush with the surface there. Choose Leave a flat face bare, then tap the face. To put the glass back, do the same on a bare face, or choose Restore all glass. |
| Recessed text (beta) | If your shell has letters or a logo engraved into it, Find recessed text looks for them and colours them in the colour you pick, or a two-colour Gradient, with no glass over them. Fill it level with the surface turns each letter into a solid insert, which is useful for printing in two colours. Check the result, because small grooves can look like text. Show me turns the view to the text. |
A pair is two separate STLs, one scanned from each ear. Upload or drop the left and right together and they're paired straight away, or add the other side later with Library › Make a pair. The side comes from each file's name, or you choose it. They stand side by side, and every design change applies to both. At the top of Design, Design: Both | Left | Right chooses what your changes apply to: Both keeps the two sides matching, while Left or Right designs that side on its own. Going back to Both copies the side you're looking at onto the other. Unpair goes back to one shell. Downloads include both sides, each with its shell and faceplate files.
Show the faceplate adds a plate on top of the shell, following the outer edge of its flat top and covering any pockets. It's added, not cut from the shell, and takes the same finish, so a pattern runs straight across the join. Thickness (1.5 to 5 mm), Rounding of its edge (1.5 to 5 mm) and Dome shape it. Rounding can't be more than the plate is thick, so on a thin plate the edge becomes fully round. Separate lifts it off so you can see both parts, and Play the animation lifts it off and settles it back on a loop until you stop it. Downloads always have it in place, as its own part.
Faceplate finish: choose Its own to give the faceplate a different finish from the shell. Then, in Design › Finish, pick Faceplate at the top and choose any colour, gradient, rainbow, metallic, pattern or space finish for it. Faceplate artwork adds an image, such as a logo, to the plate: set its size, rotation and position with the sliders, or tap the faceplate to move it. Both go into the faceplate download.
Download your design, or see it in your room with AR.
| GLB | Keeps the glass look. Opens in most 3D apps. |
| WRL | VRML with texture images, for full-colour printers such as Stratasys and Mimaki. Comes as a zip; keep the images with the WRL files. |
| OBJ | For full-colour printers. Comes as a zip with its materials and texture images. |
| 3MF | One object per layer, each with its colour, for slicers. |
The glass and artwork layers overlap each other. They aren't joined into one solid, so check the files in your slicer or with your lab before printing.
With the faceplate on, every download gives you two files, one for the shell and one for the faceplate, positioned to fit together.
dl2 is the designer for ordering: choose dl2 on Home, or go to wrapiem.com/dl2. dl2l (wrapiem.com/dl2l) is the same with lighter graphics for slower phones. dl3 is the full designer. You design a clear left and right pair together. The faceplate is solid, in a Solid, Shimmer or Special finish, with your own artwork or a Cosmic Ears logo in gold, silver or black (Faceplate tab); initials go where the shell's lettering is (Design tab). Design: Both, Left or Right at the top chooses whether changes go on both sides or just one, and Turn above the view buttons turns both together (as mirror images) or one side on its own; Reset stands them side by side again. Premium faceplates (Spacepunk and Spacejunk) have 3D parts floating in clear resin over deep space, arranged differently on each ear; Shuffle the parts tries another arrangement. Each choice shows its price, for each side; the total, with the product's base price, is at the bottom of the panel, and Share › Summary lists both sides with their prices. Share › Save design sends it to Cosmic Ears with a reference such as WD-K7Q2MX; you can change it until they've looked at it.
Share › Product images saves pictures of your design on a transparent background, each 2048 × 2048 pixels, posed the same way as Views: Faceplate, Concha, Angle 1, 2 and 3, Front, Back, Top and Bottom (tick the ones you want). Choose Perspective for a natural look, or Orthographic for flat, measured-looking views like a technical drawing. They use your lighting from Scene, but not the background, table or shadow, and they're framed the same way every time. You get one zip of PNG files; tap or click a picture afterwards to save just that one.
Choose how clear, coloured and glassy the outer layer looks.
| Setting | What it does |
|---|---|
| Show the glass | Hides or shows the glass so you can compare. |
| Thickness | How much clear glass covers the artwork, from 0.2 to 2 mm. Tight curves, edges and thin walls can't take the full depth, so the note under the slider shows what actually fits on your shell. |
| Opacity | From crystal clear at 0 to frosted at 100%. |
| Tint | Colours the glass: Ice, Aqua, Emerald, Amber, Rose, Amethyst, Smoke, or any colour from the colour wheel. Tint strength sets how deep the colour is. |
| Reflections (visual effect) | How strongly the glass reflects light on screen. |
| Bend the background through the glass (visual effect) | Makes things behind the shell warp through it like real glass. Turn it off for the sharpest view of the artwork. |
| Refraction (visual effect) | How strong the bending is. Visual effects only change how it looks here, not your downloads. |
Choose what the shell sits on and what's behind it.
Patterned backgrounds show off the clear glass best, because you can see the lines bend through the glass.
| Row | What's in it |
|---|---|
| Colours and patterns | Gradients (Studio sweep, Dusk, Sunset, Deep ocean, Midnight), patterns (Checker, Stripes, Diagonal, Polka dots, Waves, Grid paper) and a colour picker for any plain colour. |
| Abstract | Colourful images: Aurora, Bokeh lights, Liquid colour, Pearl and Silk. |
| Tables and desks | Oak, walnut, marble, concrete, linen, slate and terrazzo surfaces, each with a blurred office behind it. |
| Real world | Your own photo, or your device's camera. |
Pattern size appears for patterns and abstract images. Slide it left for a finer pattern, which gives a stronger bending effect through the glass.
Wall close behind the shell stands a wall just behind the model, whichever way you turn it, so there's always something close for the glass to bend. Wall distance moves it nearer or further away.
Tap Upload a photo, or drag an image onto the page, then choose how to use it:
| Backdrop | The photo fills the screen behind the model, like a photo of your desk. Turn and zoom until the model sits naturally on the surface. |
| Tabletop | The photo covers the table and the wall, repeated like a pattern. |
| Wall | The photo appears once on the wall behind the model, like a poster. |
| 360° | For panorama photos, which wrap all the way around. |
Use camera shows your device's live camera view behind the model. Your browser asks for permission first.
Pick a lighting preset to change the whole mood in one tap.
| Preset | Looks like |
|---|---|
| Studio | Soft, even light, good for seeing detail. |
| Window | Daylight falling across the table in soft window-shaped patches. |
| Golden hour | Low, warm evening sun with long shadows. |
| Overcast | Very soft, flat light with gentle shadows. |
| Desk lamp | Warm, moody light in a dim room. |
| Dramatic | One hard light with deep shadows. |
Open Adjust lighting to change individual settings:
| Direction | Moves the light around the model. |
| Height | Raises or lowers the light. |
| Brightness and Warmth | Change the light's strength and colour. |
| Shadow softness | Blurs or sharpens the shadow. |
| Room light | Brightens the dark side of the model. |
| Window light on the table | Adds the window patches to any preset. |
The glass's reflections move with the light, and the glass throws a small bright glint onto the table on the side away from it.
Place the shell on a real table through your phone's camera, at real size.
In the Model tab, under See it on your desk (AR), choose how big it should be: Real size, 5× or 10×.
In AR the glass shows reflections but doesn't bend the real world behind it; phones don't let web pages do that. If neither button appears, your browser doesn't support AR. Try Chrome on Android or Safari on iPhone.
Quick fixes for the most common questions.
For the best-looking view, try a pattern or a table surface from the Scene tab with the Window or Golden hour lighting.
| Problem | Try this |
|---|---|
| The model looks blurry through the glass | Turn off Bend the background through the glass in Design › Glass for the sharpest view. |
| I can't see the glass | Pick a patterned or dark background in the Scene tab, and turn bending on in Design › Glass. |
| My model won't load | Make sure it's an .stl or .glb file. If it mentions Draco or KTX2 compression, export it again without compression. Very large models may be too big. |
| My 3MF colours are missing | Colours painted with a slicer's paint tool aren't shown; each object shows its filament colour instead. |
| The page looks out of date | Refresh the page, or open it in a private window. |
| The camera or AR won't start | Allow camera access when your browser asks, and check the site address starts with https. |
Admins choose the examples visitors see in Library. How you sign in and publish depends on where the viewer runs.
| Where the viewer runs | Signing in | When visitors see changes |
|---|---|---|
| Your own website | With the admin password, from the Sign in link. | After you export the examples and upload them to the website. |
| Inside Claude | Automatic for anyone who can edit the page. | Straight away. |
Open Library, enter the admin password at the bottom and tap Sign in.
Once you're signed in, the admin tools appear in place of the password box, and each example card gets buttons to reorder and delete it. Tap Admin guide there to open this guide in the app, and Sign out when you're finished.
While you're signed in, files you download (the model with its dome, and the iPhone AR file) have no watermark. Visitors' downloads include a small “Created with Cosmic Ears Design Labs” plaque with your site address, and the same credit in the file's details.
You stay signed in until you sign out or close the browser tab. On the Claude-hosted page there's no password: if you can edit the page, the admin tools are already there.
An example saves the model together with how it looks, so visitors see it exactly as you set it up.
Managing examples: on each card, the eye button hides or shows it for visitors (hidden ones stay in your list, dimmed and marked Hidden), the arrows move it, and ✕ deletes it. On a computer you can also drag cards into order. New or changed examples are drafts in your browser, marked “Not live yet”, until you publish them.
Publishing: in the Admin tab, click Download examples for the website, copy the examples folder from the zip into your wrap-iem folder (replacing the old one), then commit and push in GitHub Desktop.
| Saved with the example | Not saved |
|---|---|
| The shell, its design, glass, background, lighting, reflections, refraction, AR size and camera angle | Your own uploaded photos and the live camera background. Choose a built-in background for examples. |
On the Claude-hosted page, models used as examples can be up to about 15 MB. On your website the limit is GitHub's 25 MB per file when uploading through the browser.
Examples appear in the order you set, left to right and top to bottom.
| Move earlier or later | Tap ↑ or ↓ on the card. |
| Delete | Tap ✕ on the card, then tap it again within five seconds to confirm. |
| Change an example | Open it, make your changes, add it again with the same name, then delete the old one. |
On your website, examples you add are saved in your browser as a draft. Visitors only see them after you publish.
wrapiem-examples.zip.examples, containing examples.json and a models folder.examples folder (not the zip) and commit.Repeat these steps whenever you add, remove or reorder examples. The new examples folder replaces the old one.
Open the site in a private window, or tap Sign out: while signed in you see your drafts, not the published examples. You can also open your-site-address/examples/examples.json; if it shows text starting with {"examples":, they're live.
Drafts are kept only in the browser you made them in. Clearing that browser's data, or switching to another computer, loses unpublished drafts, so export after each session. Signing in on a new device starts from the published examples.
Choose whether visitors can download the model and use iPhone AR. Admins can always do both.
In the Admin tab, under Visitor downloads:
| Visitors can download the model | Shows or hides Download with dome for visitors. |
| Visitors can use iPhone AR | Shows or hides the iPhone AR option in Share. Apple’s AR viewer lets people save the file, so turn this off too if you don’t want visitors to have a copy. |
On the Claude-hosted page, changes apply straight away. On your website, the settings are saved with your example drafts: export the examples and upload the examples folder to apply them. Android AR places the model live without saving a file, so it stays available.
The Admin tab shows how many people have your website open right now, updated live, with a split by computer, phone and tablet.
It uses Supabase, a free online service. Setting it up takes about five minutes and only needs doing once.
config.js, tap the pencil icon and paste them between the quotes on the SUPABASE_URL and SUPABASE_KEY lines. Commit.| Status | What it means |
|---|---|
| Live | Working. The number updates as people arrive and leave. |
| Not set up | The Supabase details in config.js are empty. |
| Can’t connect | The details are wrong, the project is paused, or the connection dropped. Check config.js and your Supabase dashboard, then reload. |
| Website only | Shown on the Claude-hosted page, where the live count isn’t available. |
Each open copy of the viewer shares only its device type. No names, locations or cookies are used, and nothing is stored. The free plan allows about 200 people connected at once, and pauses projects that go unused for a week; if that happens, restore it from the Supabase dashboard. The publishable key is designed to be public, so it’s fine in config.js.
When there's a new version of the viewer, replace the files in your GitHub repository.
wrap-iem.zip on your computer.Your published examples folder isn't part of the download, so it stays as it is. Your settings live in config.js: leave that file out when uploading an update, so your password and Supabase details are kept.
To keep a record of each version, attach the zip to a GitHub release. Releases don't change the live site; only the files in the repository do.
The default password is elevate-admin. Change it before you share the site.
Sign-in uses accounts in your Supabase project. People who are signed in can download; accounts marked as admin also get the Admin tab. DATABASE.md in the repository explains how to add people and make someone an admin.
printf '%s' 'new-password' | shasum -a 256. On Windows, use the PowerShell command in the README.-).config.js, tap the pencil icon, replace the old value between the quotes, and commit.A website without a server can't truly lock anything, so the password only hides the admin tools. Nothing reaches visitors until someone with access to your GitHub repository uploads files, so your repository login is what really protects the site. Use a long password, as a short one could be guessed from its hash.
Quick fixes for common admin problems.
| Problem | Try this |
|---|---|
| Visitors don't see my examples | Export and upload the examples folder, then wait for the green tick in Actions. Check in a private window. |
| The site still shows the old version | Make sure you uploaded the unzipped files, not the zip, then refresh or use a private window. The site can take up to 10 minutes to update. |
| My drafts have disappeared | Drafts live in one browser. Use the browser you made them in, or add them again. |
| I forgot the admin password | Set a new one by replacing the hash in config.js. |
| The Admin tab says Can’t connect | Check the two Supabase values in config.js, and that the project isn’t paused. In Supabase, Realtime must allow public access (it does by default). |
| An example won't save | Load the model first, and keep it under the size limit. |
New to Cosmic Ears Design Labs, or want a reminder?
Cosmic Ears Design Labs is built by MagsVision.
Where others see dark, we see detail.
Privacy policy · Terms of use · hello@wrapiem.com
MagsVision looks closely where others don’t, turning ideas into clear, considered designs through product design, technical design and 3D services.
Move your phone slowly over a table, then tap to place the shell.