Today I Learned

ChakraUI works with Next.js 13 and MaterialUI is more difficult!

Chakra UI only works in client-side components.

To use Chakra UI in server components, you need to convert them into client-side component by adding

'use client';

at the top of your file.

Official Chakra Docs

CSS Animations are not as hard as they seem!

Designing Meaningful Animation

12 Principles of Animation

10 CSS animation tips and tricks