# New Component! Device Detector - Responsive Web and WebApp **URL:** \ **Category:** Resources & Tutorials\ **Created:** [May 4, 2021, 11:46am UTC](https://forum.adalo.com/t/new-component-device-detector-responsive-web-and-webapp/12186 "2021-05-04T11:46:27Z")\ **Posts on this page:** 20\ **Page:** 1
**Author:** ![Michael](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/michael/32/3120_2.png) [@Michael](https://forum.adalo.com/u/Michael)\ **Post date:** [May 4, 2021, 11:46am UTC](https://forum.adalo.com/t/new-component-device-detector-responsive-web-and-webapp/12186/1 "2021-05-04T11:46:27Z")
New component announcement! [nocodemonkey.io/store](https://nocodemonkey.io/store) **Device Detector** - Create a Responsive Website or WebApp - Direct Users to screens built for Mobile, Tablet, and Desktop - Easy Setup [Try the Demo](https://checkout.nocodemonkey.io/demo-device-detector) ![Untitled design (1)](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/2X/7/797adb6e065cc02896199a654408edf98860cb37.gif) Feel free to DM me if you have any questions. ---
**Author:** ![Michael](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/michael/32/3120_2.png) [@Michael](https://forum.adalo.com/u/Michael)\ **Post date:** [May 7, 2021, 9:39am UTC](https://forum.adalo.com/t/new-component-device-detector-responsive-web-and-webapp/12186/3 "2021-05-07T09:39:25Z")
@firozkhan.06 Haha, are you trolling? What’s the issue? ---
**Author:** ![Michael](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/michael/32/3120_2.png) [@Michael](https://forum.adalo.com/u/Michael)\ **Post date:** [May 7, 2021, 10:06am UTC](https://forum.adalo.com/t/new-component-device-detector-responsive-web-and-webapp/12186/5 "2021-05-07T10:06:04Z")
You can use our custom component to send users on your website or webapp to screens built specifically for that screen size. ![image](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/2X/8/88859af19b4ebe5ce99eb6d0aa8399b0e3ef6d0a.png) ---
**Author:** ![firozkhan.06](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/firozkhan.06/32/7419_2.png) [@firozkhan.06](https://forum.adalo.com/u/firozkhan.06)\ **Post date:** [May 7, 2021, 10:17am UTC](https://forum.adalo.com/t/new-component-device-detector-responsive-web-and-webapp/12186/6 "2021-05-07T10:17:21Z")
Okay. Where is it? I can’t find it in the Component Marketplace. ---
**Author:** ![Michael](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/michael/32/3120_2.png) [@Michael](https://forum.adalo.com/u/Michael)\ **Post date:** [May 7, 2021, 10:31am UTC](https://forum.adalo.com/t/new-component-device-detector-responsive-web-and-webapp/12186/7 "2021-05-07T10:31:38Z")
This is a custom component that we built at _NoCode Monkey_. You can find this one and a few others at [nocodemonkey.io/store](https://nocodemonkey.io/store) If you buy the component on our site we will add it your account. Then you will be able to see it in your Components on Adalo. ---
**Author:** ![Jacob\_Lange](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/jacob_lange/32/21708_2.png) [@Jacob\_Lange](https://forum.adalo.com/u/Jacob_Lange)\ **Post date:** [May 8, 2021, 3:28am UTC](https://forum.adalo.com/t/new-component-device-detector-responsive-web-and-webapp/12186/8 "2021-05-08T03:28:30Z")
I love this!! I do have one question… does this dynamically change the page view or will I need the same page set up 4 different ways depending on screen size then push the user there once the component runs the check? ---
**Author:** ![Michael](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/michael/32/3120_2.png) [@Michael](https://forum.adalo.com/u/Michael)\ **Post date:** [May 8, 2021, 4:34am UTC](https://forum.adalo.com/t/new-component-device-detector-responsive-web-and-webapp/12186/9 "2021-05-08T04:34:53Z")
You will need to set up 4 different screens and direct the user to the screen for their device (unless you want for instance the Mobile Landscape and Tablet to share the same screen). Let me know if you have any other questions. ---
**Author:** ![anon78309838](https://avatars.discourse-cdn.com/v4/letter/a/b9bd4f/32.png) [@anon78309838](https://forum.adalo.com/u/anon78309838)\ **Post date:** [May 8, 2021, 8:33am UTC](https://forum.adalo.com/t/new-component-device-detector-responsive-web-and-webapp/12186/10 "2021-05-08T08:33:13Z")
Love this! Nice work Michael! ---
**Author:** ![Michael](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/michael/32/3120_2.png) [@Michael](https://forum.adalo.com/u/Michael)\ **Post date:** [May 8, 2021, 12:13pm UTC](https://forum.adalo.com/t/new-component-device-detector-responsive-web-and-webapp/12186/11 "2021-05-08T12:13:50Z")
Thanks Colin!! I really appreciate it. ---
**Author:** ![Michael](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/michael/32/3120_2.png) [@Michael](https://forum.adalo.com/u/Michael)\ **Post date:** [June 28, 2021, 10:44am UTC](https://forum.adalo.com/t/new-component-device-detector-responsive-web-and-webapp/12186/13 "2021-06-28T10:44:45Z")
Thank you @ionutilie. So happy it worked for you! ---
**Author:** ![Michael](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/michael/32/3120_2.png) [@Michael](https://forum.adalo.com/u/Michael)\ **Post date:** [September 6, 2021, 4:11am UTC](https://forum.adalo.com/t/new-component-device-detector-responsive-web-and-webapp/12186/14 "2021-09-06T04:11:23Z")
@highlancer You can see the info about the device detector here. ---
**Author:** ![shirtify](https://avatars.discourse-cdn.com/v4/letter/s/71e660/32.png) [@shirtify](https://forum.adalo.com/u/shirtify)\ **Post date:** [September 12, 2021, 11:40am UTC](https://forum.adalo.com/t/new-component-device-detector-responsive-web-and-webapp/12186/15 "2021-09-12T11:40:01Z")
Let’s say I have a desktop web app and a separate mobile web app. Can I create a third app that uses this component to redirect to either site based on the device? ---
**Author:** ![Michael](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/michael/32/3120_2.png) [@Michael](https://forum.adalo.com/u/Michael)\ **Post date:** [September 13, 2021, 5:32am UTC](https://forum.adalo.com/t/new-component-device-detector-responsive-web-and-webapp/12186/16 "2021-09-13T05:32:00Z")
@shirtify Yeah, basically you would just send the user to a new webpage “A” (action → Link → Website) if the device is Mobile/Tablet size and send them to webpage “B” if the device is Web size ---
**Author:** ![karp0ne](https://avatars.discourse-cdn.com/v4/letter/k/b2d939/32.png) [@karp0ne](https://forum.adalo.com/u/karp0ne)\ **Post date:** [October 9, 2021, 2:23am UTC](https://forum.adalo.com/t/new-component-device-detector-responsive-web-and-webapp/12186/17 "2021-10-09T02:23:47Z")
Hi, Michael! @Michael Am I understand you right? That component will allow users from different devices see the IOS Published APP (for example) the same way such as on iPhone 13 or iPhone 10? I mean items will not moved and etc. Is it automatically? Do not need to push users click the link? Thank you so much for your response. Service seems great! ---
**Author:** ![Leonl1978](https://avatars.discourse-cdn.com/v4/letter/l/6a8cbe/32.png) [@Leonl1978](https://forum.adalo.com/u/Leonl1978)\ **Post date:** [October 22, 2021, 6:03am UTC](https://forum.adalo.com/t/new-component-device-detector-responsive-web-and-webapp/12186/18 "2021-10-22T06:03:17Z")
Hi Michael, please help me understand. I bought the component and want to install, I understand the concept of 4 different screens sizes and being directed to the relevant one from sign in. Does this mean that the whole app must be designed in these 4 sizes, that would make sense to me but this is my very first app build so I need to be sure. Thanks ---
**Author:** ![Michael](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/michael/32/3120_2.png) [@Michael](https://forum.adalo.com/u/Michael)\ **Post date:** [October 22, 2021, 6:27am UTC](https://forum.adalo.com/t/new-component-device-detector-responsive-web-and-webapp/12186/19 "2021-10-22T06:27:24Z")
Hey @karp0ne and @Leonl1978, Here’s a video that explains the steps for setting it up. Feel free to DM me if you have other questions. [![](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/2X/c/c659fa0a2b2f61e4bce38c8d05cf093e629db0a9.jpeg "Demo Device Detector") ](https://www.youtube.com/watch?v=f7U329VWfz4) ---
**Author:** ![Leonl1978](https://avatars.discourse-cdn.com/v4/letter/l/6a8cbe/32.png) [@Leonl1978](https://forum.adalo.com/u/Leonl1978)\ **Post date:** [October 22, 2021, 6:39am UTC](https://forum.adalo.com/t/new-component-device-detector-responsive-web-and-webapp/12186/20 "2021-10-22T06:39:34Z")
Perfect, thank you Michael!!! ---
**Author:** ![Leonl1978](https://avatars.discourse-cdn.com/v4/letter/l/6a8cbe/32.png) [@Leonl1978](https://forum.adalo.com/u/Leonl1978)\ **Post date:** [October 22, 2021, 8:36pm UTC](https://forum.adalo.com/t/new-component-device-detector-responsive-web-and-webapp/12186/21 "2021-10-22T20:36:33Z")
Michael, I installed the device detector and it works great. So now I want to ask a question that probably sounds stupid to most. I changed the sizes of my first screen to accommodate all 4 displays, does this mean I have to change the size of all the screens in my app, so have the same screen 4 times but in different sizes? Do I understand it correctly? ---
**Author:** ![Michael](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/michael/32/3120_2.png) [@Michael](https://forum.adalo.com/u/Michael)\ **Post date:** [November 4, 2021, 7:03pm UTC](https://forum.adalo.com/t/new-component-device-detector-responsive-web-and-webapp/12186/22 "2021-11-04T19:03:58Z")
@Leonl1978 Yeah that’s correct. Or you can just do it for specific screens that need special sizing. ---
**Author:** ![wolfy](https://avatars.discourse-cdn.com/v4/letter/w/e9a140/32.png) [@wolfy](https://forum.adalo.com/u/wolfy)\ **Post date:** [December 17, 2024, 7:30pm UTC](https://forum.adalo.com/t/new-component-device-detector-responsive-web-and-webapp/12186/24 "2024-12-17T19:30:39Z")
link to purchase component no longer works