Radar
A radar preview that spins and shows icons on the front.
config
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-radarUpdate tailwind.config.ts
Modify your tailwind.config.ts as follows:
// tailwind.config.ts
module.exports = {
theme: {
extend: {
keyframes: {
"radar-spin": {
from: {
transform: "rotate(20deg)",
},
to: {
transform: "rotate(380deg)",
},
},
},
animation: {
"radar-spin": "radar-spin 10s linear infinite",
},
},
},
};Usage