Yoav I. Kadosh's Blog

The Complete Guide to 3D-Printed Concrete Molds

yoavks@gmail.com (Yoav Kadosh) — Mon, 31 Aug 2026 00:00:00 GMT

Design, prepare, pour, demold, cure, and finish concrete cast in 3D-printed molds.

Canvas Path Animations using SVG

yoavks@gmail.com (Yoav Kadosh) — Wed, 29 Jul 2026 00:00:00 GMT

Draw anything along an arbitrary path by combining the Canvas API with two little-known SVG methods - getTotalLength() and getPointAtLength().

Bosch GAS 12-25 PL Reinforced Replacement Parts

yoavks@gmail.com (Yoav Kadosh) — Thu, 23 Jul 2026 00:00:00 GMT

Risk Matrix

yoavks@gmail.com (Yoav Kadosh) — Tue, 21 Jul 2026 00:00:00 GMT

MockPilot – Turn any webpage into an editable mockup

yoavks@gmail.com (Yoav Kadosh) — Thu, 09 Jul 2026 00:00:00 GMT

MockPilot

yoavks@gmail.com (Yoav Kadosh) — Mon, 15 Jun 2026 00:00:00 GMT

Turn any live webpage into an editable mockup on your desktop, using natural language - no design or coding skills needed. Capture full pages or single components from any URL, auto-extract typography, colors, components and icons into a reusable asset library, then edit in plain English with an AI that keeps everything on-brand. Export as clean, standalone HTML. Free & open source, for macOS and Windows.

3D Card Effect

yoavks@gmail.com (Yoav Kadosh) — Fri, 15 May 2026 00:00:00 GMT

Generative Gradient Blobs

yoavks@gmail.com (Yoav Kadosh) — Fri, 15 May 2026 00:00:00 GMT

Photo Easel

yoavks@gmail.com (Yoav Kadosh) — Mon, 20 Apr 2026 00:00:00 GMT

IKEA Highchair Footrest Clamp

yoavks@gmail.com (Yoav Kadosh) — Sun, 19 Apr 2026 00:00:00 GMT

Wall Chess

yoavks@gmail.com (Yoav Kadosh) — Sun, 15 Feb 2026 00:00:00 GMT

Adjustable Hole Drill Storage Box (120mm)

yoavks@gmail.com (Yoav Kadosh) — Sun, 15 Feb 2026 00:00:00 GMT

KeyFlip Assembly Instructions

yoavks@gmail.com (Yoav Kadosh) — Fri, 29 Aug 2025 00:00:00 GMT

KeyFlip

yoavks@gmail.com (Yoav Kadosh) — Mon, 25 Aug 2025 00:00:00 GMT

My Thoughts on the AI Revolution

yoavks@gmail.com (Yoav Kadosh) — Fri, 28 Mar 2025 00:00:00 GMT

Is AI going to replace engineers? A post about AI, written with the aid of AI.

useCanvasAnimation()

yoavks@gmail.com (Yoav Kadosh) — Wed, 12 Mar 2025 00:00:00 GMT

A React hook for rendering canvas animations

Debugging "max serverless size exceeded" in Next.js

yoavks@gmail.com (Yoav Kadosh) — Sun, 09 Mar 2025 00:00:00 GMT

How to debug the "A Serverless Function has exceeded the unzipped maximum size of 250 MB" error in Next.js & Vercel

Gallery Wall Picture Frames

yoavks@gmail.com (Yoav Kadosh) — Tue, 23 Jul 2024 00:00:00 GMT

Guitar Tuner Battery Cap

yoavks@gmail.com (Yoav Kadosh) — Tue, 18 Jun 2024 00:00:00 GMT

Picture Frame Spacer & Level

yoavks@gmail.com (Yoav Kadosh) — Fri, 14 Jun 2024 00:00:00 GMT

Light Switch Mount for HSW

yoavks@gmail.com (Yoav Kadosh) — Sun, 26 May 2024 00:00:00 GMT

3D Pen Holder for HSW

