HomeProjectBlogServiceAbout
CloudySand .

Gaming Website 🎮

Share :

FacebookTwitter

Link Preview 🔗

https://game-awwwards.netlify.app
cloud1-mockuppath-mockup
gameawwwards
cloud2-mockup
cloud1-mockuppath-mockup
game-mobile
cloud2-mockup
← Spylt Website 🍫⚡Design SaaS Website 🎨 →

Project Description

📅 2025

Creative Website

⚙ React, Tailwind CSS, Gsap

Gaming Website 🎮

เว็บไซต์เกมที่มี อนิเมชั่นและวิดีโอที่น่าดึงดูดใจ โดยเว็บไซต์นี้ออกแบบมาเพื่อให้ผู้เล่นได้รับประสบการณ์ที่ทันสมัยและมีลูกเล่นที่น่าตื่นตาตื่นใจ

game-1

Sections

  • Hero Section: วิดีโอหลัก สามารถคลิกเพื่อดูวิดีโอต่อไปได้ ( Interactive video )
  • About Section: Discover the world's largest shared adventure
  • Feature Section: แสดงฟีเจอร์หลักของเว็บไซต์ (Highlights the website's main features)
  • Story Section: สร้างเรื่องราวร่วมกัน (Collaborative storytelling experience)
  • Contact Section: ช่องทางติดตามและโซเชียลมีเดีย (Social media links and contact info)

Features

  • รองรับ Responsive Design สำหรับ desktop และ mobile
  • Smooth animations ด้วย GSAP และ ScrollTrigger
  • ใช้ clip-path เพื่อสร้าง visual effects ที่น่าสนใจ
  • Navbar ซ่อนตัวเมื่อ scroll down และปรากฏเมื่อ scroll up
  • Mouse tracking ทำให้ภาพมีมิติเมื่อ hover (transformPerspective)

Technologies Used

  • React – Frontend framework
  • Tailwind CSS – Styling & responsive design
  • GSAP (GreenSock Animation Platform) – Animation & scroll effects

Inspiration

โปรเจกต์นี้ได้รับแรงบันดาลใจจาก Zentry, แพลตฟอร์มที่ผสมผสาน เกม, AI, และ blockchain เข้าด้วยกัน

← Spylt Website 🍫⚡Design SaaS Website 🎨 →
profile-image
CloudySandcloud-mid

I believe every design should tell a story and every system should feel human.

I believe every design should tell a story and every system should feel human.

CloudySand

• Home• Projects• Blog• Service• About

Contact

email-iconcloudysand.dev@gmail.com
phone-icon081-7740860

Social Media

github iconfacebook iconinstagram iconyoutube iconline icon

Copyright © 2026 CloudySand - All Rights Reserved

footer