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

Introducing Motion-Primitives: a collection of reusable animated components built... with Framer Motion and Tailwind CSS.show 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

The magic of clip paths. Animated tooltip component in... NextJS and Matt Perry's motion.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

Added a glow feature to my shadcn cards with... tailwind v4, no component duplication, just blendmode and css shananigans ✨show more

✨ Build Next.js, Tailwind CSS & shadcn websites with... drag and drop. And yes, you can export the code. Link below.show more

✨ Build Next.js, Tailwind CSS & shadcn UIs with... a visual editor. Export the code with one click. Link below.show more

I built an iOS-style modal sheet with React Aria... Components and Framer Motion! It uses gesture-driven animations to feel super smooth and natural on touch devices. It's a surprisingly small amount of code too. Check it out! 🤩show more

AI can generate animation code. It can't feel timing.... I built a skill that teaches AI agents Disney's 12 principles for UI motion, so there's actual intention behind the movement, not just math. Works with CSS, GSAP, Framer Motion & Lottie. Same prompt with Claude. Watch what changes 👇show more

The idea behind ClearPath — my new Framer template... — is built around a path that follows the scroll. But what I’m especially loving is this on/off balance toggle. Simple, but so fun to play with.show more

Pretty amazing that we can now implement swipeable Tabs... with native CSS. Updating the React Aria demo I made a few years ago to use native scroll snapping, scroll timeline, and anchor positioning instead of Framer Motion. Feels smooooooth! 🎉show more

The future of AI in web development? This app... generates code and images to convert a screenshot into HTML/Tailwind CSS. I just gave it a screenshot of my X feed, and look what it produced (Notes & link in the comments):show more

introducing: elastic line component for Framer use this to... add a wobbly, spring-like line that interacts with your cursor, bringing a playful vibe to your website.. comment 'ELASTIC' and i'll send you the component :)show 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

I've started using Base UI for Hypermode's new UI... components and I'm absolutely loving it. The component API's are excellent, and the DX in pairing it up with Motion has been seamless. WIP of a new Hypermode dialog with form elements built on BaseUI 👇show more

💡 CSS Tip! Two circles, one arrow, and CSS... magic. 🪄 A cool demo packed with modern features (anchor positioning, attr(), container queries, shape(), and more!) 🤩 The shape and position of the arrow are fully controlled using CSS.show more

Create beautiful moving gradients ShaderGradient is an online tool... that helps create beautiful gradients. You can customize colors, shapes & motion properties. The tool is also available in Figma, Framer, and as a React component.show more