# Drag and Drog Blocks - Visual Logic/Programming

**URL:** <https://community.weweb.io/t/drag-and-drog-blocks-visual-logic-programming/1781>\
**Category:** How do I?\
**Created:** [January 31, 2023, 4:14pm UTC](https://community.weweb.io/t/drag-and-drog-blocks-visual-logic-programming/1781 "2023-01-31T16:14:47Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![shaobsh](https://avatars.discourse-cdn.com/v4/letter/s/919ad9/32.png) [@shaobsh](https://community.weweb.io/u/shaobsh)\
**Post date:** [January 31, 2023, 4:14pm UTC](https://community.weweb.io/t/drag-and-drog-blocks-visual-logic-programming/1781/1 "2023-01-31T16:14:47Z")

</div>

Is there anyway to create a drog and drop experience using weweb that is around building blocks logical workflows. Similar to the no-code workflows within weweb, I would like to create an experience where users can connect a series of blocks that transform data, with inputs/outputs. Wondering if there’s a dynamic way to create divs or containers to respond to user actions? Any guidance would be really appreciated!

---

<div class="post-metadata">

**Author:** ![kevinwasie](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/kevinwasie/32/402_2.png) [@kevinwasie](https://community.weweb.io/u/kevinwasie)\
**Post date:** [January 31, 2023, 9:41pm UTC](https://community.weweb.io/t/drag-and-drog-blocks-visual-logic-programming/1781/2 "2023-01-31T21:41:05Z")

</div>

Something like this is going to need a custom component. Really though, if you are going to go through the work of designing custom component for that to work in WeWeb, I think it will be less work to just use a framework for your site that is not nocode.

---

<div class="post-metadata">

**Author:** ![aeynaud](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/aeynaud/32/2050_2.png) [@aeynaud](https://community.weweb.io/u/aeynaud)\
**Post date:** [February 1, 2023, 8:49am UTC](https://community.weweb.io/t/drag-and-drog-blocks-visual-logic-programming/1781/3 "2023-02-01T08:49:22Z")

</div>

This is completely out of my know-how, but I read somewhere (perhaps on the Editor’s pro-tips) that it is easy to import Vue.js components into WeWeb?

If so, something like this drag-and-drop library may be useful:

> **[Vue DnD Zone - Drag & Drop Plugin - Made with Vue.js](https://madewithvuejs.com/vue-dnd-zone)**
>
> Drag & Drop Plugin

However, I have no idea how to import a Vue.js library to WeWeb. Checkout the dev section 🙂

---

<div class="post-metadata">

**Author:** ![aurelie](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/aurelie/32/13249_2.png) [@aurelie](https://community.weweb.io/u/aurelie)\
**Post date:** [February 1, 2023, 12:48pm UTC](https://community.weweb.io/t/drag-and-drog-blocks-visual-logic-programming/1781/4 "2023-02-01T12:48:02Z")

</div>

We use a drag and drop library for our Kanban component, [you can take a look](https://github.com/weweb-assets/ww-kanban).

Building dynamic div could be done in nocode with the correct data structure and binding repeat, but then the drag and drop will not be doable :s.

---

<div class="post-metadata">

**Author:** ![kyanaloe](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/kyanaloe/32/1076_2.png) [@kyanaloe](https://community.weweb.io/u/kyanaloe)\
**Post date:** [February 1, 2023, 6:37pm UTC](https://community.weweb.io/t/drag-and-drog-blocks-visual-logic-programming/1781/5 "2023-02-01T18:37:34Z")

</div>

I’m not sure how complicated your processes need to be, but I have used the Kanban component in WeWeb to create a couple of drag-and-drop builders for users to use to create curricula, evaluation forms, etc. So, with enough creativity and trial-and-error, it may be possible to achieve your goal with existing components.

---

<div class="post-metadata">

**Author:** ![shaobsh](https://avatars.discourse-cdn.com/v4/letter/s/919ad9/32.png) [@shaobsh](https://community.weweb.io/u/shaobsh)\
**Post date:** [February 3, 2023, 2:52am UTC](https://community.weweb.io/t/drag-and-drog-blocks-visual-logic-programming/1781/6 "2023-02-03T02:52:43Z")

</div>

@kyanaloe That’s such a great idea. With a little imagination and hackiness, I think something can be accomplished with the Kanban component. As look as the position and order of the cards and columns can be leveraged and incorporated in the [no]code logic building interactions on the users end.

For now this might be a path forward.

@aeynaud I think i probably should learn vue. Even if by then you can possibly learn to build coded sites, it’s still really cool to make work with weweb and incorporated into the no code workflow.

---

<div class="post-metadata">

**Author:** ![msheikh94](https://avatars.discourse-cdn.com/v4/letter/m/8edcca/32.png) [@msheikh94](https://community.weweb.io/u/msheikh94)\
**Post date:** [November 3, 2023, 12:36pm UTC](https://community.weweb.io/t/drag-and-drog-blocks-visual-logic-programming/1781/7 "2023-11-03T12:36:24Z")

</div>

@kyanaloe that’s really awesome, can you please tell me how you did that ?
