Vistep

Vite is frontend tooling for modern web projects, developed in the vitejs organization. It combines a development server that extends native ES modules with fast Hot Module Replacement and a build command that bundles code with Rolldown into optimized static assets for production. It provides a JavaScript and plugin API with full typing support, and is distributed under the MIT license.

Viscose is a portfolio carousel rendered as a single full-screen WebGL fragment shader rather than a grid of DOM elements. Project cards travel around a mostly off-screen ring that can be turned by scrolling, dragging, swiping, or clicking; momentum carries the ring and it snaps the nearest card to the front. Signed distance fields make neighboring cards melt together as they approach and form thin, sagging threads as they separate, while pointer interaction softens the field, shifts nearby cards, and creates connecting effects. The same shader pass renders the threads, the refracting glass-like edges at the top and bottom of the viewport, and the cursor tag. On touch devices, swiping turns the ring and press-and-hold triggers the hover effects. The project includes a development-only lil-gui panel with roughly 136 live parameters and is built with Next.js, React, Three.js, GSAP, and Tailwind CSS; it requires Node.js 20 or newer to run locally.

Holosticker is a browser-based holographic sticker studio developed by jal-co. It accepts SVG or PNG artwork, renders a PBR holofoil surface with view-dependent diffraction bands, thin-film iridescence, metallic flakes, and environment reflections, and supports pointer-driven tilt effects. The studio generates die-cut borders using an exact Euclidean distance transform with morphological closing for cut tolerance. It also provides ink-density control, triangle, square, and stripe refractor overlays with per-facet diffraction phases, and a 3D peel effect with a graded hinge bend, conical curl, and glossy foil-liner backside. Settings can be saved or imported as JSON, and transparent PNGs can be exported at 1024, 2048, or 4096 pixels. The static Vite application uses React, TypeScript, Tailwind CSS, shadcn/ui, and three.js, and is deployed on Vercel.

Kage is an interactive five-chapter night walk through a Kyoto mountain temple, rendered live in Three.js and WebGL. As the page scrolls, a camera moves through procedurally constructed architecture, lantern light, fog, rain, drifting leaves, terrain, a vermilion moon, and a restrained bloom pipeline. Generated scene plates, alpha-preserving WebP foreground artwork, editorial typography, and section-specific fade and blur transitions are layered over the live 3D world. The project is a deliberately small static site contained in one HTML document, using a vendored Three.js r149 build without a package manager or build step. It includes chapter navigation, responsive mobile layout, reduced-motion behavior, and a custom cursor for precise pointer devices; it has no runtime network dependency. No license is granted for reuse or redistribution of the original Kage code or artwork, while the included Three.js runtime retains its MIT license notice.