Skip to content

component

Glass3DTilt

By Orix Studio

Details

Summary

Transform your static layouts into high-end interactive experiences with Glass3DTilt.

Description

Transform your static layouts into high-end interactive experiences with Glass3DTilt . This production-ready React component brings cutting-edge 3D physics and glass morphic aesthetics to your Framer projects without writing a single line of code. What makes Tilt Card a must-have: • Ultimate Control: Over 70+ sidebar properties to tweak styling, borders, colors, and behavior instantly. • Advanced Interactions: Immersive 3D hover effects, mouse-shifting gradient backgrounds, and elastic drag functionality. • Mobile & Performance Tuned: Auto-reduces tilt intensity on mobile touch screens for a seamless UX. Fully accessible with semantic HTML. • Media-Rich: Top 60% features an image section with hover zoom, color overlays, blend modes, and built-in filters (grayscale, sepia, contrast). • Extra Features: Interactive custom context menus, corner dropdowns, badge/tag systems, and animated buttons with ripple/shine effects. Perfect for SaaS landing pages, portfolios, product showcases, and premium client sites. Copy, paste, and customize in seconds!

Introduction

Interactive 3D Glassmorphic Card Engine

Rank history

Daily rank per list, from the first snapshot — lower is better.

12001400157308/148/228/309/79/15
  • All · #4104