Returns
Knowledge
Sitemap
Modern Fabric

COUPON 30% OFF

Previous Next

Quick view Compare

$3.00 Swatch Quick Add To Cart Detail View

Eroica Pearlescent Novel Austen Jacquard Parchment | Medium Weight Jacquard Fabric | Home Decor Fabric | 58" Wide

18 Yards In Stock

AS LOW AS $15.00 ~~$21.24~~

Eroica
COUPON 30% OFF

Previous Next

Quick view Compare

$3.00 Swatch Quick Add To Cart Detail View

Eroica Pearlescent Novel Austen Jacquard Marble | Medium Weight Jacquard Fabric | Home Decor Fabric | 58" Wide

10 Yards In Stock

AS LOW AS $13.00 ~~$18.47~~

Eroica
COUPON 30% OFF

Previous Next

Quick view Compare

$3.00 Swatch Quick Add To Cart Detail View

Sustain Performance Mei Mudcloth Jacquard Tuxedo | Very Heavyweight Jacquard Fabric | Home Decor Fabric | 56" Wide

49 Yards In Stock

AS LOW AS $27.00 ~~$38.86~~

Sustain Performance
COUPON 30% OFF

Previous Next

Quick view Compare

$3.00 Swatch Quick Add To Cart Detail View

Artistry Tribal Southwest Rigo Jacquard Indigo | Very Heavyweight Jacquard Fabric | Home Decor Fabric | 56.5" Wide

16 Yards In Stock

AS LOW AS $33.00 ~~$46.75~~

Artistry
COUPON 30% OFF

Previous Next

Quick view Compare

$3.00 Swatch Quick Add To Cart Detail View

Premier Prints Wavy Slub Linen Fog | Medium Weight Duck, Linen Fabric | Home Decor Fabric | 54" Wide

40 Yards In Stock

AS LOW AS $17.00 ~~$24.19~~

Premier Prints
COUPON 30% OFF

Previous Next

Quick view Compare

$3.00 Swatch Quick Add To Cart Detail View

Premier Prints Wavy Slub Linen Brazilian Yellow | Medium Weight Duck, Linen Fabric | Home Decor Fabric | 54" Wide

10 Yards In Stock

AS LOW AS $17.00 ~~$24.19~~

Premier Prints
COUPON 30% OFF

Previous Next

Quick view Compare

$3.00 Swatch Quick Add To Cart Detail View

Premier Prints Vision Slub Linen Peacoat | Medium Weight Duck, Linen Fabric | Home Decor Fabric | 54" Wide

6 Yards In Stock

AS LOW AS $17.00 ~~$24.19~~

Premier Prints
COUPON 30% OFF

Previous Next

Quick view Compare

$3.00 Swatch Quick Add To Cart Detail View

Premier Prints Vision Slub Linen Iron | Medium Weight Duck, Linen Fabric | Home Decor Fabric | 54" Wide

65 Yards In Stock

AS LOW AS $17.00 ~~$24.19~~

Premier Prints
COUPON 30% OFF

Previous Next

Quick view Compare

$3.00 Swatch Quick Add To Cart Detail View

Bella Dura Home Performance Conifer Snow | Heavyweight Basketweave, Outdoor Fabric | Home Decor Fabric | 57" Wide

20 Yards In Stock

AS LOW AS $17.00 ~~$24.78~~

Bella-Dura
COUPON 30% OFF

Previous Next

Quick view Compare

$3.00 Swatch Quick Add To Cart Detail View

Bella Dura Home Performance Basketweave Beachcroft Royalty | Heavyweight Basketweave, Outdoor Fabric | Home Decor Fabric | 54" Wide

28 Yards In Stock

AS LOW AS $25.00 ~~$35.05~~

Bella-Dura
COUPON 30% OFF

Previous Next

Quick view Compare

$3.00 Swatch Quick Add To Cart Detail View

Bru Textiles Staunch Chunky Woven Shadow | Heavyweight Woven, Boucle Fabric | Home Decor Fabric | 55" Wide

9 Yards In Stock

AS LOW AS $19.00 ~~$26.86~~

Agnes Internaional
COUPON 30% OFF

Previous Next

Quick view Compare

$3.00 Swatch Quick Add To Cart Detail View

Lacefield Designs Tile Pendant Linen Quince | Medium Weight Duck, Linen Fabric | Home Decor Fabric | 54" Wide

106 Yards In Stock

AS LOW AS $44.00 ~~$63.13~~

