Bento Card
Dark bento cards with mouse-tracking spotlight, physics-based 3D tilt and gradient icons — drop it in and customize everything from the panel, no code needed.
Key Features
• 2 Layout Modes — Icon + Text, Image + Icon,
• Horizontal & Vertical — two directions for the Icon + Text layout
• Mouse-tracking Spotlight — smooth spring-physics glow that follows your cursor across the card
• 3D Tilt Effect — smooth physics-based motion with a natural springy feel, adjustable intensity from the panel
• Gradient Icons — 12 built-in SVG icons with dual color pickers, gradient rendered via SVG mask for pixel-perfect quality
• 9 Google Fonts — Inter, Geist, Manrope, Sora, DM Sans, Space Grotesk, Outfit, Plus Jakarta Sans, Cabinet Grotesk, loaded on demand
• Full Typography Control — font size (16–48px), weight (200–800), color
• Border Glow on Hover — spotlight-colored border that fades in on hover
• Zero Setup — works out of the box, no dependencies, no configuration
Why Customers Will Love It
Every SaaS landing page and product showcase needs a feature section. Building this from scratch means writing tilt logic, managing SVG gradients, loading custom fonts, and wiring up dozens of property controls. This component does all of it in a single drop. The spotlight tracks your cursor in real time, the tilt snaps back with a satisfying overshoot, and the gradient icons look sharp at any size. Four layouts cover every use case — from a full-bleed image card to a compact horizontal icon row. Perfect for feature grids, product spec pages, pricing sections and portfolio showcases.
VINCKIER YVES
