Lightship-CLONE

Lightship-CLONE is a front-end clone website of the Lightship electric travel trailer company's official site, built as a static web template using GSAP animations and Locomotive Scroll.

What is Lightship-CLONE?

Lightship-CLONE is a static HTML/CSS/JS website that replicates the face of Lightship (lightshiprv.com), the first American all-electric recreational vehicle company. It recreates the design, layout, and motion feel of the original marketing site and packages it as an open-source GitHub repository. The project was authored by Ashutosh Kumar (aashuu), founder of 2C Labs, and currently has 38 stars on GitHub.

Key Features

• GSAP animations — The page uses the GreenSock Animation Platform to drive timed and scroll-triggered animation effects across the layout.
• Locomotive Scroll — Smooth, inertial scrolling is implemented with Locomotive Scroll, giving the site a premium parallax feel.
• ScrollTrigger integration — GSAP ScrollTrigger is connected to Locomotive Scroll so that animations fire as each section enters the viewport.
• Vanilla tech stack — The entire project is plain HTML, CSS, and JavaScript with no build step, so it can be hosted on any static server or opened directly in a browser.
• Electric RV branding — Content and sections mirror Lightship's trailer product pages, including hero imagery, feature callouts, and company messaging about all-electric travel trailers.
• Clone-project structure — The repository uses a standard static site folder layout, separating markup, styles, and scripts for easy editing.

Who is it for?

• Front-end developers — developers interested in a working example of combining GSAP and Locomotive Scroll in a static marketing site.
• Web designers — designers who need a reference for a modern, animation-rich single-page layout inspired by a premium electric vehicle brand.
• Self-taught coders — learners who want to study how a commercial website can be replicated from scratch with vanilla JavaScript.

What can you do with Lightship-CLONE?

• Study animation techniques: Open the repository locally and trace how GSAP timelines and ScrollTrigger hooks are coordinated with Locomotive Scroll for a smooth scroll experience.
• Adapt it into your own landing page: Swap Lightship-specific copy and images for your own to instantly get an animated, smooth-scrolling product page.
• Add it to a portfolio: Show the clone as a front-end development project demonstrating HTML/CSS skill and familiarity with modern JavaScript animation libraries.

FAQ

Is Lightship-CLONE free to use?

Yes, the code is publicly hosted on GitHub. No commercial license or restriction is mentioned, so it can be used as a learning resource or starting point under normal open-source terms.

What technologies are used?

The clone uses HTML, CSS, and vanilla JavaScript. Animation is handled by GSAP and GSAP ScrollTrigger, and smooth scrolling is provided by Locomotive Scroll. There is no framework involved.

Who built Lightship-CLONE?

The project was created by Ashutosh Kumar (online as aashuu), the founder of 2C Labs, a developer who makes SaaS products across Web2, Web3, and AI. His personal site is linked from the repository.

Why clone Lightship's website?

The Lightship brand was chosen as a design reference because its site showcases modern electric-vehicle marketing with strong motion design. Rebuilding it serves as a practical exercise in replicating high-end front-end interactions with free tools.