正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

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 pointer

Aceternity

4,297 subscribers

43,391 次观看 • 2 年前 •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

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

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

Ibelick

88,945 次观看 • 2 年前

💡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!

💡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!

CSS by T. Afif

57,769 次观看 • 8 个月前

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

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

Seyi

42,710 次观看 • 9 个月前

✨ 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.

✨ 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.

Dillion

324,632 次观看 • 2 年前

Made by Framer Motion and Tailwind CSS Inspired by Lokki

Made by Framer Motion and Tailwind CSS Inspired by Lokki

Ali Samadi

49,604 次观看 • 1 年前

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

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

Dev Ed

60,593 次观看 • 1 年前

Exclusion tabs. Made with Tailwind and Framer Motion.

Exclusion tabs. Made with Tailwind and Framer Motion.

Preet

127,954 次观看 • 1 年前

Assisted password confirmation. Made with Tailwind and Framer Motion.

Assisted password confirmation. Made with Tailwind and Framer Motion.

Preet

406,128 次观看 • 1 年前

Base UI Tooltip with the detached triggers API

Base UI Tooltip with the detached triggers API

Colm Tuite

15,079 次观看 • 29 天前

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

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

Mattia

205,173 次观看 • 1 年前

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

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

Mattia

107,119 次观看 • 1 年前

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

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

LN

10,354 次观看 • 1 年前

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

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

LN

23,887 次观看 • 1 年前

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

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

LN

23,710 次观看 • 1 年前

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

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

Vaun Blu

92,214 次观看 • 1 年前

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

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

Bart ⚡

132,998 次观看 • 1 年前

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

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

Manu Arora

25,757 次观看 • 5 个月前

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 🔔

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 🔔

Surjith S M ✪

173,050 次观看 • 3 年前

Crafts and designs for august All built in Next using Framer Motion and Tailwind

Crafts and designs for august All built in Next using Framer Motion and Tailwind

Vaun Blu

71,261 次观看 • 1 年前

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 output

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 output

CJ @ Jackie Brown

27,054 次观看 • 3 个月前