Repeater with multiple design

I recently discussed with Ary, a fellow Velo developer and amazing designer from sks creative about his new tutorial on "how to create a repeater with unrepeating design". A very interesting idea that enables a more attractive and user-friendly twist on repeater. I highly recommend you to check it out: https://skscreative.editorx.io/sks-tutorials/unique-repeater After some thinking, I decided to recreate the effect by using the recently released "CSS editor". The CSS editor allows designers to customize Wix elements via code (CSS), bypassing editor settings. As Velo developers, we can also dynamically edit a given element's classes thus creating dynamic designs on our pages. Check out this example. You'll find the code and CSS below the example.

https://enhancementstudio.wixstudio.io/demo-css-repeater

Which approach should we use? Both!

As always, we have to use the right tool for the right job. Using CSS requires a complex set-up and might be overkill for simple UI. On the other hand, CSS provides more flexibility and advanced design capability.

Let me know in the comment if you use either approach for one of your projects.

Documentation:

• https://support.wix.com/en/article/studio-editor-about-css-editing

• https://www.wix.com/velo/reference/$w/customclasslist