Design Engineering 101: Make drag interactions feel more intuitive... and alive. Add a handle indicator, and animate scale, rotation, and shadow during the transition. Show where the item will land with an empty-space cutout.show more

Design Engineering 101: Make your number steppers feel awesome.... A number stepper that only bumps once per click makes you click twenty times. Reward the hold. Animate it nicely with rolling digits, blur on transitions and gradient masks to avoid abrupt cuts.show more

Design Engineering Tip Make hover interactions respond to where... the cursor actually comes from. Instead of revealing content with the same animation every time, detect the cursor entry direction and move the image + content accordingly. It makes a simple card feel much more spatial and responsive. const direction = getDirection(event, ref.current); const variants = { top: { y: 20 }, bottom: { y: -20 }, left: { x: 20 }, right: { x: -20 }, };show more

Design Engineering Tip: If your UI has a draggable... split view, don’t make users land on perfect proportions by hand. Add sensible snap points—25 / 50 / 75—and let the handle gently settle on release. Users get precision when they need it, and a calmer interface when they don’t.show more

AI Meeting Notes just got a li'l more intuitive.... Now, Join and Transcribe will search pages in the event description (and attachments) to make sure you always land in the correct meeting note.show more

We've been investing in animations and micro-interactions at Mobbin... to enhance the user experience with delightful touches. Love how they make our site feel more alive ✨ Stay tuned for more!show more

Add something new to your training with the Rogue... Mace. Featuring an Olympic barbell sleeve that utilizes a bushing design to allow for the loaded weight to rotate freely. This provides a more balanced feel throughout the rotation when swinging the mace. Available in two lengths and four weight options: #ryourogueshow more

The all-new #HondaPrologue SUV has class-leading passenger space, intuitive... tech, and an elevated design. It’s everything you’d expect from a Honda, now electric. On sale now.show more

Tried Walgtech 👨🏻‍💻's idea to make a video of... the interior transitions Starting with construction base to the Interior AI design to it adding people And Suno 4.5+ to add that cliche interior transition musicshow more

The spacing in your animation is the reason it... feels soft. Larger spacing, combined with a strong path of action and smear frames, will make your impacts feel much more powerful. Mentoring sessions open #animate #animationtips #kungfupandashow more

Introducing Amicro. A curated library of premium micro-interactions and... transition components for React. Add beautiful card hovers, button interactions, and seamless transitions to your app with a single CLI command. ✨ Open source. Try it:show more

(1/2) Introducing the dynamic and sporty Tata CURVV; With... an elegant design combining toughness and durability of an SUV with the sleek design of a coupe. Visit to know more.show more

A rite of passage in design engineering: implement the... safety triangle for hover interactionsshow more

AI-first aircraft development: parametric geometry generated at scale without... failures, Physics AI models reporting lift and drag across a wide design space, and multi-objective optimization to get to the most performant aircraft. All in minutes instead of weeks or months.show more

introducing: burn transition for Framer scroll or animate through... a torn, glowing edge that feels alive right on your canvas. tweak the burn, noise, edge, and glow to shape the transition you want. comment "BURN" and i'll send it to you for free! :)show more

Design Engineering Tip: Don’t reveal a grid all at... once. Use stagger() to give every item a tiny delay. You can add an extra motion detail to give the reveal more character, like this tiny swing. import { stagger } from "motion" animateView(update) .add(".item") .enter( { opacity: [0, 1], y: [12, 0], rotate: [-2, 0] }, { delay: stagger(0.05, { from: "center" }) } )show more

Can’t stop making these micro interactions and animations on... the websites Took me about an hour to design and develop.show more

Add a little joy to your UI when removing... an item. .removing-item .container { filter: blur(8px); opacity: 0; transform: scale(0.92); transition: filter 280ms ease-in, opacity 200ms ease-in, transform 280ms ease-in; } .removing-item { width: 0; transition: width 320ms cubic-bezier(0.2, 0, 0, 1) 60ms; }show more

Mind Map Improvements 🙌🏻 Drag & Drop — We’ve... rebuilt interactions to make node placement more predictable and intuitive, helping you organize your thoughts more effectively. Collapsible Nodes — You can now expand and collapse child nodes, making it easier to focus and manage complex mind map structures. Work smarter, not harder — powered by Wax AI 🍯show more