Vaibhav Khulbe
@vaibhavkhulbe.bsky.social
Freelance web developer/designer.
→ Encodes a displacement map to move each pixel into canvas as colours.
→ SVG filter is used to distort the background beneath the shape.
→ SVG filter is used to distort the background beneath the shape.
June 16, 2025 at 5:54 PM
→ Encodes a displacement map to move each pixel into canvas as colours.
→ SVG filter is used to distort the background beneath the shape.
→ SVG filter is used to distort the background beneath the shape.
Here's a gist of what it does:
→ Uses roundedRectSDF() to calculate how far each pixel is from shape's edge.
→ Uses smoothStep() to create that fade around the edges
→ Calculates squishing/stretching for that realistic bubble effect.
→ Uses roundedRectSDF() to calculate how far each pixel is from shape's edge.
→ Uses smoothStep() to create that fade around the edges
→ Calculates squishing/stretching for that realistic bubble effect.
June 16, 2025 at 5:54 PM
Here's a gist of what it does:
→ Uses roundedRectSDF() to calculate how far each pixel is from shape's edge.
→ Uses smoothStep() to create that fade around the edges
→ Calculates squishing/stretching for that realistic bubble effect.
→ Uses roundedRectSDF() to calculate how far each pixel is from shape's edge.
→ Uses smoothStep() to create that fade around the edges
→ Calculates squishing/stretching for that realistic bubble effect.
→ Hire me for your next Framer website exclusively on Contra: vaibhavkhulbe.contra.com
→ Get 3 months FREE on your Framer Pro yearly plan: framer.link/vaibhav_khulbe
→ Get 3 months FREE on your Framer Pro yearly plan: framer.link/vaibhav_khulbe
Vaibhav Khulbe on Contra
View Vaibhav Khulbe's Portfolio on Contra, the Independent-first, commission-free freelance marketplace shaping the future of work. Hire a freelancer today!
vaibhavkhulbe.contra.com
May 15, 2025 at 4:58 PM
→ Hire me for your next Framer website exclusively on Contra: vaibhavkhulbe.contra.com
→ Get 3 months FREE on your Framer Pro yearly plan: framer.link/vaibhav_khulbe
→ Get 3 months FREE on your Framer Pro yearly plan: framer.link/vaibhav_khulbe
→ Hire me for your next Framer website exclusively on Contra: vaibhavkhulbe.contra.com
Vaibhav Khulbe on Contra
View Vaibhav Khulbe's Portfolio on Contra, the Independent-first, commission-free freelance marketplace shaping the future of work. Hire a freelancer today!
vaibhavkhulbe.contra.com
April 28, 2025 at 4:47 PM
→ Hire me for your next Framer website exclusively on Contra: vaibhavkhulbe.contra.com
→ Hire me for your next Framer website exclusively on Contra: vaibhavkhulbe.contra.com
→ Get 3 months FREE on your Framer Pro yearly plan: framer.link/vaibhav_khulbe
→ Get 3 months FREE on your Framer Pro yearly plan: framer.link/vaibhav_khulbe
Vaibhav Khulbe on Contra
View Vaibhav Khulbe's Portfolio on Contra, the Independent-first, commission-free freelance marketplace shaping the future of work. Hire a freelancer today!
vaibhavkhulbe.contra.com
April 15, 2025 at 5:14 PM
→ Hire me for your next Framer website exclusively on Contra: vaibhavkhulbe.contra.com
→ Get 3 months FREE on your Framer Pro yearly plan: framer.link/vaibhav_khulbe
→ Get 3 months FREE on your Framer Pro yearly plan: framer.link/vaibhav_khulbe
→ Hire me for your next Framer website exclusively on Contra: vaibhavkhulbe.contra.com
→ Get 3 months FREE on your Framer Pro yearly plan: framer.link/vaibhav_khulbe
→ Get 3 months FREE on your Framer Pro yearly plan: framer.link/vaibhav_khulbe
Vaibhav Khulbe on Contra
View Vaibhav Khulbe's Portfolio on Contra, the Independent-first, commission-free freelance marketplace shaping the future of work. Hire a freelancer today!
vaibhavkhulbe.contra.com
April 11, 2025 at 4:31 PM
→ Hire me for your next Framer website exclusively on Contra: vaibhavkhulbe.contra.com
→ Get 3 months FREE on your Framer Pro yearly plan: framer.link/vaibhav_khulbe
→ Get 3 months FREE on your Framer Pro yearly plan: framer.link/vaibhav_khulbe
→ Hire me for your next Framer website exclusively on Contra: vaibhavkhulbe.contra.com
→ Get 3 months FREE on your Framer Pro yearly plan: framer.link/vaibhav_khulbe
→ Get 3 months FREE on your Framer Pro yearly plan: framer.link/vaibhav_khulbe
Vaibhav Khulbe on Contra
View Vaibhav Khulbe's Portfolio on Contra, the Independent-first, commission-free freelance marketplace shaping the future of work. Hire a freelancer today!
vaibhavkhulbe.contra.com
April 2, 2025 at 5:20 PM
→ Hire me for your next Framer website exclusively on Contra: vaibhavkhulbe.contra.com
→ Get 3 months FREE on your Framer Pro yearly plan: framer.link/vaibhav_khulbe
→ Get 3 months FREE on your Framer Pro yearly plan: framer.link/vaibhav_khulbe