Shiv

design engineer

[Shiv @shiv_visual]

action figure for my desk

[Shiv @shiv_visual]

designed and built this ai agent ui with paper, motion and react

[Shiv @shiv_visual]

@fabianarbor love this!

[Shiv @shiv_visual]

made a few more icons with motion

[Shiv @shiv_visual]

the trick is actually very easy. create different animation states for a specific element. make sure the number of points is the same for all. The more frames you have, the smoother the animation will be (at least in my case). then morph between the path d values using motion lib

[Shiv @shiv_visual]

animated docs icon with react and motion

[Shiv @shiv_visual]

@round this is pretty cool - https://t.co/IKMmbynRDH

[Shiv @shiv_visual]

some bts -> usually I first start in figma to visualize the idea, this helps break down the process in individual steps and helps in exploring some cool visuals as well. (so later I dont need to spend hours on composition) then I code it up from scratch directly in cursor

[Shiv @shiv_visual]

experimental component built with react & css

[Shiv @shiv_visual]

visual experiment with css grid

[Shiv @shiv_visual]

@nicop303 so good!

[Shiv @shiv_visual]

@yahyavision Hiii 👋

[Shiv @shiv_visual]

playing around with rive

[Shiv @shiv_visual]

just a fun illustration in figma

[Shiv @shiv_visual]

@benfryc @framer this looks cool

[Shiv @shiv_visual]

@poetengineer__ 🔥🔥

[Shiv @shiv_visual]

isometric experiment in figma

[Shiv @shiv_visual]

playing with web animations api

[Shiv @shiv_visual]

@MaximeHeckel so cool! reminds me of unreal engine post processing

[Shiv @shiv_visual]

@krocits 🔥🔥