Q.CHING.AI

React • Next.js • Tailwind CSS

I was hired to build the interface for Modellator, an image-to-3D conversion tool. I designed and implemented the UI: dark themes, gradient accents, modal systems, and form components.

The client later repurposed this design system for qching.ai, an I-Ching interpretation platform.

The components I built are still running in production at qching.ai today.

Where It Started: Modellator

Modellator conversion interface

Built the conversion interface with real-time progress tracking

Image upload
3D conversion result

Upload modal and the 3D result generated (example)

The Pivot: qching.ai

qching.ai landing page

Built many components for qching's landing page, and other pages (extension of shadcdn)

qching.ai authentication

Created auth flows using the same design system