Experience the power of modern web animations. Move your mouse, scroll the page, and click anywhere to see the effects in action.
Modern effects that create engaging, memorable experiences
Elements move at different speeds as you scroll, creating depth and immersion
Interactive elements respond to your cursor position in real-time
Smooth transitions and micro-interactions bring the interface to life
Procedurally generated visuals that are unique every time
Click the boxes below to see different interaction patterns
Full website demonstrations showcasing vibe code capabilities in action
界限街 TEDx — Visual Edition
Ideas of Crossing — visual-first design with "The Line as Canvas" concept, nanobanana AI-generated visuals, scroll animations, and poetic storytelling
界限街 TEDx — Partners Page
Partners page with enquiry form — WCAG 2.1 AA, mobile-first, bilingual, 4 partnership types, multi-select form, TEDx compliance
信義 TEDx — 城市創意策展
City creative festival site: 6-page bilingual TEDx event with lineup-style speakers, sustainability stage design, community hub, and blog
香港島東扶輪社
Interactive timeline, project gallery with filters, network visualization, and bilingual content
AI賦能・人情為本
Parallax storytelling with infographics: automate the mundane, design the meaningful
光芒公關及數字行銷
Hong Kong integrated PR, events, social media and creative production agency — strategic communications with hands-on execution
中小企 AI 自動化平台
Hong Kong SME AI automation platform with an interactive 3D carnival hero — explore 5 AI booths with WASD controls, destroy & rebuild mechanics, and learn how AI transforms your business
More demos coming soon
Stay tuned for new showcases