Radar Preview

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

I came across an awesome design document by James where he shows how to create a radar kind of a UI (which by the way looks AMAZING!). I thought of creating this with Tailwindcss and Framer motion.

Code Snippet

The core of radar UI

Using it in a Wrapper Component

IconContainer to show related Icons on the page

Finally, for the animation to work, create a radar-spin animation in tailwind.config.js

We need your help 🫶

We are a tiny team of people who could use your support in building these awesome components. Please share Aceternity components on your social media and help us grow. 🙏

Tweet about aceternity

Ready to bring your website to life?

Experience the magic of a stunning website designed just for you! Contact us now, and witness the transformation within 24 hours. No more waiting around - we're serious about making your vision a reality. ✨

John Shahawy
Henrik Söderlund
John Ferry
Meru Gokhale
Book a Call