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


Build amazing websites with Pro ✨

Get access to over 50+ components and make professional looking websites in minutes.

Want a website that converts? Get in touch!

Experience the magic of a stunning website designed and developed just for you! ✨

John Shahawy
Henrik Söderlund
John Ferry
Meru Gokhale
Georg Weingartner
Jonathan Barshop
Ray Thai
Tony Pujals