SharePoint 3D Flip Tiles SPFx WebPart

Description

💡 Purpose:

The 3D Flip Tiles Web Part displays visually engaging, interactive tiles that flip on hover (or click on mobile).
Each tile can showcase an image, title, description, and an optional link — ideal for highlighting services, campaigns, portfolio items, or featured content.

⚙️ Key Features:

• Fully configurable tiles using the Property Pane (add, edit, or delete tiles).
• Each tile supports:
  • 🖼 Image
  • 🏷 Title
  • 📝 Description
  • 🔗 Link (optional)
• Smooth 3D flip animation using CSS transforms.
• Responsive, mobile-friendly layout.
• Supports Full-Width Sections in SharePoint Modern Pages.
• Clean and minimal Fluent UI–style design.
• Easy to maintain — no external API dependency.

🧰 Technical Details:

• Built with React and TypeScript inside SharePoint Framework (SPFx).
• Uses @pnp/spfx-property-controls → PropertyFieldCollectionData to manage tiles.
• Compatible with SharePoint Online (Modern Pages).
• Configurable directly from the Web Part Property Pane — no need to edit JSON.

🎯 Example Use Cases:

• Display a set of marketing campaigns or products.
• Feature key departments or services.
• Showcase project highlights or case studies.
• Present visual portfolios

Need more customization? We’re here to help! If you’d like to tailor the Webpart further to meet your specific needs, please don’t hesitate to contact us.