Generative, interactive, and algorithmic visual works - exploring the intersection of design, technology, and human perception through HTML, CSS, JavaScript, and Canvas.
"Code is not merely a tool - it is a medium. Like ink on paper or light through glass, programming languages carry their own aesthetic possibilities. My digital works explore how algorithms can generate beauty, how interaction can create meaning, and how the web browser itself becomes a gallery wall."Sara Bensalem - Artist Statement
Interactive visual compositions generated in real-time using JavaScript and the HTML5 Canvas API. Each piece responds to viewer interaction - move your cursor to influence the work.

An interactive De Stijl composition tool - customize primary colors, grid density, line weight, and recursion depth. Download your creation as a Pantone-style swatch card with QR code.
Launch Tool →A flowing particle field that responds to cursor presence - representing the distributed networks of human connection that transform spaces into places.
Geometric tessellations generated from architectural proportioning systems - exploring the mathematical foundations of Islamic geometric art through code.
A living color field that breathes and shifts - noise-driven gradients inspired by the way natural light transforms architectural surfaces throughout the day.
A fractal tree system that grows and sways in response to cursor movement - each branch angle determined by recursive subdivision and noise perturbation.
An evolving Voronoi diagram that visualizes urban spatial partitioning - the way cities divide into neighborhoods, blocks, and parcels through organic growth patterns.
Explorations of typography as living, dynamic form - where letterforms become data visualizations, respond to interaction, and challenge the static conventions of print design.
Letterforms deconstructed into constituent geometric elements - each character broken into arcs, stems, and serifs, then reassembled algorithmically.
Text rendered as oscillating waveforms - where the written word becomes a visual frequency, merging linguistic meaning with mathematical rhythm.
Letterforms dissolve into particle clouds and reassemble into new words - a meditation on how meaning emerges, transforms, and reconstitutes through visual language.
Visual compositions created entirely with CSS - no images, no JavaScript. Exploring the expressive boundaries of stylesheets as an artistic medium.
A living architectural elevation rendered entirely in CSS gradients and transforms - an exploration of how purely declarative styling can produce complex spatial imagery.
Overlapping CSS radial gradients with mix-blend-mode create moiré-like interference patterns - pure visual mathematics without a single line of JavaScript.
A rhythmic composition of CSS Grid cells animated with staggered delays - exploring the contemplative potential of systematic repetition and variation.