Splitfolio

Half the work is the design. The other half is making it real.

Splitfolio is a free portfolio template for designers who also build: product designers, design engineers and front-end developers who want both sides of their work on one page. Sections split as you scroll. One half rises, the other falls, and they meet in the middle.

The split is a code component, not a trick. Splitfolio turns any frame with two children into a split section. Ten controls set the axis, the split per section, snapping, smoothing, gap and direction. On the canvas the halves stay ordinary frames, so you edit them like any page.

Case studies that show the thinking. A Projects CMS collection holds six demo case studies, each with a brief, decisions and results, laid out in split sections on the project page.

It works on phones. Desktop and tablet split side by side; phones split top and bottom.

What's inside

• 6 pages: Home, Work, Project, About, 404 and a second Home that splits top and bottom

• 1 CMS collection (Projects) with 6 case studies

• 15 components, plus 7 code components: the split, seam images, a copy-email button, hand-drawn doodle avatars, scribbles, a wavy ring and structured data

• 12 color styles and 38 text styles in Bricolage Grotesque

• Appear effects, looping scribbles and a page transition

• SEO titles and descriptions on every page

• 2 Framer AI skills: one keeps AI edits on the design system, one rebrands the site

Built for handover. An 18-section Start Here guide covers your first hour, the CMS, the code components, phone layouts and a pre-publish checklist.