Device compatibility
Framer is a web builder for creative pros. Be sure to check out framer.com to learn more.
Color customization
Framer is a web builder for creative pros. Be sure to check out framer.com to learn more.
Technology stack
The glass effect is neutral and works with any color palette. Here are some examples of background colors that pair well:
React 18
Tailwind CSS v4
Framer Motion
Lucide Icons
TypeScript
CSS code examples
Framer is a web builder for creative pros. Be sure to check out framer.com to learn more.
.glass {
background: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.2);
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
}