yoavks@gmail.com (Yoav Kadosh) — Fri, 24 May 2024 00:00:00 GMT

Cart Coin (5 Shekels)

yoavks@gmail.com (Yoav Kadosh) — Thu, 23 May 2024 00:00:00 GMT

Bosch Multitool Holder

yoavks@gmail.com (Yoav Kadosh) — Tue, 21 May 2024 00:00:00 GMT

Tool Set Holder for HSW

yoavks@gmail.com (Yoav Kadosh) — Fri, 10 May 2024 00:00:00 GMT

Brick Drawer Handle

yoavks@gmail.com (Yoav Kadosh) — Fri, 03 May 2024 00:00:00 GMT

Planter Box

yoavks@gmail.com (Yoav Kadosh) — Sun, 21 Apr 2024 00:00:00 GMT

A custom built wooden planter box that wraps the corner of my apartment

Skipping Rope Handles

yoavks@gmail.com (Yoav Kadosh) — Fri, 12 Apr 2024 00:00:00 GMT

HSW for AMS Riser V2 (Honeycomb Storage Wall)

yoavks@gmail.com (Yoav Kadosh) — Wed, 03 Apr 2024 00:00:00 GMT

Brick Base Plate with Logo (22x22)

yoavks@gmail.com (Yoav Kadosh) — Fri, 22 Mar 2024 00:00:00 GMT

Star of David Pendant (Freeform/Sketchy)

yoavks@gmail.com (Yoav Kadosh) — Fri, 22 Mar 2024 00:00:00 GMT

Half-Shekel Coin

yoavks@gmail.com (Yoav Kadosh) — Fri, 22 Mar 2024 00:00:00 GMT

iPhone 15 Pro Camera Guard

yoavks@gmail.com (Yoav Kadosh) — Sun, 17 Mar 2024 00:00:00 GMT

Israel Keychain

yoavks@gmail.com (Yoav Kadosh) — Mon, 04 Mar 2024 00:00:00 GMT

Lego Cabinet

yoavks@gmail.com (Yoav Kadosh) — Sun, 26 Nov 2023 00:00:00 GMT

A Lego cabinet that I built for my son, with 6 drawers, internal dividers, 3d printed handles and side panels, and wheels

GradientArt Speed Tutorial - How to create a shingles pattern

yoavks@gmail.com (Yoav Kadosh) — Thu, 07 Sep 2023 00:00:00 GMT

GradientArt - 2023 New Features

yoavks@gmail.com (Yoav Kadosh) — Thu, 07 Sep 2023 00:00:00 GMT

Waterfall Tables

yoavks@gmail.com (Yoav Kadosh) — Mon, 21 Aug 2023 00:00:00 GMT

Two beautiful waterfall tables made from oak, ipe and poplar wood

GradientArt Tutorial - How to create the Minecraft Creeper

yoavks@gmail.com (Yoav Kadosh) — Thu, 17 Aug 2023 00:00:00 GMT

Solar Eclipse

yoavks@gmail.com (Yoav Kadosh) — Sun, 06 Aug 2023 00:00:00 GMT

yoavks@gmail.com (Yoav Kadosh) — Sun, 28 May 2023 00:00:00 GMT

A react component that follows your mouse

Rabbit Hutch

yoavks@gmail.com (Yoav Kadosh) — Sun, 21 May 2023 00:00:00 GMT

A 2-story outdoor rabbit hutch with a hiding spot for our rabbits

Friendship Bench

yoavks@gmail.com (Yoav Kadosh) — Wed, 03 May 2023 00:00:00 GMT

A wooden bench I made for my daughter's school, in memory of the Dee family

Book Shelves

yoavks@gmail.com (Yoav Kadosh) — Mon, 27 Mar 2023 00:00:00 GMT

A set of narrow book shelves I made for a spot in our hallway

useGlobalState()

yoavks@gmail.com (Yoav Kadosh) — Sun, 22 Jan 2023 00:00:00 GMT

Sharing state between React components without context or fancy libraries

usePerishable()

