Aluminum Pergola Manufacturer and Supplier

Aluminum Pergolas for Modern Outdoor Living Spaces

View Products

Outdoor Creation designs, develops and manufactures aluminum pergolas, louvered roof systems, carports and outdoor structure solutions for patios, gardens, terraces, hospitality areas and commercial outdoor projects.

Explore practical custom pergola systems and compatible outdoor products built for modern shade, comfort, privacy and outdoor space extension.

BLOG & NEW
07/29 HOW TO CLEAN MY DECKING
09/01 What decking material is the best?
06/29 Wider Boards, Broader Space
Outdoor Creation outdoor living product manufacturing facility in China
Outdoor Creation showroom for aluminum pergolas and outdoor living products
WHO WE ARE

OUTDOOR CREATION

Outdoor Creation is a China-based outdoor living structure manufacturer with its own production facilities and in-house manufacturing capabilities. Founded in 2020, we support distributors, contractors, garden builders and outdoor living brands with practical product development, reliable manufacturing, and export-oriented B2B project coordination.

Our product scope covers aluminum pergolas, carports, aluminum storage solutions and compatible pergola accessories, with support for product selection, customization communication, production coordination and global delivery for residential and commercial outdoor applications.

From size, color and structure to roof options and accessories, we help global partners develop comfortable, durable and cost-effective outdoor space solutions for different market needs.

Learn More About Us →

outdoor-creation - Chairman&CEO
GEC Aluminum - Chairman&CEO
Chris
Download

Banner Slider

<div class="overflow-hidden">
  <section class="section-dark p-0 bg-dark-gray mybanner01 position-relative">
    <div class="overflow-visible swiper lg-no-parallax  full-screen md-h-600px sm-h-500px ipad-top-space-margin swiper-light-pagination" data-slider-options='{ "slidesPerView": 1, "spaceBetween": 30, "loop": false, "pagination": { "el": ".swiper-pagination-bullets-08", "clickable": true, "dynamicBullets": false }, "keyboard": { "enabled": true, "onlyInViewport": true },  "breakpoints": { "992": { "slidesPerView": 1 }, "768": { "slidesPerView": 1 }, "320": { "slidesPerView": 1 } }, "effect": "slide" }'>
      <div class="swiper-wrapper align-items-center">     
        <?php
$args = array(
    'post_type' => 'information',
    'posts_per_page' => 3,
    'tax_query' => array(
        array(
            'taxonomy' => 'information_category',
            'terms' => 40
        )
    )
);
$loop = new WP_Query( $args );

while ( $loop->have_posts() ) : $loop->the_post();
    $post_id = get_the_ID();
    $my_sub_title = esc_html( get_post_meta( $post_id, '_my_sub_title', true ) );
    $my_custom1 = esc_html( get_post_meta( $post_id, '_my_custom1', true ) );
    $my_custom2 = get_post_meta( $post_id, '_my_custom2', true );
?>
    <div class="swiper-slide overflow-visible">
        <div class="position-absolute top-0 start-0 w-100 h-100" data-swiper-parallax="500">
            <div class="container h-100 position-relative z-3" data-swiper-parallax="-500">
                <div class="row align-items-center h-100">
                    <div class="col-xl-7 col-lg-8 col-md-10 position-relative text-white text-center text-md-start" data-anime='{ "el": "childs", "translateX": [100, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad" }'>
                        <div>
                            <span class="fs-20 mb-5px sm-mb-15px d-inline-block fw-500"><?php echo $my_sub_title; ?></span>
                        </div>
                        <h1 class="neue-Extrabold w-90 xl-w-100 text-shadow-double-large ls-minus-2px fw-700"><?php the_title(); ?></h1>
                        <a href="<?php echo $my_custom2; ?>" target="_blank" class="btn btn-large btn-black box-shadow-extra-large mt-20px sm-mt-0">
                            <?php echo $my_custom1; ?> <span><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="currentColor" class="bi bi-arrow-right-short" viewBox="0 0 16 16">
  <path fill-rule="evenodd" d="M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8"/>
