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

Made by Framer Motion and Tailwind CSS Inspired by Lokki

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

Exclusion tabs. Made with Tailwind and Framer Motion.

Assisted password confirmation. Made with Tailwind and Framer Motion.

Base UI Tooltip with the detached triggers API

✨ 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

Animated Transactions Card ✧ Made with Tailwind and Framer... Motion. Inspired by Nitish Khagwalshow more

Create New Interaction ✧ Made with Tailwind and Framer... Motion. Inspired by Nitish Khagwalshow more

Animated Inline Table ✧ Made with Tailwind and Framer... Motion. Inspired by Nitish Khagwalshow more

Hour 56.5/100: Learning Framer Motion Made with React and... Tailwind Design inspired by Arkadyshow more

My SVG icons won't be boring anymore 🤯 →... Microanimations → Ready-to-copy components → CSS and Tailwind supported So simple, so impressive 🔥 #buildinpublicshow more

I don't think its usable but it was a... fun little experiment built with Three.js Motion Tailwind CSS and Next.jsshow more

Tailwind CSS Tip ✨ You can create a floating... input form with Tailwind CSS using ":placeholder-shown" pseudo class. Live Demo & Code 👇 (8/30) follow for 22 more tips 🔔show more

Crafts and designs for august All built in Next... using Framer Motion and Tailwindshow more

Figma design vs Claude Code output Here's my workflow:... → Built the component on shadcn/ui foundations → Wrote a SKILLS.md file that systematized design-token extraction (included inputs, extraction protocol, tech selection, tailwind rules, layout etc) → Fed Claude the Figma CSS + 2x-scaled component PNGs (halved the measurements) → Iterated bit-by-bit in Claude Code until I as satisfied with the outputshow more