FabricationExperimentsPostsSnippets
FabricationExperimentsPostsSnippets
#css-art#gradients#svg#react#text-effect#3d#virtualization#windowing#color#loader#component#table#isometric#parallax#generative#css-animations#css-transforms#css-transitions#optimistic-ui

Posts

How I Made This Realistic Red Switch (Pure CSS)

css-art, gradients, tutorial
7 Min
dev.to

In this tutorial I explain in detail how I made my popular 'Realistic Red Switch' pen using various CSS techniques, including gradients, 3D transformations, animations, and transitions.

How I Created These Generative Underline Pen Strokes

svg, react, text-effect, tutorial
2 Min
dev.to

I created a small React component that adds a randomly generated pen stroke underline to a given word. The strokes are rendered using an SVG <path/> element.

© 2025 Yoav Kadosh. All Rights Reserved.