</svg></span>
                        </a>
                    </div>
                    <div class="col-xl-5 col-lg-4 col-md-2 position-relative text-white text-center text-md-start d-none d-lg-block" data-anime='{ "el": "childs", "translateX": [100, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad" }'>
                        <?php the_content(); ?>
                    </div>
                </div>
            </div>
            <div class="opacity-very-light bg-black z-2"></div>
            <div class="z-1" style="position: absolute; height: 100%; width: 100%; top: 0; left: 0; background-image:url('<?php echo esc_url( the_post_thumbnail_url( 'full' ) ); ?>'); background-size: cover; height: 130%;"></div>
        </div>
    </div>
<?php endwhile; wp_reset_postdata(); ?>     
      </div>
      <div class="swiper-pagination swiper-pagination-clickable swiper-pagination-style-1 swiper-pagination-bullets-right swiper-pagination-vertical swiper-pagination-bullets-08"></div> 
    </div>
    <div class="container-fluid position-absolute bottom-20px">
      <div class="row position-relative">
		  <div class="col-md-12 z-3 d-none d-sm-block"><strong><a href="https://outdoor-creation.com/blog/" class="text-white">BLOG &amp; NEW</a></strong></div>
        <div class="col-sm-8 col-md-9 col-xl-10 swiper swiper-width-auto d-none d-sm-block" data-slider-options='{ "slidesPerView": "3", "spaceBetween":0, "speed": 10000, "loop": true, "pagination": { "el": ".slider-four-slide-pagination-2", "clickable": false }, "allowTouchMove": false,  "navigation": { "nextEl": ".slider-four-slide-next-2", "prevEl": ".slider-four-slide-prev-2" }, "keyboard": { "enabled": true, "onlyInViewport": true }, "effect": "slide","breakpoints": { "1200": { "slidesPerView": 3 }, "992": { "slidesPerView": 2 }, "768": { "slidesPerView": 2 }, "320": { "slidesPerView": 1 } }}'>
          <div class="swiper-wrapper marquee-slide"> 
            <?php
$args = array(
  'post_type' => 'post',
  'showposts' => 3,
  'orderby' => 'rand',
  'cat' => 28,
);
$my_query = new WP_Query( $args );
if ( $my_query->have_posts() ) {
  while ( $my_query->have_posts() ): $my_query->the_post();
  ?>
            <div class="swiper-slide">
              <div class="alt-font fs-16 text-white border-color-transparent-white-very-light border-bottom pt-10px pb-10px sm-p-25px me-3"><a href="<?php the_permalink(); ?>" class="text-white"><span class="pe-10px fw-bold"><?php the_time('m/d'); ?></span> <?php echo mb_strimwidth( wp_strip_all_tags( get_the_title() ), 0, 38, '...' ); ?></a></div>
            </div>
<?php endwhile; wp_reset_postdata(); } ?>      
          </div>
        </div>
        <div class="col col-md-3 col-xl-2 elements-social social-icon-style-09">
          <ul class="extra-large-icon light text-end">
            <li><a class="facebook border-3" href="https://www.facebook.com/" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 24 24" fill="currentColor">
  <path d="M18 2h-3c-3.5 0-5 2.24-5 5v3H7v4h3v8h4v-8h3.2l.8-4h-4V7c0-.9.6-1.6 1.5-1.6H18V2z"></path>
</svg><span></span></a></li>
            <li><a class="twitter border-3" href="mailto:hello@outdoor-creation.com" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" fill="currentColor" class="bi bi-envelope-fill" viewBox="0 0 16 16">
  <path d="M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414zM0 4.697v7.104l5.803-3.558zM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586zm3.436-.586L16 11.801V4.697z"/>
