Forge

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

Edit the CSS so the page looks like the screenshot.

CSS Snippets to drag and drop into your Outsystems applications.

CSS and JS Self-Register and Login Form

eSpace used in a CSS training exercise

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.

Create alternate fixed and scroll backgrounds with no javascript, but just the help of the CSS background-attachment property set on Fixed thus creating a parallax effect.

Give another look to your page with this easy implementation component.
Easily apply to your own elements, modify or just use for inspiration.

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

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.

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

Simple but yet beautiful blog cards.

Component to implement CSS Grids

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.

Action in javascript that gives effects of explosion.