Hanif Bahari

Development / selected systems

BUILD
THE INVISIBLE.

Code is choreography for machines. These case studies expose the constraints, architecture, failures, and decisions behind the interface.

VersionLoom website hero showing the visual history workspace beside its creative workflow statement

VersionLoom

A local-first macOS workspace that turns creative file history into a visual timeline for comparing, annotating, organizing, and restoring earlier directions.

2026

ViraChin app mark surrounded by abstract Persian letterforms on a dark background

ViraChin

An offline desktop utility that prepares editable Persian compatibility text for design tools with incomplete right-to-left support and creates transparent title artwork with local fonts.

2026

Folioflow motion inspector showing six geometric artworks, a portrait-video preview, and a visual timeline

Folioflow

A focused macOS editor for turning still images into polished vertical reels, with per-clip motion, a visual timeline, soundtrack controls, and direct H.264 export.

2026

A lone traveler holding a red balloon in a hand-painted field beneath a large bare tree

The Red Balloon

A short atmospheric 2D narrative puzzle game that brings hand-painted watercolor scenes, environmental puzzles, animated encounters, and an original soundscape into a quiet journey across a fading world.

2026

Open source / reusable systems

Built to leave
the repository.

Small, focused TypeScript packages shaped for real projects: documented, versioned, and available without runtime dependency weight.

01v2.0.1 / MIT

custom-search-lib

A lightweight TypeScript search toolkit for in-memory datasets, with fuzzy matching and wildcard support and no runtime dependencies.

npm install custom-search-lib
  • TypeScript
  • Fuzzy search
  • Zero dependencies
View on npm Source
02v2.0.0 / MIT

ssr-library

A dependency-free TypeScript toolkit for safely building and rendering server-side HTML components in Node.js.

npm install ssr-library
  • Server rendering
  • Node.js
  • ESM + CommonJS
View on npm Source
03v0.1.3 / MIT

design-system-guard

A TypeScript policy engine for enforcing design-system rules across React code, continuous integration, and AI-assisted development.

npm install design-system-guard
  • Static analysis
  • Accessibility
  • CI tooling
View on npm Source