---
title: "ProjectCard — Framer component · Best of Framer"
description: "$9.00 · Framer component · by Cianna Robinson · Cards. Interactive Image Card"
canonical: "https://framer.elliotli.dev/component/projectcard"
---

[Home](/)/[Components](/components)/[Cards](/components/category/cards)/ProjectCard

# ProjectCard

Interactive Image Card

[View on Framer](https://framer.com/marketplace/components/projectcard/?via=elliot-li)

![ProjectCard preview image 1](https://framer.elliotli.dev/og/component/projectcard/41ba734ab98501bd/1600x1200.jpg)

## Summary

Interactive Image Card

## Description

A dark, editorial project card built for designers who want their work to stand out. Two layout variants in one component image left or right, toggled in a single click. On hover, the image shifts from desaturated to full color while a hand-drawn animated underline traces itself under your CTA.

## Rank history [How rankings work →](/terms#rankings)

-   All · #8659

## Details

- **Author**: Cianna Robinson
- **Price**: $9.00
- **Published**: 2026-06-18
- **Updated**: 2026-06-11
- **Added**: 2026-05-27
- **Categories**: Cards

## More like this

-   [BlogX Blog Card](/component/blogx-blog-card) — Themomarket · $8 — Blog Framer Component
-   [FluxPrice](/component/fluxprice) — Jeshan Athulesh · $49 — Elevate your SaaS conversion rate in minutes with FluxPrice.
-   [Feature Ribbon Cards](/component/feature-ribbon-cards) — Studio Digital · Free — Interactive image feature cards
-   [Dynamic Pricing Calc](/component/dynamic-pricing-calc) — Dmitry Vorobey · $12 — Pricing cards with live calculator