<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>Forem: Arkyadeep pal</title>
    <description>The latest articles on Forem by Arkyadeep pal (@thakuma07).</description>
    <link>https://forem.com/thakuma07</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3783466%2F30b4906c-da0d-4da0-bfe3-defed3b5c5d5.png</url>
      <title>Forem: Arkyadeep pal</title>
      <link>https://forem.com/thakuma07</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://forem.com/feed/thakuma07"/>
    <language>en</language>
    <item>
      <title>🚀 I Recreated an Awwwards-Style Website Using GSAP – Looking for Contributors!</title>
      <dc:creator>Arkyadeep pal</dc:creator>
      <pubDate>Sat, 21 Feb 2026 05:16:36 +0000</pubDate>
      <link>https://forem.com/thakuma07/i-recreated-an-awwwards-style-website-using-gsap-looking-for-contributors-4eff</link>
      <guid>https://forem.com/thakuma07/i-recreated-an-awwwards-style-website-using-gsap-looking-for-contributors-4eff</guid>
      <description>&lt;p&gt;Hey developers 👋&lt;/p&gt;

&lt;p&gt;I’m excited to share a project I’ve been building — a high-fidelity recreation of a modern, premium website inspired by award-winning designs from Awwwards.&lt;/p&gt;

&lt;p&gt;🔗 GitHub Repo:&lt;br&gt;
&lt;a href="https://github.com/Thakuma07/Truus.co-Awwward-Website" rel="noopener noreferrer"&gt;https://github.com/Thakuma07/Truus.co-Awwward-Website&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;🌐 Live Demo:&lt;br&gt;
&lt;a href="https://truus-five.vercel.app" rel="noopener noreferrer"&gt;https://truus-five.vercel.app&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;🧠 About This Project&lt;/p&gt;

&lt;p&gt;This project is a recreation of the stunning website Truus with a strong focus on:&lt;/p&gt;

&lt;p&gt;•Smooth motion&lt;br&gt;
•Physics-inspired interactions&lt;br&gt;
•Elastic hover animations&lt;br&gt;
•Premium UI design&lt;br&gt;
•Micro-interactions&lt;/p&gt;

&lt;p&gt;The goal was not just to clone the UI — but to deeply study how award-level motion design works and recreate it using pure frontend technologies.&lt;/p&gt;

&lt;p&gt;✨ Key Features&lt;br&gt;
⚡ Elastic hover card animations&lt;br&gt;
🎯 Physics-style interaction effects&lt;br&gt;
🔁 Infinite marquee brand section&lt;br&gt;
🎨 Custom cursor interactions&lt;br&gt;
📜 Scroll-triggered animations&lt;br&gt;
📱 Responsive layout (in progress improvements)&lt;/p&gt;

&lt;p&gt;Animations are powered by GreenSock (GSAP) for smooth performance and timeline control.&lt;/p&gt;

&lt;p&gt;🛠 Tech Stack&lt;/p&gt;

&lt;p&gt;•HTML5&lt;br&gt;
•CSS3&lt;br&gt;
•JavaScript (ES6+)&lt;br&gt;
•GSAP&lt;/p&gt;

&lt;p&gt;No heavy frameworks — just clean frontend fundamentals.&lt;/p&gt;

&lt;p&gt;🎯 Why I’m Sharing This&lt;/p&gt;

&lt;p&gt;I want to turn this into a community-driven open-source project.&lt;/p&gt;

&lt;p&gt;If you:&lt;/p&gt;

&lt;p&gt;Love frontend animations&lt;br&gt;
Want to practice GSAP&lt;br&gt;
Enjoy recreating premium UI&lt;br&gt;
Are looking for an open-source project to contribute to&lt;/p&gt;

&lt;p&gt;You’re welcome here 🙌&lt;/p&gt;

&lt;p&gt;🚀 How You Can Contribute&lt;br&gt;
⭐ Star the repo&lt;br&gt;
🍴 Fork it&lt;/p&gt;

&lt;p&gt;Check open issues (I will label good first issue)&lt;/p&gt;

&lt;p&gt;Submit a PR&lt;/p&gt;

&lt;p&gt;Contribution Ideas:&lt;/p&gt;

&lt;p&gt;•Improve mobile responsiveness&lt;br&gt;
•Optimize animation performance&lt;br&gt;
•Add accessibility improvements&lt;br&gt;
•Refactor structure for scalability&lt;br&gt;
•Add new interactive sections&lt;br&gt;
•Beginners are absolutely welcome.&lt;/p&gt;

&lt;p&gt;📌 Goal&lt;/p&gt;

&lt;p&gt;To build a polished, animation-focused open-source frontend project that others can study and learn from.&lt;/p&gt;

&lt;p&gt;If you like premium web experiences and motion design — let’s build together 🚀&lt;/p&gt;

&lt;h1&gt;
  
  
  opensource #webdev #javascript #frontend #gsap
&lt;/h1&gt;

</description>
      <category>frontend</category>
      <category>javascript</category>
      <category>showdev</category>
      <category>webdev</category>
    </item>
  </channel>
</rss>
