Note
This initial preview of the Archetype Devkit is a call to action for the community. We invite you to bring your insights and experiences to help shape our collective approach to theme development. Your feedback is crucial as we refine our methodologies and collaborate to establish best practices that benefit us all. Check out the the Contributing section for more details!
Sign up for Devkit updates + get your free Figma companion file
Welcome to Archetype Devkit! A public, community-backed standard for advanced theme design and development.
- 🏘️ Build together instead of in silos - Stop building and maintaining your own tooling. We all benefit from collaborating on how to build themes. Save the competition for what we build.
- 😇 Simple and vanilla - Stop working with compiled theme code. Stay as close to the platforms as possible. Devkit keeps things simple with minimal tooling magic. No bundlers. No compiled code. Use modern browsers to their full capabilities.
- 🧱 Reusable theme components - Build the pieces really well and reuse it in other places.
- 👷 Centralize and compound contributions over time - Centralize your theme code and share it across theme projects. A clear interface between re-usable and project-specific code. Make it it easy to keep your themes up-to-date.
- 🤲 Better design handoffs - A component design experience in Figma that matches the code for streamlined handoff to developers.
Check out the Getting Started Guide for a full walkthrough of the Devkit Theme Component Development + Theme Development experiences.
- archetype-themes/devkit - This repo serves to act as the central hub + docs for all things Devkit
- archetype-themes/plugin-theme-component - A Shopify CLI Plugin
- archetype-themes/reference-theme - A theme built with devkit consisting of an complete buyer purchase flow
- archetype-themes/reference-components - The components that power the reference theme
- archetype-themes/locales - Shared locales used across all theme projects
Devkit is more than just a developer solution! The designs that developers work from play a crucial role in rolling out new theme projects.
Sign up for Devkit updates and receive a download link to access the Figma file that accompanies the archetype-themes/reference-theme + archetype-themes/reference-components repos
Interested in shaping the future of theme development with us?
We welcome you to join our community on Github! Your insights and discussions play a crucial role in this project's continuous improvement.
- Visit the discussion board, to post questions directly to the Archetype team, share design or development ideas and solutions, and provide feedback on our component approach.
- Spot a typo or have some edits to propose to our docs? Open a pull request on this repo and let's get your proposed updates committed!
- Spot a bug in one of the Devkit Repos? Create an issue or open a pull request so everyone can benefit from better tools + clearer specs.
