Neon Glass Cards

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

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

Six luminous glass-cards