Infinite Canvas

About this template

Most portfolios are a stack of pages. This one is a single, continuous canvas.

Everything — the intro, every project, the about section, the contact form — lives on one infinite surface. Visitors pan across it, zoom into whatever catches their eye, and the work opens right where it sits. Nothing navigates away, nothing reloads.

Three depths, one continuous motion

Archive — Projects sit as stacked piles on a drafting-paper grid, grouped by zone.

File — Click a pile and it unfolds into a grid, card by card, with a staggered spring.

Catalog — Open a set and get a viewer panel beside a thumbnail grid. Click an image and it expands to full size, with arrow-key indexing between items.

Every transition is the same camera moving through the same space, so visitors never lose their place.

Fully editable inside Framer

Every card, headline, and image is a real layer you can select and edit directly on the canvas — swap the accent color and the selection boxes, hero type, and the contact button update together. The project data lives in one structured file, mapped in a written reference so you can add or reorder work without touching the mechanics underneath.

Ships with a working demo

Forty placeholder images across six projects, ready to explore the moment you duplicate the project — swap in your own work at your own pace.

Responsive down to phones

Below 768px the catalog collapses into a fixed top viewer over a scrolling list — one gallery instead of two panels — and pan/zoom switches to touch gestures with momentum and directional lock.

What's included

The full canvas engine, a complete internal design system (typography scale, color and elevation tokens, motion curves, card chrome), and the underlying source project for anyone who wants to run it outside Framer as well.