Freelance Frontend Engineers in AbbottabadFreelance Frontend Engineers in Abbottabad
ProjectsPeople
Sohrab Khan's avatar
Sohrab Khan
Abbottabad, Pakistan
Webflow & Framer Developer | Smooth Website Animations
5.0
Rating
11
Followers
Webflow & Framer Developer | Smooth Website Animations
Cover image for Built a little menu interaction
Built a little menu interaction study. When the menu opens, the main content slides away with a subtle rotation, creating that layered, almost physical transition. I also added a character-by-character roll effect to the menu links using GSAP SplitText, so the typography feels just as interactive as the layout. Nothing huge. Just experimenting with motion, timing, and small details that make an interface feel more alive. Built with GSAP, CustomEase & SplitText. #GSAP #WebAnimation #FrontendDevelopment #CreativeCoding #WebDesign #InteractionDesign #MotionDesign #FrontendDeveloper #JavaScript #Awwwards
1
20
Cover image for The best way to grow
The best way to grow as a developer is to study the best and reverse-engineer the mechanics. I took inspiration from the ultra-clean, line-drawn SVG style of the 2019 Lemonade Insurance Giveback page (lemonade.com/giveback-2019) and completely rebuilt the interaction on my side. Huge credit to their original team for creating an aesthetic that remains incredibly impactful. ​To elevate the technical side, I combined GSAP DrawSVG and MotionPath plugins within a ScrollTrigger timeline. This allowed me to dynamically draw the vector lines as the user scrolls while simultaneously guiding accent elements along the path curves. The result is a smooth, high-performance micro-interaction built entirely from scratch. Let me know what you think of the final look in the comments.
1
34
Cover image for I recently built a custom
I recently built a custom SVG page transition inspired by the attention to detail found in many Awwwards-winning websites. Instead of relying on a simple fade or slide, I wanted the transition to feel like part of the experience. I designed a hand-drawn scribble animation that flows between pages, with the stroke color changing based on the destination. It gives each page its own personality while keeping the overall experience connected. The interaction was built with GSAP, Barba.js, and custom SVG path animations. I spent a lot of time fine-tuning the timing, easing, and typography animations to make everything feel smooth, natural, and intentional. This isn't a full website, just a small interaction experiment. It was a chance to explore creative page transitions, refine animation techniques, and push my front-end motion skills a little further. I'd love to hear your thoughts or feedback.
2
56
Cover image for Every interaction should have a
Every interaction should have a purpose. For GoodrGoods, the goal wasn't to fill the page with animations. It was to create an experience that supports the brand's message of doing good. Built in Framer, I focused on creating smooth, natural interactions that enhance the storytelling from the first section to the last. Highlights of the project: • Smooth scrolling experience • Layered parallax effects • Image reveal slider • Scroll-triggered animations • Footer reveal effect • Responsive interactions across devices One of my favorite moments is the ending. As you reach the bottom of the page, the footer reveals itself seamlessly, giving the entire experience a polished finish. It's always rewarding to collaborate with clients who value thoughtful details and creative execution. ⭐ Client Review "Sohrab was absolutely amazing to work with, from day one to the end. What mattered was that he was open to our ideas, quick to implement, and exceptional in terms of quality. We highly highly recommend Sohrab." Projects like this remind me why I enjoy creative development. Great websites aren't just seen, they're experienced.
2
5
141
Frontend Engineer(6)
Daniyal Habib's avatar
Daniyal Habib
Harīpur, Pakistan
Fully Custom Million Dollar Framer Sites
$1k+
Earned
2x
Hired
5.0
Rating
16
Followers
Fully Custom Million Dollar Framer Sites
Cover image for Hubble Feed Website Design & Development
Hubble Feed Website Design & Development
1
6
Cover image for Hero section for my upcoming framer template. What do you gu...
Hero section for my upcoming framer template. What do you guys think?
34
388
Cover image for Mumu bath Web Design
Mumu bath Web Design
1
7
Cover image for Odmire Web Design
Odmire Web Design
0
5
Frontend Engineer(1)
NEHA NADEEM's avatar
NEHA NADEEM
Abbottabad, Pakistan
Full-Stack Developer | MERN & WordPress Expert.
New to Contra
Full-Stack Developer | MERN & WordPress Expert.
Cover image for High-Performance Responsive Web Development
High-Performance Responsive Web Development
0
56
Cover image for Looking for a high-performance website
Looking for a high-performance website that stands out? 🚀 I specialize in crafting custom web experiences that combine pixel-perfect designs with powerful optimization. Whether you need a fresh landing page, an E-commerce build, or technical SEO improvements, I've got you covered! 💻⚡ Here’s what I can do for your business: ✅ Full-Stack Website Design & Development ✅ Custom WordPress & E-Commerce Integration ✅ Performance & Search Engine Optimization (SEO) ✅ High-Converting Landing Page Designs Let's build your online identity together. Drop a comment or send a message right here on Contra to discuss your next project! ✨ #webdevelopment #wordpress #seo #ecommerce #fullstack #freelancing
1
37
Cover image for Custom Coded Web Development
Custom Coded Web Development
0
58
Cover image for Dynamic AI Tools Directory &
Dynamic AI Tools Directory & Platform
0
59
Frontend Engineer(1)