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

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

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

A swinging robot 🤖 Pure #CSS. Live demo and... full code on @codepen: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

Pretty amazing that we can now implement swipeable Tabs... with native CSS. Updating the React Aria demo I made a few years ago to use native scroll snapping, scroll timeline, and anchor positioning instead of Framer Motion. Feels smooooooth! 🎉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

A fun CSS-only experimentation using modern features (anchor positioning,... @​property, :has(), and more!) for this week #codepenchallenge Demo: via CodePen.IOshow more