The magic of clip paths. Animated tooltip component in... NextJS and Matt Perry's motion.show more

A list (with code) of cool framer-motion and Tailwind... CSS components from around the internet ✨ 1️⃣ Tooltip A simple and elegant tooltip component that follows the mouse pointershow more

Token Usage Component: see the live usage, throughput and... cost Designed in Paper, animated with Motionshow more

Agent Plan: A component to review and the run... the agent plan, designed in Paper, animated with Motionshow more

Call Booking Component: pick a slot, book the call... Designed in Paper, animated with Motionshow more

A component to test API Responses, designed in Paper,... animated with Motionshow more

A component showing a coding agent in action, designed... in Figma, animated with Motionshow more

GPU Cluster Dashboard Component: monitor resource utilisation, thermals, and... queue in real time Designed in Paper, animated with Motionshow more

A wallet component, spent too long on getting the... spring physics right Designed in Paper, animated with Motionshow more

Diff viewer: a component to review the changes done... by a coding agent, designed in Figma, animated with Motionshow more

💡CSS Tip! Create a tooltip that follows an anchor... with modern CSS! No JavaScript is used to control the position of the tooltip or its tail. It's 100% CSS magic!show more

✨ Introducing Magic UI 🪄 A UI library of... animated components to build beautiful landing pages. Built using React, Tailwind CSS and Framer motion. 100% Free and Open Source.show more

Introducing Motion-Primitives: a collection of reusable animated components built... with Framer Motion and Tailwind CSS.show more

Just added In View component to motion-primitives. Easily trigger... animations when elements are in the viewportshow more

My new portfolio is live! It features an interactive... device for you to play with, the interactions I've shared here in the past + some written case studies of my work. Made with Tailwind and Framer Motion, powered by NextJS.show more

Command bar for the agent platform, designed in Figma,... animated with Motionshow more

React Server Components bring rendering flexibility to the component... level in Next.js. Hear from Aurora Scharff at Next.js Conf to learn about: • Async components • Efficient data management • Optimizing load times and interactivity Join us in SF or stream online on Oct 24.show more

@𝚟𝚎𝚛𝚌𝚎𝚕/𝚗𝚎𝚡𝚝-𝚋𝚛𝚘𝚠𝚜𝚎𝚛 lets agents inspect a running Next.js app from... the terminal. Component trees, PPR shells, screenshots, network requests. Agents can lower Suspense allowing more cached content to be included in the static prerender.show more

Grace in motion, magic in silence 🩷💭✨ Guess the... movie name?show more

🚀 Take Radix by WorkOS to the next level... with the official Motion x Radix integration guide! Featuring recommended patterns for exit and layout animations, and a slew of fresh Motion+ examples. Which component library would you like to see next?show more

Matt Walsh Matt, this clip with Robin DiAngelo is... priceless. Worth the cost of admission alone. And nice get-up.show more