backgroundanimatedtailwindfull-screendecorativejavascripthtmlhero-section

Full-Screen Aura Background with UnicornStudio

Полноэкранный анимированный фон с эффектом ауры от UnicornStudio. Идеально для hero-секций и лендингов. Использует Tailwind CSS.

Live Preview

Prompt

<div class="aura-background-component top-0 w-full -z-10 absolute h-full">
  <div data-us-project="yaha7Bz5f3cRBAa5js9K" class="absolute w-full h-full left-0 top-0 -z-10"></div>
  <script type="text/javascript">
    !function(){if(!window.UnicornStudio){window.UnicornStudio={isInitialized:!1};var i=document.createElement("script");i.src="https://cdn.jsdelivr.net/gh/hiunicornstudio/unicornstudio.js@v1.4.29/dist/unicornStudio.umd.js",i.onload=function(){window.UnicornStudio.isInitialized||(UnicornStudio.init(),window.UnicornStudio.isInitialized=!0)},(document.head || document.body).appendChild(i)}}();
  </script>
</div>

All Prompts