David Aerne

@meodai • 10,902 subscribers

Self employed Design & Interaction Developer / Software Artist

Shorts

I love animating using CSS.

120,528 views

201: old prototype found. Oh its mostly CSS :D

73,327 views

whenever you need a zigzag, don’t write ifs; just fold the number line Math.abs((i+=10)%200 - 100) been using this ever since I “discovered” it.

18,143 views

If you’re in need of color harmonies in the meantime:

37,459 views

Videos

LIVE

1.2k

Anya Rossi

sweetdream.ai

SweetDream.ai•Sponsored•Livecam

Streaming Now

Watch Anya Live

Anya is streaming live right now! Join her private show and enjoy exclusive content.

HD live stream

Exclusive private shows

1.2k viewers online

Current Status

Live

Private Show

Join now for exclusive access

Free preview available • Premium content

0:40

I wanted a way to explore Unicode by visual similarity, not just by name or codepoint, so I built Charcutrie. It lets you browse characters that look alike, search across scripts and symbols, and even sketch a shape to find matching glyphs. (pretty badly for now :D)

David Aerne

179,711 views • 5 months ago

1:23

Just released heerich.js, a tiny voxel engine that renders 3D scenes to SVG 🎨 ╬ Boolean ops ◮ Oblique & perspective 𝑥 Zero dependencies ◌ Pure vector output, infinite scaling Named after Erwin Heerich's geometric cardboard sculptures.

David Aerne

162,934 views • 5 months ago

0:42

when the idea of having "a simple logo" gets out of hand

David Aerne

159,900 views • 8 months ago

0:25

🎨 Just discovered ColorPalette Pro by Ryan Feigenbaum: a synthesiser for colour. I really like the music-hardware analogy.

David Aerne

160,905 views • 9 months ago

0:45

what if you could navigate unicode characters by visual similarity?

David Aerne

81,598 views • 5 months ago

0:39

you can now edit all your ramps at once. (and export them as SVG, CSS or as Tailwind Config)

David Aerne

64,566 views • 4 months ago

0:29

We live in a world where you can dynamically generate an SVG with 100 sample points and 3D logic inside a single browser frame. crazy

David Aerne

53,793 views • 7 months ago

0:38

using the browser cmd & - to see all the swatches works well!

David Aerne

35,155 views • 4 months ago

$Made a tiny color lib: nutelch 🌰 It sits between OKLCh and OkHSL. You dial chroma as a fraction of the way to the gamut cusp (so "saturation" means the same thing at every L & H, never out of gamut), but the result is still a plain oklch() color. Inspired by Matt DesLauriers's work$

0:39

Made a tiny color lib: nutelch 🌰 It sits between OKLCh and OkHSL. You dial chroma as a fraction of the way to the gamut cusp (so "saturation" means the same thing at every L & H, never out of gamut), but the result is still a plain oklch() color. Inspired by Matt DesLauriers's work

David Aerne

18,418 views • 2 months ago

0:20

Seriously, how much time can one possibly spend tweaking a pair of range sliders?! 🎛️

David Aerne

99,965 views • 1 year ago

0:44

thats why its cool that heerich.js uses an SVG

David Aerne

29,261 views • 5 months ago

0:25

Added some "secret routes"

David Aerne

27,029 views • 4 months ago

0:53

TIL: Arcball Controls I can't believe this performs so well. The browser is recreating the SVG from scratch on every frame. check it out on CodePen.IO 🔗⬇️

David Aerne

45,785 views • 11 months ago

0:40

Finally made a small lib that helps me implement how I think about design tokens. Try Design Book →

David Aerne

19,648 views • 3 months ago

0:30

Discovering that Steve Ruiz's tldraw uses a mix of CSS and SVG made me want to try building a CSS renderer for Heerich.js! Well, its going well!! And its super fast.

David Aerne

17,623 views • 5 months ago

0:54

Just started a new gig with Figma. Excited and humbled to help shape how people think about design. Video just for vibes, unrelated to the work.

David Aerne

13,980 views • 4 months ago

Live Cam

David Aerne

Shorts

I love animating using CSS.

201: old prototype found. Oh its mostly CSS :D

whenever you need a zigzag, don’t write ifs; just fold the number line Math.abs((i+=10)%200 - 100) been using this ever since I “discovered” it.

If you’re in need of color harmonies in the meantime:

Videos

Watch Anya Live

I wanted a way to explore Unicode by visual similarity, not just by name or codepoint, so I built Charcutrie. It lets you browse characters that look alike, search across scripts and symbols, and even sketch a shape to find matching glyphs. (pretty badly for now :D)

Just released heerich.js, a tiny voxel engine that renders 3D scenes to SVG 🎨 ╬ Boolean ops ◮ Oblique &amp; perspective 𝑥 Zero dependencies ◌ Pure vector output, infinite scaling Named after Erwin Heerich's geometric cardboard sculptures.

when the idea of having "a simple logo" gets out of hand

🎨 Just discovered ColorPalette Pro by Ryan Feigenbaum: a synthesiser for colour. I really like the music-hardware analogy.

what if you could navigate unicode characters by visual similarity?

you can now edit all your ramps at once. (and export them as SVG, CSS or as Tailwind Config)

We live in a world where you can dynamically generate an SVG with 100 sample points and 3D logic inside a single browser frame. crazy

using the browser cmd &amp; - to see all the swatches works well!

Made a tiny color lib: nutelch 🌰 It sits between OKLCh and OkHSL. You dial chroma as a fraction of the way to the gamut cusp (so "saturation" means the same thing at every L &amp; H, never out of gamut), but the result is still a plain oklch() color. Inspired by Matt DesLauriers's work

Seriously, how much time can one possibly spend tweaking a pair of range sliders?! 🎛️

thats why its cool that heerich.js uses an SVG

Added some "secret routes"

TIL: Arcball Controls I can't believe this performs so well. The browser is recreating the SVG from scratch on every frame. check it out on CodePen.IO 🔗⬇️

Finally made a small lib that helps me implement how I think about design tokens. Try Design Book →

Discovering that Steve Ruiz's tldraw uses a mix of CSS and SVG made me want to try building a CSS renderer for Heerich.js! Well, its going well!! And its super fast.

Just started a new gig with Figma. Excited and humbled to help shape how people think about design. Video just for vibes, unrelated to the work.

Just released heerich.js, a tiny voxel engine that renders 3D scenes to SVG 🎨 ╬ Boolean ops ◮ Oblique & perspective 𝑥 Zero dependencies ◌ Pure vector output, infinite scaling Named after Erwin Heerich's geometric cardboard sculptures.

using the browser cmd & - to see all the swatches works well!

Made a tiny color lib: nutelch 🌰 It sits between OKLCh and OkHSL. You dial chroma as a fraction of the way to the gamut cusp (so "saturation" means the same thing at every L & H, never out of gamut), but the result is still a plain oklch() color. Inspired by Matt DesLauriers's work