← All work

(Website — 2026)

LCACC — The Next Wave

A website, admin dashboard and in-browser magazine studio for a school Leo club — led by a crest built from 45,000 particles.

Client
Leo Club of Anuradhapura Central College
Services
Web design, Front-end development, 3D & motion, Content management
Built with
WebGL / Three.js, GSAP, Lenis, Firebase
Year
2026 · In progress
LCACC — The Next Wave — main screen

(Overview)

The club wanted more than a brochure site. We designed an emerald-and-gold identity taken from the crest, built a hero where 45,000 WebGL particles rise into the crest and scatter as you scroll, and gave editors a dashboard to publish projects, stories and awards themselves. Then we built Magazine Studio: a Word-style editor where the club writes, designs and publishes its monthly magazine in the browser.

(What we built)

  1. 01WebGL hero: the real crest sampled into ~45k particles that react to the cursor
  2. 02Preloader, page transitions, pinned galleries and scroll-lit text — all off under reduced motion
  3. 03Admin dashboard for projects, journal, awards, messages and team access
  4. 04Magazine Studio: ribbon editor, 20 page layouts, 6 themes, autosave and undo
  5. 05Page-turning magazine reader with spreads on desktop and swipe on phones
  6. 06Published content swapped in before animations start, so nothing flickers
LCACC — The Next Wave — screen 1
LCACC — The Next Wave — screen 2
LCACC — The Next Wave — screen 3
LCACC — The Next Wave — screen 4
(Next project)Cricket Live Scoreboard & Overlay