open_in_new content_copy 
<body class="p- md:p-">

  <div class="container mx-auto">

    <h1 class="text-4xl md:text-xl mb- md:mb-8 text-center">Neo Brutalist Component Library</h1>
4
​
5
    <!-- Component Grid -->
6
    <div id="components" class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-2 gap-6">

      <!-- Components will be injected here by JavaScript -->
8
    </div>

  </div>

  

  

<a target="_blank" href="https://www.rustcodeweb.com/" 

   style="position: fixed; bottom: 0.6rem; right: 0.6rem; background: #FFD6; color: #073B4C; text-decoration: none; padding: 0.5rem 1rem; border: 3px solid #073B4C; box-shadow: 3px 3px 0 #073B4C; font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; font-weight: 600; font-size: 0.875rem; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); z-index: 1200; border-radius: 2px; display: flex; align-items: center; gap: 0.5rem;"

   onmouseover="this.style.background='#F8F9FA'; this.style.transform='translate(-1px, -1px)'; this.style.boxShadow='4px 4px 0 #073B4C';"

   onmouseout="this.style.background='#FFD166'; this.style.transform='translate(0, 0)'; this.style.boxShadow='3px 3px 0 #073B4C';"
16
   onmousedown="this.style.transform='translate(0, 0)'; this.style.boxShadow='2px 2px 0 #073B4C';"

   onmouseup="this.style.transform='translate(-1px, -1px)'; this.style.boxShadow='4px 4px 0 #073B4C';"