Anyone have ideas on how to recreate this UI element?

The artist section on this website:

I was guessing a super customized tab element. Anyone have any code examples or suggestions for how to start making something like this on webflow?

Hi @tyshaikh! You can do this with Webflow Interactions I think.

  • With mouse over button behavior you can change the background images opacity to make a “slider” simulation.
  • With display block you can show/hide the side sections contents.
  • Maybe you can simulate using tabs component too but some behaviors you can’t do, like close tab button.

For sure you will need to refine the transitions between the interactions but basically I though it could be a way to do that.

Thanks @douglasrpinho will be trying out a couple iterations tomorrow during the day. Hopefully post results here.

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.