<turbo-stream action="replace" target="g2_products_table"><template><div id="g2_products_table" class="mt-4">
    <p class="my-4">Google Developer Portal is listed in 1 categories:        
        <a class="text-gray-900 underline" data-action="click-&gt;g2-products#handleCategoryClick" href="/g2_products/google-developer-portal?g2_category_id=api-management-tools">API Management</a>
    </p>

    <div data-controller="dropdown"
     data-action="click->dropdown#toggle click@window->dropdown#hide"
     data-dropdown-open-value="false"
     data-dropdown-active-target="#dropdown-button"
     data-dropdown-active-class=""
     data-dropdown-invisible-class="opacity-0 scale-95"
     data-dropdown-visible-class="opacity-100 scale-100"
     data-dropdown-entering-class="ease-out duration-300"
     data-dropdown-enter-timeout=""
     data-dropdown-leaving-class=""
     data-dropdown-leave-timeout="" >

  <div class="relative mt-1 inline-block">
    <button data-dropdown-target="button" id="dropdown-button" type="button" class="relative w-full cursor-default rounded-lg border-2 bg-white py-2 px-3 text-left shadow-custom-shadow border-tertiary focus:border-tertiary focus:outline-none focus:ring-1 focus:ring-tertiary sm:text-sm" aria-haspopup="listbox" aria-expanded="true" aria-labelledby="listbox-label">
      API Management Tools
      <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 ml-2 inline-block" viewBox="0 0 20 20" fill="currentColor">
        <path fill-rule="evenodd" d="M10 12a1 1 0 01-.707-.293l-3-3a1 1 0 011.414-1.414L10 9.586l2.293-2.293a1 1 0 011.414 1.414l-3 3A1 1 0 0110 12z" clip-rule="evenodd" />
      </svg>
    </button>

    <ul data-dropdown-target="menu" class="hidden z-20 list-none border border-tertiary absolute bottom-12 z-10 mt-1 max-h-60 w-full overflow-auto rounded-md bg-white py-1 text-base ring-none focus:ring-none focus:outline-none sm:text-sm" tabindex="-1" role="listbox" aria-labelledby="listbox-label" aria-activedescendant="listbox-option-3">
        <a data-turbo-action="replace" data-turbo-frame="pagy-products" class="block px-4 py-2 text-sm text-gray-700 hover:bg-off-white hover:text-secondary" role="menuitem" href="/g2_products/google-developer-portal?g2_category_id=api-management-tools">API Management Tools</a>
    </ul>
  </div>
</div>
    
    <div class="flex flex-row w-full justify-between my-4">
      <a href="#" data-action="click->g2-products#change_week" data-ref-date="2026-09-28" data-direction="prev" class="btn btn-white">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 mr-3">
          <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 15.75 3 12m0 0 3.75-3.75M3 12h18" />
        </svg>
        <span>Previous week</span>
      </a>
      <a href="#" class="btn btn-white" data-action="click->g2-products#change_week" data-ref-date="2026-09-28" data-direction="next">
        <span class="">Next week</span>
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 ml-3">
          <path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25 21 12m0 0-3.75 3.75M21 12H3" />
        </svg>
      </a>
    </div>

    <div data-controller="rank-tracking-chart" data-rank-tracking-chart-labels-value="[&quot;07 Sep 26&quot;, &quot;14 Sep 26&quot;, &quot;21 Sep 26&quot;, &quot;28 Sep 26&quot;]" data-rank-tracking-chart-datasets-value="[{&quot;label&quot;:&quot;Postman&quot;,&quot;data&quot;:[1,1,1,1]},{&quot;label&quot;:&quot;MuleSoft Anypoint Platform&quot;,&quot;data&quot;:[3,3,2,2]},{&quot;label&quot;:&quot;Celigo&quot;,&quot;data&quot;:[2,2,3,3]},{&quot;label&quot;:&quot;Kong Konnect&quot;,&quot;data&quot;:[4,4,4,4]},{&quot;label&quot;:&quot;Workato&quot;,&quot;data&quot;:[5,5,5,5]},{&quot;label&quot;:&quot;Apidog&quot;,&quot;data&quot;:[6,6,6,6]},{&quot;label&quot;:&quot;Apigee Edge&quot;,&quot;data&quot;:[7,7,7,7]},{&quot;label&quot;:&quot;Amazon API Gateway&quot;,&quot;data&quot;:[8,9,8,8]},{&quot;label&quot;:&quot;Boomi&quot;,&quot;data&quot;:[9,8,9,9]},{&quot;label&quot;:&quot;SnapLogic Agentic Integration and Applied AI Platform&quot;,&quot;data&quot;:[10,10,10,10]},{&quot;label&quot;:&quot;Google Developer Portal&quot;,&quot;data&quot;:[32,32,33,34]}]" data-chart-type="rankings" class="my-4 bg-white p-4 shadow">
      <canvas id="chartCanvas"></canvas>
    </div>
    
    <div class="overflow-scroll my-4">
    <table class="min-w-full table-fixed divide-y divide-gray-300 bg-white overflow-scroll border-t border-slate-300 border-l border-b ">
        <thead class="">
            <th scope="col" class="whitespace-nowrap min-w-24 sticky left-0 pl-4 z-10 py-3.5 pr-3 text-left text-sm font-semibold text-gray-900 bg-white border-r border-slate-300"><span class= "text-gray-700 mr-1">Product</span></th>
            <th scope="col" class="whitespace-nowrap w-24 px-3 sticky top-0 py-3.5 text-left text-sm font-semibold text-gray-900 border-r border-slate-300"><span class= "text-gray-700 mr-1">Review score (count) <span class="text-green-600 text-xs">WoW &#916;</span></th>
            <th scope="col" class="whitespace-nowrap w-24 px-3 sticky top-0 py-3.5 text-left text-sm font-semibold text-gray-900 border-r border-slate-300"><span class= "text-gray-700 mr-1">Satisfaction score</span><span class="text-green-600 text-xs">WoW &#916;</span></th>
            <th scope="col" class="whitespace-nowrap w-24 px-3 sticky top-0 py-3.5 text-left text-sm font-semibold text-gray-900 border-r border-slate-300"><span class="text-gray-700 mr-1">Popularity score</span><span class="text-green-600 text-xs">WoW &#916;</span></th>
            <th scope="col" class="whitespace-nowrap w-24 px-3 sticky top-0 py-3.5 text-left text-sm font-semibold text-gray-900 border-r border-slate-300"><span class="text-gray-700 mr-1">Total</span><span class="text-green-600 text-xs">WoW &#916;</span></th>
        </thead>
        <tbody class="divide-y divide-gray-200 bg-white">        
            <div id="g2_product_32424" class="w-full bg-white ">
    <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YW5WdGNITjBZWEowTFdGd2NDOUhNbEJ5YjJSMVkzUXZNekkwTWpRIg==--4984af90f523bddb9a69e111278a1795e9e931128188762bad0befe9bffb4c0b"></turbo-cable-stream-source>

    

    

    
        <td class="whitespace-nowrap py-4 pr-3 sticky left-0 pl-4 z-10 text-sm font-medium text-gray-900 bg-white border-r border-slate-300">
            <div class="flex flex-row items-center space-x-2 pr-4">     
                <span class="text-gray-700"># 21</span>
                <img src="https://images.g2crowd.com/uploads/product/hd_favicon/3070283df940e5717213c0e0d50b2622/appmaster-io.svg" class="w-4 h-full" >
                <span class="text-gray-700">AppMaster.io</span>
            </div>
        </td>
        <td class="whitespace-nowrap py-4 px-5 w-64 text-sm text-tertiary bg-white border-r border-slate-300">
            <div class="flex flex-row items-center flex flex-row space-x-1 justify-start items-center">
                <span>4.9</span> <div class="stars flex items-center text-orange-600"><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='w-5 h-5'>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
      </svg><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='w-5 h-5'>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
      </svg><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='w-5 h-5'>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
      </svg><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='w-5 h-5'>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
      </svg><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='w-5 h-5'>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
      </svg></div> <span class="ml-3">( 114 )<span class="text-green-600 text-xs font-semibold"> +0</span></span>
            </div>
        </td> 
        <td class="whitespace-nowrap py-4 px-5 w-48 text-sm text-tertiary bg-white border-r border-slate-300">
            <div class="flex flex-row items-center space-x-2">
                <span class="text-gray-700 mr-1">73.212
                    <span class="text-green-600 text-xs font-semibold"> +0.037</span></span>
            </div>
        </td>
        <td class="whitespace-nowrap py-4 px-5 w-48 text-sm text-tertiary bg-white border-r border-slate-300">
            <div class="flex flex-row items-center space-x-2">           
                <span class="text-gray-700 mr-1">36.844
                    <span class="text-red-700 text-xs font-semibold"> -0.465</span></span>
                </span>
            </div>
        </td>
        <td class="whitespace-nowrap py-4 px-5 w-48 text-sm text-tertiary bg-white border-r border-slate-300">
            <div class="flex flex-row items-center space-x-2">           
                <span class="text-gray-700 mr-1">55.028
                    <span class="text-red-700 text-xs font-semibold"> -0.214</span></span>
                </span>
            </div>
        </td>
       
