Crystal Fracture BTN

A crystal that fractures on every click. 💎

Crystal Fracture Button is an interactive Framer component that transforms a simple button into a luminous, faceted crystal surface. Every press creates branching fractures that spread across the material, glow, and gradually heal.

With reactive lighting, 3D hover tilt, chromatic highlights, sparkling reflections, and customizable crystal materials, this button adds a striking tactile experience to modern websites.

Great For

• Creative portfolios and personal websites

• Premium landing pages and product launches

• Interactive hero sections and call-to-action buttons

• Luxury, jewelry, fashion, and technology websites

• Experimental interfaces and immersive experiences

• Designers who want memorable micro-interactions

Live Preview : Crystal Fracture Button

Features

• 💎 6 Crystal Materials — Diamond, Ice, Amethyst, Emerald, Obsidian, and Custom

• ⚡ 3 Fracture Styles — Radial, Shatter, and Lightning

• ✨ Crystal Reflections — Faceted surfaces, glossy highlights, and sparkling details

• 🖱️ Interactive Lighting — Cursor-reactive illumination

• 🎯 3D Hover Tilt — Responsive perspective movement

• 💥 Fracture & Heal — Branching cracks with adjustable animation durations

• 🔄 Auto Fracture — Optional automatic fracture animations

• 🎨 Custom Cursors — Diamond, Ring, Crosshair, or Native

• 📐 Responsive Design — Adapts to different layouts

• ♿ Reduced-Motion Support — Static presentation for users who prefer less motion

• ⚙️ Performance Controls — Quality presets and visibility-aware animation

• 🔗 Framer Interactions — Connect the button's On Click event to your actions

Support

Questions, feedback, or need help with the component?

• X (Twitter): https://x.com/karimsaif0

• Email: karimsaif010@gmail.com

Designed to make every interaction feel extraordinary.