Skip to content
All guides

Liite Workshop

Build hardware that looks real and works in the browser: put parts on a case, wire them up, then publish, embed and remix.

Checked against the product on

Workshop is where you build hardware that looks real and works in the browser: keys, knobs, encoders, faders, switches, lights and screens on a case. Anyone can press, turn and hear what you make. Building by hand is on every plan; AI is on Pro and Business.

Start a product

Open Workshop in the dashboard and pick Start from a pocket synth (a small product that already works) or Start with a blank case. On Pro and Business you can also describe a product instead; see Build with AI.

The editor has two tabs. Product shows the case and everything on it. Parts is the catalogue: the Liite library of 86 parts and the parts you've made.

Place parts

  • Add parts and drag them where you want. They snap to half-millimetre steps and stay on the case.
  • Arrow keys nudge the selected part, R turns it, ⌘D duplicates it and Delete removes it. ⌘Z undoes and ⇧⌘Z redoes.
  • Select a part and use Make a row of 4 or Make a 4 × 4 grid; keys in the copies number their own legends.
  • In Part, give a part a name, a legend, a colour and a finish, or a real keyboard key it follows when you play. Click an empty spot to edit the Case: its size, height, corners, edge, finish and colour.
  • Load a Reference photo of a real device to lay over the view and match its sizes. It stays in your browser and is never uploaded.

Every change saves on its own. Download picture saves a sharp picture of the product for a deck or a launch page.

Make your own parts

In the Parts tab, open any library part and Make a copy to edit, or Build a part from scratch. A part is a stack of pieces (shapes, lights and cut-outs) with an outline, a height, an edge, a finish and a colour, plus how it moves: press, toggle, turn, spin or slide, with its own feel and click. Free keeps 10 parts of your own, Pro 200 and Business unlimited.

Wire it up

Wiring makes parts do things to each other. In the Wiring tab, Add wire from a part's signal (or A clock that ticks) to another part: a knob dims a light, an encoder counts on a screen, a switch turns the product on and off. A wire can pass its signal straight through, invert it, switch on past halfway, toggle each time, count or dim without going fully off. Switch to Play to try it; in Edit, parts stay still so you can move them.

Bodies that move

A product can also have bodies of its own, shapes that aren't library parts. Open Bodies beside Add parts and Add a body: a box, a cylinder, a sphere, a drawn profile, a turned profile or a pipe handle. Pick a body to edit it:

  • Shape lists the steps that make it (extrude, turn, sweep, loft, cut, join, round the edges, hollow it, repeat it) with every number editable, and a profile editor for drawn outlines.
  • Move gives it a joint. Make it move suggests one from the body's name and shape (a lid hinges on its back edge, a drawer slides, a wheel turns), or pick a hinge, slide, turn, ball, press or spring and set its range, feel and keyboard key.
  • Faces gives its top, a side or a region its own finish, colour, print or texture.
  • Program writes a short program that builds an organic shape (a figure, a plant, a grip). It runs sandboxed in your browser; published pages load only the shape it made.

Products made before bodies existed open and work exactly as before.

Looks and the stage

Every product page is a stage: the product photographed with a camera, a light, a backdrop and a colour grade. The Controls panel picks a look (Studio, Noir, Pastel, Golden hour, Blueprint, Dark desk, Paper) and lets you change the camera, light, backdrop, grade and wear, roll a die for a variation, undo, and copy or paste a look. The look you set in the editor is saved with the product. The toolbar switches between Top, Hero, Front and Close, downloads a picture (with a transparent background if you like), goes full screen and mutes; press ? for the shortcuts. Play for me (Space) plays the product's controls in turn.

Sounds and feel

Every material has its own click, made in your browser as you play, so nothing waits to load. Keys travel and spring back, knobs stop on their detents, and most phones give a small tap on each click. Every part has a real control over it, so you can use the keyboard (Tab, then the arrow keys, Space or Enter) or a screen reader.

On Pro and Business, open Sounds in the part builder, describe a sound ("a deep, thocky mechanical keyboard key") and press Make takes. Listen, then use the takes you like for a press, a release, a detent step or a switch. Sounds are shared: when someone has already asked for the same words, you get those takes and it doesn't use your allowance.

Labels and artwork

On Pro and Business, the case's Artwork section draws a label or a sticker from a few words, or takes a picture you upload, and places it in millimetres.

Build with AI

On Pro and Business:

  • Describe a product and AI builds it: say what you want ("a pocket drum machine with a 4 × 4 grid of rubber pads, tempo and volume knobs, an OLED screen and a play key"), add a photo if you have one, and press Build it with AI. It lays out parts from the library, makes the ones it's missing and wires them. It takes about a minute.
  • Draw it first: AI pictures your idea, then builds the product from the picture (one picture and one build).
  • Describe a part and AI builds it, in the Parts tab.
  • Edit with AI, under the product: ask for a change ("make the knobs brushed steel", "add a row of 8 pads"). It's one step you can undo.

Everything AI makes is ordinary parts and wiring, so you can keep editing it by hand. A build that fails doesn't count. Your own AI key doesn't work in Workshop yet.

Publish and share

Open Share, add a description, and choose who can open it:

  • Anyone, and it can appear in the gallery: listed at liite.co/workshop once an automatic check has read its words.
  • Anyone with the link: not in the gallery.
  • Only me: Pro and up.

Publish puts it at liite.co/workshop/your-product. You need a confirmed email address to publish. The page has a Product tab to play it and a Parts tab that shows every part on its own with its size, finish and how it moves. Later edits stay in your draft until you publish again. A new page is kept out of search engines for its first day.

From the page, copy the link, post it to X, show a QR code or copy the embed code.

Embed it

Paste the embed code into any website, or add a Workshop product block to your Liite page and pick the product. Embeds from Free show a small Made with Liite mark; paid plans don't.

Likes and remix

Anyone signed in can like a public product. Remix copies it into your drafts with a credit to the original, to change and publish as your own. Remixing isn't AI, so it works on Free too.

Allowances

  • Products kept (yours and remixes): 3 on Free, 100 on Pro, unlimited on Business.
  • Built by AI: a product costs 20 credits, a part 5 and an edit with AI 20, from the same credits as everything else (500 a month on Pro, 1,500 on Business). A failed build is refunded. Free has no AI.
  • Sounds: 4 credits a request (four takes); a sound someone already asked for is free.
  • Labels and pictures: 2 credits each, 6 for a concept picture.
  • Private products and your own artwork: Pro and up.

Allowances reset each month and don't carry over.

Coming later

Sharing a desk as a public link, and your own AI key in Workshop. Desks themselves work now: start one from Workshop, add your products, and patch jacks together.

Safety and brands

Before a product is listed, an automatic check reads every word it shows: the title, description, part names, labels and printed text. A product can look like a real device, but don't use another company's logo, name or trademark as its branding (see the Acceptable Use Policy). Anyone can report a product from its page.

Something here doesn't match what you see? Email hello@liite.co.