HTML CSS JS files
Budget: $250 – $750 USD
I already have every screen polished in Figma; now I need those comps turned into clean, lightweight HTML, CSS and vanilla JavaScript that render exactly the same across modern browsers and devices. I’m not interested in Bootstrap, Tailwind or any other framework—just well-structured, custom CSS that keeps the markup lean and easy to maintain.
Key requirements
• Fully responsive layouts that match the Figma spacing, typography and colours down to the pixel on mobile, tablet and desktop
• Seamless RTL and LTR support; layout and typography must flip correctly when the language changes
• Text strings wrapped in simple localisation keys so the pages can toggle between English and Arabic without code edits
• Smooth loading with no layout shifts or flashes of unstyled content
Deliverables
- HTML files for every Figma screen
- A neatly organised asset folder (CSS, JS, images, fonts)
- Reusable partials/components where layouts repeat
- Brief setup notes so I can run the build locally
Acceptance criteria
1. Pages pass responsive checks in Chrome, Safari, Firefox and Edge.
2. Switching from LTR to RTL mirrors the layout perfectly.
3. English ↔ Arabic language toggle displays the correct strings without breaking the design.
4. Visual comparison shows a pixel-perfect match with Figma at common breakpoints.
If you specialise in handcrafted, semantic markup and have a sharp eye for design fidelity, this should be a straightforward collaboration.
Key requirements
• Fully responsive layouts that match the Figma spacing, typography and colours down to the pixel on mobile, tablet and desktop
• Seamless RTL and LTR support; layout and typography must flip correctly when the language changes
• Text strings wrapped in simple localisation keys so the pages can toggle between English and Arabic without code edits
• Smooth loading with no layout shifts or flashes of unstyled content
Deliverables
- HTML files for every Figma screen
- A neatly organised asset folder (CSS, JS, images, fonts)
- Reusable partials/components where layouts repeat
- Brief setup notes so I can run the build locally
Acceptance criteria
1. Pages pass responsive checks in Chrome, Safari, Firefox and Edge.
2. Switching from LTR to RTL mirrors the layout perfectly.
3. English ↔ Arabic language toggle displays the correct strings without breaking the design.
4. Visual comparison shows a pixel-perfect match with Figma at common breakpoints.
If you specialise in handcrafted, semantic markup and have a sharp eye for design fidelity, this should be a straightforward collaboration.
Related categories:
JavaScript
CSS
Jobs for Anyone
PSD to HTML
HTML5
HTML
Web Development
Frontend Development
Figma
Accessibility