Lewis John Villamor
V

Voxel QR

LiveFreeDesign

Turn any link into a living 3D voxel sculpture that transforms into a scannable QR code. No backend, no accounts.

Visit site

Made by

LE
Lewis John Villamor

@lewis-john-villamor

Full Stack Developer / Solutions Architect

Open to freelancePhilippines
View profile · 22 projects

Journey

More from Lewis John Villamor

See all 22
P

PulseShift

Open-source crypto lab that draws AI buy/sell signals on live charts. Paper only.

Live
K

Kemdara

Cryptography Workbench

Building
P

Project Hibernate

Local desktop app that reclaims disk space from dormant dev projects by removing rebuildable artifacts, never source cod

Live
C

Confidential File Merger

Merges PDFs and images into one PDF on your own machine. Self-hosted, fully offline, nothing ever leaves your computer.

Live
LE

Lewis John Villamor

Oct 6·

Two bugs the tests caught

• Downloads silently did nothing — detached <a> + blob URL is ignored in Chromium
• The menu was unreachable — clipped by the panel's scroll, then re-parented by a backdrop-filter. Both left a valid bounding box, so it measured visible and no cursor could reach it

263 unit + 95 e2e tests, all green.

LE

Lewis John Villamor

Oct 5·

Export rework — the code you save is now the code, not a screenshot of it

• Was: a screenshot of the 3D canvas — scene background baked in, resolution set by your window size
• Now: drawn from the matrix at a size you pick
• Copy code → clipboard, paste into any message
• PNG for screen → email, decks, chat
• PNG for print → 300dpi at 17cm, 2,000+ px square
• SVG → vector, one file prints at any size
• Picture of the sculpture → kept, now named as what it is
• Module sizes stay whole pixels — fractional widths are the top cause of a pretty code that won't scan
• Canvas and SVG share one geometry module, so they can't drift apart

LE

Lewis John Villamor

Oct 2·

Did you know?

The QR code was invented in 1994 by Masahiro Hara at Denso Wave, a Toyota company, to track car parts on a factory line.

The idea came from a lunch break. Watching colleagues play Go, he saw how black and white stones on a grid made patterns the eye could read instantly — and built a code around it.

Those three corner squares? He went hunting through printed publications for a proportion that almost never occurs in text, so a scanner could lock onto the code from any angle, upside down, at speed.

Then Denso Wave patented it and chose never to enforce it. That's why QR is everywhere, and free.

So: a code born from a board game, engineered to be found, given away to the world — and thirty years on we print it as a grey square nobody looks at twice.

That's why we built VoxelQR.

LE

Lewis John Villamor

Sep 30·

Turn any link into a scannable sculpture. Try it now!

LE

Lewis John Villamor

Sep 20·

https://qr-magic-rho.vercel.app/

LE

Lewis John Villamor

Sep 10·

VoxelQR — a link that arrives as a 3D sculpture, then becomes the QR code.

• Encode a link, text, Wi-Fi, contact card, email, SMS or phone number
• Press the sculpture: it's absorbed into a scannable code — press again to return
• 7 sculptures, or upload any picture and it becomes your own voxel object in its own colours
• Module and corner shapes: square, semi-round, round or dots — applied to the voxels and the code alike
• Drop a logo in the middle; error correction rises to cover it
• 5 themes, lofi audio, and live weather from wherever it's being viewed
• Share as a live 3D link, embed it in any page, or save a scannable PNG for email
• Runs entirely in your browser — no account, no backend, nothing sent anywhere

LE

Lewis John Villamor

Sep 7·

The QR base always changes

  • Your link is the code, so its length drives the matrix

  • Short link → 29×29, 419 dark modules

  • Long campaign URL → 41×41, 876 dark modules

  • Longer link = bigger, denser plinth

The sculpture is seeded from the link

  • Same link → always the same sculpture

  • Different link → reshuffled, by varying amounts:

  • Big city, Floating cube — ~100% of cubes move; genuinely different skyline / lattice each time

  • Crystal, Portal, Island — same silhouette, shuffled detail

  • Gift box, Brand (LV) — 0% change, identical by desig

LE

Lewis John Villamor

Sep 5·

Current Voxel QR sculpture options:

  • Floating Cube — a slowly rotating lattice of cubes

  • Crystal — a faceted double-pyramid design and the current default

  • Gift Box — a wrapped voxel box with a ribbon and bow

  • Big City — a miniature downtown skyline with towers and avenues

  • Island — a floating island with a small tree

  • Abstract Portal — a ring of cubes surrounding an open center

  • Brand — a custom LV monogram extruded into a voxel sculpture

Each sculpture can transform into a real, scannable QR code and then reverse back into its 3D form.

LE

Lewis John Villamor

Sep 3·

QR Magic (VoxelQR)

  • Transforms any URL into an interactive 3D voxel sculpture that becomes a real, scannable QR code.

  • Choose from seven sculptures and multiple visual themes.

  • Tap the sculpture for a cinematic QR reveal, then tap again to reverse the transformation.

  • Share the complete read-only 3D experience, embed it on a website, or export a scan-ready PNG.

  • Runs entirely in the browser with no account, backend, database, analytics, or destination-link tracking.

  • Provides reliable scanning through strong contrast, adaptive error correction, responsive quality settings, and a 2D fallback.

  • Supports keyboard navigation, screen readers, and reduced-motion preferences.

  • Adds optional weather effects without interfering with QR scanning.

Use cases

  • Wedding invitations and event materials

  • Restaurant menus and product packaging

  • Business cards and portfolios

  • Marketing campaigns and product launches

  • Websites, blogs, exhibitions, and branded experiences

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

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

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

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