</tr><div id="g2_product_32436" class="w-full bg-white ">
    <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YW5WdGNITjBZWEowTFdGd2NDOUhNbEJ5YjJSMVkzUXZNekkwTXpZIg==--f1fe9b8a23066c8fda1a7ebcbe681c00905e16292a7f764bf8922ce86634b5f8"></turbo-cable-stream-source>

    

    

    
        <td class="whitespace-nowrap py-4 pr-3 sticky left-0 pl-4 z-10 text-sm font-medium text-gray-900 bg-white border-r border-slate-300">
            <div class="flex flex-row items-center space-x-2 pr-4">     
                <div class="text-green-600 flex flex-row space-x-2 items-center">
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4">
                        <path stroke-linecap="round" stroke-linejoin="round" d="M4.5 10.5 12 3m0 0 7.5 7.5M12 3v18" />
                    </svg>
                    <span>1</span>
                </div>
                <span class="text-gray-700"># 22</span>
                <img src="https://images.g2crowd.com/uploads/product/hd_favicon/686564a176ca45a9f30b30f081347551/jitterbit.svg" class="w-4 h-full" >
                <span class="text-gray-700">Jitterbit</span>
            </div>
        </td>
        <td class="whitespace-nowrap py-4 px-5 w-64 text-sm text-tertiary bg-white border-r border-slate-300">
            <div class="flex flex-row items-center flex flex-row space-x-1 justify-start items-center">
                <span>4.6</span> <div class="stars flex items-center text-orange-600"><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='w-5 h-5'>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
      </svg><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='w-5 h-5'>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
      </svg><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='w-5 h-5'>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
      </svg><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='w-5 h-5'>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
      </svg><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='url(#grad)' stroke='url(#stroke-grad)' class='w-5 h-5'>
        <defs>
          <linearGradient id='grad'>
            <stop offset='50%' stop-color='#ea580c'/>
            <stop offset='50%' stop-color='#d1d5db'/>
          </linearGradient>
          <linearGradient id='stroke-grad'>
            <stop offset='50%' stop-color='#ea580c'/>
            <stop offset='50%' stop-color='#d1d5db'/>
          </linearGradient>
        </defs>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
        <path stroke-linecap='round' stroke-linejoin='round' d='M11.48 3.499a.562.562 0 011.04 0l2.125 5.111a.563.563 0 00.475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 00-.182.557l1.285 5.385a.562.562 0 01-.84.61l-4.725-2.885a.563.563 0 00-.586 0L6.982 20.54a.562.562 0 01-.84-.61l1.285-5.386a.562.562 0 00-.182-.557l-4.204-3.602a.563.563 0 01.321-.988l5.518-.442a.563.563 0 00.475-.345L11.48 3.5z' />
      </svg></div> <span class="ml-3">( 629 )<span class="text-green-600 text-xs font-semibold"> +0</span></span>
            </div>
        </td> 
        <td class="whitespace-nowrap py-4 px-5 w-48 text-sm text-tertiary bg-white border-r border-slate-300">
            <div class="flex flex-row items-center space-x-2">
                <span class="text-gray-700 mr-1">46.414
                    <span class="text-green-600 text-xs font-semibold"> +0.042</span></span>
            </div>
        </td>
        <td class="whitespace-nowrap py-4 px-5 w-48 text-sm text-tertiary bg-white border-r border-slate-300">
            <div class="flex flex-row items-center space-x-2">           
                <span class="text-gray-700 mr-1">63.18
                    <span class="text-red-700 text-xs font-semibold"> -0.287</span></span>
                </span>
            </div>
        </td>
        <td class="whitespace-nowrap py-4 px-5 w-48 text-sm text-tertiary bg-white border-r border-slate-300">
            <div class="flex flex-row items-center space-x-2">           
                <span class="text-gray-700 mr-1">54.797
                    <span class="text-red-700 text-xs font-semibold"> -0.123</span></span>
                </span>
            </div>
        </td>
       
