The latest articles on DEV Community by ds xue (@ds_xue_7ad6164aa6e75579f3). https://dev.to/ds_xue_7ad6164aa6e75579f3 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4225739%2F2a0a1d2b-4273-454f-b1b5-df4224584555.png https://dev.to/ds_xue_7ad6164aa6e75579f3 en ds xue Wed, 04 Nov 2026 08:38:02 +0000 https://dev.to/ds_xue_7ad6164aa6e75579f3/i-built-a-fully-procedural-cyberpunk-city-landing-page-no-gltf-no-textures-no-fonts-1hic https://dev.to/ds_xue_7ad6164aa6e75579f3/i-built-a-fully-procedural-cyberpunk-city-landing-page-no-gltf-no-textures-no-fonts-1hic <p>Hi! I open-sourced <strong>SN0VV CITY</strong>, an immersive 3D cyberpunk city landing page built with Next.js 16, React 19, and Three.js (MIT).</p> <h3> Highlights </h3> <ul> <li>100% procedural: zero external models, textures, or font files</li> <li>Buildings expose "slots" you can wire to self-hosted services</li> <li>Perf: InstancedMesh batching + throttled shadow updates</li> <li>Mobile-friendly with a non-WebGL fallback</li> </ul> <h3> Links </h3> <ul> <li>Repo: <a href="https://github.com/SN0VV0511/web-luodi" rel="noopener noreferrer">https://github.com/SN0VV0511/web-luodi</a> </li> <li>Implementation notes (Chinese): <a href="https://juejin.cn/post/7704133695385059364" rel="noopener noreferrer">https://juejin.cn/post/7704133695385059364</a> </li> </ul> <p>Would love feedback on performance and the procedural look.</p> threejs webdev opensource nextjs