Saim Alshafi | Product Designer

Data visualisation

Interactive 3D

Three.js

Deconstructing images into 3D space

An interactive 3D visualizer that turns any image into a point cloud you can rotate, orbit, and dissect. Explore how color behaves by remapping pixels into RGB cubes and HSV cylinders by turning flat images into spatial data.

Built single-file in vanilla JS + Three.js, deployed as a static WebGL app.

View project on GitHub

Coming soon

Next project currently cooking

A research-driven exploration into how design systems can become more intelligent, modular, and responsive through Figma MCP. This project investigates how design decisions, components, and tokens can move beyond static libraries into adaptive systems that respond to product context, user needs, and AI-assisted workflows.

Progressive Web App

Generative Copy

React

F*eather: A brutally honest weather app

An unconventional weather app that drops the polite tone and tells it like it is. Combines real-time Open-Meteo data with AI-generated reactions driven by a defined personality, shifting with temperature, conditions, and time of day.

Built in React + Vite, deployed as an installable PWA via GitHub Pages with a Cloudflare Worker proxying Claude for the dynamic hero copy.

View project on GitHub

Data visualisation

Interactive 3D

Three.js

Deconstructing images into 3D space

An interactive 3D visualizer that turns any image into a point cloud you can rotate, orbit, and dissect. Explore how color behaves by remapping pixels into RGB cubes and HSV cylinders by turning flat images into spatial data.

Built single-file in vanilla JS + Three.js, deployed as a static WebGL app.

View project on GitHub

Progressive Web App

Generative Copy

React

F*eather: A brutally honest weather app

An unconventional weather app that drops the polite tone and tells it like it is. Combines real-time Open-Meteo data with AI-generated reactions driven by a defined personality, shifting with temperature, conditions, and time of day.

Built in React + Vite, deployed as an installable PWA via GitHub Pages with a Cloudflare Worker proxying Claude for the dynamic hero copy.

View project on GitHub

Coming soon

Next project currently cooking

A research-driven exploration into how design systems can become more intelligent, modular, and responsive through Figma MCP. This project investigates how design decisions, components, and tokens can move beyond static libraries into adaptive systems that respond to product context, user needs, and AI-assisted workflows.

Data visualisation

Interactive 3D

Three.js

Deconstructing images into 3D space

An interactive 3D visualizer that turns any image into a point cloud you can rotate, orbit, and dissect. Explore how color behaves by remapping pixels into RGB cubes and HSV cylinders by turning flat images into spatial data.

Built single-file in vanilla JS + Three.js, deployed as a static WebGL app.

View project on GitHub

Progressive Web App

Generative Copy

React

F*eather: A brutally honest weather app

An unconventional weather app that drops the polite tone and tells it like it is. Combines real-time Open-Meteo data with AI-generated reactions driven by a defined personality, shifting with temperature, conditions, and time of day.

Built in React + Vite, deployed as an installable PWA via GitHub Pages with a Cloudflare Worker proxying Claude for the dynamic hero copy.

View project on GitHub

Coming soon

Next project currently cooking

A research-driven exploration into how design systems can become more intelligent, modular, and responsive through Figma MCP. This project investigates how design decisions, components, and tokens can move beyond static libraries into adaptive systems that respond to product context, user needs, and AI-assisted workflows.