Build Beautiful Animated Sidebars with React and Framer Motion

an just yesterday shad CN launched its own customiable side bar :)

I have no idea how your channel hasn't popped off already. i just found out about u and it seems like you have been deliviering a banger of content for so long already. hands down one of the best UI channels out there specially with framer motion

Excellent content as always!

Amazing 🔥🔥

Thank you so much tom

Excellent Tom, I really enjoyed it! If you pay attention to the selected button background while opening and closing the sidebar, you'll notice that the border radius is distorted. You have to set it in the style tag so that Framer Motion can animate it properly. Like this: <motion.div layout style={{ borderRadius: 20 }} />.
I guess the title's border-bottom needs that as well.

How would you fix the distortion on the option border radius? Inline style tag instead of a tailwind class?

Yessssss more of these. The first video i saw of yours was the dashboard one and it was an immediate sub

Awesome. Thank you, Tom!

A headsup. There's an extension to rename the closing tag automatically without selecting when you're renaming the opening tag. It's called Auto Rename Tag by Juan Han. Just FYI!

Not gonna lie needed this😂🔥🔥🔥✨

The DVD screensaver completely distracted me during the introduction LOL