Code snippets for modern user interface techniques.
Refresh React Server Component on Focus
Responsive Line Chart
iOS Animated Switch
Use Suspense without creating a new component.
Use Framer Motion to animate a number in React.
Use Framer Motion to add mount and unmount animations to items in a list.
Apple Selector Group
A styled radio group inspired by Apple.com's checkout. Built with Radix.
A global alert built with Radix UI and Framer Motion.
A site header that smoothly grows and shrinks on scroll.