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

    106
  • Features 8

    Features 8

    3.1K
  • Features Card

    Features Card

    209
  • Features 2

    Features 2

    324
  • Feature Section with card gradient

    Feature Section with card gradient

    172
  • Feature 1

    Feature 1

    117
  • Features 4

    Features 4

    373