/

Documentation

/

Portfolio

Portfolio

The Portfolio Cards components offer a range of flexible layouts to showcase your projects with style and clarity. Featuring customizable image displays, titles, and descriptions, each design is crafted to highlight your work effectively while ensuring smooth navigation and visual consistency across your site.

Portfolio Card

Component

The first Portfolio Card features a striking image that reveals the project title and a “View Project” button on hover. This interactive design draws attention to your work while inviting users to explore details seamlessly.

Example

Use this component for your featured projects.

The default button is setup to have hover and pressed states by default. It also has variants that you can use to display different styles.

Rebranding the identity of a retail company —

Rebranding the identity of a retail company —

Rebranding the identity of a retail company —

Horizontal Card

Component
Component
Component

The Horizontal Portfolio Card offers a clean, straightforward layout with an image, title, and button arranged side-by-side. Ideal for showcasing fewer projects, it provides a simple yet effective way to highlight your work with easy navigation.

Example

Use this to show additional projects while saving some space.

The default button is setup to have hover and pressed states by default. It also has variants that you can use to display different styles.

Mimo: designing a playful, adaptive brand for digital-first learning

Bringing color and character to an early learning platform for kids

Mimo: designing a playful, adaptive brand for digital-first learning

Bringing color and character to an early learning platform for kids

Mimo: designing a playful, adaptive brand for digital-first learning

Bringing color and character to an early learning platform for kids

Mimo: designing a playful, adaptive brand for digital-first learning

Bringing color and character to an early learning platform for kids

Product Card

Component
Component
Component

The Product Card is a spacious layout designed to showcase UI designs prominently. It features a large image, a clear title, and a call-to-action button — perfect for highlighting key products or designs with impact and clarity.

Example

Use this component for UI design projects or larger images.

The default button is setup to have hover and pressed states by default. It also has variants that you can use to display different styles.

Rethinking the CRM for clarity, speed, and better client relationships

Building a clean, human-centered CRM experience from the ground up

Rethinking the CRM for clarity, speed, and better client relationships

Building a clean, human-centered CRM experience from the ground up

Rethinking the CRM for clarity, speed, and better client relationships

Building a clean, human-centered CRM experience from the ground up

Rethinking the CRM for clarity, speed, and better client relationships

Building a clean, human-centered CRM experience from the ground up

Summary

The Portfolio Cards collection offers versatile layouts to showcase your projects with style and clarity. From interactive image hover effects to clean horizontal designs and large product showcases, each component is built to highlight your work effectively and engage visitors across devices.

Create a free website with Framer, the website builder loved by startups, designers and agencies.