Radar

A radar preview that spins and shows icons on the front.

config
Description of the SVG image Loading...

About

The original idea of the <Radar /> component is coming from aceternity website.

Installation

Run the following command:

npx ever-ui-clx@0.2.1 add demo-radar

Update tailwind.config.ts

Modify your tailwind.config.ts as follows:

// tailwind.config.ts
module.exports = {
  theme: {
    extend: {
      keyframes: {
        "radarSpin": {
          from: {
            transform: "rotate(20deg)",
          },
          to: {
            transform: "rotate(380deg)",
          },
        },
      },
      animation: {
        "radarSpin": "radarSpin 10s linear infinite",
      },
    },
  },
};

Usage
IconParticlesSpotlightIcon