Layerfolio

Portfolio built like a design file

Created by: John Nicholson

Free

Portfolio built like a design file — Layerfolio is a free Free website template for Framer, on the Framer Marketplace. Build on it with Framer's agent, directly on the canvas.

About this template

Layerfolio is a portfolio template for anyone who designs or builds digital things: product and UX designers, web and brand designers, design engineers, freelancers and small studios. It opens like the design tool you work in every day.

The hero draws your name with the pen tool, anchor points and all, then fills and selects it. Two teammates' cursors turn up: one comments asking for the name to be bigger, the other drags the corner handle until it grows. Then the visitor's pointer becomes a "You" cursor that shows red spacing measurements on hover, and your project photos show through the letters of your name.

What's inside

Selected work as a pinned scroll where each project's hero screen separates into its six design layers, then folds back

10 pages: Home, Work, Case study (CMS) with a Flat / Layers 3D switch, About, Services, Journal and post (CMS), Playground, Contact with a working form, and 404

3 CMS collections: 6 case studies, 8 journal essays and 6 testimonials, all fully written

Services drawn as a prototype flow, testimonials as resolvable comment threads, a draggable playground board, a zoom page transition, and tablet and phone layouts

Noor Castell and all clients shown are fictional. All photos are Unsplash-licensed.

More from John Nicholson

View all

More Portfolio Templates

View all

More Creative Templates

View all

More Animated Templates

View all

More 3D Templates

View all

More Modern Templates

View all

More Minimal Templates

View all

More Showcase Templates

View all