</tr><div id="g2_product_32423" class="w-full bg-white ">
    <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YW5WdGNITjBZWEowTFdGd2NDOUhNbEJ5YjJSMVkzUXZNekkwTWpNIg==--997eb7653b35886c0683ce335f1e06e5fa6397211a927d22f8d9bc0ce6b29a12"></turbo-cable-stream-source>

    

    

    
        <td class="whitespace-nowrap py-4 pr-3 sticky left-0 pl-4 z-10 text-sm font-medium text-gray-900 bg-white border-r border-slate-300">
            <div class="flex flex-row items-center space-x-2 pr-4">     
                <div class="text-red-700 flex flex-row space-x-2 items-center">
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4">
                        <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 13.5 12 21m0 0-7.5-7.5M12 21V3" />
                    </svg>
                    <span>-1</span>
                </div>
                <span class="text-gray-700"># 23</span>
                <img src="https://images.g2crowd.com/uploads/product/hd_favicon/da893dce346cb1c341bd32850327365b/gravitee-io.svg" class="w-4 h-full" >
                <span class="text-gray-700">Gravitee.io</span>
            </div>
        </td>
        <td class="whitespace-nowrap py-4 px-5 w-64 text-sm text-tertiary bg-white border-r border-slate-300">
            <div class="flex flex-row items-center flex flex-row space-x-1 justify-start items-center">
                <span>4.7</span> <div class="stars flex items-center text-orange-600"><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='w-5 h-5'>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
      </svg><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='w-5 h-5'>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
      </svg><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='w-5 h-5'>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
      </svg><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='w-5 h-5'>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
      </svg><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='url(#grad)' stroke='url(#stroke-grad)' class='w-5 h-5'>
        <defs>
          <linearGradient id='grad'>
            <stop offset='50%' stop-color='#ea580c'/>
            <stop offset='50%' stop-color='#d1d5db'/>
          </linearGradient>
          <linearGradient id='stroke-grad'>
            <stop offset='50%' stop-color='#ea580c'/>
            <stop offset='50%' stop-color='#d1d5db'/>
          </linearGradient>
        </defs>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
        <path stroke-linecap='round' stroke-linejoin='round' d='M11.48 3.499a.562.562 0 011.04 0l2.125 5.111a.563.563 0 00.475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 00-.182.557l1.285 5.385a.562.562 0 01-.84.61l-4.725-2.885a.563.563 0 00-.586 0L6.982 20.54a.562.562 0 01-.84-.61l1.285-5.386a.562.562 0 00-.182-.557l-4.204-3.602a.563.563 0 01.321-.988l5.518-.442a.563.563 0 00.475-.345L11.48 3.5z' />
      </svg></div> <span class="ml-3">( 41 )<span class="text-green-600 text-xs font-semibold"> +2</span></span>
            </div>
        </td> 
        <td class="whitespace-nowrap py-4 px-5 w-48 text-sm text-tertiary bg-white border-r border-slate-300">
            <div class="flex flex-row items-center space-x-2">
                <span class="text-gray-700 mr-1">56.905
                    <span class="text-red-700 text-xs font-semibold"> -1.046</span></span>
            </div>
        </td>
        <td class="whitespace-nowrap py-4 px-5 w-48 text-sm text-tertiary bg-white border-r border-slate-300">
            <div class="flex flex-row items-center space-x-2">           
                <span class="text-gray-700 mr-1">52.651
                    <span class="text-green-600 text-xs font-semibold"> +0.563</span></span>
                </span>
            </div>
        </td>
        <td class="whitespace-nowrap py-4 px-5 w-48 text-sm text-tertiary bg-white border-r border-slate-300">
            <div class="flex flex-row items-center space-x-2">           
                <span class="text-gray-700 mr-1">54.778
                    <span class="text-red-700 text-xs font-semibold"> -0.241</span></span>
                </span>
            </div>
        </td>
       
