feat: interactive feature grid with cursor-follow spotlight
Labels
enhancement animation ui react tailwind good first issue
Description
Overview
Create a modern interactive feature grid component with a cursor-follow spotlight effect, animated hover interactions, and responsive fallback behavior.
The component should match the premium interactive style commonly used in SaaS landing pages and modern UI showcases.
Requirements
Feature Grid
Responsive grid layout
Reusable feature card component
Support title, description, and icon
Dark mode compatible
Cursor Spotlight
Soft radial glow follows cursor position
Smooth interpolation/motion
Spotlight activates on hover
Performance optimized
Hover Animations
Card lift effect
Shadow depth increase
Animated gradient border reveal
Smooth transitions
Mobile Fallback
Disable cursor tracking on touch devices
Use static ambient glow instead
Maintain visual consistency
Technical Stack
React
TypeScript
Tailwind CSS
Framer Motion
feat: interactive feature grid with cursor-follow spotlight
Labels
enhancement animation ui react tailwind good first issue
Description
Overview
Create a modern interactive feature grid component with a cursor-follow spotlight effect, animated hover interactions, and responsive fallback behavior.
The component should match the premium interactive style commonly used in SaaS landing pages and modern UI showcases.
Requirements
Feature Grid
Responsive grid layout
Reusable feature card component
Support title, description, and icon
Dark mode compatible
Cursor Spotlight
Soft radial glow follows cursor position
Smooth interpolation/motion
Spotlight activates on hover
Performance optimized
Hover Animations
Card lift effect
Shadow depth increase
Animated gradient border reveal
Smooth transitions
Mobile Fallback
Disable cursor tracking on touch devices
Use static ambient glow instead
Maintain visual consistency
Technical Stack
React
TypeScript
Tailwind CSS
Framer Motion