{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "feature-grid",
  "type": "registry:ui",
  "title": "Feature Grid",
  "description": "Hairline-bordered feature grid.",
  "dependencies": [
    "motion"
  ],
  "registryDependencies": [
    "https://starkui.vercel.app/r/fade-in.json"
  ],
  "files": [
    {
      "path": "registry/starkui/feature-grid.tsx",
      "content": "import { FadeIn } from \"@/components/ui/fade-in\";\n\nexport function FeatureGrid({\n  features,\n}: {\n  features: { title: string; description: string; icon?: React.ReactNode }[];\n}) {\n  return (\n    <section className=\"mx-auto grid max-w-5xl gap-px overflow-hidden rounded-[2rem] border border-border/80 bg-border/60 shadow-sm sm:grid-cols-2 lg:grid-cols-3\">\n      {features.map((f, i) => (\n        <FadeIn key={f.title} delay={i * 0.08} className=\"group bg-background p-8 transition-colors duration-200 hover:bg-muted/40\">\n          {f.icon && <div className=\"mb-4 text-foreground/80 transition-transform duration-200 group-hover:scale-110\">{f.icon}</div>}\n          <h3 className=\"text-base font-semibold tracking-tight\">{f.title}</h3>\n          <p className=\"mt-2 text-sm text-muted-foreground leading-relaxed\">\n            {f.description}\n          </p>\n        </FadeIn>\n      ))}\n    </section>\n  );\n}\n",
      "type": "registry:ui",
      "target": "components/ui/feature-grid.tsx"
    }
  ]
}