</tr><div id="g2_product_32405" class="w-full bg-white ">
    <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YW5WdGNITjBZWEowTFdGd2NDOUhNbEJ5YjJSMVkzUXZNekkwTURVIg==--1e8c1d7f6b293b745f18eebcae48fa6f089417b2059598040810fc83416938df"></turbo-cable-stream-source>

    

    

    
        <td class="whitespace-nowrap py-4 pr-3 sticky left-0 pl-4 z-10 text-sm font-medium text-gray-900 bg-white border-r border-slate-300">
            <div class="flex flex-row items-center space-x-2 pr-4">     
                <span class="text-gray-700"># 24</span>
                <img src="https://images.g2crowd.com/uploads/product/hd_favicon/7a0a1cbfc82e79f099f2a80c2afc3b6a/swagger-ui.svg" class="w-4 h-full" >
                <span class="text-gray-700">Swagger UI</span>
            </div>
        </td>
        <td class="whitespace-nowrap py-4 px-5 w-64 text-sm text-tertiary bg-white border-r border-slate-300">
            <div class="flex flex-row items-center flex flex-row space-x-1 justify-start items-center">
                <span>4.6</span> <div class="stars flex items-center text-orange-600"><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='w-5 h-5'>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
      </svg><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='w-5 h-5'>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
      </svg><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='w-5 h-5'>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
      </svg><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='w-5 h-5'>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
      </svg><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='url(#grad)' stroke='url(#stroke-grad)' class='w-5 h-5'>
        <defs>
          <linearGradient id='grad'>
            <stop offset='50%' stop-color='#ea580c'/>
            <stop offset='50%' stop-color='#d1d5db'/>
          </linearGradient>
          <linearGradient id='stroke-grad'>
            <stop offset='50%' stop-color='#ea580c'/>
            <stop offset='50%' stop-color='#d1d5db'/>
          </linearGradient>
        </defs>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
        <path stroke-linecap='round' stroke-linejoin='round' d='M11.48 3.499a.562.562 0 011.04 0l2.125 5.111a.563.563 0 00.475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 00-.182.557l1.285 5.385a.562.562 0 01-.84.61l-4.725-2.885a.563.563 0 00-.586 0L6.982 20.54a.562.562 0 01-.84-.61l1.285-5.386a.562.562 0 00-.182-.557l-4.204-3.602a.563.563 0 01.321-.988l5.518-.442a.563.563 0 00.475-.345L11.48 3.5z' />
      </svg></div> <span class="ml-3">( 69 )<span class="text-green-600 text-xs font-semibold"> +0</span></span>
            </div>
        </td> 
        <td class="whitespace-nowrap py-4 px-5 w-48 text-sm text-tertiary bg-white border-r border-slate-300">
            <div class="flex flex-row items-center space-x-2">
                <span class="text-gray-700 mr-1">59.344
                    <span class="text-green-600 text-xs font-semibold"> +0.029</span></span>
            </div>
        </td>
        <td class="whitespace-nowrap py-4 px-5 w-48 text-sm text-tertiary bg-white border-r border-slate-300">
            <div class="flex flex-row items-center space-x-2">           
                <span class="text-gray-700 mr-1">50.137
                    <span class="text-red-700 text-xs font-semibold"> -0.372</span></span>
                </span>
            </div>
        </td>
        <td class="whitespace-nowrap py-4 px-5 w-48 text-sm text-tertiary bg-white border-r border-slate-300">
            <div class="flex flex-row items-center space-x-2">           
                <span class="text-gray-700 mr-1">54.74
                    <span class="text-red-700 text-xs font-semibold"> -0.172</span></span>
                </span>
            </div>
        </td>
       
</tr><div id="g2_product_49192" class="w-full bg-white ">
    <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YW5WdGNITjBZWEowTFdGd2NDOUhNbEJ5YjJSMVkzUXZORGt4T1RJIg==--68722e2a34f9f076e5206c69d289a3352afa97ca3940c4559c5eecbff36d5785"></turbo-cable-stream-source>

    

    

    
        <td class="whitespace-nowrap py-4 pr-3 sticky left-0 pl-4 z-10 text-sm font-medium text-gray-900 bg-white border-r border-slate-300">
            <div class="flex flex-row items-center space-x-2 pr-4">     
                <span class="text-gray-700"># 25</span>
                <img src="https://images.g2crowd.com/uploads/product/hd_favicon/7bfc6ab2e3a2c32012c1bbd4fd9bddc6/launchpad-developer-portal-for-apigee.svg" class="w-4 h-full" >
                <span class="text-gray-700">Launchpad Developer Portal...</span>
            </div>
        </td>
        <td class="whitespace-nowrap py-4 px-5 w-64 text-sm text-tertiary bg-white border-r border-slate-300">
            <div class="flex flex-row items-center flex flex-row space-x-1 justify-start items-center">
                <span>5.0</span> <div class="stars flex items-center text-orange-600"><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='w-5 h-5'>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
      </svg><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='w-5 h-5'>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
      </svg><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='w-5 h-5'>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
      </svg><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='w-5 h-5'>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
      </svg><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='w-5 h-5'>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
      </svg></div> <span class="ml-3">( 20 )<span class="text-green-600 text-xs font-semibold"> +0</span></span>
            </div>
        </td> 
        <td class="whitespace-nowrap py-4 px-5 w-48 text-sm text-tertiary bg-white border-r border-slate-300">
            <div class="flex flex-row items-center space-x-2">
                <span class="text-gray-700 mr-1">69.144
                    <span class="text-green-600 text-xs font-semibold"> +0.118</span></span>
            </div>
        </td>
        <td class="whitespace-nowrap py-4 px-5 w-48 text-sm text-tertiary bg-white border-r border-slate-300">
            <div class="flex flex-row items-center space-x-2">           
                <span class="text-gray-700 mr-1">39.685
                    <span class="text-red-700 text-xs font-semibold"> -0.493</span></span>
                </span>
            </div>
        </td>
        <td class="whitespace-nowrap py-4 px-5 w-48 text-sm text-tertiary bg-white border-r border-slate-300">
            <div class="flex flex-row items-center space-x-2">           
                <span class="text-gray-700 mr-1">54.414
                    <span class="text-red-700 text-xs font-semibold"> -0.188</span></span>
                </span>
            </div>
        </td>
       
