20% OFF

COUPON 20% OFF

Previous Next

Quick view Compare

$3.01 Swatch Quick Add To Cart Detail View

1.6 Yard Piece of RED | Marine Boating Vinyl Fabric | Upholstery Vinyl - Sun + Salt Proof

1.6 Yards In Stock

AS LOW AS $26.00 ~~$31.97~~

House Brand
COUPON 20% OFF

Previous Next

Quick view Compare

$3.01 Swatch Quick Add To Cart Detail View

1.9 Yard Piece of Royal Blue High Gloss Glitter + Sparkle Upholstery Vinyl Fabric By The Yard

1.9 Yards In Stock

AS LOW AS $57.00 ~~$71.76~~
COUPON 20% OFF

Previous Next

Quick view Compare

$3.01 Swatch Quick Add To Cart Detail View

2.75 Yard Piece of Sparkle Mint Turquoise Gren Glitter High Gloss Upholstery Vinyl Fabric By The Yard

2.75 Yards In Stock

AS LOW AS $83.00 ~~$103.88~~
COUPON 20% OFF

Previous Next

Quick view Compare

$3.01 Swatch Quick Add To Cart Detail View

2 Yard Piece of Royal Blue High Gloss Glitter + Sparkle Upholstery Vinyl Fabric By The Yard

2 Yards In Stock

AS LOW AS $60.00 ~~$75.54~~
COUPON 20% OFF

Previous Next

Quick view Compare

Detail View

1.375 Yard Piece of Sunbrella 6157-0000 Yellow | 60 Inch | Awning and Marine Weight |

1.375 Yards In Stock

AS LOW AS $33.00 ~~$41.18~~

Sunbrella

Items 121 to 125 of 125 total

20% OFF

Show More

A collection of items with a 20% off coupon.

<div class="relative" data-x-data="{selected: 0, selectedChild: 0, height: 0, $navPagesSub: null}">
<nav class="flex text-sm 3xl:text-base">
<ul class="flex flex-1 flex-wrap -mx-1 py-1 3xl:-mx-2">
<li>
<a class="inline-flex px-1 3xl:px-2 py-1 rounded-global hover:bg-white hover:text-primary-600 font-bold text-nowrap"
href="https://fabricwarehouse.com/marine-patio-fabric/"
aria-label="OUTDOOR FABRIC"
data-x-on:click.prevent="
selectedChild = 0;
const nextId = selected === 1971 ? 0 : 1971;
selected = nextId;
$nextTick(() => { (selected !== nextId) && (selected = nextId) });
"
data-x-bind:class="(selected === 1971) && 'bg-white text-primary-600'"
>OUTDOOR FABRIC<small class="icon icon-chevron-down ml-1 text-[8px]" aria-hidden="true"></small>
</a>

<div id="navPages-1971"
hidden=""
aria-hidden="true"
tabindex="-1"
>
<ul class="flex-initial bg-primary w-72 h-full max-h-[70vh] overflow-auto"
data-x-lazy="
height = $el.clientHeight;
$el.classList.remove('h-full');
"
>
<li class="hover:bg-primary-100">
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default"
href="https://fabricwarehouse.com/marine-patio-fabric/"
aria-label="All OUTDOOR FABRIC"
>
All OUTDOOR FABRIC
</a>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1992,
'hover:bg-primary-100': selectedChild !== 1992
}"
>

<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/awning-weight-fabrics/"
aria-label="AWNING WEIGHT FABRICS"
data-x-on:click.prevent="selectedChild = 1992"
data-x-on:mouseenter="selectedChild = 1992"
>
AWNING WEIGHT FABRICS
<small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all"
aria-hidden="true"
data-x-bind:class="(selectedChild === 1992 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-1992" class="navPages-sub" data-category-id="1992" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 1992) && (selectedChild = 1992)"
>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/recacril-marine-sale/"
aria-label="Recacril Marine - SALE!!"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/s/recacril-marine--sale__35721.original.jpg"
alt="Recacril Marine - SALE!!"
width="32"
height="24"
loading="lazy"
/>
<span>Recacril Marine - SALE!!</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/docril-brand-awning-sale/"
aria-label="Docril Brand Awning -- SALE!!!"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/h/docril-brand-awning__90099.original.jpg"
alt="Docril Brand Awning -- SALE!!!"
width="32"
height="24"
loading="lazy"
/>
<span>Docril Brand Awning -- SALE!!!</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/awning-sale/"
aria-label="REMNANTS & DEALS!"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/l/remnants--deals-awning__77950.original.jpg"
alt="REMNANTS & DEALS!"
width="32"
height="24"
loading="lazy"
/>
<span>REMNANTS & DEALS!</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/sunbrella-awning-weight/"
aria-label="Sunbrella Awning Weight"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/a/sunbrella-awning-weight__72792.original.jpg"
alt="Sunbrella Awning Weight"
width="32"
height="24"
loading="lazy"
/>
<span>Sunbrella Awning Weight</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/60-inch-sunbrella-awning/"
aria-label="60 Inch Sunbrella Awning"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/o/60-inch-sunbrella-awning__89829.original.jpg"
alt="60 Inch Sunbrella Awning"
width="32"
height="24"
loading="lazy"
/>
<span>60 Inch Sunbrella Awning</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/46-inch-sunbrella-fabric-awning-marine/"
aria-label="46" Inch Sunbrella Awning"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/l/46-inch-sunbrella-awning__10862.original.jpg"
alt="46" Inch Sunbrella Awning"
width="32"
height="24"
loading="lazy"
/>
<span>46" Inch Sunbrella Awning</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/80-inch-awning-marine-fabric/"
aria-label="80 Inch Sunbrella Awning"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/y/80-inch-sunbrella-awning__40510.original.jpg"
alt="80 Inch Sunbrella Awning"
width="32"
height="24"
loading="lazy"
/>
<span>80 Inch Sunbrella Awning</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/sunreal/"
aria-label="SunReal Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/sunreal-fabric__01731.original.jpg"
alt="SunReal Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>SunReal Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/sunbrella-binding/"
aria-label="SUNBRELLA BINDING"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/a/sunbrella-binding__65304.original.jpg"
alt="SUNBRELLA BINDING"
width="32"
height="24"
loading="lazy"
/>
<span>SUNBRELLA BINDING</span>
</a>
</li>
</ul>
</template>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1993,
'hover:bg-primary-100': selectedChild !== 1993
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/patio-outdoor-upholstery/"
aria-label="PATIO & OUTDOOR UPHOLSTERY"
data-x-on:click.prevent="selectedChild = 1993"
data-x-on:mouseenter="selectedChild = 1993"
>
PATIO & OUTDOOR UPHOLSTERY
<small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all"
aria-hidden="true"
data-x-bind:class="(selectedChild === 1993 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-1993" class="navPages-sub" data-category-id="1993" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 1993) && (selectedChild = 1993)"
>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/in-out-upholstery-sale/"
aria-label="REMNANTS & DEALS"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/p/remnants--deals-inout__49802.original.jpg"
alt="REMNANTS & DEALS"
width="32"
height="24"
loading="lazy"
/>
<span>REMNANTS & DEALS</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/outdoor-canvas/"
aria-label="Outdoor Canvas"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/d/outdoor-canvas__88148.original.jpg"
alt="Outdoor Canvas"
width="32"
height="24"
loading="lazy"
/>
<span>Outdoor Canvas</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/premier-prints-outdor/"
aria-label="Premier Prints Outdoor"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/l/premier-prints-outdoor__29213.original.jpg"
alt="Premier Prints Outdoor"
width="32"
height="24"
loading="lazy"
/>
<span>Premier Prints Outdoor</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/printed-outdoor-fabrics/"
aria-label="Printed Outdoor Fabrics"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/q/printed-outdoor-fabrics__20480.original.jpg"
alt="Printed Outdoor Fabrics"
width="32"
height="24"
loading="lazy"
/>
<span>Printed Outdoor Fabrics</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/sunbrella-furniture-weight-fabric/"
aria-label="Sunbrella Furniture Weight"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/r/sunbrella-furniture-weight__94356.original.jpg"
alt="Sunbrella Furniture Weight"
width="32"
height="24"
loading="lazy"
/>
<span>Sunbrella Furniture Weight</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/tommy-bahama/"
aria-label="Tommy Bahama"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/k/tommy-bahama__65512.original.jpg"
alt="Tommy Bahama"
width="32"
height="24"
loading="lazy"
/>
<span>Tommy Bahama</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/docril-outdoor-fabrics/"
aria-label="Docril Outdoor Fabrics"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/q/docril-outdoor-fabrics__53616.original.jpg"
alt="Docril Outdoor Fabrics"
width="32"
height="24"
loading="lazy"
/>
<span>Docril Outdoor Fabrics</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/bella-dura-coming-soon/"
aria-label="Bella-Dura"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/j/belladura__06479.original.jpg"
alt="Bella-Dura"
width="32"
height="24"
loading="lazy"
/>
<span>Bella-Dura</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/outdura-furniture-weight-fabrics/"
aria-label="Outdura Furniture Weight"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/a/outdura-furniture-weight__92817.original.jpg"
alt="Outdura Furniture Weight"
width="32"
height="24"
loading="lazy"
/>
<span>Outdura Furniture Weight</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/richloom-outdoor/"
aria-label="Richloom Outdoor"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/z/richloom-outdoor__73430.original.jpg"
alt="Richloom Outdoor"
width="32"
height="24"
loading="lazy"
/>
<span>Richloom Outdoor</span>
</a>
</li>
</ul>
</template>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1994,
'hover:bg-primary-100': selectedChild !== 1994
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/other/"
aria-label="SLING & OTHER"
data-x-on:click.prevent="selectedChild = 1994"
data-x-on:mouseenter="selectedChild = 1994"
>
SLING & OTHER
<small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all"
aria-hidden="true"
data-x-bind:class="(selectedChild === 1994 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-1994" class="navPages-sub" data-category-id="1994" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 1994) && (selectedChild = 1994)"
>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/sunbrella-sling-other/"
aria-label="Sunbrella Sling + Other"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/g/sunbrella-sling--other__06978.original.jpg"
alt="Sunbrella Sling + Other"
width="32"
height="24"
loading="lazy"
/>
<span>Sunbrella Sling + Other</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/other-marine-fabrics/"
aria-label="Other Outdoor Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/m/other-outdoor-fabric__35457.original.jpg"
alt="Other Outdoor Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Other Outdoor Fabric</span>
</a>
</li>
</ul>
</template>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1790,
'hover:bg-primary-100': selectedChild !== 1790
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/marine-hardware-supplys/"
aria-label="MARINE HARDWARE / SUPPLIES"
data-x-on:click.prevent="selectedChild = 1790"
data-x-on:mouseenter="selectedChild = 1790"
>
MARINE HARDWARE / SUPPLIES
<small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all"
aria-hidden="true"
data-x-bind:class="(selectedChild === 1790 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-1790" class="navPages-sub" data-category-id="1790" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 1790) && (selectedChild = 1790)"
>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/marine-zippers-1/"
aria-label="Marine Zippers"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/marine-zippers__43237.original.jpg"
alt="Marine Zippers"
width="32"
height="24"
loading="lazy"
/>
<span>Marine Zippers</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/marine-fasteners/"
aria-label="Marine Fasteners"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/d/marine-fasteners__02056.original.jpg"
alt="Marine Fasteners"
width="32"
height="24"
loading="lazy"
/>
<span>Marine Fasteners</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/boat-top-hardware/"
aria-label="Boat Top Hardware"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/p/boat-top-hardware__56756.original.jpg"
alt="Boat Top Hardware"
width="32"
height="24"
loading="lazy"
/>
<span>Boat Top Hardware</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/marine-carpet/"
aria-label="Marine Carpet"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/q/marine-carpet__32532.original.jpg"
alt="Marine Carpet"
width="32"
height="24"
loading="lazy"
/>
<span>Marine Carpet</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/cushion-underlining-marine-fabric/"
aria-label="Cushion Underlining"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/v/cushion-underlining__68221.original.jpg"
alt="Cushion Underlining"
width="32"
height="24"
loading="lazy"
/>
<span>Cushion Underlining</span>
</a>
</li>
</ul>
</template>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1536,
'hover:bg-primary-100': selectedChild !== 1536
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/sunbrella-binding-trim/"
aria-label="SUNBRELLA BINDING"
data-x-on:click.prevent="selectedChild = 1536"
data-x-on:mouseenter="selectedChild = 1536"
>
SUNBRELLA BINDING
<small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all"
aria-hidden="true"
data-x-bind:class="(selectedChild === 1536 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-1536" class="navPages-sub" data-category-id="1536" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 1536) && (selectedChild = 1536)"
>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/straight-cut-binding/"
aria-label="STRAIGHT CUT BINDING"
>
<span>STRAIGHT CUT BINDING</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/bias-cutt-binding/"
aria-label="BIAS CUTT BINDING"
>
<span>BIAS CUTT BINDING</span>
</a>
</li>
</ul>
</template>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1997,
'hover:bg-primary-100': selectedChild !== 1997
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/outdoor-cushion-foam/"
aria-label="OUTDOOR CUSHION & FOAM"
data-x-on:click.prevent="selectedChild = 1997"
data-x-on:mouseenter="selectedChild = 1997"
>
OUTDOOR CUSHION & FOAM
<small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all"
aria-hidden="true"
data-x-bind:class="(selectedChild === 1997 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-1997" class="navPages-sub" data-category-id="1997" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 1997) && (selectedChild = 1997)"
>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/fiber-cushion-flo-thru/"
aria-label="FIBER CUSHION (FLO-THRU)"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/s/fiber-cushion-flothru__65231.original.jpg"
alt="FIBER CUSHION (FLO-THRU)"
width="32"
height="24"
loading="lazy"
/>
<span>FIBER CUSHION (FLO-THRU)</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/foam-batting-1/"
aria-label="Foam & Batting"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/i/foam--batting__76039.original.jpg"
alt="Foam & Batting"
width="32"
height="24"
loading="lazy"
/>
<span>Foam & Batting</span>
</a>
</li>
</ul>
</template>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1729,
'hover:bg-primary-100': selectedChild !== 1729
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/sunguard-thread-marine-thread/"
aria-label="MARINE / OUTDOOR THREAD"
data-x-on:click.prevent="selectedChild = 1729"
data-x-on:mouseenter="selectedChild = 1729"
>
MARINE / OUTDOOR THREAD
<small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all"
aria-hidden="true"
data-x-bind:class="(selectedChild === 1729 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-1729" class="navPages-sub" data-category-id="1729" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 1729) && (selectedChild = 1729)"
>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/40-wt-common-thickness/"
aria-label="Tex 25 / 40 wt  Common Thickness"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/k/tex-25--40-wt--common-thickness__63066.original.jpg"
alt="Tex 25 / 40 wt  Common Thickness"
width="32"
height="24"
loading="lazy"
/>
<span>Tex 25 / 40 wt  Common Thickness</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/tex-50-thread-light-weight/"
aria-label="Tex 50 Thread - Light Weight"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/l/tex-50-thread--light-weight__59512.original.jpg"
alt="Tex 50 Thread - Light Weight"
width="32"
height="24"
loading="lazy"
/>
<span>Tex 50 Thread - Light Weight</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/tex-75-med-hvy-weight/"
aria-label="Tex 75 - Med/Hvy Weight"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/e/tex-75--medhvy-weight__82007.original.jpg"
alt="Tex 75 - Med/Hvy Weight"
width="32"
height="24"
loading="lazy"
/>
<span>Tex 75 - Med/Hvy Weight</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/tex-90-100-heavy-weight/"
aria-label="Tex 90-100  - Heavy Weight"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/u/tex-90100---heavy-weight__15673.original.jpg"
alt="Tex 90-100  - Heavy Weight"
width="32"
height="24"
loading="lazy"
/>
<span>Tex 90-100  - Heavy Weight</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/v92-commercial/"
aria-label="V92 Commercial"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/c/v92-commercial__39020.original.jpg"
alt="V92 Commercial"
width="32"
height="24"
loading="lazy"
/>
<span>V92 Commercial</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/12-wt-ultra-thick-top-stitch/"
aria-label="12 wt. Ultra Thick - Top Stitch"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/x/12-wt-ultra-thick--top-stitch__88148.original.jpg"
alt="12 wt. Ultra Thick - Top Stitch"
width="32"
height="24"
loading="lazy"
/>
<span>12 wt. Ultra Thick - Top Stitch</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/guterman/"
aria-label="GUTERMAN"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/h/guterman__19175.original.jpg"
alt="GUTERMAN"
width="32"
height="24"
loading="lazy"
/>
<span>GUTERMAN</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/sunguard/"
aria-label="SUNGUARD"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/m/sunguard__47146.original.jpg"
alt="SUNGUARD"
width="32"
height="24"
loading="lazy"
/>
<span>SUNGUARD</span>
</a>
</li>
</ul>
</template>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1977,
'hover:bg-primary-100': selectedChild !== 1977
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/water-friendly/"
aria-label="WATER FRIENDLY"
data-x-on:click.prevent="selectedChild = 1977"
data-x-on:mouseenter="selectedChild = 1977"
>
WATER FRIENDLY
<small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all"
aria-hidden="true"
data-x-bind:class="(selectedChild === 1977 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-1977" class="navPages-sub" data-category-id="1977" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 1977) && (selectedChild = 1977)"
>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/fabric-water-friendly/"
aria-label="Fabric & Water Friendly."
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/s/fabric--water-friendly__29058.original.jpg"
alt="Fabric & Water Friendly."
width="32"
height="24"
loading="lazy"
/>
<span>Fabric & Water Friendly.</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/uv-water-proof/"
aria-label="Fabric & Water Proof"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/d/fabric--water-proof__64690.original.jpg"
alt="Fabric & Water Proof"
width="32"
height="24"
loading="lazy"
/>
<span>Fabric & Water Proof</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/vinyl-waterproof/"
aria-label="Vinyl & Waterproof"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/vinyl--waterproof__80084.original.jpg"
alt="Vinyl & Waterproof"
width="32"
height="24"
loading="lazy"
/>
<span>Vinyl & Waterproof</span>
</a>
</li>
</ul>
</template>
</li>
</ul>
<div class="flex-1 h-64 max-h-[70vh] overflow-auto"
data-x-effect="$el.style.height = height + 'px';"
data-x-html-alt.referent.prevent-overflow-x="'#navPagesSub-' + selectedChild"
data-x-lazy.once="selectedChild = 1992"
></div>
</div>
</li>
<li>
<a class="inline-flex px-1 3xl:px-2 py-1 rounded-global hover:bg-white hover:text-primary-600 font-bold text-nowrap"
href="https://fabricwarehouse.com/discount-marine-vinyl-fabrics/"
aria-label="VINYL - MARINE & AUTO"
data-x-on:click.prevent="
selectedChild = 0;
const nextId = selected === 1395 ? 0 : 1395;
selected = nextId;
$nextTick(() => { (selected !== nextId) && (selected = nextId) });
"
data-x-bind:class="(selected === 1395) && 'bg-white text-primary-600'"
>VINYL - MARINE & AUTO<small class="icon icon-chevron-down ml-1 text-[8px]" aria-hidden="true"></small>
</a>

<div id="navPages-1395"
hidden=""
aria-hidden="true"
tabindex="-1"
>
<ul class="flex-initial bg-primary w-72 h-full max-h-[70vh] overflow-auto"
data-x-lazy="
height = $el.clientHeight;
$el.classList.remove('h-full');
"
>
<li class="hover:bg-primary-100">
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default"
href="https://fabricwarehouse.com/discount-marine-vinyl-fabrics/"
aria-label="All VINYL - MARINE & AUTO"
>
All VINYL - MARINE & AUTO
</a>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 2149,
'hover:bg-primary-100': selectedChild !== 2149
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default"
href="https://fabricwarehouse.com/remnants-deals-marine-vinyl/"
aria-label="REMNANTS & DEALS (Marine Vinyl)"
>
REMNANTS & DEALS (Marine Vinyl)
</a>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 2052,
'hover:bg-primary-100': selectedChild !== 2052
}"
>

