Simple Portfolio Website in Framer

Simple Portfolio Website in Framer

Nandi Muzsik

How can I improve Framer Uni?

Let me know if there’s a missing feature or something that could be improved.

Share feedback

Website

Simple Portfolio Website in Framer

This is a simple portfolio website built in Framer using Emre’s design projects. It’s a good example you can remix to see how responsiveness, CMS, and dynamic filtering works together to create such website.

image of Nandi Muzsik
image of Emre

Created by

⁠Framer portfolio website preview on tablet, hands holding

About the resource

To build this, I first set up a CMS collection with custom fields for titles, categories, and multiple image uploads. I then created a collection frame on the canvas and connected the card component variables to the CMS fields to ensure each item displays the correct data automatically.

Within the project, I used the new dynamic filters to switch between categories like Art Direction and Product Design. I also implemented conditional visibility on the detail pages, allowing elements like tags, specific images, or even a video player to hide or reveal based on whether the CMS content is present.

If you want to see my full process of building this website, I recommend watching my complete tutorial on it.

About the resource

To build this, I first set up a CMS collection with custom fields for titles, categories, and multiple image uploads. I then created a collection frame on the canvas and connected the card component variables to the CMS fields to ensure each item displays the correct data automatically.

Within the project, I used the new dynamic filters to switch between categories like Art Direction and Product Design. I also implemented conditional visibility on the detail pages, allowing elements like tags, specific images, or even a video player to hide or reveal based on whether the CMS content is present.

If you want to see my full process of building this website, I recommend watching my complete tutorial on it.

About the resource

To build this, I first set up a CMS collection with custom fields for titles, categories, and multiple image uploads. I then created a collection frame on the canvas and connected the card component variables to the CMS fields to ensure each item displays the correct data automatically.

Within the project, I used the new dynamic filters to switch between categories like Art Direction and Product Design. I also implemented conditional visibility on the detail pages, allowing elements like tags, specific images, or even a video player to hide or reveal based on whether the CMS content is present.

If you want to see my full process of building this website, I recommend watching my complete tutorial on it.

Framer Navigator

Learn the fundamentals of Framer for free.

Build your ideas with ease by learning the basics of website building with Framer.

Nandi portrait's background
Nandi's portrait

Framer Navigator

Learn the fundamentals of Framer for free.

Build your ideas with ease by learning the basics of website building with Framer.

Nandi portrait's background
Nandi's portrait

Framer Navigator

Learn the fundamentals of Framer for free.

Build your ideas with ease by learning the basics of website building with Framer.

Nandi portrait's background
Nandi's portrait

More resources

More resources

  • Landing page with new way to build headline and globe

    3D Hero Section Template in Framer

    Website

    Landing page with new way to build headline and globe

    3D Hero Section Template in Framer

    Website

  • Retro computer terminal interface with pixelated menu design

    Retro Style Website in Framer

    Website

    Retro computer terminal interface with pixelated menu design

    Retro Style Website in Framer

    Website