Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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

Ibelick's profile picture

Ibelick

11,032 subscribers

88,945 görüntüleme • 2 yıl önce •via X (Twitter)

Bilim & TeknolojiEğitimSanat
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

✨ 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.
0:17

✨ 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,699 görüntüleme • 2 yıl önce

Framer Motion & Tailwind CSS Code:
0:13

Framer Motion & Tailwind CSS Code:

Ali Samadi

17,665 görüntüleme • 1 yıl önce

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
0:11

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

43,391 görüntüleme • 2 yıl önce

Exclusion tabs. Made with Tailwind and Framer Motion.
0:10

Exclusion tabs. Made with Tailwind and Framer Motion.

Preet

128,025 görüntüleme • 1 yıl önce

Assisted password confirmation. Made with Tailwind and Framer Motion.
0:17

Assisted password confirmation. Made with Tailwind and Framer Motion.

Preet

406,196 görüntüleme • 1 yıl önce

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

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

Vaun Blu

71,261 görüntüleme • 1 yıl önce

How to use Framer Motion with Server Components
0:17

How to use Framer Motion with Server Components

Alex Sidorenko

103,285 görüntüleme • 2 yıl önce

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

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

LN

23,887 görüntüleme • 1 yıl önce

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

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

Vaun Blu

92,225 görüntüleme • 1 yıl önce

A playful carousel for my new portfolio, built with framer motion
0:13

A playful carousel for my new portfolio, built with framer motion

Daniel Destefanis

66,335 görüntüleme • 1 yıl önce

Introducing prompt-kit A set of high-quality, customizable components for building AI interfaces. Built on top of shadcn/ui, starting with PromptInput, a flexible input field for chatting with AI models. New components coming soon!
0:13

Introducing prompt-kit A set of high-quality, customizable components for building AI interfaces. Built on top of shadcn/ui, starting with PromptInput, a flexible input field for chatting with AI models. New components coming soon!

Ibelick

104,121 görüntüleme • 1 yıl önce

Just added In View component to motion-primitives. Easily trigger animations when elements are in the viewport
0:10

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

Ibelick

10,365 görüntüleme • 1 yıl önce

Publino – Next.js Saas Landing Page Template built with - Next.js 16 & React 19 - Tailwind CSS - Framer Motion - Next-intl (RTL support) Comes with Modern hero section, Dark / Light mode, i18n (EN + AR), Pricing , Contact pages, SEO-ready setup, 3D globe, Charts & animations. Demo + Source Code (First comment) 👇
0:17

Publino – Next.js Saas Landing Page Template built with - Next.js 16 & React 19 - Tailwind CSS - Framer Motion - Next-intl (RTL support) Comes with Modern hero section, Dark / Light mode, i18n (EN + AR), Pricing , Contact pages, SEO-ready setup, 3D globe, Charts & animations. Demo + Source Code (First comment) 👇

Mohamed Djoudir

34,336 görüntüleme • 5 ay önce

We've added 4 new animated Base UI components to Animate UI: 🔹 Progress 🔹 Accordion 🔹 Toggle Group 🔹 Preview Card Fully animated with Motion and built with shadcn styling. Check it out 👇
0:17

We've added 4 new animated Base UI components to Animate UI: 🔹 Progress 🔹 Accordion 🔹 Toggle Group 🔹 Preview Card Fully animated with Motion and built with shadcn styling. Check it out 👇

Animate UI

28,403 görüntüleme • 1 yıl önce

I’m loving the new sidebar interaction by Adam Stern for Dia — had to try recreating it myself with Tailwind CSS and Motion😄
0:14

I’m loving the new sidebar interaction by Adam Stern for Dia — had to try recreating it myself with Tailwind CSS and Motion😄

Raul

14,689 görüntüleme • 1 yıl önce

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! 🤩
0:14

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

Devon Govett

182,651 görüntüleme • 3 yıl önce

✧ Vercel Navbar Made with Tailwind and Motion React.
0:17

✧ Vercel Navbar Made with Tailwind and Motion React.

LN

43,097 görüntüleme • 1 yıl önce

✨ Introducing Mobile A beautiful landing page template for your mobile app Built using Next.js, Tailwind CSS, shadcn and Magic UI
0:13

✨ Introducing Mobile A beautiful landing page template for your mobile app Built using Next.js, Tailwind CSS, shadcn and Magic UI

Dillion

74,079 görüntüleme • 1 yıl önce