Glass Icons

⚙️ How to Use

1. Add the Component

   • Drag and drop the Glass Icons component into your Framer canvas.

2. Select the Number of Icons

   • Set Number of Icons (1–6) to define how many icons display.

3. Customize Each Icon

   • For each icon slot, choose:

     • Icon Type (e.g. File, Heart, Book, Cloud, etc.)

     • Gradient Color (Blue, Purple, Red, etc.)

     • Label (custom text below the icon)

4. Adjust the Layout

   • Define how icons are arranged using:

     • Columns – number of icons per row

     • Gap – spacing between icons

5. Style the Look

   • Control the blur, glass transparency, and overall visual depth with:

     • Blur Amount

     • Glass Opacity

     • Card Size

     • Icon Size

6. Animate Interactions

   • Fine-tune hover effects with:

     • Animation Speed

     • Hover Rotation

     • Hover Depth

🧩 Supported Icons

file, book, heart, cloud, edit, chart, star, home,user, settings, mail, camera, music, image, video, shopping