{"id":13852393,"url":"https://github.com/nuvoleweb/ui_patterns","last_synced_at":"2025-08-02T06:09:03.201Z","repository":{"id":37493431,"uuid":"78012006","full_name":"nuvoleweb/ui_patterns","owner":"nuvoleweb","description":"[NOTE] Development has moved to https://drupal.org/project/ui_patterns","archived":false,"fork":false,"pushed_at":"2023-10-08T20:54:54.000Z","size":3704,"stargazers_count":85,"open_issues_count":114,"forks_count":55,"subscribers_count":6,"default_branch":"8.x-1.x","last_synced_at":"2025-04-07T14:46:20.136Z","etag":null,"topics":["drupal","module","patterns","theming","ux"],"latest_commit_sha":null,"homepage":"https://drupal.org/project/ui_patterns","language":"PHP","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/nuvoleweb.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE.txt","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2017-01-04T12:03:10.000Z","updated_at":"2023-05-31T09:47:13.000Z","dependencies_parsed_at":"2024-01-18T11:02:47.869Z","dependency_job_id":"0e41e893-db3c-4a81-86f6-a029f9292663","html_url":"https://github.com/nuvoleweb/ui_patterns","commit_stats":null,"previous_names":[],"tags_count":12,"template":false,"template_full_name":null,"purl":"pkg:github/nuvoleweb/ui_patterns","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nuvoleweb%2Fui_patterns","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nuvoleweb%2Fui_patterns/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nuvoleweb%2Fui_patterns/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nuvoleweb%2Fui_patterns/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/nuvoleweb","download_url":"https://codeload.github.com/nuvoleweb/ui_patterns/tar.gz/refs/heads/8.x-1.x","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nuvoleweb%2Fui_patterns/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":268340168,"owners_count":24234675,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-08-02T02:00:12.353Z","response_time":74,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["drupal","module","patterns","theming","ux"],"created_at":"2024-08-04T22:01:18.468Z","updated_at":"2025-08-02T06:09:03.174Z","avatar_url":"https://github.com/nuvoleweb.png","language":"PHP","readme":"# UI Patterns\n\n[![Join the chat at https://gitter.im/nuvoleweb/ui_patterns](https://badges.gitter.im/nuvoleweb/ui_patterns.svg)](https://gitter.im/nuvoleweb/ui_patterns?utm_source=badge\u0026utm_medium=badge\u0026utm_campaign=pr-badge\u0026utm_content=badge)\n[![Build Status](https://travis-ci.org/nuvoleweb/ui_patterns.svg?branch=8.x-1.x)](https://travis-ci.org/nuvoleweb/ui_patterns)\n[![Scrutinizer Code Quality](https://scrutinizer-ci.com/g/nuvoleweb/ui_patterns/badges/quality-score.png?b=8.x-1.x)](https://scrutinizer-ci.com/g/nuvoleweb/ui_patterns/?branch=8.x-1.x)\n[![Documentation Status](https://readthedocs.org/projects/ui-patterns/badge/?version=8.x-1.x)](http://ui-patterns.readthedocs.io/en/8.x-1.x/?badge=8.x-1.x)\n\nDefine and expose self-contained UI patterns as Drupal plugins and use them seamlessly as drop-in templates for \n[panels](https://www.drupal.org/project/panels), [field groups](https://www.drupal.org/project/field_group), views,\n[Display Suite](https://www.drupal.org/project/ds) view modes and field templates. \n\nThe UI Patterns module also integrates with with tools like [PatternLab](http://patternlab.io/) or modules like \n[Component Libraries](https://www.drupal.org/project/components) thanks to \n[definition overrides](http://ui-patterns.readthedocs.io/en/8.x-1.x/content/patterns-definition.html#override-patterns-behavior).\n\n![Overview](https://raw.githubusercontent.com/nuvoleweb/ui_patterns/8.x-1.x/docs/images/patterns-overview.png)\n\n## Project overview\n\nThe UI Patterns project provides 6 modules:\n\n- **UI Patterns**: the main module, it exposes the UI Patterns system APIs and it does not do much more than that.\n- **UI Patterns Library**: allows to define patterns via YAML and generates a pattern library page available at `/patterns`\n  to be used as documentation for content editors or as a showcase for business. Use this module if you don't plan to\n  use more advanced component library systems such as PatternLab or Fractal.  \n  [Learn more](http://ui-patterns.readthedocs.io/en/8.x-1.x/content/patterns-definition.html)\n- **UI Patterns Field Group**: allows to use patterns to format field groups provided by the\n  [Field group](https://www.drupal.org/project/field_group) module.\n  [Learn more](http://ui-patterns.readthedocs.io/en/8.x-1.x/content/field-group.html)\n- **UI Patterns Layouts**: allows to use patterns as layouts. This allows patterns to be used on\n  [Display Suite](https://www.drupal.org/project/ds) view modes or on [panels](https://www.drupal.org/project/panels) \n  out of the box. [Learn more](http://ui-patterns.readthedocs.io/en/8.x-1.x/content/layout-plugin.html)\n- **UI Patterns Display Suite**: allows to use patterns to format [Display Suite](https://www.drupal.org/project/ds)\n  field templates. [Learn more](http://ui-patterns.readthedocs.io/en/8.x-1.x/content/field-templates.html)\n- **UI Patterns Views**: allows to use patterns as Views row templates.\n  [Learn more](http://ui-patterns.readthedocs.io/en/8.x-1.x/content/views.html)\n\n## Try it out!\n\nDownload and install the [Bootstrap Patterns](https://github.com/nuvoleweb/bootstrap_patterns) theme on a vanilla Drupal\n8 installation to quickly try out the UI Patterns module.\n\n\n## Documentation\n\nDocumentation is hosted on [Read the Docs](https://readthedocs.org/) and available [here](http://ui-patterns.readthedocs.io/en/8.x-1.x).\n\nTo build the documentation make sure you setup your environment by following\n[these instructions](http://read-the-docs.readthedocs.io/en/latest/) first.\n\nAfter setting up your environment run:\n\n```\n$ cd docs\n$ make html\n```\n\nThe documentation is then available at ``./docs/_build/html/index.html``.\n\nIf you want to contribute documentation you can setup and auto-compile that will watch for documentation changes by running:\n\n```\n$ make livehtml\n```\n\nYou can then preview the compiled documentation at ``http://127.0.0.1:8000``.\n\nTo build the documentation using Docker run:\n\n```\n$ docker run -it -v $(pwd)/docs:/docs xeizmendi/docker-sphinx make --directory=/docs html\n```\n","funding_links":[],"categories":["PHP"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnuvoleweb%2Fui_patterns","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnuvoleweb%2Fui_patterns","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnuvoleweb%2Fui_patterns/lists"}