Dynamic Filter like webpages in Design Studio

I am trying to build a filter like we have in web pages in Design Studio using SAP UI5 control but not sure how to use this in Design Studio. For example, if you see the screenshot, this is being built using HTML and CSS for a website. I have gone through the Design Studio

Can you be clearer about exactly what you are trying to achieve? Are you trying to implement a cascading filter with dropdown lists? Why do you think you need to use SAP UI5 controls in an SDK extension instead of the standard Design Studio components?

I have already shown the cascading filter functionality to the client. but they wanted to have the look and feel of these filters similar to websites. This is the reason, I am exploring options to use SDK extension using UI5 controls but unsure about its interaction with Design Studio.

You need to be much, much clearer about what you want to implement. Simply pasting a screenshot of a web page and stating that you want to replicate "the look and feel of these filters similar to websites" doesn't provide enough context for us to make suggestions. What aspect of the website filter example are you trying to replicate? The dropdowns, the filter with slider, or something else? Furthermore, which particular UI5 controls are relevant for your requirement?

I want to replicate the design of the filters as well as the slider both shown in the screenshot. Since I am a newbie in the field of SDK so I am just trying to figure out what should be the best possible way to integrate these kind of functionalities in Design Studio.

I am aware of how to use standard SDK extensions in Design Studio but this kind of filters/sliders are comparatively new to me and that is where I need your suggestions on the feasibility of these kind of filters/sliders in Design Studio.

If we look at the web site example, the filter includes dropdown lists, which are available as standard in Design Studio and the special filter with a slider which is the one that would require SDK coding. Developing the latter as an SDK component would not be a trivial task if you do not have any prior JavaScript/HTML/CSS coding experience. Furthermore, there is no single UI5 control that you could simply wrap as an SDK component to replicate the slider filter. You would need to create a Composite Control combining a slider and an input field. Again, this is not a trivial task if you don't have any UI5 coding experience.

So while it would certainly be technically possible to build a slider filter as per the example, from a practical perspective I think you would need to engage an experienced SDK/UI5 developer for the implementation to be "feasible".