<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
  <channel>
    <title>userinterface.wiki</title>
    <link>https://userinterface.wiki</link>
    <description>A living manual for better interfaces. Learn design principles, motion, typography, and more.</description>
    <language>en-US</language>
    <lastBuildDate>Tue, 09 Jun 2026 13:25:31 GMT</lastBuildDate>
    <atom:link href="https://userinterface.wiki/feed.xml" rel="self" type="application/rss+xml"/>
    
    <item>
      <title><![CDATA[Skill]]></title>
      <link>https://userinterface.wiki/skill</link>
      <guid isPermaLink="true">https://userinterface.wiki/skill</guid>
      <description><![CDATA[152 rules for building better user interfaces, packaged as a skill for AI coding agents.]]></description>
      <pubDate>Tue, 17 Mar 2026 00:00:00 GMT</pubDate>
      <author>raphael-salaja</author>
    </item>
    <item>
      <title><![CDATA[Laws of UX]]></title>
      <link>https://userinterface.wiki/laws-of-ux</link>
      <guid isPermaLink="true">https://userinterface.wiki/laws-of-ux</guid>
      <description><![CDATA[There's a set of psychological principles behind every interface that feels right. Here are the ones I think about the most.]]></description>
      <pubDate>Tue, 17 Feb 2026 00:00:00 GMT</pubDate>
      <author>raphael-salaja</author>
    </item>
    <item>
      <title><![CDATA[Animating Container Bounds]]></title>
      <link>https://userinterface.wiki/animating-container-bounds</link>
      <guid isPermaLink="true">https://userinterface.wiki/animating-container-bounds</guid>
      <description><![CDATA[Learn how to animate the width and height of containers using a custom useMeasure hook and Motion, making your UI respond smoothly to content changes.]]></description>
      <pubDate>Mon, 09 Feb 2026 00:00:00 GMT</pubDate>
      <author>raphael-salaja</author>
    </item>
    <item>
      <title><![CDATA[Morphing Icons]]></title>
      <link>https://userinterface.wiki/morphing-icons</link>
      <guid isPermaLink="true">https://userinterface.wiki/morphing-icons</guid>
      <description><![CDATA[Icons that transform through actual shape transformation, not crossfades. Inspired by Benji's experiments with Claude.]]></description>
      <pubDate>Sun, 01 Feb 2026 00:00:00 GMT</pubDate>
      <author>raphael-salaja</author>
    </item>
    <item>
      <title><![CDATA[Generating Sounds with AI]]></title>
      <link>https://userinterface.wiki/generating-sounds-with-ai</link>
      <guid isPermaLink="true">https://userinterface.wiki/generating-sounds-with-ai</guid>
      <description><![CDATA[I'm not a sound engineer, but I know what good sound sounds like. Here's how I used Cursor and the Web Audio API to build a library of UI sounds from scratch.]]></description>
      <pubDate>Wed, 28 Jan 2026 00:00:00 GMT</pubDate>
      <author>raphael-salaja</author>
    </item>
    <item>
      <title><![CDATA[Mastering Animate Presence]]></title>
      <link>https://userinterface.wiki/mastering-animate-presence</link>
      <guid isPermaLink="true">https://userinterface.wiki/mastering-animate-presence</guid>
      <description><![CDATA[Learn how to use the more advanced features of Motion's AnimatePresence component. Reading presence state, manual exit control, directional animations, and nested exits.]]></description>
      <pubDate>Mon, 26 Jan 2026 00:00:00 GMT</pubDate>
      <author>raphael-salaja</author>
    </item>
    <item>
      <title><![CDATA[Sounds on The Web]]></title>
      <link>https://userinterface.wiki/sounds-on-the-web</link>
      <guid isPermaLink="true">https://userinterface.wiki/sounds-on-the-web</guid>
      <description><![CDATA[Sound is the forgotten sense in web design. Used well, it adds feedback, personality, and presence that visuals alone cannot achieve.]]></description>
      <pubDate>Sun, 04 Jan 2026 00:00:00 GMT</pubDate>
      <author>raphael-salaja</author>
    </item>
    <item>
      <title><![CDATA[To Spring or Not To Spring]]></title>
      <link>https://userinterface.wiki/to-spring-or-not-to-spring</link>
      <guid isPermaLink="true">https://userinterface.wiki/to-spring-or-not-to-spring</guid>
      <description><![CDATA[Strategies for choosing between easing curves and springs in interface motion design.]]></description>
      <pubDate>Mon, 29 Dec 2025 00:00:00 GMT</pubDate>
      <author>raphael-salaja</author>
    </item>
    <item>
      <title><![CDATA[Pseudo Elements]]></title>
      <link>https://userinterface.wiki/taking-advantage-of-pseudo-elements</link>
      <guid isPermaLink="true">https://userinterface.wiki/taking-advantage-of-pseudo-elements</guid>
      <description><![CDATA[Modern CSS pseudo-elements go far beyond ::before and ::after. From view transitions to scroll markers, these invisible helpers unlock interactions that once required JavaScript.]]></description>
      <pubDate>Mon, 15 Sep 2025 00:00:00 GMT</pubDate>
      <author>raphael-salaja</author>
    </item>
    <item>
      <title><![CDATA[12 Principles of Animation]]></title>
      <link>https://userinterface.wiki/12-principles-of-animation</link>
      <guid isPermaLink="true">https://userinterface.wiki/12-principles-of-animation</guid>
      <description><![CDATA[A guide to the foundational principles of animation, from squash and stretch to timing and exaggeration, and how they can be applied to create more engaging and lifelike animations.]]></description>
      <pubDate>Tue, 08 Apr 2025 00:00:00 GMT</pubDate>
      <author>raphael-salaja</author>
    </item>
  </channel>
</rss>