Bapple

A liquid-glass component library and Apple-style product storefront on the web.

Problem

Recreating Apple-level interface craft on the web is hard — most “glass” demos are shallow CSS or WebGL toys that do not feel product-ready.

Solution

Bapple is a liquid-glass library of components plus a full Banana Store demo (iPhone Duo, BanaBook, Banana Vision Pro). Built as a high-fidelity exercise in product UI, motion, and attention to detail.

Stack

HTML · CSS · JavaScript · Liquid glass UI · Component library

Outcome

Public component playground and storefront parody at jvalaj.github.io/bapple — used as a design-engineering reference for glass refraction, hierarchy, and retail UX patterns.

Relevant craft

UI design · human interface · attention to detail · prototyping · frontend engineering · design systems · customer-facing product UI

Built by Jvalaj Pandey, software engineer & UI designer.