Displaying 1 to 20 from 23 results

styleguide-generators - An overview of automatic living styleguide generators

  •    

Pattern Libraries (or Style Guides) are a helpful tool in developing websites. Read more about Creating Style Guides at this A List Apart article. Maintaining a static Pattern Library (in HTML/CSS) is hard work and errorprone. There are, however, various tools that help us generate a dynamic Pattern Library or 'Living Style Guide'.

patternlab-node - The Node version of Pattern Lab

  •    Javascript

This monorepo contains the core of Pattern Lab / Node and all related engines, UI kits, plugins and utilities. Pattern Lab helps you and your team build thoughtful, pattern-driven user interfaces using atomic design principles. If you'd like to see what a front-end project built with Pattern Lab looks like, check out this online demo of Pattern Lab output.

edition-node-gulp - ARCHIVED - The gulp wrapper around patternlab-node core, providing tasks to interact with the core library and move supporting frontend assets

  •    Javascript

The Gulp wrapper around Pattern Lab Node Core, the default PatternEngine, and supporting frontend assets. This Edition uses Node for core processing, npm to manage project dependencies, and gulp.js to run tasks and interface with the core library. You can follow the directions for installing Node on the Node website if you haven't done so already. Installation of Node will include npm.

generator-pattern-lab-starter - This is a Yeoman Generator for pattern-lab-starter: https://github

  •    HTML

This is a Yeoman generator for Particle, a modern design-system driven Drupal theme. Note that this template will generate files in the current directory, so be sure to change to a new directory first if you don't want to overwrite existing files.




p2-theme-core - Core configuration for our theme

  •    Javascript

Ideally, the changes to how a theme install works would be done by passing in a different config.js. All is easily configurable by changing values in your config.js file in your project. These values are merged into the config.default.js file - look there for the available options and defaults.

particle - A starting place for using the prototyping tool, Pattern Lab, in tandem with a Drupal theme

  •    CSS

Download this repo, rename folder to patternlab and place in themes directory if integrating with Drupal 8, and then cd into folder before running below commands. To name it something else, see docs/setup.md. That's it.

patternlab-node-angular-example - An example of Pattern Lab Node running Angular Components

  •    Javascript

Yes this example is a bit contrived and reductive, but it is aimed to demonstrate that the two technologies are not wholesale blanket do-you-speak-to-your-mother-with-that-mouth incompatible. For best instructions, I suggest you read through the gulp edition docs.

assemble-pattern-lab - An easier-to-use, cleaner and more extensible build system for pattern-lab.

  •    Javascript

An easier-to-use and more extensible build system for pattern-lab. This project uses Assemble to build projects with pattern lab conventions.


patternlab-fluid-edition - Pattern Lab Fluid Edition

  •    Javascript

This package is an edition of Pattern Lab for the TYPO3 Fluid template engine. Please note: The Pattern Lab Fluid edition exclusively uses Composer to manage project dependencies. No pre-built packages are available - the application can only be installed with Composer.

uiengine - Workbench for UI-driven development

  •    Javascript

Workbench for UI-driven development: A tool for developers and designers to build and document web sites and apps. To get an idea of what this looks like, see the deployed sample project and the sample project source code. There is also an introduction video.

patternlab-edition-node-webpack - The webpack wrapper around patternlab-node core, providing tasks to interact with the core library and move supporting frontend assets

  •    Javascript

The webpack wrapper around Pattern Lab Node Core providing tasks to interact with the core library and move supporting frontend assets. The Pattern Lab Node - webpack edition uses Node for core processing, npm to manage project dependencies, and webpack.io to run tasks and interface with the core library. Node version 4 or higher suffices. You can follow the directions for installing Node on the Node website if you haven't done so already. Installation of Node will include npm.

edition-node - ARCHIVED - The pure wrapper around Pattern Lab Node Core, the default pattern engine, and supporting frontend assets

  •    Javascript

The pure wrapper around Pattern Lab Node Core, the default pattern engine, and supporting frontend assets. The Pattern Lab Node uses Node for core processing and npm to manage project dependencies. You can follow the directions for installing Node on the Node website if you haven't done so already. Installation of Node will include npm.

edition-node-grunt - The grunt wrapper around patternlab-node core, providing tasks to interact with the core library and move supporting frontend assets

  •    Javascript

The Grunt wrapper around Pattern Lab Node Core, providing tasks to interact with the core library and move supporting frontend assets. The Pattern Lab Node - Grunt Edition uses Node for core processing, npm to manage project dependencies, and grunt.js to run tasks and interface with the core library. Node version 4 or higher suffices. You can follow the directions for installing Node on the Node website if you haven't done so already. Installation of Node will include npm.

patternengine-node-mustache - ARCHIVED - The Mustache engine for Patternlab/Node

  •    Javascript

This one is included by default (as a dependency) with both Pattern Lab Node Core and Node Editions, so you normally won't need to install it yourself. If it's missing from your project for any reason, npm install patternengine-node-mustache should do the trick.

patternengine-node-react - ARCHIVED - The React engine for Patternlab/Node

  •    Javascript

This is the very preliminary barely worth mentioning React engine for Patternlab/Node. It's more or less a proof of concept. You can author standalone React components that include only the main React module, which I know isn't much yet. We're still working out how React components will resolve and load the modules they depend on, including other patterns. We believe this is tricky, but doable.

patternengine-node-twig - ARCHIVED - The Twig engine for Patternlab/Node

  •    Javascript

To install the Twig engine in your edition, npm install patternengine-node-twig should do the trick. This engine is considered experimental. Please try it out and let us know if you run into any problems. We know that some of the more interesting features of Twig are missing or improperly dealt with, but it should basically work.

starterkit-mustache-demo - The Mustache-based demo StarterKit for Pattern Lab.

  •    Javascript

The Demo StarterKit for Mustache is meant to show off some of the capabilities of developing Mustache-based projects in Pattern Lab. After installation the files for this StarterKit can be found in source/.






We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.