Architect
An axonometric drawing that draws itself on a drafting grid beside a project index. Hover a project to redraw its building.
- 9.4 KB .bexode
- 8 live inputs
- Responsive fit Layout
Use it
The code follows your customizations. Install with npm i exodeui.
import { ExodeUICanvas } from 'exodeui';
// portfolio-architect.bexode goes in /public (download it below)
export function PortfolioArchitect() {
return (
<ExodeUICanvas
src="/portfolio-architect.bexode"
fit="Layout" // responsive: redraws at any container size
autoPlay
interactive
style={{ width: '100%', height: 560 }}
/>
);
}Inputs
| Input | Type | Default | Range |
|---|---|---|---|
name | Text | Studio Halden | — |
links | Text | Projects,Practice,Writing,Contact | — |
role | Text | Architecture & landscape · Oslo | — |
projects | Text | Harbour Library — Bergen — 2025,House on Stilts — Tasmania — 2024,Kiln Studios — Porto — 2023,Ridge Pavilion — Valais — 2022,Courtyard Housing — Malmö — 2020 | — |
speed | Number | 1 | 0.1 – 3 |
accent | Text | #d2462c | hex colour |
bg | Text | #ecebe6 | hex colour |
text | Text | #151515 | hex colour |