---
title: "Service Page Card — Framer component · Best of Framer"
description: "$4.00 · Framer component · by Tomiwa Olaide · Cards. Editorial service card with hover reveal"
canonical: "https://framer.elliotli.dev/component/service-page-card"
---

[Home](/)/[Components](/components)/[Cards](/components/category/cards)/Service Page Card

# Service Page Card

Editorial service card with hover reveal

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

![Service Page Card preview image 1](https://framer.elliotli.dev/og/component/service-page-card/f98fe34ab249d9f5/1600x1200.jpg)

## Summary

Editorial service card with hover reveal

## Description

**Elevate your agency or portfolio site with a component designed for "moment of delight" interactions. This service card uses a dual-state layout to keep your initial UI clean while revealing deep content only when the user engages.**

**Key Features:**

-   **Dynamic State Switch:** A seamless transition from light to dark mode (or custom colors) on hover.
    
-   **Subtle Image Animation:** Includes a refined image swap/overlay effect for a truly premium feel.
    
-   **Proportional Typography:** Structured for high-end branding agencies, featuring large titles and legible body copy.
    
-   **Variable Driven:** Effortlessly update images, titles, and descriptions via the Framer properties panel.
    
-   **Mobile Optimized:** Built-in logic to ensure the "detailed" view remains accessible on touch devices where hover isn't available.
    

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

-   All · #3283

## Details

- **Author**: Tomiwa Olaide
- **Price**: $4.00
- **Published**: 2026-04-17
- **Updated**: 2026-04-17
- **Added**: 2026-04-10
- **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