Portfolio Home Studio Field notes Music Contact
Backstage 00:00:00:00

This is not built by dragging blocks.

Real code, live, from andinawebstudio.com.

01 Explore the examples →
lookback.js

        
build — andina.local
// lines, windows and shapes: all of this is code, not images
Myth vs. reality

It is not drag and drop.

myth.txt

What people imagine

  • Dragging blocks
  • Picking a template
  • The same engine for everyone
  • Just the visuals
reality.js

What actually happens

  • Custom code written line by line
  • Real logic: databases, audio, animation
  • Every site, different under the hood
  • The visuals are the final layer
The examples

Four pieces, one website.

01

Lookback

A shelf built in JS, with its own sound made using the Web Audio API.

lookback.js
spine.addEventListener('click', function(){ shelf.classList.add('is-open'); });
02

Vinyl Player

The record spins in sync with the actual audio, not a separate animation.

vinyl-player.js
tonearm.style.transform = 'rotate(' + deg + 'deg)';
03

Booking

A calendar connected live to Supabase: it blocks, saves and confirms automatically.

booking.js
.eq('estado', 'confirmada').then(renderMonth);
04

Reveals

GSAP and ScrollTrigger decide when each element enters the screen.

reveals.js
scrollTrigger: { start: 'top 75%' }
What we build each page with
new-project.sh
$ ./start

Want something this uniquely yours?

No templates. We write it from scratch.