Lacefield Designs
COUPON 30% OFF

Previous Next

Quick view Compare

$3.00 Swatch Quick Add To Cart Detail View

Lacefield Designs Tile Gaudi Linen Duck Copenhagen | Medium Weight Duck, Linen Fabric | Home Decor Fabric | 54" Wide

12 Yards In Stock

AS LOW AS $40.00 ~~$57.64~~

Lacefield Designs
COUPON 30% OFF

Previous Next

Quick view Compare

$3.00 Swatch Quick Add To Cart Detail View

Hilary Farr Wabi Sabi Woven Harbor | Medium/Heavyweight Woven Fabric | Home Decor Fabric | 60" Wide

19 Yards In Stock

AS LOW AS $22.00 ~~$30.95~~

Hilary Farr
COUPON 30% OFF

Previous Next

Quick view Compare

$3.00 Swatch Quick Add To Cart Detail View

Hilary Farr Skintillate Jacquard Onyx | Medium/Heavyweight Jacquard Fabric | Home Decor Fabric | 56" Wide

6 Yards In Stock

AS LOW AS $24.00 ~~$34.11~~

Hilary Farr
COUPON 30% OFF

Previous Next

Quick view Compare

$3.00 Swatch Quick Add To Cart Detail View

Hilary Farr Skintillate Jacquard Indigo | Medium/Heavyweight Jacquard Fabric | Home Decor Fabric | 56" Wide

24 Yards In Stock

AS LOW AS $26.00 ~~$36.66~~

Hilary Farr
COUPON 30% OFF

Previous Next

Quick view Compare

$3.00 Swatch Quick Add To Cart Detail View

Hilary Farr Sew Fab Embroidered Basketweave Caribe | Medium/Heavyweight Basketweave Fabric | Home Decor Fabric | 58" Wide

34 Yards In Stock

AS LOW AS $39.00 ~~$55.07~~

Hilary Farr
COUPON 30% OFF

Previous Next

Quick view Compare

$3.00 Swatch Quick Add To Cart Detail View

Hilary Farr Twister Jacquard Ebony/Ivory | Very Heavyweight Jacquard Fabric | Home Decor Fabric | 59" Wide

7 Yards In Stock

AS LOW AS $29.00 ~~$40.79~~

Hilary Farr
COUPON 30% OFF

Previous Next

Quick view Compare

$3.00 Swatch Quick Add To Cart Detail View

Hilary Farr Geode Jacquard Stone | Very Heavyweight Jacquard Fabric | Home Decor Fabric | 56" Wide

29 Yards In Stock

AS LOW AS $32.00 ~~$45.73~~

Hilary Farr
COUPON 30% OFF

Previous Next

Quick view Compare

$3.00 Swatch Quick Add To Cart Detail View

Hilary Farr Geode Jacquard Stonewash | Very Heavyweight Jacquard Fabric | Home Decor Fabric | 56" Wide

1 Yards In Stock

AS LOW AS $32.00 ~~$45.73~~

Hilary Farr
COUPON 30% OFF

Previous Next

Quick view Compare

$3.00 Swatch Quick Add To Cart Detail View

1.9 Oz. Ottertex Nylon Ripstop 70 Denier DWR Black | Very Lightweight Ripstop Fabric | Home Decor Fabric | 60" Wide

47 Yards In Stock

AS LOW AS $6.00 ~~$8.72~~

Ottertex Utility Fabrics
COUPON 30% OFF

Previous Next

Quick view Compare

$3.00 Swatch Quick Add To Cart Detail View

P Kaufmann Bahari Onyx | Medium Weight Duck Fabric | Home Decor Fabric | 54" Wide

32 Yards In Stock

AS LOW AS $33.00 ~~$47.42~~

P/Kaufmann Fabrics
COUPON 30% OFF

Previous Next

Quick view Compare

$3.00 Swatch Quick Add To Cart Detail View

P Kaufmann Athena Embroidered Chambray | Very Heavyweight Woven Fabric | Home Decor Fabric | 54" Wide

28 Yards In Stock

AS LOW AS $49.00 ~~$69.37~~

P/Kaufmann Fabrics
COUPON 30% OFF

Previous Next

Quick view Compare

$3.00 Swatch Quick Add To Cart Detail View

P Kaufmann Tamon Slub Woven Indigo | Medium Weight Woven Fabric | Home Decor Fabric | 54" Wide

85 Yards In Stock

AS LOW AS $26.00 ~~$36.97~~

