https://github.com/abshar777/studio-ivory
Studio Ivory is a modern static website developed for an architecture company, showcasing their services and portfolio. The site features smooth scrolling, captivating animations, and a minimalistic design. Technologies used include HTML, CSS, JavaScript, GSAP, ScrollTrigger, and Lenis SmoothScroll
https://github.com/abshar777/studio-ivory
css gsap html lenis scrolltrigger smooth-scrolling
Last synced: 2 months ago
JSON representation
Studio Ivory is a modern static website developed for an architecture company, showcasing their services and portfolio. The site features smooth scrolling, captivating animations, and a minimalistic design. Technologies used include HTML, CSS, JavaScript, GSAP, ScrollTrigger, and Lenis SmoothScroll
- Host: GitHub
- URL: https://github.com/abshar777/studio-ivory
- Owner: Abshar777
- Created: 2025-01-23T11:05:11.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2025-01-23T11:25:11.000Z (11 months ago)
- Last Synced: 2025-02-06T10:39:20.583Z (11 months ago)
- Topics: css, gsap, html, lenis, scrolltrigger, smooth-scrolling
- Language: CSS
- Homepage: https://abshar777.github.io/studio-ivory/
- Size: 525 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Studio Ivory - Architecture Company Website
This is a static website project developed for **Studio Ivory**, an architecture company, showcasing their services, portfolio, and vision with a sleek, modern design.
## 🌟 Features
- **Smooth Scrolling:** Implemented using **Lenis SmoothScroll** for a seamless browsing experience.
- **Scroll Animations:** Enhanced user engagement with **GSAP** and **ScrollTrigger** animations.
- **Responsive Design:** Fully optimized for desktop, tablet, and mobile devices.
- **Minimalistic Design:** Focused on clean, elegant layouts and intuitive navigation.
## 🛠️ Technologies Used
- **HTML5**: Structure and semantic markup.
- **CSS3**: Styling, including advanced layouts and animations.
- **JavaScript**: Interactive functionality.
- **GSAP**: Animation library for creative motion effects.
- **ScrollTrigger**: To trigger animations based on scroll positions.
- **Lenis SmoothScroll**: Smooth scrolling for enhanced user experience.
## 🚀 About the Project
This website highlights Studio Ivory's innovative approach to architecture and design, reflecting their brand identity with smooth transitions and captivating animations.
## ⚒️ Work in Progress...
## 🌐 Live Preview
Visit the live website here: [studio-ivory]()