Creative Front-end Engineer & Interaction Developer

Bodhi Anthonius Christiaan Mooij

Bodhi Anthonius Christiaan Mooij
Move me
Creative Front-end Engineer - Interaction DeveloperCreative Front-end Engineer - Interaction Developer

Creative Frontend Engineer

IIamamthetheoneonewhowhoturnsturnsvisionvisionintointoreality.reality.IIdesigndesignandandbuildbuilddigitaldigitalexperiencesexperiencesthatthatfeelfeelasasgoodgoodasastheytheylook.look.IIcreatecreateworkworkthatthatstandsstandsout,out,sparkssparksemotion,emotion,andandleavesleavesaalastinglastingimpact.impact.WelcomeWelcometotomymyportfolio.portfolio.ThisThisisiswherewherecreativitycreativitymeetsmeetsexcellence.excellence.

CreativeFront-endEngineerInteractionDeveloperPhotoFilmUIUXDesignCreativeFront-endEngineerInteractionDeveloperPhotoFilmUIUXDesignCreativeFront-endEngineerInteractionDeveloperPhotoFilmUIUXDesignCreativeFront-endEngineerInteractionDeveloperPhotoFilmUIUXDesign

3Work

All projects
01
DevDay
Development
Project
02
Santéble
Brand identity
Design
03
Holy Smokes
Brand identity
Development

[bodhis.lab]

Where creativity meets code.

We are the humans behind the system. We spend our days debugging code, solving impossible problems, and release our creativity in code. Evoke emotion, sharpen ideas, and ship experiments users actually remember.

Browse componentsSubmit your idea

[6 components]

Where creativity meets code.

Smoke Background

Animated WebGL2 smoke noise background with a customizable tint color. Runs in a canvas with ResizeObserver-based sizing.

Animated Slider

Radix UI slider with an animated NumberFlow value label above the thumb. Smooth digit transitions on drag.

BODHIS LAB HUNTProduct of the Day #1

Award Badge

Product Hunt-style award badge with 3D tilt on hover, rainbow overlay animation, and configurable award type and placement.

Bodhi's Lab

Where creativity meets
code.

Motion, shaders, and interfaces — crafted one experiment at a time.

Fade Up Text

Staggered hero typography with badge, gradient headline, and supporting copy — each block fades up with blur using Framer Motion.

Where creativity meets code.

Etheral Shadow

Animated shadow overlay with SVG displacement filters, hue rotation, and optional film grain noise. Masked typography sits above the effect.

Where creativity meets code.

GLSL Hills

Animated Three.js terrain with GLSL simplex noise displacement. Rolling hills fade into the distance with configurable camera and animation speed.