Introduction
Welcome to the Zeta Design System developer blog.
In this blog, we will share insights and lessons learnt from our time working on this project and others. We will share development updates, process documentation and demonstrate the range of tools are are using to developer experiences.
What is Zeta?
Zeta represents the latest evolution of Zebra Technologies’ Design System, crafted with the insights and experiences we’ve gathered from our previous design systems. We’ve rebuilt this system from the ground up, ensuring that each component, process, and asset is designed with a customer-first mindset. Our goal is to provide reliable, consistent, and accessible experiences across all platforms.
Zeta’s offerings are robust and versatile, featuring comprehensive theming options, a wide array of icons, and animations. These elements come together to support a selection of reusable components, all of which can be seamlessly integrated into web, mobile, desktop, and even wearable applications.
On the code side, Zeta is available in two forms: zeta-web and zeta_flutter. This approach ensures that developers working in different environments can leverage Zeta to create cohesive and compelling user experiences.
Zeta Web
Zeta Web is a web component library built using Lit. We have chosen to use web components due to their interoperability. As such, zeta-web components can be used in all modern web frameworks, including Angular and React (from v19). Designed with versatility in mind, Zeta Web components are engineered to perform consistently across all modern browsers, guaranteeing a reliable user experience regardless of the environment. This cross-browser compatibility extends to both web and mobile platforms, making Zeta Web a robust choice for developers aiming to deliver cohesive and responsive experiences across devices. View zeta-web on Github
Zeta Flutter
Zeta Flutter is our comprehensive code library for Flutter. They are designed to work on all platforms, with full support for Android and iOS, and virtually full support on web and desktop platforms. We have chosen Flutter as our main framework for multi-platform development due to its performance and fantastic developer experience. Zeta Flutter components are engineered to seamlessly integrate into any Flutter project, offering a wide range of pre-built widgets that adhere to best practices and design guidelines. This ensures a consistent and polished appearance across applications, while also significantly reducing development time and effort. Each component is optimized for performance, making sure that your applications run smoothly and efficiently across all devices.
We are excited to share these tools with the developer community and look forward to seeing the innovative projects that emerge from their use, both internally at Zebra and externally. We welcome contributions and collaboration, please reach out to myself or other contributors if you have any questions.