<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/marine-vinyl-by-color/"
aria-label="MARINE VINYL BY COLOR"
data-x-on:click.prevent="selectedChild = 2052"
data-x-on:mouseenter="selectedChild = 2052"
>
MARINE VINYL BY COLOR
<small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all"
aria-hidden="true"
data-x-bind:class="(selectedChild === 2052 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-2052" class="navPages-sub" data-category-id="2052" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 2052) && (selectedChild = 2052)"
>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/black-marine-vinyl/"
aria-label="Black Marine Vinyl"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/n/black-marine-vinyl__80722.original.jpg"
alt="Black Marine Vinyl"
width="32"
height="24"
loading="lazy"
/>
<span>Black Marine Vinyl</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/brown-marine-vinyl/"
aria-label="Brown Marine Vinyl"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/v/brown-marine-vinyl__16344.original.jpg"
alt="Brown Marine Vinyl"
width="32"
height="24"
loading="lazy"
/>
<span>Brown Marine Vinyl</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/white-marine-vinyl/"
aria-label="White Marine Vinyl"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/g/white-marine-vinyl__19075.original.jpg"
alt="White Marine Vinyl"
width="32"
height="24"
loading="lazy"
/>
<span>White Marine Vinyl</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/off-white-marine-vinyl/"
aria-label="Off White Marine Vinyl"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/l/off-white-marine-vinyl__26378.original.jpg"
alt="Off White Marine Vinyl"
width="32"
height="24"
loading="lazy"
/>
<span>Off White Marine Vinyl</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/beige-tan-marine-vinyls/"
aria-label="Beige & Tan Marine Vinyls"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/h/beige--tan-marine-vinyls__07395.original.jpg"
alt="Beige & Tan Marine Vinyls"
width="32"
height="24"
loading="lazy"
/>
<span>Beige & Tan Marine Vinyls</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/gray-marine-vinyl/"
aria-label="Gray Marine Vinyl"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/z/gray-marine-vinyl__40170.original.jpg"
alt="Gray Marine Vinyl"
width="32"
height="24"
loading="lazy"
/>
<span>Gray Marine Vinyl</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/red-marine-vinyl/"
aria-label="Red Marine Vinyl"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/r/red-marine-vinyl__29416.original.jpg"
alt="Red Marine Vinyl"
width="32"
height="24"
loading="lazy"
/>
<span>Red Marine Vinyl</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/blue-marine-vinyl/"
aria-label="Blue Marine Vinyl"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/c/blue-marine-vinyl__18966.original.jpg"
alt="Blue Marine Vinyl"
width="32"
height="24"
loading="lazy"
/>
<span>Blue Marine Vinyl</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/yellow-marine-vinyl/"
aria-label="Yellow Marine Vinyl"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/s/yellow-marine-vinyl__64968.original.jpg"
alt="Yellow Marine Vinyl"
width="32"
height="24"
loading="lazy"
/>
<span>Yellow Marine Vinyl</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/orange-marine-vinyl/"
aria-label="Orange Marine Vinyl"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/y/orange-marine-vinyl__26396.original.jpg"
alt="Orange Marine Vinyl"
width="32"
height="24"
loading="lazy"
/>
<span>Orange Marine Vinyl</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/green-marine-vinyl/"
aria-label="Green Marine Vinyl"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/o/green-marine-vinyl__40563.original.jpg"
alt="Green Marine Vinyl"
width="32"
height="24"
loading="lazy"
/>
<span>Green Marine Vinyl</span>
</a>
</li>
</ul>
</template>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 2051,
'hover:bg-primary-100': selectedChild !== 2051
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/seaquest-marine-vinyl/"
aria-label="SEAQUEST MARINE VINYL"
data-x-on:click.prevent="selectedChild = 2051"
data-x-on:mouseenter="selectedChild = 2051"
>
SEAQUEST MARINE VINYL
<small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all"
aria-hidden="true"
data-x-bind:class="(selectedChild === 2051 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-2051" class="navPages-sub" data-category-id="2051" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 2051) && (selectedChild = 2051)"
>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/seaquest-pleated-marine-vinyl-automotive/"
aria-label="Seaquest Pleated Vinyl"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/p/seaquest-pleated-vinyl__22963.original.jpg"
alt="Seaquest Pleated Vinyl"
width="32"
height="24"
loading="lazy"
/>
<span>Seaquest Pleated Vinyl</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/seaquest-flat-vinyl/"
aria-label="Seaquest Flat Vinyl"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/p/seaquest-flat-vinyl__03504.original.jpg"
alt="Seaquest Flat Vinyl"
width="32"
height="24"
loading="lazy"
/>
<span>Seaquest Flat Vinyl</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/seaquest-marine-vinyl-by-color/"
aria-label="SEAQUEST BY COLOR"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/p/seaquest-by-color__51714.original.jpg"
alt="SEAQUEST BY COLOR"
width="32"
height="24"
loading="lazy"
/>
<span>SEAQUEST BY COLOR</span>
</a>
</li>
</ul>
</template>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1988,
'hover:bg-primary-100': selectedChild !== 1988
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/spradling-soft-side/"
aria-label="SPRADLING SOFT SIDE"
data-x-on:click.prevent="selectedChild = 1988"
data-x-on:mouseenter="selectedChild = 1988"
>
SPRADLING SOFT SIDE
<small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all"
aria-hidden="true"
data-x-bind:class="(selectedChild === 1988 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-1988" class="navPages-sub" data-category-id="1988" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 1988) && (selectedChild = 1988)"
>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/allegro-soft-side/"
aria-label="Allegro By Spradling"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/e/allegro-by-spradling__37154.original.jpg"
alt="Allegro By Spradling"
width="32"
height="24"
loading="lazy"
/>
<span>Allegro By Spradling</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/anchor-by-spradling/"
aria-label="Anchor By Spradling"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/anchor-by-spradling__53305.original.jpg"
alt="Anchor By Spradling"
width="32"
height="24"
loading="lazy"
/>
<span>Anchor By Spradling</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/carbon-fiber-vinyl/"
aria-label="Carbon Fiber Vinyl"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/j/carbon-fiber-vinyl__73064.original.jpg"
alt="Carbon Fiber Vinyl"
width="32"
height="24"
loading="lazy"
/>
<span>Carbon Fiber Vinyl</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/marlin-softside/"
aria-label="Marlin Softside By Spradling"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/m/marlin-softside-by-spradling__44380.original.jpg"
alt="Marlin Softside By Spradling"
width="32"
height="24"
loading="lazy"
/>
<span>Marlin Softside By Spradling</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/orion-by-spradling/"
aria-label="Orion By Spradling"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/p/orion-by-spradling__21691.original.jpg"
alt="Orion By Spradling"
width="32"
height="24"
loading="lazy"
/>
<span>Orion By Spradling</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/polaris-by-spradling/"
aria-label="Polaris By Spradling"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/t/polaris-by-spradling__29116.original.jpg"
alt="Polaris By Spradling"
width="32"
height="24"
loading="lazy"
/>
<span>Polaris By Spradling</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/seabreeze-by-spradling/"
aria-label="Seabreeze By Spradling"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/e/seabreeze-by-spradling__05003.original.jpg"
alt="Seabreeze By Spradling"
width="32"
height="24"
loading="lazy"
/>
<span>Seabreeze By Spradling</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/spradling-leon/"
aria-label="SPRADLING LEON"
>
<span>SPRADLING LEON</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/heidi-soft-marine-vinyl-boating/"
aria-label="Heidi Soft By Spradling"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/q/heidi-soft-by-spradling__78731.original.jpg"
alt="Heidi Soft By Spradling"
width="32"
height="24"
loading="lazy"
/>
<span>Heidi Soft By Spradling</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/islander-marine-vinyl-softside-by-spradling/"
aria-label="Islander By Spradling"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/c/islander-by-spradling__40001.original.jpg"
alt="Islander By Spradling"
width="32"
height="24"
loading="lazy"
/>
<span>Islander By Spradling</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/spadling-softside-beluga/"
aria-label="Beluga By Spradling"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/n/beluga-by-spradling__94493.original.jpg"
alt="Beluga By Spradling"
width="32"
height="24"
loading="lazy"
/>
<span>Beluga By Spradling</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/zander-by-spradling/"
aria-label="Zander By Spradling"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/i/zander-by-spradling__45869.original.jpg"
alt="Zander By Spradling"
width="32"
height="24"
loading="lazy"
/>
<span>Zander By Spradling</span>
</a>
</li>
</ul>
</template>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1989,
'hover:bg-primary-100': selectedChild !== 1989
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/vinyl-trim/"
aria-label="VINYL TRIM"
data-x-on:click.prevent="selectedChild = 1989"
data-x-on:mouseenter="selectedChild = 1989"
>
VINYL TRIM
<small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all"
aria-hidden="true"
data-x-bind:class="(selectedChild === 1989 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-1989" class="navPages-sub" data-category-id="1989" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 1989) && (selectedChild = 1989)"
>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/seaquest-vinyl-welt-marine-boating/"
aria-label="Seaquest Welt"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/u/seaquest-welt__78449.original.jpg"
alt="Seaquest Welt"
width="32"
height="24"
loading="lazy"
/>
<span>Seaquest Welt</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/seaquest-hidem-marine-boating/"
aria-label="Seaquest Hidem"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/m/seaquest-hidem__38429.original.jpg"
alt="Seaquest Hidem"
width="32"
height="24"
loading="lazy"
/>
<span>Seaquest Hidem</span>
</a>
</li>
</ul>
</template>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1990,
'hover:bg-primary-100': selectedChild !== 1990
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/specialty-vinyls/"
aria-label="SPECIALTY VINYLS"
data-x-on:click.prevent="selectedChild = 1990"
data-x-on:mouseenter="selectedChild = 1990"
>
SPECIALTY VINYLS
<small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all"
aria-hidden="true"
data-x-bind:class="(selectedChild === 1990 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-1990" class="navPages-sub" data-category-id="1990" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 1990) && (selectedChild = 1990)"
>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/sling-vinyl-mesh/"
aria-label="Sling + Vinyl Mesh"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/p/sling--vinyl-mesh__05090.original.jpg"
alt="Sling + Vinyl Mesh"
width="32"
height="24"
loading="lazy"
/>
<span>Sling + Vinyl Mesh</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/foam-backed-vinyl-1/"
aria-label="Foam Backed Vinyl."
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/t/foam-backed-vinyl__84066.original.jpg"
alt="Foam Backed Vinyl."
width="32"
height="24"
loading="lazy"
/>
<span>Foam Backed Vinyl.</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/clear-vinyl-fabrics/"
aria-label="Clear Vinyl 54W"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/u/clear-vinyl-54w__87281.original.jpg"
alt="Clear Vinyl 54W"
width="32"
height="24"
loading="lazy"
/>
<span>Clear Vinyl 54W</span>
</a>
</li>
</ul>
</template>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1991,
'hover:bg-primary-100': selectedChild !== 1991
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/other-marine-vinyls/"
aria-label="OTHER MARINE VINYLS"
data-x-on:click.prevent="selectedChild = 1991"
data-x-on:mouseenter="selectedChild = 1991"
>
OTHER MARINE VINYLS
<small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all"
aria-hidden="true"
data-x-bind:class="(selectedChild === 1991 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-1991" class="navPages-sub" data-category-id="1991" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 1991) && (selectedChild = 1991)"
>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/nautolex/"
aria-label="Nautolex"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/g/nautolex__51892.original.jpg"
alt="Nautolex"
width="32"
height="24"
loading="lazy"
/>
<span>Nautolex</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/ottertex-marine-vinyl/"
aria-label="Ottertex Marine Vinyl"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/j/ottertex-marine-vinyl__23885.original.jpg"
alt="Ottertex Marine Vinyl"
width="32"
height="24"
loading="lazy"
/>
<span>Ottertex Marine Vinyl</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/seaquest-boating-marine-vinyl/"
aria-label="Seaquest Vinyl 54W"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/m/seaquest-vinyl-54w__73686.original.jpg"
alt="Seaquest Vinyl 54W"
width="32"
height="24"
loading="lazy"
/>
<span>Seaquest Vinyl 54W</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/fortress-marine/"
aria-label="Fortress (On Sale!)"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/e/fortress-on-sale__06896.original.jpg"
alt="Fortress (On Sale!)"
width="32"
height="24"
loading="lazy"
/>
<span>Fortress (On Sale!)</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/sunbrella-seamark/"
aria-label="Sunbrella Seamark"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/r/sunbrella-seamark__02842.original.jpg"
alt="Sunbrella Seamark"
width="32"
height="24"
loading="lazy"
/>
<span>Sunbrella Seamark</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/off-brand-marine-vinyl-54w/"
aria-label="House Brand (Sale)"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/o/house-brand-sale__28819.original.jpg"
alt="House Brand (Sale)"
width="32"
height="24"
loading="lazy"
/>
<span>House Brand (Sale)</span>
</a>
</li>
</ul>
</template>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1914,
'hover:bg-primary-100': selectedChild !== 1914
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/vinyl-marine-thread/"
aria-label="VINYL & MARINE THREAD"
data-x-on:click.prevent="selectedChild = 1914"
data-x-on:mouseenter="selectedChild = 1914"
>
VINYL & MARINE THREAD
<small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all"
aria-hidden="true"
data-x-bind:class="(selectedChild === 1914 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-1914" class="navPages-sub" data-category-id="1914" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 1914) && (selectedChild = 1914)"
>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/40-wt-common/"
aria-label="Tex 25 / 40 wt. Common."
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/g/tex-25--40-wt-common__60044.original.jpg"
alt="Tex 25 / 40 wt. Common."
width="32"
height="24"
loading="lazy"
/>
<span>Tex 25 / 40 wt. Common.</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/tex-50-thread-light-wght/"
aria-label="Tex 50 Thread - Light Wght."
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/o/tex-50-thread--light-wght__66645.original.jpg"
alt="Tex 50 Thread - Light Wght."
width="32"
height="24"
loading="lazy"
/>
<span>Tex 50 Thread - Light Wght.</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/tex-90-thin-1/"
aria-label="Tex 90 THICK"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/c/tex-90-thick__92683.original.jpg"
alt="Tex 90 THICK"
width="32"
height="24"
loading="lazy"
/>
<span>Tex 90 THICK</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/tex-75-med-hvy-weight-1/"
aria-label="Tex 75 - Med/HVY Weight."
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/l/tex-75--medhvy-weight__08310.original.jpg"
alt="Tex 75 - Med/HVY Weight."
width="32"
height="24"
loading="lazy"
/>
<span>Tex 75 - Med/HVY Weight.</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/tex-90-100-heavy-weight-1/"
aria-label="Tex 90-100 - Heavy Weight."
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/m/tex-90100--heavy-weight__94519.original.jpg"
alt="Tex 90-100 - Heavy Weight."
width="32"
height="24"
loading="lazy"
/>
<span>Tex 90-100 - Heavy Weight.</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/12-wt-ultra-thick-top-stitch-1/"
aria-label="12 Wt. Ultra Thick - Top Stitch"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/h/12-wt-ultra-thick--top-stitch__84541.original.jpg"
alt="12 Wt. Ultra Thick - Top Stitch"
width="32"
height="24"
loading="lazy"
/>
<span>12 Wt. Ultra Thick - Top Stitch</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/b92-commercial-1/"
aria-label="B92 Commercial."
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/g/b92-commercial__73457.original.jpg"
alt="B92 Commercial."
width="32"
height="24"
loading="lazy"
/>
<span>B92 Commercial.</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/guterman-1/"
aria-label="GUTERMAN."
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/o/guterman__42222.original.jpg"
alt="GUTERMAN."
width="32"
height="24"
loading="lazy"
/>
<span>GUTERMAN.</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/sunguard-1/"
aria-label="SUNGUARD."
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/w/sunguard__73614.original.jpg"
alt="SUNGUARD."
width="32"
height="24"
loading="lazy"
/>
<span>SUNGUARD.</span>
</a>
</li>
</ul>
</template>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 2064,
'hover:bg-primary-100': selectedChild !== 2064
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/marine-vinyl-brochure/"
aria-label="MARINE VINYL BROCHURE"
data-x-on:click.prevent="selectedChild = 2064"
data-x-on:mouseenter="selectedChild = 2064"
>
MARINE VINYL BROCHURE
<small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all"
aria-hidden="true"
data-x-bind:class="(selectedChild === 2064 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-2064" class="navPages-sub" data-category-id="2064" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 2064) && (selectedChild = 2064)"
>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/automotive-fabric-headliner-vinyl-upholstery-by-the-yard/"
aria-label="AUTOMOTIVE"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/j/automotive__70801.original.jpg"
alt="AUTOMOTIVE"
width="32"
height="24"
loading="lazy"
/>
<span>AUTOMOTIVE</span>
</a>
</li>
</ul>
</template>
</li>
</ul>
<div class="flex-1 h-64 max-h-[70vh] overflow-auto"
data-x-effect="$el.style.height = height + 'px';"
data-x-html-alt.referent.prevent-overflow-x="'#navPagesSub-' + selectedChild"
data-x-lazy.once="selectedChild = 2052"
></div>
</div>
</li>
<li>
<a class="inline-flex px-1 3xl:px-2 py-1 rounded-global hover:bg-white hover:text-primary-600 font-bold text-nowrap"
href="https://fabricwarehouse.com/upholstery-fabrics/"
aria-label="UPHOLSTERY"
data-x-on:click.prevent="
selectedChild = 0;
const nextId = selected === 1686 ? 0 : 1686;
selected = nextId;
$nextTick(() => { (selected !== nextId) && (selected = nextId) });
"
data-x-bind:class="(selected === 1686) && 'bg-white text-primary-600'"
>UPHOLSTERY<small class="icon icon-chevron-down ml-1 text-[8px]" aria-hidden="true"></small>
</a>

<div id="navPages-1686"
hidden=""
aria-hidden="true"
tabindex="-1"
>
<ul class="flex-initial bg-primary w-72 h-full max-h-[70vh] overflow-auto"
data-x-lazy="
height = $el.clientHeight;
$el.classList.remove('h-full');
"
>
<li class="hover:bg-primary-100">
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default"
href="https://fabricwarehouse.com/upholstery-fabrics/"
aria-label="All UPHOLSTERY"
>
All UPHOLSTERY
</a>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 2150,
'hover:bg-primary-100': selectedChild !== 2150
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default"
href="https://fabricwarehouse.com/remnants-deals-upholstery/"
aria-label="REMNANTS & DEALS."
>
REMNANTS & DEALS.
</a>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 2098,
'hover:bg-primary-100': selectedChild !== 2098
}"
>

<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/upholstery-by-pattern-theme/"
aria-label="UPHOLSTERY BY PATTERN"
data-x-on:click.prevent="selectedChild = 2098"
data-x-on:mouseenter="selectedChild = 2098"
>
UPHOLSTERY BY PATTERN
<small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all"
aria-hidden="true"
data-x-bind:class="(selectedChild === 2098 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-2098" class="navPages-sub" data-category-id="2098" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 2098) && (selectedChild = 2098)"
>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/abstract-upholstery/"
aria-label="Abstract Upholstery"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/i/abstract-upholstery__82224.original.jpg"
alt="Abstract Upholstery"
width="32"
height="24"
loading="lazy"
/>
<span>Abstract Upholstery</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/animal-theme-upholstery/"
aria-label="Animal Theme Upholstery"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/z/animal-theme-upholstery__52938.original.jpg"
alt="Animal Theme Upholstery"
width="32"
height="24"
loading="lazy"
/>
<span>Animal Theme Upholstery</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/checks-plaid-upholstery/"
aria-label="Checks & Plaid Upholstery"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/o/checks--plaid-upholstery__39400.original.jpg"
alt="Checks & Plaid Upholstery"
width="32"
height="24"
loading="lazy"
/>
<span>Checks & Plaid Upholstery</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/chevron-upholstery/"
aria-label="Chevron Upholstery"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/m/chevron-upholstery__21866.original.jpg"
alt="Chevron Upholstery"
width="32"
height="24"
loading="lazy"
/>
<span>Chevron Upholstery</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/damask-upholstery/"
aria-label="Damask Upholstery"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/s/damask-upholstery__29203.original.jpg"
alt="Damask Upholstery"
width="32"
height="24"
loading="lazy"
/>
<span>Damask Upholstery</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/geometric-upholstery/"
aria-label="Geometric Upholstery"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/t/geometric-upholstery__53420.original.jpg"
alt="Geometric Upholstery"
width="32"
height="24"
loading="lazy"
/>
<span>Geometric Upholstery</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/ikat-upholstery/"
aria-label="Ikat Upholstery"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/u/ikat-upholstery__27432.original.jpg"
alt="Ikat Upholstery"
width="32"
height="24"
loading="lazy"
/>
<span>Ikat Upholstery</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/jacobean-upholstery/"
aria-label="Jacobean Upholstery"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/k/jacobean-upholstery__98688.original.jpg"
alt="Jacobean Upholstery"
width="32"
height="24"
loading="lazy"
/>
<span>Jacobean Upholstery</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/lattice-upholstery/"
aria-label="Lattice Upholstery"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/p/lattice-upholstery__27479.original.jpg"
alt="Lattice Upholstery"
width="32"
height="24"
loading="lazy"
/>
<span>Lattice Upholstery</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/medallion-upholstery/"
aria-label="Medallion Upholstery"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/medallion-upholstery__49200.original.jpg"
alt="Medallion Upholstery"
width="32"
height="24"
loading="lazy"
/>
<span>Medallion Upholstery</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/ogee-upholstery/"
aria-label="Ogee Upholstery"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/ogee-upholstery__97529.original.jpg"
alt="Ogee Upholstery"
width="32"
height="24"
loading="lazy"
/>
<span>Ogee Upholstery</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/paisley-upholstery/"
aria-label="Paisley Upholstery"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/d/paisley-upholstery__07043.original.jpg"
alt="Paisley Upholstery"
width="32"
height="24"
loading="lazy"
/>
<span>Paisley Upholstery</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/polka-dot-upholstery/"
aria-label="Polka Dot Upholstery"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/p/polka-dot-upholstery__47553.original.jpg"
alt="Polka Dot Upholstery"
width="32"
height="24"
loading="lazy"
/>
<span>Polka Dot Upholstery</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/scrollwork-upholstery/"
aria-label="Scrollwork Upholstery"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/w/scrollwork-upholstery__95954.original.jpg"
alt="Scrollwork Upholstery"
width="32"
height="24"
loading="lazy"
/>
<span>Scrollwork Upholstery</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/solid-upholstery/"
aria-label="Solid Upholstery"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/r/solid-upholstery__96077.original.jpg"
alt="Solid Upholstery"
width="32"
height="24"
loading="lazy"
/>
<span>Solid Upholstery</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/striped-upholstery/"
aria-label="Striped Upholstery"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/h/striped-upholstery__24899.original.jpg"
alt="Striped Upholstery"
width="32"
height="24"
loading="lazy"
/>
<span>Striped Upholstery</span>
</a>
</li>
</ul>
</template>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 2080,
'hover:bg-primary-100': selectedChild !== 2080
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/upholstery-by-color/"
aria-label="UPHOLSTERY BY COLOR"
data-x-on:click.prevent="selectedChild = 2080"
data-x-on:mouseenter="selectedChild = 2080"
>
UPHOLSTERY BY COLOR
<small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all"
aria-hidden="true"
data-x-bind:class="(selectedChild === 2080 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-2080" class="navPages-sub" data-category-id="2080" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 2080) && (selectedChild = 2080)"
>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/beige-upholstery/"
aria-label="Beige Upholstery"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/f/beige-upholstery__55947.original.jpg"
alt="Beige Upholstery"
width="32"
height="24"
loading="lazy"
/>
<span>Beige Upholstery</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/black-upholstery/"
aria-label="Black Upholstery Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/v/black-upholstery-fabric__87473.original.jpg"
alt="Black Upholstery Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Black Upholstery Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/blue-upholstery/"
aria-label="Blue Upholstery Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/l/blue-upholstery-fabric__64002.original.jpg"
alt="Blue Upholstery Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Blue Upholstery Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/bronze-upholstery/"
aria-label="Bronze Upholstery"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/l/bronze-upholstery__08527.original.jpg"
alt="Bronze Upholstery"
width="32"
height="24"
loading="lazy"
/>
<span>Bronze Upholstery</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/brown-upholstery/"
aria-label="Brown Upholstery Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/s/brown-upholstery-fabric__44186.original.jpg"
alt="Brown Upholstery Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Brown Upholstery Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/gold-upholstery/"
aria-label="Gold Upholstery Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/v/gold-upholstery-fabric__51212.original.jpg"
alt="Gold Upholstery Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Gold Upholstery Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/gray-upholstery/"
aria-label="Gray Upholstery Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/m/gray-upholstery-fabric__78842.original.jpg"
alt="Gray Upholstery Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Gray Upholstery Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/green-upholstery/"
aria-label="Green Upholstery Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/f/green-upholstery-fabric__60250.original.jpg"
alt="Green Upholstery Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Green Upholstery Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/off-white-upholstery/"
aria-label="Off White Upholstery"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/p/off-white-upholstery__24103.original.jpg"
alt="Off White Upholstery"
width="32"
height="24"
loading="lazy"
/>
<span>Off White Upholstery</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/orange-upholstery/"
aria-label="Orange Upholstery Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/c/orange-upholstery-fabric__04434.original.jpg"
alt="Orange Upholstery Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Orange Upholstery Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/pink-upholstery/"
aria-label="Pink Upholstery Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/i/pink-upholstery-fabric__11907.original.jpg"
alt="Pink Upholstery Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Pink Upholstery Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/purple-upholstery/"
aria-label="Purple Upholstery"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/o/purple-upholstery__73944.original.jpg"
alt="Purple Upholstery"
width="32"
height="24"
loading="lazy"
/>
<span>Purple Upholstery</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/red-upholstery/"
aria-label="Red Upholstery"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/s/red-upholstery__73329.original.jpg"
alt="Red Upholstery"
width="32"
height="24"
loading="lazy"
/>
<span>Red Upholstery</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/silver-upholstery/"
aria-label="Silver Upholstery"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/z/silver-upholstery__92742.original.jpg"
alt="Silver Upholstery"
width="32"
height="24"
loading="lazy"
/>
<span>Silver Upholstery</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/tan-upholstery/"
aria-label="Tan Upholstery"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/y/tan-upholstery__55723.original.jpg"
alt="Tan Upholstery"
width="32"
height="24"
loading="lazy"
/>
<span>Tan Upholstery</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/white-upholstery/"
aria-label="White Upholstery"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/a/white-upholstery__20394.original.jpg"
alt="White Upholstery"
width="32"
height="24"
loading="lazy"
/>
<span>White Upholstery</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/yellow-upholstery/"
aria-label="Yellow Upholstery"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/w/yellow-upholstery__64356.original.jpg"
alt="Yellow Upholstery"
width="32"
height="24"
loading="lazy"
/>
<span>Yellow Upholstery</span>
</a>
</li>
</ul>
</template>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1970,
'hover:bg-primary-100': selectedChild !== 1970
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/upholstery-fabrics-1/"
aria-label="UPHOLSTERY BY TYPE"
data-x-on:click.prevent="selectedChild = 1970"
data-x-on:mouseenter="selectedChild = 1970"
>
UPHOLSTERY BY TYPE
<small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all"
aria-hidden="true"
data-x-bind:class="(selectedChild === 1970 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-1970" class="navPages-sub" data-category-id="1970" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 1970) && (selectedChild = 1970)"
>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/woven-upholstery-fabrics/"
aria-label="All Upholstery"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/c/all-upholstery__46478.original.jpg"
alt="All Upholstery"
width="32"
height="24"
loading="lazy"
/>
<span>All Upholstery</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/crypton/"
aria-label="Crypton"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/crypton__32147.original.jpg"
alt="Crypton"
width="32"
height="24"
loading="lazy"
/>
<span>Crypton</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/jacquards/"
aria-label="Jacquards"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/k/jacquards__55431.original.jpg"
alt="Jacquards"
width="32"
height="24"
loading="lazy"
/>
<span>Jacquards</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/quilted/"
aria-label="Quilted"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/h/quilted__36376.original.jpg"
alt="Quilted"
width="32"
height="24"
loading="lazy"
/>
<span>Quilted</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/wool-1/"
aria-label="Wool."
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/r/wool__99054.original.jpg"
alt="Wool."
width="32"
height="24"
loading="lazy"
/>
<span>Wool.</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/embroidered-upholstery/"
aria-label="Embroidered  Upholstery"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/j/embroidered--upholstery__32089.original.jpg"
alt="Embroidered  Upholstery"
width="32"
height="24"
loading="lazy"
/>
<span>Embroidered  Upholstery</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/basketweave-fabric/"
aria-label="Basketweave Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/i/basketweave-fabric__39275.original.jpg"
alt="Basketweave Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Basketweave Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/corduroy-fabric/"
aria-label="Corduroy Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/i/corduroy-fabric__60766.original.jpg"
alt="Corduroy Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Corduroy Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/chenille-uphlolstery/"
aria-label="Chenille Upholstery"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/r/chenille-upholstery__70089.original.jpg"
alt="Chenille Upholstery"
width="32"
height="24"
loading="lazy"
/>
<span>Chenille Upholstery</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/linen-linen-likle/"
aria-label="Linen & Linen Like"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/y/linen--linen-like__25578.original.jpg"
alt="Linen & Linen Like"
width="32"
height="24"
loading="lazy"
/>
<span>Linen & Linen Like</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/micro-suede-fabrics/"
aria-label="Micro Suede Fabrics"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/g/micro-suede-fabrics__33790.original.jpg"
alt="Micro Suede Fabrics"
width="32"
height="24"
loading="lazy"
/>
<span>Micro Suede Fabrics</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/microfiber-fabrics/"
aria-label="Microfiber Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/microfiber-fabric__05209.original.jpg"
alt="Microfiber Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Microfiber Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/marine-patio/"
aria-label="Outdoor (Marine & Patio)"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/o/outdoor-marine--patio__65751.original.jpg"
alt="Outdoor (Marine & Patio)"
width="32"
height="24"
loading="lazy"
/>
<span>Outdoor (Marine & Patio)</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/discount-robert-allen-fabrics/"
aria-label="Robert Allen"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/y/robert-allen__19138.original.jpg"
alt="Robert Allen"
width="32"
height="24"
loading="lazy"
/>
<span>Robert Allen</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/rustic-tapestry-fabrics/"
aria-label="Rustic Tapestry Fabrics"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/d/rustic-tapestry-fabrics__11083.original.jpg"
alt="Rustic Tapestry Fabrics"
width="32"
height="24"
loading="lazy"
/>
<span>Rustic Tapestry Fabrics</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/velvet-fabric/"
aria-label="Velvet Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/h/velvet-fabric__45006.original.jpg"
alt="Velvet Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Velvet Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/denim-upholstery/"
aria-label="Denim Upholstery"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/o/denim-upholstery__72947.original.jpg"
alt="Denim Upholstery"
width="32"
height="24"
loading="lazy"
/>
<span>Denim Upholstery</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/cotton-canvas-duck-fabric/"
aria-label="Cotton Canvas + Duck"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/y/cotton-canvas--duck__18892.original.jpg"
alt="Cotton Canvas + Duck"
width="32"
height="24"
loading="lazy"
/>
<span>Cotton Canvas + Duck</span>
</a>
</li>
</ul>
</template>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1986,
'hover:bg-primary-100': selectedChild !== 1986
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/upholstery-fabric-by-weight/"
aria-label="UPHOLSTERY FABRIC BY WEIGHT"
data-x-on:click.prevent="selectedChild = 1986"
data-x-on:mouseenter="selectedChild = 1986"
>
UPHOLSTERY FABRIC BY WEIGHT
<small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all"
aria-hidden="true"
data-x-bind:class="(selectedChild === 1986 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-1986" class="navPages-sub" data-category-id="1986" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 1986) && (selectedChild = 1986)"
>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/light-weight-home-decor-fabric/"
aria-label="Upholstery Light"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/a/upholstery-light__74103.original.jpg"
alt="Upholstery Light"
width="32"
height="24"
loading="lazy"
/>
<span>Upholstery Light</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/medium-weight-drapery-curtain-upholstery-fabric/"
aria-label="Upholstery Medium"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/q/upholstery-medium__18011.original.jpg"
alt="Upholstery Medium"
width="32"
height="24"
loading="lazy"
/>
<span>Upholstery Medium</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/heavy-weight-upholstery-fabrics-1/"
aria-label="Upholstery Heavy"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/s/upholstery-heavy__15793.original.jpg"
alt="Upholstery Heavy"
width="32"
height="24"
loading="lazy"
/>
<span>Upholstery Heavy</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/upholstery-fabric-extra-heavy/"
aria-label="Upholstery Fabric EXTRA HEAVY"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/d/upholstery-fabric-extra-heavy__58247.original.jpg"
alt="Upholstery Fabric EXTRA HEAVY"
width="32"
height="24"
loading="lazy"
/>
<span>Upholstery Fabric EXTRA HEAVY</span>
</a>
</li>
</ul>
</template>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1949,
'hover:bg-primary-100': selectedChild !== 1949
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/vinyl-upholstery/"
aria-label="UPHOLSTERY VINYLS"
data-x-on:click.prevent="selectedChild = 1949"
data-x-on:mouseenter="selectedChild = 1949"
>
UPHOLSTERY VINYLS
<small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all"
aria-hidden="true"
data-x-bind:class="(selectedChild === 1949 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-1949" class="navPages-sub" data-category-id="1949" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 1949) && (selectedChild = 1949)"
>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/nassimi-classic-premium/"
aria-label="Nassimi Classic - Premium -"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/u/nassimi-classic--premium__12625.original.jpg"
alt="Nassimi Classic - Premium -"
width="32"
height="24"
loading="lazy"
/>
<span>Nassimi Classic - Premium -</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/nassimi-impulse-sale/"
aria-label="Nassimi Impulse - Sale! -"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/o/nassimi-impulse--sale__33912.original.jpg"
alt="Nassimi Impulse - Sale! -"
width="32"
height="24"
loading="lazy"
/>
<span>Nassimi Impulse - Sale! -</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/upholstery-vinyl-fabric/"
aria-label="Non-Marine Upholstery Vinyl"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/c/nonmarine-upholstery-vinyl__15150.original.jpg"
alt="Non-Marine Upholstery Vinyl"
width="32"
height="24"
loading="lazy"
/>
<span>Non-Marine Upholstery Vinyl</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/upholstery-vinyl-fabrics/"
aria-label="Upholstery Vinyl"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/n/upholstery-vinyl__42335.original.jpg"
alt="Upholstery Vinyl"
width="32"
height="24"
loading="lazy"
/>
<span>Upholstery Vinyl</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/pvc-free-vinyl-fabric-high-end/"
aria-label="Enviro Leather"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/d/enviro-leather__71849.original.jpg"
alt="Enviro Leather"
width="32"
height="24"
loading="lazy"
/>
<span>Enviro Leather</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/glitter-vinyl/"
aria-label="Glitter Vinyl"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/g/glitter-vinyl__35710.original.jpg"
alt="Glitter Vinyl"
width="32"
height="24"
loading="lazy"
/>
<span>Glitter Vinyl</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/snake-croc-vinyl/"
aria-label="Reptile & Bird  Vinyl"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/l/reptile--bird--vinyl__16885.original.jpg"
alt="Reptile & Bird  Vinyl"
width="32"
height="24"
loading="lazy"
/>
<span>Reptile & Bird  Vinyl</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/3-ply-vinyl-industrial-strength/"
aria-label="3 Ply Vinyl"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/z/3-ply-vinyl__65569.original.jpg"
alt="3 Ply Vinyl"
width="32"
height="24"
loading="lazy"
/>
<span>3 Ply Vinyl</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/picnic-table-vinyl/"
aria-label="Picnic Table Vinyl"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/l/picnic-table-vinyl__58738.original.jpg"
alt="Picnic Table Vinyl"
width="32"
height="24"
loading="lazy"
/>
<span>Picnic Table Vinyl</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/table-top-picnic-table-vinyl/"
aria-label="Table Top Vinyl"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/q/table-top-vinyl__83529.original.jpg"
alt="Table Top Vinyl"
width="32"
height="24"
loading="lazy"
/>
<span>Table Top Vinyl</span>
</a>
</li>
</ul>
</template>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1334,
'hover:bg-primary-100': selectedChild !== 1334
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/foam-batting-supplies/"
aria-label="Foam & Batting Supplies"
data-x-on:click.prevent="selectedChild = 1334"
data-x-on:mouseenter="selectedChild = 1334"
>
Foam & Batting Supplies
<small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all"
aria-hidden="true"
data-x-bind:class="(selectedChild === 1334 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-1334" class="navPages-sub" data-category-id="1334" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 1334) && (selectedChild = 1334)"
>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/quilt-upholstery-batting-dacron-fiber/"
aria-label="Upholstery Batting"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/r/upholstery-batting__76890.original.jpg"
alt="Upholstery Batting"
width="32"
height="24"
loading="lazy"
/>
<span>Upholstery Batting</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/fiber-foam-lower-cost/"
aria-label="Fiber Foam (Lower Cost)"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/g/fiber-foam-lower-cost__45719.original.jpg"
alt="Fiber Foam (Lower Cost)"
width="32"
height="24"
loading="lazy"
/>
<span>Fiber Foam (Lower Cost)</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/custom-cut-foam/"
aria-label="Custom Cut Foam"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/custom-cut-foam__68706.original.jpg"
alt="Custom Cut Foam"
width="32"
height="24"
loading="lazy"
/>
<span>Custom Cut Foam</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/upholstery-foam/"
aria-label="Upholstery Foam"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/s/upholstery-foam__10736.original.jpg"
alt="Upholstery Foam"
width="32"
height="24"
loading="lazy"
/>
<span>Upholstery Foam</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/cushion-foam/"
aria-label="Cushion Foam"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/l/cushion-foam__45494.original.jpg"
alt="Cushion Foam"
width="32"
height="24"
loading="lazy"
/>
<span>Cushion Foam</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/foam-batting/"
aria-label="Foam Batting"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/d/foam-batting__83568.original.jpg"
alt="Foam Batting"
width="32"
height="24"
loading="lazy"
/>
<span>Foam Batting</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/foam-glue/"
aria-label="Foam Glue"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/o/foam-glue__89422.original.jpg"
alt="Foam Glue"
width="32"
height="24"
loading="lazy"
/>
<span>Foam Glue</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/headliner-sew-foam/"
aria-label="Headliner + Sew Foam"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/n/headliner--sew-foam__80835.original.jpg"
alt="Headliner + Sew Foam"
width="32"
height="24"
loading="lazy"
/>
<span>Headliner + Sew Foam</span>
</a>
</li>
</ul>
</template>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1915,
'hover:bg-primary-100': selectedChild !== 1915
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/upholstery-thread/"
aria-label="Upholstery Thread"
data-x-on:click.prevent="selectedChild = 1915"
data-x-on:mouseenter="selectedChild = 1915"
>
Upholstery Thread
<small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all"
aria-hidden="true"
data-x-bind:class="(selectedChild === 1915 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-1915" class="navPages-sub" data-category-id="1915" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 1915) && (selectedChild = 1915)"
>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/tex-50-thread-light-weight-1/"
aria-label="Tex 50 Thread - Light Weight.."
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/f/tex-50-thread--light-weight__63170.original.jpg"
alt="Tex 50 Thread - Light Weight.."
width="32"
height="24"
loading="lazy"
/>
<span>Tex 50 Thread - Light Weight..</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/tex-75-med-heavy-weight/"
aria-label="Tex 75 Med/Heavy Weight.."
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/n/tex-75-medheavy-weight__27467.original.jpg"
alt="Tex 75 Med/Heavy Weight.."
width="32"
height="24"
loading="lazy"
/>
<span>Tex 75 Med/Heavy Weight..</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/tex-90-100-heavy-weight-2/"
aria-label="Tex 90-100 - Heavy Weight..."
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/g/tex-90100--heavy-weight__95447.original.jpg"
alt="Tex 90-100 - Heavy Weight..."
width="32"
height="24"
loading="lazy"
/>
<span>Tex 90-100 - Heavy Weight...</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/12-wt-ultra-thick-top-stitch-2/"
aria-label="12 Wt. Ultra Thick - Top Stitch"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/v/12-wt-ultra-thick--top-stitch__63207.original.jpg"
alt="12 Wt. Ultra Thick - Top Stitch"
width="32"
height="24"
loading="lazy"
/>
<span>12 Wt. Ultra Thick - Top Stitch</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/v92-commercial-1/"
aria-label="V92 Commercial ."
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/a/b92-commercial__67471.original.jpg"
alt="V92 Commercial ."
width="32"
height="24"
loading="lazy"
/>
<span>V92 Commercial .</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/sunguard-commercial/"
aria-label="SUNGUARD (Commercial)"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/j/sunguard-commercial__08164.original.jpg"
alt="SUNGUARD (Commercial)"
width="32"
height="24"
loading="lazy"
/>
<span>SUNGUARD (Commercial)</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/high-spec-commercial/"
aria-label="HIGH SPEC (Commercial)"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/x/high-spec-commercial__16908.original.jpg"
alt="HIGH SPEC (Commercial)"
width="32"
height="24"
loading="lazy"
/>
<span>HIGH SPEC (Commercial)</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/guterman-2/"
aria-label="GUTERMAN..."
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/e/guterman__77708.original.jpg"
alt="GUTERMAN..."
width="32"
height="24"
loading="lazy"
/>
<span>GUTERMAN...</span>
</a>
</li>
</ul>
</template>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 2000,
'hover:bg-primary-100': selectedChild !== 2000
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/other-supplies/"
aria-label="Other Supplies"
data-x-on:click.prevent="selectedChild = 2000"
data-x-on:mouseenter="selectedChild = 2000"
>
Other Supplies
<small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all"
aria-hidden="true"
data-x-bind:class="(selectedChild === 2000 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-2000" class="navPages-sub" data-category-id="2000" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 2000) && (selectedChild = 2000)"
>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/fabric-glue-adhesives/"
aria-label="Adhesives"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/c/adhesives__02541.original.jpg"
alt="Adhesives"
width="32"
height="24"
loading="lazy"
/>
<span>Adhesives</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/nails-tacks/"
aria-label="Nails & Tacks"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/j/nails--tacks__87091.original.jpg"
alt="Nails & Tacks"
width="32"
height="24"
loading="lazy"
/>
<span>Nails & Tacks</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/welt-piping/"
aria-label="Welt / Piping"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/r/welt--piping__91309.original.jpg"
alt="Welt / Piping"
width="32"
height="24"
loading="lazy"
/>
<span>Welt / Piping</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/burlap-edge-cord/"
aria-label="Burlap/Jute Webbing"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/w/burlapjute-webbing__56447.original.jpg"
alt="Burlap/Jute Webbing"
width="32"
height="24"
loading="lazy"
/>
<span>Burlap/Jute Webbing</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/sewing-zipper/"
aria-label="Zippers"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/q/zippers__83703.original.jpg"
alt="Zippers"
width="32"
height="24"
loading="lazy"
/>
<span>Zippers</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/grommet-kits/"
aria-label="Grommet Kits"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/m/grommet-kits__06136.original.jpg"
alt="Grommet Kits"
width="32"
height="24"
loading="lazy"
/>
<span>Grommet Kits</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/velcro-products-hook-loop/"
aria-label="Velcro Products"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/j/velcro-products__54712.original.jpg"
alt="Velcro Products"
width="32"
height="24"
loading="lazy"
/>
<span>Velcro Products</span>
</a>
</li>
</ul>
</template>
</li>
</ul>
<div class="flex-1 h-64 max-h-[70vh] overflow-auto"
data-x-effect="$el.style.height = height + 'px';"
data-x-html-alt.referent.prevent-overflow-x="'#navPagesSub-' + selectedChild"
data-x-lazy.once="selectedChild = 2098"
></div>
</div>
</li>
<li>
<a class="inline-flex px-1 3xl:px-2 py-1 rounded-global hover:bg-white hover:text-primary-600 font-bold text-nowrap"
href="https://fabricwarehouse.com/curtain-fabric/"
aria-label="CURTAIN"
data-x-on:click.prevent="
selectedChild = 0;
const nextId = selected === 1685 ? 0 : 1685;
selected = nextId;
$nextTick(() => { (selected !== nextId) && (selected = nextId) });
"
data-x-bind:class="(selected === 1685) && 'bg-white text-primary-600'"
>CURTAIN<small class="icon icon-chevron-down ml-1 text-[8px]" aria-hidden="true"></small>
</a>

