gooseui

Features Grid

Features 80

About

A responsive grid of product feature cards with icons, titles and descriptions for landing page sections.

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

Code

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

Usage.tsx

import FeaturesGrid from "@/components/ui/features-grid";

export default function Default() {
  return (
    <div className="min-h-screen w-full bg-background text-foreground">
      <FeaturesGrid />
    </div>
  );
}

Dependencies

More by gooseui

View all
  • Border Beam

    Border Beam

    125
  • Typography

    Typography

More in Features

View all
  • Grid Feature Cards

    Grid Feature Cards

    1.9K
  • Feature Sections

    Feature Sections

    178
  • Features 8

    Features 8

    3.1K
  • Features Card

    Features Card

    212
  • Features 2

    Features 2

    324
  • Feature 72

    Feature 72

    124
  • Features 1

    Features 1

    280
  • Feature with advantages

    Feature with advantages

    282