Neumorphism Generator

Design soft UI elements with smooth shadows

200px
50px
20px
60px
15%

Generated CSS Code

.neumorphic {
    background: #e0e0e0;
    border-radius: 50px;
    box-shadow: 20px 20px 60px #bababa,
                            -20px -20px 60px #ffffff;
}

Generated Tailwind CSS HTML code

<div class="bg-[#e0e0e0]"><div class="rounded-[50px] shadow-[20px_20px_60px_#bababa,-20px_-20px_60px_#ffffff]"></div></div>