{"id":18825424,"url":"https://github.com/outsystems/outsystems-ui","last_synced_at":"2025-10-04T08:41:40.987Z","repository":{"id":65589137,"uuid":"379259495","full_name":"OutSystems/outsystems-ui","owner":"OutSystems","description":"Repository with the source code for OutSystems UI.","archived":false,"fork":false,"pushed_at":"2025-09-02T13:14:50.000Z","size":70451,"stargazers_count":65,"open_issues_count":0,"forks_count":46,"subscribers_count":32,"default_branch":"dev","last_synced_at":"2025-09-27T21:55:13.292Z","etag":null,"topics":["engineering","o11","platform-o11","snyk-o11","ssdlc-rules"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"bsd-3-clause","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/OutSystems.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":".github/CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":".github/CODEOWNERS","security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2021-06-22T12:21:05.000Z","updated_at":"2025-09-02T13:14:53.000Z","dependencies_parsed_at":"2023-09-22T20:56:03.927Z","dependency_job_id":"98d5c9b0-83fd-4f20-955c-70c38ae7e879","html_url":"https://github.com/OutSystems/outsystems-ui","commit_stats":{"total_commits":1410,"total_committers":27,"mean_commits":52.22222222222222,"dds":0.75177304964539,"last_synced_commit":"98e43e300ef75817bd54c96e478375a8d088f702"},"previous_names":[],"tags_count":27,"template":false,"template_full_name":null,"purl":"pkg:github/OutSystems/outsystems-ui","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/OutSystems%2Foutsystems-ui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/OutSystems%2Foutsystems-ui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/OutSystems%2Foutsystems-ui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/OutSystems%2Foutsystems-ui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/OutSystems","download_url":"https://codeload.github.com/OutSystems/outsystems-ui/tar.gz/refs/heads/dev","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/OutSystems%2Foutsystems-ui/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":278289047,"owners_count":25962347,"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-10-04T02:00:05.491Z","response_time":63,"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":["engineering","o11","platform-o11","snyk-o11","ssdlc-rules"],"created_at":"2024-11-08T00:59:24.792Z","updated_at":"2025-10-04T08:41:40.982Z","avatar_url":"https://github.com/OutSystems.png","language":"TypeScript","readme":"# OutSystems UI · v2.25.0\n\n![GitHub License](https://img.shields.io/badge/License-BSD%203--Clause-blue.svg) ![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)\n\n## About the component\n\nCreate modern experiences with fully customizable responsive Screen Templates and UI Patterns for Native Mobile and Reactive Web Apps.\n\n| `One Framework`                                                              | `Fully Integrated`                                                             | `Responsive by Default`                                                           | `Limitless Possibilities`                                                         |\n| ---------------------------------------------------------------------------- | ------------------------------------------------------------------------------ | --------------------------------------------------------------------------------- | --------------------------------------------------------------------------------- |\n| Create seamless experiences for Reactive Web and Native Mobile Applications. | Drag and drop UI Patterns and Screen Templates from OutSystems Service Studio. | Ready-to-use Layouts and UI Patterns that automatically adapt to the device size. | Extend the styles of over 70 UI Patterns and Screen Templates to make them yours. |\n\n### Key features\n\n-   More than 70 UI patterns\n-   Easily customizable and extendable design system\n-   Responsive UI\n-   Right-to-left support\n-   Accessibility compliance with WCAG 2.1\n-   Actions to deal with different device types\n-   Built for Reactive Web and Mobile apps\n\nFind out more in [OutSystems UI website](https://outsystemsui.outsystems.com/OutsystemsUiWebsite/).\n\n### Where can you find the component?\n\nThe OutSystems UI component, like all components, can be found in [OutSystems forge](https://www.outsystems.com/forge/component-overview/1385/outsystems-ui).\n\n### Where can you find documentation?\n\nThe documentation can be found in the [OutSystems UI website](https://outsystemsui.outsystems.com/outsystemsuiwebsite/) and in [OutSystems product documentation](https://success.outsystems.com/Documentation/11/Developing_an_Application/Design_UI/Patterns).\n\nWe also use the [TypeDoc](https://typedoc.org/) to automatically generate documentation. TypeDoc converts comments in TypeScript source code into rendered HTML documentation, alongside UML diagrams for each class and Interface.\n\nTake a look at it, at [OutSystemsUI Framework Documentation](https://outsystems-ui-docs.github.io/).\n\n### Why use this component?\n\nOutSystems UI allows you to create applications with great user experience and beautiful design at unbeatable speed. This is how all the pieces come together and how you can go from creating your first application to see it working in minutes!\n\n## About this repository\n\nThis repository contains the code that is used to control/style the OutSystems UI patterns. The code is written in TypeScript🖤 and SCSS.\u003c/br\u003e\nYou can fork it then branch it and PR your proposals!\n\n### What tools should you use?\n\nWe highly recommend the usage of the following tools:\n\n-   [Visual Studio Code](https://code.visualstudio.com/)\n-   With these extensions:\n    -   Document This\n    -   ESLint\n    -   Prettier - Code formatter\n-   [Node v12.0+](https://nodejs.org/en)\n\n### How to change this code?\n\n\u003col\u003e\n  \u003cli\u003eDo a Repository \u003cstrong\u003eFork\u003c/strong\u003e\u003c/li\u003e\n  \u003cli\u003eCreate a branch based in the branch \u003cstrong\u003emaster\u003c/strong\u003e (latest \u0026 greatest release) - branch master is \u003cstrong\u003edev\u003c/strong\u003e\u003c/li\u003e\n  \u003cli\u003eOpen your branch Code in Visual Studio Code\u003c/li\u003e\n  \u003cli\u003eRun the following command in Visual Studio Code terminal: \u003ccode\u003enpm run setup\u003c/code\u003e (this will install all the dependencies that you need to compile the code)\u003c/li\u003e\n  \u003cli\u003eDo your magic! 😎\u003c/li\u003e\n  \u003cli\u003e\u003cstrong\u003eDocument your code\u003c/strong\u003e (with the extension \"Document This\", start typing \u003ccode\u003e/**\u003c/code\u003e and the extension will give you a good starting point\u003c/li\u003e\n  \u003cli\u003eCompile and fix errors and warnings (in Visual Studio Code terminal: \u003ccode\u003enpm run build\u003c/code\u003e)\u003c/li\u003e\n  \u003cli\u003e\n    Check if the code format is following our conventions (in Visual Studio Code terminal: \u003ccode\u003enpm run lint\u003c/code\u003e)\n    \u003col\u003e\n      \u003cli\u003eSome of the conventions can be fixed automatically by lint (in Visual Studio Code terminal: \u003ccode\u003enpm run lintfix\u003c/code\u003e)\u003c/li\u003e\n      \u003cli\u003eAlthough the script above executes the prettier conventions, you may want to run it over all project files (in Visual Studio Code terminal: \u003ccode\u003enpm run prettier\u003c/code\u003e)\u003c/li\u003e\n    \u003c/ol\u003e\n  \u003c/li\u003e\n  \u003cli\u003eFix all errors \u0026 warnings! ✅\u003c/li\u003e\n  \u003cli\u003eKept the branch updated with the master branch and also synchronized with the upstream \u003cstrong\u003emaster\u003c/strong\u003e\u003c/li\u003e\n  \u003cli\u003eCreate a PR, describing what was the (mis)behavior, and what you changed and please provide a sample \u003c/li\u003e\n\u003c/ol\u003e\n\n### How to do a Pull Request?\n\nAfter completing your changes, and testing, please proceed with submitting a Pull Request.\n\nTo be accepted, a Pull Request needs to:\n\n1. **Fulfill the following requirements**\n\n    - Needs to compile without errors\n    - Needs to follow the code style rules (without warnings and errors)\n    - Needs to be approved by 2 team members (owners of the repo)\n    - The Pull Request template, should be filled up by the Pull Requestor:\n        - Provide a short description\n        - A link to a sample page showing the fixed behavior or the new feature\n        - What was happening?\n        - What was done?\n        - Tests steps\n        - Screenshots\n        - Checklist\n\n2. **Follow best practices**\n    - The submitted code should be well documented (e.g. comments).\n    - Avoid changes outside the scope of the issue in hands.\n    - Avoid exposing sensible information of any kind (e.g. internal server link, process, etc).\n\n## Useful Links\n\n-   Download the latest version in [OutSystems forge](https://www.outsystems.com/forge/component-versions/1385)\n-   Check the [online documentation](https://outsystemsui.outsystems.com/outsystemsuiwebsite/)\n-   [NPM Package](https://www.npmjs.com/package/outsystems-ui)\n\n## 📫\u0026nbsp; Have a question? Want to chat? Ran into a problem?\n\nWrite us on [the component support page](https://www.outsystems.com/forge/component-discussions/1385/OutSystems+UI)!\n\n## How to sign up for the announcement list\n\nAvailable internally on Slack channel _#rd-uicomponents-contributors_.\n\n## Keywords\n\nGitHub - OutSystems - OutSystemsUI - UIFramework\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Foutsystems%2Foutsystems-ui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Foutsystems%2Foutsystems-ui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Foutsystems%2Foutsystems-ui/lists"}