Hey developers 👋
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.
🔗 GitHub Repo:
https://github.com/Thakuma07/Truus.co-Awwward-Website
🌐 Live Demo:
https://truus-five.vercel.app
🧠 About This Project
This project is a recreation of the stunning website Truus with a strong focus on:
•Smooth motion
•Physics-inspired interactions
•Elastic hover animations
•Premium UI design
•Micro-interactions
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.
✨ Key Features
⚡ Elastic hover card animations
🎯 Physics-style interaction effects
🔁 Infinite marquee brand section
🎨 Custom cursor interactions
📜 Scroll-triggered animations
📱 Responsive layout (in progress improvements)
Animations are powered by GreenSock (GSAP) for smooth performance and timeline control.
🛠 Tech Stack
•HTML5
•CSS3
•JavaScript (ES6+)
•GSAP
No heavy frameworks — just clean frontend fundamentals.
🎯 Why I’m Sharing This
I want to turn this into a community-driven open-source project.
If you:
Love frontend animations
Want to practice GSAP
Enjoy recreating premium UI
Are looking for an open-source project to contribute to
You’re welcome here 🙌
🚀 How You Can Contribute
⭐ Star the repo
🍴 Fork it
Check open issues (I will label good first issue)
Submit a PR
Contribution Ideas:
•Improve mobile responsiveness
•Optimize animation performance
•Add accessibility improvements
•Refactor structure for scalability
•Add new interactive sections
•Beginners are absolutely welcome.
📌 Goal
To build a polished, animation-focused open-source frontend project that others can study and learn from.
If you like premium web experiences and motion design — let’s build together 🚀
Top comments (0)