Infinite Canvas Explorer
Tile canvas you can drag in any direction — non-linear, map-like exploration.
Install
npx shadcn@latest add "https://webberui.com/r/infinite-canvas-explorer.json?t=<install token>"The whole page lands in app/templates/infinite-canvas-explorer/. 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
Infinite Canvas Hero
An ATLAS brand bar above a full-screen, drag-and-zoom canvas of work, with parallax tiles, a minimap and HUD controls.
hero - 2
Why an Infinite Canvas
Three columns making the case for panning in any direction, layered depth parallax and recalling the origin point at any time.
features - 3
Stats Banner
Four key figures — among them curated works, partner studios and average dwell time — surfacing in turn over a dark dot grid.
stats - 4
Coordinate Index
Every work on the canvas as a list, each with a gradient thumbnail, category, year and its canvas coordinates.
gallery - 5
Call for Submissions
A dark, violet-washed call to action inviting studios to submit work, with a booked walkthrough as the second option.
cta - 6
Footer
Dark footer carrying the ATLAS archive copyright plus terms, privacy and contact links.
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 →