Artem Lyustik

frontend dev
sharing my day job work @ Base Design and side-project experiments

[Artem Lyustik @alyustikdev]

lost my prev account so here we go again

[Artem Lyustik @alyustikdev]

tons of micro transitions, scroll-driven animations(2026)

created at Base Design

#webdev

[Artem Lyustik @alyustikdev]

@bruno_simon work should be payed, I gladly buy it

[Artem Lyustik @alyustikdev]

Light-up animation for Tom Lloyd's artworks (2025)

created at Base Design

#webdev

[Artem Lyustik @alyustikdev]

@mrnsolis https://t.co/bowlP49YBX

[Artem Lyustik @alyustikdev]

brush/text input updates a mask texture, which drives mesh displacement, layer reveals, and surface effects inside one custom material. No separate post-processing pass.

created at Base Design with @mrnsolis <3
link in comments

#tsl #threejs #webgpu #creativecoding

[Artem Lyustik @alyustikdev]

intro animation sequence

#webdev #creativecoding

[Artem Lyustik @alyustikdev]

a detailed sneak peek into the textile generator. P4: pulled-out fibers(2026)

better watch it in full screen, there are lots of tiny details

#threejs #creativecoding #webgl

[Artem Lyustik @alyustikdev]

a detailed sneak peek into the textile generator. P3: fraying (2026)

better watch it in full screen, there are lots of tiny details

#threejs #creativecoding #webgl

[Artem Lyustik @alyustikdev]

a detailed sneak peek into the textile generator. P2: glow + vibrant colors (2026)

better watch it in full screen, there are lots of tiny details

#threejs
#creativecoding
#webgl

[Artem Lyustik @alyustikdev]

a detailed sneak peek into the textile generator. P1: basic capabilities (2024, animations were added recently)

better watch it in full screen, there are lots of tiny details

#threejs #creativecoding #webgl

[Artem Lyustik @alyustikdev]

https://t.co/vTz6YvqQB1

[Artem Lyustik @alyustikdev]

blink detection experiment: message reveals on blinking.

you can create your own and sent to friends, link in comments

created in collaboration with awesome Uncommon Practice

#creativecoding #webdev

[Artem Lyustik @alyustikdev]

dynamically generated svgs, shape transitions on hover (2025)

#creativecoding #webdev

[Artem Lyustik @alyustikdev]

on-cursor parallaxed hearts swarm postcard (2025)

#webdev #creativecoding

[Artem Lyustik @alyustikdev]

gradient shaders (2024) — TSL rewrite (2025)

#threejs #tsl #webgl

play around with it here: https://t.co/xSvYMAeHPu

[Artem Lyustik @alyustikdev]

bunch of micro transitions (2024)

#webdev

[Artem Lyustik @alyustikdev]

@doni_wawa @doni_wawa I can explain certain pieces if you have questions, but explaining how to do it from a scratch is a pretty long task

[Artem Lyustik @alyustikdev]

looping seamless gallery for images, videos, texts: camera wiggle, custom shaders, fog, ray-casting, Catmull–Rom paths (2024)

#threejs #webdev #webgl

[Artem Lyustik @alyustikdev]

exploration as sidebars noise, bunch of on-scroll animations (2023)

#webdev

[Artem Lyustik @alyustikdev]

same generator applied to images/videos: moving from halftone to pointillism (2023)

#p5js #pointillism #creativecoding