collections surfer all powered by CSS transforms and Motion... demo →show more

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.show more

physics powered by window motion

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

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 🤩show more

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

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

💡 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 👇show more

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

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

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

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

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

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 🔔show more

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!show more

📝 Solved by CSS Scroll-Driven Animations: hide a header... when scrolling down, show it again when scrolling up By adding a long transition-delay to a CSS property under certain conditions (with a Style Query), you can persist its value Demo by Fabrizio Calderanshow more

AI-Powered Social Investing is Here ✨ Explore AI-Curated token... collections and get notified about the latest trends and narratives - all in one app. Download Dyor App Now ⤵️show more

[ Demo Test ] Effects: B-Toon-Shader - ikClut -... LightBloom - Autoluminous Motion: Un Deux Trois by つんshow 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