Design Engineering Tip: If you’re using the same corner... radius across your entire UI, try scaling it with the component size: 12px → XS (buttons, tags) 16px → S (cards, inputs) 24px → M (modals, panels) As components get larger, increasing the radius can help preserve the same visual softness and balance.show more

Different radii can cover the same distance because distance... depends on the path traveled, not just the radius itself. When objects move along curves or arcs with different radii, a smaller radius can be compensated by a larger angle, while a larger radius can use a smaller angle. In both cases, the arc length can end up equal-even though the curves look very different.show more

a well-known iOS Safari quirk is that inputs with... a font-size <16px trigger an auto-zoom on focus using 16px is probably the best solution, but it can feel a bit heavy in tight UIs a clever workaround is to keep the font-size at 16px and scale the input down with CSS!show more

A donut (torus) has the exact same volume and... surface area as a cylinder with radius r and height 2πR! Watch every swivel preserve both perfectly... Geometry just got delicious!show more

If you haven’t tried Cybertruck’s steer-by-wire and 4-wheel steering... system, you must. It has the same turning radius as a Sedan.show more

Mobile design UI components Line design system is an... excellent collection of UI components for mobile apps—from action buttons to pulldown menus. Every component features anatomy, states & behavior, and design dos and donts.show more

Pro tip for Vibe Coding: just knowing the "terms"... behind UI components can 100x your frontend results This website shows you ALL the typical UI components found on websites with examples and inspiration Learn it, screenshot it, and vibe codeshow more

The new corner-shape CSS property unlocks exciting new UI... patterns. corner-shape: bevel round; border-radius: 1em 0 / 3em 0;show more

not only apple uses same radius across products but... i hear that they have patented it as wellshow more

UI/UX Designers, check this design systems database A massive... collection of the best-in-class design systems with visual styles, components and references from leading UI teams. Website →show more

Ending the concentric corner radius debate once and for... all 😌show more

The best UI components ready to use, save this... 👇 - free animated component library - Animated thinking orb component - essential transitions for web apps - crafted UI for AI-native interfaces. - huge community library - The React component library - patterns from 95 design systems - Annotate your UI. Guide your coding agent What Did I Miss?show more

I've started using Base UI for Hypermode's new UI... components and I'm absolutely loving it. The component API's are excellent, and the DX in pairing it up with Motion has been seamless. WIP of a new Hypermode dialog with form elements built on BaseUI 👇show more

Apple’s now decades old over commitment to the Radius... Corner has dated their products. There is need to have the design language “grow up”.show more

What makes an app truly adaptive? 🤔 Adaptive apps... take advantage of the full screen size - whether it's a phone, a tablet, or a foldable. At #GoogleIO we covered building adaptable apps, increasing user productivity with key inputs, and scaling games across surfaces. Get the big picture with large screens →show more

UI Design Tips Collection of practical design tips for... popular UI components—from call-to-action buttons & cards to menus & modal windows. Every recommendation is provided in a do and don't format.show more

I found a component library with 250+ animations that... will make your frontend look insane. And it's completely FREE ! >Ready to use components with animations built in >Copy and drop straight into your project >The kind of UI that makes your app look like a $50K build Your frontend will never look the same.show more

react-native-enriched 🤝 <EnrichedText> We just dropped a dedicated text... component, making it a complete rich-text solution. Now it only takes a few lines of code to get your inputs and display text working seamlessly together using the exact same format.show more

Design Engineering Tip If your modal scrolls like this,... you’re probably missing one CSS property: overscroll-behavior: contain; It prevents the page behind the modal from scrolling when users reach the top or bottom.show more

I’ve been using 60% Apple-style corner smoothing all the... time. But whenever I explain it to Codex or Claude Code, they often miss the point. So I made a skill that anyone can use with their AI agents: npx skills add gabrielobholz/corner-smoothing-skill Now I can simply say: “Create a rectangle with radius: 32 and smoothing: 60” and get the shape I actually mean.show more