# Thunkable Drag and Drop Docs are Here! **URL:** \ **Category:** Announcements\ **Tags:** draganddrop\ **Created:** [April 12, 2021, 10:41am UTC](https://community.thunkable.com/t/thunkable-drag-and-drop-docs-are-here/1219395 "2021-04-12T10:41:34Z")\ **Posts on this page:** 20\ **Page:** 1
**Author:** ![jane](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jane/32/27575_2.png) [@jane](https://community.thunkable.com/u/jane)\ **Post date:** [April 12, 2021, 10:41am UTC](https://community.thunkable.com/t/thunkable-drag-and-drop-docs-are-here/1219395/1 "2021-04-12T10:41:35Z")
Hi everyone šŸ‘‹, You may remember an announcement we made in December concerning [šŸ‘©ā€šŸŽØ The future of UI design in Thunkable](https://community.thunkable.com/t/the-future-of-ui-design-in-thunkable/1035738), which revealed our fabulous new Drag and Drop UI and invited you to try it for yourself. Well after some tweaks and some updates, we have a lovely set of docs for you to check out! A lot of the layout content has been removed, since itā€™s not necessary in the new UI, and we have added information about adding invisible components to your app from the blocks. We hope it encourages you to try building a drag and drop app! See the new docs at [šŸ‘‹ Welcome to Thunkable - Thunkable Docs](https://docs.thunkable.com/v/drag-and-drop/) Donā€™t worry - the current docs are still in exactly the same place! You can switch between the current set of docs and the Drag and Drop docs at any time by selecting an option from the top banner of the docs: ![Screen Shot 2021-05-10 at 7.58.44 AM](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/6/8/68bbf7a4c667f7ccb0210eabab0304252ba65081.png) Happy Thunking šŸŒˆ ---
**Author:** ![codeemaker](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/codeemaker/32/101762_2.png) [@codeemaker](https://community.thunkable.com/u/codeemaker)\ **Post date:** [April 12, 2021, 12:17pm UTC](https://community.thunkable.com/t/thunkable-drag-and-drop-docs-are-here/1219395/2 "2021-04-12T12:17:49Z")
Woahhh This is so good!! ---
**Author:** ![jane](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jane/32/27575_2.png) [@jane](https://community.thunkable.com/u/jane)\ **Post date:** [April 12, 2021, 1:29pm UTC](https://community.thunkable.com/t/thunkable-drag-and-drop-docs-are-here/1219395/3 "2021-04-12T13:29:05Z")
Thank you! We hope you find them useful šŸŒˆ ---
**Author:** ![eko.devs.apploroceo](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/eko.devs.apploroceo/32/93147_2.png) [@eko.devs.apploroceo](https://community.thunkable.com/u/eko.devs.apploroceo)\ **Post date:** [April 12, 2021, 2:30pm UTC](https://community.thunkable.com/t/thunkable-drag-and-drop-docs-are-here/1219395/4 "2021-04-12T14:30:04Z")
cool i was really finding something like thisā€¦ well im waiting for the features to get completed ---
**Author:** ![prathikshasamal08rgq](https://avatars.discourse-cdn.com/v4/letter/p/d2c977/32.png) [@prathikshasamal08rgq](https://community.thunkable.com/u/prathikshasamal08rgq)\ **Post date:** [April 13, 2021, 8:49am UTC](https://community.thunkable.com/t/thunkable-drag-and-drop-docs-are-here/1219395/5 "2021-04-13T08:49:57Z")
But I cant see drag and drop interface ---
**Author:** ![jane](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jane/32/27575_2.png) [@jane](https://community.thunkable.com/u/jane)\ **Post date:** [April 13, 2021, 8:56am UTC](https://community.thunkable.com/t/thunkable-drag-and-drop-docs-are-here/1219395/6 "2021-04-13T08:56:31Z")
Hi there, When you create a new project, you will see a checkbox in the create project modal that asks if you want to try out Thunkableā€™s new drag and drop interface ![Screen Shot 2021-04-13 at 9.55.29 AM](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/e/6/e6984a81467ab111b344a181440913427ca76922.png) If you check this checkbox, as seen in the above screenshot, you can start building with the drag and drop interface! ---
**Author:** ![glenncronings3](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/glenncronings3/32/99142_2.png) [@glenncronings3](https://community.thunkable.com/u/glenncronings3)\ **Post date:** [April 14, 2021, 4:03am UTC](https://community.thunkable.com/t/thunkable-drag-and-drop-docs-are-here/1219395/7 "2021-04-14T04:03:39Z")
well now things are easy to place and it will look neat ---
**Author:** ![jane](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jane/32/27575_2.png) [@jane](https://community.thunkable.com/u/jane)\ **Post date:** [April 14, 2021, 8:54am UTC](https://community.thunkable.com/t/thunkable-drag-and-drop-docs-are-here/1219395/8 "2021-04-14T08:54:02Z")
Hi there, Our most recent update brought AdMob Banners and Switches to the Drag and Drop UI. What features are you looking forward to seeing in the Drag and Drop UI? ---
**Author:** ![jane](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jane/32/27575_2.png) [@jane](https://community.thunkable.com/u/jane)\ **Post date:** [April 14, 2021, 8:54am UTC](https://community.thunkable.com/t/thunkable-drag-and-drop-docs-are-here/1219395/9 "2021-04-14T08:54:31Z")
Definitely! Designing your appā€™s UI is much easier with the Drag and Drop project builder šŸ˜ ---
**Author:** ![dhairyahrathixxvwh](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/dhairyahrathixxvwh/32/97333_2.png) [@dhairyahrathixxvwh](https://community.thunkable.com/u/dhairyahrathixxvwh)\ **Post date:** [April 15, 2021, 2:54pm UTC](https://community.thunkable.com/t/thunkable-drag-and-drop-docs-are-here/1219395/10 "2021-04-15T14:54:27Z")
Hi! I think in the next update of Thunkable X, you should add a dropdown component. E.g. if we are making a translator app, in the code we can do ā€œin translator1 call translateā€¦ā€ and e.g. we have to translate it from english to chinese, we can do ā€œin translator1 call translateā€¦ā€ and in the dropdown we can select chinese language to be translated to it ---
**Author:** ![jane](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jane/32/27575_2.png) [@jane](https://community.thunkable.com/u/jane)\ **Post date:** [April 16, 2021, 7:39am UTC](https://community.thunkable.com/t/thunkable-drag-and-drop-docs-are-here/1219395/11 "2021-04-16T07:39:19Z")
Hi there, This is how the Translate block looks in the Drag and Drop UI! You can find more info on our Translator block in the [Drag and Drop docs](https://docs.thunkable.com/v/drag-and-drop/speech#translation) šŸ˜ ---
**Author:** ![codeemaker](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/codeemaker/32/101762_2.png) [@codeemaker](https://community.thunkable.com/u/codeemaker)\ **Post date:** [April 18, 2021, 6:17am UTC](https://community.thunkable.com/t/thunkable-drag-and-drop-docs-are-here/1219395/12 "2021-04-18T06:17:29Z")
@dhairyahrathixxvwh Itā€™s possible to make a dropdown using thunkable, Firstly add a button then add an invisible list below the button and then when the button is clicked set the list to be visible and then when a list viewer item is clicked get the text of that item and the set the buttonā€™s text to the itemā€™s text. ---
**Author:** ![skulamester](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/skulamester/32/100480_2.png) [@skulamester](https://community.thunkable.com/u/skulamester)\ **Post date:** [April 18, 2021, 12:09pm UTC](https://community.thunkable.com/t/thunkable-drag-and-drop-docs-are-here/1219395/13 "2021-04-18T12:09:04Z")
> [@jane](#): > > What features are you looking forward to seeing in the Drag and Drop UI? Hi, I am looking forward to a feature, which converts your Snap to Place project to Drag and Drop projects. Thanks! ---
**Author:** ![sketch](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/sketch/32/109058_2.png) [@sketch](https://community.thunkable.com/u/sketch)\ **Post date:** [April 22, 2021, 5:01pm UTC](https://community.thunkable.com/t/thunkable-drag-and-drop-docs-are-here/1219395/14 "2021-04-22T17:01:27Z")
> [@jane](#): > > Our most recent update brought AdMob Banners and Switches to the Drag and Drop UI. Hello @jane I donā€™t know if itā€™s only me. But I donā€™t see the switch in the designer. Is this stil in the make or not? Also I am really looking forwad to see a way to create custom lists in the drag and drop UI. And my editor seems to be having a lot of lag when adding assets. The designer doesnā€™t display them. Also the drop down menus have a lot of lag. ---
**Author:** ![jane](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jane/32/27575_2.png) [@jane](https://community.thunkable.com/u/jane)\ **Post date:** [April 30, 2021, 5:50pm UTC](https://community.thunkable.com/t/thunkable-drag-and-drop-docs-are-here/1219395/15 "2021-04-30T17:50:16Z")
Hi there, I apologize for this miscommunication. We have a Switch ready to go on the Drag and Drop UI, itā€™s ready to be released, and we tested it in our previous internal testing session. My understanding was that it would be released after the testing session went well, but the setting that makes it visible to all Thunkers, instead of just staff, wasnā€™t changed. I brought this up with the team today and the Switch really should be made publicly available today! Thanks for the tag, this should be sorted out ASAP šŸ™‚ ---
**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\ **Post date:** [April 30, 2021, 5:57pm UTC](https://community.thunkable.com/t/thunkable-drag-and-drop-docs-are-here/1219395/16 "2021-04-30T17:57:50Z")
I use a trick of my own. I have a screen created in the Legacy UI and saved and whenever I need a switch in the DnD UI, I just add from saved screen then use the switch in the existing screen. And it works. > [@How to use Firebase's Realtime DataBase in Thunkable Drag And Drop](https://community.thunkable.com/t/realtime-db-in-thunkable-drag-and-drop/1253164/9): > > It looks to me that you have imported this code from a saved screen. I noticed when you import a ā€œsaved screenā€ the component list changes to one similar to the old UI every time you are using the saved screen but when you switch to any of the new screens the component list goes back to the new component list. See this screenshot from the new UI but I imported the switch from an old ā€œSaved Screenā€ ---
**Author:** ![skintubecontact7m2](https://avatars.discourse-cdn.com/v4/letter/s/f04885/32.png) [@skintubecontact7m2](https://community.thunkable.com/u/skintubecontact7m2)\ **Post date:** [May 3, 2021, 9:29pm UTC](https://community.thunkable.com/t/thunkable-drag-and-drop-docs-are-here/1219395/17 "2021-05-03T21:29:15Z")
Hi ! Well, there is no doubt (as a designer), this drag and drop version is awesome ! Itā€™s much easier to add images, buttonsā€¦ But (as always there is one) when weā€™ll all the features from the ā€œnormalā€ version will be moved to this one ? Iā€™ve heard that you didnā€™t really know in January šŸ˜• Do you have a better idea now ? Iā€™m so excited !!! Thanks for all your work šŸ™‚ Have a nice day ! ---
**Author:** ![virtualmaster3dhmce](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/virtualmaster3dhmce/32/115816_2.png) [@virtualmaster3dhmce](https://community.thunkable.com/u/virtualmaster3dhmce)\ **Post date:** [September 27, 2021, 6:26am UTC](https://community.thunkable.com/t/thunkable-drag-and-drop-docs-are-here/1219395/18 "2021-09-27T06:26:03Z")
There is no option to align the objects, i made the app when i test it on phone it is fine but tested it on the ipad and objects are all over the screen , i cannot find a ui property or a block that can align them in center. ---
**Author:** ![bhagtani.namrata9tt4](https://avatars.discourse-cdn.com/v4/letter/b/5daacb/32.png) [@bhagtani.namrata9tt4](https://community.thunkable.com/u/bhagtani.namrata9tt4)\ **Post date:** [October 6, 2021, 11:50am UTC](https://community.thunkable.com/t/thunkable-drag-and-drop-docs-are-here/1219395/19 "2021-10-06T11:50:03Z")
How to set a 10 seconds countup timer in drag and drop? ---
**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\ **Post date:** [October 6, 2021, 1:32pm UTC](https://community.thunkable.com/t/thunkable-drag-and-drop-docs-are-here/1219395/20 "2021-10-06T13:32:18Z")
Use the timer component in the `Blocks screen`. The default is 1 second but you can change it to whatever you want. [Next page](https://community.thunkable.com/t/thunkable-drag-and-drop-docs-are-here/1219395.md?page=2)