Average Ratings 0 Ratings
Average Ratings 0 Ratings
Description
Introducing the first platform that produces clean code directly from design elements, Overlay serves as a plugin that transforms components from Figma or Sketch into React, Vue.js, or HTML clean code components. By instantly generating developer-friendly web components from design tools, Overlay streamlines the integration process for both designers and developers. This documentation is designed to help users speed up their web design integration, ensuring a smoother workflow. We created Overlay to empower designers to independently construct pixel-perfect components without requiring knowledge of modern JavaScript frameworks. Additionally, we believe that front-end developers should focus on high-priority tasks such as performance optimization, SEO, and business logic rather than converting UX designs into code. Overlay Playgrounds are design files filled with numerous component examples that are ready for Overlay, along with comprehensive explanations that guide users in creating these components themselves and mastering the tool. While it's still feasible to utilize Overlay with other configurations, it may introduce some additional workload after obtaining the component code. Looking ahead, we plan to continually expand our range of setups to enhance versatility and user experience. This commitment to improvement will ensure that both designers and developers can benefit from a more efficient workflow in the future.
Description
Percy serves as a comprehensive platform for visual testing and review, automating the process of visual quality assurance by taking screenshots of web, mobile, or component user interfaces, comparing them to a predefined baseline, and identifying any unintended visual alterations to guarantee pixel-perfect accuracy. This platform is designed to seamlessly integrate with widely-used testing frameworks, CI/CD pipelines, and component libraries, allowing teams to capture snapshots at every code commit, review visual discrepancies, approve modifications, filter out distractions from dynamic elements, and uphold reliable visual approval processes. Percy is compatible with various resolutions, browsers, devices, and viewports, providing functionalities such as cross-browser testing, full-page captures, branch-aware baseline selection, intelligent diff filtering, and built-in collaboration features that facilitate approvals, requests for changes, and comments. Furthermore, with support for SDKs in prominent programming languages and frameworks like Playwright, Cypress, and Storybook, teams can easily incorporate Percy into their existing testing workflows, enhancing their overall efficiency and accuracy in visual quality assurance. This makes it an invaluable tool for teams seeking to ensure a consistent user experience across different platforms.
API Access
Has API
No
API Access
Has API
No
Integrations
React
Yes
Vue.js
Yes
.NET
No
Appium
No
Bitbucket
No
Buildkite
No
Canva
No
CircleCI
No
Cypress
No
Espresso
No
Integrations
React
Yes
Vue.js
Yes
.NET
Yes
Appium
Yes
Bitbucket
Yes
Buildkite
Yes
Canva
Yes
CircleCI
Yes
Cypress
Yes
Espresso
Yes
Pricing Details
$15 per month
Free Trial
Yes
Free Version
Yes
Pricing Details
No price information available.
Free Trial
No
Free Version
Yes
Deployment
Web-Based
Yes
On-Premises
No
iPhone App
No
iPad App
No
Android App
No
Windows
No
Mac
No
Linux
No
Chromebook
No
Deployment
Web-Based
Yes
On-Premises
No
iPhone App
No
iPad App
No
Android App
No
Windows
No
Mac
No
Linux
No
Chromebook
No
Customer Support
Business Hours
No
Live Rep (24/7)
Yes
Online Support
Yes
Customer Support
Business Hours
No
Live Rep (24/7)
No
Online Support
Yes
Types of Training
Training Docs
Yes
Webinars
No
Live Training (Online)
Yes
In Person
No
Types of Training
Training Docs
Yes
Webinars
No
Live Training (Online)
Yes
In Person
No
Vendor Details
Company Name
Overlay
Website
www.overlay-tech.com
Vendor Details
Company Name
Percy
Founded
2015
Country
United States
Website
percy.io
Product Features
Web Design
Autocompletion
No
Collaborative Editing
No
Content Management
No
Drag & Drop
No
Element Libraries
No
Programming Language Support
No
Syntax Highlighting
No
Templates
No