I will add gsap animation and scroll effects to your startup website


About this gig
Your site works, but it sits still. I'll add smooth GSAP scroll animation to the sections you choose on your existing React, Next.js or HTML site, and it will still run well on phones.
WHAT YOU GET
- Scroll-triggered animation on your hero or chosen sections
- A quick storyboard before I code, so there are no surprises
- A mobile version and a reduced-motion version, tested on real screen sizes
HOW IT WORKS
1. You send the link and the sections
2. I send a storyboard within 24 hours
3. I build it in your code and send a preview link
WHY ME
I built Memento and Hikmah, two full scroll-driven sites that run at 60 fps on phones too. Both are in my portfolio.
WHAT I NEED FROM YOU
- Access to your code (GitHub invite or the files)
- Which sections, plus 1 or 2 sites whose motion you like
- Your brand colours and fonts
Not sure which package fits? Send me your link and I'll tell you within an hour.
Get to know Abdul Basit
Creative Developer, Scroll Driven Landing Pages and GSAP
- FromPakistan
- Member sinceSep 2026
Languages
Urdu, English
My Portfolio
FAQ
Will the animation work on phones?
Yes. Every animation gets a phone version and a reduced-motion version, and I test it on common iPhone and Android screen sizes before I deliver.
Do I need a design or a Figma file?
No. I send you a short storyboard of what moves and when, and I only start coding once you approve it. If you already have a Figma file, I follow it.
Will it slow my site down?
No. The animation library is small, and I only animate things the browser can move cheaply. I run a speed check (Lighthouse) before and after, and send you both scores.
Which websites can you work on?
Sites built in React, Next.js, Vue or plain HTML, CSS and JavaScript. For Webflow, Framer, Wix or WordPress page builders, message me first, because it depends on how much custom code they allow.
What counts as a revision?
Changes to the animation I built: timing, speed, easing, what moves first. New sections or a different idea from the approved storyboard count as a new order or an extra.
What is not included?
New page design, copywriting, backend work, and fixing bugs in your site that are not related to the animation.
What happens after delivery?
I fix any bug caused by my code for free for 7 days after delivery.