</svg><span></span></a></li>
          </ul>
        </div>
      </div>
    </div>
  </section>
  <section class="section position-relative bg-gradient-gary01-transparent z-3" >
    <div class="container z-2 position-relative">
      <div class="row">
        <div class="col-md-4 position-relative">
          <div class="row align-items-center position-relative md-mb-15" data-anime='{ "opacity": [0,1], "duration": 600, "delay":0, "staggervalue": 300, "easing": "easeOutQuad" }'>
            <div class="col-6 col-md-12 col-lg-6 px-1 my-3 my-lg-2 chvh-60" data-bottom-top="transform: translateY(60px)" data-top-bottom="transform: translateY(-60px)"> <img src="https://outdoor-creation.com/wp-content/uploads/2024/09/about-1.png" alt="Outdoor Creation outdoor living product manufacturing facility in China"/> </div>
            <div class="col-6 col-md-12 col-lg-6 px-1 my-3 my-lg-2 chvh-60" data-bottom-top="transform: translateY(-60px)" data-top-bottom="transform: translateY(60px)"> <img src="https://outdoor-creation.com/wp-content/uploads/2024/09/about-2.png" alt="Outdoor Creation showroom for aluminum pergolas and outdoor living products" /> </div>
          </div>
        </div>
        <div class="col-md-8">
          <div class="md-mt-20 sm-mt-0 pb-lg-5" data-anime='{ "el": "childs", "translateY": [30, 0], "opacity": [0,1], "duration": 600, "delay":0, "staggervalue": 300, "easing": "easeOutQuad" }'>
            <div class="mb-10px"> <span class="w-25px h-1px d-inline-block bg-white me-5px align-middle"></span> <span class="text-white fs-15 alt-font fw-700 ls-05px text-uppercase d-inline-block align-middle">WHO WE ARE</span> </div>
			  <?php echo "{$post_content}"; ?>
          </div>
          <div class="d-lg-flex flex-fill pt-lg-5 text-white align-items-center flex-wrap flex-lg-nowrap">
            <div class="text-uppercase">
              <div class="fs-15 fw-600">outdoor-creation - Chairman&amp;CEO</div>
              <div class="fs-15 fw-600">GEC Aluminum - Chairman&amp;CEO</div>
            </div>
            <div class="fs-40 px-5 d-flex align-items-center my-4"><img src="https://outdoor-creation.com/wp-content/uploads/2024/09/Chris.png" width="100" alt="Chris"></div>
            <div class="d-flex">
              <div class="overflow-visible position-relative">
                <div class="border-radius-6px h-210px w-210px d-flex align-items-end justify-content-center overflow-hidden cover-background" style="background-image: url('https://outdoor-creation.com/wp-content/uploads/2024/09/download.png')">
                  <div class="opacity-very-light bg-dark-gray"></div>
                </div>
                <div class="position-absolute top-0px left-0px w-100 h-100 z-index-9"> <a href="https://www.youtube.com/watch?v=HfpieEq4r-s" class="absolute-middle-center text-center rounded-circle video-icon-box video-icon-medium popup-youtube"> <span> <span class="video-icon bg-white"> <svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" fill="#000" class="bi bi-play-fill" viewBox="0 0 16 16">
  <path d="m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393"></path>
</svg> <span class="video-icon-sonar"> <span class="video-icon-sonar-bfr bg-white opacity-9"></span> </span> </span> </span> </a> </div>
              </div>
              <div class="overflow-visible position-relative">
                <div class="border-radius-6px h-210px w-210px d-flex align-items-end justify-content-center overflow-hidden cover-background" style="background-image: url('https://outdoor-creation.com/wp-content/uploads/2024/09/Download-album.png')">
                  <div class="opacity-very-light bg-dark-gray"></div>
                </div>
                <div class="position-absolute top-0px left-0px w-100 h-100 z-index-9"> <a href="https://outdoor-creation.com/download" id="link" class="absolute-middle-center text-center rounded-circle video-icon-box video-icon-medium"> <span> <span class="video-icon bg-white"> <img src="https://outdoor-creation.com/wp-content/uploads/2024/09/download.svg" alt="Download"><span class="video-icon-sonar"> <span class="video-icon-sonar-bfr bg-white opacity-9"></span> </span> </span> </span> </a> </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
</div>
Neo Steel
Neo Steel
Intro Duo
Intro Duo
Neo Alu
Neo Alu
Intro Plus
Intro Plus
Prime Plus
Prime Plus
Prime Max
Prime Max
Prestige
Prestige
Cube
Cube
Combo
Combo
BBQCover
BBQCover
Carport
Carport
Alu Storage Box
Alu Storage Box
More
More