</Peter> "21st Dev Vinci"

Joby Aviation

LiveProvenPaidDesign

Together with Joby we built a future-ready brand rooted in the emotional legacy of flight—reimagined for a new era.

Visit siteRepository

Made by

</
</Peter> "21st Dev Vinci"

@petervillanueva

Creative Web Developer

Open to freelanceIloilo, Philippines
View profile · 44 projects

Journey

README

Independent, non-commercial technical recreation, independently implemented for study and learning purposes, with proper credit to the original creators; source code is not distributed, and the work is not presented as or claimed to be the original creators’ own implementation.

More from </Peter> "21st Dev Vinci"

See all 44
M

Monfort

A immersive web by immersive garden & 60fps. Using my Pioneer Model "RE-Model Vinci" was able to have this in good shape

Building
V

Valmont

A classic gsap technique Driven by resn. Using my Pioneer Model "RE-Model Vinci" was able to have this piece put placed

Live

Pear

Recreated the Pear from pear, Honorable Mention - Aug 14, 2026, Using the Vanilla Vite Single Page Approach Structure.

Live
O

On Energy

Rebuilt by Studio 28K using my own expertise of Vanilla JS + Vite implementation, from scratch with my RE model agent.

Live
</

</Peter> "21st Dev Vinci"

Sep 26·

Showcase: Joby Aviation

8-29-2026

</

</Peter> "21st Dev Vinci"

Sep 26·

Joby Aviation — Site of the Day, March 16, 2026. A future-ready brand experience built around the emotional legacy of flight, reimagined through immersive visuals, cinematic motion, and interactive storytelling.

Recreated using Vanilla JavaScript, Vite, and GSAP, with the famous video-scrubbing technique powered by Bunny HLS to create fluid, scroll-driven video interactions. I also focused on site optimization and performance, refining asset delivery, animations, and media handling while maintaining the original visual experience and smoothness.

Building a dev tool or hiring developers? Get seen here. Become our Sponsor

Stays free because of
  • </Peter> "21st Dev Vinci"
  • Carlo Dandan
  • RCastromero()
  • Natzui Alyx
  • Doctor Scoliosis
  • euphydev
  • Joowd
  • Reymark Aguila
  • </Peter> "21st Dev Vinci"
  • Carlo Dandan
  • RCastromero()
  • Natzui Alyx
  • Doctor Scoliosis
  • euphydev
  • Joowd
  • Reymark Aguila
  • </Peter> "21st Dev Vinci"
  • Carlo Dandan
  • RCastromero()
  • Natzui Alyx
  • Doctor Scoliosis
  • euphydev
  • Joowd
  • Reymark Aguila
  • </Peter> "21st Dev Vinci"
  • Carlo Dandan
  • RCastromero()
  • Natzui Alyx
  • Doctor Scoliosis
  • euphydev
  • Joowd
  • Reymark Aguila
Join them

Building a dev tool or hiring developers? Get seen here. Become our Sponsor

Stays free because of
  • Carlo Dandan
  • Natzui Alyx
  • euphydev
  • RCastromero()
  • Joowd
  • Doctor Scoliosis
  • </Peter> "21st Dev Vinci"
  • Reymark Aguila
  • Carlo Dandan
  • Natzui Alyx
  • euphydev
  • RCastromero()
  • Joowd
  • Doctor Scoliosis
  • </Peter> "21st Dev Vinci"
  • Reymark Aguila
  • Carlo Dandan
  • Natzui Alyx
  • euphydev
  • RCastromero()
  • Joowd
  • Doctor Scoliosis
  • </Peter> "21st Dev Vinci"
  • Reymark Aguila
  • Carlo Dandan
  • Natzui Alyx
  • euphydev
  • RCastromero()
  • Joowd
  • Doctor Scoliosis
  • </Peter> "21st Dev Vinci"
  • Reymark Aguila
Join them