Some things I've built, some things I've learned.

[u/FriendshipCreepy8045]

https://blog.vedasdixit.com/author

As a software engineer I always love creating unique and cool designs and animations on the web, and I also wanted a blogging website for myself.

Recently I made my personal blog and wanted something hand-drawn on it so I sketched some flowers on my iPad and exported them as SVGs, then I wrote a script that cuts each drawing into its flower head, buds and leaves (the drawn stems get thrown away), and the site grows long curvy stems in code, hangs the leaves and buds along them and puts the flower at the tip.

Every stroke is drawn in gradually with CSS. After that, in React, I hooked that progress to the scroll while the photo stays pinned. All this just to create the scroll animation on the page above.

tbh idk how good it looks, but I wanted to do something creative for my first blog website.

Any feedback will be highly appreciated!