Note
Devkit Memberships are now available by invitation only! We're excited to invite a select group of professionals to join the early access phase of Archetype Devkit Memberships. If you're interested in shaping the future of Shopify theme development and getting exclusive early access, sign up to the waitlist. Your feedback will help us fine-tune our offering for the broader community. Read the full announcement here for more details!
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.
Devkit Memberships provide exclusive access to our private repositories, offering early access to Archetype's community-driven standard for Shopify theme design and development. As a Devkit Member, you’ll collaborate with other theme professionals, receive consultations, and help shape the future of theme development through shared insights and feedback.
Read the full Devkit Membership early access announcement here for all the details.
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.
Access the Devkit preview 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.