Our Quarkly project is a mix of a graphic editor (like Figma and Sketch) and website builder (similar to Webflow), complemented by features of traditional IDE. We’ll be sure to elaborate on Quarkly in a separate post, as there is plenty to tell and show, but today we’ll focus on the details of the Atomize tool.
Atomize is the heart of the whole project, as it allows us to solve tasks that would be difficult or even impossible to handle using styled-system and rebass. At the very least, the latter solution is much less elegant.
story.to.design - Keep your Figma components up to date with code
Rebass - React primitive UI components built with Styled System
Overlay - Overlay transforms Figma and Sketch designs into reusable React, Vue.js components
Supabase UI - React component library for enterprise dashboards
Figma - Team-based interface design, Figma lets you collaborate on designs in real time.
React Rainbow Components - Build your web application in a snap.