<div id="navPages-1685"
hidden=""
aria-hidden="true"
tabindex="-1"
>
<ul class="flex-initial bg-primary w-72 h-full max-h-[70vh] overflow-auto"
data-x-lazy="
height = $el.clientHeight;
$el.classList.remove('h-full');
"
>
<li class="hover:bg-primary-100">
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default"
href="https://fabricwarehouse.com/curtain-fabric/"
aria-label="All CURTAIN"
>
All CURTAIN
</a>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 2133,
'hover:bg-primary-100': selectedChild !== 2133
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default"
href="https://fabricwarehouse.com/oil-cloth/"
aria-label="Oil Cloth"
>
Oil Cloth
</a>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1972,
'hover:bg-primary-100': selectedChild !== 1972
}"
>

<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/curtain-fabrics/"
aria-label="Curtain Fabrics By Type"
data-x-on:click.prevent="selectedChild = 1972"
data-x-on:mouseenter="selectedChild = 1972"
>
Curtain Fabrics By Type
<small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all"
aria-hidden="true"
data-x-bind:class="(selectedChild === 1972 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-1972" class="navPages-sub" data-category-id="1972" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 1972) && (selectedChild = 1972)"
>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/drapery-fabric/"
aria-label="Drapery Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/a/drapery-fabric__09672.original.jpg"
alt="Drapery Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Drapery Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/linen-linen-like/"
aria-label="Linen & Linen Like."
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/f/linen--linen-like__76267.original.jpg"
alt="Linen & Linen Like."
width="32"
height="24"
loading="lazy"
/>
<span>Linen & Linen Like.</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/drapery-lining/"
aria-label="Drapery Lining"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/p/drapery-lining__14839.original.jpg"
alt="Drapery Lining"
width="32"
height="24"
loading="lazy"
/>
<span>Drapery Lining</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/sheer-and-lace-fabrics/"
aria-label="Sheer And Lace"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/t/sheer-and-lace__88734.original.jpg"
alt="Sheer And Lace"
width="32"
height="24"
loading="lazy"
/>
<span>Sheer And Lace</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/indoor-outdoor-fabrics/"
aria-label="Outdoor / Indoor"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/c/outdoor--indoor__11412.original.jpg"
alt="Outdoor / Indoor"
width="32"
height="24"
loading="lazy"
/>
<span>Outdoor / Indoor</span>
</a>
</li>
</ul>
</template>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1817,
'hover:bg-primary-100': selectedChild !== 1817
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/drape-curtain-hardware-supplies/"
aria-label="Curtain Supplies"
data-x-on:click.prevent="selectedChild = 1817"
data-x-on:mouseenter="selectedChild = 1817"
>
Curtain Supplies
<small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all"
aria-hidden="true"
data-x-bind:class="(selectedChild === 1817 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-1817" class="navPages-sub" data-category-id="1817" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 1817) && (selectedChild = 1817)"
>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/all-other-sewing-upholstery-curtain-supplies/"
aria-label="All Other Supplies"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/x/all-other-supplies__51378.original.jpg"
alt="All Other Supplies"
width="32"
height="24"
loading="lazy"
/>
<span>All Other Supplies</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/drapery-curtain-hardware/"
aria-label="Drapery Hardware"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/a/drapery-hardware__80009.original.jpg"
alt="Drapery Hardware"
width="32"
height="24"
loading="lazy"
/>
<span>Drapery Hardware</span>
</a>
</li>
</ul>
</template>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1987,
'hover:bg-primary-100': selectedChild !== 1987
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/drapery-fabric-by-weight/"
aria-label="DRAPERY FABRIC BY WEIGHT"
data-x-on:click.prevent="selectedChild = 1987"
data-x-on:mouseenter="selectedChild = 1987"
>
DRAPERY FABRIC BY WEIGHT
<small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all"
aria-hidden="true"
data-x-bind:class="(selectedChild === 1987 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-1987" class="navPages-sub" data-category-id="1987" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 1987) && (selectedChild = 1987)"
>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/light-weight-curtain-drapery-fabrics/"
aria-label="Drapery Light"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/p/drapery-light__23376.original.jpg"
alt="Drapery Light"
width="32"
height="24"
loading="lazy"
/>
<span>Drapery Light</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/standard-weight-drapery-curtain-fabrics/"
aria-label="Drapery Medium"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/t/drapery-medium__91855.original.jpg"
alt="Drapery Medium"
width="32"
height="24"
loading="lazy"
/>
<span>Drapery Medium</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/heavy-weight-curtain-drapery-fabrics/"
aria-label="Drapery Heavy"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/drapery-heavy__88560.original.jpg"
alt="Drapery Heavy"
width="32"
height="24"
loading="lazy"
/>
<span>Drapery Heavy</span>
</a>
</li>
</ul>
</template>
</li>
</ul>
<div class="flex-1 h-64 max-h-[70vh] overflow-auto"
data-x-effect="$el.style.height = height + 'px';"
data-x-html-alt.referent.prevent-overflow-x="'#navPagesSub-' + selectedChild"
data-x-lazy.once="selectedChild = 1972"
></div>
</div>
</li>
<li>
<a class="inline-flex px-1 3xl:px-2 py-1 rounded-global hover:bg-white hover:text-primary-600 font-bold text-nowrap"
href="https://fabricwarehouse.com/leather/"
aria-label="LEATHER"
data-x-on:click.prevent="
selectedChild = 0;
const nextId = selected === 2188 ? 0 : 2188;
selected = nextId;
$nextTick(() => { (selected !== nextId) && (selected = nextId) });
"
data-x-bind:class="(selected === 2188) && 'bg-white text-primary-600'"
>LEATHER<small class="icon icon-chevron-down ml-1 text-[8px]" aria-hidden="true"></small>
</a>

<div id="navPages-2188"
hidden=""
aria-hidden="true"
tabindex="-1"
>
<ul class="flex-initial bg-primary w-72 h-full max-h-[70vh] overflow-auto"
data-x-lazy="
height = $el.clientHeight;
$el.classList.remove('h-full');
"
>
<li class="hover:bg-primary-100">
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default"
href="https://fabricwarehouse.com/leather/"
aria-label="All LEATHER"
>
All LEATHER
</a>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 2195,
'hover:bg-primary-100': selectedChild !== 2195
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default"
href="https://fabricwarehouse.com/full-hides/"
aria-label="FULL HIDES"
>
FULL HIDES
</a>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 2190,
'hover:bg-primary-100': selectedChild !== 2190
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default"
href="https://fabricwarehouse.com/half-hide-leather/"
aria-label="HALF HIDE LEATHER"
>
HALF HIDE LEATHER
</a>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 2189,
'hover:bg-primary-100': selectedChild !== 2189
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default"
href="https://fabricwarehouse.com/lamb-skins/"
aria-label="LAMB SKIN LEATHER"
>
LAMB SKIN LEATHER
</a>
</li>
</ul>
<div class="flex-1 h-64 max-h-[70vh] overflow-auto"
data-x-effect="$el.style.height = height + 'px';"
data-x-html-alt.referent.prevent-overflow-x="'#navPagesSub-' + selectedChild"
data-x-lazy.once="selectedChild = 0"
></div>
</div>
</li>
<li>
<a class="inline-flex px-1 3xl:px-2 py-1 rounded-global hover:bg-white hover:text-primary-600 font-bold text-nowrap"
href="https://fabricwarehouse.com/utility-fabric/"
aria-label="UTILITY"
data-x-on:click.prevent="
selectedChild = 0;
const nextId = selected === 1484 ? 0 : 1484;
selected = nextId;
$nextTick(() => { (selected !== nextId) && (selected = nextId) });
"
data-x-bind:class="(selected === 1484) && 'bg-white text-primary-600'"
>UTILITY<small class="icon icon-chevron-down ml-1 text-[8px]" aria-hidden="true"></small>
</a>

<div id="navPages-1484"
hidden=""
aria-hidden="true"
tabindex="-1"
>
<ul class="flex-initial bg-primary w-72 h-full max-h-[70vh] overflow-auto"
data-x-lazy="
height = $el.clientHeight;
$el.classList.remove('h-full');
"
>
<li class="hover:bg-primary-100">
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default"
href="https://fabricwarehouse.com/utility-fabric/"
aria-label="All UTILITY"
>
All UTILITY
</a>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1815,
'hover:bg-primary-100': selectedChild !== 1815
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default"
href="https://fabricwarehouse.com/burlap-fabrics/"
aria-label="Burlap Fabrics"
>
Burlap Fabrics
</a>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 2123,
'hover:bg-primary-100': selectedChild !== 2123
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default"
href="https://fabricwarehouse.com/denim-fabrics/"
aria-label="Denim Fabrics"
>
Denim Fabrics
</a>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 2165,
'hover:bg-primary-100': selectedChild !== 2165
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default"
href="https://fabricwarehouse.com/industial-vinyl/"
aria-label="Industial Vinyl"
>
Industial Vinyl
</a>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 2144,
'hover:bg-primary-100': selectedChild !== 2144
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default"
href="https://fabricwarehouse.com/organic/"
aria-label="ORGANIC"
>
ORGANIC
</a>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 2164,
'hover:bg-primary-100': selectedChild !== 2164
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default"
href="https://fabricwarehouse.com/un-treated-canvas-1/"
aria-label="Un-Treated Canvas."
>
Un-Treated Canvas.
</a>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 2128,
'hover:bg-primary-100': selectedChild !== 2128
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default"
href="https://fabricwarehouse.com/waxed-canvas-1/"
aria-label="Waxed Canvas"
>
Waxed Canvas
</a>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 2141,
'hover:bg-primary-100': selectedChild !== 2141
}"
>

<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/webbing-straps/"
aria-label="WEBBING / STRAPS"
data-x-on:click.prevent="selectedChild = 2141"
data-x-on:mouseenter="selectedChild = 2141"
>
WEBBING / STRAPS
<small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all"
aria-hidden="true"
data-x-bind:class="(selectedChild === 2141 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-2141" class="navPages-sub" data-category-id="2141" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 2141) && (selectedChild = 2141)"
>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/1-poly-light-weight/"
aria-label="1" POLY Light Weight"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/d/1-poly-light-weight__00113.original.jpg"
alt="1" POLY Light Weight"
width="32"
height="24"
loading="lazy"
/>
<span>1" POLY Light Weight</span>
</a>
</li>
</ul>
</template>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1727,
'hover:bg-primary-100': selectedChild !== 1727
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default"
href="https://fabricwarehouse.com/all-other-utility-fabrics/"
aria-label="Other"
>
Other
</a>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1372,
'hover:bg-primary-100': selectedChild !== 1372
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default"
href="https://fabricwarehouse.com/screening-netting-berry-cloth-fabrics/"
aria-label="Screening & Netting"
>
Screening & Netting
</a>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1812,
'hover:bg-primary-100': selectedChild !== 1812
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default"
href="https://fabricwarehouse.com/felt-fabric/"
aria-label="Felt Fabric"
>
Felt Fabric
</a>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1397,
'hover:bg-primary-100': selectedChild !== 1397
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default"
href="https://fabricwarehouse.com/wool-fabrics-coating-rug/"
aria-label="Wool Fabrics"
>
Wool Fabrics
</a>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1441,
'hover:bg-primary-100': selectedChild !== 1441
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/nylon-fabrics/"
aria-label="Nylon Fabrics"
data-x-on:click.prevent="selectedChild = 1441"
data-x-on:mouseenter="selectedChild = 1441"
>
Nylon Fabrics
<small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all"
aria-hidden="true"
data-x-bind:class="(selectedChild === 1441 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-1441" class="navPages-sub" data-category-id="1441" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 1441) && (selectedChild = 1441)"
>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/diamond-ripstop-nylon/"
aria-label="Diamond Ripstop Nylon"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/c/diamond-ripstop-nylon__16698.original.jpg"
alt="Diamond Ripstop Nylon"
width="32"
height="24"
loading="lazy"
/>
<span>Diamond Ripstop Nylon</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/pvc-backed-nylon/"
aria-label="PVC Backed Nylon"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/i/pvc-backed-nylon__04899.original.jpg"
alt="PVC Backed Nylon"
width="32"
height="24"
loading="lazy"
/>
<span>PVC Backed Nylon</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/ultra-nylon-fabric/"
aria-label="Ultra Nylon Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/x/ultra-nylon-fabric__36516.original.jpg"
alt="Ultra Nylon Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Ultra Nylon Fabric</span>
</a>
</li>
</ul>
</template>
</li>
</ul>
<div class="flex-1 h-64 max-h-[70vh] overflow-auto"
data-x-effect="$el.style.height = height + 'px';"
data-x-html-alt.referent.prevent-overflow-x="'#navPagesSub-' + selectedChild"
data-x-lazy.once="selectedChild = 2141"
></div>
</div>
</li>
<li>
<a class="inline-flex px-1 3xl:px-2 py-1 rounded-global hover:bg-white hover:text-primary-600 font-bold text-nowrap"
href="https://fabricwarehouse.com/non-fabric-supplies/"
aria-label="SUPPLIES"
data-x-on:click.prevent="
selectedChild = 0;
const nextId = selected === 1973 ? 0 : 1973;
selected = nextId;
$nextTick(() => { (selected !== nextId) && (selected = nextId) });
"
data-x-bind:class="(selected === 1973) && 'bg-white text-primary-600'"
>SUPPLIES<small class="icon icon-chevron-down ml-1 text-[8px]" aria-hidden="true"></small>
</a>

<div id="navPages-1973"
hidden=""
aria-hidden="true"
tabindex="-1"
>
<ul class="flex-initial bg-primary w-72 h-full max-h-[70vh] overflow-auto"
data-x-lazy="
height = $el.clientHeight;
$el.classList.remove('h-full');
"
>
<li class="hover:bg-primary-100">
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default"
href="https://fabricwarehouse.com/non-fabric-supplies/"
aria-label="All SUPPLIES"
>
All SUPPLIES
</a>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1954,
'hover:bg-primary-100': selectedChild !== 1954
}"
>

<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/zippers/"
aria-label="Zippers"
data-x-on:click.prevent="selectedChild = 1954"
data-x-on:mouseenter="selectedChild = 1954"
>
Zippers
<small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all"
aria-hidden="true"
data-x-bind:class="(selectedChild === 1954 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-1954" class="navPages-sub" data-category-id="1954" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 1954) && (selectedChild = 1954)"
>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/coil-zipper-by-the-yard/"
aria-label="COIL ZIPPER BY THE YARD"
>
<span>COIL ZIPPER BY THE YARD</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/metal-zipper-by-the-yard/"
aria-label="METAL ZIPPER BY THE YARD"
>
<span>METAL ZIPPER BY THE YARD</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/molded-zipper-by-the-yard/"
aria-label="MOLDED ZIPPER BY THE YARD"
>
<span>MOLDED ZIPPER BY THE YARD</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/zipper-tops-bottoms-stops/"
aria-label="ZIPPER TOPS & BOTTOMS & STOPS"
>
<span>ZIPPER TOPS & BOTTOMS & STOPS</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/marine-zippers/"
aria-label="Marine Zippers"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/marine-zippers__71887.original.jpg"
alt="Marine Zippers"
width="32"
height="24"
loading="lazy"
/>
<span>Marine Zippers</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/separating-zippers-to-12/"
aria-label="Separating Zippers"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/v/separating-zippers-to-12__91165.original.jpg"
alt="Separating Zippers"
width="32"
height="24"
loading="lazy"
/>
<span>Separating Zippers</span>
</a>
</li>
</ul>
</template>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 2166,
'hover:bg-primary-100': selectedChild !== 2166
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default"
href="https://fabricwarehouse.com/needles-scissors-notions/"
aria-label="Needles, Scissors & Notions"
>
Needles, Scissors & Notions
</a>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1951,
'hover:bg-primary-100': selectedChild !== 1951
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/hardware/"
aria-label="Hardware | Snaps | Buckles"
data-x-on:click.prevent="selectedChild = 1951"
data-x-on:mouseenter="selectedChild = 1951"
>
Hardware | Snaps | Buckles
<small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all"
aria-hidden="true"
data-x-bind:class="(selectedChild === 1951 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-1951" class="navPages-sub" data-category-id="1951" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 1951) && (selectedChild = 1951)"
>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/grommets-grommet-kits/"
aria-label="GROMMETS & GROMMET KITS"
>
<span>GROMMETS & GROMMET KITS</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/poly-hardware/"
aria-label="Poly Hardware"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/p/poly-hardware__75054.original.jpg"
alt="Poly Hardware"
width="32"
height="24"
loading="lazy"
/>
<span>Poly Hardware</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/metal-hardware-1/"
aria-label="Metal Hardware"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/a/metal-hardware__07535.original.jpg"
alt="Metal Hardware"
width="32"
height="24"
loading="lazy"
/>
<span>Metal Hardware</span>
</a>
</li>
</ul>
</template>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1975,
'hover:bg-primary-100': selectedChild !== 1975
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/foam-batting-3/"
aria-label="FOAM & BATTING"
data-x-on:click.prevent="selectedChild = 1975"
data-x-on:mouseenter="selectedChild = 1975"
>
FOAM & BATTING
<small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all"
aria-hidden="true"
data-x-bind:class="(selectedChild === 1975 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-1975" class="navPages-sub" data-category-id="1975" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 1975) && (selectedChild = 1975)"
>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/batting-products/"
aria-label="Batting Products"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/f/batting-products__21385.original.jpg"
alt="Batting Products"
width="32"
height="24"
loading="lazy"
/>
<span>Batting Products</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/fiver-foam-lower-cost/"
aria-label="FIBER FOAM (Lower Cost)"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/z/fiber-foam-lower-cost__05714.original.jpg"
alt="FIBER FOAM (Lower Cost)"
width="32"
height="24"
loading="lazy"
/>
<span>FIBER FOAM (Lower Cost)</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/sew-foam/"
aria-label="Sew Foam"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/f/sew-foam__08745.original.jpg"
alt="Sew Foam"
width="32"
height="24"
loading="lazy"
/>
<span>Sew Foam</span>
</a>
</li>
</ul>
</template>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1385,
'hover:bg-primary-100': selectedChild !== 1385
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/cotton-poly-nylon-webbing/"
aria-label="Webbing"
data-x-on:click.prevent="selectedChild = 1385"
data-x-on:mouseenter="selectedChild = 1385"
>
Webbing
<small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all"
aria-hidden="true"
data-x-bind:class="(selectedChild === 1385 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-1385" class="navPages-sub" data-category-id="1385" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 1385) && (selectedChild = 1385)"
>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/cotton-webbing-by-the-yard/"
aria-label="Cotton Webbing"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/h/cotton-webbing__80949.original.jpg"
alt="Cotton Webbing"
width="32"
height="24"
loading="lazy"
/>
<span>Cotton Webbing</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/laminated-webbing/"
aria-label="Laminated Webbing"
>
<span>Laminated Webbing</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/poly-webbing-by-the-yard/"
aria-label="Poly Webbing"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/f/poly-webbing__79633.original.jpg"
alt="Poly Webbing"
width="32"
height="24"
loading="lazy"
/>
<span>Poly Webbing</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/seatbelt-webbing-by-the-yard/"
aria-label="Seatbelt Webbing"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/s/seatbelt-webbing__64860.original.jpg"
alt="Seatbelt Webbing"
width="32"
height="24"
loading="lazy"
/>
<span>Seatbelt Webbing</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/upholstery-webbing/"
aria-label="Upholstery Webbing"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/u/upholstery-webbing__51338.original.jpg"
alt="Upholstery Webbing"
width="32"
height="24"
loading="lazy"
/>
<span>Upholstery Webbing</span>
</a>
</li>
</ul>
</template>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1355,
'hover:bg-primary-100': selectedChild !== 1355
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/cord-rope-string/"
aria-label="Cord, Rope, String"
data-x-on:click.prevent="selectedChild = 1355"
data-x-on:mouseenter="selectedChild = 1355"
>
Cord, Rope, String
<small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all"
aria-hidden="true"
data-x-bind:class="(selectedChild === 1355 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-1355" class="navPages-sub" data-category-id="1355" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 1355) && (selectedChild = 1355)"
>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/by-the-foot-yard/"
aria-label="By The Foot & Yard"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/by-the-foot--yard__82400.original.jpg"
alt="By The Foot & Yard"
width="32"
height="24"
loading="lazy"
/>
<span>By The Foot & Yard</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/remnant-pieces/"
aria-label="Remnant Pieces"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/r/remnant-pieces__49853.original.jpg"
alt="Remnant Pieces"
width="32"
height="24"
loading="lazy"
/>
<span>Remnant Pieces</span>
</a>
</li>
</ul>
</template>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 2172,
'hover:bg-primary-100': selectedChild !== 2172
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/sunbrella-binding-1/"
aria-label="SUNBRELLA BINDING."
data-x-on:click.prevent="selectedChild = 2172"
data-x-on:mouseenter="selectedChild = 2172"
>
SUNBRELLA BINDING.
<small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all"
aria-hidden="true"
data-x-bind:class="(selectedChild === 2172 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-2172" class="navPages-sub" data-category-id="2172" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 2172) && (selectedChild = 2172)"
>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/bias-binding-2/"
aria-label="BIAS BINDING.."
>
<span>BIAS BINDING..</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/straight-binding/"
aria-label="STRAIGHT BINDING.."
>
<span>STRAIGHT BINDING..</span>
</a>
</li>
</ul>
</template>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1678,
'hover:bg-primary-100': selectedChild !== 1678
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/thread-2/"
aria-label="Thread"
data-x-on:click.prevent="selectedChild = 1678"
data-x-on:mouseenter="selectedChild = 1678"
>
Thread
<small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all"
aria-hidden="true"
data-x-bind:class="(selectedChild === 1678 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-1678" class="navPages-sub" data-category-id="1678" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 1678) && (selectedChild = 1678)"
>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/tex-25-lighter-weight-thread/"
aria-label="Tex 25 Lighter Weight Thread"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/h/tex-25-lighter-weight-thread__96736.original.jpg"
alt="Tex 25 Lighter Weight Thread"
width="32"
height="24"
loading="lazy"
/>
<span>Tex 25 Lighter Weight Thread</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/tex-50-thread-light-weight-2/"
aria-label="Tex 50 Thread -- Light Weight"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/v/tex-50-thread--light-weight__82224.original.jpg"
alt="Tex 50 Thread -- Light Weight"
width="32"
height="24"
loading="lazy"
/>
<span>Tex 50 Thread -- Light Weight</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/tex-90-100-heavy-weight-3/"
aria-label="Tex 90 - 100 -- Heavy Weight"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/i/tex-90--100--heavy-weight__56650.original.jpg"
alt="Tex 90 - 100 -- Heavy Weight"
width="32"
height="24"
loading="lazy"
/>
<span>Tex 90 - 100 -- Heavy Weight</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/tex-75-med-hvy-thread/"
aria-label="Tex  75 -- Med/Hvy Thread"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/g/tex--75--medhvy-thread__10991.original.jpg"
alt="Tex  75 -- Med/Hvy Thread"
width="32"
height="24"
loading="lazy"
/>
<span>Tex  75 -- Med/Hvy Thread</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/12-wt-top-stitch-thread/"
aria-label="12 Wt Top Stitch Thread"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/l/12-wt-top-stitch-thread__82052.original.jpg"
alt="12 Wt Top Stitch Thread"
width="32"
height="24"
loading="lazy"
/>
<span>12 Wt Top Stitch Thread</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/guterman-thread/"
aria-label="GUTERMAN THREAD"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/i/guterman-thread__49784.original.jpg"
alt="GUTERMAN THREAD"
width="32"
height="24"
loading="lazy"
/>
<span>GUTERMAN THREAD</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/v92-commercial-machine/"
aria-label="V92 Commercial Machine"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/g/v92-commercial-machine__32909.original.jpg"
alt="V92 Commercial Machine"
width="32"
height="24"
loading="lazy"
/>
<span>V92 Commercial Machine</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/high-spec-thread-commercial-machine/"
aria-label="HIGH SPEC THREAD (Commercial Machine)"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/w/high-spec-thread-commercial-machine__09959.original.jpg"
alt="HIGH SPEC THREAD (Commercial Machine)"
width="32"
height="24"
loading="lazy"
/>
<span>HIGH SPEC THREAD (Commercial Machine)</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/sunguard-thread-commercial-machine/"
aria-label="SUNGUARD Thread (Commercial Machine)"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/u/sunguard-thread-commercial-machine__80441.original.jpg"
alt="SUNGUARD Thread (Commercial Machine)"
width="32"
height="24"
loading="lazy"
/>
<span>SUNGUARD Thread (Commercial Machine)</span>
</a>
</li>
</ul>
</template>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1963,
'hover:bg-primary-100': selectedChild !== 1963
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default"
href="https://fabricwarehouse.com/velcro/"
aria-label="Velcro"
>
Velcro
</a>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1911,
'hover:bg-primary-100': selectedChild !== 1911
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/elastic/"
aria-label="Elastic"
data-x-on:click.prevent="selectedChild = 1911"
data-x-on:mouseenter="selectedChild = 1911"
>
Elastic
<small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all"
aria-hidden="true"
data-x-bind:class="(selectedChild === 1911 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-1911" class="navPages-sub" data-category-id="1911" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 1911) && (selectedChild = 1911)"
>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/elastic-for-sewing/"
aria-label="Elastic for Sewing"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/a/all-elastic-items__67654.original.jpg"
alt="Elastic for Sewing"
width="32"
height="24"
loading="lazy"
/>
<span>Elastic for Sewing</span>
</a>
</li>
</ul>
</template>
</li>
</ul>
<div class="flex-1 h-64 max-h-[70vh] overflow-auto"
data-x-effect="$el.style.height = height + 'px';"
data-x-html-alt.referent.prevent-overflow-x="'#navPagesSub-' + selectedChild"
data-x-lazy.once="selectedChild = 1954"
></div>
</div>
</li>
<li>
<a class="inline-flex px-1 3xl:px-2 py-1 rounded-global hover:bg-white hover:text-primary-600 font-bold text-nowrap"
href="https://fabricwarehouse.com/by-details/"
aria-label="BY DETAIL"
data-x-on:click.prevent="
selectedChild = 0;
const nextId = selected === 2001 ? 0 : 2001;
selected = nextId;
$nextTick(() => { (selected !== nextId) && (selected = nextId) });
"
data-x-bind:class="(selected === 2001) && 'bg-white text-primary-600'"
>BY DETAIL<small class="icon icon-chevron-down ml-1 text-[8px]" aria-hidden="true"></small>
</a>

