OutSystems UI

Stable Version 2.5.9 (O11)
Also available for 10
Published on 6 Oct (3 weeks ago) by 
Created on 28 June 2016
What’s new (2.5.9)

New Pattern:

  • Rating - Use this pattern to let your users score your products and services.


  • Fixed styles for form elements not-valid, when using the EnableAccessibilityFeatures parameter as true.
  • Fixed accessibility errors due to empty buttons on LightBoxImage pattern.
  • Fixed an issue on SubMenu pattern that was causing multiple click events being added on body.
  • Now the content of each screen no longer overlaps in transitions. Added a background color, var(--color-background-body), to Content layout's placeholder to improve and fix the transition of each screen.
  • Now the AnimatedLabel has a margin-top when is first child of an accordion pattern.
  • Now the AnimatedLabel renders correctly and applies active class on Label, according to the input's value.
  • FloatingActions is now correctly positioned on top, when using the Layout Blank.
  • Removed aria-role="carousel" from Carousel pattern, to prevent errors on accessibility validators.


  • Dropdown disabled CSS was updated to prepare for upcoming change on the html structure. The class .dropdown-disabled will be moved to the parent element, and the attribute disabled will be added to the select html tag.
  • On SideMenu layout, the Submenu items are no longer closed on a body click.
  • Removed vertical-align: top on textarea inputs, to improve alignment of validation messages.
  • Removed min-height: 100% from .layout selector, as it was already being overridden by the min-height: 100vh CSS.
The OutSystems UI framework for Reactive Web and Mobile apps with dozens of responsive UI patterns on top of a solid design system, fully customizable to your Style Guide needs.
Read More

With dozens of responsive UI patterns, this framework is integrated with OutSystems and allows you to build the UI of your app using low code. 

Key features:

  • 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 at www.outsystems.com/outsystems-ui

Reviews (7)
9 Feb
in version 2.3.2
Best guided app development system for android web-based app
23 Jan
in version 2.3.0
As a designer I am constantly frustrated by the disappearing of component examples I have been using in my designs and the lack of working examples of components. Reading documentation about components doesn't help me. I need to interact with components and be able to share them with others to interact with. The Sketch file of UI components is months out of date. Not a very designer-friendly site.
in version 2.2.5
Really useful!
Tons of new great components, with the usual quality.
Components, Libraries, Themes, UI & Widgets
Support Options
OutSystems Supported
Customers entitled to Support Services may obtain assistance through Support.
OutSystems UI has no dependencies.
Component Consumers
See all 12 consumers
Weekly Downloads