Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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 Aufrufe • vor 2 Jahren •via X (Twitter)

Wissenschaft & TechnologieBildungKunst
LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

✨ 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 Aufrufe • vor 2 Jahren

Framer Motion & Tailwind CSS Code:
0:13

Framer Motion & Tailwind CSS Code:

Ali Samadi

17,665 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 2 Jahren

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

Exclusion tabs. Made with Tailwind and Framer Motion.

Preet

128,025 Aufrufe • vor 1 Jahr

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

Assisted password confirmation. Made with Tailwind and Framer Motion.

Preet

406,196 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 1 Jahr

How to use Framer Motion with Server Components
0:17

How to use Framer Motion with Server Components

Alex Sidorenko

103,285 Aufrufe • vor 2 Jahren

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 1 Jahr

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,219 Aufrufe • vor 5 Monaten

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 1 Jahr

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,609 Aufrufe • vor 3 Jahren

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

✧ Vercel Navbar Made with Tailwind and Motion React.

LN

43,097 Aufrufe • vor 1 Jahr

✨ 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 Aufrufe • vor 1 Jahr