Boxy App Icons

A React component built with Tailwind CSS that renders a grid of six interactive SVG icons representing popular applications (PayPal, GitLab, Instagram, Telegram, Spotify, and Discord). Each icon features a 3D hexagonal design with a smooth hover effect that triggers a vertical lift and color change specific to each app's branding (e.g., Instagram's gradient, Spotify's green). The component maintains the original SVG structure and styling from the provided code, ensuring visual consistency with hover transitions for an engaging user experience. Ideal for use in social media links, app showcases, or navigation menus.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Boxy App Icons to your project and fits it to your theme.

import AppIcons from "@/components/ui/boxy-app-icons";

export default function DemoOne() {
  return <AppIcons />;
}