Selemen-Clone

Selemen-Clone is an educational frontend clone of the Selemen website (selemen.liqium.com), built by Ashutosh Kumar using only HTML, CSS, and JavaScript with GSAP animations.

What is Selemen-Clone?

Selemen-Clone is a static website template that reproduces the look and interactions of the Selemen site for learning purposes. It takes no inputs and renders a complete homepage via plain HTML, CSS, and JavaScript. The project runs directly in the browser with no build step and is hosted on GitHub Pages, as indicated by its repository topics. The author, Ashutosh Kumar, founder of 2C Labs, released it as an open-source clone for educational use only.

Key Features

• HTML/CSS/JavaScript stack — The entire clone is written in plain markup and styling with no frameworks, so it can be opened locally or deployed to any static host.
• GSAP ScrollTrigger animations — The repository uses GSAP with ScrollTrigger to recreate scroll-based animations and reveals seen on the original Selemen site.
• GitHub Pages ready — The repository is tagged with github-pages, so it deploys directly to GitHub's static hosting from the repository.
• Educational purpose — The README explicitly states the clone is for educational purposes only, making it a safe reference for studying animation techniques.
• Frontend learning resource — With topics like frontendproject, webdevelopment, and website-template, it's positioned as a practical example for frontend learners.
• Community traction — The repository has earned 44 stars, indicating interest from other developers in the GSAP and clone-project space.

Who is it for?

• Frontend developers — Study how a GSAP ScrollTrigger setup recreates a real website's scroll choreography using minimal JavaScript.
• Web design students — Deconstruct the HTML and CSS structure of a designed landing page without needing to sign up for the original.
• Developers learning animation — Experiment with the GSAP code in a small, self-contained project that has no backend or API dependencies.

What can you do with Selemen-Clone?

• Recreate the Selemen homepage: View the exact reproduction of the Selemen site's frontend, including its layout and scroll-driven motion.
• Deploy your own clone: Push the repository to GitHub Pages or any static host to get a live version of the same page in minutes.
• Inspect the animation code: Open the JavaScript files to see how GSAP's ScrollTrigger ties animations to scroll position on a page.

FAQ

Is Selemen-Clone free?

Yes, the repository is public on GitHub and can be downloaded, studied, and modified for personal learning at no cost.

What does Selemen-Clone do?

It displays a static clone of the Selemen website built with HTML, CSS, and JavaScript. The page uses GSAP ScrollTrigger to produce scroll-linked animations, replicating the visual style of the original.

Can I use Selemen-Clone commercially?

No. The README states the clone is for educational purpose only, so it is not licensed for production or commercial use.

What technology does Selemen-Clone use?

It uses HTML for structure, CSS for styling, and JavaScript with the GSAP animation library, specifically ScrollTrigger for scroll-based effects. No backend or framework is involved.

Does Selemen-Clone require a build step?

No. Since it is plain HTML/CSS/JS, you can open the files directly in a browser or deploy them to any static web host without compiling.