Browse categories
Explore
Fiverr Pro
English
$
USD
I will convert figma, xd, psd to tailwind css with gsap animations
Shamika
About this gig
Transform your Figma, XD, or PSD designs into modern, pixel-perfect, and smooth animated websites! I specialize in converting UI/UX designs into clean Tailwind CSS / HTML5 js code with GSAP animations and Lenis smooth scrolling.
What You Get:
- 100% Pixel-Perfect Conversion
- Advanced GSAP Animations (ScrollTrigger & micro-interactions)
- Lenis Smooth Scroll integration
- Fully Responsive (Mobile, Tablet, Desktop)
- Clean, production-ready Tailwind CSS / HTML code
- Fast loading & SEO-friendly architecture
Why Choose Me?
- Modern tech stack (Tailwind, Vite, Vanilla JS)
- Fast communication & on-time delivery
- 100% satisfaction & post-delivery support
What I Need From You:
- Your Figma, XD, or PSD design link/file.
- Any specific animation requirements.
Ready to bring your static design to life? Let's get started!
Get to know Shamika
Shamika
Frontend Web Developer Figma to HTML and Tailwind CSS
- FromSri Lanka
- Member sinceApr 2024
Languages
Sinhala, English
Hi, I’m a passionate Frontend Web Developer specializing in building clean, modern, and pixel-perfect websites. I convert Figma, Adobe XD, or PSD designs into fully responsive web pages using HTML5, CSS3, Tailwind CSS, and JavaScript.
I focus on writing well-structured, commented, and maintainable code with smooth CSS/JS (gsap+lenis) animations. Whether you need a landing page or a multi-page static site, I ensure top performance and mobile responsiveness across all devices.
My Portfolio
FAQ
What files or links do I need to provide to get started?
You just need to provide your design file (Figma, Adobe XD, PSD, or Sketch link) along with any specific guidelines or animation requirements you have.
Will the website be fully responsive on mobile and tablet devices?
Yes, absolutely! Every layout is converted using Tailwind CSS to ensure 100% responsiveness across all screen sizes, including mobile, tablet, and desktop.
What animation technologies do you use?
I use GSAP (ScrollTrigger, entrance/hover effects) for dynamic interactive animations and Lenis Smooth Scroll for a modern, buttery-smooth scrolling experience.
Will I get clean and readable code?
Yes! The code will be well-structured, clean, semantic, optimized for performance, and easy to maintain or integrate into any backend later.
Can you deploy my website to a live preview link?
es! I can deploy your converted site directly to Vercel or Netlify so you can test it live before final approval.