<div id="navPages-2001"
hidden=""
aria-hidden="true"
tabindex="-1"
>
<ul class="flex-initial bg-primary w-72 h-full max-h-[70vh] overflow-auto"
data-x-lazy="
height = $el.clientHeight;
$el.classList.remove('h-full');
"
>
<li class="hover:bg-primary-100">
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default"
href="https://fabricwarehouse.com/by-details/"
aria-label="All BY DETAIL"
>
All BY DETAIL
</a>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1707,
'hover:bg-primary-100': selectedChild !== 1707
}"
>

<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/fabric-by-color/"
aria-label="Fabric By Color"
data-x-on:click.prevent="selectedChild = 1707"
data-x-on:mouseenter="selectedChild = 1707"
>
Fabric By Color
<small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all"
aria-hidden="true"
data-x-bind:class="(selectedChild === 1707 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-1707" class="navPages-sub" data-category-id="1707" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 1707) && (selectedChild = 1707)"
>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<div class="bg-white p-3 rounded-global">
<form
method="get"
action="/search-product-by-color/"
enctype="application/x-www-form-urlencoded"
>
<input type="hidden" name="color_match_rate" value="5"/>
<div
class="mb-3"
id="mobile-navigation-color-picker"
data-x-data="input_color"

>
<label class="block" for="mobile-navigation-color-picker_input">Search Products by Color

</label>
<div class="relative flex border rounded-global overflow-hidden bg-white">

<div
class="w-8 h-8 ml-1 rounded-full border border-zinc-100 self-center"
data-x-bind:style="{ backgroundColor: color }"
>
<input
class="w-8 h-8 cursor-pointer opacity-0"
type="color"
data-x-model="color"
/>
</div>
<input type="text"
name="colors"
id="mobile-navigation-color-picker_input"
class="flex-1 appearance-none py-2 px-3 text-black leading-normal outline-none w-[1%]"
data-label="Search Products by Color"
data-input
aria-required=""
aria-labelledby="mobile-navigation-color-picker"
aria-live="polite"
autocomplete="off"
data-x-model="textInput"


 placeholder="Enter color HEX code (e.g., #ff0000)"


/>
<button
type="submit"
class="inline-flex items-center justify-center font-bold uppercase rounded-global transition-all disabled:opacity-75 border-primary bg-primary hover:bg-primary-400 text-default hover:text-default px-4 py-2"
>Search</button>

</div>
<div class="text-slate-700"><strong data-x-text="message"></strong></div>
</div>
</form>
<a href="/search-product-by-color/" class="mt-2 text-primary-700"><strong><u>Need a HEX color ID?</u></strong></a>
</div>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/discount-beige-fabric/"
aria-label="Beige Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/z/beige-fabric__20891.original.jpg"
alt="Beige Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Beige Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/discount-black-fabric/"
aria-label="Black Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/v/black-fabric__28981.original.jpg"
alt="Black Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Black Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/discount-blue-fabric/"
aria-label="Blue Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/f/blue-fabric__48966.original.jpg"
alt="Blue Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Blue Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/discount-brown-fabric/"
aria-label="Brown Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/brown-fabric__21468.original.jpg"
alt="Brown Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Brown Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/discount-bronze-fabric/"
aria-label="Bronze Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/s/bronze-fabric__53664.original.jpg"
alt="Bronze Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Bronze Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/discount-gold-fabric/"
aria-label="Gold Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/s/gold-fabric__68831.original.jpg"
alt="Gold Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Gold Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/discount-gray-fabric/"
aria-label="Gray Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/e/gray-fabric__14243.original.jpg"
alt="Gray Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Gray Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/discount-green-fabric/"
aria-label="Green Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/f/green-fabric__71748.original.jpg"
alt="Green Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Green Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/discount-khaki-fabric/"
aria-label="Khaki Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/w/khaki-fabric__86649.original.jpg"
alt="Khaki Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Khaki Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/discount-orange-fabric/"
aria-label="Orange Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/w/orange-fabric__16031.original.jpg"
alt="Orange Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Orange Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/discount-pink-fabric/"
aria-label="Pink Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/a/pink-fabric__88017.original.jpg"
alt="Pink Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Pink Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/discount-purple-fabric/"
aria-label="Purple Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/l/purple-fabric__80039.original.jpg"
alt="Purple Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Purple Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/discount-red-fabric/"
aria-label="Red Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/q/red-fabric__23845.original.jpg"
alt="Red Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Red Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/discount-tan-fabric/"
aria-label="Tan Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/o/tan-fabric__97519.original.jpg"
alt="Tan Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Tan Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/discount-taupe-fabric/"
aria-label="Taupe Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/r/taupe-fabric__61944.original.jpg"
alt="Taupe Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Taupe Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/discount-silver-fabric/"
aria-label="Silver Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/h/silver-fabric__45284.original.jpg"
alt="Silver Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Silver Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/discount-white-fabric/"
aria-label="White Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/w/white-fabric__90629.original.jpg"
alt="White Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>White Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/yellow-fabrics/"
aria-label="Yellow Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/l/yellow-fabric__47838.original.jpg"
alt="Yellow Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Yellow Fabric</span>
</a>
</li>
</ul>
</template>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1749,
'hover:bg-primary-100': selectedChild !== 1749
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/fabric-by-theme/"
aria-label="Fabric By Theme"
data-x-on:click.prevent="selectedChild = 1749"
data-x-on:mouseenter="selectedChild = 1749"
>
Fabric By Theme
<small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all"
aria-hidden="true"
data-x-bind:class="(selectedChild === 1749 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-1749" class="navPages-sub" data-category-id="1749" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 1749) && (selectedChild = 1749)"
>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/bohemian-themed-fabric/"
aria-label="Bohemian Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/o/bohemian-fabric__60406.original.jpg"
alt="Bohemian Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Bohemian Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/camouflage-themed-fabric/"
aria-label="Camouflage Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/r/camouflage__75201.original.jpg"
alt="Camouflage Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Camouflage Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/child-baby-themed-fabrics/"
aria-label="Child & Baby Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/n/child--baby__26299.original.jpg"
alt="Child & Baby Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Child & Baby Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/contemporary-designs-fabric/"
aria-label="Contemporary Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/n/contemporary__43488.original.jpg"
alt="Contemporary Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Contemporary Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/cottage-camp-themed-fabrics/"
aria-label="Cottage & Camp Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/u/cottage--camp__11717.original.jpg"
alt="Cottage & Camp Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Cottage & Camp Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/fall-season-fabrics/"
aria-label="Fall Season Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/m/fall-season__12132.original.jpg"
alt="Fall Season Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Fall Season Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/gardening-and-garden-themed-fabrics/"
aria-label="Gardening & Garden Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/w/gardening-and-garden__74601.original.jpg"
alt="Gardening & Garden Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Gardening & Garden Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/holiday-themed-fabrics/"
aria-label="Holiday Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/d/holiday__12617.original.jpg"
alt="Holiday Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Holiday Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/modern-fabrics/"
aria-label="Modern Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/z/modern-fabric__93654.original.jpg"
alt="Modern Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Modern Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/nautical-beech-sailing-themed-fabrics/"
aria-label="Nautical / Beach / Sailing"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/v/nautical--beach--sailing__90482.original.jpg"
alt="Nautical / Beach / Sailing"
width="32"
height="24"
loading="lazy"
/>
<span>Nautical / Beach / Sailing</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/retro-fabrics/"
aria-label="Retro Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/c/retro__41102.original.jpg"
alt="Retro Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Retro Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/shabby-chic/"
aria-label="Shabby Chic Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/shabby-chic__63549.original.jpg"
alt="Shabby Chic Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Shabby Chic Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/sports-themed-fabrics/"
aria-label="Sports Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/k/sports__14016.original.jpg"
alt="Sports Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Sports Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/spring-season-fabrics/"
aria-label="Spring Season Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/e/spring-season__69241.original.jpg"
alt="Spring Season Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Spring Season Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/summer-season-fabric/"
aria-label="Summer Season Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/c/summer-season__15636.original.jpg"
alt="Summer Season Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Summer Season Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/traditional-fabrics/"
aria-label="Traditional Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/k/traditional-fabric__50214.original.jpg"
alt="Traditional Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Traditional Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/western-themed-fabrics/"
aria-label="Western Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/q/western__54596.original.jpg"
alt="Western Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Western Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/wildlife-animal-fabrics/"
aria-label="Wildlife Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/d/wildlife__71806.original.jpg"
alt="Wildlife Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Wildlife Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/winter-season-themed-fabrics/"
aria-label="Winter Season Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/p/winter-season__55378.original.jpg"
alt="Winter Season Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Winter Season Fabric</span>
</a>
</li>
</ul>
</template>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1689,
'hover:bg-primary-100': selectedChild !== 1689
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/fabric-by-designs/"
aria-label="Fabric By Designs"
data-x-on:click.prevent="selectedChild = 1689"
data-x-on:mouseenter="selectedChild = 1689"
>
Fabric By Designs
<small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all"
aria-hidden="true"
data-x-bind:class="(selectedChild === 1689 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-1689" class="navPages-sub" data-category-id="1689" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 1689) && (selectedChild = 1689)"
>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/abstract-fabric/"
aria-label="Abstract Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/w/abstract__26026.original.jpg"
alt="Abstract Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Abstract Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/argyle-diamond-harlequin-fabrics/"
aria-label="Argyle / Diamond / Harlequin"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/a/argyle--diamond--harlequin__00065.original.jpg"
alt="Argyle / Diamond / Harlequin"
width="32"
height="24"
loading="lazy"
/>
<span>Argyle / Diamond / Harlequin</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/animals-fabrics/"
aria-label="Animals Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/z/animals__81992.original.jpg"
alt="Animals Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Animals Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/batik-fabrics/"
aria-label="Batiks Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/e/batiks__46653.original.jpg"
alt="Batiks Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Batiks Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/chevron-fabrics/"
aria-label="Chevron Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/j/chevron__21531.original.jpg"
alt="Chevron Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Chevron Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/camouflage-fabrics/"
aria-label="Camouflage Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/c/camouflage__37259.original.jpg"
alt="Camouflage Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Camouflage Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/circle-circular-fabrics/"
aria-label="Circle Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/circle__70369.original.jpg"
alt="Circle Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Circle Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/crosshatch-fabrics/"
aria-label="Crosshatch Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/a/crosshatch__10196.original.jpg"
alt="Crosshatch Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Crosshatch Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/checks-plaids-fabric/"
aria-label="Checks & Plaids Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/j/checks--plaids-fabric__78800.original.jpg"
alt="Checks & Plaids Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Checks & Plaids Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/dots-fabrics/"
aria-label="Dots Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/s/dots__69239.original.jpg"
alt="Dots Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Dots Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/damask-fabrics/"
aria-label="Damask Fabrics"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/k/damask-fabrics__22303.original.jpg"
alt="Damask Fabrics"
width="32"
height="24"
loading="lazy"
/>
<span>Damask Fabrics</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/floral-vine-fabrics/"
aria-label="Floral & Vine Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/a/floral--vine-fabric__15327.original.jpg"
alt="Floral & Vine Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Floral & Vine Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/geometrics-fabrics/"
aria-label="Geometrics Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/k/geometrics__28244.original.jpg"
alt="Geometrics Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Geometrics Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/gingham-fabrics/"
aria-label="Gingham Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/e/gingham__84876.original.jpg"
alt="Gingham Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Gingham Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/herringbone-fabrics/"
aria-label="Herringbone Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/t/herringbone__01276.original.jpg"
alt="Herringbone Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Herringbone Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/houndstooth-fabrics/"
aria-label="Houndstooth Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/x/houndstooth__75584.original.jpg"
alt="Houndstooth Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Houndstooth Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/ikat-fabrics/"
aria-label="Ikat Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/g/ikat__18497.original.jpg"
alt="Ikat Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Ikat Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/jacquard-fabrics/"
aria-label="Jacquard Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/l/jacquard__75858.original.jpg"
alt="Jacquard Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Jacquard Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/lattice-fabrics/"
aria-label="Lattice Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/r/lattice__71923.original.jpg"
alt="Lattice Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Lattice Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/medallion-fabrics/"
aria-label="Medallion Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/p/medallion__88775.original.jpg"
alt="Medallion Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Medallion Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/moire-fabrics/"
aria-label="Moire Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/s/moire__48750.original.jpg"
alt="Moire Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Moire Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/nautical-themed-fabrics/"
aria-label="Nautical Theme Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/y/nautical-theme-fabric__37255.original.jpg"
alt="Nautical Theme Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Nautical Theme Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/ogee-themed-fabrics/"
aria-label="Ogee Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/w/ogee__94242.original.jpg"
alt="Ogee Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Ogee Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/polka-dot-themed-fabrics/"
aria-label="Polka Dot Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/o/polka-dot__84098.original.jpg"
alt="Polka Dot Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Polka Dot Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/pinstripe-themed-fabrics/"
aria-label="Pinstripe"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/z/pinstripe__31458.original.jpg"
alt="Pinstripe"
width="32"
height="24"
loading="lazy"
/>
<span>Pinstripe</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/paisley-design-fabrics/"
aria-label="Paisley Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/y/paisley-design__22852.original.jpg"
alt="Paisley Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Paisley Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/camp-or-cottage-fabrics/"
aria-label="Rustic Camp Or Cottage"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/e/rustic-camp-or-cottage__90492.original.jpg"
alt="Rustic Camp Or Cottage"
width="32"
height="24"
loading="lazy"
/>
<span>Rustic Camp Or Cottage</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/script-writing-fabrics/"
aria-label="Script / Letters Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/e/script--letters__64703.original.jpg"
alt="Script / Letters Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Script / Letters Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/scrollwork-fabrics/"
aria-label="Scrollwork Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/q/scrollwork__06509.original.jpg"
alt="Scrollwork Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Scrollwork Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/striped-fabrics/"
aria-label="Striped Fabrics"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/u/striped-fabrics__07156.original.jpg"
alt="Striped Fabrics"
width="32"
height="24"
loading="lazy"
/>
<span>Striped Fabrics</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/solid-plain-fabrics/"
aria-label="Solid Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/e/solid__06553.original.jpg"
alt="Solid Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Solid Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/stars-fabrics/"
aria-label="Stars Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/n/stars__88716.original.jpg"
alt="Stars Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Stars Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/discount-solid-plain-fabrics/"
aria-label="Solid / Plain Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/s/solid--plain__30532.original.jpg"
alt="Solid / Plain Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Solid / Plain Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/southwest-aztec-fabrics/"
aria-label="Southwest / Aztec"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/e/southwest--aztec__17574.original.jpg"
alt="Southwest / Aztec"
width="32"
height="24"
loading="lazy"
/>
<span>Southwest / Aztec</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/ticking-fabrics/"
aria-label="Ticking Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/h/ticking__59155.original.jpg"
alt="Ticking Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Ticking Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/textured-fabrics/"
aria-label="Textured Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/y/textured__17948.original.jpg"
alt="Textured Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Textured Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/tone-on-tone-fabrics/"
aria-label="Tone On Tone"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/e/tone-on-tone__75281.original.jpg"
alt="Tone On Tone"
width="32"
height="24"
loading="lazy"
/>
<span>Tone On Tone</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/toile-fabrics/"
aria-label="Toile Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/q/toile__99027.original.jpg"
alt="Toile Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Toile Fabric</span>
</a>
</li>
</ul>
</template>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1794,
'hover:bg-primary-100': selectedChild !== 1794
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/discount-fabric-by-fiber-content/"
aria-label="Fabric By Fiber Content"
data-x-on:click.prevent="selectedChild = 1794"
data-x-on:mouseenter="selectedChild = 1794"
>
Fabric By Fiber Content
<small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all"
aria-hidden="true"
data-x-bind:class="(selectedChild === 1794 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-1794" class="navPages-sub" data-category-id="1794" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 1794) && (selectedChild = 1794)"
>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/acrylic-fabrics/"
aria-label="Acrylic Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/acrylic__60950.original.jpg"
alt="Acrylic Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Acrylic Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/cotton-blend-fabrics/"
aria-label="Cotton Blend"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/m/cotton-blend__70451.original.jpg"
alt="Cotton Blend"
width="32"
height="24"
loading="lazy"
/>
<span>Cotton Blend</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/cotton-fabrics/"
aria-label="Cotton Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/c/cotton-fabric__78843.original.jpg"
alt="Cotton Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Cotton Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/linen-linen-blend-fabrics/"
aria-label="Linen & Linen Blend"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/p/linen--linen-blend__75536.original.jpg"
alt="Linen & Linen Blend"
width="32"
height="24"
loading="lazy"
/>
<span>Linen & Linen Blend</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/nylon-fabris/"
aria-label="Nylon Nylon"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/u/nylon__35119.original.jpg"
alt="Nylon Nylon"
width="32"
height="24"
loading="lazy"
/>
<span>Nylon Nylon</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/pvc-vinyl-fabrics/"
aria-label="PVC & Vinyl Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/v/pvc--vinyl__04151.original.jpg"
alt="PVC & Vinyl Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>PVC & Vinyl Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/upholstery-blend-fabrics/"
aria-label="Upholstery Blend"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/c/upholstery-blend__87880.original.jpg"
alt="Upholstery Blend"
width="32"
height="24"
loading="lazy"
/>
<span>Upholstery Blend</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/wool-fabrics/"
aria-label="Wool Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/h/wool__19877.original.jpg"
alt="Wool Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Wool Fabric</span>
</a>
</li>
</ul>
</template>
</li>
</ul>
<div class="flex-1 h-64 max-h-[70vh] overflow-auto"
data-x-effect="$el.style.height = height + 'px';"
data-x-html-alt.referent.prevent-overflow-x="'#navPagesSub-' + selectedChild"
data-x-lazy.once="selectedChild = 1707"
></div>
</div>
</li>
<li>
<a class="inline-flex px-1 3xl:px-2 py-1 rounded-global hover:bg-white hover:text-primary-600 font-bold text-nowrap"
href="https://fabricwarehouse.com/clearance/"
aria-label="CLEARANCE"
data-x-on:click.prevent="
selectedChild = 0;
const nextId = selected === 1724 ? 0 : 1724;
selected = nextId;
$nextTick(() => { (selected !== nextId) && (selected = nextId) });
"
data-x-bind:class="(selected === 1724) && 'bg-white text-primary-600'"
>CLEARANCE<small class="icon icon-chevron-down ml-1 text-[8px]" aria-hidden="true"></small>
</a>

