Chat Modes

micro-interaction••@Motion Study
motion:layout-animationtech:framer-motionmotion:state-transitiontech:radix-uipattern:mode-switchingcomponent:buttonpurpose:uxmotion:micro-interactioncomponent:input

While working on an AI-chat app we needed a way to switch "chat modes" that communicated to the user they were going to receive a different "shape" of response. This prototype is the result of a couple iterations on that design problem.

Sources & References

Links, repos, and notes that informed this piece.

reference

  • Motion Study— My "Motion study" website that contains this creation