Lanyard Visualizer

_{An interactive example of how you could use Lanyard API to create amazing real-time Discord status related things!}

Features

• Spotify integration
  • It will display what you're listening, it'll show a progress bar just like the one on your Discord profile!
• Every RPCs work!
  • If there's something visible on your status (only RPCs), it's visible here too!
• Everything is real-time!
  • We use Lanyard's WebSocket so everything is updated in real-time!

_{See figma file.}

Tech Stack & Tools

• Next.js / TypeScript
• TailwindCSS
• Aceternity UI
• Figma

Libraries

• use-lanyard
• framer/motion

API

• Phineas/lanyard
• Discord Assets CDN/API

Demo

lanyard.visualizer.mp4

Inspiration

• eggsy/lanyard-visualizer
• pxseu/lanyard-ui