# UIKit Responsive UI **URL:** https://community.sendbird.com/t/uikit-responsive-ui/1966 **Category:** React **Tags:** feature-request, uikit, javascript **Created:** [March 27, 2021, 1:59pm UTC](https://community.sendbird.com/t/uikit-responsive-ui/1966 "2021-03-27T13:59:39Z") **Posts on this page:** 5 **Page:** 1
### Author: ![georg\_san](https://avatars.discourse-cdn.com/v4/letter/g/49beb7/32.png) [@georg\_san](https://community.sendbird.com/u/georg_san) #### Post date: [March 27, 2021, 1:59pm UTC](https://community.sendbird.com/t/uikit-responsive-ui/1966/1 "2021-03-27T13:59:40Z")
Looking for any pointers/feedback to make UIKit JS responsive/mobile friendly. Has anyone implemented it for small/mobile screens? ---
### Author: ![John\_Ottenlips](https://sea2.discourse-cdn.com/flex020/user_avatar/community.sendbird.com/john_ottenlips/32/663_2.png) [@John\_Ottenlips](https://community.sendbird.com/u/John_Ottenlips) #### Post date: [May 27, 2021, 5:30pm UTC](https://community.sendbird.com/t/uikit-responsive-ui/1966/2 "2021-05-27T17:30:30Z")
I am experiencing this issue as well. The demo shows the UIKit working on mobile but when I implent `` and `` next to each othter they loose their responsiveness. Do we have to provide our own navigation for mobile channel and channel list? ---
### Author: ![M\_T](https://sea2.discourse-cdn.com/flex020/user_avatar/community.sendbird.com/m_t/32/1939_2.png) [@M\_T](https://community.sendbird.com/u/M_T) #### Post date: [January 18, 2022, 5:14pm UTC](https://community.sendbird.com/t/uikit-responsive-ui/1966/3 "2022-01-18T17:14:41Z")
Having the same issue. Had to make my own containers for `` and `` and make them expand/contract but something seems to be off, as the whole experience became very slow. Funny enough, the demo apps here [Sendbird Chat - Live stream chat demo and samples](https://sendbird.com/demos/live-stream-chat) don’t load at all if you are on mobile screen size. Looks like you’d have to homebake your own UI or do extensive mods to whats provided. In this codepen ([(1-1) Using Sendbird App (forked) - CodeSandbox](https://codesandbox.io/s/1-1-using-sendbird-app-forked-ipv5r)) if you make screen size small, the `` component is the main issue (specially if there is a pre-rendered link, which makes `` extra wide). ---
### Author: ![Charis\_Theodoulou](https://sea2.discourse-cdn.com/flex020/user_avatar/community.sendbird.com/charis_theodoulou/32/1401_2.png) [@Charis\_Theodoulou](https://community.sendbird.com/u/Charis_Theodoulou) #### Post date: [February 4, 2022, 10:52am UTC](https://community.sendbird.com/t/uikit-responsive-ui/1966/4 "2022-02-04T10:52:31Z")
Hi, you can check out this code sandbox about how you might implement UIKit JavaScript on mobile: > **[sendbird-uikit-mobile (forked) - CodeSandbox](https://codesandbox.io/s/sendbird-uikit-mobile-forked-ttzu1?file=%2Fsrc%2FApp.js)** > > sendbird-uikit-mobile (forked) by charisTheo using react, react-dom, react-scripts, sendbird-uikit Please be aware that you will have to create your own [ChannelPreview component](https://codesandbox.io/s/sendbird-uikit-mobile-forked-ttzu1?file=/src/ChannelPreview.js) for the channel list because otherwise, the default component is selecting the first channel in the list by default. ---
### Author: ![Marc\_Stevenson](https://sea2.discourse-cdn.com/flex020/user_avatar/community.sendbird.com/marc_stevenson/32/2262_2.png) [@Marc\_Stevenson](https://community.sendbird.com/u/Marc_Stevenson) #### Post date: [March 29, 2022, 9:54pm UTC](https://community.sendbird.com/t/uikit-responsive-ui/1966/5 "2022-03-29T21:54:43Z")
Thanks for this. Moving forward, it would be very useful if the SendbirdApp component is responsive out of the box because it’s a holistic approach that makes it easy to get started and importantly also makes version updates far simpler. Already the **sendbird-uikit-mobile (forked)** demo appears out of date as the channel avatars are not displaying their images.