@shiv_visual profile picture
Shiv @shiv_visual

design engineer

Joined November 2021
  • Tweets 591
  • Following 58
  • Followers 1,380
141 Photos and videos
floating chips
0:16
2
1
19
1,636
built a thermal image effect component using just svg filters and react. check it out here -> thermal-effect-mu.vercel.app
0:21
4
230
action figure for my desk
1
211
designed and built this ai agent ui with paper, motion and react
0:17
1
3
338
made a few more icons with motion
0:11
13
4
302
10,401
animated docs icon with react and motion
0:16
9
11
451
20,569
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
1
12
854
experimental component built with react & css
0:17
1
12
870
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
569
visual experiment with css grid
0:10
10
581
playing around with rive
0:09
3
610
just a fun illustration in figma
2
553
isometric experiment in figma
0:14
1
14
1,151
playing with web animations api
0:10
11
810
thermal shader like effect with css and react. try it here -> liquid-letter.vercel.app/
0:10
8
885
drawing effect with svg and react
0:14
7
755
custom text highlight. made with react and css. try it here - custom-text-highlight.vercel…
0:15
11
13
510
24,537
motion study with type and blocks
0:13
3
848
another motion test with after effects
0:07
1
12
929
playing with scripts in after effects
0:04
1
5
721
Load more