# Visual UI Builder

Uify comes with an extensive library of customizable UI components. User interfaces are created by simply dragging components from the library to the grid-based application canvas. 

![](https://1582137130-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FkTYtq8XZyg79paoHbd93%2Fuploads%2Ft8hWpIn8VGv8oHmXlYo5%2FScreen%20Cast%202022-08-08%20at%202.57.40%20PM.gif?alt=media\&token=e76ae3cd-9a34-4c72-85ca-431acd1ec096)

Components can be resized, duplicated (CMD+D or OPTION+drag for Mac, CTRL+D or ALT+drag for Win), copy-pasted (CMD+C/V for Mac, CTRL+C/V for Win), and deleted (Backspace). Besides just using drag-and-drop to reposition components, you may also use the arrow-keys to move components in any direction, as long as no other component is in the way.

![Resizing and duplicating components](https://1582137130-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FkTYtq8XZyg79paoHbd93%2Fuploads%2FdNIfuVioy2GKTeYnQrBN%2FScreen%20Cast%202022-08-08%20at%203.25.56%20PM.gif?alt=media\&token=19f82eba-ac9a-4048-a9a6-5a3476cf9943)

In case you want to select components within another parent component (e.g. container, form, etc.), hold CMD (Mac) / CTRL (Win) while drawing the mouse selection.

![](https://1582137130-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FkTYtq8XZyg79paoHbd93%2Fuploads%2FAZtNT2B9QBP0rnP3BlC6%2FScreen%20Cast%202022-08-09%20at%205.52.01%20PM.gif?alt=media\&token=2850daf5-7b1a-427b-bffe-d95ae0077fee)