Is this possible?

Just wanted you to show, that it is possible.

I spend a lot of time to figure out, how to realize it.

Your steps will be the following....

1) First at all, you have to create some pics/images with fragments of human body and dress (eyes/mouts/ears/hat/sunglases and so on).

Of course these pics should be in PNG with transparent background.

2) You will need some DropDowns, as you can see in my example.

I will give you a code-snipet which will show you how to realize it.

This code-snipet is not perfect and hast to be modified, optimized and expanded, but it shows one of the main functions.

export function dropdown2_change(event) {
    xxx = Number($w('#dropdown2').value)
    $w('#dataset2').setCurrentItemIndex(xxx)
 
    setTimeout(()=>{
 if (xxx==0){console.log("00000")
            $w('#IMGeyes').src = $w('#dataset2').getCurrentItem(0).imageUrl
        }
 else {console.log(($w('#dataset2').getCurrentItem().imageUrl))
            $w('#IMGeyes').src = $w('#dataset2').getCurrentItem().imageUrl
        }
    },5)
}

Of course there are better solutions, but better = not 4 free.

3) You musst also create a database where you can store all the image-links, which will be needed to be switched, when the value of dropdown changes.

hi there! is there any possible way to integrate a custom color picker for each item? so that you could say, have hair that starts grey but you can use an html picker to change it to any color you want?

The example you can see here, works with a DATABASE and already prepared PNG-FILES ---> EYES, MOUTH, FACE.

You choose an option inside of the dropdown --> related data (image) comes out of database.

You can generate your color-picker without any HTML-Component.

You can generate a color-grid - - > using empty-buttons for example.

Each button click would load another PNG-FILE with a related color.

There are many possibilities, how to solve it.

Which could look like....

...similar to this...

By the way... here you will find another custom created color-picker using some Wix-Elements....

Any suggestion/idea how to realize it?

Take a "screenshot"? (possible)?

There are many js modules on GitHub that you can use for free to achieve such functionalities

Ok, thx. Will take a look.

Hello Haiden, you were looking for a AVATAR-GENERATOR?

So here you can see a first example of it....

https://russian-dima.wixsite.com/meinewebsite/avatar