ProjectsProject Detail
ZNVerse
A registry-first catalog for UI effects—browse and search on the web app, run live demos in an isolated preview runtime, copy source from disk.
The Brief
One catalog for motion experiments that used to live everywhere.
ZNVerse turns scattered UI demos into validated registry folders—each effect ships with manifest metadata, src, preview entry, and README.
The main Next.js site never executes arbitrary WebGL inside its own bundle. A separate preview app mounts demos; the catalog embeds them in sandboxed iframes with slow-load UX and a source API for copy-out.
Technical Architecture
apps/web
Catalog, detail, search, SEO, and GET /api/effects plus /api/source for inline files.
apps/preview
Isolated preview runtime on a separate port—registry preview entries mount here.
registry/
Single source of truth — effect:validate and effect:create keep manifests and preview maps aligned.
Browse like a product, copy like a repo
Landing explains the loop; category and tag navigation scales as effects grow; detail pages pair live iframe preview with copy-ready source panels.
MVP loop
Browse · Preview · Copy
Content
Registry SSOT
Role
Full Stack Product Engineer
Client
Personal product / developer catalog
Date
2026
Collaborators
Solo build
Next Project