Framer
Framer
  • Why Framer
  • Teams
  • Learn
    • Tutorials
    • Examples
    • Templates
    • Sessions
    • Speedruns
  • Pricing
  • Blog
  • Updates
  • Support

Portfolio template

Customize this portfolio template to highlight and share your own work.

Start prototyping for free
Portfolio template in Framer

Build beautiful portfolio websites with this template

Your portfolio website is a digital space for sharing your work and professional information with others. Whether you’re a photographer, artist, designer, or architect, it never hurts to share your work online—and with a template it’s easy to get your portfolio website up and running in no time. You’ll commonly find portfolio websites filled with image galleries and thumbnails, as they provide a clean and organized way of showcasing visual projects. While there are lots of similarities in how work is displayed on portfolio websites, there are many different ways to actually build a portfolio. Building a portfolio website or React portfolio can be a challenge if you’re starting from scratch. With portfolio templates and React portfolio templates, you can customize the style and layouts visually without having to worry about building a website with code.

Open template in Framer

A template for eye-catching portfolio design

Portfolio design is all about finding the best way to showcase yourself and your work. With the Framer portfolio design template you’ll find customizable elements that do just that. The Gallery Image component lets you upload your own images and videos and display with a custom caption. Detail pages of the portfolio design template even include Testimonial and Project info components so you can both show and tell people about all your amazing work. A beautiful portfolio can help land you’re next big role or opportunity—make every detail count.

Open template in Framer

A free portfolio template

This free portfolio template is powered by Smart Components with customizable Variables and interactive Variants. This means your images and videos will have hover effects right out of the gate—no setup required. These subtle micro-interactions will help take your portfolio to the next level and make it indistinguishable from a real React portfolio or bootstrap portfolio. You can find even more out-of-the-box interactivity in the Email component—allowing visitors to actually contact you in one click.

Open template in Framer

Free design software

Framer is your all-in-one tool for designing anything for free.

From UI to UX

In Framer you can design how features will work, not just how they look.

Design tool for teams

Work on projects together with real time collaboration.

Create your portfolio now

Creating an architecture, design, or fashion portfolio has never been easier. With drag and drop elements that have pre-built interactions and hover states, all you have to do is upload your content to the template. The Insert Menu in Framer is your free library for icons, illustrations, buttons, and more so you’ll have everything you need to customize your portfolio template. Once you have your portfolio content set just how you like, preview your portfolio design and share with anyone in the world just by sharing a link.

Open template in Framer

Discover more templates

Choose from a range of ready-to-use templates to save time and jumpstart any project, design, or wireframe.

View all templates
Scrolling preview.
Tab bar preview.
iOS Kit preview.
Retrospective preview.
Presentation preview.
Input Form preview.
Paging preview.
Photo preview.
Video player preview.
Material UI Kit preview.
Portfolio preview.
User Story Map preview.
Dashboard preview.

Framer

  • Why Framer
  • Teams
  • Pricing
  • Blog
  • Updates
  • Motion

Platforms

  • Web
  • macOSbeta
  • WindowsBeta
  • iOS
  • Android
  • Figma Importing
  • Sketch Importing

Learn

  • Tutorials
  • Examples
  • Templatesnew
  • Sessions
  • Speedruns

Resources

  • Packages
  • API
  • Input Kitnew
  • State of Prototyping
  • Desktop Prototyping
  • Prototyping Tool
  • Mockup Tool
  • Wireframing Tool
  • UI/UX Design Tool
  • Graphic Design Tool
  • User Testing

About

  • Loupe
  • Community
  • Company
  • Careers
  • Legal
  • Security

Support

  • Using Framer
  • Accounts
  • Contact

  • Twitter
  • Discord
  • Dribbble

Copyright © 2021 Framer B.V.

  • Security
  • Terms of Service
  • Privacy Statement