yoavks@gmail.com (Yoav Kadosh) — Tue, 10 Jan 2023 00:00:00 GMT

A React hook for creating perishable elements for animation purposes.

yoavks@gmail.com (Yoav Kadosh) — Mon, 26 Dec 2022 00:00:00 GMT

A React component for embedding CodePens

3D Color Picker

yoavks@gmail.com (Yoav Kadosh) — Sun, 25 Dec 2022 00:00:00 GMT

3D text

yoavks@gmail.com (Yoav Kadosh) — Thu, 15 Dec 2022 00:00:00 GMT

A sass function for generating 3D text with a clever use of CSS text-shadow

Notify

yoavks@gmail.com (Yoav Kadosh) — Wed, 30 Nov 2022 00:00:00 GMT

A notification/toast library for React, inspired by iOS. The notifications are stacked to conserve space and can be dismissed by using the close button (they automatically disappear when their timeout expires).

iOS Notifications

yoavks@gmail.com (Yoav Kadosh) — Tue, 29 Nov 2022 00:00:00 GMT

CSS Mechanical Keyboard

yoavks@gmail.com (Yoav Kadosh) — Thu, 10 Nov 2022 00:00:00 GMT

Infinite Scroll Animation

yoavks@gmail.com (Yoav Kadosh) — Sat, 05 Nov 2022 00:00:00 GMT

yoavks@gmail.com (Yoav Kadosh) — Wed, 26 Oct 2022 00:00:00 GMT

A React component for showing a fallback component when an image cannot be found

useIntersectionObserver()

yoavks@gmail.com (Yoav Kadosh) — Sun, 02 Oct 2022 00:00:00 GMT

A React hook for detecting element visibility within a container

Workbench

yoavks@gmail.com (Yoav Kadosh) — Thu, 28 Jul 2022 00:00:00 GMT

A wooden workbench with a vise for the workshop.

useDocumentEvent()

yoavks@gmail.com (Yoav Kadosh) — Tue, 26 Jul 2022 00:00:00 GMT

A React hook for performantly attaching event listeners to the document

yoavks@gmail.com (Yoav Kadosh) — Sat, 09 Jul 2022 00:00:00 GMT

A React component for rendering content only on the client side

Media Query Mixin

yoavks@gmail.com (Yoav Kadosh) — Sat, 09 Jul 2022 00:00:00 GMT

A sass mixin for breakpoint based media-queries

useAnimationFrame()

yoavks@gmail.com (Yoav Kadosh) — Sat, 09 Jul 2022 00:00:00 GMT

A React hook for working with animation frames

useValue()

yoavks@gmail.com (Yoav Kadosh) — Sat, 09 Jul 2022 00:00:00 GMT

A React hook for persisting non-stateful values

Interactive SVG Graph

yoavks@gmail.com (Yoav Kadosh) — Thu, 07 Jul 2022 00:00:00 GMT

Band Saw Cabinet

yoavks@gmail.com (Yoav Kadosh) — Mon, 13 Jun 2022 00:00:00 GMT

A 3-drawer band saw cabinet with casters

Drill Press Cabinet

yoavks@gmail.com (Yoav Kadosh) — Sun, 22 May 2022 00:00:00 GMT

A drill press cabinet to store bits and accessories.

Turn it up to 11

yoavks@gmail.com (Yoav Kadosh) — Thu, 10 Mar 2022 00:00:00 GMT

Tic Tac Toe

yoavks@gmail.com (Yoav Kadosh) — Wed, 09 Mar 2022 00:00:00 GMT

A wooden tic-tac-toe game board with X and O pieces.

Parallax 404 Page

yoavks@gmail.com (Yoav Kadosh) — Sat, 05 Mar 2022 00:00:00 GMT

Generative SVG Mountains

yoavks@gmail.com (Yoav Kadosh) — Thu, 10 Feb 2022 00:00:00 GMT

The DeLorean (CSS Art)

yoavks@gmail.com (Yoav Kadosh) — Sat, 22 Jan 2022 00:00:00 GMT

