---
title: "Neo CTA 3D Flip Card — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Deven Web Studio · Cards. Engage your visitors with a modern 3D CTA Flip Card designed for impact."
canonical: "https://framer.elliotli.dev/component/neo-cta-3d-flip-card"
---

[Home](/)/[Components](/components)/[Cards](/components/category/cards)/Neo CTA 3D Flip Card

# Neo CTA 3D Flip Card

[View on Framer](https://framer.com/marketplace/components/neo-cta-3d-flip-card/?via=elliot-li)

![Neo CTA 3D Flip Card preview image 1](https://framer.elliotli.dev/og/component/neo-cta-3d-flip-card/75f84de5d8975ba0/1600x1200.jpg)

## Summary

Engage your visitors with a modern 3D CTA Flip Card designed for impact.

## Description

Engage your visitors with a modern 3D CTA Flip Card designed for impact. The card flips on hover or click, features a glowing neon accent, and supports customizable width/height. Add your own content on both sides, and drive action with a built-in call-to-action button. Perfect for product highlights, sign-ups, or promotional messages.

**✅ Features**

-   Flip on hover or click
    
-   Adjustable width (% or fixed) and height
    
-   Futuristic neon glow effect
    
-   Optional background image
    
-   CTA button with custom label + link
    
-   Smooth 3D animations with preserve-3d
    
-   Works seamlessly in responsive layouts
    

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-xz8qnf8l-lTiQedmOAkk3yXs4W3wYX4BMdgOGyL)

**✅ Use Cases**

-   Landing page hero CTAs
    
-   Product feature highlights
    
-   Service or promo spotlight
    
-   Interactive portfolio showcase
    
-   Signup / newsletter blocks
    

**✅ Built For**

-   Designers wanting futuristic, interactive cards
    
-   Marketers needing high-conversion CTAs
    
-   Developers who want drop-in Framer components
    

**Instructions**

1.  Drop the component onto your canvas.
    
2.  Set **Width/Height** → choose % or fixed values.
    
3.  Choose **Flip on Hover** (on/off).
    
4.  Customize **Front Content**, **Back Content**, and optional **Background Image**.
    
5.  Add **CTA Label + URL** for the button.
    
6.  Publish — your CTA Flip Card is ready!
    

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

-   All · #10044

## Details

- **Author**: Deven Web Studio
- **Price**: $5.00
- **Published**: 2025-09-20
- **Updated**: 2025-09-19
- **Added**: 2025-09-14
- **Categories**: Cards

## More like this

-   [Particle Team Cards](/component/particle-team-cards) — Frame Native · Free — Portraits that move as particles
-   [Card Swap](/component/card-swap) — Antoine Lacombled · $9 — A 3D card stack you can fling
-   [Overlay Reveal Card](/component/overlay-reveal-card) — Pentaclay · Free — Project Card With Hover Overlay
-   [Deckshift](/component/deckshift) — BeyondPixel · $15 — Interactive Stacked Focus Cards