Portfolio Wall Home
A masonry wall of work thumbnails as the home page itself; hover reveals the details.
Install
npx shadcn@latest add "https://webberui.com/r/portfolio-wall-home.json?t=<install token>"The whole page lands in app/templates/portfolio-wall-home/. 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
Nav and Hero
Dark studio-brand nav bar over a tagline hero, with a parallax fade-out on scroll and an expanding mobile menu.
hero - 2
Work Wall
Category-filterable masonry wall where every brick is a pure-SVG motif that reveals project details on hover.
gallery - 3
Client Marquee
Infinitely looping horizontal client list, faded at both edges with gradient masks.
misc - 4
Services
Four service cards covering brand identity, web products, packaging and print, and motion.
features - 5
About the Studio and Stats
The studio story on the left; four gold stat cards on the right for projects shipped and awards won.
stats - 6
Contact Call to Action
Large warm-gradient brick-textured card inviting date enquiries, with the email address and the Dadaocheng, Taipei studio address.
cta - 7
Footer
Brand mark, copyright, primary navigation links and social icon buttons.
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 →