Showcase

Concept sites

Concept websites built by Pearkoder to explore ideas in 3D, motion and interaction.

Aurelia — 3D salon site preview

Aurelia — 3D salon site

A hair and beauty salon website where the page is a 3D room. Each station in the room is a section: welcome (reception), services (styling chairs), treatments (wash basins), gallery (framed wall), book (booking console), visit (window).

  • @react-three/drei
  • @react-three/fiber
  • @react-three/postprocessing
  • postprocessing
  • three

Not done yet

  • Mobile/low-power fallback (a lighter scene or a static one) and a plain-HTML version for SEO and screen readers
  • Real client photography in the gallery, the real brand name, address and hours
  • A real booking backend
Visit site
Ratnadvipa — gems of Sri Lanka preview

Ratnadvipa — gems of Sri Lanka

A scroll-driven field guide on white paper. Eight Sri Lankan gem types, one section each: blue sapphire, fancy-coloured sapphire, star ruby, garnet, tourmaline, chrysoberyl cat's eye, spinel and moonstone. When a section arrives, the gem drops onto the page, a watercolour stain in its colour spreads and soaks into the paper, and its details fade in.

  • @react-three/drei
  • @react-three/fiber
  • @react-three/postprocessing
  • gsap
  • postprocessing
  • three

Not done yet

  • A plain-HTML fallback for SEO and screen readers when WebGL is unavailable
  • Verified gemmological data and real specimen photography; the values are typical ranges
  • Faceted gems use simple lathe cuts, not true facet layouts
Visit site