Explorar las categorías
Explora
Fiverr Pro
Español
$
USD
Convertiré Figma, xd, psd a Tailwind CSS con animaciones GSAP
Shamika
Acerca de este Servicio
Traducción automática
Transforma tus diseños de Figma, XD o PSD en sitios web modernos, con pixel-perfect y animaciones suaves. Me especializo en convertir diseños UI/UX en código limpio de Tailwind CSS / HTML5 con animaciones GSAP y desplazamiento suave Lenis.
Qué obtendrás:
- Conversión 100% Pixel-Perfect
- Animaciones GSAP avanzadas (ScrollTrigger e interacciones micro)
- Integración Lenis para desplazamiento suave
- Totalmente adaptable (móvil, tableta, escritorio)
- Código Tailwind CSS / HTML limpio y listo para producción
- Estructura rápida y SEO-friendly
Por qué elegirme
- Stack tecnológico moderno (Tailwind, Vite, Vanilla JS)
- Comunicación rápida y entrega a tiempo
- 100% satisfacción y soporte post-entrega
Qué necesito de ti
- Enlace o archivo de tu diseño en Figma, XD o PSD.
- Cualquier requisito de animación específico.
¿Listo para darle vida a tu diseño estático? ¡Empecemos!
Conoce a Shamika
Shamika
Frontend Web Developer Figma to HTML and Tailwind CSS
- DeSri Lanka
- Miembro desdeabr 2024
Idiomas
Cingalés, Inglés
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.
Traducción automática
Mi porfolio
FAQ
Traducción automática
¿Qué archivos o enlaces necesito proporcionar para comenzar?
Solo necesitas proporcionar tu archivo de diseño (enlace de Figma, XD de Adobe, PSD o Sketch) junto con cualquier pauta o requisito de animación que tengas.
¿El sitio web será totalmente responsivo en dispositivos móviles y tabletas?
Sí, ¡claro! Cada diseño se convierte usando Tailwind CSS para asegurar el 100% de adaptabilidad en todos los tamaños de pantalla, incluyendo móvil, tableta y escritorio.
¿Qué tecnologías de animación usas?
Uso GSAP (ScrollTrigger, efectos de entrada y hover) para animaciones interactivas dinámicas y Lenis Smooth Scroll para una experiencia de desplazamiento suave y moderna.
¿Obtendré código limpio y legible?
¡Sí! El código estará bien estructurado, limpio, semántico, optimizado para rendimiento y fácil de mantener o integrar en cualquier backend más adelante.
¿Puedes desplegar mi sitio en un enlace de vista previa en vivo?
¡Sí! Puedo desplegar tu sitio convertido directamente en Vercel o Netlify para que lo pruebes en vivo antes de la aprobación final.
