KineText
Realtime Kinetic Typography Subtitles

Transforms spoken voice into dynamic motion-graphics subtitles in real time. Designed for streamers with OBS integration, ultra-low latency WebRTC sync, and transparent background support.
🛠 Tech Stack: React, TypeScript, Web Speech API, WebRTC, Tailwind CSS

Launch App

Bicycle Gear Ratio Calculator

A simulation tool for calculating speed, cadence, and skid points across various bicycle gear setups (Road, Minivelo, MTB). Includes interactive visual animations.
Primary Languages: JavaScript, HTML, CSS, PHP

Guide & Usage Launch App

Japanese Test
Vertical Text Formatter

Formats horizontal Japanese text into a traditional vertical layout styled like Japanese school exam sheets. Supports furigana (ruby characters) and customizable answer boxes. PC recommended.
Primary Languages: PHP, JavaScript, HTML, CSS

Tool Guide (JP) Launch Tool

Progress & Schedule
Gantt Scheduler

A web-based Gantt chart application built with Next.js and TypeScript. Features intuitive task drag-and-drop adjustments and interactive SVG dependency connecting lines. Designed to be feature-rich yet clutter-free.
🛠 Tech Stack: Next.js, TypeScript, Tailwind CSS, Zustand

Launch App

Illustration Asset Site
Illusten

A free downloadable asset library featuring warm and gentle illustration artwork.
Languages: TypeScript, JavaScript, HTML, CSS, PHP
Frameworks & Libraries: Astro, Tailwind CSS

Visit Site

Kids' Playground

Simple and cheerful animations that respond dynamically to clicks and taps. A lightweight digital playground designed for young kids.
Primary Languages: JavaScript, HTML, CSS, PHP

Play