</tr><div id="g2_product_32404" class="w-full bg-white ">
    <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YW5WdGNITjBZWEowTFdGd2NDOUhNbEJ5YjJSMVkzUXZNekkwTURRIg==--dfd24c0411abeb160d8d1af6ed6331bf09a6637d62d10d9a760a305cf0448717"></turbo-cable-stream-source>

    

    

    
        <td class="whitespace-nowrap py-4 pr-3 sticky left-0 pl-4 z-10 text-sm font-medium text-gray-900 bg-white border-r border-slate-300">
            <div class="flex flex-row items-center space-x-2 pr-4">     
                <span class="text-gray-700"># 26</span>
                <img src="https://images.g2crowd.com/uploads/product/image/thumb/thumb_dd70657b3a637f33081d29eb77ea282c/swagger-studio.png" class="w-4 h-full" >
                <span class="text-gray-700">Swagger Studio</span>
            </div>
        </td>
        <td class="whitespace-nowrap py-4 px-5 w-64 text-sm text-tertiary bg-white border-r border-slate-300">
            <div class="flex flex-row items-center flex flex-row space-x-1 justify-start items-center">
                <span>4.5</span> <div class="stars flex items-center text-orange-600"><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='w-5 h-5'>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
      </svg><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='w-5 h-5'>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
      </svg><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='w-5 h-5'>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
      </svg><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='w-5 h-5'>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
      </svg><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='url(#grad)' stroke='url(#stroke-grad)' class='w-5 h-5'>
        <defs>
          <linearGradient id='grad'>
            <stop offset='50%' stop-color='#ea580c'/>
            <stop offset='50%' stop-color='#d1d5db'/>
          </linearGradient>
          <linearGradient id='stroke-grad'>
            <stop offset='50%' stop-color='#ea580c'/>
            <stop offset='50%' stop-color='#d1d5db'/>
          </linearGradient>
        </defs>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
        <path stroke-linecap='round' stroke-linejoin='round' d='M11.48 3.499a.562.562 0 011.04 0l2.125 5.111a.563.563 0 00.475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 00-.182.557l1.285 5.385a.562.562 0 01-.84.61l-4.725-2.885a.563.563 0 00-.586 0L6.982 20.54a.562.562 0 01-.84-.61l1.285-5.386a.562.562 0 00-.182-.557l-4.204-3.602a.563.563 0 01.321-.988l5.518-.442a.563.563 0 00.475-.345L11.48 3.5z' />
      </svg></div> <span class="ml-3">( 191 )<span class="text-green-600 text-xs font-semibold"> +0</span></span>
            </div>
        </td> 
        <td class="whitespace-nowrap py-4 px-5 w-48 text-sm text-tertiary bg-white border-r border-slate-300">
            <div class="flex flex-row items-center space-x-2">
                <span class="text-gray-700 mr-1">55.594
                    <span class="text-green-600 text-xs font-semibold"> +0.148</span></span>
            </div>
        </td>
        <td class="whitespace-nowrap py-4 px-5 w-48 text-sm text-tertiary bg-white border-r border-slate-300">
            <div class="flex flex-row items-center space-x-2">           
                <span class="text-gray-700 mr-1">52.931
                    <span class="text-red-700 text-xs font-semibold"> -0.38</span></span>
                </span>
            </div>
        </td>
        <td class="whitespace-nowrap py-4 px-5 w-48 text-sm text-tertiary bg-white border-r border-slate-300">
            <div class="flex flex-row items-center space-x-2">           
                <span class="text-gray-700 mr-1">54.262
                    <span class="text-red-700 text-xs font-semibold"> -0.117</span></span>
                </span>
            </div>
        </td>
       
</tr><div id="g2_product_32468" class="w-full bg-white ">
    <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YW5WdGNITjBZWEowTFdGd2NDOUhNbEJ5YjJSMVkzUXZNekkwTmpnIg==--bcbf5e59995c0fa51684723603cd1af03a1447796f31ea013ee416a08e9344ef"></turbo-cable-stream-source>

    

    

    
        <td class="whitespace-nowrap py-4 pr-3 sticky left-0 pl-4 z-10 text-sm font-medium text-gray-900 bg-white border-r border-slate-300">
            <div class="flex flex-row items-center space-x-2 pr-4">     
                <span class="text-gray-700"># 27</span>
                <img src="https://images.g2crowd.com/uploads/product/hd_favicon/c575147077e90f057e416f25a559a654/zuplo.svg" class="w-4 h-full" >
                <span class="text-gray-700">Zuplo</span>
            </div>
        </td>
        <td class="whitespace-nowrap py-4 px-5 w-64 text-sm text-tertiary bg-white border-r border-slate-300">
            <div class="flex flex-row items-center flex flex-row space-x-1 justify-start items-center">
                <span>4.8</span> <div class="stars flex items-center text-orange-600"><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='w-5 h-5'>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
      </svg><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='w-5 h-5'>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
      </svg><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='w-5 h-5'>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
      </svg><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='w-5 h-5'>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
      </svg><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='w-5 h-5'>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
      </svg></div> <span class="ml-3">( 41 )<span class="text-green-600 text-xs font-semibold"> +0</span></span>
            </div>
        </td> 
        <td class="whitespace-nowrap py-4 px-5 w-48 text-sm text-tertiary bg-white border-r border-slate-300">
            <div class="flex flex-row items-center space-x-2">
                <span class="text-gray-700 mr-1">68.867
                    <span class="text-green-600 text-xs font-semibold"> +0.043</span></span>
            </div>
        </td>
        <td class="whitespace-nowrap py-4 px-5 w-48 text-sm text-tertiary bg-white border-r border-slate-300">
            <div class="flex flex-row items-center space-x-2">           
                <span class="text-gray-700 mr-1">38.876
                    <span class="text-red-700 text-xs font-semibold"> -0.445</span></span>
                </span>
            </div>
        </td>
        <td class="whitespace-nowrap py-4 px-5 w-48 text-sm text-tertiary bg-white border-r border-slate-300">
            <div class="flex flex-row items-center space-x-2">           
                <span class="text-gray-700 mr-1">53.872
                    <span class="text-red-700 text-xs font-semibold"> -0.2</span></span>
                </span>
            </div>
        </td>
       
