Loading video...

Video Failed to Load

Go Home

collections surfer all powered by CSS transforms and Motion demo →

joelbqz's profile picture

Joel

3,411 subscribers

31,490 views • 10 months ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Our recent design project is live. Meet the new look of Search Party. 3 months of work - branding, design, development, and motion. Powered, as usual, by Next.js and Tailwind CSS.
0:18

Our recent design project is live. Meet the new look of Search Party. 3 months of work - branding, design, development, and motion. Powered, as usual, by Next.js and Tailwind CSS.

Alex Barashkov

94,720 views • 1 year ago

physics powered by window motion
0:19

physics powered by window motion

Terkel

12,520 views • 6 months ago

💡 CSS Tip! Create a Sticky Header that "sticks"! A fancy effect powered by Scroll-Driven Animations and shape().
0:10

💡 CSS Tip! Create a Sticky Header that "sticks"! A fancy effect powered by Scroll-Driven Animations and shape().

CSS by T. Afif

22,524 views • 6 months ago

circular carousel v6————added proper css mapping based on angle (here blur + opacity) + experiments with css 3d transforms
0:10

circular carousel v6————added proper css mapping based on angle (here blur + opacity) + experiments with css 3d transforms

daniel petho

23,708 views • 1 year ago

Quick demo of this CSS-driven configuration coming in Tailwind CSS v4 — creating a new `font-comic` utility by just creating a new CSS variable under our new `@​theme` directive. No JS configuration file, all the same theme customization flexibility 🤩
0:16

Quick demo of this CSS-driven configuration coming in Tailwind CSS v4 — creating a new `font-comic` utility by just creating a new CSS variable under our new `@​theme` directive. No JS configuration file, all the same theme customization flexibility 🤩

Adam Wathan

95,439 views • 2 years ago

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

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

Ibelick

89,015 views • 2 years ago

⚡️Superman in motion, powered by Kling AI 2.0 Master
0:14

⚡️Superman in motion, powered by Kling AI 2.0 Master

AI Imagined

59,064 views • 1 year ago

💡 CSS Tip! Get the scroll progress of the page as a CSS variable using a few lines of code ✅ Powered by Scroll driven animations ✅ Defined at the root level ✅ Typed using @​property ✅ You can easily use it within any formula CodePen.IO demo in the reply 👇
0:11

💡 CSS Tip! Get the scroll progress of the page as a CSS variable using a few lines of code ✅ Powered by Scroll driven animations ✅ Defined at the root level ✅ Typed using @​property ✅ You can easily use it within any formula CodePen.IO demo in the reply 👇

CSS by T. Afif

35,659 views • 2 years ago

A swinging robot 🤖 Pure #CSS. Live demo and full code on CodePen.IO:
0:16

A swinging robot 🤖 Pure #CSS. Live demo and full code on CodePen.IO:

Amit Sheen

13,493 views • 2 years ago

8 innovators and 8 world-class athletes reinterpret the concept of motion powered by Air Max Dn8.
0:16

8 innovators and 8 world-class athletes reinterpret the concept of motion powered by Air Max Dn8.

Nike

3,589,489 views • 1 year ago

💡 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.
0:19

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

CSS by T. Afif

82,668 views • 10 months ago

A smarter interface transforms everyday tasks into effortless moments. Samsung India pushes innovation forward with intelligent features powered by #GalaxyAI.
0:15

A smarter interface transforms everyday tasks into effortless moments. Samsung India pushes innovation forward with intelligent features powered by #GalaxyAI.

Maaya

16,546 views • 8 months ago

AI motion design is solved. The typography, animation, and texture here were all created entirely from scratch inside After Effects, and every layer stays editable. I can spend more time trying ideas and shaping the motion, with less manual setup between versions. Made with AI Motion Designer at Higgsfield, powered by GPT-6 Astra.
0:16

AI motion design is solved. The typography, animation, and texture here were all created entirely from scratch inside After Effects, and every layer stays editable. I can spend more time trying ideas and shaping the motion, with less manual setup between versions. Made with AI Motion Designer at Higgsfield, powered by GPT-6 Astra.

Madi ✦

25,805 views • 1 month ago

A satisfying blinky demo, powered by my 8086 core executing the original 8086 microcode.
0:10

A satisfying blinky demo, powered by my 8086 core executing the original 8086 microcode.

nand2mario

38,517 views • 11 months ago

Tailwind CSS Tip ✨ You can create a pure css carousel in Tailwind CSS using scroll snap. Live demo ↓ (21/30) follow for 9 more tips 🔔
0:12

Tailwind CSS Tip ✨ You can create a pure css carousel in Tailwind CSS using scroll snap. Live demo ↓ (21/30) follow for 9 more tips 🔔

Surjith S M ✪

203,392 views • 3 years ago

Tailwind CSS Tip ✨ You can create some cool looking loaders and spinners using Tailwind CSS. Thanks to Tailscan for Tailwind CSS for the inspiration. Demo & Code 👇 (14/30) follow for 16 more tips 🔔
0:11

Tailwind CSS Tip ✨ You can create some cool looking loaders and spinners using Tailwind CSS. Thanks to Tailscan for Tailwind CSS for the inspiration. Demo & Code 👇 (14/30) follow for 16 more tips 🔔

Surjith S M ✪

140,240 views • 3 years ago

We've release our code and weights for weights2weights. Check out our demo on Hugging Face 🤗 powered by Gradio. Code: Weights: Demo: Thanks Linoy Tsaban apolinario (poli) for the collab!
0:12

We've release our code and weights for weights2weights. Check out our demo on Hugging Face 🤗 powered by Gradio. Code: Weights: Demo: Thanks Linoy Tsaban apolinario (poli) for the collab!

Amil Dravid

46,631 views • 2 years ago