3D Like Button

yoavks@gmail.com (Yoav Kadosh) — Sun, 28 Nov 2021 00:00:00 GMT

3D Carousel

yoavks@gmail.com (Yoav Kadosh) — Sun, 24 Oct 2021 00:00:00 GMT

3D Orange Toggle

yoavks@gmail.com (Yoav Kadosh) — Tue, 05 Oct 2021 00:00:00 GMT

Chrome Text

yoavks@gmail.com (Yoav Kadosh) — Thu, 09 Sep 2021 00:00:00 GMT

Outlined Text

yoavks@gmail.com (Yoav Kadosh) — Thu, 09 Sep 2021 00:00:00 GMT

Framed Digits

yoavks@gmail.com (Yoav Kadosh) — Thu, 09 Sep 2021 00:00:00 GMT

Wine Bottle & Glass Holder

yoavks@gmail.com (Yoav Kadosh) — Fri, 03 Sep 2021 00:00:00 GMT

A wine bottle and glass holder made from Pine and Ipe wood

Gradient.art - Designing and Inspecting Complex CSS Gradients

yoavks@gmail.com (Yoav Kadosh) — Thu, 02 Sep 2021 00:00:00 GMT

gra.dient.art is an advanced online CSS gradient editor. In this article i'm exploring its various tools and features.

Justified Scroll Animation

yoavks@gmail.com (Yoav Kadosh) — Fri, 30 Jul 2021 00:00:00 GMT

Multiplication Table Game

yoavks@gmail.com (Yoav Kadosh) — Sun, 25 Jul 2021 00:00:00 GMT

How I Created These Generative Underline Pen Strokes

yoavks@gmail.com (Yoav Kadosh) — Wed, 23 Jun 2021 00:00:00 GMT

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 element.

Underline Pen Strokes

yoavks@gmail.com (Yoav Kadosh) — Sun, 20 Jun 2021 00:00:00 GMT

Paper Cut Text Effect

yoavks@gmail.com (Yoav Kadosh) — Tue, 27 Apr 2021 00:00:00 GMT

GradientArt

yoavks@gmail.com (Yoav Kadosh) — Thu, 08 Apr 2021 00:00:00 GMT

An advanced CSS gradient editor. Design illustrations, patterns, icons, and more using a feature-packed editor with layering, design tools and free cloud storage.

Color Picker

yoavks@gmail.com (Yoav Kadosh) — Tue, 06 Apr 2021 00:00:00 GMT

Wooden chandelier

yoavks@gmail.com (Yoav Kadosh) — Tue, 06 Apr 2021 00:00:00 GMT

A wooden chandelier made from indian rosewood and brass light fixtures.

Isometric Layers

yoavks@gmail.com (Yoav Kadosh) — Thu, 01 Apr 2021 00:00:00 GMT

Retro Text Effect

yoavks@gmail.com (Yoav Kadosh) — Wed, 24 Mar 2021 00:00:00 GMT

How I Made This Realistic Red Switch (Pure CSS)

yoavks@gmail.com (Yoav Kadosh) — Mon, 22 Mar 2021 00:00:00 GMT

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.

Realistic Red Switch

yoavks@gmail.com (Yoav Kadosh) — Tue, 09 Mar 2021 00:00:00 GMT

Neumorphic Shapes

yoavks@gmail.com (Yoav Kadosh) — Mon, 08 Mar 2021 00:00:00 GMT

Webrix.js - Building Blocks for Interactive React Apps

yoavks@gmail.com (Yoav Kadosh) — Wed, 17 Feb 2021 00:00:00 GMT

webrix.js is a set of React components and hooks, each dedicated to solving a single UI challenge. In the article I explore the different components and hooks in this library.

Office Desk

yoavks@gmail.com (Yoav Kadosh) — Fri, 25 Dec 2020 00:00:00 GMT

An L-shoffice desk with oak veneer and top-surface power outlets

Don’t Mix Controlled and Uncontrolled Values In React