</tr><div id="g2_product_32419" class="w-full bg-white ">
    <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YW5WdGNITjBZWEowTFdGd2NDOUhNbEJ5YjJSMVkzUXZNekkwTVRrIg==--49d5784512e961f837f4a27a1bbbc6d00e55554c7d6ea091e4568f646621f170"></turbo-cable-stream-source>

    

    

    
        <td class="whitespace-nowrap py-4 pr-3 sticky left-0 pl-4 z-10 text-sm font-medium text-gray-900 bg-white border-r border-slate-300">
            <div class="flex flex-row items-center space-x-2 pr-4">     
                <span class="text-gray-700"># 28</span>
                <img src="https://images.g2crowd.com/uploads/product/hd_favicon/98fdf3cd2bc069500c7d60ef33c4dfa7/xano.svg" class="w-4 h-full" >
                <span class="text-gray-700">Xano</span>
            </div>
        </td>
        <td class="whitespace-nowrap py-4 px-5 w-64 text-sm text-tertiary bg-white border-r border-slate-300">
            <div class="flex flex-row items-center flex flex-row space-x-1 justify-start items-center">
                <span>4.7</span> <div class="stars flex items-center text-orange-600"><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='w-5 h-5'>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
      </svg><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='w-5 h-5'>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
      </svg><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='w-5 h-5'>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
      </svg><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='w-5 h-5'>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
      </svg><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='url(#grad)' stroke='url(#stroke-grad)' class='w-5 h-5'>
        <defs>
          <linearGradient id='grad'>
            <stop offset='50%' stop-color='#ea580c'/>
            <stop offset='50%' stop-color='#d1d5db'/>
          </linearGradient>
          <linearGradient id='stroke-grad'>
            <stop offset='50%' stop-color='#ea580c'/>
            <stop offset='50%' stop-color='#d1d5db'/>
          </linearGradient>
        </defs>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
        <path stroke-linecap='round' stroke-linejoin='round' d='M11.48 3.499a.562.562 0 011.04 0l2.125 5.111a.563.563 0 00.475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 00-.182.557l1.285 5.385a.562.562 0 01-.84.61l-4.725-2.885a.563.563 0 00-.586 0L6.982 20.54a.562.562 0 01-.84-.61l1.285-5.386a.562.562 0 00-.182-.557l-4.204-3.602a.563.563 0 01.321-.988l5.518-.442a.563.563 0 00.475-.345L11.48 3.5z' />
      </svg></div> <span class="ml-3">( 67 )<span class="text-green-600 text-xs font-semibold"> +0</span></span>
            </div>
        </td> 
        <td class="whitespace-nowrap py-4 px-5 w-48 text-sm text-tertiary bg-white border-r border-slate-300">
            <div class="flex flex-row items-center space-x-2">
                <span class="text-gray-700 mr-1">65.732
                    <span class="text-green-600 text-xs font-semibold"> +0.017</span></span>
            </div>
        </td>
        <td class="whitespace-nowrap py-4 px-5 w-48 text-sm text-tertiary bg-white border-r border-slate-300">
            <div class="flex flex-row items-center space-x-2">           
                <span class="text-gray-700 mr-1">40.416
                    <span class="text-red-700 text-xs font-semibold"> -0.452</span></span>
                </span>
            </div>
        </td>
        <td class="whitespace-nowrap py-4 px-5 w-48 text-sm text-tertiary bg-white border-r border-slate-300">
            <div class="flex flex-row items-center space-x-2">           
                <span class="text-gray-700 mr-1">53.074
                    <span class="text-red-700 text-xs font-semibold"> -0.217</span></span>
                </span>
            </div>
        </td>
       
</tr><div id="g2_product_46803" class="w-full bg-white ">
    <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YW5WdGNITjBZWEowTFdGd2NDOUhNbEJ5YjJSMVkzUXZORFk0TURNIg==--1c0b4c4d6ad1d810078ade0c5091d9873eecf9259e0e4bae2a8666104f1b4ab0"></turbo-cable-stream-source>

    

    

    
        <td class="whitespace-nowrap py-4 pr-3 sticky left-0 pl-4 z-10 text-sm font-medium text-gray-900 bg-white border-r border-slate-300">
            <div class="flex flex-row items-center space-x-2 pr-4">     
                <span class="text-gray-700"># 29</span>
                <img src="https://images.g2crowd.com/uploads/product/hd_favicon/1af36325ca47d24f6b9a3f2255483dc0/seeburger-business-integration-suite.svg" class="w-4 h-full" >
                <span class="text-gray-700">Business Integration Suite</span>
            </div>
        </td>
        <td class="whitespace-nowrap py-4 px-5 w-64 text-sm text-tertiary bg-white border-r border-slate-300">
            <div class="flex flex-row items-center flex flex-row space-x-1 justify-start items-center">
                <span>4.6</span> <div class="stars flex items-center text-orange-600"><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='w-5 h-5'>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
      </svg><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='w-5 h-5'>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
      </svg><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='w-5 h-5'>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
      </svg><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='w-5 h-5'>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
      </svg><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='url(#grad)' stroke='url(#stroke-grad)' class='w-5 h-5'>
        <defs>
          <linearGradient id='grad'>
            <stop offset='50%' stop-color='#ea580c'/>
            <stop offset='50%' stop-color='#d1d5db'/>
          </linearGradient>
          <linearGradient id='stroke-grad'>
            <stop offset='50%' stop-color='#ea580c'/>
            <stop offset='50%' stop-color='#d1d5db'/>
          </linearGradient>
        </defs>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
        <path stroke-linecap='round' stroke-linejoin='round' d='M11.48 3.499a.562.562 0 011.04 0l2.125 5.111a.563.563 0 00.475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 00-.182.557l1.285 5.385a.562.562 0 01-.84.61l-4.725-2.885a.563.563 0 00-.586 0L6.982 20.54a.562.562 0 01-.84-.61l1.285-5.386a.562.562 0 00-.182-.557l-4.204-3.602a.563.563 0 01.321-.988l5.518-.442a.563.563 0 00.475-.345L11.48 3.5z' />
      </svg></div> <span class="ml-3">( 54 )<span class="text-green-600 text-xs font-semibold"> +0</span></span>
            </div>
        </td> 
        <td class="whitespace-nowrap py-4 px-5 w-48 text-sm text-tertiary bg-white border-r border-slate-300">
            <div class="flex flex-row items-center space-x-2">
                <span class="text-gray-700 mr-1">42.42
                    <span class="text-red-700 text-xs font-semibold"> -0.14</span></span>
            </div>
        </td>
        <td class="whitespace-nowrap py-4 px-5 w-48 text-sm text-tertiary bg-white border-r border-slate-300">
            <div class="flex flex-row items-center space-x-2">           
                <span class="text-gray-700 mr-1">63.407
                    <span class="text-red-700 text-xs font-semibold"> -0.26</span></span>
                </span>
            </div>
        </td>
        <td class="whitespace-nowrap py-4 px-5 w-48 text-sm text-tertiary bg-white border-r border-slate-300">
            <div class="flex flex-row items-center space-x-2">           
                <span class="text-gray-700 mr-1">52.914
                    <span class="text-red-700 text-xs font-semibold"> -0.199</span></span>
                </span>
            </div>
        </td>
       
