LIVE NOW

Visual Configurator is now active — Customize 50+ professional animations Visual Configurator is live!

Get Started
Glass Card 3D Configurator

How to Use in Bricks Builder

  1. Customize your Glass Card 3D using the controls below
  2. Click the Get Code button and copy the JavaScript
  3. In Bricks Builder, add a Code element and paste the JavaScript
  4. Add the attribute
    data-3d-card📋
    to your container element
This tool creates a custom script with your settings built-in. All your Glass Card 3D configurations are included in the generated code!
Card Title Card description goes here
View more
BricksFusion Exclusive Get Your Glass Card 3D

Add stunning 3D glass effect cards to your website with this custom-crafted JavaScript snippet.

  • Easy implementation with simple data attributes
  • Eye-catching 3D glass morphism effect
  • Fully responsive design that adapts to any container
  • Customizable colors, content, and animations
  • Works in all modern browsers and devices
Content Settings
Card Title
Card Description
Button Text
Button Link
Logo Type
Color Settings
Background Gradient - Color 1
Background Gradient - Color 2
Gradient Angle 125deg
Text Color
Button Color
3D Effect Settings
3D Intensity 30deg
Glass Blur 5px
Glass Opacity 0.8
Shadow Intensity 0.2
Animation Speed 0.5s
Social Media Settings

Add social media buttons to your card by selecting icons and entering URLs

Select an icon for each social network and add the corresponding URL

JavaScript Code