Filter images by class

Hi everybody. I would like to replicate the gallery section of this page:
http://www.miolaboratorio.it/photox/index.php
When you click on “all”, “free”, “new” or “pro” the images are filtered by class.
Let me explain:
this is the code of a picture:

                    <div class="filter new">
                        <img src="images/img1.jpeg" width="380">
                    </div>

each image is wrapped into a div with two classes (filter and new for example).
The wollowing is the code for a link above the images

                <li class="list-inline-item gallery-list-item active-item" data-filter="all">All <span class="mx-3 mx-md-5 text-muted">/</span></li>

At least there is a script

  $('.gallery-list-item').click(function () {
    let value = $(this).attr('data-filter');
    if (value === 'all') {
      $('.filter').show(300);
    } else {
      $('.filter').not('.' + value).hide(300);
      $('.filter').filter('.' + value).show(300);
    }
  });

Is it possible to replicate this effect by wappler without writing code?
This page issmomething like an exercise. I can’t write javascipt.
That’s why 'm asking if it’s possible to replicate it by wappler.
ATTENTION: I already know how to do something like this effect using dynamic data. The example page is made with static data