Create flexible, powerful and comprehensive Living Style Guides with ease.
patternplate is a platform for the creation and maintenance of Living Style Guides focusing on component-driven frontend design, code reusability and developer ergonomics.
patternplate is not the only Living Style Guide system in town. styleguides.io has a great collection of available tools. We like to think that patternplate comes with several concepts and approaches setting it considerably apart from other solutions.
A Living Style Guide should come at low cost for your development velocity. To achieve this patternplate takes cues from Convention over Configuration and employs component-driven principles to understand the contents of the patterns you create - enabling different views on your source at virtually no cost.
By knowing all the relations of all your source files to each other and the resulting artifacts patternplate can help you to refactor, maintain and create complex component hierarchies without breaking a sweat. See ⇨ pattern concept for details.
patternplate is built around the idea that you'll actually want other people to use and deploy your code. If this involves delivering prebuilt bundles or exposing all your components as distinct API is up to you – we have your back.
This comparison table pits patternplate and some selected solutions.
stay tuned
- node
>= 4
- npm
>= 3
npm install --save patternplate
# patternplate exposes a command line interface
patternplate # start the server
patternplate-console [taskName] # execute a build task
patternplate joins several project for easy installation and deployments. See the UML description below for a rough overview.
![patternplate](http://g.gravizo.com/g? @startuml ; skinparam monochrome true; skinparam shadowing false; skinparam backgroundColor transparent; skinparam component {; backgroundColor<> lightgray; }; component patternplate {; component [boilerplate-server] as pp.bs; component "patternplate-client /" as pc {; component [boilerplate-server] as pc.bs; component [patternplate-ui] as pc.pu; }; component "patternplate-server /api" as ps {; component [boilerplate-server] as ps.bs; component [patternplate-core] <> as ps.pc; component [patternplate-transforms] as ps.tr; }; }; component "patternplate-manager" {; component [patternplate-core] <> as pm.pc; }; component [Browser] as browser; component "/patterns" as patterns; pp.bs --> ps : mount; pp.bs --> pc : mount; pc.bs <..> ps.bs; ps.pc --> patterns : parses; ps.tr --> patterns : "works on"; pm.pc --> patterns : "works on"; browser <..> pp.bs; @enduml )
Copyright 2016 by SinnerSchrader Deutschland GmbH and contributors. Released under the MIT license.