Glass Icons
A modern glassmorphic icon grid featuring depth, blur, and motion perfect for dashboards, category menus, or hero sections. Each icon floats on a frosted glass tile with 3D hover.
Make it with Workshop
Build your own component with AI
⚙️ How to Use
Add the Component
Drag and drop the Glass Icons component into your Framer canvas.
Select the Number of Icons
Set Number of Icons (1–6) to define how many icons display.
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)
Adjust the Layout
Define how icons are arranged using:
Columns – number of icons per row
Gap – spacing between icons
Style the Look
Control the blur, glass transparency, and overall visual depth with:
Blur Amount
Glass Opacity
Card Size
Icon Size
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
