ScrollFx is a lightweight and elegant one-page parallax HTML template built with pure HTML, CSS, and GSAP ScrollTrigger.
Designed for creatives, agencies, photographers, or developers who want a modern, cinematic scrolling experience.

Every section flows seamlessly with smooth transitions, subtle depth effects, and a professional layout focused on performance.
No frameworks or heavy libraries — only clean, optimized code.

Key Features:

- Cinematic scroll-based animations with GSAP
- Modern one-page parallax design
- Responsive layout (desktop, tablet, mobile)
- Easy to customize and lightweight
- Portfolio & demo showcase structure
- Smooth performance and fast load time
- HTML, CSS, and JavaScript only — no dependencies

Perfect for:
Portfolio websites, creative agencies, personal landing pages, product showcases, and motion-based presentations.

Built with HTML5, CSS3, and vanilla JS

GSAP + ScrollTrigger animations

Lightweight and fast-loading

Fully responsive layout

Modern typography (Google Fonts)

Cross-browser compatible

Well-documented structure

Easy customization

Ready-to-use portfolio and testimonial section

Clean and minimal code

Any modern code editor (VS Code, Sublime, etc.)

Basic understanding of HTML & CSS

A modern web browser for preview (Chrome, Edge, Safari, Firefox)

1. Download and unzip the package.
2. Open the index.html file in your browser to preview the template.
3. To edit, open the project in your preferred text editor.
4. Replace text, images, and colors in the /assets folder as desired.
5. Upload to your hosting or server when ready.

Optional: You can configure animations easily in assets/js/gsap-init.js.