---
title: "The Basalt Collective | Erkam Demirci — Full Stack Developer"
description: "The original runs a bespoke in-house animation framework and hand-written WebGL1 with no GSAP, Lenis or three.js: its modules never paint, they turn scroll position, viewport intersection and pointer position into CSS custom properties and state classes. The rebuild ports those mechanisms — split, lazy, progress, parallax, sequence, in-view, header colour — into one hand-written file, with thirteen shaders recovered verbatim, across six routes."
canonical_url: "https://erkamdemirci.com/projects/basalt"
last_updated: "2026-09-02"
language: "en"
---

# The Basalt Collective

> The original runs a bespoke in-house animation framework and hand-written WebGL1 with no GSAP, Lenis or three.js: its modules never paint, they turn scroll position, viewport intersection and pointer position into CSS custom properties and state classes. The rebuild ports those mechanisms — split, lazy, progress, parallax, sequence, in-view, header colour — into one hand-written file, with thirteen shaders recovered verbatim, across six routes.

- Project: The Basalt Collective
- Type: Design Collective Site
- Role: Front-end Reconstruction

## Project Overview

## Why vanilla

When the target's framework does no painting of its own, a framework rebuild would add machinery the design does not use. Mechanisms were ported instead of restyled.

## Generated from the capture

The stylesheet is generated from the captured raw sheets and the six routes from each captured document, so the rebuild is regenerable and the diff against the reference stays honest.