made with vue.js

#Dev Tools #Utilities #Plugins
icon-eye-dark Created with Sketch. 3.758

Overlay

Design to Code Tool

Visit Site

Description

Design to Code Tool

"Our mission with Overlay is to automate design-to-code workflows. It is a plugin to transform your Figma components and Sketch Symbols into clean and reusable Vue (or React / HTML) code.

We’ve developed Overlay so that designers can be autonomous on building pixel perfect component without knowing modern JavaScript frameworks. Moreover, we think front-end developers must spend their time on high value tasks (performance, SEO, business logic) and not on translating UX work to code."

Social Media Links

Related Projects


Vue Aspect Ratio Aspect Ratio Component
#Utilities #UI utility
icon-eye-dark Created with Sketch. 2.981
Snipcart Vue-powered Shopping Cart
#Webapps #Ecommerce #Plugins
icon-eye-dark Created with Sketch. 9.480
Sentry for Vue Vue Application Monitoring
💚 Sponsored by Friends
image-koala Created with Sketch.
Make this Koala happy and follow us on X!
follow @madewithvuejs
Vue 3 Google Sign-in Google OAuth2 Plugin for Vue
#UI Components #Utilities
icon-eye-dark Created with Sketch. 1.997
vue2-timeago Time Ago Statements for Date Formatting
#UI Components #Utilities
icon-eye-dark Created with Sketch. 4.341
View all Projects
COMMUNITY SPONSORS
Placid is a creative automation API & toolkit #madewithvuejs that lets you generate custom visuals at scale Learn more The JSCharting data visualization library includes 150+ advanced chart types that you can seamlessly use in your Vue apps Learn more Vue application monitoring by Sentry provides actionable insights to resolve performance bottlenecks and errors Learn more Bryntum offers a modern web component suite including a grid, scheduler, calendar & more – all integrating with Vue.js Learn more