KokonutUI
A polished dropdown menu triggered from a user profile card. Includes avatar, name, subscription badge, and sign-out action with smooth open/close animations.
A bending line indicator on the right side of the trigger animates and changes color when the dropdown opens.
The avatar is wrapped in a purple-to-orange gradient ring that provides visual depth.
Model and subscription values render as color-coded badges (blue for model, purple for subscription).
A distinct red-tinted sign out button is separated from the menu items for clear destructive action visibility.