# Tree like multi selection

**URL:** <https://community.weweb.io/t/tree-like-multi-selection/5981>\
**Category:** How do I?\
**Tags:** design\
**Created:** [December 16, 2023, 12:11pm UTC](https://community.weweb.io/t/tree-like-multi-selection/5981 "2023-12-16T12:11:20Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![jayjay13](https://avatars.discourse-cdn.com/v4/letter/j/9de053/32.png) [@jayjay13](https://community.weweb.io/u/jayjay13)\
**Post date:** [December 16, 2023, 12:11pm UTC](https://community.weweb.io/t/tree-like-multi-selection/5981/1 "2023-12-16T12:11:20Z")

</div>

Hi everybody

I need to create a tree selection like UI, which looks/works like this:  
 ![Bildschirmfoto 2023-12-16 um 13.09.31](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/8/8d77203c1c7e22ff5f51ed39570ffe7abf88851a.png)

It also needs just a parent and a child (the children need to be multi select). Has anybody a good way to do this also an alternative UI with the same functionality would be a way to go. It just needs to be possible to easily select groups etc.

---

<div class="post-metadata">

**Author:** ![emdiemeric](https://avatars.discourse-cdn.com/v4/letter/e/e9bcb4/32.png) [@emdiemeric](https://community.weweb.io/u/emdiemeric)\
**Post date:** [May 30, 2025, 1:06pm UTC](https://community.weweb.io/t/tree-like-multi-selection/5981/2 "2025-05-30T13:06:20Z")

</div>

Has anyone figured out an easy building this?

---

<div class="post-metadata">

**Author:** ![Batik\_Okazov](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/batik_okazov/32/12688_2.png) [@Batik\_Okazov](https://community.weweb.io/u/Batik_Okazov)\
**Post date:** [May 31, 2025, 4:01pm UTC](https://community.weweb.io/t/tree-like-multi-selection/5981/3 "2025-05-31T16:01:26Z")

</div>

Hi @emdiemeric ,

that’s completely doable.

Here’s an example I made:

[https://vimeo.com/1089353427](https://vimeo.com/1089353427)

You’ll find all the setup inside the video. I exposed all the workflows.