OutSystems UI Framework
npm install outsystems-uiCreate modern experiences with fully customizable responsive Screen Templates and UI Patterns for Native Mobile and Reactive Web Apps.
| One Framework | Fully Integrated | Responsive by Default | Limitless Possibilities |
| ---------------------------------------------------------------------------- | ------------------------------------------------------------------------------ | --------------------------------------------------------------------------------- | --------------------------------------------------------------------------------- |
| 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. |
- More than 70 UI patterns
- Easily customizable and extendable design system
- Responsive UI
- Right-to-left support
- Accessibility compliance with WCAG 2.1
- Actions to deal with different device types
- Built for Reactive Web and Mobile apps
Find out more in OutSystems UI website.
The OutSystems UI component, like all components, can be found in OutSystems forge.
The documentation can be found in the OutSystems UI website and in OutSystems product documentation.
We also use the TypeDoc to automatically generate documentation. TypeDoc converts comments in TypeScript source code into rendered HTML documentation, alongside UML diagrams for each class and Interface.
Take a look at it, at OutSystemsUI Framework Documentation.
OutSystems 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!
This repository contains the code that is used to control/style the OutSystems UI patterns. The code is written in TypeScript🖤 and SCSS.
You can fork it then branch it and PR your proposals!
We highly recommend the usage of the following tools:
- Visual Studio Code
- With these extensions:
- Document This
- ESLint
- Prettier - Code formatter
- Node v12.0+
- Download the latest version in OutSystems forge
- Check the online documentation
- NPM Package
Write us on the component support page!
Available internally on Slack channel _#rd-uicomponents-contributors_.
GitHub - OutSystems - OutSystemsUI - UIFramework