uiable

Spotlight Feature Grid

Features

About

A dark feature section with three mouse-tracking spotlight cards highlighting product capabilities like integrations and security.

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

Code

How Spotlight Feature Grid is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import Feature30 from "@/components/ui/block-feature-30";

export default function Feature30Demo() {
  return <Feature30 />;
}

Dependencies

More by uiable

View all
  • Feature Highlights Grid

    Feature Highlights Grid

    430
  • Card Tabs

    Card Tabs

    116
  • Financial Bento Grid

    Financial Bento Grid

    98
  • Chart Tooltip

    Chart Tooltip

    78
  • Portfolio Showcase Grid

    Portfolio Showcase Grid

    74
  • Marketing Hero Section

    Marketing Hero Section

    72
  • Sidebar with Search and Profile

    Sidebar with Search and Profile

    61
  • Attachment States

    Attachment States

    48

More in Features

View all
  • Grid Feature Cards

    Grid Feature Cards

    1.9K
  • Features Grid

    Features Grid

    83
  • Features 8

    Features 8

    3.1K
  • Features Card

    Features Card

    232
  • Feature with image

    Feature with image

    151
  • Feature Sections

    Feature Sections

    189
  • Feature 72

    Feature 72

    131
  • Features 4

    Features 4

    384