Editorial
Open Design Landing
Open Design 落地页
Atelier Zero editorial collage landing page with a sticky navigation and scroll reveals.
open-design-landing
Open page
biaobiao.space / static collection / 2026
Design Lab.
A managed, static collection of the official OpenDesign examples selected from the local repository. Each page is exported from its original example source; the server only serves files.
Ready pages
Official local source / static export
Prototype
Wireframe Sketch
线框草图
Graph paper, marker lines, tabs, sticky notes, and low-fidelity dashboard sketches.
wireframe-sketch
Open page
Document
Kami Parchment
Kami 羊皮纸文档
Warm parchment and ink-blue editorial typography for a print-like document.
kami-parchment
Open page
Document
Digital E-guide
数字电子指南
A two-spread digital guide with cover, table of contents, lessons, and pull quotes.
digital-eguide
Open page
Editorial
Magazine Poster
杂志海报
A newsprint editorial poster with oversized serif type and numbered sections.
magazine-poster
Open page
Dashboard
Dating Web
约会网站
Consumer dashboard with a left rail, KPI grid, and editorial data charts.
dating-web
Open page
Marketing
Email Marketing
电子邮件营销
Centered HTML email layout for a product launch, hero image, CTA, and specs.
email-marketing
Open page
Document
Kami Landing
Kami Landing
A print-grade paper one-pager with multilingual editorial composition.
kami-landing
Open page
Motion
Velar. Real Estate
Velar 奢侈地产落地页
Cinematic real-estate landing page with a preloader, scroll choreography, and count-up statistics.
velar-real-estate
Open page
Marketing
Waitlist Page
等候列表页面
A compact pre-launch landing page with email capture and flexible brand tokens.
waitlist-page
Open page
WebGL
Aurora Veil
极光帘幕
Cursor-reactive aurora curtains over a night sky, rendered in one self-contained page.
webgl-aurora-veil
Open page
WebGL
Caustic Pool
水面焦散
Interactive water caustics with click-to-drop ripples and no image textures.
webgl-caustic-pool
Open page
WebGL
Halftone Drift
半调漂移
A moving field filtered through a duotone halftone screen.
webgl-halftone-drift
Open page
WebGL
Holographic Foil
全息箔片
Angle-reactive thin-film color over a crushed-foil surface.
webgl-holographic-foil
Open page
WebGL
Liquid Iridescence
虹彩流体
Living oil-on-water color filaments that bend with the cursor.
webgl-liquid-iridescence
Open page
WebGL
Liquid Metal
液态金属
A real-time molten-chrome shader with sweeping highlights and no textures.
webgl-liquid-metal
Open page
WebGL
Neon Grid
霓虹网格
A synthwave horizon, banded sun, and perspective grid in a fragment shader.
webgl-neon-grid
Open page
WebGL
Particle Galaxy
粒子星系
A GPU point cloud with thousands of particles orbiting a bright core.
webgl-particle-galaxy
Open page
WebGL
Voronoi Cells
Voronoi 细胞
Drifting Voronoi cells and glowing boundaries that react to the cursor.
webgl-voronoi-cells
Open page
WebGL
Raymarched Hero
光线步进主视觉
A fragment-shader 3D hero with soft-shadowed metaballs, a slow camera orbit, and no external assets.
webgl-raymarched-hero
Open page
WebGL
WebGL Experience
WebGL 体验
A self-contained, real-time aurora field with a full-screen WebGL2 shader and typographic overlay.
webgl-experience
Open page
Held for source review
Not published as a look-alike
- Huashu 杂志文章The screenshot references huashu-md-html, which is not present in the local OpenDesign repository.
- 设计评审 / CritiqueThis is an OpenDesign workflow that needs a target HTML artifact, not a standalone public page.
- Orbit 综合简报This feature depends on authenticated connectors and a daemon; it should not be published as a static mock site.
- 实时调参The exact source was not found among the local official plugin examples.
- Taste Brutalist 编辑风格The card cites a third-party source. Its upstream license must be checked before a public copy is made.
- Motion FramesThis is a motion-composition tool rather than one standalone static website.