yoavks@gmail.com (Yoav Kadosh) — Mon, 26 Oct 2020 00:00:00 GMT

In this article, I will be discussing one of the most fundamental rules in component architecture. This fundamental rule is often violated, leading to issues that are very hard (if not impossible) to solve.

Yard Fence

yoavks@gmail.com (Yoav Kadosh) — Fri, 11 Sep 2020 00:00:00 GMT

A wooden fence built on top of a block wall with some fancy details

Postfix Calculator

yoavks@gmail.com (Yoav Kadosh) — Sat, 15 Aug 2020 00:00:00 GMT

London Bus

yoavks@gmail.com (Yoav Kadosh) — Tue, 11 Aug 2020 00:00:00 GMT

webrix.js

yoavks@gmail.com (Yoav Kadosh) — Mon, 15 Jun 2020 00:00:00 GMT

A set of small, single-purpose React components & hooks, each aimed at overcoming a specific UI challenge. It's not a component bank, but rather a set of building blocks for creating your own unique component bank. Webrix does all the technical heavy lifting, so you can focus on the presentation.

Balancing Responsibilities in Software Components

yoavks@gmail.com (Yoav Kadosh) — Mon, 08 Jun 2020 00:00:00 GMT

Responsibilities and it's derivative — abstractions — are one of the more ambiguous aspects of software quality, at least to me.

Wooden Playhouse

yoavks@gmail.com (Yoav Kadosh) — Tue, 12 May 2020 00:00:00 GMT

An outdoor wooden playhouse with 2 stories and a balcony

Why Rewriting Is Essential for Keeping Software Alive

yoavks@gmail.com (Yoav Kadosh) — Sun, 01 Sep 2019 00:00:00 GMT

Embrace rewriting software components regularly to avoid having to rewrite the entire software eventually.

Kinetic Magnetic Dot

yoavks@gmail.com (Yoav Kadosh) — Wed, 10 Jul 2019 00:00:00 GMT

React Text Highlighter

yoavks@gmail.com (Yoav Kadosh) — Wed, 26 Jun 2019 00:00:00 GMT

Large Table Virtualization

yoavks@gmail.com (Yoav Kadosh) — Sat, 01 Jun 2019 00:00:00 GMT

Atom Loader

yoavks@gmail.com (Yoav Kadosh) — Sat, 16 Mar 2019 00:00:00 GMT

Isometric Text

yoavks@gmail.com (Yoav Kadosh) — Sun, 13 Jan 2019 00:00:00 GMT

Truchet Miles

yoavks@gmail.com (Yoav Kadosh) — Sun, 09 Dec 2018 00:00:00 GMT

Escalade Loader

yoavks@gmail.com (Yoav Kadosh) — Tue, 04 Dec 2018 00:00:00 GMT

Firefly Loader

yoavks@gmail.com (Yoav Kadosh) — Mon, 03 Dec 2018 00:00:00 GMT

3D Tic-Tac-Toe

yoavks@gmail.com (Yoav Kadosh) — Wed, 05 Sep 2018 00:00:00 GMT

Rotating Cube

yoavks@gmail.com (Yoav Kadosh) — Thu, 30 Aug 2018 00:00:00 GMT

Analog Clock

yoavks@gmail.com (Yoav Kadosh) — Mon, 27 Aug 2018 00:00:00 GMT

React Confetti

yoavks@gmail.com (Yoav Kadosh) — Sun, 19 Aug 2018 00:00:00 GMT

truchet.js

yoavks@gmail.com (Yoav Kadosh) — Thu, 15 Mar 2018 00:00:00 GMT

A tiny library for performantly rendering tile patterns using JavaScript. You control which tile is rendered, when, and how, by passing around lists of props which are used by the library to determine whether a change has been made, and a re-render is due.

Enscouto

yoavks@gmail.com (Yoav Kadosh) — Tue, 20 Dec 2016 00:00:00 GMT

A Chrome extension that provided market research and analytic tools for Envato authors, helping them track trends, monitor sales performance, and discover opportunities across the Envato marketplaces. No longer available.