---
title: "Neon Glass Cards — Framer component · Best of Framer"
description: "$8.00 · Framer component · by Angelo Engelbrecht · Cards. Neon Glass Cards turns a source-inspired glass interaction into one configurable Framer component."
canonical: "https://framer.elliotli.dev/component/neon-glass-cards"
---

[Home](/)/[Components](/components)/[Cards](/components/category/cards)/Neon Glass Cards

# Neon Glass Cards

Six luminous glass-cards

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

![Neon Glass Cards preview image 1](https://framer.elliotli.dev/og/component/neon-glass-cards/f9e7bfe16d9d959b/1600x1216.jpg)

## Summary

Neon Glass Cards turns a source-inspired glass interaction into one configurable Framer component.

## Description

Neon Glass Cards turns a source-inspired glass interaction into one configurable Framer component. Every theme combines a bright gradient shell, an asymmetrical translucent plane, five top-right depth layers, editable content and a separated action row.

Features

-   Six visual themes in one component.
    
-   Asymmetrical borderless glass surface with directional highlights.
    
-   Five concentric translucent depth layers with an editable mark and a direct hide switch.
    
-   Responsive logo upload that automatically replaces the text mark and preserves transparent artwork.
    
-   True non-flattened CSS perspective with staggered disc and button separation.
    
-   Editable title and description with a directly accessible 20–100% width slider.
    
-   Body Font alignment supports Left, Center, Right and Justify within the chosen description width.
    
-   Top/Bottom text-position control moves the complete content block without affecting the action row.
    
-   Gradient, solid-color and responsive-image backgrounds with fit and position controls.
    
-   Borderless glass dropdown with up to eight editable linked items and a hide switch.
    
-   Proper brand icons for Instagram, X, Discord, GitHub, LinkedIn, YouTube, Facebook and TikTok.
    
-   Static Canvas/export behavior, reduced-motion support and no external runtime package.
    

Setup

1.  Paste the Component URL into a Framer project.
    
2.  Choose a Theme, edit the Title and Description, then show or hide Layered Discs.
    
3.  Add a Logo Image or leave it empty to use Logo Mark.
    
4.  Use Description Width and Text Position directly below Description to control wrapping and vertical placement.
    
5.  Choose a gradient, solid color or responsive image background.
    
6.  Configure the menu and social links, then open Preview to test the dropdown and 3D motion.
    

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

-   All · #10732

## Details

- **Author**: Angelo Engelbrecht
- **Price**: $8.00
- **Published**: 2026-08-29
- **Updated**: 2026-09-01
- **Added**: 2026-08-29
- **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