Who is Sync for?
Sync is ideal for developers looking to improve their workflow when managing content-driven websites alongside clients and/or team members.
Typical use cases include:
- Remove hand-offs by letting designers and marketers create and manage SEO friendly pages.
- Design system consistency across your website including pages built outside of Versoly by importing components from Versoly such as buttons, footers and call to actions.
- Rapidly prototype websites inside Versoly then if required can sync paged and/or components to your codebase.
Why Versoly?
Designers, developers and marketers in the past have worked in separate tools. Designers create mock-ups in Figma, hand them off to the developer and marketers then use a headless CMS to edit content.
However what ships never matches the mockups and marketers are always asking developers for more components and page templates.
Versoly skips the need to involve the developer for most tasks as a designer can easily use Versoly to create pixel perfect designs that the marketer can then use to create SEO friendly pages.
High quality code without the learning curve
Versoly focuses on the 80/20 of coding features that make it possible for designers to create visually while making sure the generated code is production-ready.
Our code philosophy:
- HTML - We use HTML and a subset of Vue syntax to generate easy to understand code instead of using complex frameworks like React.
- Tailwind - All styling is handled by Tailwind instead of custom CSS that becomes hand to manage and maintain.
- Components - Flexible components make it easy to reuse logic and reduce duplicating code.
- MIT license libraries
- Versoly UI - A minimal Bootstrap like framework built on Tailwind
- Versoly Marquee - tiny and simple library for creating marquees
- TAOS - Tiny Tailwind animation on scroll library built by Versoly
- SwiperJS - Very popular 3rd party slider library
- Others - Check out the Versoly plugins repository