**Story:** As a UI designer, I need to know which UI-elements/Widgets exist currently so I can design consistently
**Story:** As a new frontend-developer, I need to know which UI-elements/Widgets exist so I can find out what to build upon
**Examples:** [[ https://doc.wikimedia.org/oojs-ui/master/demos/#widgets-mediawiki-ltr-desktop | OOUI Demo ]], [[ http://getbootstrap.com/components/ | Bootstrap Components ]],
**Requirements for users**
* It should be easy to see different modes (Editing, …), ideally side by side
* It should be easy to see several UI-Elements/widgets at once (antipattern: several clicks for seeing a specific UI/widgets or state of a widget)
* It needs to be possible to provide annotations to explain which data it needs, which possible relations it has to other elements etc.
**Requirements for development**
* It should be easy to update and/or autoupdate
* There needs to have mock data
Note: //this might be useful for possible future redesigns and/or trying out reactive frontend//