◀ VibeCruiser

immersive photo gallery

A free CSS animation — play it in your browser, no install. An immersive frontend photo gallery featuring Three.js WebGL, GSAP motion, and AI-assisted image interpretation.

by @DancingCircles · DancingCircles/immersive-photo-gallery on GitHubLANG TypeScriptHOSTED ON DANCINGCIRCLES.GITHUB.IOUPDATED 13 Sep 2026

Vote and save it — free account with email or sign in with GitHub

Made this, @DancingCircles? See how many people played it → or use email

▶ Play full screen ▲ Vote: free account with email ▲ Or sign in with GitHub

GitHub may ask you to sign in, then to let VibeCruiser “Verify your GitHub identity” and “Act on your behalf”. We only read your profile and email, and never post anything.

Open the live demo Source on GitHub

From the README

一个以摄影作品为核心的沉浸式前端画廊,包含编辑式推荐首页、可交互的 Three.js WebGL 作品墙和独立作品详情页。

项目重点放在视觉呈现、交互性能和内容层解耦:默认使用仓库内的本地快照运行,也可以在正式环境通过同源内容接口接入私有后端。后端服务、数据库和运营数据不包含在本仓库中。

以编辑式推荐网格呈现每日精选作品。 使用 GSAP 完成作品到详情页的多阶段转场。 关闭详情后恢复原卡片位置与键盘焦点。 支持背景音乐、减少动态效果偏好和响应式布局。

使用 Three.js 构建可循环浏览的 WebGL 作品墙。 支持 3D 空间视角和 Flat 视角。 支持鼠标拖拽、触摸、滚轮、方向键和 Home 键。 使用固定卡片池、纹理复用和分页预取控制 CPU 与 GPU 开销。 在 WebGL 不可用、设备性能受限或用户减少动态效果时降级到 Flat 模式。

展示作品标题、摄影师、创作说明、编辑文案和来源信息。 展示图片解读与 AI 生成提示词(如果内容存在). 支持直接访问和分享详情路由。

local:从 infrastructure/local/fixtures.ts 读取本地快照,适合开发、开源协作和静态演示。 http:通过同源 /api/content/* 路由接入私有实时内容服务,适合正式环境。

Read the full README on GitHub →

Built something like this? Submit your vibe — free account, takes a minute. How listing works.

More like this

Made this?

Claim it: create a free account, then press CLAIM THIS in the cruiser. Put the badge below in your README or on your demo page first; that link is how we know it's yours.

Your project is on the cruise, loaded live from your own site. Put the badge in your README or on the demo page: it shows your live play count, it links back to this page, and everyone who lands here is one click from running the real thing.

On VibeCruiser

How listing, the badge and claiming work →