Ether, by Eden

Build with light.

Ether is an engine built entirely for particles. Pictures, video, app screens and whole interfaces form out of light the moment they're needed, and dissolve when they're done. Every particle and every pixel is yours to move.

Free-form manipulation

No mockups. No screen recordings. Just form it.

Showing a product used to mean mockups, screen recordings and a demo environment someone had to build and keep alive. With Ether you hand it the thing itself: a 4K picture, a playing video, a real app screen. It assembles out of particles right where you need it, and dissolves when you're done.

Forminga 4K picture

Free-form interfaces

No windows. No rectangles. Anything you can picture.

Today's interfaces are boxes inside boxes. Ether's are made of light: a panel, a picture, a 3D object or a whole screen forms out of the background, blends into everything around it, and returns to the field when you're done. Nothing has to be drawn in advance.

Forminga mind

Objects

Not a render. A working object.

A flagship PC, built from 500,000 particles. Every fan spins, the pump turns, coolant flows, the glass swings open and the whole machine comes apart on command. Drag to turn it. Click to scatter it.

Worlds

Not a backdrop. A world.

Whole 3D scenes, built entirely from particles. Every leaf, wave, flame and blade of grass is a point of light, lit and moving in real time. Watch it form.

EtherA campfire on the shoreRunning live on your device

IP protection

Interfaces ship as code. Ether's don't.

Every app on your device carries its interface as code: components, layouts and logic, in a bundle anyone can open. Agents are now very good at taking that code apart and rebuilding a working copy. An Ether interface arrives as a stream of data and forms at the moment of use, so there is no interface code on the device to take apart.

What an app ships
export function Checkout({ cart, user }) {
  const total = price(cart, user.plan);
  return (
    <Panel title="Checkout">
      <LineItems items={cart.items} />
      <Total value={total} />
      <PayButton onPay={() => charge(user, total)} />
    </Panel>
  );
}

Readable, copyable, rebuildable.

What Ether ships
0.4127 -0.1983 0.0210 0.88
0.4131 -0.1979 0.0212 0.91
0.4136 -0.1975 0.0209 0.86
0.4140 -0.1972 0.0215 0.93
0.4144 -0.1968 0.0211 0.87
0.4149 -0.1964 0.0208 0.90
0.4153 -0.1961 0.0213 0.89
0.4158 -0.1957 0.0210 0.92
0.4162 -0.1953 0.0214 0.85

Points of light, formed where they're used.

It protects how your product is built: the part that took years.

Performance

Every particle is a dial.

A normal interface is fixed: it costs what it costs. Because Ether controls each particle, it can trade count for brightness and keep the picture. Halving the particles on this site cut the time to draw a frame by 46%, with no visible change.

  • 1,065,000particles · 1.5 ms a frame
  • 532,500particles · 0.8 ms a frame · this site today
  • 266,250particles · 0.4 ms a frame

Eden homepage, 1920×1080, desktop GPU, frame cap off

It runs in the browser you already have: WebGPU where it's available, WebGL2 everywhere else, including phones and in-app browsers like Instagram's.

The waitlist

Be among the first.

Ether is opening to a small group of teams first. Tell us what you'd make with it, and we'll be in touch.