<div id="navPages-1724"
hidden=""
aria-hidden="true"
tabindex="-1"
>
<ul class="flex-initial bg-primary w-72 h-full max-h-[70vh] overflow-auto"
data-x-lazy="
height = $el.clientHeight;
$el.classList.remove('h-full');
"
>
<li class="hover:bg-primary-100">
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default"
href="https://fabricwarehouse.com/clearance/"
aria-label="All CLEARANCE"
>
All CLEARANCE
</a>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 2193,
'hover:bg-primary-100': selectedChild !== 2193
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default"
href="https://fabricwarehouse.com/free-shipping/"
aria-label="FREE SHIPPING"
>
FREE SHIPPING
</a>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1862,
'hover:bg-primary-100': selectedChild !== 1862
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default"
href="https://fabricwarehouse.com/20-off/"
aria-label="20% OFF"
>
20% OFF
</a>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1861,
'hover:bg-primary-100': selectedChild !== 1861
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default"
href="https://fabricwarehouse.com/30-off/"
aria-label="30% OFF"
>
30% OFF
</a>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1860,
'hover:bg-primary-100': selectedChild !== 1860
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default"
href="https://fabricwarehouse.com/40-off/"
aria-label="40% OFF"
>
40% OFF
</a>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1855,
'hover:bg-primary-100': selectedChild !== 1855
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default"
href="https://fabricwarehouse.com/50-off/"
aria-label="50% OFF"
>
50% OFF
</a>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1856,
'hover:bg-primary-100': selectedChild !== 1856
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default"
href="https://fabricwarehouse.com/60-off/"
aria-label="60% OFF"
>
60% OFF
</a>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1857,
'hover:bg-primary-100': selectedChild !== 1857
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default"
href="https://fabricwarehouse.com/70-off/"
aria-label="70% OFF"
>
70% OFF
</a>
</li>
</ul>
<div class="flex-1 h-64 max-h-[70vh] overflow-auto"
data-x-effect="$el.style.height = height + 'px';"
data-x-html-alt.referent.prevent-overflow-x="'#navPagesSub-' + selectedChild"
data-x-lazy.once="selectedChild = 0"
></div>
</div>
</li>
</ul>
<ul class="flex flex-0">
<li>
<a class="inline-flex items-center h-full px-1 3xl:px-2 py-1 text-black hover:text-default font-bold bg-red-500 hover:bg-red-400"
href="https://fabricwarehouse.com/custom-cut-upholstery-foam/"
>CUSTOM FOAM</a>
</li>
<li>
<a class="inline-flex items-center h-full px-1 3xl:px-2 py-1 text-black hover:text-default font-bold bg-orange-500 hover:bg-orange-400"
href="https://fabricwarehouse.com/fabric-collections/fabric-remnants/"
>REMNANTS</a>
</li>
<li>
<a class="inline-flex items-center h-full px-1 3xl:px-2 py-1 text-black hover:text-default font-bold bg-green-500 hover:bg-green-400"
href="https://fabricwarehouse.com/fabric-collections-map/"
>COLLECTIONS</a>
</li>
</ul>
</nav>
<div
class="absolute top-full left-0 right-0 z-50 flex rounded-global overflow-auto mt-2 bg-primary-100"
hidden=""
aria-hidden="true"
tabindex="-1"
data-x-show="selected > 0"
data-x-bind:hidden="selected > 0 ? null : ''"
data-x-on:click.outside="selected = 0; contents = ''"
data-x-lazy="{virtual: '#navPages-' + selected}"
data-x-html-alt="contents"
></div>
</div>
<div id="account-panel">
<div class="flex h-full w-full text-center">
<div class="w-full my-auto">
<h3 class="text-xl uppercase mb-6">Sign in</h3>
<form
class="login-form form"
action="/login.php?action=check_login"
method="post"
data-x-data="login"
>
<template data-x-if="error">
<div class="relative bg-red-100 text-red-700 p-3 my-3 rounded-lg" role="alert">
<span data-x-text="error"></span>
<span class="px-4 py-3 text-2xl leading-none" role="button" data-x-on:click="error = ''">
<i class="icon icon-close"></i>
</span>
</div>
</template>
<div class="mb-4">
<label for="login_email">Email Address:</label>
<div class="relative flex border rounded-global overflow-hidden">
<input
class="flex-1 appearance-none py-2 px-3 text-black leading-normal outline-none"
id="login_email"
type="email"
name="login_email"
placeholder="Email Address"
data-x-model="email"
/>
</div>
</div>
<div class="mb-4" hidden="" data-x-bind:hidden="(method === '' && isEmailValid) ? null : ''">
<div class="mb-4">Sign In Account With</div>
<div>
<span
class="inline-flex items-center justify-center font-bold uppercase rounded-global transition-all disabled:opacity-75 border-primary bg-primary hover:bg-primary-400 text-default hover:text-default px-4 py-2"
role="button"
data-x-on:click.prevent="method = 'password'"
>Password</span>
<span> </span>
<span
class="inline-flex items-center justify-center font-bold uppercase rounded-global transition-all disabled:opacity-75 border-sky-500 bg-sky-500 hover:bg-sky-400 text-default hover:text-default px-4 py-2"
role="button"
data-x-on:click.prevent="method = 'token'; sendToken();"
>Token</span>
</div>
</div>
<div class="mb-4" hidden="" data-x-bind:hidden="(method === 'password' && isEmailValid) ? null : ''">
<label for="login_pass">Password:</label>
<div class="relative flex border rounded-global overflow-hidden">
<input
class="flex-1 appearance-none py-2 px-3 text-black leading-normal outline-none"
id="login_pass"
type="password"
name="login_pass"
placeholder="Password"
autocomplete="off"
/>
</div>
<div class="mt-3">
<button class="inline-flex items-center justify-center font-bold uppercase rounded-global transition-all disabled:opacity-75 border-primary bg-primary hover:bg-primary-400 text-default hover:text-default px-4 py-2" type="submit">Sign in</button>
</div>
</div>
<div class="mb-4" hidden="" data-x-bind:hidden="(method === 'token' && isEmailValid) ? null : ''">
<label for="login_token">Login Token:</label>
<div class="relative flex border rounded-global overflow-hidden">
<input
class="flex-1 appearance-none py-2 px-3 text-black leading-normal outline-none"
id="login_token"
type="text"
name="login_token"
placeholder="Token"
data-x-model="token"
/>
</div>
<div>A login token has been sent to your email: <span class="text-link" data-x-text="email"></span>. If you did not receive the email, please check your email address and <span class="text-link underline" role="button" data-x-on:click="sendToken()">click here</span> to resend the token.</div>
<div class="mt-3">
<span class="inline-flex items-center justify-center font-bold uppercase rounded-global transition-all disabled:opacity-75 border-primary bg-primary hover:bg-primary-400 text-default hover:text-default px-4 py-2" role="button" data-x-on:click="loginWithToken()">Sign in</span>
</div>
</div>
<div class="flex justify-center text-center mt-6">
<div class="w-64">
<div
id="g_id_onload"
data-client_id="49330718917-khejd1rcaa7en7o3pmj7iuskcvdrai22.apps.googleusercontent.com"
data-context="signin"
data-ux_mode="popup"
data-callback="onGoogleSignIn"
data-auto_prompt="false"
></div>
<div
class="g_id_signin inline-flex"
data-type="standard"
data-shape="pill"
data-theme="filled_blue"
data-text="signin_with"
data-size="large"
data-logo_alignment="left"
></div>
</div>
</div>
<div class="text-center mt-6">
<a class="text-link hover:text-link-hover" href="/login.php?action=reset_password">Forgot your password?</a>
</div>
<script id="google-login-jssdk" src="https://accounts.google.com/gsi/client" async defer></script>
</form>
<div class="mt-8">
<a class="text-link hover:text-link-hover" href="/login.php?action=create_account" aria-label="Register">Register</a>
</div>
</div>
</div></div>
<div id="navigation-menu-mobile">
<ul>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/marine-patio-fabric/"
class="inline-flex items-center py-3 text-center"
aria-label="OUTDOOR FABRIC"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/z/marine--patio__00839.original.jpg"
alt="OUTDOOR FABRIC"
width="32"
height="24"
loading="lazy"
/>
<strong>OUTDOOR FABRIC</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/marine-patio-fabric/" class="inline-flex items-center py-3 text-center" aria-label="OUTDOOR FABRIC">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/z/marine--patio__00839.original.jpg"
alt="OUTDOOR FABRIC"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All OUTDOOR FABRIC</strong>
</a>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/awning-weight-fabrics/"
class="inline-flex items-center py-3 text-center"
aria-label="AWNING WEIGHT FABRICS"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/n/awning-weight-fabrics__10310.original.jpg"
alt="AWNING WEIGHT FABRICS"
width="32"
height="24"
loading="lazy"
/>
<strong>AWNING WEIGHT FABRICS</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/awning-weight-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="AWNING WEIGHT FABRICS">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/n/awning-weight-fabrics__10310.original.jpg"
alt="AWNING WEIGHT FABRICS"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All AWNING WEIGHT FABRICS</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/recacril-marine-sale/" class="inline-flex items-center py-3 text-center" aria-label="Recacril Marine - SALE!!">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/s/recacril-marine--sale__35721.original.jpg"
alt="Recacril Marine - SALE!!"
width="32"
height="24"
loading="lazy"
/>
<strong>Recacril Marine - SALE!!</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/docril-brand-awning-sale/" class="inline-flex items-center py-3 text-center" aria-label="Docril Brand Awning -- SALE!!!">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/h/docril-brand-awning__90099.original.jpg"
alt="Docril Brand Awning -- SALE!!!"
width="32"
height="24"
loading="lazy"
/>
<strong>Docril Brand Awning -- SALE!!!</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/awning-sale/" class="inline-flex items-center py-3 text-center" aria-label="REMNANTS & DEALS!">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/l/remnants--deals-awning__77950.original.jpg"
alt="REMNANTS & DEALS!"
width="32"
height="24"
loading="lazy"
/>
<strong>REMNANTS & DEALS!</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/sunbrella-awning-weight/" class="inline-flex items-center py-3 text-center" aria-label="Sunbrella Awning Weight">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/a/sunbrella-awning-weight__72792.original.jpg"
alt="Sunbrella Awning Weight"
width="32"
height="24"
loading="lazy"
/>
<strong>Sunbrella Awning Weight</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/60-inch-sunbrella-awning/" class="inline-flex items-center py-3 text-center" aria-label="60 Inch Sunbrella Awning">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/o/60-inch-sunbrella-awning__89829.original.jpg"
alt="60 Inch Sunbrella Awning"
width="32"
height="24"
loading="lazy"
/>
<strong>60 Inch Sunbrella Awning</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/46-inch-sunbrella-fabric-awning-marine/" class="inline-flex items-center py-3 text-center" aria-label="46" Inch Sunbrella Awning">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/l/46-inch-sunbrella-awning__10862.original.jpg"
alt="46" Inch Sunbrella Awning"
width="32"
height="24"
loading="lazy"
/>
<strong>46" Inch Sunbrella Awning</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/80-inch-awning-marine-fabric/" class="inline-flex items-center py-3 text-center" aria-label="80 Inch Sunbrella Awning">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/y/80-inch-sunbrella-awning__40510.original.jpg"
alt="80 Inch Sunbrella Awning"
width="32"
height="24"
loading="lazy"
/>
<strong>80 Inch Sunbrella Awning</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/sunreal/" class="inline-flex items-center py-3 text-center" aria-label="SunReal Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/sunreal-fabric__01731.original.jpg"
alt="SunReal Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>SunReal Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/sunbrella-binding/" class="inline-flex items-center py-3 text-center" aria-label="SUNBRELLA BINDING">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/a/sunbrella-binding__65304.original.jpg"
alt="SUNBRELLA BINDING"
width="32"
height="24"
loading="lazy"
/>
<strong>SUNBRELLA BINDING</strong>
</a>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/patio-outdoor-upholstery/"
class="inline-flex items-center py-3 text-center"
aria-label="PATIO & OUTDOOR UPHOLSTERY"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/p/patio--outdoor-upholstery__34522.original.jpg"
alt="PATIO & OUTDOOR UPHOLSTERY"
width="32"
height="24"
loading="lazy"
/>
<strong>PATIO & OUTDOOR UPHOLSTERY</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/patio-outdoor-upholstery/" class="inline-flex items-center py-3 text-center" aria-label="PATIO & OUTDOOR UPHOLSTERY">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/p/patio--outdoor-upholstery__34522.original.jpg"
alt="PATIO & OUTDOOR UPHOLSTERY"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All PATIO & OUTDOOR UPHOLSTERY</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/in-out-upholstery-sale/" class="inline-flex items-center py-3 text-center" aria-label="REMNANTS & DEALS">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/p/remnants--deals-inout__49802.original.jpg"
alt="REMNANTS & DEALS"
width="32"
height="24"
loading="lazy"
/>
<strong>REMNANTS & DEALS</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/outdoor-canvas/" class="inline-flex items-center py-3 text-center" aria-label="Outdoor Canvas">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/d/outdoor-canvas__88148.original.jpg"
alt="Outdoor Canvas"
width="32"
height="24"
loading="lazy"
/>
<strong>Outdoor Canvas</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/premier-prints-outdor/" class="inline-flex items-center py-3 text-center" aria-label="Premier Prints Outdoor">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/l/premier-prints-outdoor__29213.original.jpg"
alt="Premier Prints Outdoor"
width="32"
height="24"
loading="lazy"
/>
<strong>Premier Prints Outdoor</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/printed-outdoor-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Printed Outdoor Fabrics">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/q/printed-outdoor-fabrics__20480.original.jpg"
alt="Printed Outdoor Fabrics"
width="32"
height="24"
loading="lazy"
/>
<strong>Printed Outdoor Fabrics</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/sunbrella-furniture-weight-fabric/" class="inline-flex items-center py-3 text-center" aria-label="Sunbrella Furniture Weight">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/r/sunbrella-furniture-weight__94356.original.jpg"
alt="Sunbrella Furniture Weight"
width="32"
height="24"
loading="lazy"
/>
<strong>Sunbrella Furniture Weight</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/tommy-bahama/" class="inline-flex items-center py-3 text-center" aria-label="Tommy Bahama">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/k/tommy-bahama__65512.original.jpg"
alt="Tommy Bahama"
width="32"
height="24"
loading="lazy"
/>
<strong>Tommy Bahama</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/docril-outdoor-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Docril Outdoor Fabrics">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/q/docril-outdoor-fabrics__53616.original.jpg"
alt="Docril Outdoor Fabrics"
width="32"
height="24"
loading="lazy"
/>
<strong>Docril Outdoor Fabrics</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/bella-dura-coming-soon/" class="inline-flex items-center py-3 text-center" aria-label="Bella-Dura">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/j/belladura__06479.original.jpg"
alt="Bella-Dura"
width="32"
height="24"
loading="lazy"
/>
<strong>Bella-Dura</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/outdura-furniture-weight-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Outdura Furniture Weight">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/a/outdura-furniture-weight__92817.original.jpg"
alt="Outdura Furniture Weight"
width="32"
height="24"
loading="lazy"
/>
<strong>Outdura Furniture Weight</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/richloom-outdoor/" class="inline-flex items-center py-3 text-center" aria-label="Richloom Outdoor">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/z/richloom-outdoor__73430.original.jpg"
alt="Richloom Outdoor"
width="32"
height="24"
loading="lazy"
/>
<strong>Richloom Outdoor</strong>
</a>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/other/"
class="inline-flex items-center py-3 text-center"
aria-label="SLING & OTHER"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/h/other__38988.original.jpg"
alt="SLING & OTHER"
width="32"
height="24"
loading="lazy"
/>
<strong>SLING & OTHER</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/other/" class="inline-flex items-center py-3 text-center" aria-label="SLING & OTHER">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/h/other__38988.original.jpg"
alt="SLING & OTHER"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All SLING & OTHER</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/sunbrella-sling-other/" class="inline-flex items-center py-3 text-center" aria-label="Sunbrella Sling + Other">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/g/sunbrella-sling--other__06978.original.jpg"
alt="Sunbrella Sling + Other"
width="32"
height="24"
loading="lazy"
/>
<strong>Sunbrella Sling + Other</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/other-marine-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Other Outdoor Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/m/other-outdoor-fabric__35457.original.jpg"
alt="Other Outdoor Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Other Outdoor Fabric</strong>
</a>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/marine-hardware-supplys/"
class="inline-flex items-center py-3 text-center"
aria-label="MARINE HARDWARE / SUPPLIES"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/q/marine-hardware--supplies__36855.original.jpg"
alt="MARINE HARDWARE / SUPPLIES"
width="32"
height="24"
loading="lazy"
/>
<strong>MARINE HARDWARE / SUPPLIES</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/marine-hardware-supplys/" class="inline-flex items-center py-3 text-center" aria-label="MARINE HARDWARE / SUPPLIES">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/q/marine-hardware--supplies__36855.original.jpg"
alt="MARINE HARDWARE / SUPPLIES"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All MARINE HARDWARE / SUPPLIES</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/marine-zippers-1/" class="inline-flex items-center py-3 text-center" aria-label="Marine Zippers">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/marine-zippers__43237.original.jpg"
alt="Marine Zippers"
width="32"
height="24"
loading="lazy"
/>
<strong>Marine Zippers</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/marine-fasteners/" class="inline-flex items-center py-3 text-center" aria-label="Marine Fasteners">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/d/marine-fasteners__02056.original.jpg"
alt="Marine Fasteners"
width="32"
height="24"
loading="lazy"
/>
<strong>Marine Fasteners</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/boat-top-hardware/" class="inline-flex items-center py-3 text-center" aria-label="Boat Top Hardware">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/p/boat-top-hardware__56756.original.jpg"
alt="Boat Top Hardware"
width="32"
height="24"
loading="lazy"
/>
<strong>Boat Top Hardware</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/marine-carpet/" class="inline-flex items-center py-3 text-center" aria-label="Marine Carpet">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/q/marine-carpet__32532.original.jpg"
alt="Marine Carpet"
width="32"
height="24"
loading="lazy"
/>
<strong>Marine Carpet</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/cushion-underlining-marine-fabric/" class="inline-flex items-center py-3 text-center" aria-label="Cushion Underlining">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/v/cushion-underlining__68221.original.jpg"
alt="Cushion Underlining"
width="32"
height="24"
loading="lazy"
/>
<strong>Cushion Underlining</strong>
</a>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/sunbrella-binding-trim/"
class="inline-flex items-center py-3 text-center"
aria-label="SUNBRELLA BINDING"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/i/sunbrella-binding__78511.original.jpg"
alt="SUNBRELLA BINDING"
width="32"
height="24"
loading="lazy"
/>
<strong>SUNBRELLA BINDING</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/sunbrella-binding-trim/" class="inline-flex items-center py-3 text-center" aria-label="SUNBRELLA BINDING">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/i/sunbrella-binding__78511.original.jpg"
alt="SUNBRELLA BINDING"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All SUNBRELLA BINDING</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/straight-cut-binding/" class="inline-flex items-center py-3 text-center" aria-label="STRAIGHT CUT BINDING">
<strong>STRAIGHT CUT BINDING</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/bias-cutt-binding/" class="inline-flex items-center py-3 text-center" aria-label="BIAS CUTT BINDING">
<strong>BIAS CUTT BINDING</strong>
</a>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/outdoor-cushion-foam/"
class="inline-flex items-center py-3 text-center"
aria-label="OUTDOOR CUSHION & FOAM"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/d/outdoor-cushion--foam__73502.original.jpg"
alt="OUTDOOR CUSHION & FOAM"
width="32"
height="24"
loading="lazy"
/>
<strong>OUTDOOR CUSHION & FOAM</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/outdoor-cushion-foam/" class="inline-flex items-center py-3 text-center" aria-label="OUTDOOR CUSHION & FOAM">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/d/outdoor-cushion--foam__73502.original.jpg"
alt="OUTDOOR CUSHION & FOAM"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All OUTDOOR CUSHION & FOAM</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/fiber-cushion-flo-thru/" class="inline-flex items-center py-3 text-center" aria-label="FIBER CUSHION (FLO-THRU)">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/s/fiber-cushion-flothru__65231.original.jpg"
alt="FIBER CUSHION (FLO-THRU)"
width="32"
height="24"
loading="lazy"
/>
<strong>FIBER CUSHION (FLO-THRU)</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/foam-batting-1/" class="inline-flex items-center py-3 text-center" aria-label="Foam & Batting">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/i/foam--batting__76039.original.jpg"
alt="Foam & Batting"
width="32"
height="24"
loading="lazy"
/>
<strong>Foam & Batting</strong>
</a>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/sunguard-thread-marine-thread/"
class="inline-flex items-center py-3 text-center"
aria-label="MARINE / OUTDOOR THREAD"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/l/marine-thread__81787.original.jpg"
alt="MARINE / OUTDOOR THREAD"
width="32"
height="24"
loading="lazy"
/>
<strong>MARINE / OUTDOOR THREAD</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/sunguard-thread-marine-thread/" class="inline-flex items-center py-3 text-center" aria-label="MARINE / OUTDOOR THREAD">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/l/marine-thread__81787.original.jpg"
alt="MARINE / OUTDOOR THREAD"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All MARINE / OUTDOOR THREAD</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/40-wt-common-thickness/" class="inline-flex items-center py-3 text-center" aria-label="Tex 25 / 40 wt  Common Thickness">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/k/tex-25--40-wt--common-thickness__63066.original.jpg"
alt="Tex 25 / 40 wt  Common Thickness"
width="32"
height="24"
loading="lazy"
/>
<strong>Tex 25 / 40 wt  Common Thickness</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/tex-50-thread-light-weight/" class="inline-flex items-center py-3 text-center" aria-label="Tex 50 Thread - Light Weight">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/l/tex-50-thread--light-weight__59512.original.jpg"
alt="Tex 50 Thread - Light Weight"
width="32"
height="24"
loading="lazy"
/>
<strong>Tex 50 Thread - Light Weight</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/tex-75-med-hvy-weight/" class="inline-flex items-center py-3 text-center" aria-label="Tex 75 - Med/Hvy Weight">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/e/tex-75--medhvy-weight__82007.original.jpg"
alt="Tex 75 - Med/Hvy Weight"
width="32"
height="24"
loading="lazy"
/>
<strong>Tex 75 - Med/Hvy Weight</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/tex-90-100-heavy-weight/" class="inline-flex items-center py-3 text-center" aria-label="Tex 90-100  - Heavy Weight">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/u/tex-90100---heavy-weight__15673.original.jpg"
alt="Tex 90-100  - Heavy Weight"
width="32"
height="24"
loading="lazy"
/>
<strong>Tex 90-100  - Heavy Weight</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/v92-commercial/" class="inline-flex items-center py-3 text-center" aria-label="V92 Commercial">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/c/v92-commercial__39020.original.jpg"
alt="V92 Commercial"
width="32"
height="24"
loading="lazy"
/>
<strong>V92 Commercial</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/12-wt-ultra-thick-top-stitch/" class="inline-flex items-center py-3 text-center" aria-label="12 wt. Ultra Thick - Top Stitch">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/x/12-wt-ultra-thick--top-stitch__88148.original.jpg"
alt="12 wt. Ultra Thick - Top Stitch"
width="32"
height="24"
loading="lazy"
/>
<strong>12 wt. Ultra Thick - Top Stitch</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/guterman/" class="inline-flex items-center py-3 text-center" aria-label="GUTERMAN">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/h/guterman__19175.original.jpg"
alt="GUTERMAN"
width="32"
height="24"
loading="lazy"
/>
<strong>GUTERMAN</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/sunguard/" class="inline-flex items-center py-3 text-center" aria-label="SUNGUARD">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/m/sunguard__47146.original.jpg"
alt="SUNGUARD"
width="32"
height="24"
loading="lazy"
/>
<strong>SUNGUARD</strong>
</a>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/water-friendly/"
class="inline-flex items-center py-3 text-center"
aria-label="WATER FRIENDLY"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/w/water-friendly__60972.original.jpg"
alt="WATER FRIENDLY"
width="32"
height="24"
loading="lazy"
/>
<strong>WATER FRIENDLY</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/water-friendly/" class="inline-flex items-center py-3 text-center" aria-label="WATER FRIENDLY">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/w/water-friendly__60972.original.jpg"
alt="WATER FRIENDLY"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All WATER FRIENDLY</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/fabric-water-friendly/" class="inline-flex items-center py-3 text-center" aria-label="Fabric & Water Friendly.">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/s/fabric--water-friendly__29058.original.jpg"
alt="Fabric & Water Friendly."
width="32"
height="24"
loading="lazy"
/>
<strong>Fabric & Water Friendly.</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/uv-water-proof/" class="inline-flex items-center py-3 text-center" aria-label="Fabric & Water Proof">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/d/fabric--water-proof__64690.original.jpg"
alt="Fabric & Water Proof"
width="32"
height="24"
loading="lazy"
/>
<strong>Fabric & Water Proof</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/vinyl-waterproof/" class="inline-flex items-center py-3 text-center" aria-label="Vinyl & Waterproof">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/vinyl--waterproof__80084.original.jpg"
alt="Vinyl & Waterproof"
width="32"
height="24"
loading="lazy"
/>
<strong>Vinyl & Waterproof</strong>
</a>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/discount-marine-vinyl-fabrics/"
class="inline-flex items-center py-3 text-center"
aria-label="VINYL - MARINE & AUTO"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/c/marine-vinyl__83685.original.jpg"
alt="VINYL - MARINE & AUTO"
width="32"
height="24"
loading="lazy"
/>
<strong>VINYL - MARINE & AUTO</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/discount-marine-vinyl-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="VINYL - MARINE & AUTO">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/c/marine-vinyl__83685.original.jpg"
alt="VINYL - MARINE & AUTO"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All VINYL - MARINE & AUTO</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/remnants-deals-marine-vinyl/" class="inline-flex items-center py-3 text-center" aria-label="REMNANTS & DEALS (Marine Vinyl)">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/q/remnants--deals-marine-vinyl__93430.original.jpg"
alt="REMNANTS & DEALS (Marine Vinyl)"
width="32"
height="24"
loading="lazy"
/>
<strong>REMNANTS & DEALS (Marine Vinyl)</strong>
</a>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/marine-vinyl-by-color/"
class="inline-flex items-center py-3 text-center"
aria-label="MARINE VINYL BY COLOR"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/w/marine-vinyl-by-color__65777.original.jpg"
alt="MARINE VINYL BY COLOR"
width="32"
height="24"
loading="lazy"
/>
<strong>MARINE VINYL BY COLOR</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/marine-vinyl-by-color/" class="inline-flex items-center py-3 text-center" aria-label="MARINE VINYL BY COLOR">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/w/marine-vinyl-by-color__65777.original.jpg"
alt="MARINE VINYL BY COLOR"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All MARINE VINYL BY COLOR</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/black-marine-vinyl/" class="inline-flex items-center py-3 text-center" aria-label="Black Marine Vinyl">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/n/black-marine-vinyl__80722.original.jpg"
alt="Black Marine Vinyl"
width="32"
height="24"
loading="lazy"
/>
<strong>Black Marine Vinyl</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/brown-marine-vinyl/" class="inline-flex items-center py-3 text-center" aria-label="Brown Marine Vinyl">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/v/brown-marine-vinyl__16344.original.jpg"
alt="Brown Marine Vinyl"
width="32"
height="24"
loading="lazy"
/>
<strong>Brown Marine Vinyl</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/white-marine-vinyl/" class="inline-flex items-center py-3 text-center" aria-label="White Marine Vinyl">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/g/white-marine-vinyl__19075.original.jpg"
alt="White Marine Vinyl"
width="32"
height="24"
loading="lazy"
/>
<strong>White Marine Vinyl</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/off-white-marine-vinyl/" class="inline-flex items-center py-3 text-center" aria-label="Off White Marine Vinyl">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/l/off-white-marine-vinyl__26378.original.jpg"
alt="Off White Marine Vinyl"
width="32"
height="24"
loading="lazy"
/>
<strong>Off White Marine Vinyl</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/beige-tan-marine-vinyls/" class="inline-flex items-center py-3 text-center" aria-label="Beige & Tan Marine Vinyls">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/h/beige--tan-marine-vinyls__07395.original.jpg"
alt="Beige & Tan Marine Vinyls"
width="32"
height="24"
loading="lazy"
/>
<strong>Beige & Tan Marine Vinyls</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/gray-marine-vinyl/" class="inline-flex items-center py-3 text-center" aria-label="Gray Marine Vinyl">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/z/gray-marine-vinyl__40170.original.jpg"
alt="Gray Marine Vinyl"
width="32"
height="24"
loading="lazy"
/>
<strong>Gray Marine Vinyl</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/red-marine-vinyl/" class="inline-flex items-center py-3 text-center" aria-label="Red Marine Vinyl">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/r/red-marine-vinyl__29416.original.jpg"
alt="Red Marine Vinyl"
width="32"
height="24"
loading="lazy"
/>
<strong>Red Marine Vinyl</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/blue-marine-vinyl/" class="inline-flex items-center py-3 text-center" aria-label="Blue Marine Vinyl">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/c/blue-marine-vinyl__18966.original.jpg"
alt="Blue Marine Vinyl"
width="32"
height="24"
loading="lazy"
/>
<strong>Blue Marine Vinyl</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/yellow-marine-vinyl/" class="inline-flex items-center py-3 text-center" aria-label="Yellow Marine Vinyl">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/s/yellow-marine-vinyl__64968.original.jpg"
alt="Yellow Marine Vinyl"
width="32"
height="24"
loading="lazy"
/>
<strong>Yellow Marine Vinyl</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/orange-marine-vinyl/" class="inline-flex items-center py-3 text-center" aria-label="Orange Marine Vinyl">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/y/orange-marine-vinyl__26396.original.jpg"
alt="Orange Marine Vinyl"
width="32"
height="24"
loading="lazy"
/>
<strong>Orange Marine Vinyl</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/green-marine-vinyl/" class="inline-flex items-center py-3 text-center" aria-label="Green Marine Vinyl">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/o/green-marine-vinyl__40563.original.jpg"
alt="Green Marine Vinyl"
width="32"
height="24"
loading="lazy"
/>
<strong>Green Marine Vinyl</strong>
</a>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/seaquest-marine-vinyl/"
class="inline-flex items-center py-3 text-center"
aria-label="SEAQUEST MARINE VINYL"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/m/seaquest-marine-vinyl__06635.original.jpg"
alt="SEAQUEST MARINE VINYL"
width="32"
height="24"
loading="lazy"
/>
<strong>SEAQUEST MARINE VINYL</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/seaquest-marine-vinyl/" class="inline-flex items-center py-3 text-center" aria-label="SEAQUEST MARINE VINYL">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/m/seaquest-marine-vinyl__06635.original.jpg"
alt="SEAQUEST MARINE VINYL"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All SEAQUEST MARINE VINYL</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/seaquest-pleated-marine-vinyl-automotive/" class="inline-flex items-center py-3 text-center" aria-label="Seaquest Pleated Vinyl">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/p/seaquest-pleated-vinyl__22963.original.jpg"
alt="Seaquest Pleated Vinyl"
width="32"
height="24"
loading="lazy"
/>
<strong>Seaquest Pleated Vinyl</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/seaquest-flat-vinyl/" class="inline-flex items-center py-3 text-center" aria-label="Seaquest Flat Vinyl">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/p/seaquest-flat-vinyl__03504.original.jpg"
alt="Seaquest Flat Vinyl"
width="32"
height="24"
loading="lazy"
/>
<strong>Seaquest Flat Vinyl</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/seaquest-marine-vinyl-by-color/" class="inline-flex items-center py-3 text-center" aria-label="SEAQUEST BY COLOR">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/p/seaquest-by-color__51714.original.jpg"
alt="SEAQUEST BY COLOR"
width="32"
height="24"
loading="lazy"
/>
<strong>SEAQUEST BY COLOR</strong>
</a>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/spradling-soft-side/"
class="inline-flex items-center py-3 text-center"
aria-label="SPRADLING SOFT SIDE"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/spradling-soft-side__21518.original.jpg"
alt="SPRADLING SOFT SIDE"
width="32"
height="24"
loading="lazy"
/>
<strong>SPRADLING SOFT SIDE</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/spradling-soft-side/" class="inline-flex items-center py-3 text-center" aria-label="SPRADLING SOFT SIDE">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/spradling-soft-side__21518.original.jpg"
alt="SPRADLING SOFT SIDE"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All SPRADLING SOFT SIDE</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/allegro-soft-side/" class="inline-flex items-center py-3 text-center" aria-label="Allegro By Spradling">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/e/allegro-by-spradling__37154.original.jpg"
alt="Allegro By Spradling"
width="32"
height="24"
loading="lazy"
/>
<strong>Allegro By Spradling</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/anchor-by-spradling/" class="inline-flex items-center py-3 text-center" aria-label="Anchor By Spradling">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/anchor-by-spradling__53305.original.jpg"
alt="Anchor By Spradling"
width="32"
height="24"
loading="lazy"
/>
<strong>Anchor By Spradling</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/carbon-fiber-vinyl/" class="inline-flex items-center py-3 text-center" aria-label="Carbon Fiber Vinyl">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/j/carbon-fiber-vinyl__73064.original.jpg"
alt="Carbon Fiber Vinyl"
width="32"
height="24"
loading="lazy"
/>
<strong>Carbon Fiber Vinyl</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/marlin-softside/" class="inline-flex items-center py-3 text-center" aria-label="Marlin Softside By Spradling">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/m/marlin-softside-by-spradling__44380.original.jpg"
alt="Marlin Softside By Spradling"
width="32"
height="24"
loading="lazy"
/>
<strong>Marlin Softside By Spradling</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/orion-by-spradling/" class="inline-flex items-center py-3 text-center" aria-label="Orion By Spradling">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/p/orion-by-spradling__21691.original.jpg"
alt="Orion By Spradling"
width="32"
height="24"
loading="lazy"
/>
<strong>Orion By Spradling</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/polaris-by-spradling/" class="inline-flex items-center py-3 text-center" aria-label="Polaris By Spradling">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/t/polaris-by-spradling__29116.original.jpg"
alt="Polaris By Spradling"
width="32"
height="24"
loading="lazy"
/>
<strong>Polaris By Spradling</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/seabreeze-by-spradling/" class="inline-flex items-center py-3 text-center" aria-label="Seabreeze By Spradling">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/e/seabreeze-by-spradling__05003.original.jpg"
alt="Seabreeze By Spradling"
width="32"
height="24"
loading="lazy"
/>
<strong>Seabreeze By Spradling</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/spradling-leon/" class="inline-flex items-center py-3 text-center" aria-label="SPRADLING LEON">
<strong>SPRADLING LEON</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/heidi-soft-marine-vinyl-boating/" class="inline-flex items-center py-3 text-center" aria-label="Heidi Soft By Spradling">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/q/heidi-soft-by-spradling__78731.original.jpg"
alt="Heidi Soft By Spradling"
width="32"
height="24"
loading="lazy"
/>
<strong>Heidi Soft By Spradling</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/islander-marine-vinyl-softside-by-spradling/" class="inline-flex items-center py-3 text-center" aria-label="Islander By Spradling">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/c/islander-by-spradling__40001.original.jpg"
alt="Islander By Spradling"
width="32"
height="24"
loading="lazy"
/>
<strong>Islander By Spradling</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/spadling-softside-beluga/" class="inline-flex items-center py-3 text-center" aria-label="Beluga By Spradling">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/n/beluga-by-spradling__94493.original.jpg"
alt="Beluga By Spradling"
width="32"
height="24"
loading="lazy"
/>
<strong>Beluga By Spradling</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/zander-by-spradling/" class="inline-flex items-center py-3 text-center" aria-label="Zander By Spradling">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/i/zander-by-spradling__45869.original.jpg"
alt="Zander By Spradling"
width="32"
height="24"
loading="lazy"
/>
<strong>Zander By Spradling</strong>
</a>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/vinyl-trim/"
class="inline-flex items-center py-3 text-center"
aria-label="VINYL TRIM"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/a/vinyl-trim__52813.original.jpg"
alt="VINYL TRIM"
width="32"
height="24"
loading="lazy"
/>
<strong>VINYL TRIM</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/vinyl-trim/" class="inline-flex items-center py-3 text-center" aria-label="VINYL TRIM">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/a/vinyl-trim__52813.original.jpg"
alt="VINYL TRIM"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All VINYL TRIM</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/seaquest-vinyl-welt-marine-boating/" class="inline-flex items-center py-3 text-center" aria-label="Seaquest Welt">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/u/seaquest-welt__78449.original.jpg"
alt="Seaquest Welt"
width="32"
height="24"
loading="lazy"
/>
<strong>Seaquest Welt</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/seaquest-hidem-marine-boating/" class="inline-flex items-center py-3 text-center" aria-label="Seaquest Hidem">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/m/seaquest-hidem__38429.original.jpg"
alt="Seaquest Hidem"
width="32"
height="24"
loading="lazy"
/>
<strong>Seaquest Hidem</strong>
</a>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/specialty-vinyls/"
class="inline-flex items-center py-3 text-center"
aria-label="SPECIALTY VINYLS"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/specialty-vinyls__09448.original.jpg"
alt="SPECIALTY VINYLS"
width="32"
height="24"
loading="lazy"
/>
<strong>SPECIALTY VINYLS</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/specialty-vinyls/" class="inline-flex items-center py-3 text-center" aria-label="SPECIALTY VINYLS">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/specialty-vinyls__09448.original.jpg"
alt="SPECIALTY VINYLS"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All SPECIALTY VINYLS</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/sling-vinyl-mesh/" class="inline-flex items-center py-3 text-center" aria-label="Sling + Vinyl Mesh">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/p/sling--vinyl-mesh__05090.original.jpg"
alt="Sling + Vinyl Mesh"
width="32"
height="24"
loading="lazy"
/>
<strong>Sling + Vinyl Mesh</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/foam-backed-vinyl-1/" class="inline-flex items-center py-3 text-center" aria-label="Foam Backed Vinyl.">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/t/foam-backed-vinyl__84066.original.jpg"
alt="Foam Backed Vinyl."
width="32"
height="24"
loading="lazy"
/>
<strong>Foam Backed Vinyl.</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/clear-vinyl-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Clear Vinyl 54W">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/u/clear-vinyl-54w__87281.original.jpg"
alt="Clear Vinyl 54W"
width="32"
height="24"
loading="lazy"
/>
<strong>Clear Vinyl 54W</strong>
</a>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/other-marine-vinyls/"
class="inline-flex items-center py-3 text-center"
aria-label="OTHER MARINE VINYLS"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/e/other-marine-vinyls__99628.original.jpg"
alt="OTHER MARINE VINYLS"
width="32"
height="24"
loading="lazy"
/>
<strong>OTHER MARINE VINYLS</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/other-marine-vinyls/" class="inline-flex items-center py-3 text-center" aria-label="OTHER MARINE VINYLS">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/e/other-marine-vinyls__99628.original.jpg"
alt="OTHER MARINE VINYLS"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All OTHER MARINE VINYLS</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/nautolex/" class="inline-flex items-center py-3 text-center" aria-label="Nautolex">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/g/nautolex__51892.original.jpg"
alt="Nautolex"
width="32"
height="24"
loading="lazy"
/>
<strong>Nautolex</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/ottertex-marine-vinyl/" class="inline-flex items-center py-3 text-center" aria-label="Ottertex Marine Vinyl">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/j/ottertex-marine-vinyl__23885.original.jpg"
alt="Ottertex Marine Vinyl"
width="32"
height="24"
loading="lazy"
/>
<strong>Ottertex Marine Vinyl</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/seaquest-boating-marine-vinyl/" class="inline-flex items-center py-3 text-center" aria-label="Seaquest Vinyl 54W">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/m/seaquest-vinyl-54w__73686.original.jpg"
alt="Seaquest Vinyl 54W"
width="32"
height="24"
loading="lazy"
/>
<strong>Seaquest Vinyl 54W</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/fortress-marine/" class="inline-flex items-center py-3 text-center" aria-label="Fortress (On Sale!)">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/e/fortress-on-sale__06896.original.jpg"
alt="Fortress (On Sale!)"
width="32"
height="24"
loading="lazy"
/>
<strong>Fortress (On Sale!)</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/sunbrella-seamark/" class="inline-flex items-center py-3 text-center" aria-label="Sunbrella Seamark">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/r/sunbrella-seamark__02842.original.jpg"
alt="Sunbrella Seamark"
width="32"
height="24"
loading="lazy"
/>
<strong>Sunbrella Seamark</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/off-brand-marine-vinyl-54w/" class="inline-flex items-center py-3 text-center" aria-label="House Brand (Sale)">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/o/house-brand-sale__28819.original.jpg"
alt="House Brand (Sale)"
width="32"
height="24"
loading="lazy"
/>
<strong>House Brand (Sale)</strong>
</a>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/vinyl-marine-thread/"
class="inline-flex items-center py-3 text-center"
aria-label="VINYL & MARINE THREAD"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/g/marine-thread__65889.original.jpg"
alt="VINYL & MARINE THREAD"
width="32"
height="24"
loading="lazy"
/>
<strong>VINYL & MARINE THREAD</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/vinyl-marine-thread/" class="inline-flex items-center py-3 text-center" aria-label="VINYL & MARINE THREAD">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/g/marine-thread__65889.original.jpg"
alt="VINYL & MARINE THREAD"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All VINYL & MARINE THREAD</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/40-wt-common/" class="inline-flex items-center py-3 text-center" aria-label="Tex 25 / 40 wt. Common.">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/g/tex-25--40-wt-common__60044.original.jpg"
alt="Tex 25 / 40 wt. Common."
width="32"
height="24"
loading="lazy"
/>
<strong>Tex 25 / 40 wt. Common.</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/tex-50-thread-light-wght/" class="inline-flex items-center py-3 text-center" aria-label="Tex 50 Thread - Light Wght.">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/o/tex-50-thread--light-wght__66645.original.jpg"
alt="Tex 50 Thread - Light Wght."
width="32"
height="24"
loading="lazy"
/>
<strong>Tex 50 Thread - Light Wght.</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/tex-90-thin-1/" class="inline-flex items-center py-3 text-center" aria-label="Tex 90 THICK">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/c/tex-90-thick__92683.original.jpg"
alt="Tex 90 THICK"
width="32"
height="24"
loading="lazy"
/>
<strong>Tex 90 THICK</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/tex-75-med-hvy-weight-1/" class="inline-flex items-center py-3 text-center" aria-label="Tex 75 - Med/HVY Weight.">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/l/tex-75--medhvy-weight__08310.original.jpg"
alt="Tex 75 - Med/HVY Weight."
width="32"
height="24"
loading="lazy"
/>
<strong>Tex 75 - Med/HVY Weight.</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/tex-90-100-heavy-weight-1/" class="inline-flex items-center py-3 text-center" aria-label="Tex 90-100 - Heavy Weight.">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/m/tex-90100--heavy-weight__94519.original.jpg"
alt="Tex 90-100 - Heavy Weight."
width="32"
height="24"
loading="lazy"
/>
<strong>Tex 90-100 - Heavy Weight.</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/12-wt-ultra-thick-top-stitch-1/" class="inline-flex items-center py-3 text-center" aria-label="12 Wt. Ultra Thick - Top Stitch">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/h/12-wt-ultra-thick--top-stitch__84541.original.jpg"
alt="12 Wt. Ultra Thick - Top Stitch"
width="32"
height="24"
loading="lazy"
/>
<strong>12 Wt. Ultra Thick - Top Stitch</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/b92-commercial-1/" class="inline-flex items-center py-3 text-center" aria-label="B92 Commercial.">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/g/b92-commercial__73457.original.jpg"
alt="B92 Commercial."
width="32"
height="24"
loading="lazy"
/>
<strong>B92 Commercial.</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/guterman-1/" class="inline-flex items-center py-3 text-center" aria-label="GUTERMAN.">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/o/guterman__42222.original.jpg"
alt="GUTERMAN."
width="32"
height="24"
loading="lazy"
/>
<strong>GUTERMAN.</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/sunguard-1/" class="inline-flex items-center py-3 text-center" aria-label="SUNGUARD.">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/w/sunguard__73614.original.jpg"
alt="SUNGUARD."
width="32"
height="24"
loading="lazy"
/>
<strong>SUNGUARD.</strong>
</a>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/marine-vinyl-brochure/"
class="inline-flex items-center py-3 text-center"
aria-label="MARINE VINYL BROCHURE"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/i/marine-vinyl-brochure__71159.original.jpg"
alt="MARINE VINYL BROCHURE"
width="32"
height="24"
loading="lazy"
/>
<strong>MARINE VINYL BROCHURE</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/marine-vinyl-brochure/" class="inline-flex items-center py-3 text-center" aria-label="MARINE VINYL BROCHURE">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/i/marine-vinyl-brochure__71159.original.jpg"
alt="MARINE VINYL BROCHURE"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All MARINE VINYL BROCHURE</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/automotive-fabric-headliner-vinyl-upholstery-by-the-yard/" class="inline-flex items-center py-3 text-center" aria-label="AUTOMOTIVE">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/j/automotive__70801.original.jpg"
alt="AUTOMOTIVE"
width="32"
height="24"
loading="lazy"
/>
<strong>AUTOMOTIVE</strong>
</a>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/upholstery-fabrics/"
class="inline-flex items-center py-3 text-center"
aria-label="UPHOLSTERY"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/a/upholstery__10408.original.jpg"
alt="UPHOLSTERY"
width="32"
height="24"
loading="lazy"
/>
<strong>UPHOLSTERY</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/upholstery-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="UPHOLSTERY">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/a/upholstery__10408.original.jpg"
alt="UPHOLSTERY"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All UPHOLSTERY</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/remnants-deals-upholstery/" class="inline-flex items-center py-3 text-center" aria-label="REMNANTS & DEALS.">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/y/remnants--deals-upholstery__41299.original.jpg"
alt="REMNANTS & DEALS."
width="32"
height="24"
loading="lazy"
/>
<strong>REMNANTS & DEALS.</strong>
</a>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/upholstery-by-pattern-theme/"
class="inline-flex items-center py-3 text-center"
aria-label="UPHOLSTERY BY PATTERN"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/y/upholstery-by-pattern__15386.original.jpg"
alt="UPHOLSTERY BY PATTERN"
width="32"
height="24"
loading="lazy"
/>
<strong>UPHOLSTERY BY PATTERN</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/upholstery-by-pattern-theme/" class="inline-flex items-center py-3 text-center" aria-label="UPHOLSTERY BY PATTERN">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/y/upholstery-by-pattern__15386.original.jpg"
alt="UPHOLSTERY BY PATTERN"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All UPHOLSTERY BY PATTERN</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/abstract-upholstery/" class="inline-flex items-center py-3 text-center" aria-label="Abstract Upholstery">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/i/abstract-upholstery__82224.original.jpg"
alt="Abstract Upholstery"
width="32"
height="24"
loading="lazy"
/>
<strong>Abstract Upholstery</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/animal-theme-upholstery/" class="inline-flex items-center py-3 text-center" aria-label="Animal Theme Upholstery">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/z/animal-theme-upholstery__52938.original.jpg"
alt="Animal Theme Upholstery"
width="32"
height="24"
loading="lazy"
/>
<strong>Animal Theme Upholstery</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/checks-plaid-upholstery/" class="inline-flex items-center py-3 text-center" aria-label="Checks & Plaid Upholstery">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/o/checks--plaid-upholstery__39400.original.jpg"
alt="Checks & Plaid Upholstery"
width="32"
height="24"
loading="lazy"
/>
<strong>Checks & Plaid Upholstery</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/chevron-upholstery/" class="inline-flex items-center py-3 text-center" aria-label="Chevron Upholstery">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/m/chevron-upholstery__21866.original.jpg"
alt="Chevron Upholstery"
width="32"
height="24"
loading="lazy"
/>
<strong>Chevron Upholstery</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/damask-upholstery/" class="inline-flex items-center py-3 text-center" aria-label="Damask Upholstery">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/s/damask-upholstery__29203.original.jpg"
alt="Damask Upholstery"
width="32"
height="24"
loading="lazy"
/>
<strong>Damask Upholstery</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/geometric-upholstery/" class="inline-flex items-center py-3 text-center" aria-label="Geometric Upholstery">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/t/geometric-upholstery__53420.original.jpg"
alt="Geometric Upholstery"
width="32"
height="24"
loading="lazy"
/>
<strong>Geometric Upholstery</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/ikat-upholstery/" class="inline-flex items-center py-3 text-center" aria-label="Ikat Upholstery">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/u/ikat-upholstery__27432.original.jpg"
alt="Ikat Upholstery"
width="32"
height="24"
loading="lazy"
/>
<strong>Ikat Upholstery</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/jacobean-upholstery/" class="inline-flex items-center py-3 text-center" aria-label="Jacobean Upholstery">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/k/jacobean-upholstery__98688.original.jpg"
alt="Jacobean Upholstery"
width="32"
height="24"
loading="lazy"
/>
<strong>Jacobean Upholstery</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/lattice-upholstery/" class="inline-flex items-center py-3 text-center" aria-label="Lattice Upholstery">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/p/lattice-upholstery__27479.original.jpg"
alt="Lattice Upholstery"
width="32"
height="24"
loading="lazy"
/>
<strong>Lattice Upholstery</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/medallion-upholstery/" class="inline-flex items-center py-3 text-center" aria-label="Medallion Upholstery">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/medallion-upholstery__49200.original.jpg"
alt="Medallion Upholstery"
width="32"
height="24"
loading="lazy"
/>
<strong>Medallion Upholstery</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/ogee-upholstery/" class="inline-flex items-center py-3 text-center" aria-label="Ogee Upholstery">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/ogee-upholstery__97529.original.jpg"
alt="Ogee Upholstery"
width="32"
height="24"
loading="lazy"
/>
<strong>Ogee Upholstery</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/paisley-upholstery/" class="inline-flex items-center py-3 text-center" aria-label="Paisley Upholstery">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/d/paisley-upholstery__07043.original.jpg"
alt="Paisley Upholstery"
width="32"
height="24"
loading="lazy"
/>
<strong>Paisley Upholstery</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/polka-dot-upholstery/" class="inline-flex items-center py-3 text-center" aria-label="Polka Dot Upholstery">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/p/polka-dot-upholstery__47553.original.jpg"
alt="Polka Dot Upholstery"
width="32"
height="24"
loading="lazy"
/>
<strong>Polka Dot Upholstery</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/scrollwork-upholstery/" class="inline-flex items-center py-3 text-center" aria-label="Scrollwork Upholstery">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/w/scrollwork-upholstery__95954.original.jpg"
alt="Scrollwork Upholstery"
width="32"
height="24"
loading="lazy"
/>
<strong>Scrollwork Upholstery</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/solid-upholstery/" class="inline-flex items-center py-3 text-center" aria-label="Solid Upholstery">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/r/solid-upholstery__96077.original.jpg"
alt="Solid Upholstery"
width="32"
height="24"
loading="lazy"
/>
<strong>Solid Upholstery</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/striped-upholstery/" class="inline-flex items-center py-3 text-center" aria-label="Striped Upholstery">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/h/striped-upholstery__24899.original.jpg"
alt="Striped Upholstery"
width="32"
height="24"
loading="lazy"
/>
<strong>Striped Upholstery</strong>
</a>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/upholstery-by-color/"
class="inline-flex items-center py-3 text-center"
aria-label="UPHOLSTERY BY COLOR"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/l/upholstery-by-color__54624.original.jpg"
alt="UPHOLSTERY BY COLOR"
width="32"
height="24"
loading="lazy"
/>
<strong>UPHOLSTERY BY COLOR</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/upholstery-by-color/" class="inline-flex items-center py-3 text-center" aria-label="UPHOLSTERY BY COLOR">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/l/upholstery-by-color__54624.original.jpg"
alt="UPHOLSTERY BY COLOR"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All UPHOLSTERY BY COLOR</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/beige-upholstery/" class="inline-flex items-center py-3 text-center" aria-label="Beige Upholstery">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/f/beige-upholstery__55947.original.jpg"
alt="Beige Upholstery"
width="32"
height="24"
loading="lazy"
/>
<strong>Beige Upholstery</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/black-upholstery/" class="inline-flex items-center py-3 text-center" aria-label="Black Upholstery Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/v/black-upholstery-fabric__87473.original.jpg"
alt="Black Upholstery Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Black Upholstery Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/blue-upholstery/" class="inline-flex items-center py-3 text-center" aria-label="Blue Upholstery Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/l/blue-upholstery-fabric__64002.original.jpg"
alt="Blue Upholstery Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Blue Upholstery Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/bronze-upholstery/" class="inline-flex items-center py-3 text-center" aria-label="Bronze Upholstery">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/l/bronze-upholstery__08527.original.jpg"
alt="Bronze Upholstery"
width="32"
height="24"
loading="lazy"
/>
<strong>Bronze Upholstery</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/brown-upholstery/" class="inline-flex items-center py-3 text-center" aria-label="Brown Upholstery Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/s/brown-upholstery-fabric__44186.original.jpg"
alt="Brown Upholstery Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Brown Upholstery Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/gold-upholstery/" class="inline-flex items-center py-3 text-center" aria-label="Gold Upholstery Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/v/gold-upholstery-fabric__51212.original.jpg"
alt="Gold Upholstery Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Gold Upholstery Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/gray-upholstery/" class="inline-flex items-center py-3 text-center" aria-label="Gray Upholstery Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/m/gray-upholstery-fabric__78842.original.jpg"
alt="Gray Upholstery Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Gray Upholstery Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/green-upholstery/" class="inline-flex items-center py-3 text-center" aria-label="Green Upholstery Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/f/green-upholstery-fabric__60250.original.jpg"
alt="Green Upholstery Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Green Upholstery Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/off-white-upholstery/" class="inline-flex items-center py-3 text-center" aria-label="Off White Upholstery">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/p/off-white-upholstery__24103.original.jpg"
alt="Off White Upholstery"
width="32"
height="24"
loading="lazy"
/>
<strong>Off White Upholstery</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/orange-upholstery/" class="inline-flex items-center py-3 text-center" aria-label="Orange Upholstery Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/c/orange-upholstery-fabric__04434.original.jpg"
alt="Orange Upholstery Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Orange Upholstery Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/pink-upholstery/" class="inline-flex items-center py-3 text-center" aria-label="Pink Upholstery Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/i/pink-upholstery-fabric__11907.original.jpg"
alt="Pink Upholstery Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Pink Upholstery Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/purple-upholstery/" class="inline-flex items-center py-3 text-center" aria-label="Purple Upholstery">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/o/purple-upholstery__73944.original.jpg"
alt="Purple Upholstery"
width="32"
height="24"
loading="lazy"
/>
<strong>Purple Upholstery</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/red-upholstery/" class="inline-flex items-center py-3 text-center" aria-label="Red Upholstery">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/s/red-upholstery__73329.original.jpg"
alt="Red Upholstery"
width="32"
height="24"
loading="lazy"
/>
<strong>Red Upholstery</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/silver-upholstery/" class="inline-flex items-center py-3 text-center" aria-label="Silver Upholstery">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/z/silver-upholstery__92742.original.jpg"
alt="Silver Upholstery"
width="32"
height="24"
loading="lazy"
/>
<strong>Silver Upholstery</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/tan-upholstery/" class="inline-flex items-center py-3 text-center" aria-label="Tan Upholstery">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/y/tan-upholstery__55723.original.jpg"
alt="Tan Upholstery"
width="32"
height="24"
loading="lazy"
/>
<strong>Tan Upholstery</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/white-upholstery/" class="inline-flex items-center py-3 text-center" aria-label="White Upholstery">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/a/white-upholstery__20394.original.jpg"
alt="White Upholstery"
width="32"
height="24"
loading="lazy"
/>
<strong>White Upholstery</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/yellow-upholstery/" class="inline-flex items-center py-3 text-center" aria-label="Yellow Upholstery">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/w/yellow-upholstery__64356.original.jpg"
alt="Yellow Upholstery"
width="32"
height="24"
loading="lazy"
/>
<strong>Yellow Upholstery</strong>
</a>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/upholstery-fabrics-1/"
class="inline-flex items-center py-3 text-center"
aria-label="UPHOLSTERY BY TYPE"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/i/upholstery-fabrics__42890.original.jpg"
alt="UPHOLSTERY BY TYPE"
width="32"
height="24"
loading="lazy"
/>
<strong>UPHOLSTERY BY TYPE</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/upholstery-fabrics-1/" class="inline-flex items-center py-3 text-center" aria-label="UPHOLSTERY BY TYPE">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/i/upholstery-fabrics__42890.original.jpg"
alt="UPHOLSTERY BY TYPE"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All UPHOLSTERY BY TYPE</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/woven-upholstery-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="All Upholstery">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/c/all-upholstery__46478.original.jpg"
alt="All Upholstery"
width="32"
height="24"
loading="lazy"
/>
<strong>All Upholstery</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/crypton/" class="inline-flex items-center py-3 text-center" aria-label="Crypton">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/crypton__32147.original.jpg"
alt="Crypton"
width="32"
height="24"
loading="lazy"
/>
<strong>Crypton</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/jacquards/" class="inline-flex items-center py-3 text-center" aria-label="Jacquards">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/k/jacquards__55431.original.jpg"
alt="Jacquards"
width="32"
height="24"
loading="lazy"
/>
<strong>Jacquards</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/quilted/" class="inline-flex items-center py-3 text-center" aria-label="Quilted">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/h/quilted__36376.original.jpg"
alt="Quilted"
width="32"
height="24"
loading="lazy"
/>
<strong>Quilted</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/wool-1/" class="inline-flex items-center py-3 text-center" aria-label="Wool.">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/r/wool__99054.original.jpg"
alt="Wool."
width="32"
height="24"
loading="lazy"
/>
<strong>Wool.</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/embroidered-upholstery/" class="inline-flex items-center py-3 text-center" aria-label="Embroidered  Upholstery">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/j/embroidered--upholstery__32089.original.jpg"
alt="Embroidered  Upholstery"
width="32"
height="24"
loading="lazy"
/>
<strong>Embroidered  Upholstery</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/basketweave-fabric/" class="inline-flex items-center py-3 text-center" aria-label="Basketweave Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/i/basketweave-fabric__39275.original.jpg"
alt="Basketweave Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Basketweave Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/corduroy-fabric/" class="inline-flex items-center py-3 text-center" aria-label="Corduroy Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/i/corduroy-fabric__60766.original.jpg"
alt="Corduroy Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Corduroy Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/chenille-uphlolstery/" class="inline-flex items-center py-3 text-center" aria-label="Chenille Upholstery">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/r/chenille-upholstery__70089.original.jpg"
alt="Chenille Upholstery"
width="32"
height="24"
loading="lazy"
/>
<strong>Chenille Upholstery</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/linen-linen-likle/" class="inline-flex items-center py-3 text-center" aria-label="Linen & Linen Like">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/y/linen--linen-like__25578.original.jpg"
alt="Linen & Linen Like"
width="32"
height="24"
loading="lazy"
/>
<strong>Linen & Linen Like</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/micro-suede-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Micro Suede Fabrics">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/g/micro-suede-fabrics__33790.original.jpg"
alt="Micro Suede Fabrics"
width="32"
height="24"
loading="lazy"
/>
<strong>Micro Suede Fabrics</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/microfiber-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Microfiber Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/microfiber-fabric__05209.original.jpg"
alt="Microfiber Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Microfiber Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/marine-patio/" class="inline-flex items-center py-3 text-center" aria-label="Outdoor (Marine & Patio)">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/o/outdoor-marine--patio__65751.original.jpg"
alt="Outdoor (Marine & Patio)"
width="32"
height="24"
loading="lazy"
/>
<strong>Outdoor (Marine & Patio)</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/discount-robert-allen-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Robert Allen">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/y/robert-allen__19138.original.jpg"
alt="Robert Allen"
width="32"
height="24"
loading="lazy"
/>
<strong>Robert Allen</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/rustic-tapestry-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Rustic Tapestry Fabrics">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/d/rustic-tapestry-fabrics__11083.original.jpg"
alt="Rustic Tapestry Fabrics"
width="32"
height="24"
loading="lazy"
/>
<strong>Rustic Tapestry Fabrics</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/velvet-fabric/" class="inline-flex items-center py-3 text-center" aria-label="Velvet Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/h/velvet-fabric__45006.original.jpg"
alt="Velvet Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Velvet Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/denim-upholstery/" class="inline-flex items-center py-3 text-center" aria-label="Denim Upholstery">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/o/denim-upholstery__72947.original.jpg"
alt="Denim Upholstery"
width="32"
height="24"
loading="lazy"
/>
<strong>Denim Upholstery</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/cotton-canvas-duck-fabric/" class="inline-flex items-center py-3 text-center" aria-label="Cotton Canvas + Duck">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/y/cotton-canvas--duck__18892.original.jpg"
alt="Cotton Canvas + Duck"
width="32"
height="24"
loading="lazy"
/>
<strong>Cotton Canvas + Duck</strong>
</a>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/upholstery-fabric-by-weight/"
class="inline-flex items-center py-3 text-center"
aria-label="UPHOLSTERY FABRIC BY WEIGHT"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/q/upholstery-fabric-by-weight__98562.original.jpg"
alt="UPHOLSTERY FABRIC BY WEIGHT"
width="32"
height="24"
loading="lazy"
/>
<strong>UPHOLSTERY FABRIC BY WEIGHT</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/upholstery-fabric-by-weight/" class="inline-flex items-center py-3 text-center" aria-label="UPHOLSTERY FABRIC BY WEIGHT">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/q/upholstery-fabric-by-weight__98562.original.jpg"
alt="UPHOLSTERY FABRIC BY WEIGHT"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All UPHOLSTERY FABRIC BY WEIGHT</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/light-weight-home-decor-fabric/" class="inline-flex items-center py-3 text-center" aria-label="Upholstery Light">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/a/upholstery-light__74103.original.jpg"
alt="Upholstery Light"
width="32"
height="24"
loading="lazy"
/>
<strong>Upholstery Light</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/medium-weight-drapery-curtain-upholstery-fabric/" class="inline-flex items-center py-3 text-center" aria-label="Upholstery Medium">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/q/upholstery-medium__18011.original.jpg"
alt="Upholstery Medium"
width="32"
height="24"
loading="lazy"
/>
<strong>Upholstery Medium</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/heavy-weight-upholstery-fabrics-1/" class="inline-flex items-center py-3 text-center" aria-label="Upholstery Heavy">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/s/upholstery-heavy__15793.original.jpg"
alt="Upholstery Heavy"
width="32"
height="24"
loading="lazy"
/>
<strong>Upholstery Heavy</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/upholstery-fabric-extra-heavy/" class="inline-flex items-center py-3 text-center" aria-label="Upholstery Fabric EXTRA HEAVY">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/d/upholstery-fabric-extra-heavy__58247.original.jpg"
alt="Upholstery Fabric EXTRA HEAVY"
width="32"
height="24"
loading="lazy"
/>
<strong>Upholstery Fabric EXTRA HEAVY</strong>
</a>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/vinyl-upholstery/"
class="inline-flex items-center py-3 text-center"
aria-label="UPHOLSTERY VINYLS"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/u/upholstery-vinyls__29147.original.jpg"
alt="UPHOLSTERY VINYLS"
width="32"
height="24"
loading="lazy"
/>
<strong>UPHOLSTERY VINYLS</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/vinyl-upholstery/" class="inline-flex items-center py-3 text-center" aria-label="UPHOLSTERY VINYLS">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/u/upholstery-vinyls__29147.original.jpg"
alt="UPHOLSTERY VINYLS"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All UPHOLSTERY VINYLS</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/nassimi-classic-premium/" class="inline-flex items-center py-3 text-center" aria-label="Nassimi Classic - Premium -">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/u/nassimi-classic--premium__12625.original.jpg"
alt="Nassimi Classic - Premium -"
width="32"
height="24"
loading="lazy"
/>
<strong>Nassimi Classic - Premium -</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/nassimi-impulse-sale/" class="inline-flex items-center py-3 text-center" aria-label="Nassimi Impulse - Sale! -">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/o/nassimi-impulse--sale__33912.original.jpg"
alt="Nassimi Impulse - Sale! -"
width="32"
height="24"
loading="lazy"
/>
<strong>Nassimi Impulse - Sale! -</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/upholstery-vinyl-fabric/" class="inline-flex items-center py-3 text-center" aria-label="Non-Marine Upholstery Vinyl">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/c/nonmarine-upholstery-vinyl__15150.original.jpg"
alt="Non-Marine Upholstery Vinyl"
width="32"
height="24"
loading="lazy"
/>
<strong>Non-Marine Upholstery Vinyl</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/upholstery-vinyl-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Upholstery Vinyl">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/n/upholstery-vinyl__42335.original.jpg"
alt="Upholstery Vinyl"
width="32"
height="24"
loading="lazy"
/>
<strong>Upholstery Vinyl</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/pvc-free-vinyl-fabric-high-end/" class="inline-flex items-center py-3 text-center" aria-label="Enviro Leather">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/d/enviro-leather__71849.original.jpg"
alt="Enviro Leather"
width="32"
height="24"
loading="lazy"
/>
<strong>Enviro Leather</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/glitter-vinyl/" class="inline-flex items-center py-3 text-center" aria-label="Glitter Vinyl">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/g/glitter-vinyl__35710.original.jpg"
alt="Glitter Vinyl"
width="32"
height="24"
loading="lazy"
/>
<strong>Glitter Vinyl</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/snake-croc-vinyl/" class="inline-flex items-center py-3 text-center" aria-label="Reptile & Bird  Vinyl">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/l/reptile--bird--vinyl__16885.original.jpg"
alt="Reptile & Bird  Vinyl"
width="32"
height="24"
loading="lazy"
/>
<strong>Reptile & Bird  Vinyl</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/3-ply-vinyl-industrial-strength/" class="inline-flex items-center py-3 text-center" aria-label="3 Ply Vinyl">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/z/3-ply-vinyl__65569.original.jpg"
alt="3 Ply Vinyl"
width="32"
height="24"
loading="lazy"
/>
<strong>3 Ply Vinyl</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/picnic-table-vinyl/" class="inline-flex items-center py-3 text-center" aria-label="Picnic Table Vinyl">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/l/picnic-table-vinyl__58738.original.jpg"
alt="Picnic Table Vinyl"
width="32"
height="24"
loading="lazy"
/>
<strong>Picnic Table Vinyl</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/table-top-picnic-table-vinyl/" class="inline-flex items-center py-3 text-center" aria-label="Table Top Vinyl">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/q/table-top-vinyl__83529.original.jpg"
alt="Table Top Vinyl"
width="32"
height="24"
loading="lazy"
/>
<strong>Table Top Vinyl</strong>
</a>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/foam-batting-supplies/"
class="inline-flex items-center py-3 text-center"
aria-label="Foam & Batting Supplies"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/i/foam--batting-supplies__01724.original.jpg"
alt="Foam & Batting Supplies"
width="32"
height="24"
loading="lazy"
/>
<strong>Foam & Batting Supplies</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/foam-batting-supplies/" class="inline-flex items-center py-3 text-center" aria-label="Foam & Batting Supplies">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/i/foam--batting-supplies__01724.original.jpg"
alt="Foam & Batting Supplies"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All Foam & Batting Supplies</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/quilt-upholstery-batting-dacron-fiber/" class="inline-flex items-center py-3 text-center" aria-label="Upholstery Batting">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/r/upholstery-batting__76890.original.jpg"
alt="Upholstery Batting"
width="32"
height="24"
loading="lazy"
/>
<strong>Upholstery Batting</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/fiber-foam-lower-cost/" class="inline-flex items-center py-3 text-center" aria-label="Fiber Foam (Lower Cost)">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/g/fiber-foam-lower-cost__45719.original.jpg"
alt="Fiber Foam (Lower Cost)"
width="32"
height="24"
loading="lazy"
/>
<strong>Fiber Foam (Lower Cost)</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/custom-cut-foam/" class="inline-flex items-center py-3 text-center" aria-label="Custom Cut Foam">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/custom-cut-foam__68706.original.jpg"
alt="Custom Cut Foam"
width="32"
height="24"
loading="lazy"
/>
<strong>Custom Cut Foam</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/upholstery-foam/" class="inline-flex items-center py-3 text-center" aria-label="Upholstery Foam">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/s/upholstery-foam__10736.original.jpg"
alt="Upholstery Foam"
width="32"
height="24"
loading="lazy"
/>
<strong>Upholstery Foam</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/cushion-foam/" class="inline-flex items-center py-3 text-center" aria-label="Cushion Foam">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/l/cushion-foam__45494.original.jpg"
alt="Cushion Foam"
width="32"
height="24"
loading="lazy"
/>
<strong>Cushion Foam</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/foam-batting/" class="inline-flex items-center py-3 text-center" aria-label="Foam Batting">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/d/foam-batting__83568.original.jpg"
alt="Foam Batting"
width="32"
height="24"
loading="lazy"
/>
<strong>Foam Batting</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/foam-glue/" class="inline-flex items-center py-3 text-center" aria-label="Foam Glue">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/o/foam-glue__89422.original.jpg"
alt="Foam Glue"
width="32"
height="24"
loading="lazy"
/>
<strong>Foam Glue</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/headliner-sew-foam/" class="inline-flex items-center py-3 text-center" aria-label="Headliner + Sew Foam">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/n/headliner--sew-foam__80835.original.jpg"
alt="Headliner + Sew Foam"
width="32"
height="24"
loading="lazy"
/>
<strong>Headliner + Sew Foam</strong>
</a>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/upholstery-thread/"
class="inline-flex items-center py-3 text-center"
aria-label="Upholstery Thread"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/upholstery-thread__22046.original.jpg"
alt="Upholstery Thread"
width="32"
height="24"
loading="lazy"
/>
<strong>Upholstery Thread</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/upholstery-thread/" class="inline-flex items-center py-3 text-center" aria-label="Upholstery Thread">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/upholstery-thread__22046.original.jpg"
alt="Upholstery Thread"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All Upholstery Thread</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/tex-50-thread-light-weight-1/" class="inline-flex items-center py-3 text-center" aria-label="Tex 50 Thread - Light Weight..">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/f/tex-50-thread--light-weight__63170.original.jpg"
alt="Tex 50 Thread - Light Weight.."
width="32"
height="24"
loading="lazy"
/>
<strong>Tex 50 Thread - Light Weight..</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/tex-75-med-heavy-weight/" class="inline-flex items-center py-3 text-center" aria-label="Tex 75 Med/Heavy Weight..">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/n/tex-75-medheavy-weight__27467.original.jpg"
alt="Tex 75 Med/Heavy Weight.."
width="32"
height="24"
loading="lazy"
/>
<strong>Tex 75 Med/Heavy Weight..</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/tex-90-100-heavy-weight-2/" class="inline-flex items-center py-3 text-center" aria-label="Tex 90-100 - Heavy Weight...">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/g/tex-90100--heavy-weight__95447.original.jpg"
alt="Tex 90-100 - Heavy Weight..."
width="32"
height="24"
loading="lazy"
/>
<strong>Tex 90-100 - Heavy Weight...</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/12-wt-ultra-thick-top-stitch-2/" class="inline-flex items-center py-3 text-center" aria-label="12 Wt. Ultra Thick - Top Stitch">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/v/12-wt-ultra-thick--top-stitch__63207.original.jpg"
alt="12 Wt. Ultra Thick - Top Stitch"
width="32"
height="24"
loading="lazy"
/>
<strong>12 Wt. Ultra Thick - Top Stitch</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/v92-commercial-1/" class="inline-flex items-center py-3 text-center" aria-label="V92 Commercial .">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/a/b92-commercial__67471.original.jpg"
alt="V92 Commercial ."
width="32"
height="24"
loading="lazy"
/>
<strong>V92 Commercial .</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/sunguard-commercial/" class="inline-flex items-center py-3 text-center" aria-label="SUNGUARD (Commercial)">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/j/sunguard-commercial__08164.original.jpg"
alt="SUNGUARD (Commercial)"
width="32"
height="24"
loading="lazy"
/>
<strong>SUNGUARD (Commercial)</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/high-spec-commercial/" class="inline-flex items-center py-3 text-center" aria-label="HIGH SPEC (Commercial)">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/x/high-spec-commercial__16908.original.jpg"
alt="HIGH SPEC (Commercial)"
width="32"
height="24"
loading="lazy"
/>
<strong>HIGH SPEC (Commercial)</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/guterman-2/" class="inline-flex items-center py-3 text-center" aria-label="GUTERMAN...">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/e/guterman__77708.original.jpg"
alt="GUTERMAN..."
width="32"
height="24"
loading="lazy"
/>
<strong>GUTERMAN...</strong>
</a>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/other-supplies/"
class="inline-flex items-center py-3 text-center"
aria-label="Other Supplies"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/k/other-supplies__30476.original.jpg"
alt="Other Supplies"
width="32"
height="24"
loading="lazy"
/>
<strong>Other Supplies</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/other-supplies/" class="inline-flex items-center py-3 text-center" aria-label="Other Supplies">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/k/other-supplies__30476.original.jpg"
alt="Other Supplies"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All Other Supplies</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/fabric-glue-adhesives/" class="inline-flex items-center py-3 text-center" aria-label="Adhesives">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/c/adhesives__02541.original.jpg"
alt="Adhesives"
width="32"
height="24"
loading="lazy"
/>
<strong>Adhesives</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/nails-tacks/" class="inline-flex items-center py-3 text-center" aria-label="Nails & Tacks">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/j/nails--tacks__87091.original.jpg"
alt="Nails & Tacks"
width="32"
height="24"
loading="lazy"
/>
<strong>Nails & Tacks</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/welt-piping/" class="inline-flex items-center py-3 text-center" aria-label="Welt / Piping">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/r/welt--piping__91309.original.jpg"
alt="Welt / Piping"
width="32"
height="24"
loading="lazy"
/>
<strong>Welt / Piping</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/burlap-edge-cord/" class="inline-flex items-center py-3 text-center" aria-label="Burlap/Jute Webbing">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/w/burlapjute-webbing__56447.original.jpg"
alt="Burlap/Jute Webbing"
width="32"
height="24"
loading="lazy"
/>
<strong>Burlap/Jute Webbing</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/sewing-zipper/" class="inline-flex items-center py-3 text-center" aria-label="Zippers">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/q/zippers__83703.original.jpg"
alt="Zippers"
width="32"
height="24"
loading="lazy"
/>
<strong>Zippers</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/grommet-kits/" class="inline-flex items-center py-3 text-center" aria-label="Grommet Kits">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/m/grommet-kits__06136.original.jpg"
alt="Grommet Kits"
width="32"
height="24"
loading="lazy"
/>
<strong>Grommet Kits</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/velcro-products-hook-loop/" class="inline-flex items-center py-3 text-center" aria-label="Velcro Products">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/j/velcro-products__54712.original.jpg"
alt="Velcro Products"
width="32"
height="24"
loading="lazy"
/>
<strong>Velcro Products</strong>
</a>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/curtain-fabric/"
class="inline-flex items-center py-3 text-center"
aria-label="CURTAIN"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/x/curtain__09492.original.jpg"
alt="CURTAIN"
width="32"
height="24"
loading="lazy"
/>
<strong>CURTAIN</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/curtain-fabric/" class="inline-flex items-center py-3 text-center" aria-label="CURTAIN">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/x/curtain__09492.original.jpg"
alt="CURTAIN"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All CURTAIN</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/oil-cloth/" class="inline-flex items-center py-3 text-center" aria-label="Oil Cloth">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/y/oil-cloth__31730.original.jpg"
alt="Oil Cloth"
width="32"
height="24"
loading="lazy"
/>
<strong>Oil Cloth</strong>
</a>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/curtain-fabrics/"
class="inline-flex items-center py-3 text-center"
aria-label="Curtain Fabrics By Type"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/curtain-fabrics__99386.original.jpg"
alt="Curtain Fabrics By Type"
width="32"
height="24"
loading="lazy"
/>
<strong>Curtain Fabrics By Type</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/curtain-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Curtain Fabrics By Type">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/curtain-fabrics__99386.original.jpg"
alt="Curtain Fabrics By Type"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All Curtain Fabrics By Type</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/drapery-fabric/" class="inline-flex items-center py-3 text-center" aria-label="Drapery Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/a/drapery-fabric__09672.original.jpg"
alt="Drapery Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Drapery Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/linen-linen-like/" class="inline-flex items-center py-3 text-center" aria-label="Linen & Linen Like.">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/f/linen--linen-like__76267.original.jpg"
alt="Linen & Linen Like."
width="32"
height="24"
loading="lazy"
/>
<strong>Linen & Linen Like.</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/drapery-lining/" class="inline-flex items-center py-3 text-center" aria-label="Drapery Lining">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/p/drapery-lining__14839.original.jpg"
alt="Drapery Lining"
width="32"
height="24"
loading="lazy"
/>
<strong>Drapery Lining</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/sheer-and-lace-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Sheer And Lace">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/t/sheer-and-lace__88734.original.jpg"
alt="Sheer And Lace"
width="32"
height="24"
loading="lazy"
/>
<strong>Sheer And Lace</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/indoor-outdoor-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Outdoor / Indoor">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/c/outdoor--indoor__11412.original.jpg"
alt="Outdoor / Indoor"
width="32"
height="24"
loading="lazy"
/>
<strong>Outdoor / Indoor</strong>
</a>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/drape-curtain-hardware-supplies/"
class="inline-flex items-center py-3 text-center"
aria-label="Curtain Supplies"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/l/curtain-supplies__48175.original.jpg"
alt="Curtain Supplies"
width="32"
height="24"
loading="lazy"
/>
<strong>Curtain Supplies</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/drape-curtain-hardware-supplies/" class="inline-flex items-center py-3 text-center" aria-label="Curtain Supplies">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/l/curtain-supplies__48175.original.jpg"
alt="Curtain Supplies"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All Curtain Supplies</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/all-other-sewing-upholstery-curtain-supplies/" class="inline-flex items-center py-3 text-center" aria-label="All Other Supplies">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/x/all-other-supplies__51378.original.jpg"
alt="All Other Supplies"
width="32"
height="24"
loading="lazy"
/>
<strong>All Other Supplies</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/drapery-curtain-hardware/" class="inline-flex items-center py-3 text-center" aria-label="Drapery Hardware">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/a/drapery-hardware__80009.original.jpg"
alt="Drapery Hardware"
width="32"
height="24"
loading="lazy"
/>
<strong>Drapery Hardware</strong>
</a>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/drapery-fabric-by-weight/"
class="inline-flex items-center py-3 text-center"
aria-label="DRAPERY FABRIC BY WEIGHT"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/i/drapery-fabric-by-weight__88344.original.jpg"
alt="DRAPERY FABRIC BY WEIGHT"
width="32"
height="24"
loading="lazy"
/>
<strong>DRAPERY FABRIC BY WEIGHT</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/drapery-fabric-by-weight/" class="inline-flex items-center py-3 text-center" aria-label="DRAPERY FABRIC BY WEIGHT">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/i/drapery-fabric-by-weight__88344.original.jpg"
alt="DRAPERY FABRIC BY WEIGHT"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All DRAPERY FABRIC BY WEIGHT</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/light-weight-curtain-drapery-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Drapery Light">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/p/drapery-light__23376.original.jpg"
alt="Drapery Light"
width="32"
height="24"
loading="lazy"
/>
<strong>Drapery Light</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/standard-weight-drapery-curtain-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Drapery Medium">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/t/drapery-medium__91855.original.jpg"
alt="Drapery Medium"
width="32"
height="24"
loading="lazy"
/>
<strong>Drapery Medium</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/heavy-weight-curtain-drapery-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Drapery Heavy">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/drapery-heavy__88560.original.jpg"
alt="Drapery Heavy"
width="32"
height="24"
loading="lazy"
/>
<strong>Drapery Heavy</strong>
</a>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/leather/"
class="inline-flex items-center py-3 text-center"
aria-label="LEATHER"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/g/leather__52603.original.jpg"
alt="LEATHER"
width="32"
height="24"
loading="lazy"
/>
<strong>LEATHER</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/leather/" class="inline-flex items-center py-3 text-center" aria-label="LEATHER">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/g/leather__52603.original.jpg"
alt="LEATHER"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All LEATHER</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/full-hides/" class="inline-flex items-center py-3 text-center" aria-label="FULL HIDES">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/x/full-hides__12173.original.jpg"
alt="FULL HIDES"
width="32"
height="24"
loading="lazy"
/>
<strong>FULL HIDES</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/half-hide-leather/" class="inline-flex items-center py-3 text-center" aria-label="HALF HIDE LEATHER">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/f/cow-hide-leather__64516.original.jpg"
alt="HALF HIDE LEATHER"
width="32"
height="24"
loading="lazy"
/>
<strong>HALF HIDE LEATHER</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/lamb-skins/" class="inline-flex items-center py-3 text-center" aria-label="LAMB SKIN LEATHER">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/v/lamb-skin-leather__35148.original.jpg"
alt="LAMB SKIN LEATHER"
width="32"
height="24"
loading="lazy"
/>
<strong>LAMB SKIN LEATHER</strong>
</a>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/utility-fabric/"
class="inline-flex items-center py-3 text-center"
aria-label="UTILITY"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/l/utility__65530.original.jpg"
alt="UTILITY"
width="32"
height="24"
loading="lazy"
/>
<strong>UTILITY</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/utility-fabric/" class="inline-flex items-center py-3 text-center" aria-label="UTILITY">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/l/utility__65530.original.jpg"
alt="UTILITY"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All UTILITY</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/burlap-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Burlap Fabrics">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/e/burlap-fabrics__57527.original.jpg"
alt="Burlap Fabrics"
width="32"
height="24"
loading="lazy"
/>
<strong>Burlap Fabrics</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/denim-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Denim Fabrics">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/x/denim-fabrics__52825.original.jpg"
alt="Denim Fabrics"
width="32"
height="24"
loading="lazy"
/>
<strong>Denim Fabrics</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/industial-vinyl/" class="inline-flex items-center py-3 text-center" aria-label="Industial Vinyl">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/j/industial-vinyl__31601.original.jpg"
alt="Industial Vinyl"
width="32"
height="24"
loading="lazy"
/>
<strong>Industial Vinyl</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/organic/" class="inline-flex items-center py-3 text-center" aria-label="ORGANIC">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/z/organic__24600.original.jpg"
alt="ORGANIC"
width="32"
height="24"
loading="lazy"
/>
<strong>ORGANIC</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/un-treated-canvas-1/" class="inline-flex items-center py-3 text-center" aria-label="Un-Treated Canvas.">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/e/untreated-canvas__48826.original.jpg"
alt="Un-Treated Canvas."
width="32"
height="24"
loading="lazy"
/>
<strong>Un-Treated Canvas.</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/waxed-canvas-1/" class="inline-flex items-center py-3 text-center" aria-label="Waxed Canvas">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/j/waxed-canvas__47727.original.jpg"
alt="Waxed Canvas"
width="32"
height="24"
loading="lazy"
/>
<strong>Waxed Canvas</strong>
</a>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/webbing-straps/"
class="inline-flex items-center py-3 text-center"
aria-label="WEBBING / STRAPS"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/i/webbing--straps__59858.original.jpg"
alt="WEBBING / STRAPS"
width="32"
height="24"
loading="lazy"
/>
<strong>WEBBING / STRAPS</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/webbing-straps/" class="inline-flex items-center py-3 text-center" aria-label="WEBBING / STRAPS">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/i/webbing--straps__59858.original.jpg"
alt="WEBBING / STRAPS"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All WEBBING / STRAPS</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/1-poly-light-weight/" class="inline-flex items-center py-3 text-center" aria-label="1" POLY Light Weight">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/d/1-poly-light-weight__00113.original.jpg"
alt="1" POLY Light Weight"
width="32"
height="24"
loading="lazy"
/>
<strong>1" POLY Light Weight</strong>
</a>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
<li >
<a href="https://fabricwarehouse.com/all-other-utility-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Other">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/l/other__00889.original.jpg"
alt="Other"
width="32"
height="24"
loading="lazy"
/>
<strong>Other</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/screening-netting-berry-cloth-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Screening & Netting">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/y/screening--netting__77084.original.jpg"
alt="Screening & Netting"
width="32"
height="24"
loading="lazy"
/>
<strong>Screening & Netting</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/felt-fabric/" class="inline-flex items-center py-3 text-center" aria-label="Felt Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/h/felt-fabric__21320.original.jpg"
alt="Felt Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Felt Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/wool-fabrics-coating-rug/" class="inline-flex items-center py-3 text-center" aria-label="Wool Fabrics">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/t/wool-fabrics__22603.original.jpg"
alt="Wool Fabrics"
width="32"
height="24"
loading="lazy"
/>
<strong>Wool Fabrics</strong>
</a>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/nylon-fabrics/"
class="inline-flex items-center py-3 text-center"
aria-label="Nylon Fabrics"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/h/nylon-fabrics__34751.original.jpg"
alt="Nylon Fabrics"
width="32"
height="24"
loading="lazy"
/>
<strong>Nylon Fabrics</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/nylon-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Nylon Fabrics">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/h/nylon-fabrics__34751.original.jpg"
alt="Nylon Fabrics"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All Nylon Fabrics</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/diamond-ripstop-nylon/" class="inline-flex items-center py-3 text-center" aria-label="Diamond Ripstop Nylon">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/c/diamond-ripstop-nylon__16698.original.jpg"
alt="Diamond Ripstop Nylon"
width="32"
height="24"
loading="lazy"
/>
<strong>Diamond Ripstop Nylon</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/pvc-backed-nylon/" class="inline-flex items-center py-3 text-center" aria-label="PVC Backed Nylon">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/i/pvc-backed-nylon__04899.original.jpg"
alt="PVC Backed Nylon"
width="32"
height="24"
loading="lazy"
/>
<strong>PVC Backed Nylon</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/ultra-nylon-fabric/" class="inline-flex items-center py-3 text-center" aria-label="Ultra Nylon Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/x/ultra-nylon-fabric__36516.original.jpg"
alt="Ultra Nylon Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Ultra Nylon Fabric</strong>
</a>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/non-fabric-supplies/"
class="inline-flex items-center py-3 text-center"
aria-label="SUPPLIES"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/supplies__10817.original.jpg"
alt="SUPPLIES"
width="32"
height="24"
loading="lazy"
/>
<strong>SUPPLIES</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/non-fabric-supplies/" class="inline-flex items-center py-3 text-center" aria-label="SUPPLIES">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/supplies__10817.original.jpg"
alt="SUPPLIES"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All SUPPLIES</strong>
</a>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/zippers/"
class="inline-flex items-center py-3 text-center"
aria-label="Zippers"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/w/zippers__12884.original.jpg"
alt="Zippers"
width="32"
height="24"
loading="lazy"
/>
<strong>Zippers</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/zippers/" class="inline-flex items-center py-3 text-center" aria-label="Zippers">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/w/zippers__12884.original.jpg"
alt="Zippers"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All Zippers</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/coil-zipper-by-the-yard/" class="inline-flex items-center py-3 text-center" aria-label="COIL ZIPPER BY THE YARD">
<strong>COIL ZIPPER BY THE YARD</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/metal-zipper-by-the-yard/" class="inline-flex items-center py-3 text-center" aria-label="METAL ZIPPER BY THE YARD">
<strong>METAL ZIPPER BY THE YARD</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/molded-zipper-by-the-yard/" class="inline-flex items-center py-3 text-center" aria-label="MOLDED ZIPPER BY THE YARD">
<strong>MOLDED ZIPPER BY THE YARD</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/zipper-tops-bottoms-stops/" class="inline-flex items-center py-3 text-center" aria-label="ZIPPER TOPS & BOTTOMS & STOPS">
<strong>ZIPPER TOPS & BOTTOMS & STOPS</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/marine-zippers/" class="inline-flex items-center py-3 text-center" aria-label="Marine Zippers">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/marine-zippers__71887.original.jpg"
alt="Marine Zippers"
width="32"
height="24"
loading="lazy"
/>
<strong>Marine Zippers</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/separating-zippers-to-12/" class="inline-flex items-center py-3 text-center" aria-label="Separating Zippers">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/v/separating-zippers-to-12__91165.original.jpg"
alt="Separating Zippers"
width="32"
height="24"
loading="lazy"
/>
<strong>Separating Zippers</strong>
</a>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
<li >
<a href="https://fabricwarehouse.com/needles-scissors-notions/" class="inline-flex items-center py-3 text-center" aria-label="Needles, Scissors & Notions">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/v/needles-scissors--notions__89283.original.jpg"
alt="Needles, Scissors & Notions"
width="32"
height="24"
loading="lazy"
/>
<strong>Needles, Scissors & Notions</strong>
</a>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/hardware/"
class="inline-flex items-center py-3 text-center"
aria-label="Hardware | Snaps | Buckles"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/l/hardware__22858.original.jpg"
alt="Hardware | Snaps | Buckles"
width="32"
height="24"
loading="lazy"
/>
<strong>Hardware | Snaps | Buckles</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/hardware/" class="inline-flex items-center py-3 text-center" aria-label="Hardware | Snaps | Buckles">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/l/hardware__22858.original.jpg"
alt="Hardware | Snaps | Buckles"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All Hardware | Snaps | Buckles</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/grommets-grommet-kits/" class="inline-flex items-center py-3 text-center" aria-label="GROMMETS & GROMMET KITS">
<strong>GROMMETS & GROMMET KITS</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/poly-hardware/" class="inline-flex items-center py-3 text-center" aria-label="Poly Hardware">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/p/poly-hardware__75054.original.jpg"
alt="Poly Hardware"
width="32"
height="24"
loading="lazy"
/>
<strong>Poly Hardware</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/metal-hardware-1/" class="inline-flex items-center py-3 text-center" aria-label="Metal Hardware">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/a/metal-hardware__07535.original.jpg"
alt="Metal Hardware"
width="32"
height="24"
loading="lazy"
/>
<strong>Metal Hardware</strong>
</a>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/foam-batting-3/"
class="inline-flex items-center py-3 text-center"
aria-label="FOAM & BATTING"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/u/foam-products__78605.original.jpg"
alt="FOAM & BATTING"
width="32"
height="24"
loading="lazy"
/>
<strong>FOAM & BATTING</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/foam-batting-3/" class="inline-flex items-center py-3 text-center" aria-label="FOAM & BATTING">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/u/foam-products__78605.original.jpg"
alt="FOAM & BATTING"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All FOAM & BATTING</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/batting-products/" class="inline-flex items-center py-3 text-center" aria-label="Batting Products">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/f/batting-products__21385.original.jpg"
alt="Batting Products"
width="32"
height="24"
loading="lazy"
/>
<strong>Batting Products</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/fiver-foam-lower-cost/" class="inline-flex items-center py-3 text-center" aria-label="FIBER FOAM (Lower Cost)">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/z/fiber-foam-lower-cost__05714.original.jpg"
alt="FIBER FOAM (Lower Cost)"
width="32"
height="24"
loading="lazy"
/>
<strong>FIBER FOAM (Lower Cost)</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/sew-foam/" class="inline-flex items-center py-3 text-center" aria-label="Sew Foam">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/f/sew-foam__08745.original.jpg"
alt="Sew Foam"
width="32"
height="24"
loading="lazy"
/>
<strong>Sew Foam</strong>
</a>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/cotton-poly-nylon-webbing/"
class="inline-flex items-center py-3 text-center"
aria-label="Webbing"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/v/webbing__21822.original.jpg"
alt="Webbing"
width="32"
height="24"
loading="lazy"
/>
<strong>Webbing</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/cotton-poly-nylon-webbing/" class="inline-flex items-center py-3 text-center" aria-label="Webbing">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/v/webbing__21822.original.jpg"
alt="Webbing"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All Webbing</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/cotton-webbing-by-the-yard/" class="inline-flex items-center py-3 text-center" aria-label="Cotton Webbing">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/h/cotton-webbing__80949.original.jpg"
alt="Cotton Webbing"
width="32"
height="24"
loading="lazy"
/>
<strong>Cotton Webbing</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/laminated-webbing/" class="inline-flex items-center py-3 text-center" aria-label="Laminated Webbing">
<strong>Laminated Webbing</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/poly-webbing-by-the-yard/" class="inline-flex items-center py-3 text-center" aria-label="Poly Webbing">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/f/poly-webbing__79633.original.jpg"
alt="Poly Webbing"
width="32"
height="24"
loading="lazy"
/>
<strong>Poly Webbing</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/seatbelt-webbing-by-the-yard/" class="inline-flex items-center py-3 text-center" aria-label="Seatbelt Webbing">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/s/seatbelt-webbing__64860.original.jpg"
alt="Seatbelt Webbing"
width="32"
height="24"
loading="lazy"
/>
<strong>Seatbelt Webbing</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/upholstery-webbing/" class="inline-flex items-center py-3 text-center" aria-label="Upholstery Webbing">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/u/upholstery-webbing__51338.original.jpg"
alt="Upholstery Webbing"
width="32"
height="24"
loading="lazy"
/>
<strong>Upholstery Webbing</strong>
</a>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/cord-rope-string/"
class="inline-flex items-center py-3 text-center"
aria-label="Cord, Rope, String"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/a/cord-rope-string__71359.original.jpg"
alt="Cord, Rope, String"
width="32"
height="24"
loading="lazy"
/>
<strong>Cord, Rope, String</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/cord-rope-string/" class="inline-flex items-center py-3 text-center" aria-label="Cord, Rope, String">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/a/cord-rope-string__71359.original.jpg"
alt="Cord, Rope, String"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All Cord, Rope, String</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/by-the-foot-yard/" class="inline-flex items-center py-3 text-center" aria-label="By The Foot & Yard">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/by-the-foot--yard__82400.original.jpg"
alt="By The Foot & Yard"
width="32"
height="24"
loading="lazy"
/>
<strong>By The Foot & Yard</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/remnant-pieces/" class="inline-flex items-center py-3 text-center" aria-label="Remnant Pieces">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/r/remnant-pieces__49853.original.jpg"
alt="Remnant Pieces"
width="32"
height="24"
loading="lazy"
/>
<strong>Remnant Pieces</strong>
</a>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/sunbrella-binding-1/"
class="inline-flex items-center py-3 text-center"
aria-label="SUNBRELLA BINDING."
data-x-on:click.prevent="open = true"
>
<strong>SUNBRELLA BINDING.</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/sunbrella-binding-1/" class="inline-flex items-center py-3 text-center" aria-label="SUNBRELLA BINDING.">
<strong class="uppercase">All SUNBRELLA BINDING.</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/bias-binding-2/" class="inline-flex items-center py-3 text-center" aria-label="BIAS BINDING..">
<strong>BIAS BINDING..</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/straight-binding/" class="inline-flex items-center py-3 text-center" aria-label="STRAIGHT BINDING..">
<strong>STRAIGHT BINDING..</strong>
</a>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/thread-2/"
class="inline-flex items-center py-3 text-center"
aria-label="Thread"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/m/thread__16187.original.jpg"
alt="Thread"
width="32"
height="24"
loading="lazy"
/>
<strong>Thread</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/thread-2/" class="inline-flex items-center py-3 text-center" aria-label="Thread">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/m/thread__16187.original.jpg"
alt="Thread"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All Thread</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/tex-25-lighter-weight-thread/" class="inline-flex items-center py-3 text-center" aria-label="Tex 25 Lighter Weight Thread">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/h/tex-25-lighter-weight-thread__96736.original.jpg"
alt="Tex 25 Lighter Weight Thread"
width="32"
height="24"
loading="lazy"
/>
<strong>Tex 25 Lighter Weight Thread</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/tex-50-thread-light-weight-2/" class="inline-flex items-center py-3 text-center" aria-label="Tex 50 Thread -- Light Weight">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/v/tex-50-thread--light-weight__82224.original.jpg"
alt="Tex 50 Thread -- Light Weight"
width="32"
height="24"
loading="lazy"
/>
<strong>Tex 50 Thread -- Light Weight</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/tex-90-100-heavy-weight-3/" class="inline-flex items-center py-3 text-center" aria-label="Tex 90 - 100 -- Heavy Weight">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/i/tex-90--100--heavy-weight__56650.original.jpg"
alt="Tex 90 - 100 -- Heavy Weight"
width="32"
height="24"
loading="lazy"
/>
<strong>Tex 90 - 100 -- Heavy Weight</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/tex-75-med-hvy-thread/" class="inline-flex items-center py-3 text-center" aria-label="Tex  75 -- Med/Hvy Thread">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/g/tex--75--medhvy-thread__10991.original.jpg"
alt="Tex  75 -- Med/Hvy Thread"
width="32"
height="24"
loading="lazy"
/>
<strong>Tex  75 -- Med/Hvy Thread</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/12-wt-top-stitch-thread/" class="inline-flex items-center py-3 text-center" aria-label="12 Wt Top Stitch Thread">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/l/12-wt-top-stitch-thread__82052.original.jpg"
alt="12 Wt Top Stitch Thread"
width="32"
height="24"
loading="lazy"
/>
<strong>12 Wt Top Stitch Thread</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/guterman-thread/" class="inline-flex items-center py-3 text-center" aria-label="GUTERMAN THREAD">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/i/guterman-thread__49784.original.jpg"
alt="GUTERMAN THREAD"
width="32"
height="24"
loading="lazy"
/>
<strong>GUTERMAN THREAD</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/v92-commercial-machine/" class="inline-flex items-center py-3 text-center" aria-label="V92 Commercial Machine">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/g/v92-commercial-machine__32909.original.jpg"
alt="V92 Commercial Machine"
width="32"
height="24"
loading="lazy"
/>
<strong>V92 Commercial Machine</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/high-spec-thread-commercial-machine/" class="inline-flex items-center py-3 text-center" aria-label="HIGH SPEC THREAD (Commercial Machine)">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/w/high-spec-thread-commercial-machine__09959.original.jpg"
alt="HIGH SPEC THREAD (Commercial Machine)"
width="32"
height="24"
loading="lazy"
/>
<strong>HIGH SPEC THREAD (Commercial Machine)</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/sunguard-thread-commercial-machine/" class="inline-flex items-center py-3 text-center" aria-label="SUNGUARD Thread (Commercial Machine)">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/u/sunguard-thread-commercial-machine__80441.original.jpg"
alt="SUNGUARD Thread (Commercial Machine)"
width="32"
height="24"
loading="lazy"
/>
<strong>SUNGUARD Thread (Commercial Machine)</strong>
</a>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
<li >
<a href="https://fabricwarehouse.com/velcro/" class="inline-flex items-center py-3 text-center" aria-label="Velcro">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/p/velcro__88342.original.jpg"
alt="Velcro"
width="32"
height="24"
loading="lazy"
/>
<strong>Velcro</strong>
</a>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/elastic/"
class="inline-flex items-center py-3 text-center"
aria-label="Elastic"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/k/elastic__39268.original.jpg"
alt="Elastic"
width="32"
height="24"
loading="lazy"
/>
<strong>Elastic</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/elastic/" class="inline-flex items-center py-3 text-center" aria-label="Elastic">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/k/elastic__39268.original.jpg"
alt="Elastic"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All Elastic</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/elastic-for-sewing/" class="inline-flex items-center py-3 text-center" aria-label="Elastic for Sewing">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/a/all-elastic-items__67654.original.jpg"
alt="Elastic for Sewing"
width="32"
height="24"
loading="lazy"
/>
<strong>Elastic for Sewing</strong>
</a>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/by-details/"
class="inline-flex items-center py-3 text-center"
aria-label="BY DETAIL"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/by-details__00155.original.jpg"
alt="BY DETAIL"
width="32"
height="24"
loading="lazy"
/>
<strong>BY DETAIL</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/by-details/" class="inline-flex items-center py-3 text-center" aria-label="BY DETAIL">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/by-details__00155.original.jpg"
alt="BY DETAIL"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All BY DETAIL</strong>
</a>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/fabric-by-color/"
class="inline-flex items-center py-3 text-center"
aria-label="Fabric By Color"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/l/fabric-by-color__84163.original.jpg"
alt="Fabric By Color"
width="32"
height="24"
loading="lazy"
/>
<strong>Fabric By Color</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<form
method="get"
action="/search-product-by-color/"
enctype="application/x-www-form-urlencoded"
>
<input type="hidden" name="color_match_rate" value="5"/>
<div
class="mb-3"
id="mobile-navigation-color-picker"
data-x-data="input_color"

