Efferd

Features 4

Features 2

About

A responsive feature section with cards that have extended crosshair borders, corner plus decorators, and icon, title and description for each feature.

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

Code

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

Usage.tsx

import { FeatureSection } from "@/components/ui/features-4";

export default function DemoFeatureSection() {
  return (
    <div className="w-full bg-background text-foreground">
      <FeatureSection />
    </div>
  );
}

Dependencies

More by Efferd

View all
  • Testimonials Columns

    Testimonials Columns

    7.1K
  • Zoom Parallax

    Zoom Parallax

    5.2K
  • Dotted Surface

    Dotted Surface

    3.5K
  • Footer Section

    Footer Section

    2.7K
  • Grid Feature Cards

    Grid Feature Cards

    1.9K
  • Logo Cloud 2

    Logo Cloud 2

    1.6K
  • Header 3

    Header 3

    1.6K
  • Logo Cloud 3

    Logo Cloud 3

    1.5K

More in Features

View all
  • Features 8

    Features 8

    3.1K
  • Feature Sections

    Feature Sections

    107
  • Feature 72

    Feature 72

    122
  • Features 2

    Features 2

    322
  • Features 4

    Features 4

    368
  • Feature Modern

    Feature Modern

    9
  • Features Card

    Features Card

    201
  • Feature 73

    Feature 73

    73