https://github.com/c0d1ngthunder/thirtysixstudio

THIRTYSIXSTUDIO is a clone of the main feature of the Thirtysixstudio digital agency's website . It uses React, TailwindCSS, GSAP and Locomotive.
https://github.com/c0d1ngthunder/thirtysixstudio

gsap locomotive-scroll react tailwindcss

Last synced: 8 months ago
JSON representation

THIRTYSIXSTUDIO is a clone of the main feature of the Thirtysixstudio digital agency's website . It uses React, TailwindCSS, GSAP and Locomotive.

• Host: GitHub
• URL: https://github.com/c0d1ngthunder/thirtysixstudio
• Owner: c0d1ngthunder
• Created: 2024-12-18T08:21:57.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2025-02-09T10:06:19.000Z (8 months ago)
• Last Synced: 2025-02-09T10:24:32.191Z (8 months ago)
• Topics: gsap, locomotive-scroll, react, tailwindcss
• Language: JavaScript
• Homepage: https://c0d1ngthunder.github.io/THIRTYSIXSTUDIO/
• Size: 6.98 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          


Thirtysixstudio Clone


[![React](https://img.shields.io/badge/react-%23087EA4.svg?style=for-the-badge&logo=react&logoColor=white&labelColor=087EA4&color=149ECA)](https://reactjs.org/)

  [![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white)](https://tailwindcss.com/)

  [![GSAP](https://img.shields.io/badge/gsap-88CE02.svg?style=for-the-badge&logo=greensock&logoColor=white)](https://greensock.com/gsap/)

  [![Locomotive Scroll](https://img.shields.io/badge/locomotive_scroll-0C0C0C.svg?style=for-the-badge&logo=locomotive&logoColor=white)](https://locomotivemtl.github.io/locomotive-scroll/)



## 📖 Overview

A pixel-perfect clone of Thirtysixstudio Webpage built with React and modern web technologies. This project showcases advanced animations, smooth scrolling effects, and responsive design principles.

## ⚡ Demo

[![Live Demo](https://img.shields.io/badge/LIVE_DEMO-%238B5CF6.svg?style=for-the-badge&labelColor=f5f5f5&logo=github&logoColor=black)](https://c0d1ngthunder.github.io/THIRTYSIXSTUDIO/)

## ✨ Key Features

- Responsive layout that works seamlessly across all devices

- Smooth transitions and micro-interactions

## 🛠️ Tech Stack

- **Frontend Framework**: React

- **Styling**: TailwindCSS

- **Animations**: GSAP

- **Scrolling**: Locomotive Scroll v5

- **Build Tool**: Vite

## 🗂️ Project Structure

```

src/

├── components/

│   ├── Canvas/

│   ├── Cursor/

│   ├── Navbar/

│   ├── Page2/

│   ├── Services/

│   |── TextPage/

|   └── Work/

|   

├── assets/

    ├── fonts/

    |      └──Arial

    └── thirtysixstudio.png/

```

## 🌟 Credits

This project is a clone of [Thirtysixstudio's main feature](https://thirtysixstudio.com) created for educational purposes. All design credits go to the original Thirtysixstudio team.

## 📝 License

[![MIT License](https://img.shields.io/badge/LICENSE-MIT-E41B17.svg?style=for-the-badge&labelColor=FFC400&color=E41B17&logoColor=white)](LICENSE)

This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.

---



  Made with ❤️ by Nitish Kumar


  


  

  [![GitHub](https://img.shields.io/badge/github-%23121011.svg?style=for-the-badge&logo=github&logoColor=white)](https://github.com/c0d1ngthunder)

  [![LinkedIn](https://img.shields.io/badge/linkedin-%230A66C2.svg?style=for-the-badge&logo=linkedin&logoColor=white&labelColor=0A66C2&color=0D76E3)](https://linkedin.com/in/nitish-thedev)