</tr><div id="g2_product_32444" class="w-full bg-white ">
    <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YW5WdGNITjBZWEowTFdGd2NDOUhNbEJ5YjJSMVkzUXZNekkwTkRRIg==--b278899ff564f37a2ac9817f22aaa2dcdf15a7d4a22f2c03a1a32320bc47c401"></turbo-cable-stream-source>

    

    

    
        <td class="whitespace-nowrap py-4 pr-3 sticky left-0 pl-4 z-10 text-sm font-medium text-gray-900 bg-white border-r border-slate-300">
            <div class="flex flex-row items-center space-x-2 pr-4">     
                <span class="text-gray-700"># 30</span>
                <img src="https://images.g2crowd.com/uploads/product/favicon/24781/1d6477709bba53bbb760d514fda47fa1.png" class="w-4 h-full" >
                <span class="text-gray-700">Azure API Management</span>
            </div>
        </td>
        <td class="whitespace-nowrap py-4 px-5 w-64 text-sm text-tertiary bg-white border-r border-slate-300">
            <div class="flex flex-row items-center flex flex-row space-x-1 justify-start items-center">
                <span>4.2</span> <div class="stars flex items-center text-orange-600"><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='w-5 h-5'>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
      </svg><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='w-5 h-5'>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
      </svg><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='w-5 h-5'>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
      </svg><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='w-5 h-5'>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
      </svg><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='#d1d5db' class='w-5 h-5'>
        <path fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z' clip-rule='evenodd' />
      </svg></div> <span class="ml-3">( 32 )<span class="text-green-600 text-xs font-semibold"> +0</span></span>
            </div>
        </td> 
        <td class="whitespace-nowrap py-4 px-5 w-48 text-sm text-tertiary bg-white border-r border-slate-300">
            <div class="flex flex-row items-center space-x-2">
                <span class="text-gray-700 mr-1">27.848
                    <span class="text-red-700 text-xs font-semibold"> -0.077</span></span>
            </div>
        </td>
        <td class="whitespace-nowrap py-4 px-5 w-48 text-sm text-tertiary bg-white border-r border-slate-300">
            <div class="flex flex-row items-center space-x-2">           
                <span class="text-gray-700 mr-1">76.927
                    <span class="text-red-700 text-xs font-semibold"> -0.211</span></span>
                </span>
            </div>
        </td>
        <td class="whitespace-nowrap py-4 px-5 w-48 text-sm text-tertiary bg-white border-r border-slate-300">
            <div class="flex flex-row items-center space-x-2">           
                <span class="text-gray-700 mr-1">52.388
                    <span class="text-red-700 text-xs font-semibold"> -0.144</span></span>
                </span>
            </div>
        </td>
       
</tr>
        </tbody>
    </table>
</div>
    
    <div class="my-6 flex flex-row justify-between items-center">
      <div class="min-w-1/4">
      </div>
      <div class="text-center min-w-1/2 whitespace-nowrap">                    
        <nav class="pagy-nav pagination"><span class="page prev"><a href="/g2_products/google-developer-portal?product_page=2"   rel="prev" aria-label="previous">&lsaquo;&nbsp;Prev</a></span> <span class="page"><a href="/g2_products/google-developer-portal?product_page=1"   >1</a></span> <span class="page"><a href="/g2_products/google-developer-portal?product_page=2"   rel="prev" >2</a></span> <span class="page active">3</span> <span class="page"><a href="/g2_products/google-developer-portal?product_page=4"   rel="next" >4</a></span> <span class="page"><a href="/g2_products/google-developer-portal?product_page=5"   >5</a></span> <span class="page"><a href="/g2_products/google-developer-portal?product_page=6"   >6</a></span> <span class="page next"><a href="/g2_products/google-developer-portal?product_page=4"   rel="next" aria-label="next">Next&nbsp;&rsaquo;</a></span></nav>
      </div>
      <div class="min-w-1/4 flex flex-row justify-end">        
          <div data-controller="dropdown"
     data-action="click->dropdown#toggle click@window->dropdown#hide"
     data-dropdown-open-value="false"
     data-dropdown-active-target="#dropdown-button"
     data-dropdown-active-class=""
     data-dropdown-invisible-class="opacity-0 scale-95"
     data-dropdown-visible-class="opacity-100 scale-100"
     data-dropdown-entering-class="ease-out duration-300"
     data-dropdown-enter-timeout=""
     data-dropdown-leaving-class=""
     data-dropdown-leave-timeout="" >

  <div class="relative mt-1 inline-block">
    <button data-dropdown-target="button" id="dropdown-button" type="button" class="relative w-full cursor-default rounded-lg border-2 bg-white py-2 px-3 text-left shadow-custom-shadow border-tertiary focus:border-tertiary focus:outline-none focus:ring-1 focus:ring-tertiary sm:text-sm" aria-haspopup="listbox" aria-expanded="true" aria-labelledby="listbox-label">
      10
      <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 ml-2 inline-block" viewBox="0 0 20 20" fill="currentColor">
        <path fill-rule="evenodd" d="M10 12a1 1 0 01-.707-.293l-3-3a1 1 0 011.414-1.414L10 9.586l2.293-2.293a1 1 0 011.414 1.414l-3 3A1 1 0 0110 12z" clip-rule="evenodd" />
      </svg>
    </button>

    <ul data-dropdown-target="menu" class="hidden z-20 list-none border border-tertiary absolute bottom-12 z-10 mt-1 max-h-60 w-full overflow-auto rounded-md bg-white py-1 text-base ring-none focus:ring-none focus:outline-none sm:text-sm" tabindex="-1" role="listbox" aria-labelledby="listbox-label" aria-activedescendant="listbox-option-3">
        <a data-turbo-action="replace" data-turbo-frame="pagy-products" class="block px-4 py-2 text-sm text-gray-700 hover:bg-off-white hover:text-secondary" role="menuitem" href="/g2_products/google-developer-portal?products_per_page=10">10</a>
        <a data-turbo-action="replace" data-turbo-frame="pagy-products" class="block px-4 py-2 text-sm text-gray-700 hover:bg-off-white hover:text-secondary" role="menuitem" href="/g2_products/google-developer-portal?products_per_page=25">25</a>
        <a data-turbo-action="replace" data-turbo-frame="pagy-products" class="block px-4 py-2 text-sm text-gray-700 hover:bg-off-white hover:text-secondary" role="menuitem" href="/g2_products/google-developer-portal?products_per_page=100">100</a>
    </ul>
  </div>
