ahmed raza's Work | ContraWork by ahmed razaahmed raza
Framer & Webflow Specialist | Fast, Scalable & Modern
Developed a modern, interactive battery website using React.js, featuring advanced scroll-based animations powered by GSAP and ScrollTrigger.
Key Features
Scroll-Based Animations: Smooth, engaging animations synchronized with scrolling to create an immersive browsing experience.
Interactive Battery Calculator: A load-based calculator that helps users estimate their power requirements and recommends suitable batteries based on their connected load.
Dynamic User Experience: Interactive UI elements and smooth transitions for an engaging product discovery journey.
Responsive Design: A user-friendly interface designed for different screen sizes.
Modern Frontend Development: Built with React.js and JavaScript, with a focus on reusable components and interactive functionality.
Technologies Used
React.js | JavaScript | GSAP | ScrollTrigger | HTML5 | CSS3
This project combines creative frontend animation with practical functionality, helping users explore battery solutions and identify suitable options based on their power needs. Developed a modern, interactive website using React.js, GSAP, and ScrollTrigger, featuring smooth scroll-based animations and engaging visual effects.
Key Highlights:
Advanced scroll-triggered animations using GSAP ScrollTrigger.
Smooth transitions and dynamic content reveals while scrolling.
Scroll-based image sequences and visual storytelling.
Interactive sections with engaging animation effects.
Responsive frontend development with React.js.
Optimized animations for a smooth browsing experience.
Tech Stack: React.js, JavaScript, GSAP, ScrollTrigger, HTML5, CSS3.
Live Website: https://patex-next.netlify.app/ I developed this interactive Webflow website using custom JavaScript, Matter.js, and GSAP to create an engaging, animation-rich user experience.
The project combines modern web design with advanced motion effects, interactive elements, and smooth scrolling animations to deliver a visually distinctive digital experience.
Key Features & Technologies:
Webflow Development: Built and structured the website in Webflow with responsive layouts and reusable components.
GSAP Animations: Implemented smooth transitions, scroll-triggered animations, and dynamic visual effects.
Matter.js Physics: Integrated physics-based interactions to bring dynamic elements to life.
Custom JavaScript: Developed custom interactions and animation logic beyond Webflow's native capabilities.
Responsive Design: Optimized the experience for different screen sizes and devices.
Interactive User Experience: Combined animation, motion, and functionality to create a more engaging browsing experience.
Tech Stack: Webflow, JavaScript, GSAP, Matter.js, HTML, CSS.
Live Project: https://swellydesign-116bb3.webflow.io/home-copy Built a highly engaging Framer website focused on smooth interactions, modern animations, and a seamless user experience.
I transformed the design into a responsive, interactive experience with carefully crafted scroll animations, transitions, reusable components, and responsive layouts across devices.
The goal was simple: move beyond a static website and create an experience that feels dynamic, modern, and memorable.
https://stale-menu-191764.framer.app/
What I worked on:
Framer development & responsive design
Smooth scroll-based interactions
Modern animations & transitions
Reusable Framer components
Mobile & tablet optimization
Interactive UI elements
Performance-focused implementation
Built with Framer, with a strong focus on both visual impact and usability.