JSFiddle - React, Tailwind, and code Playground

by Shirly Manor

HTML

<script src="https://product-gallery.cloudinary.com/all.js" type="text/javascript">
</script>  

<div id="my-gallery" style="max-width:80%;margin:auto">
</div>

JavaScript

const myWidget = cloudinary.galleryWidget({
        "publicId":"https://res.cloudinary.com/shirly-dam/image/upload/fl_draco/hkfs4wqwbktn8xfgbdhu.u3ma",
        "mediaType": "3d"
        },
     {
        "publicId":"https://res.cloudinary.com/shirly-dam/image/upload/v1625704860/6.29_HP1_Desktop_2880x_qqjbgg.jpg",
        "mediaType": "image"
        },{
        "publicId": "https://res.cloudinary.com/shirly-dam/image/upload/v1624992606/XENITH_DAY21043_1_tlaxl6.jpg",
        "mediaType": "image"
    },
    {
    "publicId":"https://res.cloudinary.com/shirly/image/upload/f_mp4/fl_animated/v1617127141/8c5e21f526411e451a2f352fab09fe4b",
    mediaType:"video"
    },
    {
    		"publicId": "https://res.cloudinary.com/shogun-demo/image/upload/l_text:OpsOne.ttf_40:Bla bla,co_rgb:FEA800,e_distort:arc:-50,y_50,x_-20,o_90/packer_copy_wjumxn.png",
        "mediaType": "image"
        }],
    "container": "#my-gallery"
});
myWidget.render();