You will get your Figma design converted into Vue.js components
Project details
I will turn your design into clean Vue.js components: a sensible component breakdown, props and reusable structure, responsive layout, and basic interactivity (forms, states, routing). I can match an existing project's conventions or start a fresh Vue 3 setup. You receive working components and the source code, ready for your team to connect to an API. Back-end, complex state management and business logic are not included. Design Customization means minor adaptation of missing responsive layouts or component states within the approved visual direction, not a new design concept. This gives you a solid, maintainable Vue front-end from a design.
Programming Languages
HTML & CSS, JavaScript, TypeScriptCoding Expertise
Cross Browser & Device Compatibility, PSD to HTML, DesignWhat's included
| Service Tiers |
Starter
$99
|
Standard
$219
|
Advanced
$449
|
|---|---|---|---|
| Delivery Time | 3 days | 6 days | 10 days |
Number of Revisions | 1 | 2 | 2 |
Number of Pages | 1 | 3 | 6 |
Design Customization | - | ||
Content Upload | - | - | - |
Responsive Design | |||
Source Code |
Optional add-ons
You can add these on the next page.
Fast Delivery
+$35 - $149
Additional Revision
+$29
Additional Page
(+ 2 Days)
+$85
Design Customization
(+ 2 Days)
+$59
Additional Vue component
(+ 1 Day)
+$35Frequently asked questions
About Edgar
Senior Frontend Developer | Figma to HTML/CSS/SCSS | Vue.js & Angular
Yerevan, Armenia - 9:22 pm local time
I'm a senior frontend developer with 6 years of experience turning designs into clean, responsive, pixel-perfect interfaces that look right on every screen and in every browser.
🛠 What I do for you:
✅ Figma / design → HTML, CSS, SCSS — semantic, accessible (WCAG/ARIA), accurate to the design, easy to maintain
✅ Responsive, mobile-first layouts (Flexbox & CSS Grid) that behave the same on phone, tablet, and desktop
✅ Vue.js, Angular & TypeScript UI — components, interface logic, interactivity
✅ Fixing and refactoring existing UI — broken layouts, cross-browser bugs, messy CSS, slow pages
✅ Landing pages, multi-page websites, and large production web apps
💼 Why clients keep me around:
For two years I shipped UI for multiple large-scale production products (including iGaming) inside a busy product team — launching new sites, maintaining live ones, and reviewing code to keep quality high. I'm just as comfortable dropping into an existing codebase as building from a blank file, and I don't break what already works.
💎 What you get:
Clean, well-structured code (BEM, reusable components, design tokens), honest timelines, and an interface that matches the design down to the pixel.
📩 If you need a frontend developer who turns your design into a fast, responsive, properly built interface, send me a message with a bit about your project — I'll reply with a clear estimate and timeline.
Steps for completing your project
After purchasing the project, send requirements so Edgar can start the project.
Delivery time starts when Edgar receives requirements from you.
Edgar works on your project following the steps below.
Revisions may occur after the delivery date.
Plan components
I review the design and plan a clean Vue component breakdown.
Build in Vue
I code the agreed responsive components with props, states, forms and routing required by the approved scope.