</div>
      </div>
    </div>

    <h2 class="h3">Overall score over time</h2>

    <div data-controller="rank-tracking-chart" data-rank-tracking-chart-labels-value="[&quot;07 Sep 26&quot;, &quot;14 Sep 26&quot;, &quot;21 Sep 26&quot;, &quot;28 Sep 26&quot;]" data-rank-tracking-chart-datasets-value="[{&quot;label&quot;:&quot;Postman&quot;,&quot;data&quot;:[87.675,87.615,87.292,87.182]},{&quot;label&quot;:&quot;MuleSoft Anypoint Platform&quot;,&quot;data&quot;:[78.678,79.594,84.564,84.717]},{&quot;label&quot;:&quot;Celigo&quot;,&quot;data&quot;:[83.612,83.669,83.417,83.34]},{&quot;label&quot;:&quot;Kong Konnect&quot;,&quot;data&quot;:[78.016,78.251,77.763,77.682]},{&quot;label&quot;:&quot;Workato&quot;,&quot;data&quot;:[74.788,74.592,74.176,74.048]},{&quot;label&quot;:&quot;Apidog&quot;,&quot;data&quot;:[70.702,70.588,70.247,70.622]},{&quot;label&quot;:&quot;Apigee Edge&quot;,&quot;data&quot;:[69.043,68.833,68.558,68.446]},{&quot;label&quot;:&quot;Amazon API Gateway&quot;,&quot;data&quot;:[67.818,67.67,67.109,67.041]},{&quot;label&quot;:&quot;Boomi&quot;,&quot;data&quot;:[67.655,67.671,67.093,66.935]},{&quot;label&quot;:&quot;SnapLogic Agentic Integration and Applied AI Platform&quot;,&quot;data&quot;:[64.652,64.377,64.215,64.056]},{&quot;label&quot;:&quot;Google Developer Portal&quot;,&quot;data&quot;:[50.187,49.911,49.539,49.364]}]" data-rank-tracking-chart-name-value="score" class="my-4 bg-white p-4 shadow">
      <canvas id="chartCanvas"></canvas>
    </div>

    <h2 class="h3">Review count over time</h2>
    <div data-controller="rank-tracking-chart" data-rank-tracking-chart-labels-value="[&quot;07 Sep 26&quot;, &quot;14 Sep 26&quot;, &quot;21 Sep 26&quot;, &quot;28 Sep 26&quot;]" data-rank-tracking-chart-datasets-value="[{&quot;label&quot;:&quot;Postman&quot;,&quot;data&quot;:[1798,1798,1798,1798]},{&quot;label&quot;:&quot;MuleSoft Anypoint Platform&quot;,&quot;data&quot;:[775,786,894,894]},{&quot;label&quot;:&quot;Celigo&quot;,&quot;data&quot;:[1103,1102,1102,1102]},{&quot;label&quot;:&quot;Kong Konnect&quot;,&quot;data&quot;:[346,348,348,348]},{&quot;label&quot;:&quot;Workato&quot;,&quot;data&quot;:[776,777,779,799]},{&quot;label&quot;:&quot;Apidog&quot;,&quot;data&quot;:[226,226,226,229]},{&quot;label&quot;:&quot;Apigee Edge&quot;,&quot;data&quot;:[29,29,29,29]},{&quot;label&quot;:&quot;Amazon API Gateway&quot;,&quot;data&quot;:[142,142,142,142]},{&quot;label&quot;:&quot;Boomi&quot;,&quot;data&quot;:[505,505,505,505]},{&quot;label&quot;:&quot;SnapLogic Agentic Integration and Applied AI Platform&quot;,&quot;data&quot;:[408,408,408,408]},{&quot;label&quot;:&quot;Google Developer Portal&quot;,&quot;data&quot;:[30,30,30,30]}]" data-rank-tracking-chart-name-value="review_count" class="my-4 bg-white p-4 shadow">
      <canvas id="chartCanvas"></canvas>
    </div>
</div></template></turbo-stream>
<turbo-stream action="replace" target="h1"><template><div id="h1" class="mb-4 flex flex-row items-center space-x-4 mb-7">
        <img class="w-12 h-12" src="https://images.g2crowd.com/uploads/product/favicon/67027/656369760144371af6254bf8534555e6.png" />
        <h2 class="text-3xl font-serif font-bold text-left" >
            Google Developer Portal G2 rankings
        </h2>
</div></template></turbo-stream>
<turbo-stream action="replace" target="hero"><template><div class="flex flex-col items-center justify-between mb-8 w-full" id="hero">
    <h1 class="h2 mx-auto mb-4 text-center">Google Developer Portal</h1>
    <span class="text-base text-gray-500 mx-auto mb-2">Access Google Developer Portal's categories & rankings over time</span>
    <span class="text-base text-gray-500 mx-auto">Search any product listed on G2 to get started</span>
</div></template></turbo-stream>