P/Kaufmann Fabrics
Items 841 to 864 of 1788 total
Modern Fabric

Our modern fabrics have a retro mod look -- midcentury modern -- featuring those vintage color schemes (avocado, goldenrod, turquoise...) and iconic designs like starbursts. Trick out your space-age bachelor pad with discount designer upholstery and drapery mid-century mod fabric by the yard!
FabricWarehouse.com is your one-stop destination for modern fabric and contemporary textiles that elevate your crafting experience to a whole new level. Our curated collection features sleek materials and cutting-edge modern materials that are perfect for creating stunning projects that stand out from the crowd. Dive into a world of sophisticated textile patterns that inspire creativity and sophistication in every stitch.
Whether you're a seasoned crafter or just starting out, our wide range of fabrics caters to all your needs. From bold prints to subtle textures, our selection ensures that you find the perfect material for your next project. Explore our exclusive range of modern fabrics and discover the endless possibilities they offer for creating unique and stylish pieces. At FabricWarehouse.com, we're passionate about providing you with top-quality fabrics that inspire and delight, making your crafting journey a truly enjoyable experience.
<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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/g/remnants--deals__18140.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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/f/belladura__19760.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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/6f78f5e0-87e8-013f-3713-6a410f8ced82/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/x/straight-cut-binding__50896.original.jpg"
alt="STRAIGHT CUT BINDING"
width="32"
height="24"
loading="lazy"
/>
<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"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/6f78f5e0-87e8-013f-3713-6a410f8ced82/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/c/bias-cutt-binding__03305.original.jpg"
alt="BIAS CUTT BINDING"
width="32"
height="24"
loading="lazy"
/>
<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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/n/fabric--water-friendly__31697.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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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-by-spradling/"
aria-label="Allegro By Spradling"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/a/polaris-by-spradling__27342.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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/6f78f5e0-87e8-013f-3713-6a410f8ced82/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/p/spradling-leon__66923.original.jpg"
alt="SPRADLING LEON"
width="32"
height="24"
loading="lazy"
/>
<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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/beluga-by-spradling/"
aria-label="Beluga By Spradling"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/f/nautolex__33220.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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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 hover:text-default"
href="https://fabricwarehouse.com/marine-vinyl-brochure/"
aria-label="MARINE VINYL BROCHURE"
>
MARINE VINYL BROCHURE
</a>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1289,
'hover:bg-primary-100': selectedChild !== 1289
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/automotive-fabric-headliner-vinyl-upholstery-by-the-yard/"
aria-label="AUTOMOTIVE"
data-x-on:click.prevent="selectedChild = 1289"
data-x-on:mouseenter="selectedChild = 1289"
>
AUTOMOTIVE
<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 === 1289 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-1289" class="navPages-sub" data-category-id="1289" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 1289) && (selectedChild = 1289)"
>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/auto-headliner-1/"
aria-label="AUTO HEADLINER"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/6f78f5e0-87e8-013f-3713-6a410f8ced82/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/auto-headliner__08771.original.jpg"
alt="AUTO HEADLINER"
width="32"
height="24"
loading="lazy"
/>
<span>AUTO HEADLINER</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg: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-vinyls/"
aria-label="Automotive Vinyls"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/6f78f5e0-87e8-013f-3713-6a410f8ced82/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/y/automotive-vinyls__46492.original.jpg"
alt="Automotive Vinyls"
width="32"
height="24"
loading="lazy"
/>
<span>Automotive 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/auto-by-common-use/"
aria-label="AUTO BY COMMON PROJECTS"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/6f78f5e0-87e8-013f-3713-6a410f8ced82/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/g/auto-by-common-projects__23634.original.jpg"
alt="AUTO BY COMMON PROJECTS"
width="32"
height="24"
loading="lazy"
/>
<span>AUTO BY COMMON PROJECTS</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/auto-thread-uv/"
aria-label="Auto Thread / UV"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/6f78f5e0-87e8-013f-3713-6a410f8ced82/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/auto-thread--uv__66873.original.jpg"
alt="Auto Thread / UV"
width="32"
height="24"
loading="lazy"
/>
<span>Auto Thread / UV</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/auto-hardware/"
aria-label="Auto Hardware"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/6f78f5e0-87e8-013f-3713-6a410f8ced82/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/h/auto-hardware__89024.original.jpg"
alt="Auto Hardware"
width="32"
height="24"
loading="lazy"
/>
<span>Auto Hardware</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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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/6f78f5e0-87e8-013f-3713-6a410f8ced82/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