Product thinking × hands-on engineering

I design the product—and help build the real thing.

I’m Salman, a product designer and software engineer working where interaction design, reusable UI, and front-end implementation meet. I partner with teams to turn ambiguous ideas into thoughtful digital products that can actually ship.

Memoji portrait of Salman Hossain Saif

Where I add value

Engineering guided by product judgment

My strongest work sits between a polished prototype and a production interface: shaping the right experience, building its reusable parts, and staying involved through delivery.

01

Product front-end

Turn product requirements and interaction decisions into responsive, production-ready interfaces.

02

Design systems

Create reusable UI patterns that improve consistency and make design-to-development delivery smoother.

03

Prototypes & utilities

Build focused tools and working prototypes to test an idea, solve a real problem, or shorten a workflow.

04

Cross-platform products

Deliver web, progressive web, browser-extension, and hybrid mobile experiences from a shared product foundation.

Tools & technology

A practical front-end toolkit

Tools matter when they help a team collaborate and ship. This is the stack I’m comfortable using across product implementation, experiments, and independent releases.

Core front-end

JavaScript React Astro

UI & interaction

Tailwind CSS Shadcn UI Bootstrap Lottie

Mobile & platform

Ionic Cloudflare GitHub Expo

Additional experience

PHP Gatsby Google Analytics Agentic Engineering

Selected products

Things I’ve designed, built, and shipped

A curated selection of browser tools, mobile utilities, and reusable front-end resources. The full archive includes smaller experiments and earlier releases.

View all side projects
Chromium Extension Avro (অভ্র) for Chrome project icon

Avro (অভ্র) for Chrome

A Chromium extension that makes phonetic Bangla writing available directly inside the browser.

Browser extension · Language input

Visit Project
Tool SuperSimple Lottie Player project icon

SuperSimple Lottie Player

A focused, privacy-friendly utility for previewing Lottie animation files without an account or upload workflow.

Web utility · Animation workflow

Visit
Tool STLRAxis Tally Counter project icon

STLRAxis Tally Counter

A deliberately simple tally counter designed and shipped as a mobile app-store product.

Mobile product · Utility design

Download
Dev Tool Code Comment Cleaner project icon

Code Comment Cleaner

A browser-based developer tool for removing comments from source code quickly and with minimal friction.

Developer tool · Focused workflow

Use the tool
Dev Tool GradientSpector project icon

GradientSpector

A lightweight CSS library with more than 330 ready-to-use gradient color classes.

Open source · Reusable CSS

View on Github

More experiments

Small products are how I keep learning.

Explore the complete collection of apps, extensions, templates, and intentionally simple tools I’ve released over the years.

Browse the archive

How I work

From ambiguity to working software

  1. 01

    Frame the product problem

    Clarify the user need, constraints, and smallest useful outcome before committing to implementation.

  2. 02

    Build reusable foundations

    Translate interaction decisions into responsive components and patterns that are easier to maintain.

  3. 03

    Ship, observe, and improve

    Release working software, learn from real usage, and refine the experience instead of stopping at a mockup.

Need design and engineering to speak the same language?

Let’s turn the product idea into something your team can ship.