(207) 784-7151
Returns
Shipping Policy
Returns & Return Policy
Start A Return
Knowledge
Yard Chart
Privacy Policy
Google Sign-Up Policy
About Us
Contact Us
Sitemap
Fabric Warehouse
Search Keyword:
Search
Compare
Compare 0 Items
Account
Cart
OUTDOOR FABRIC
VINYL - MARINE & AUTO
UPHOLSTERY
CURTAIN
LEATHER
UTILITY
SUPPLIES
BY DETAIL
QUILTING
CLEARANCE
APPAREL
CUSTOM FOAM
REMNANTS
COLLECTIONS
Home
Search
67 results for '"vinyl mesh fabric"'
Products (60)
Fabric Collections (7)
Search Keyword:
Search
Home
Categories
Account
Cart
<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-fabric__60250.original.jpg" alt="Green Upholstery Fabric" width="32" height="24" loading="lazy" /> <span>Green Upholstery Fabric</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/off-white-upholstery/" aria-label="Off White Upholstery" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/off-white-upholstery__24103.original.jpg" alt="Off White Upholstery" width="32" height="24" loading="lazy" /> <span>Off White Upholstery</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/orange-upholstery/" aria-label="Orange Upholstery Fabric" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/orange-upholstery-fabric__04434.original.jpg" alt="Orange Upholstery Fabric" width="32" height="24" loading="lazy" /> <span>Orange Upholstery Fabric</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/pink-upholstery/" aria-label="Pink Upholstery Fabric" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/pink-upholstery-fabric__11907.original.jpg" alt="Pink Upholstery Fabric" width="32" height="24" loading="lazy" /> <span>Pink Upholstery Fabric</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/purple-upholstery/" aria-label="Purple Upholstery" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/purple-upholstery__73944.original.jpg" alt="Purple Upholstery" width="32" height="24" loading="lazy" /> <span>Purple Upholstery</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/red-upholstery/" aria-label="Red Upholstery" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/red-upholstery__73329.original.jpg" alt="Red Upholstery" width="32" height="24" loading="lazy" /> <span>Red Upholstery</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/silver-upholstery/" aria-label="Silver Upholstery" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/silver-upholstery__92742.original.jpg" alt="Silver Upholstery" width="32" height="24" loading="lazy" /> <span>Silver Upholstery</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/tan-upholstery/" aria-label="Tan Upholstery" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/tan-upholstery__55723.original.jpg" alt="Tan Upholstery" width="32" height="24" loading="lazy" /> <span>Tan Upholstery</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/white-upholstery/" aria-label="White Upholstery" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/white-upholstery__20394.original.jpg" alt="White Upholstery" width="32" height="24" loading="lazy" /> <span>White Upholstery</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/yellow-upholstery/" aria-label="Yellow Upholstery" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/yellow-upholstery__64356.original.jpg" alt="Yellow Upholstery" width="32" height="24" loading="lazy" /> <span>Yellow Upholstery</span> </a> </li> </ul> </template> </li> <li class="relative" data-x-class="{ 'bg-white text-primary-600': selectedChild === 1970, 'hover:bg-primary-100': selectedChild !== 1970 }" > <a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase" href="https://fabricwarehouse.com/upholstery-fabrics-1/" aria-label="UPHOLSTERY BY TYPE" data-x-on:click.prevent="selectedChild = 1970" data-x-on:mouseenter="selectedChild = 1970" > UPHOLSTERY BY TYPE <small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all" aria-hidden="true" data-x-bind:class="(selectedChild === 1970 && '-mr-2')" ></small> </a> <template id="navPagesSub-1970" class="navPages-sub" data-category-id="1970" hidden> <ul class="flex flex-col flex-wrap content-start h-full p-3" data-x-lazy="(selectedChild !== 1970) && (selectedChild = 1970)" > <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/woven-upholstery-fabrics/" aria-label="All Upholstery" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/all-upholstery__46478.original.jpg" alt="All Upholstery" width="32" height="24" loading="lazy" /> <span>All Upholstery</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/crypton/" aria-label="Crypton" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/crypton__32147.original.jpg" alt="Crypton" width="32" height="24" loading="lazy" /> <span>Crypton</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/jacquards/" aria-label="Jacquards" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/jacquards__55431.original.jpg" alt="Jacquards" width="32" height="24" loading="lazy" /> <span>Jacquards</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/quilted/" aria-label="Quilted" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/quilted__36376.original.jpg" alt="Quilted" width="32" height="24" loading="lazy" /> <span>Quilted</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/wool-1/" aria-label="Wool." > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/wool__99054.original.jpg" alt="Wool." width="32" height="24" loading="lazy" /> <span>Wool.</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/embroidered-upholstery/" aria-label="Embroidered Upholstery" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/embroidered--upholstery__32089.original.jpg" alt="Embroidered Upholstery" width="32" height="24" loading="lazy" /> <span>Embroidered Upholstery</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/basketweave-fabric/" aria-label="Basketweave Fabric" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/basketweave-fabric__39275.original.jpg" alt="Basketweave Fabric" width="32" height="24" loading="lazy" /> <span>Basketweave Fabric</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/corduroy-fabric/" aria-label="Corduroy Fabric" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/corduroy-fabric__60766.original.jpg" alt="Corduroy Fabric" width="32" height="24" loading="lazy" /> <span>Corduroy Fabric</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/chenille-uphlolstery/" aria-label="Chenille Upholstery" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/chenille-upholstery__70089.original.jpg" alt="Chenille Upholstery" width="32" height="24" loading="lazy" /> <span>Chenille Upholstery</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/linen-linen-likle/" aria-label="Linen & Linen Like" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/linen--linen-like__25578.original.jpg" alt="Linen & Linen Like" width="32" height="24" loading="lazy" /> <span>Linen & Linen Like</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/micro-suede-fabrics/" aria-label="Micro Suede Fabrics" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/micro-suede-fabrics__33790.original.jpg" alt="Micro Suede Fabrics" width="32" height="24" loading="lazy" /> <span>Micro Suede Fabrics</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/microfiber-fabrics/" aria-label="Microfiber Fabric" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/microfiber-fabric__05209.original.jpg" alt="Microfiber Fabric" width="32" height="24" loading="lazy" /> <span>Microfiber Fabric</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/marine-patio/" aria-label="Outdoor (Marine & Patio)" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/outdoor-marine--patio__65751.original.jpg" alt="Outdoor (Marine & Patio)" width="32" height="24" loading="lazy" /> <span>Outdoor (Marine & Patio)</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/discount-robert-allen-fabrics/" aria-label="Robert Allen" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/robert-allen__19138.original.jpg" alt="Robert Allen" width="32" height="24" loading="lazy" /> <span>Robert Allen</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/rustic-tapestry-fabrics/" aria-label="Rustic Tapestry Fabrics" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/rustic-tapestry-fabrics__11083.original.jpg" alt="Rustic Tapestry Fabrics" width="32" height="24" loading="lazy" /> <span>Rustic Tapestry Fabrics</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/velvet-fabric/" aria-label="Velvet Fabric" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/velvet-fabric__45006.original.jpg" alt="Velvet Fabric" width="32" height="24" loading="lazy" /> <span>Velvet Fabric</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/denim-upholstery/" aria-label="Denim Upholstery" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/denim-upholstery__72947.original.jpg" alt="Denim Upholstery" width="32" height="24" loading="lazy" /> <span>Denim Upholstery</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/cotton-canvas-duck-fabric/" aria-label="Cotton Canvas + Duck" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/cotton-canvas--duck__18892.original.jpg" alt="Cotton Canvas + Duck" width="32" height="24" loading="lazy" /> <span>Cotton Canvas + Duck</span> </a> </li> </ul> </template> </li> <li class="relative" data-x-class="{ 'bg-white text-primary-600': selectedChild === 1986, 'hover:bg-primary-100': selectedChild !== 1986 }" > <a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase" href="https://fabricwarehouse.com/upholstery-fabric-by-weight/" aria-label="UPHOLSTERY FABRIC BY WEIGHT" data-x-on:click.prevent="selectedChild = 1986" data-x-on:mouseenter="selectedChild = 1986" > UPHOLSTERY FABRIC BY WEIGHT <small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all" aria-hidden="true" data-x-bind:class="(selectedChild === 1986 && '-mr-2')" ></small> </a> <template id="navPagesSub-1986" class="navPages-sub" data-category-id="1986" hidden> <ul class="flex flex-col flex-wrap content-start h-full p-3" data-x-lazy="(selectedChild !== 1986) && (selectedChild = 1986)" > <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/light-weight-home-decor-fabric/" aria-label="Upholstery Light" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/upholstery-light__74103.original.jpg" alt="Upholstery Light" width="32" height="24" loading="lazy" /> <span>Upholstery Light</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/medium-weight-drapery-curtain-upholstery-fabric/" aria-label="Upholstery Medium" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/upholstery-medium__18011.original.jpg" alt="Upholstery Medium" width="32" height="24" loading="lazy" /> <span>Upholstery Medium</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/heavy-weight-upholstery-fabrics-1/" aria-label="Upholstery Heavy" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/upholstery-heavy__15793.original.jpg" alt="Upholstery Heavy" width="32" height="24" loading="lazy" /> <span>Upholstery Heavy</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/upholstery-fabric-extra-heavy/" aria-label="Upholstery Fabric EXTRA HEAVY" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/upholstery-fabric-extra-heavy__58247.original.jpg" alt="Upholstery Fabric EXTRA HEAVY" width="32" height="24" loading="lazy" /> <span>Upholstery Fabric EXTRA HEAVY</span> </a> </li> </ul> </template> </li> <li class="relative" data-x-class="{ 'bg-white text-primary-600': selectedChild === 1949, 'hover:bg-primary-100': selectedChild !== 1949 }" > <a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase" href="https://fabricwarehouse.com/vinyl-upholstery/" aria-label="UPHOLSTERY VINYLS" data-x-on:click.prevent="selectedChild = 1949" data-x-on:mouseenter="selectedChild = 1949" > UPHOLSTERY VINYLS <small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all" aria-hidden="true" data-x-bind:class="(selectedChild === 1949 && '-mr-2')" ></small> </a> <template id="navPagesSub-1949" class="navPages-sub" data-category-id="1949" hidden> <ul class="flex flex-col flex-wrap content-start h-full p-3" data-x-lazy="(selectedChild !== 1949) && (selectedChild = 1949)" > <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/nassimi-classic-premium/" aria-label="Nassimi Classic - Premium -" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/nassimi-classic--premium__12625.original.jpg" alt="Nassimi Classic - Premium -" width="32" height="24" loading="lazy" /> <span>Nassimi Classic - Premium -</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/nassimi-impulse-sale/" aria-label="Nassimi Impulse - Sale! -" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/nassimi-impulse--sale__33912.original.jpg" alt="Nassimi Impulse - Sale! -" width="32" height="24" loading="lazy" /> <span>Nassimi Impulse - Sale! -</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/upholstery-vinyl-fabric/" aria-label="Non-Marine Upholstery Vinyl" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/nonmarine-upholstery-vinyl__15150.original.jpg" alt="Non-Marine Upholstery Vinyl" width="32" height="24" loading="lazy" /> <span>Non-Marine Upholstery Vinyl</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/upholstery-vinyl-fabrics/" aria-label="Upholstery Vinyl" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/upholstery-vinyl__42335.original.jpg" alt="Upholstery Vinyl" width="32" height="24" loading="lazy" /> <span>Upholstery Vinyl</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/pvc-free-vinyl-fabric-high-end/" aria-label="Enviro Leather" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/enviro-leather__71849.original.jpg" alt="Enviro Leather" width="32" height="24" loading="lazy" /> <span>Enviro Leather</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/glitter-vinyl/" aria-label="Glitter Vinyl" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/glitter-vinyl__35710.original.jpg" alt="Glitter Vinyl" width="32" height="24" loading="lazy" /> <span>Glitter Vinyl</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/reptile-bird-vinyl/" aria-label="Reptile & Bird Vinyl" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/reptile--bird--vinyl__93873.original.jpg" alt="Reptile & Bird Vinyl" width="32" height="24" loading="lazy" /> <span>Reptile & Bird Vinyl</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/3-ply-vinyl-industrial-strength/" aria-label="3 Ply Vinyl" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/3-ply-vinyl__65569.original.jpg" alt="3 Ply Vinyl" width="32" height="24" loading="lazy" /> <span>3 Ply Vinyl</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/picnic-table-vinyl/" aria-label="Picnic Table Vinyl" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/picnic-table-vinyl__58738.original.jpg" alt="Picnic Table Vinyl" width="32" height="24" loading="lazy" /> <span>Picnic Table Vinyl</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/table-top-picnic-table-vinyl/" aria-label="Table Top Vinyl" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/table-top-vinyl__83529.original.jpg" alt="Table Top Vinyl" width="32" height="24" loading="lazy" /> <span>Table Top Vinyl</span> </a> </li> </ul> </template> </li> <li class="relative" data-x-class="{ 'bg-white text-primary-600': selectedChild === 1334, 'hover:bg-primary-100': selectedChild !== 1334 }" > <a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase" href="https://fabricwarehouse.com/foam-batting-supplies/" aria-label="Foam & Batting Supplies" data-x-on:click.prevent="selectedChild = 1334" data-x-on:mouseenter="selectedChild = 1334" > Foam & Batting Supplies <small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all" aria-hidden="true" data-x-bind:class="(selectedChild === 1334 && '-mr-2')" ></small> </a> <template id="navPagesSub-1334" class="navPages-sub" data-category-id="1334" hidden> <ul class="flex flex-col flex-wrap content-start h-full p-3" data-x-lazy="(selectedChild !== 1334) && (selectedChild = 1334)" > <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/quilt-upholstery-batting-dacron-fiber/" aria-label="Upholstery Batting" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/upholstery-batting__76890.original.jpg" alt="Upholstery Batting" width="32" height="24" loading="lazy" /> <span>Upholstery Batting</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/fiber-foam-lower-cost/" aria-label="Fiber Foam (Lower Cost)" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/fiber-foam-lower-cost__45719.original.jpg" alt="Fiber Foam (Lower Cost)" width="32" height="24" loading="lazy" /> <span>Fiber Foam (Lower Cost)</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/custom-cut-foam/" aria-label="Custom Cut Foam" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/custom-cut-foam__68706.original.jpg" alt="Custom Cut Foam" width="32" height="24" loading="lazy" /> <span>Custom Cut Foam</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/upholstery-foam/" aria-label="Upholstery Foam" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/upholstery-foam__10736.original.jpg" alt="Upholstery Foam" width="32" height="24" loading="lazy" /> <span>Upholstery Foam</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/cushion-foam/" aria-label="Cushion Foam" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/cushion-foam__45494.original.jpg" alt="Cushion Foam" width="32" height="24" loading="lazy" /> <span>Cushion Foam</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/foam-batting/" aria-label="Foam Batting" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/foam-batting__83568.original.jpg" alt="Foam Batting" width="32" height="24" loading="lazy" /> <span>Foam Batting</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/foam-glue/" aria-label="Foam Glue" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/foam-glue__89422.original.jpg" alt="Foam Glue" width="32" height="24" loading="lazy" /> <span>Foam Glue</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/headliner-sew-foam/" aria-label="Headliner + Sew Foam" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/headliner--sew-foam__80835.original.jpg" alt="Headliner + Sew Foam" width="32" height="24" loading="lazy" /> <span>Headliner + Sew Foam</span> </a> </li> </ul> </template> </li> <li class="relative" data-x-class="{ 'bg-white text-primary-600': selectedChild === 1915, 'hover:bg-primary-100': selectedChild !== 1915 }" > <a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase" href="https://fabricwarehouse.com/upholstery-thread/" aria-label="Upholstery Thread" data-x-on:click.prevent="selectedChild = 1915" data-x-on:mouseenter="selectedChild = 1915" > Upholstery Thread <small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all" aria-hidden="true" data-x-bind:class="(selectedChild === 1915 && '-mr-2')" ></small> </a> <template id="navPagesSub-1915" class="navPages-sub" data-category-id="1915" hidden> <ul class="flex flex-col flex-wrap content-start h-full p-3" data-x-lazy="(selectedChild !== 1915) && (selectedChild = 1915)" > <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/tex-50-thread-light-weight-1/" aria-label="Tex 50 Thread - Light Weight.." > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/tex-50-thread--light-weight__63170.original.jpg" alt="Tex 50 Thread - Light Weight.." width="32" height="24" loading="lazy" /> <span>Tex 50 Thread - Light Weight..</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/tex-75-med-heavy-weight/" aria-label="Tex 75 Med/Heavy Weight.." > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/tex-75-medheavy-weight__27467.original.jpg" alt="Tex 75 Med/Heavy Weight.." width="32" height="24" loading="lazy" /> <span>Tex 75 Med/Heavy Weight..</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/tex-90-100-heavy-weight-2/" aria-label="Tex 90-100 - Heavy Weight..." > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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-90100--heavy-weight__95447.original.jpg" alt="Tex 90-100 - Heavy Weight..." width="32" height="24" loading="lazy" /> <span>Tex 90-100 - Heavy Weight...</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/12-wt-ultra-thick-top-stitch-2/" aria-label="12 Wt. Ultra Thick - Top Stitch" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/12-wt-ultra-thick--top-stitch__63207.original.jpg" alt="12 Wt. Ultra Thick - Top Stitch" width="32" height="24" loading="lazy" /> <span>12 Wt. Ultra Thick - Top Stitch</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/v92-commercial-1/" aria-label="V92 Commercial ." > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/b92-commercial__67471.original.jpg" alt="V92 Commercial ." width="32" height="24" loading="lazy" /> <span>V92 Commercial .</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/sunguard-commercial/" aria-label="SUNGUARD (Commercial)" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/sunguard-commercial__08164.original.jpg" alt="SUNGUARD (Commercial)" width="32" height="24" loading="lazy" /> <span>SUNGUARD (Commercial)</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/high-spec-commercial/" aria-label="HIGH SPEC (Commercial)" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/high-spec-commercial__16908.original.jpg" alt="HIGH SPEC (Commercial)" width="32" height="24" loading="lazy" /> <span>HIGH SPEC (Commercial)</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/guterman-2/" aria-label="GUTERMAN..." > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/guterman__77708.original.jpg" alt="GUTERMAN..." width="32" height="24" loading="lazy" /> <span>GUTERMAN...</span> </a> </li> </ul> </template> </li> <li class="relative" data-x-class="{ 'bg-white text-primary-600': selectedChild === 2000, 'hover:bg-primary-100': selectedChild !== 2000 }" > <a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase" href="https://fabricwarehouse.com/other-supplies/" aria-label="Other Supplies" data-x-on:click.prevent="selectedChild = 2000" data-x-on:mouseenter="selectedChild = 2000" > Other Supplies <small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all" aria-hidden="true" data-x-bind:class="(selectedChild === 2000 && '-mr-2')" ></small> </a> <template id="navPagesSub-2000" class="navPages-sub" data-category-id="2000" hidden> <ul class="flex flex-col flex-wrap content-start h-full p-3" data-x-lazy="(selectedChild !== 2000) && (selectedChild = 2000)" > <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/fabric-glue-adhesives/" aria-label="Adhesives" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/adhesives__92729.original.jpg" alt="Adhesives" width="32" height="24" loading="lazy" /> <span>Adhesives</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/nails-tacks/" aria-label="Nails & Tacks" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/nails--tacks__74698.original.jpg" alt="Nails & Tacks" width="32" height="24" loading="lazy" /> <span>Nails & Tacks</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/welt-piping/" aria-label="Welt / Piping" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/welt--piping__23167.original.jpg" alt="Welt / Piping" width="32" height="24" loading="lazy" /> <span>Welt / Piping</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/burlap-edge-cord/" aria-label="Burlap/Jute Webbing" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/burlapjute-webbing__56447.original.jpg" alt="Burlap/Jute Webbing" width="32" height="24" loading="lazy" /> <span>Burlap/Jute Webbing</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/sewing-zipper/" aria-label="Zippers" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/zippers__53655.original.jpg" alt="Zippers" width="32" height="24" loading="lazy" /> <span>Zippers</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/grommet-kits/" aria-label="Grommet Kits" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/grommet-kits__06136.original.jpg" alt="Grommet Kits" width="32" height="24" loading="lazy" /> <span>Grommet Kits</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/velcro-products-hook-loop/" aria-label="Velcro Products" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/velcro-products__54712.original.jpg" alt="Velcro Products" width="32" height="24" loading="lazy" /> <span>Velcro Products</span> </a> </li> </ul> </template> </li> </ul> <div class="flex-1 h-64 max-h-[70vh] overflow-auto" data-x-effect="$el.style.height = height + 'px';" data-x-html-alt.referent.prevent-overflow-x="'#navPagesSub-' + selectedChild" data-x-lazy.once="selectedChild = 2098" ></div> </div> </li> <li> <a class="inline-flex px-1 3xl:px-2 py-1 rounded-global hover:bg-white hover:text-primary-600 font-bold text-nowrap" href="https://fabricwarehouse.com/curtain-fabric/" aria-label="CURTAIN" data-x-on:click.prevent=" selectedChild = 0; const nextId = selected === 1685 ? 0 : 1685; selected = nextId; $nextTick(() => { (selected !== nextId) && (selected = nextId) }); " data-x-bind:class="(selected === 1685) && 'bg-white text-primary-600'" >CURTAIN<small class="icon icon-chevron-down ml-1 text-[8px]" aria-hidden="true"></small> </a> <div id="navPages-1685" hidden="" aria-hidden="true" tabindex="-1" > <ul class="flex-initial bg-primary w-72 h-full max-h-[70vh] overflow-auto" data-x-lazy=" height = $el.clientHeight; $el.classList.remove('h-full'); " > <li class="hover:bg-primary-100"> <a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default" href="https://fabricwarehouse.com/curtain-fabric/" aria-label="All CURTAIN" > All CURTAIN </a> </li> <li class="relative" data-x-class="{ 'bg-white text-primary-600': selectedChild === 2133, 'hover:bg-primary-100': selectedChild !== 2133 }" > <a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default" href="https://fabricwarehouse.com/oil-cloth/" aria-label="Oil Cloth" > Oil Cloth </a> </li> <li class="relative" data-x-class="{ 'bg-white text-primary-600': selectedChild === 1972, 'hover:bg-primary-100': selectedChild !== 1972 }" > <a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase" href="https://fabricwarehouse.com/curtain-fabrics/" aria-label="Curtain Fabrics By Type" data-x-on:click.prevent="selectedChild = 1972" data-x-on:mouseenter="selectedChild = 1972" > Curtain Fabrics By Type <small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all" aria-hidden="true" data-x-bind:class="(selectedChild === 1972 && '-mr-2')" ></small> </a> <template id="navPagesSub-1972" class="navPages-sub" data-category-id="1972" hidden> <ul class="flex flex-col flex-wrap content-start h-full p-3" data-x-lazy="(selectedChild !== 1972) && (selectedChild = 1972)" > <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/drapery-fabric/" aria-label="Drapery Fabric" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/drapery-fabric__09672.original.jpg" alt="Drapery Fabric" width="32" height="24" loading="lazy" /> <span>Drapery Fabric</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/linen-linen-like/" aria-label="Linen & Linen Like." > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/linen--linen-like__76267.original.jpg" alt="Linen & Linen Like." width="32" height="24" loading="lazy" /> <span>Linen & Linen Like.</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/drapery-lining/" aria-label="Drapery Lining" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/drapery-lining__14839.original.jpg" alt="Drapery Lining" width="32" height="24" loading="lazy" /> <span>Drapery Lining</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/sheer-and-lace-fabrics/" aria-label="Sheer And Lace" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/sheer-and-lace__88734.original.jpg" alt="Sheer And Lace" width="32" height="24" loading="lazy" /> <span>Sheer And Lace</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/indoor-outdoor-fabrics/" aria-label="Outdoor / Indoor" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/outdoor--indoor__11412.original.jpg" alt="Outdoor / Indoor" width="32" height="24" loading="lazy" /> <span>Outdoor / Indoor</span> </a> </li> </ul> </template> </li> <li class="relative" data-x-class="{ 'bg-white text-primary-600': selectedChild === 1817, 'hover:bg-primary-100': selectedChild !== 1817 }" > <a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase" href="https://fabricwarehouse.com/drape-curtain-hardware-supplies/" aria-label="Curtain Supplies" data-x-on:click.prevent="selectedChild = 1817" data-x-on:mouseenter="selectedChild = 1817" > Curtain Supplies <small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all" aria-hidden="true" data-x-bind:class="(selectedChild === 1817 && '-mr-2')" ></small> </a> <template id="navPagesSub-1817" class="navPages-sub" data-category-id="1817" hidden> <ul class="flex flex-col flex-wrap content-start h-full p-3" data-x-lazy="(selectedChild !== 1817) && (selectedChild = 1817)" > <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/all-other-sewing-upholstery-curtain-supplies/" aria-label="All Other Supplies" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/all-other-supplies__51378.original.jpg" alt="All Other Supplies" width="32" height="24" loading="lazy" /> <span>All Other Supplies</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/drapery-curtain-hardware/" aria-label="Drapery Hardware" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/drapery-hardware__80009.original.jpg" alt="Drapery Hardware" width="32" height="24" loading="lazy" /> <span>Drapery Hardware</span> </a> </li> </ul> </template> </li> <li class="relative" data-x-class="{ 'bg-white text-primary-600': selectedChild === 1987, 'hover:bg-primary-100': selectedChild !== 1987 }" > <a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase" href="https://fabricwarehouse.com/drapery-fabric-by-weight/" aria-label="DRAPERY FABRIC BY WEIGHT" data-x-on:click.prevent="selectedChild = 1987" data-x-on:mouseenter="selectedChild = 1987" > DRAPERY FABRIC BY WEIGHT <small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all" aria-hidden="true" data-x-bind:class="(selectedChild === 1987 && '-mr-2')" ></small> </a> <template id="navPagesSub-1987" class="navPages-sub" data-category-id="1987" hidden> <ul class="flex flex-col flex-wrap content-start h-full p-3" data-x-lazy="(selectedChild !== 1987) && (selectedChild = 1987)" > <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/light-weight-curtain-drapery-fabrics/" aria-label="Drapery Light" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/drapery-light__23376.original.jpg" alt="Drapery Light" width="32" height="24" loading="lazy" /> <span>Drapery Light</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/standard-weight-drapery-curtain-fabrics/" aria-label="Drapery Medium" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/drapery-medium__91855.original.jpg" alt="Drapery Medium" width="32" height="24" loading="lazy" /> <span>Drapery Medium</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/heavy-weight-curtain-drapery-fabrics/" aria-label="Drapery Heavy" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/drapery-heavy__88560.original.jpg" alt="Drapery Heavy" width="32" height="24" loading="lazy" /> <span>Drapery Heavy</span> </a> </li> </ul> </template> </li> </ul> <div class="flex-1 h-64 max-h-[70vh] overflow-auto" data-x-effect="$el.style.height = height + 'px';" data-x-html-alt.referent.prevent-overflow-x="'#navPagesSub-' + selectedChild" data-x-lazy.once="selectedChild = 1972" ></div> </div> </li> <li> <a class="inline-flex px-1 3xl:px-2 py-1 rounded-global hover:bg-white hover:text-primary-600 font-bold text-nowrap" href="https://fabricwarehouse.com/leather/" aria-label="LEATHER" data-x-on:click.prevent=" selectedChild = 0; const nextId = selected === 2188 ? 0 : 2188; selected = nextId; $nextTick(() => { (selected !== nextId) && (selected = nextId) }); " data-x-bind:class="(selected === 2188) && 'bg-white text-primary-600'" >LEATHER<small class="icon icon-chevron-down ml-1 text-[8px]" aria-hidden="true"></small> </a> <div id="navPages-2188" hidden="" aria-hidden="true" tabindex="-1" > <ul class="flex-initial bg-primary w-72 h-full max-h-[70vh] overflow-auto" data-x-lazy=" height = $el.clientHeight; $el.classList.remove('h-full'); " > <li class="hover:bg-primary-100"> <a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default" href="https://fabricwarehouse.com/leather/" aria-label="All LEATHER" > All LEATHER </a> </li> <li class="relative" data-x-class="{ 'bg-white text-primary-600': selectedChild === 2195, 'hover:bg-primary-100': selectedChild !== 2195 }" > <a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default" href="https://fabricwarehouse.com/full-hides/" aria-label="FULL HIDES" > FULL HIDES </a> </li> <li class="relative" data-x-class="{ 'bg-white text-primary-600': selectedChild === 2190, 'hover:bg-primary-100': selectedChild !== 2190 }" > <a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default" href="https://fabricwarehouse.com/half-hide-leather/" aria-label="HALF HIDE LEATHER" > HALF HIDE LEATHER </a> </li> <li class="relative" data-x-class="{ 'bg-white text-primary-600': selectedChild === 2189, 'hover:bg-primary-100': selectedChild !== 2189 }" > <a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default" href="https://fabricwarehouse.com/lamb-skins/" aria-label="LAMB SKIN LEATHER" > LAMB SKIN LEATHER </a> </li> </ul> <div class="flex-1 h-64 max-h-[70vh] overflow-auto" data-x-effect="$el.style.height = height + 'px';" data-x-html-alt.referent.prevent-overflow-x="'#navPagesSub-' + selectedChild" data-x-lazy.once="selectedChild = 0" ></div> </div> </li> <li> <a class="inline-flex px-1 3xl:px-2 py-1 rounded-global hover:bg-white hover:text-primary-600 font-bold text-nowrap" href="https://fabricwarehouse.com/utility-fabric/" aria-label="UTILITY" data-x-on:click.prevent=" selectedChild = 0; const nextId = selected === 1484 ? 0 : 1484; selected = nextId; $nextTick(() => { (selected !== nextId) && (selected = nextId) }); " data-x-bind:class="(selected === 1484) && 'bg-white text-primary-600'" >UTILITY<small class="icon icon-chevron-down ml-1 text-[8px]" aria-hidden="true"></small> </a> <div id="navPages-1484" hidden="" aria-hidden="true" tabindex="-1" > <ul class="flex-initial bg-primary w-72 h-full max-h-[70vh] overflow-auto" data-x-lazy=" height = $el.clientHeight; $el.classList.remove('h-full'); " > <li class="hover:bg-primary-100"> <a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default" href="https://fabricwarehouse.com/utility-fabric/" aria-label="All UTILITY" > All UTILITY </a> </li> <li class="relative" data-x-class="{ 'bg-white text-primary-600': selectedChild === 1815, 'hover:bg-primary-100': selectedChild !== 1815 }" > <a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default" href="https://fabricwarehouse.com/burlap-fabrics/" aria-label="Burlap Fabrics" > Burlap Fabrics </a> </li> <li class="relative" data-x-class="{ 'bg-white text-primary-600': selectedChild === 2123, 'hover:bg-primary-100': selectedChild !== 2123 }" > <a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default" href="https://fabricwarehouse.com/denim-fabrics/" aria-label="Denim Fabrics" > Denim Fabrics </a> </li> <li class="relative" data-x-class="{ 'bg-white text-primary-600': selectedChild === 2165, 'hover:bg-primary-100': selectedChild !== 2165 }" > <a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default" href="https://fabricwarehouse.com/industial-vinyl/" aria-label="Industial Vinyl" > Industial Vinyl </a> </li> <li class="relative" data-x-class="{ 'bg-white text-primary-600': selectedChild === 2144, 'hover:bg-primary-100': selectedChild !== 2144 }" > <a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default" href="https://fabricwarehouse.com/organic/" aria-label="ORGANIC" > ORGANIC </a> </li> <li class="relative" data-x-class="{ 'bg-white text-primary-600': selectedChild === 2164, 'hover:bg-primary-100': selectedChild !== 2164 }" > <a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default" href="https://fabricwarehouse.com/un-treated-canvas-1/" aria-label="Un-Treated Canvas." > Un-Treated Canvas. </a> </li> <li class="relative" data-x-class="{ 'bg-white text-primary-600': selectedChild === 2128, 'hover:bg-primary-100': selectedChild !== 2128 }" > <a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default" href="https://fabricwarehouse.com/waxed-canvas-1/" aria-label="Waxed Canvas" > Waxed Canvas </a> </li> <li class="relative" data-x-class="{ 'bg-white text-primary-600': selectedChild === 2141, 'hover:bg-primary-100': selectedChild !== 2141 }" > <a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase" href="https://fabricwarehouse.com/webbing-straps/" aria-label="WEBBING / STRAPS" data-x-on:click.prevent="selectedChild = 2141" data-x-on:mouseenter="selectedChild = 2141" > WEBBING / STRAPS <small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all" aria-hidden="true" data-x-bind:class="(selectedChild === 2141 && '-mr-2')" ></small> </a> <template id="navPagesSub-2141" class="navPages-sub" data-category-id="2141" hidden> <ul class="flex flex-col flex-wrap content-start h-full p-3" data-x-lazy="(selectedChild !== 2141) && (selectedChild = 2141)" > <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/1-poly-light-weight/" aria-label="1" POLY Light Weight" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/1-poly-light-weight__00113.original.jpg" alt="1" POLY Light Weight" width="32" height="24" loading="lazy" /> <span>1" POLY Light Weight</span> </a> </li> </ul> </template> </li> <li class="relative" data-x-class="{ 'bg-white text-primary-600': selectedChild === 1727, 'hover:bg-primary-100': selectedChild !== 1727 }" > <a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default" href="https://fabricwarehouse.com/all-other-utility-fabrics/" aria-label="Other" > Other </a> </li> <li class="relative" data-x-class="{ 'bg-white text-primary-600': selectedChild === 1372, 'hover:bg-primary-100': selectedChild !== 1372 }" > <a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default" href="https://fabricwarehouse.com/screening-netting-berry-cloth-fabrics/" aria-label="Screening & Netting" > Screening & Netting </a> </li> <li class="relative" data-x-class="{ 'bg-white text-primary-600': selectedChild === 1812, 'hover:bg-primary-100': selectedChild !== 1812 }" > <a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default" href="https://fabricwarehouse.com/felt-fabric/" aria-label="Felt Fabric" > Felt Fabric </a> </li> <li class="relative" data-x-class="{ 'bg-white text-primary-600': selectedChild === 1397, 'hover:bg-primary-100': selectedChild !== 1397 }" > <a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default" href="https://fabricwarehouse.com/wool-fabrics-coating-rug/" aria-label="Wool Fabrics" > Wool Fabrics </a> </li> <li class="relative" data-x-class="{ 'bg-white text-primary-600': selectedChild === 1441, 'hover:bg-primary-100': selectedChild !== 1441 }" > <a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase" href="https://fabricwarehouse.com/nylon-fabrics/" aria-label="Nylon Fabrics" data-x-on:click.prevent="selectedChild = 1441" data-x-on:mouseenter="selectedChild = 1441" > Nylon Fabrics <small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all" aria-hidden="true" data-x-bind:class="(selectedChild === 1441 && '-mr-2')" ></small> </a> <template id="navPagesSub-1441" class="navPages-sub" data-category-id="1441" hidden> <ul class="flex flex-col flex-wrap content-start h-full p-3" data-x-lazy="(selectedChild !== 1441) && (selectedChild = 1441)" > <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/diamond-ripstop-nylon/" aria-label="Diamond Ripstop Nylon" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/diamond-ripstop-nylon__16698.original.jpg" alt="Diamond Ripstop Nylon" width="32" height="24" loading="lazy" /> <span>Diamond Ripstop Nylon</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/pvc-backed-nylon/" aria-label="PVC Backed Nylon" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/pvc-backed-nylon__04899.original.jpg" alt="PVC Backed Nylon" width="32" height="24" loading="lazy" /> <span>PVC Backed Nylon</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/ultra-nylon-fabric/" aria-label="Ultra Nylon Fabric" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/ultra-nylon-fabric__36516.original.jpg" alt="Ultra Nylon Fabric" width="32" height="24" loading="lazy" /> <span>Ultra Nylon Fabric</span> </a> </li> </ul> </template> </li> </ul> <div class="flex-1 h-64 max-h-[70vh] overflow-auto" data-x-effect="$el.style.height = height + 'px';" data-x-html-alt.referent.prevent-overflow-x="'#navPagesSub-' + selectedChild" data-x-lazy.once="selectedChild = 2141" ></div> </div> </li> <li> <a class="inline-flex px-1 3xl:px-2 py-1 rounded-global hover:bg-white hover:text-primary-600 font-bold text-nowrap" href="https://fabricwarehouse.com/sewing-supplies/" aria-label="SUPPLIES" data-x-on:click.prevent=" selectedChild = 0; const nextId = selected === 1973 ? 0 : 1973; selected = nextId; $nextTick(() => { (selected !== nextId) && (selected = nextId) }); " data-x-bind:class="(selected === 1973) && 'bg-white text-primary-600'" >SUPPLIES<small class="icon icon-chevron-down ml-1 text-[8px]" aria-hidden="true"></small> </a> <div id="navPages-1973" hidden="" aria-hidden="true" tabindex="-1" > <ul class="flex-initial bg-primary w-72 h-full max-h-[70vh] overflow-auto" data-x-lazy=" height = $el.clientHeight; $el.classList.remove('h-full'); " > <li class="hover:bg-primary-100"> <a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default" href="https://fabricwarehouse.com/sewing-supplies/" aria-label="All SUPPLIES" > All SUPPLIES </a> </li> <li class="relative" data-x-class="{ 'bg-white text-primary-600': selectedChild === 1954, 'hover:bg-primary-100': selectedChild !== 1954 }" > <a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase" href="https://fabricwarehouse.com/zippers/" aria-label="Zippers" data-x-on:click.prevent="selectedChild = 1954" data-x-on:mouseenter="selectedChild = 1954" > Zippers <small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all" aria-hidden="true" data-x-bind:class="(selectedChild === 1954 && '-mr-2')" ></small> </a> <template id="navPagesSub-1954" class="navPages-sub" data-category-id="1954" hidden> <ul class="flex flex-col flex-wrap content-start h-full p-3" data-x-lazy="(selectedChild !== 1954) && (selectedChild = 1954)" > <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/coil-zipper-by-the-yard/" aria-label="COIL ZIPPER BY THE YARD" > <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/coil-zipper-by-the-yard__09478.original.jpg" alt="COIL ZIPPER BY THE YARD" width="32" height="24" loading="lazy" /> <span>COIL ZIPPER BY THE YARD</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/metal-zipper-by-the-yard/" aria-label="METAL ZIPPER BY THE YARD" > <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/metal-zipper-by-the-yard__21699.original.jpg" alt="METAL ZIPPER BY THE YARD" width="32" height="24" loading="lazy" /> <span>METAL ZIPPER BY THE YARD</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/molded-zipper-by-the-yard/" aria-label="MOLDED ZIPPER BY THE YARD" > <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/molded-zipper-by-the-yard__50627.original.jpg" alt="MOLDED ZIPPER BY THE YARD" width="32" height="24" loading="lazy" /> <span>MOLDED ZIPPER BY THE YARD</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/zipper-tops-bottoms-stops/" aria-label="ZIPPER TOPS & BOTTOMS & STOPS" > <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/zipper-tops--bottoms--stops__66986.original.jpg" alt="ZIPPER TOPS & BOTTOMS & STOPS" width="32" height="24" loading="lazy" /> <span>ZIPPER TOPS & BOTTOMS & STOPS</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/marine-zippers/" aria-label="Marine Zippers" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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__71887.original.jpg" alt="Marine Zippers" width="32" height="24" loading="lazy" /> <span>Marine Zippers</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/separating-zippers-to-12/" aria-label="Separating Zippers" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/separating-zippers-to-12__91165.original.jpg" alt="Separating Zippers" width="32" height="24" loading="lazy" /> <span>Separating Zippers</span> </a> </li> </ul> </template> </li> <li class="relative" data-x-class="{ 'bg-white text-primary-600': selectedChild === 2166, 'hover:bg-primary-100': selectedChild !== 2166 }" > <a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default" href="https://fabricwarehouse.com/needles-scissors-notions/" aria-label="Needles, Scissors & Notions" > Needles, Scissors & Notions </a> </li> <li class="relative" data-x-class="{ 'bg-white text-primary-600': selectedChild === 1951, 'hover:bg-primary-100': selectedChild !== 1951 }" > <a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase" href="https://fabricwarehouse.com/hardware/" aria-label="Hardware | Snaps | Buckles" data-x-on:click.prevent="selectedChild = 1951" data-x-on:mouseenter="selectedChild = 1951" > Hardware | Snaps | Buckles <small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all" aria-hidden="true" data-x-bind:class="(selectedChild === 1951 && '-mr-2')" ></small> </a> <template id="navPagesSub-1951" class="navPages-sub" data-category-id="1951" hidden> <ul class="flex flex-col flex-wrap content-start h-full p-3" data-x-lazy="(selectedChild !== 1951) && (selectedChild = 1951)" > <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/grommets-grommet-kits/" aria-label="GROMMETS & GROMMET KITS" > <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/grommets--grommet-kits__09430.original.jpg" alt="GROMMETS & GROMMET KITS" width="32" height="24" loading="lazy" /> <span>GROMMETS & GROMMET KITS</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/poly-hardware/" aria-label="Poly Hardware" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/poly-hardware__75054.original.jpg" alt="Poly Hardware" width="32" height="24" loading="lazy" /> <span>Poly Hardware</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/metal-hardware-1/" aria-label="Metal Hardware" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/metal-hardware__07535.original.jpg" alt="Metal Hardware" width="32" height="24" loading="lazy" /> <span>Metal Hardware</span> </a> </li> </ul> </template> </li> <li class="relative" data-x-class="{ 'bg-white text-primary-600': selectedChild === 1975, 'hover:bg-primary-100': selectedChild !== 1975 }" > <a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase" href="https://fabricwarehouse.com/foam-batting-3/" aria-label="FOAM & BATTING" data-x-on:click.prevent="selectedChild = 1975" data-x-on:mouseenter="selectedChild = 1975" > FOAM & BATTING <small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all" aria-hidden="true" data-x-bind:class="(selectedChild === 1975 && '-mr-2')" ></small> </a> <template id="navPagesSub-1975" class="navPages-sub" data-category-id="1975" hidden> <ul class="flex flex-col flex-wrap content-start h-full p-3" data-x-lazy="(selectedChild !== 1975) && (selectedChild = 1975)" > <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/batting-products/" aria-label="Batting Products" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/batting-products__21385.original.jpg" alt="Batting Products" width="32" height="24" loading="lazy" /> <span>Batting Products</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/fiver-foam-lower-cost/" aria-label="FIBER FOAM (Lower Cost)" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/fiber-foam-lower-cost__05714.original.jpg" alt="FIBER FOAM (Lower Cost)" width="32" height="24" loading="lazy" /> <span>FIBER FOAM (Lower Cost)</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/sew-foam/" aria-label="Sew Foam" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/sew-foam__08745.original.jpg" alt="Sew Foam" width="32" height="24" loading="lazy" /> <span>Sew Foam</span> </a> </li> </ul> </template> </li> <li class="relative" data-x-class="{ 'bg-white text-primary-600': selectedChild === 1385, 'hover:bg-primary-100': selectedChild !== 1385 }" > <a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase" href="https://fabricwarehouse.com/cotton-poly-nylon-webbing/" aria-label="Webbing" data-x-on:click.prevent="selectedChild = 1385" data-x-on:mouseenter="selectedChild = 1385" > Webbing <small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all" aria-hidden="true" data-x-bind:class="(selectedChild === 1385 && '-mr-2')" ></small> </a> <template id="navPagesSub-1385" class="navPages-sub" data-category-id="1385" hidden> <ul class="flex flex-col flex-wrap content-start h-full p-3" data-x-lazy="(selectedChild !== 1385) && (selectedChild = 1385)" > <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/cotton-webbing-by-the-yard/" aria-label="Cotton Webbing" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/cotton-webbing__80949.original.jpg" alt="Cotton Webbing" width="32" height="24" loading="lazy" /> <span>Cotton Webbing</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/laminated-webbing/" aria-label="Laminated Webbing" > <span>Laminated Webbing</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/poly-webbing-by-the-yard/" aria-label="Poly Webbing" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/poly-webbing__79633.original.jpg" alt="Poly Webbing" width="32" height="24" loading="lazy" /> <span>Poly Webbing</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/seatbelt-webbing/" aria-label="Seatbelt Webbing" > <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/seatbelt-webbing__64860.original.jpg" alt="Seatbelt Webbing" width="32" height="24" loading="lazy" /> <span>Seatbelt Webbing</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/upholstery-webbing/" aria-label="Upholstery Webbing" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/upholstery-webbing__51338.original.jpg" alt="Upholstery Webbing" width="32" height="24" loading="lazy" /> <span>Upholstery Webbing</span> </a> </li> </ul> </template> </li> <li class="relative" data-x-class="{ 'bg-white text-primary-600': selectedChild === 1355, 'hover:bg-primary-100': selectedChild !== 1355 }" > <a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase" href="https://fabricwarehouse.com/cord-rope-string/" aria-label="Cord, Rope, String" data-x-on:click.prevent="selectedChild = 1355" data-x-on:mouseenter="selectedChild = 1355" > Cord, Rope, String <small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all" aria-hidden="true" data-x-bind:class="(selectedChild === 1355 && '-mr-2')" ></small> </a> <template id="navPagesSub-1355" class="navPages-sub" data-category-id="1355" hidden> <ul class="flex flex-col flex-wrap content-start h-full p-3" data-x-lazy="(selectedChild !== 1355) && (selectedChild = 1355)" > <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/by-the-foot-yard/" aria-label="By The Foot & Yard" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/by-the-foot--yard__82400.original.jpg" alt="By The Foot & Yard" width="32" height="24" loading="lazy" /> <span>By The Foot & Yard</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/remnant-pieces/" aria-label="Remnant Pieces" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/remnant-pieces__49853.original.jpg" alt="Remnant Pieces" width="32" height="24" loading="lazy" /> <span>Remnant Pieces</span> </a> </li> </ul> </template> </li> <li class="relative" data-x-class="{ 'bg-white text-primary-600': selectedChild === 2172, 'hover:bg-primary-100': selectedChild !== 2172 }" > <a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase" href="https://fabricwarehouse.com/sunbrella-binding-1/" aria-label="SUNBRELLA BINDING." data-x-on:click.prevent="selectedChild = 2172" data-x-on:mouseenter="selectedChild = 2172" > SUNBRELLA BINDING. <small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all" aria-hidden="true" data-x-bind:class="(selectedChild === 2172 && '-mr-2')" ></small> </a> <template id="navPagesSub-2172" class="navPages-sub" data-category-id="2172" hidden> <ul class="flex flex-col flex-wrap content-start h-full p-3" data-x-lazy="(selectedChild !== 2172) && (selectedChild = 2172)" > <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/bias-binding-2/" aria-label="BIAS BINDING.." > <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/bias-binding__08625.original.jpg" alt="BIAS BINDING.." width="32" height="24" loading="lazy" /> <span>BIAS BINDING..</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/straight-binding/" aria-label="STRAIGHT BINDING.." > <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/straight-binding__02358.original.jpg" alt="STRAIGHT BINDING.." width="32" height="24" loading="lazy" /> <span>STRAIGHT BINDING..</span> </a> </li> </ul> </template> </li> <li class="relative" data-x-class="{ 'bg-white text-primary-600': selectedChild === 1678, 'hover:bg-primary-100': selectedChild !== 1678 }" > <a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase" href="https://fabricwarehouse.com/thread-2/" aria-label="Thread" data-x-on:click.prevent="selectedChild = 1678" data-x-on:mouseenter="selectedChild = 1678" > Thread <small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all" aria-hidden="true" data-x-bind:class="(selectedChild === 1678 && '-mr-2')" ></small> </a> <template id="navPagesSub-1678" class="navPages-sub" data-category-id="1678" hidden> <ul class="flex flex-col flex-wrap content-start h-full p-3" data-x-lazy="(selectedChild !== 1678) && (selectedChild = 1678)" > <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/tex-25-lighter-weight-thread/" aria-label="Tex 25 Lighter Weight Thread" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/tex-25-lighter-weight-thread__96736.original.jpg" alt="Tex 25 Lighter Weight Thread" width="32" height="24" loading="lazy" /> <span>Tex 25 Lighter Weight Thread</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/tex-50-thread-light-weight-2/" aria-label="Tex 50 Thread -- Light Weight" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/tex-50-thread--light-weight__82224.original.jpg" alt="Tex 50 Thread -- Light Weight" width="32" height="24" loading="lazy" /> <span>Tex 50 Thread -- Light Weight</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/tex-90-100-heavy-weight-3/" aria-label="Tex 90 - 100 -- Heavy Weight" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/tex-90--100--heavy-weight__56650.original.jpg" alt="Tex 90 - 100 -- Heavy Weight" width="32" height="24" loading="lazy" /> <span>Tex 90 - 100 -- Heavy Weight</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/tex-75-med-hvy-thread/" aria-label="Tex 75 -- Med/Hvy Thread" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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--75--medhvy-thread__10991.original.jpg" alt="Tex 75 -- Med/Hvy Thread" width="32" height="24" loading="lazy" /> <span>Tex 75 -- Med/Hvy Thread</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/12-wt-top-stitch-thread/" aria-label="12 Wt Top Stitch Thread" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/12-wt-top-stitch-thread__82052.original.jpg" alt="12 Wt Top Stitch Thread" width="32" height="24" loading="lazy" /> <span>12 Wt Top Stitch Thread</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/guterman-thread/" aria-label="GUTERMAN THREAD" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/guterman-thread__49784.original.jpg" alt="GUTERMAN THREAD" width="32" height="24" loading="lazy" /> <span>GUTERMAN THREAD</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/v92-commercial-machine/" aria-label="V92 Commercial Machine" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/v92-commercial-machine__32909.original.jpg" alt="V92 Commercial Machine" width="32" height="24" loading="lazy" /> <span>V92 Commercial Machine</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/high-spec-thread-commercial-machine/" aria-label="HIGH SPEC THREAD (Commercial Machine)" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/high-spec-thread-commercial-machine__09959.original.jpg" alt="HIGH SPEC THREAD (Commercial Machine)" width="32" height="24" loading="lazy" /> <span>HIGH SPEC THREAD (Commercial Machine)</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/sunguard-thread-commercial-machine/" aria-label="SUNGUARD Thread (Commercial Machine)" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/sunguard-thread-commercial-machine__80441.original.jpg" alt="SUNGUARD Thread (Commercial Machine)" width="32" height="24" loading="lazy" /> <span>SUNGUARD Thread (Commercial Machine)</span> </a> </li> </ul> </template> </li> <li class="relative" data-x-class="{ 'bg-white text-primary-600': selectedChild === 1963, 'hover:bg-primary-100': selectedChild !== 1963 }" > <a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default" href="https://fabricwarehouse.com/velcro/" aria-label="Velcro" > Velcro </a> </li> <li class="relative" data-x-class="{ 'bg-white text-primary-600': selectedChild === 1911, 'hover:bg-primary-100': selectedChild !== 1911 }" > <a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase" href="https://fabricwarehouse.com/elastic/" aria-label="Elastic" data-x-on:click.prevent="selectedChild = 1911" data-x-on:mouseenter="selectedChild = 1911" > Elastic <small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all" aria-hidden="true" data-x-bind:class="(selectedChild === 1911 && '-mr-2')" ></small> </a> <template id="navPagesSub-1911" class="navPages-sub" data-category-id="1911" hidden> <ul class="flex flex-col flex-wrap content-start h-full p-3" data-x-lazy="(selectedChild !== 1911) && (selectedChild = 1911)" > <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/elastic-for-sewing/" aria-label="Elastic for Sewing" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/all-elastic-items__67654.original.jpg" alt="Elastic for Sewing" width="32" height="24" loading="lazy" /> <span>Elastic for Sewing</span> </a> </li> </ul> </template> </li> </ul> <div class="flex-1 h-64 max-h-[70vh] overflow-auto" data-x-effect="$el.style.height = height + 'px';" data-x-html-alt.referent.prevent-overflow-x="'#navPagesSub-' + selectedChild" data-x-lazy.once="selectedChild = 1954" ></div> </div> </li> <li> <a class="inline-flex px-1 3xl:px-2 py-1 rounded-global hover:bg-white hover:text-primary-600 font-bold text-nowrap" href="https://fabricwarehouse.com/by-details/" aria-label="BY DETAIL" data-x-on:click.prevent=" selectedChild = 0; const nextId = selected === 2001 ? 0 : 2001; selected = nextId; $nextTick(() => { (selected !== nextId) && (selected = nextId) }); " data-x-bind:class="(selected === 2001) && 'bg-white text-primary-600'" >BY DETAIL<small class="icon icon-chevron-down ml-1 text-[8px]" aria-hidden="true"></small> </a> <div id="navPages-2001" hidden="" aria-hidden="true" tabindex="-1" > <ul class="flex-initial bg-primary w-72 h-full max-h-[70vh] overflow-auto" data-x-lazy=" height = $el.clientHeight; $el.classList.remove('h-full'); " > <li class="hover:bg-primary-100"> <a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default" href="https://fabricwarehouse.com/by-details/" aria-label="All BY DETAIL" > All BY DETAIL </a> </li> <li class="relative" data-x-class="{ 'bg-white text-primary-600': selectedChild === 1707, 'hover:bg-primary-100': selectedChild !== 1707 }" > <a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase" href="https://fabricwarehouse.com/fabric-by-color/" aria-label="Fabric By Color" data-x-on:click.prevent="selectedChild = 1707" data-x-on:mouseenter="selectedChild = 1707" > Fabric By Color <small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all" aria-hidden="true" data-x-bind:class="(selectedChild === 1707 && '-mr-2')" ></small> </a> <template id="navPagesSub-1707" class="navPages-sub" data-category-id="1707" hidden> <ul class="flex flex-col flex-wrap content-start h-full p-3" data-x-lazy="(selectedChild !== 1707) && (selectedChild = 1707)" > <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <div class="bg-white p-3 rounded-global"> <form method="get" action="/search-product-by-color/" enctype="application/x-www-form-urlencoded" > <input type="hidden" name="color_match_rate" value="5"/> <div class="mb-3" id="mobile-navigation-color-picker" data-x-data="input_color" > <label class="block" for="mobile-navigation-color-picker_input">Search Products by Color </label> <div class="relative flex border rounded-global overflow-hidden bg-white"> <div class="w-8 h-8 ml-1 rounded-full border border-zinc-100 self-center" data-x-bind:style="{ backgroundColor: color }" > <input class="w-8 h-8 cursor-pointer opacity-0" type="color" data-x-model="color" /> </div> <input type="text" name="colors" id="mobile-navigation-color-picker_input" class="flex-1 appearance-none py-2 px-3 text-black leading-normal outline-none w-[1%]" data-label="Search Products by Color" data-input aria-required="" aria-labelledby="mobile-navigation-color-picker" aria-live="polite" autocomplete="off" data-x-model="textInput" placeholder="Enter color HEX code (e.g., #ff0000)" /> <button type="submit" class="inline-flex items-center justify-center font-bold uppercase rounded-global transition-all disabled:opacity-75 border-primary bg-primary hover:bg-primary-400 text-default hover:text-default px-4 py-2" >Search</button> </div> <div class="text-slate-700"><strong data-x-text="message"></strong></div> </div> </form> <a href="/search-product-by-color/" class="mt-2 text-primary-700"><strong><u>Need a HEX color ID?</u></strong></a> </div> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/discount-beige-fabric/" aria-label="Beige Fabric" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/beige-fabric__20891.original.jpg" alt="Beige Fabric" width="32" height="24" loading="lazy" /> <span>Beige Fabric</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/discount-black-fabric/" aria-label="Black Fabric" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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-fabric__28981.original.jpg" alt="Black Fabric" width="32" height="24" loading="lazy" /> <span>Black Fabric</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/discount-blue-fabric/" aria-label="Blue Fabric" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/blue-fabric__48966.original.jpg" alt="Blue Fabric" width="32" height="24" loading="lazy" /> <span>Blue Fabric</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/discount-brown-fabric/" aria-label="Brown Fabric" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/brown-fabric__21468.original.jpg" alt="Brown Fabric" width="32" height="24" loading="lazy" /> <span>Brown Fabric</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/discount-bronze-fabric/" aria-label="Bronze Fabric" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/bronze-fabric__53664.original.jpg" alt="Bronze Fabric" width="32" height="24" loading="lazy" /> <span>Bronze Fabric</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/discount-gold-fabric/" aria-label="Gold Fabric" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/gold-fabric__68831.original.jpg" alt="Gold Fabric" width="32" height="24" loading="lazy" /> <span>Gold Fabric</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/discount-gray-fabric/" aria-label="Gray Fabric" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/gray-fabric__14243.original.jpg" alt="Gray Fabric" width="32" height="24" loading="lazy" /> <span>Gray Fabric</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/discount-green-fabric/" aria-label="Green Fabric" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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-fabric__71748.original.jpg" alt="Green Fabric" width="32" height="24" loading="lazy" /> <span>Green Fabric</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/discount-khaki-fabric/" aria-label="Khaki Fabric" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/khaki-fabric__86649.original.jpg" alt="Khaki Fabric" width="32" height="24" loading="lazy" /> <span>Khaki Fabric</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/discount-orange-fabric/" aria-label="Orange Fabric" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/orange-fabric__16031.original.jpg" alt="Orange Fabric" width="32" height="24" loading="lazy" /> <span>Orange Fabric</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/discount-pink-fabric/" aria-label="Pink Fabric" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/pink-fabric__88017.original.jpg" alt="Pink Fabric" width="32" height="24" loading="lazy" /> <span>Pink Fabric</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/discount-purple-fabric/" aria-label="Purple Fabric" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/purple-fabric__80039.original.jpg" alt="Purple Fabric" width="32" height="24" loading="lazy" /> <span>Purple Fabric</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/discount-red-fabric/" aria-label="Red Fabric" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/red-fabric__23845.original.jpg" alt="Red Fabric" width="32" height="24" loading="lazy" /> <span>Red Fabric</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/discount-tan-fabric/" aria-label="Tan Fabric" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/tan-fabric__97519.original.jpg" alt="Tan Fabric" width="32" height="24" loading="lazy" /> <span>Tan Fabric</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/discount-taupe-fabric/" aria-label="Taupe Fabric" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/taupe-fabric__61944.original.jpg" alt="Taupe Fabric" width="32" height="24" loading="lazy" /> <span>Taupe Fabric</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/discount-silver-fabric/" aria-label="Silver Fabric" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/silver-fabric__45284.original.jpg" alt="Silver Fabric" width="32" height="24" loading="lazy" /> <span>Silver Fabric</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/discount-white-fabric/" aria-label="White Fabric" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/white-fabric__90629.original.jpg" alt="White Fabric" width="32" height="24" loading="lazy" /> <span>White Fabric</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/yellow-fabrics/" aria-label="Yellow Fabric" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/yellow-fabric__47838.original.jpg" alt="Yellow Fabric" width="32" height="24" loading="lazy" /> <span>Yellow Fabric</span> </a> </li> </ul> </template> </li> <li class="relative" data-x-class="{ 'bg-white text-primary-600': selectedChild === 1749, 'hover:bg-primary-100': selectedChild !== 1749 }" > <a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase" href="https://fabricwarehouse.com/fabric-by-theme/" aria-label="Fabric By Theme" data-x-on:click.prevent="selectedChild = 1749" data-x-on:mouseenter="selectedChild = 1749" > Fabric By Theme <small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all" aria-hidden="true" data-x-bind:class="(selectedChild === 1749 && '-mr-2')" ></small> </a> <template id="navPagesSub-1749" class="navPages-sub" data-category-id="1749" hidden> <ul class="flex flex-col flex-wrap content-start h-full p-3" data-x-lazy="(selectedChild !== 1749) && (selectedChild = 1749)" > <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/bohemian-themed-fabric/" aria-label="Bohemian Fabric" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/bohemian-fabric__60406.original.jpg" alt="Bohemian Fabric" width="32" height="24" loading="lazy" /> <span>Bohemian Fabric</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/camouflage-themed-fabric/" aria-label="Camouflage Fabric" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/camouflage-fabric__70681.original.jpg" alt="Camouflage Fabric" width="32" height="24" loading="lazy" /> <span>Camouflage Fabric</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/child-baby-themed-fabrics/" aria-label="Child & Baby Fabric" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/child--baby__26299.original.jpg" alt="Child & Baby Fabric" width="32" height="24" loading="lazy" /> <span>Child & Baby Fabric</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/contemporary-designs-fabric/" aria-label="Contemporary Fabric" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/contemporary__43488.original.jpg" alt="Contemporary Fabric" width="32" height="24" loading="lazy" /> <span>Contemporary Fabric</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/cottage-camp-themed-fabrics/" aria-label="Cottage & Camp Fabric" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/cottage--camp__11717.original.jpg" alt="Cottage & Camp Fabric" width="32" height="24" loading="lazy" /> <span>Cottage & Camp Fabric</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/fall-season-fabrics/" aria-label="Fall Season Fabric" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/fall-season__12132.original.jpg" alt="Fall Season Fabric" width="32" height="24" loading="lazy" /> <span>Fall Season Fabric</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/gardening-and-garden-themed-fabrics/" aria-label="Gardening & Garden Fabric" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/gardening-and-garden__74601.original.jpg" alt="Gardening & Garden Fabric" width="32" height="24" loading="lazy" /> <span>Gardening & Garden Fabric</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/holiday-themed-fabrics/" aria-label="Holiday Fabric" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/holiday-fabric__78037.original.jpg" alt="Holiday Fabric" width="32" height="24" loading="lazy" /> <span>Holiday Fabric</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/modern-fabrics/" aria-label="Modern Fabric" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/modern-fabric__93654.original.jpg" alt="Modern Fabric" width="32" height="24" loading="lazy" /> <span>Modern Fabric</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/nautical-beech-sailing-themed-fabrics/" aria-label="Nautical / Beach / Sailing" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/nautical--beach--sailing__90482.original.jpg" alt="Nautical / Beach / Sailing" width="32" height="24" loading="lazy" /> <span>Nautical / Beach / Sailing</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/retro-fabrics/" aria-label="Retro Fabric" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/retro__41102.original.jpg" alt="Retro Fabric" width="32" height="24" loading="lazy" /> <span>Retro Fabric</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/shabby-chic/" aria-label="Shabby Chic Fabric" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/shabby-chic__63549.original.jpg" alt="Shabby Chic Fabric" width="32" height="24" loading="lazy" /> <span>Shabby Chic Fabric</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/sports-themed-fabrics/" aria-label="Sports Fabric" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/sports__14016.original.jpg" alt="Sports Fabric" width="32" height="24" loading="lazy" /> <span>Sports Fabric</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/spring-season-fabrics/" aria-label="Spring Season Fabric" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/spring-season__69241.original.jpg" alt="Spring Season Fabric" width="32" height="24" loading="lazy" /> <span>Spring Season Fabric</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/summer-season-fabric/" aria-label="Summer Season Fabric" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/summer-season__15636.original.jpg" alt="Summer Season Fabric" width="32" height="24" loading="lazy" /> <span>Summer Season Fabric</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/traditional-fabrics/" aria-label="Traditional Fabric" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/traditional-fabric__50214.original.jpg" alt="Traditional Fabric" width="32" height="24" loading="lazy" /> <span>Traditional Fabric</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/western-themed-fabrics/" aria-label="Western Fabric" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/western__54596.original.jpg" alt="Western Fabric" width="32" height="24" loading="lazy" /> <span>Western Fabric</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/wildlife-animal-fabrics/" aria-label="Wildlife Fabric" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/wildlife__71806.original.jpg" alt="Wildlife Fabric" width="32" height="24" loading="lazy" /> <span>Wildlife Fabric</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/winter-season-themed-fabrics/" aria-label="Winter Season Fabric" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/winter-season__55378.original.jpg" alt="Winter Season Fabric" width="32" height="24" loading="lazy" /> <span>Winter Season Fabric</span> </a> </li> </ul> </template> </li> <li class="relative" data-x-class="{ 'bg-white text-primary-600': selectedChild === 1689, 'hover:bg-primary-100': selectedChild !== 1689 }" > <a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase" href="https://fabricwarehouse.com/fabric-by-designs/" aria-label="Fabric By Designs" data-x-on:click.prevent="selectedChild = 1689" data-x-on:mouseenter="selectedChild = 1689" > Fabric By Designs <small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all" aria-hidden="true" data-x-bind:class="(selectedChild === 1689 && '-mr-2')" ></small> </a> <template id="navPagesSub-1689" class="navPages-sub" data-category-id="1689" hidden> <ul class="flex flex-col flex-wrap content-start h-full p-3" data-x-lazy="(selectedChild !== 1689) && (selectedChild = 1689)" > <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/abstract-fabric/" aria-label="Abstract Fabric" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/abstract__26026.original.jpg" alt="Abstract Fabric" width="32" height="24" loading="lazy" /> <span>Abstract Fabric</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/argyle-diamond-harlequin-fabrics/" aria-label="Argyle / Diamond / Harlequin" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/argyle--diamond--harlequin__00065.original.jpg" alt="Argyle / Diamond / Harlequin" width="32" height="24" loading="lazy" /> <span>Argyle / Diamond / Harlequin</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/animals-fabrics/" aria-label="Animals Fabric" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/animals__81992.original.jpg" alt="Animals Fabric" width="32" height="24" loading="lazy" /> <span>Animals Fabric</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/batik-fabrics/" aria-label="Batiks Fabric" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/batiks__46653.original.jpg" alt="Batiks Fabric" width="32" height="24" loading="lazy" /> <span>Batiks Fabric</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/chevron-fabrics/" aria-label="Chevron Fabric" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/chevron__21531.original.jpg" alt="Chevron Fabric" width="32" height="24" loading="lazy" /> <span>Chevron Fabric</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/camouflage-fabrics/" aria-label="Camouflage Fabric" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/camouflage-fabric__92567.original.jpg" alt="Camouflage Fabric" width="32" height="24" loading="lazy" /> <span>Camouflage Fabric</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/circle-circular-fabrics/" aria-label="Circle Fabric" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/circle-fabric__43142.original.jpg" alt="Circle Fabric" width="32" height="24" loading="lazy" /> <span>Circle Fabric</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/crosshatch-fabrics/" aria-label="Crosshatch Fabric" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/crosshatch-fabric__93001.original.jpg" alt="Crosshatch Fabric" width="32" height="24" loading="lazy" /> <span>Crosshatch Fabric</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/checks-plaids-fabric/" aria-label="Checks & Plaids Fabric" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/checks--plaids-fabric__78800.original.jpg" alt="Checks & Plaids Fabric" width="32" height="24" loading="lazy" /> <span>Checks & Plaids Fabric</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/dots-fabrics/" aria-label="Dots Fabric" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/dots-fabric__19604.original.jpg" alt="Dots Fabric" width="32" height="24" loading="lazy" /> <span>Dots Fabric</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/damask-fabrics/" aria-label="Damask Fabrics" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/damask-fabrics__22303.original.jpg" alt="Damask Fabrics" width="32" height="24" loading="lazy" /> <span>Damask Fabrics</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/floral-vine-fabrics/" aria-label="Floral & Vine Fabric" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/floral--vine-fabric__15327.original.jpg" alt="Floral & Vine Fabric" width="32" height="24" loading="lazy" /> <span>Floral & Vine Fabric</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/geometrics-fabrics/" aria-label="Geometrics Fabric" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/geometrics__28244.original.jpg" alt="Geometrics Fabric" width="32" height="24" loading="lazy" /> <span>Geometrics Fabric</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/gingham-fabrics/" aria-label="Gingham Fabric" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/gingham__84876.original.jpg" alt="Gingham Fabric" width="32" height="24" loading="lazy" /> <span>Gingham Fabric</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/herringbone-fabrics/" aria-label="Herringbone Fabric" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/herringbone__01276.original.jpg" alt="Herringbone Fabric" width="32" height="24" loading="lazy" /> <span>Herringbone Fabric</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/houndstooth-fabrics/" aria-label="Houndstooth Fabric" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/houndstooth__75584.original.jpg" alt="Houndstooth Fabric" width="32" height="24" loading="lazy" /> <span>Houndstooth Fabric</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/ikat-fabrics/" aria-label="Ikat Fabric" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/ikat__18497.original.jpg" alt="Ikat Fabric" width="32" height="24" loading="lazy" /> <span>Ikat Fabric</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/jacquard-fabrics/" aria-label="Jacquard Fabric" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/jacquard__75858.original.jpg" alt="Jacquard Fabric" width="32" height="24" loading="lazy" /> <span>Jacquard Fabric</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/lattice-fabrics/" aria-label="Lattice Fabric" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/lattice-fabric__23413.original.jpg" alt="Lattice Fabric" width="32" height="24" loading="lazy" /> <span>Lattice Fabric</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/medallion-fabrics/" aria-label="Medallion Fabric" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/medallion__88775.original.jpg" alt="Medallion Fabric" width="32" height="24" loading="lazy" /> <span>Medallion Fabric</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/moire-fabrics/" aria-label="Moire Fabric" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/moire-fabric__38550.original.jpg" alt="Moire Fabric" width="32" height="24" loading="lazy" /> <span>Moire Fabric</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/nautical-themed-fabrics/" aria-label="Nautical Theme Fabric" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/nautical-theme-fabric__37255.original.jpg" alt="Nautical Theme Fabric" width="32" height="24" loading="lazy" /> <span>Nautical Theme Fabric</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/ogee-themed-fabrics/" aria-label="Ogee Fabric" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/ogee-fabric__21494.original.jpg" alt="Ogee Fabric" width="32" height="24" loading="lazy" /> <span>Ogee Fabric</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/polka-dot-themed-fabrics/" aria-label="Polka Dot Fabric" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/polka-dot__84098.original.jpg" alt="Polka Dot Fabric" width="32" height="24" loading="lazy" /> <span>Polka Dot Fabric</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/pinstripe-themed-fabrics/" aria-label="Pinstripe" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/pinstripe__61465.original.jpg" alt="Pinstripe" width="32" height="24" loading="lazy" /> <span>Pinstripe</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/paisley-design-fabrics/" aria-label="Paisley Fabric" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/paisley-design__22852.original.jpg" alt="Paisley Fabric" width="32" height="24" loading="lazy" /> <span>Paisley Fabric</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/camp-or-cottage-fabrics/" aria-label="Rustic Camp Or Cottage" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/rustic-camp-or-cottage__90492.original.jpg" alt="Rustic Camp Or Cottage" width="32" height="24" loading="lazy" /> <span>Rustic Camp Or Cottage</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/script-writing-fabrics/" aria-label="Script / Letters Fabric" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/script--letters-fabric__24111.original.jpg" alt="Script / Letters Fabric" width="32" height="24" loading="lazy" /> <span>Script / Letters Fabric</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/scrollwork-fabrics/" aria-label="Scrollwork Fabric" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/scrollwork__06509.original.jpg" alt="Scrollwork Fabric" width="32" height="24" loading="lazy" /> <span>Scrollwork Fabric</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/striped-fabrics/" aria-label="Striped Fabrics" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/striped-fabrics__07156.original.jpg" alt="Striped Fabrics" width="32" height="24" loading="lazy" /> <span>Striped Fabrics</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/solid-plain-fabrics/" aria-label="Solid Fabric" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/solid-fabric__09257.original.jpg" alt="Solid Fabric" width="32" height="24" loading="lazy" /> <span>Solid Fabric</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/stars-fabrics/" aria-label="Stars Fabric" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/stars-fabric__71021.original.jpg" alt="Stars Fabric" width="32" height="24" loading="lazy" /> <span>Stars Fabric</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/discount-solid-plain-fabrics/" aria-label="Solid / Plain Fabric" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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--plain-fabric__10200.original.jpg" alt="Solid / Plain Fabric" width="32" height="24" loading="lazy" /> <span>Solid / Plain Fabric</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/southwest-aztec-fabrics/" aria-label="Southwest / Aztec" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/southwest--aztec__17574.original.jpg" alt="Southwest / Aztec" width="32" height="24" loading="lazy" /> <span>Southwest / Aztec</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/ticking-fabrics/" aria-label="Ticking Fabric" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/ticking-fabric__22443.original.jpg" alt="Ticking Fabric" width="32" height="24" loading="lazy" /> <span>Ticking Fabric</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/textured-fabrics/" aria-label="Textured Fabric" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/textured__17948.original.jpg" alt="Textured Fabric" width="32" height="24" loading="lazy" /> <span>Textured Fabric</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/tone-on-tone-fabrics/" aria-label="Tone On Tone" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/tone-on-tone__75281.original.jpg" alt="Tone On Tone" width="32" height="24" loading="lazy" /> <span>Tone On Tone</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/toile-fabrics/" aria-label="Toile Fabric" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/toile__99027.original.jpg" alt="Toile Fabric" width="32" height="24" loading="lazy" /> <span>Toile Fabric</span> </a> </li> </ul> </template> </li> <li class="relative" data-x-class="{ 'bg-white text-primary-600': selectedChild === 1794, 'hover:bg-primary-100': selectedChild !== 1794 }" > <a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase" href="https://fabricwarehouse.com/discount-fabric-by-fiber-content/" aria-label="Fabric By Fiber Content" data-x-on:click.prevent="selectedChild = 1794" data-x-on:mouseenter="selectedChild = 1794" > Fabric By Fiber Content <small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all" aria-hidden="true" data-x-bind:class="(selectedChild === 1794 && '-mr-2')" ></small> </a> <template id="navPagesSub-1794" class="navPages-sub" data-category-id="1794" hidden> <ul class="flex flex-col flex-wrap content-start h-full p-3" data-x-lazy="(selectedChild !== 1794) && (selectedChild = 1794)" > <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/acrylic-fabrics/" aria-label="Acrylic Fabric" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/acrylic__60950.original.jpg" alt="Acrylic Fabric" width="32" height="24" loading="lazy" /> <span>Acrylic Fabric</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/cotton-blend-fabrics/" aria-label="Cotton Blend" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/cotton-blend__70451.original.jpg" alt="Cotton Blend" width="32" height="24" loading="lazy" /> <span>Cotton Blend</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/cotton-fabrics/" aria-label="Cotton Fabric" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/cotton-fabric__78843.original.jpg" alt="Cotton Fabric" width="32" height="24" loading="lazy" /> <span>Cotton Fabric</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/linen-linen-blend-fabrics/" aria-label="Linen & Linen Blend" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/linen--linen-blend__75536.original.jpg" alt="Linen & Linen Blend" width="32" height="24" loading="lazy" /> <span>Linen & Linen Blend</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/nylon-fabris/" aria-label="Nylon Nylon" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/nylon-nylon__37594.original.jpg" alt="Nylon Nylon" width="32" height="24" loading="lazy" /> <span>Nylon Nylon</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/pvc-vinyl-fabrics/" aria-label="PVC & Vinyl Fabric" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/pvc--vinyl__04151.original.jpg" alt="PVC & Vinyl Fabric" width="32" height="24" loading="lazy" /> <span>PVC & Vinyl Fabric</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/upholstery-blend-fabrics/" aria-label="Upholstery Blend" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/upholstery-blend__87880.original.jpg" alt="Upholstery Blend" width="32" height="24" loading="lazy" /> <span>Upholstery Blend</span> </a> </li> <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/wool-fabrics/" aria-label="Wool Fabric" > <img class="w-8 h-auto mr-2 rounded-lg lazyload" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/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/wool__19877.original.jpg" alt="Wool Fabric" width="32" height="24" loading="lazy" /> <span>Wool Fabric</span> </a> </li> </ul> </template> </li> </ul> <div class="flex-1 h-64 max-h-[70vh] overflow-auto" data-x-effect="$el.style.height = height + 'px';" data-x-html-alt.referent.prevent-overflow-x="'#navPagesSub-' + selectedChild" data-x-lazy.once="selectedChild = 1707" ></div> </div> </li> <li> <a class="inline-flex px-1 3xl:px-2 py-1 rounded-global hover:bg-white hover:text-primary-600 font-bold text-nowrap" href="https://fabricwarehouse.com/cotton-quilting-fabrics-by-the-yard/" aria-label="QUILTING" data-x-on:click.prevent=" selectedChild = 0; const nextId = selected === 1918 ? 0 : 1918; selected = nextId; $nextTick(() => { (selected !== nextId) && (selected = nextId) }); " data-x-bind:class="(selected === 1918) && 'bg-white text-primary-600'" >QUILTING<small class="icon icon-chevron-down ml-1 text-[8px]" aria-hidden="true"></small> </a> <div id="navPages-1918" 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/cotton-quilting-fabrics-by-the-yard/" aria-label="All QUILTING" > All QUILTING </a> </li> <li class="relative" data-x-class="{ 'bg-white text-primary-600': selectedChild === 2016, 'hover:bg-primary-100': selectedChild !== 2016 }" > <a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase" href="https://fabricwarehouse.com/by-theme/" aria-label="BY THEME" data-x-on:click.prevent="selectedChild = 2016" data-x-on:mouseenter="selectedChild = 2016" > BY THEME <small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all" aria-hidden="true" data-x-bind:class="(selectedChild === 2016 && '-mr-2')" ></small> </a> <template id="navPagesSub-2016" class="navPages-sub" data-category-id="2016" hidden> <ul class="flex flex-col flex-wrap content-start h-full p-3" data-x-lazy="(selectedChild !== 2016) && (selectedChild = 2016)" > <li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12"> <a class="inline-flex items-center py-2 leading-none hover:text-link" href="https://fabricwarehouse.com/novelty/" aria-label="Novelty 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/q/novelty-fabric__96057.original.jpg" alt="Novelty Fabric" width="32" height="24" loading="lazy" /> <span>Novelty Fabric</span> </a> </li> </ul> </template> </li> </ul> <div class="flex-1 h-64 max-h-[70vh] overflow-auto" data-x-effect="$el.style.height = height + 'px';" data-x-html-alt.referent.prevent-overflow-x="'#navPagesSub-' + selectedChild" data-x-lazy.once="selectedChild = 2016" ></div> </div> </li> <li> <a class="inline-flex px-1 3xl:px-2 py-1 rounded-global hover:bg-white hover:text-primary-600 font-bold text-nowrap" href="https://fabricwarehouse.com/clearance/" aria-label="CLEARANCE" data-x-on:click.prevent=" selectedChild = 0; const nextId = selected === 1724 ? 0 : 1724; selected = nextId; $nextTick(() => { (selected !== nextId) && (selected = nextId) }); " data-x-bind:class="(selected === 1724) && 'bg-white text-primary-600'" >CLEARANCE<small class="icon icon-chevron-down ml-1 text-[8px]" aria-hidden="true"></small> </a> <div id="navPages-1724" hidden="" aria-hidden="true" tabindex="-1" > <ul class="flex-initial bg-primary w-72 h-full max-h-[70vh] overflow-auto" data-x-lazy=" height = $el.clientHeight; $el.classList.remove('h-full'); " > <li class="hover:bg-primary-100"> <a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default" href="https://fabricwarehouse.com/clearance/" aria-label="All CLEARANCE" > All CLEARANCE </a> </li> <li class="relative" data-x-class="{ 'bg-white text-primary-600': selectedChild === 2193, 'hover:bg-primary-100': selectedChild !== 2193 }" > <a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default" href="https://fabricwarehouse.com/free-shipping/" aria-label="FREE SHIPPING" > FREE SHIPPING </a> </li> <li class="relative" data-x-class="{ 'bg-white text-primary-600': selectedChild === 1862, 'hover:bg-primary-100': selectedChild !== 1862 }" > <a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default" href="https://fabricwarehouse.com/20-off/" aria-label="20% OFF" > 20% OFF </a> </li> <li class="relative" data-x-class="{ 'bg-white text-primary-600': selectedChild === 1861, 'hover:bg-primary-100': selectedChild !== 1861 }" > <a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default" href="https://fabricwarehouse.com/30-off/" aria-label="30% OFF" > 30% OFF </a> </li> <li class="relative" data-x-class="{ 'bg-white text-primary-600': selectedChild === 1860, 'hover:bg-primary-100': selectedChild !== 1860 }" > <a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default" href="https://fabricwarehouse.com/40-off/" aria-label="40% OFF" > 40% OFF </a> </li> <li class="relative" data-x-class="{ 'bg-white text-primary-600': selectedChild === 1855, 'hover:bg-primary-100': selectedChild !== 1855 }" > <a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default" href="https://fabricwarehouse.com/50-off/" aria-label="50% OFF" > 50% OFF </a> </li> <li class="relative" data-x-class="{ 'bg-white text-primary-600': selectedChild === 1856, 'hover:bg-primary-100': selectedChild !== 1856 }" > <a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default" href="https://fabricwarehouse.com/60-off/" aria-label="60% OFF" > 60% OFF </a> </li> <li class="relative" data-x-class="{ 'bg-white text-primary-600': selectedChild === 1857, 'hover:bg-primary-100': selectedChild !== 1857 }" > <a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default" href="https://fabricwarehouse.com/70-off/" aria-label="70% OFF" > 70% OFF </a> </li> </ul> <div class="flex-1 h-64 max-h-[70vh] overflow-auto" data-x-effect="$el.style.height = height + 'px';" data-x-html-alt.referent.prevent-overflow-x="'#navPagesSub-' + selectedChild" data-x-lazy.once="selectedChild = 0" ></div> </div> </li> <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/apparel/" aria-label="APPAREL" data-x-on:click.prevent=" selectedChild = 0; const nextId = selected === 2225 ? 0 : 2225; selected = nextId; $nextTick(() => { (selected !== nextId) && (selected = nextId) }); " data-x-bind:class="(selected === 2225) && 'bg-white text-primary-600'" >APPAREL<small class="icon icon-chevron-down ml-1 text-[8px]" aria-hidden="true"></small> </a> <div id="navPages-2225" 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/apparel/" aria-label="All APPAREL" > All APPAREL </a> </li> <li class="relative" data-x-class="{ 'bg-white text-primary-600': selectedChild === 2228, 'hover:bg-primary-100': selectedChild !== 2228 }" > <a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default" href="https://fabricwarehouse.com/denim/" aria-label="Denim" > Denim </a> </li> <li class="relative" data-x-class="{ 'bg-white text-primary-600': selectedChild === 2227, 'hover:bg-primary-100': selectedChild !== 2227 }" > <a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default" href="https://fabricwarehouse.com/linings/" aria-label="Linings" > Linings </a> </li> <li class="relative" data-x-class="{ 'bg-white text-primary-600': selectedChild === 2226, 'hover:bg-primary-100': selectedChild !== 2226 }" > <a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default" href="https://fabricwarehouse.com/outdoor-apparel-jackets/" aria-label="Outdoor Apparel / Jackets" > Outdoor Apparel / Jackets </a> </li> </ul> <div class="flex-1 h-64 max-h-[70vh] overflow-auto" data-x-effect="$el.style.height = height + 'px';" data-x-html-alt.referent.prevent-overflow-x="'#navPagesSub-' + selectedChild" data-x-lazy.once="selectedChild = 0" ></div> </div> </li> </ul> <ul class="flex flex-0"> <li> <a class="inline-flex items-center h-full px-1 3xl:px-2 py-1 text-black hover:text-default font-bold bg-red-500 hover:bg-red-400" href="https://fabricwarehouse.com/custom-cut-upholstery-foam/" >CUSTOM FOAM</a> </li> <li> <a class="inline-flex items-center h-full px-1 3xl:px-2 py-1 text-black hover:text-default font-bold bg-orange-500 hover:bg-orange-400" href="https://fabricwarehouse.com/fabric-collections/fabric-remnants/" >REMNANTS</a> </li> <li> <a class="inline-flex items-center h-full px-1 3xl:px-2 py-1 text-black hover:text-default font-bold bg-green-500 hover:bg-green-400" href="https://fabricwarehouse.com/fabric-collections-map/" >COLLECTIONS</a> </li> </ul> </nav> <div class="absolute top-full left-0 right-0 z-50 flex rounded-global overflow-auto mt-2 bg-primary-100" hidden="" aria-hidden="true" tabindex="-1" data-x-show="selected > 0" data-x-bind:hidden="selected > 0 ? null : ''" data-x-on:click.outside="selected > 0 ? (selected = 0, contents = '') : null" data-x-lazy="{virtual: '#navPages-' + selected}" data-x-html-alt="contents" ></div> </div> <div id="account-panel"> <div class="flex h-full w-full text-center"> <div class="w-full my-auto"> <h3 class="text-xl uppercase mb-6">Sign in</h3> <form class="login-f