TheSprkl VS Atomize by Quarkly

With an advanced design system and a vast selection of interface elements, TheSprkl streamlines the process of translating interface designs into Webflow. Designers and developers can easily combine and style interface elements to create unique designs that match their brand and user needs.

⚡️ Figma Kit

Design your websites with ease, reducing the time from idea to result. TheSprkl provides ultimate Figma kit to kickstart your project swiftly. What’s inside: 🔸 Design system: complete package for creating modern and visually stunning UI and websites 🔸 Auto layout: All components and templates are 100% Auto Layout 🔸 800+ components 🔸 Libraries: Various libraries to enhance functionality and style for your website, including colors, icons, illustrations, fundamental components, and more 🔸 Ready-to-go templates 🔸 Icon system 🔸 Responsive support for all components. No need to create design for each breakpoint.

https://www.figma.com/community/file/1330042661436344862

⚡️ Chrome Extension for Webflow

Seamlessly integrate TheSprkl design system components directly within Webflow. Copy components, blocks, and sections into your project effortlessly with a single click. Class Sync feature ensures synchronized components with updated classes, eliminating duplication. Say goodbye to rebuilding layouts for every project. Install the Chrome Extension for instant access to these components within Webflow. What’s inside: 🔸 Design system. Everything in Figma, built in webflow. No need to start from scratch. 🔸 800+ components. Hundreds of components and variations for every taste and purpose. 🔸 The Class Sync feature. Seamless synchronisation of components with updated classes directly in the designer. Keep your project tidy without the clutter of redundant classes.

https://www.thesprkl.io/thesprkl-ui-kit/webflow?utm_saashub

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.