Forge

This component uses only some CSS to transform the OutSystems default Application Menu into a Slide one. It is responsive.

CSS and JS Self-Register and Login Form

Functions to enable menu accordion by the default menu button in Desktop or Tablet resolution. These functions are for only Dublin Theme.

CSS Snippets to drag and drop into your Outsystems applications.

This component can change the UI Theme dynamically based on the User or by the User Group. For User Group use Group and Group_User entity.

Animated Calendars a pretty simple, which appends a beautiful, customizable and animated date picker to your input fields.

Zebra Datepicker is a small, compact and highly configurable date picker / time picker jQuery plugin, meant to enrich forms by adding the date picker functionality to them. This jQuery plugin will automatically add a calendar icon to the indicated input fields which, when clicked, will open the attached date picker. Users can easily jump between months and years due to the date pickers intuitive interface. The selected date will be entered in the input field using the date format of choice, configurable in the date picker's options.

A fully responsive and full width content carousel/slider built on top of jQuery, Bootstrap 3 and Html5, no any more Javascript and CSS needed.

Minimum viable product (MVP) component to support Outsystems Reactive apps on Internet Explorer 11 browser.

Arched Progress bar is a graph chart to display the ghraph in an arched shape.
This component is based on http://roundsliderui.com/demos.html

Component to implement CSS Grids

Simple but yet beautiful blog cards.

Use this to display a dropdown without the need of an Entity or Static Entity in reactive apps. Simply place containers or links on the placeholder and use the dropdown. Visuals can be fully customized via 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.

Javascript date range picker - lightweight, no jQuery

Action in javascript that gives effects of explosion.

Server Side CSS Node Selector Select items from a node tree based on a CSS selector.

Tool for generating CSS code replacing dynamic variables (--var) with static values, improving design-time preview in older Service Studio versions (O10).