Architecture Firm
Minimal architecture practice: project grid, design philosophy, awards, commission process.
Install
npx shadcn@latest add "https://webberui.com/r/architecture-firm.json?t=<install token>"The whole page lands in app/templates/architecture-firm/. You can also use a long-lived licence key instead: set the Authorization: Bearer <key> header in the registries block of components.json — better for CI or a project several people share. What you may do with the source is in the licence terms.
Sections it ships with
Sections inside one template share the same design tokens, so swapping and reordering them keeps the colours, spacing and animation rhythm consistent. Pick and combine them in the section composer.
- 1
Navigation and Hero
A hero of oversized typography under the practice's nav bar, with an elevation line drawing that traces itself in.
hero - 2
Selected Works
A two-column grid of six completed projects, each drawn as a geometric line study of the building mass.
gallery - 3
Design Philosophy
A large pull quote on dark ground, signed by the principal architect, with three figures about the practice.
content - 4
Awards Timeline
Six domestic and international architecture awards listed by year, each with its winning project.
timeline - 5
Commission Process
Five expandable commission stages, each explaining what happens and how long it takes.
faq - 6
Contact
A commission enquiry address, plus the street address and phone number of the Taipei and Kyoto offices.
contact - 7
Footer
The practice's mark, three link columns, and copyright with licence registration details.
footer
What you get is source code
Not an npm package, not a zip file. Once installed, the page's TypeScript source sits in your repo: edit it however you like, no runtime dependency, no expiry mechanism. Your site keeps running even if ours goes down.
Browse the other 103 templates →