# `@rocket.chat/fuselage-ui-kit` > UiKit elements for Rocket.Chat Apps built under Fuselage design system --- [](https://www.npmjs.com/package/@rocket.chat/icons/v/latest) [](https://www.npmjs.com/package/@rocket.chat/icons/v/next)  [](https://rocketchat.github.io/Rocket.Chat.Fuselage/fuselage-ui-kit)       ## Install Firstly, install the peer dependencies (prerequisites): ```sh npm i @rocket.chat/fuselage @rocket.chat/fuselage-hooks @rocket.chat/icons @rocket.chat/styled react react-dom # or, if you are using yarn: yarn add @rocket.chat/fuselage @rocket.chat/fuselage-hooks @rocket.chat/icons @rocket.chat/styled react react-dom ``` Add `@rocket.chat/fuselage-ui-kit` as a dependency: ```sh npm i @rocket.chat/fuselage-ui-kit # or, if you are using yarn: yarn add @rocket.chat/fuselage-ui-kit ``` ## Contributing Contributions, issues, and feature requests are welcome!
Feel free to check the [issues](https://github.com/RocketChat/fuselage/issues). ### Building As this package dependends on others in this monorepo, before anything run the following at the root directory: ```sh yarn build ``` ### Linting To ensure the source is matching our coding style, we perform [linting](). Before commiting, check if your code fits our style by running: ```sh yarn lint ``` Some linter warnings and errors can be automatically fixed: ```sh yarn lint-and-fix ``` ### Component stories We develop and describe our visual components in the form of stories, manage by a tool called [Storybook](https://storybook.js.org/). To start developing with Storybook, run: ```sh yarn storybook ```