All Prompts
All Prompts

herowebglanimatedinteractivecanvastailwind
Aurora Film Grain WebGL Background Shader
Aurora Film Grain: анимированный фон WebGL с эффектом кинопленки и градиентом. Идеален для hero-секций и динамичных фонов страниц.
Prompt
<?xml version="1.0" encoding="UTF-8"?> <svg xmlns="http://www.w3.org/2000/svg" width="266" height="74"
viewBox="0 0 266 74" fill="none">
<g clip-path="url(#clip0_2354_2)">
<path
d="M208.004 52.6272L173.72 30.7008L169.605 32.1465L184.257 73.8855L189.864 71.9203L178.959 40.8553L214.306 63.3404L217.651 62.1722L202.999 20.4292L197.392 22.3905L208.004 52.6272Z"
fill="#40A3FF"></path>
<path
d="M221.804 38.9603L235.576 34.1234L233.822 29.1145L220.041 33.9476L215.857 22.0193L232.439 16.2056L230.637 11.0718L208.453 18.8585L223.097 60.6015L245.879 52.6116L244.082 47.4816L226.906 53.5102L221.804 38.9603Z"
fill="#40A3FF"></path>
<path
d="M234.826 9.60256L236.631 14.7325L247.544 10.9075L260.394 47.5166L266.001 45.5514L253.146 8.93445L264.004 5.12898L262.207 -0.000976562L234.826 9.60256Z"
fill="#40A3FF"></path>
<path
d="M160.634 44.5871C156.696 45.6498 154.355 49.7014 155.422 53.6358C156.485 57.5741 160.536 59.9144 164.471 58.8517C168.409 57.789 170.749 53.7374 169.687 49.803C168.624 45.8608 164.572 43.5244 160.634 44.5871Z"
fill="#272727"></path>
<path d="M137.484 24.2744H127.92V14.7764H158.446V24.2744H148.881V59.1058H137.48V24.2744H137.484Z" fill="#272727">
</path>
<path
d="M130.617 14.7764V40.3051C130.617 43.3447 130.191 46.0445 129.351 48.4083C128.55 50.733 127.362 52.6943 125.803 54.3001C124.28 55.859 122.424 57.0624 120.232 57.9102C118.032 58.7112 115.563 59.1136 112.816 59.1136C106.612 59.1136 101.947 57.5273 98.8213 54.3626C98.0867 53.6242 97.4421 52.8076 96.8834 51.9129C96.4302 51.1979 96.0355 50.4282 95.6995 49.6117C94.6603 47.1307 94.1406 44.1887 94.1406 40.8052V14.7764H105.534V39.7971C105.534 43.0439 106.147 45.3491 107.37 46.697C108.597 48.0059 110.347 48.6583 112.629 48.6583C114.911 48.6583 116.579 47.9863 117.888 46.6345C119.197 45.2865 119.849 43.2549 119.849 40.5551V14.7764H130.617Z"
fill="#272727"></path>
<path d="M96.886 49.6077V59.1097H72.0605V14.7764H83.4613V49.6077H96.886Z" fill="#272727"></path>
<path
d="M48.0641 14.7764H57.7536L75.2337 59.1097H63.2625L60.4143 51.319H44.7704L41.9847 59.1097H30.9004L48.0641 14.7764ZM47.9977 42.5125H57.2457L52.6236 29.7208L48.0016 42.5125H47.9977Z"
fill="#272727"></path>
<path d="M43.2237 14.7764L24.9973 59.1097H18.3553L0 14.7764H11.9868L22.0592 39.9808L31.9988 14.7764H43.2237Z"
fill="#272727"></path>
</g>
<defs>
<clipPath id="clip0_2354_2">
<rect width="266" height="73.8863" fill="white"></rect>
</clipPath>
</defs>
</svg>