Improve Discoverability: List React Components in Alphabetical Order in Sidebar

[dylandifilippo]

Problem or use case

Currently, when browsing the Untitled UI React components, the components in the sidebar are not organized alphabetically. This makes it time-consuming and unintuitive to locate specific components, especially given the large number and variety available. As the library grows, this usability issue becomes more noticeable and impacts developer productivity when searching for a known component by name.

Proposed solution

Please implement automatic alphabetical sorting of all component names in the sidebar navigation. This minor UX change will make component discovery faster and more efficient for users, particularly for those already familiar with the library or looking up something specific.

Alternatives considered

I sometimes use the browser “find” function (Ctrl+F) to search for a component, but this is not as smooth as a well-organized sidebar. Grouping by category is useful, but alphabetical order within categories would also help a lot.

Examples or mockups

An example would be to sort the current sidebar’s component list as: “Avatar, Badge, Button, Card...” instead of the existing non-alphabetical order.