Patternry (discontinued)

Patternry is a software tool designed to assist UX/UI designers, front-end developers, product managers, design agencies, and web and mobile app development companies in creating and managing living UI pattern libraries and style guides. According to the vendor, Patternry provides a centralized repository for organizing and sharing design patterns and components. It caters to companies of all sizes, from small startups to large enterprises.

Key Features

Full screen code editor: Patternry includes a full-screen code editor that aims to simplify and expedite the process of writing HTML, CSS, and JavaScript for patterns. The editor allows users to simultaneously view and edit all elements, including HTML, CSS, JavaScript, and a live preview of the results.

Support for SCSS & Sass: Patternry offers support for major CSS preprocessors, such as SCSS and Sass. Users can select their preferred preprocessor from the code editor panel, facilitating the creation of reusable and programmatic CSS.

Enhanced pattern editor: The pattern editor has been redesigned to provide enhanced functionality and user-friendliness. It features a rich text editor similar to popular platforms like Gmail and WordPress, streamlining content management. According to the vendor, the new editor eliminates the need for pattern templates, as it simplifies the tasks that were previously accomplished with templates.

Library view: Pattern libraries, where users add and organize patterns, have undergone visual improvements. The hierarchy of pattern libraries is now visualized, facilitating easier navigation between libraries and sub-libraries. The pattern library view has been simplified and optimized to better meet the needs of designers and developers.

Search engine improvements: Patternry has upgraded its search engine to deliver a more robust and efficient search experience for users. The search functionality has been fine-tuned to provide more accurate and relevant results. Users can now search within a specific pattern library or across the entire workspace, enhancing the discoverability of patterns.

Angular Material integration: Patternry supports the integration of external CSS and JavaScript frameworks, including Angular Material. The vendor provides an example pattern to demonstrate how Angular Material can be effectively utilized with patterns and style guides. This integration empowers users to leverage the capabilities of Angular Material in their design and development processes.