Forge

A fully-responsive Silk UI Theme with a compact layout for web apps and another for websites. Learn how to start using Silk UI and see the examples at silkui.outsystems.com .

Create your own theme and starter app template based on OutSystems UI Web.

Live preview of all OutSystems UI Web Styles, UI patterns, Widgets and Screen Templates.

Live preview of all OutSystems UI Styles, UI patterns, Widgets and Screen Templates.

Create your own theme and starter app template based on OutSystems UI.

Bootstrap framework implemented with the OutSystems Platform

Build responsive, mobile-first projects on the web with the world's most popular front-end component library.

Create your own theme based on OutSystems UI.

Create your own Mobile starter app template based on OutSystems UI.

This is a Login layout, designed to help new developers on the Outsystems platform, using concepts from WebBlocks, Placeholders and a little CSS.

Enable Dark Mode on your app in the blink of an eye! That's what you can do with this simple tool. By just calling a client action, you will instantly activate or deactivate dark theme, without even messing with your CSS variables.

This application detects the current battery power and changes the theme of the application to a DarkTheme so it can save battery on the device.

A sample application to implement dark mode or theme switcher function.

Select colour input and logic to change the root colour variables at runtime with javascript. This allows your application to change its primary colour dynamically.