>
<label class="block" for="mobile-navigation-color-picker_input">Search Products by Color

</label>
<div class="relative flex border rounded-global overflow-hidden bg-white">

<div
class="w-8 h-8 ml-1 rounded-full border border-zinc-100 self-center"
data-x-bind:style="{ backgroundColor: color }"
>
<input
class="w-8 h-8 cursor-pointer opacity-0"
type="color"
data-x-model="color"
/>
</div>
<input type="text"
name="colors"
id="mobile-navigation-color-picker_input"
class="flex-1 appearance-none py-2 px-3 text-black leading-normal outline-none w-[1%]"
data-label="Search Products by Color"
data-input
aria-required=""
aria-labelledby="mobile-navigation-color-picker"
aria-live="polite"
autocomplete="off"
data-x-model="textInput"


 placeholder="Enter color HEX code (e.g., #ff0000)"


/>
<button
type="submit"
class="inline-flex items-center justify-center font-bold uppercase rounded-global transition-all disabled:opacity-75 border-primary bg-primary hover:bg-primary-400 text-default hover:text-default px-4 py-2"
>Search</button>

</div>
<div class="text-slate-700"><strong data-x-text="message"></strong></div>
</div>
</form>
<a href="/search-product-by-color/" class="mt-2 text-primary-700"><strong><u>Need a HEX color ID?</u></strong></a>
<hr class="mt-3 mb-3" />
<ul>
<li>
<a href="https://fabricwarehouse.com/fabric-by-color/" class="inline-flex items-center py-3 text-center" aria-label="Fabric By Color">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/l/fabric-by-color__84163.original.jpg"
alt="Fabric By Color"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All Fabric By Color</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/discount-beige-fabric/" class="inline-flex items-center py-3 text-center" aria-label="Beige Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/z/beige-fabric__20891.original.jpg"
alt="Beige Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Beige Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/discount-black-fabric/" class="inline-flex items-center py-3 text-center" aria-label="Black Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/v/black-fabric__28981.original.jpg"
alt="Black Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Black Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/discount-blue-fabric/" class="inline-flex items-center py-3 text-center" aria-label="Blue Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/f/blue-fabric__48966.original.jpg"
alt="Blue Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Blue Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/discount-brown-fabric/" class="inline-flex items-center py-3 text-center" aria-label="Brown Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/brown-fabric__21468.original.jpg"
alt="Brown Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Brown Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/discount-bronze-fabric/" class="inline-flex items-center py-3 text-center" aria-label="Bronze Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/s/bronze-fabric__53664.original.jpg"
alt="Bronze Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Bronze Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/discount-gold-fabric/" class="inline-flex items-center py-3 text-center" aria-label="Gold Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/s/gold-fabric__68831.original.jpg"
alt="Gold Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Gold Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/discount-gray-fabric/" class="inline-flex items-center py-3 text-center" aria-label="Gray Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/e/gray-fabric__14243.original.jpg"
alt="Gray Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Gray Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/discount-green-fabric/" class="inline-flex items-center py-3 text-center" aria-label="Green Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/f/green-fabric__71748.original.jpg"
alt="Green Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Green Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/discount-khaki-fabric/" class="inline-flex items-center py-3 text-center" aria-label="Khaki Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/w/khaki-fabric__86649.original.jpg"
alt="Khaki Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Khaki Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/discount-orange-fabric/" class="inline-flex items-center py-3 text-center" aria-label="Orange Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/w/orange-fabric__16031.original.jpg"
alt="Orange Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Orange Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/discount-pink-fabric/" class="inline-flex items-center py-3 text-center" aria-label="Pink Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/a/pink-fabric__88017.original.jpg"
alt="Pink Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Pink Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/discount-purple-fabric/" class="inline-flex items-center py-3 text-center" aria-label="Purple Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/l/purple-fabric__80039.original.jpg"
alt="Purple Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Purple Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/discount-red-fabric/" class="inline-flex items-center py-3 text-center" aria-label="Red Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/q/red-fabric__23845.original.jpg"
alt="Red Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Red Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/discount-tan-fabric/" class="inline-flex items-center py-3 text-center" aria-label="Tan Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/o/tan-fabric__97519.original.jpg"
alt="Tan Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Tan Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/discount-taupe-fabric/" class="inline-flex items-center py-3 text-center" aria-label="Taupe Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/r/taupe-fabric__61944.original.jpg"
alt="Taupe Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Taupe Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/discount-silver-fabric/" class="inline-flex items-center py-3 text-center" aria-label="Silver Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/h/silver-fabric__45284.original.jpg"
alt="Silver Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Silver Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/discount-white-fabric/" class="inline-flex items-center py-3 text-center" aria-label="White Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/w/white-fabric__90629.original.jpg"
alt="White Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>White Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/yellow-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Yellow Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/l/yellow-fabric__47838.original.jpg"
alt="Yellow Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Yellow Fabric</strong>
</a>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/fabric-by-theme/"
class="inline-flex items-center py-3 text-center"
aria-label="Fabric By Theme"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/s/fabric-by-theme__45446.original.jpg"
alt="Fabric By Theme"
width="32"
height="24"
loading="lazy"
/>
<strong>Fabric By Theme</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/fabric-by-theme/" class="inline-flex items-center py-3 text-center" aria-label="Fabric By Theme">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/s/fabric-by-theme__45446.original.jpg"
alt="Fabric By Theme"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All Fabric By Theme</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/bohemian-themed-fabric/" class="inline-flex items-center py-3 text-center" aria-label="Bohemian Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/o/bohemian-fabric__60406.original.jpg"
alt="Bohemian Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Bohemian Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/camouflage-themed-fabric/" class="inline-flex items-center py-3 text-center" aria-label="Camouflage Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/r/camouflage__75201.original.jpg"
alt="Camouflage Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Camouflage Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/child-baby-themed-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Child & Baby Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/n/child--baby__26299.original.jpg"
alt="Child & Baby Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Child & Baby Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/contemporary-designs-fabric/" class="inline-flex items-center py-3 text-center" aria-label="Contemporary Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/n/contemporary__43488.original.jpg"
alt="Contemporary Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Contemporary Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/cottage-camp-themed-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Cottage & Camp Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/u/cottage--camp__11717.original.jpg"
alt="Cottage & Camp Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Cottage & Camp Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/fall-season-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Fall Season Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/m/fall-season__12132.original.jpg"
alt="Fall Season Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Fall Season Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/gardening-and-garden-themed-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Gardening & Garden Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/w/gardening-and-garden__74601.original.jpg"
alt="Gardening & Garden Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Gardening & Garden Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/holiday-themed-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Holiday Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/d/holiday__12617.original.jpg"
alt="Holiday Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Holiday Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/modern-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Modern Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/z/modern-fabric__93654.original.jpg"
alt="Modern Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Modern Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/nautical-beech-sailing-themed-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Nautical / Beach / Sailing">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/v/nautical--beach--sailing__90482.original.jpg"
alt="Nautical / Beach / Sailing"
width="32"
height="24"
loading="lazy"
/>
<strong>Nautical / Beach / Sailing</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/retro-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Retro Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/c/retro__41102.original.jpg"
alt="Retro Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Retro Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/shabby-chic/" class="inline-flex items-center py-3 text-center" aria-label="Shabby Chic Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/shabby-chic__63549.original.jpg"
alt="Shabby Chic Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Shabby Chic Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/sports-themed-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Sports Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/k/sports__14016.original.jpg"
alt="Sports Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Sports Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/spring-season-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Spring Season Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/e/spring-season__69241.original.jpg"
alt="Spring Season Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Spring Season Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/summer-season-fabric/" class="inline-flex items-center py-3 text-center" aria-label="Summer Season Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/c/summer-season__15636.original.jpg"
alt="Summer Season Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Summer Season Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/traditional-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Traditional Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/k/traditional-fabric__50214.original.jpg"
alt="Traditional Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Traditional Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/western-themed-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Western Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/q/western__54596.original.jpg"
alt="Western Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Western Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/wildlife-animal-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Wildlife Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/d/wildlife__71806.original.jpg"
alt="Wildlife Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Wildlife Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/winter-season-themed-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Winter Season Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/p/winter-season__55378.original.jpg"
alt="Winter Season Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Winter Season Fabric</strong>
</a>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/fabric-by-designs/"
class="inline-flex items-center py-3 text-center"
aria-label="Fabric By Designs"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/y/fabric-by-designs__18883.original.jpg"
alt="Fabric By Designs"
width="32"
height="24"
loading="lazy"
/>
<strong>Fabric By Designs</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/fabric-by-designs/" class="inline-flex items-center py-3 text-center" aria-label="Fabric By Designs">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/y/fabric-by-designs__18883.original.jpg"
alt="Fabric By Designs"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All Fabric By Designs</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/abstract-fabric/" class="inline-flex items-center py-3 text-center" aria-label="Abstract Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/w/abstract__26026.original.jpg"
alt="Abstract Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Abstract Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/argyle-diamond-harlequin-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Argyle / Diamond / Harlequin">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/a/argyle--diamond--harlequin__00065.original.jpg"
alt="Argyle / Diamond / Harlequin"
width="32"
height="24"
loading="lazy"
/>
<strong>Argyle / Diamond / Harlequin</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/animals-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Animals Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/z/animals__81992.original.jpg"
alt="Animals Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Animals Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/batik-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Batiks Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/e/batiks__46653.original.jpg"
alt="Batiks Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Batiks Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/chevron-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Chevron Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/j/chevron__21531.original.jpg"
alt="Chevron Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Chevron Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/camouflage-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Camouflage Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/c/camouflage__37259.original.jpg"
alt="Camouflage Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Camouflage Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/circle-circular-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Circle Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/circle__70369.original.jpg"
alt="Circle Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Circle Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/crosshatch-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Crosshatch Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/a/crosshatch__10196.original.jpg"
alt="Crosshatch Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Crosshatch Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/checks-plaids-fabric/" class="inline-flex items-center py-3 text-center" aria-label="Checks & Plaids Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/j/checks--plaids-fabric__78800.original.jpg"
alt="Checks & Plaids Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Checks & Plaids Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/dots-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Dots Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/s/dots__69239.original.jpg"
alt="Dots Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Dots Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/damask-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Damask Fabrics">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/k/damask-fabrics__22303.original.jpg"
alt="Damask Fabrics"
width="32"
height="24"
loading="lazy"
/>
<strong>Damask Fabrics</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/floral-vine-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Floral & Vine Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/a/floral--vine-fabric__15327.original.jpg"
alt="Floral & Vine Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Floral & Vine Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/geometrics-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Geometrics Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/k/geometrics__28244.original.jpg"
alt="Geometrics Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Geometrics Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/gingham-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Gingham Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/e/gingham__84876.original.jpg"
alt="Gingham Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Gingham Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/herringbone-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Herringbone Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/t/herringbone__01276.original.jpg"
alt="Herringbone Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Herringbone Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/houndstooth-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Houndstooth Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/x/houndstooth__75584.original.jpg"
alt="Houndstooth Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Houndstooth Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/ikat-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Ikat Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/g/ikat__18497.original.jpg"
alt="Ikat Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Ikat Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/jacquard-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Jacquard Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/l/jacquard__75858.original.jpg"
alt="Jacquard Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Jacquard Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/lattice-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Lattice Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/r/lattice__71923.original.jpg"
alt="Lattice Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Lattice Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/medallion-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Medallion Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/p/medallion__88775.original.jpg"
alt="Medallion Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Medallion Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/moire-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Moire Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/s/moire__48750.original.jpg"
alt="Moire Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Moire Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/nautical-themed-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Nautical Theme Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/y/nautical-theme-fabric__37255.original.jpg"
alt="Nautical Theme Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Nautical Theme Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/ogee-themed-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Ogee Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/w/ogee__94242.original.jpg"
alt="Ogee Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Ogee Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/polka-dot-themed-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Polka Dot Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/o/polka-dot__84098.original.jpg"
alt="Polka Dot Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Polka Dot Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/pinstripe-themed-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Pinstripe">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/z/pinstripe__31458.original.jpg"
alt="Pinstripe"
width="32"
height="24"
loading="lazy"
/>
<strong>Pinstripe</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/paisley-design-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Paisley Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/y/paisley-design__22852.original.jpg"
alt="Paisley Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Paisley Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/camp-or-cottage-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Rustic Camp Or Cottage">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/e/rustic-camp-or-cottage__90492.original.jpg"
alt="Rustic Camp Or Cottage"
width="32"
height="24"
loading="lazy"
/>
<strong>Rustic Camp Or Cottage</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/script-writing-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Script / Letters Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/e/script--letters__64703.original.jpg"
alt="Script / Letters Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Script / Letters Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/scrollwork-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Scrollwork Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/q/scrollwork__06509.original.jpg"
alt="Scrollwork Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Scrollwork Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/striped-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Striped Fabrics">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/u/striped-fabrics__07156.original.jpg"
alt="Striped Fabrics"
width="32"
height="24"
loading="lazy"
/>
<strong>Striped Fabrics</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/solid-plain-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Solid Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/e/solid__06553.original.jpg"
alt="Solid Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Solid Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/stars-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Stars Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/n/stars__88716.original.jpg"
alt="Stars Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Stars Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/discount-solid-plain-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Solid / Plain Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/s/solid--plain__30532.original.jpg"
alt="Solid / Plain Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Solid / Plain Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/southwest-aztec-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Southwest / Aztec">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/e/southwest--aztec__17574.original.jpg"
alt="Southwest / Aztec"
width="32"
height="24"
loading="lazy"
/>
<strong>Southwest / Aztec</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/ticking-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Ticking Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/h/ticking__59155.original.jpg"
alt="Ticking Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Ticking Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/textured-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Textured Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/y/textured__17948.original.jpg"
alt="Textured Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Textured Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/tone-on-tone-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Tone On Tone">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/e/tone-on-tone__75281.original.jpg"
alt="Tone On Tone"
width="32"
height="24"
loading="lazy"
/>
<strong>Tone On Tone</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/toile-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Toile Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/q/toile__99027.original.jpg"
alt="Toile Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Toile Fabric</strong>
</a>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/discount-fabric-by-fiber-content/"
class="inline-flex items-center py-3 text-center"
aria-label="Fabric By Fiber Content"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/fabric-by-fiber-content__48075.original.jpg"
alt="Fabric By Fiber Content"
width="32"
height="24"
loading="lazy"
/>
<strong>Fabric By Fiber Content</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/discount-fabric-by-fiber-content/" class="inline-flex items-center py-3 text-center" aria-label="Fabric By Fiber Content">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/fabric-by-fiber-content__48075.original.jpg"
alt="Fabric By Fiber Content"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All Fabric By Fiber Content</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/acrylic-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Acrylic Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/acrylic__60950.original.jpg"
alt="Acrylic Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Acrylic Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/cotton-blend-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Cotton Blend">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/m/cotton-blend__70451.original.jpg"
alt="Cotton Blend"
width="32"
height="24"
loading="lazy"
/>
<strong>Cotton Blend</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/cotton-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Cotton Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/c/cotton-fabric__78843.original.jpg"
alt="Cotton Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Cotton Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/linen-linen-blend-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Linen & Linen Blend">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/p/linen--linen-blend__75536.original.jpg"
alt="Linen & Linen Blend"
width="32"
height="24"
loading="lazy"
/>
<strong>Linen & Linen Blend</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/nylon-fabris/" class="inline-flex items-center py-3 text-center" aria-label="Nylon Nylon">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/u/nylon__35119.original.jpg"
alt="Nylon Nylon"
width="32"
height="24"
loading="lazy"
/>
<strong>Nylon Nylon</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/pvc-vinyl-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="PVC & Vinyl Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/v/pvc--vinyl__04151.original.jpg"
alt="PVC & Vinyl Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>PVC & Vinyl Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/upholstery-blend-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Upholstery Blend">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/c/upholstery-blend__87880.original.jpg"
alt="Upholstery Blend"
width="32"
height="24"
loading="lazy"
/>
<strong>Upholstery Blend</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/wool-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Wool Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/h/wool__19877.original.jpg"
alt="Wool Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Wool Fabric</strong>
</a>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/clearance/"
class="inline-flex items-center py-3 text-center"
aria-label="CLEARANCE"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/n/clearance-fabric__15232.original.jpg"
alt="CLEARANCE"
width="32"
height="24"
loading="lazy"
/>
<strong>CLEARANCE</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/clearance/" class="inline-flex items-center py-3 text-center" aria-label="CLEARANCE">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/n/clearance-fabric__15232.original.jpg"
alt="CLEARANCE"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All CLEARANCE</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/free-shipping/" class="inline-flex items-center py-3 text-center" aria-label="FREE SHIPPING">
<strong>FREE SHIPPING</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/20-off/" class="inline-flex items-center py-3 text-center" aria-label="20% OFF">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/e/20-off__83939.original.jpg"
alt="20% OFF"
width="32"
height="24"
loading="lazy"
/>
<strong>20% OFF</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/30-off/" class="inline-flex items-center py-3 text-center" aria-label="30% OFF">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/u/30-off__80219.original.jpg"
alt="30% OFF"
width="32"
height="24"
loading="lazy"
/>
<strong>30% OFF</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/40-off/" class="inline-flex items-center py-3 text-center" aria-label="40% OFF">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/z/40-off__76684.original.jpg"
alt="40% OFF"
width="32"
height="24"
loading="lazy"
/>
<strong>40% OFF</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/50-off/" class="inline-flex items-center py-3 text-center" aria-label="50% OFF">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/v/50-off__08329.original.jpg"
alt="50% OFF"
width="32"
height="24"
loading="lazy"
/>
<strong>50% OFF</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/60-off/" class="inline-flex items-center py-3 text-center" aria-label="60% OFF">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/o/60-off__57815.original.jpg"
alt="60% OFF"
width="32"
height="24"
loading="lazy"
/>
<strong>60% OFF</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/70-off/" class="inline-flex items-center py-3 text-center" aria-label="70% OFF">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/t/70-off__24219.original.jpg"
alt="70% OFF"
width="32"
height="24"
loading="lazy"
/>
<strong>70% OFF</strong>
</a>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
</ul>
<hr />
<ul class="flex flex-wrap justify-center -mx-1 mt-2">
<li class="px-1 mb-2 w-3/12">
<a href="https://fabricwarehouse.com/custom-cut-upholstery-foam/" class="inline-block items-center py-1 text-center" aria-label="Custom Foam">
<img class="w-8 h-auto rounded-lg m-auto"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/icons/custom-foam.svg"
alt="Custom Foam"
width="32"
height="32"
loading="lazy"
/>
<strong class="block"><small>Custom Foam</small></strong>
</a>
</li>
<li class="px-1 mb-2 w-3/12">
<a href="https://fabricwarehouse.com/fabric-collections/fabric-remnants/" class="inline-block items-center py-1 text-center" aria-label="Remnants">
<img class="w-8 h-auto rounded-lg m-auto"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/icons/remnant.svg"
alt="Remnants"
width="32"
height="32"
loading="lazy"
/>
<strong class="block"><small>Remnants</small></strong>
</a>
</li>
<li class="px-1 mb-2 w-3/12">
<a href="https://fabricwarehouse.com/fabric-collections-map/" class="inline-block items-center py-1 text-center" aria-label="Collections">
<img class="w-8 h-auto rounded-lg m-auto"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/icons/collection.svg"
alt="Collections"
width="32"
height="32"
loading="lazy"
/>
<strong class="block"><small>Collections</small></strong>
</a>
</li>
</ul>
</div>
<div id="loading">
<div class="absolute inset-x-0 inset-y-0 z-[1000] flex items-center justify-center bg-white/50"
>
<img class="animate-spin" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/70c56c40-d28b-013e-c715-02e1bc539764/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading.svg" width="100" height="100" alt="loading" />
</div>
</div>