Not a CLI, not an app. Both.

Work in the environment you are comfortable with and expend your time for great design and engineering work instead of struggling with tools made for other disciplines.

Your work is so much more than its parts.

Meld code and documentation into something more valuable – asingle source of truth that is always up to date by design.

Make sense of your design universe with meta data.

Describe your tokens and components with a fixed schema to help everyone to understand, use and remix your work.

Manipulate your design system directly.

Edit your components, tokens and documentation and see how patternplate updates your design system without reloading.

HTML, CSS and JavaScript – that's all it takes.

We supports component-specific stacks, so you don't have to commit to a single technology. Want to integrate a Vue component into a React design system? That's perfectly possible with patternplate.

Show and tell with code instead of faking it.

patternplate uses real-world, production-level code components for demos and examples. This saves you from wasting time polishing components that never see the light of day and makes the relation between design system and product transparent.