Platform
Learn
Community
Support
Sign up
or
Log in
Profile
messages
Messages
logout
Logout
Platform
Home
Downloads
IPP
Licensing
Project Sizing
Beta
Learn
Training
Documentation
Community
Jobs
Home
Forums
Forge
Ideas
Badges
Members
Support
Home
Promote
Sell
Deliver
Agreement
Partner Guide
Sign up
or
Log in
Home
Jobs
Forums
Forge
Ideas
Members
Badges
Community
›
Forge
›
Most Relevant
Forge
The OutSystems Forge is a repository of reusable, open code modules, connectors, and UI components to help speed up app delivery time.
Check our FAQs for more information.
Not finding the component you need?
Submit an idea!
Filters
VIEW
My Activity
Downloaded
Following
My Components
Type
All
Traditional Web
Mobile
Reactive
Service
Curation
Curation
See Curation FAQs
>
Trusted
Validated and supported by the community experts, these projects follow best practices for security, documentation, and code quality.
OutSystems Supported
Developed, maintained and supported by OutSystems under the terms of a customer's subscription.
Trusted
OutSystems Supported
CATEGORY
Categories
See all FAQs
>
Applications
Applications include a fully working application that you can install and start using immediately.
Components
Generic components that don't belong to a specific category.
Connectors
Connectors integrate with external systems. They allow information to be fetched from or stored in external systems and can provide additional functionality like caching.
Developer Tools
Developer Tools make your life easier while developing with OutSystems and ensure that you’re following best practices.
Libraries
Libraries extend the actions and built-in functions of the OutSystems platform.
Mobile Plugins
Mobile plugins extend the capabilities of mobile applications by giving access to the device’s sensors and capabilities.
OS Supported
Components or applications that is developed, maintained and supported by OutSystems under the terms of a customer's subscription.
Reporting
Reporting includes components that help you build reports for your end users.
Samples & How-tos
How-tos are designed to show you how to do a specific task in OutSystems by giving you a detailed example of how a particular capability or component works.
Templates
Templates define your app's look-and-feel and provide a basic set of funcionalities
Themes
Themes allow you to build great looking applications in no time. They include page layouts and all the visual assets necessary for your application.
UI & Widgets
Widgets are UI components used on web and mobile screens to build great user interfaces.
Notify
VERSION
11
10
9.1
9.0
Older
OTHER
Try Now Included
Sort by:
Most Popular
Most Popular
Latest Submitted
Rating
15
results
for
tag
"animation"
Clear filters
Lottie Animations
Lottie is a mobile library for Web, and iOS that parses Adobe After Effects animations exported as json with Bodymovin and renders them natively on mobile! Find more at https://github.com/airbnb/lottie-web
3
236
Lottie Animations
by
Pedro Oliveira
Lottie is a mobile library for Web, and iOS that parses Adobe After Effects animations exported as json with Bodymovin and renders them natively on mobile! Find more at https://github.com/airbnb/lottie-web
Latest version
1.0.3 (O
11
)
Latest release
5 Jul
Also available for 10
animate
animation
bodymovin
lottie
Login to Follow
CustomBox Modal Effects
CustomBox modal effects brings your modals to life. This widget has multiple transitions that can be applied to your modals to add smooth animations to your page.
Component wraps the following: http://dixso.github.io/custombox/
5
218
CustomBox Modal Effects
by
Justin Babel
CustomBox modal effects brings your modals to life. This widget has multiple transitions that can be applied to your modals to add smooth animations to your page.
Component wraps the following: http://dixso.github.io/custombox/
Latest version
1.2.1 (O
11
)
Latest release
09 October 2018
Also available for 10, 9.1
animate
animation
css3
Custombox
effect
Effects
jQuery
modal
transition
transitions
Login to Follow
ResponsiveTabbedNavigation
A responsive set of animated tabs for mobile, tablets and desktop.
1
101
ResponsiveTabbedNavigation
by
Hélio Cardoso
A responsive set of animated tabs for mobile, tablets and desktop.
Latest version
1.1.0 (O
9
)
Latest release
19 June 2015
mobile
Navigation
tab
responsive
css3
animation
Login to Follow
AnimatedTransition
An animated transition between pages simulating a loading bar, a CSS powered animation, that replaces the refresh of the page while the content is updated using Ajax.
0
73
AnimatedTransition
by
Hélio Cardoso
An animated transition between pages simulating a loading bar, a CSS powered animation, that replaces the refresh of the page while the content is updated using Ajax.
Latest version
1.1.0 (O
9
)
Latest release
19 June 2015
animation
transition
responsive
mobile
Login to Follow
AnimatedPageTransition
An ajax powered page transition, with a slide-in content animation triggered by a side tabbed navigation.
Responsive layout for all kinds of screen.
1
70
AnimatedPageTransition
by
Hélio Cardoso
An ajax powered page transition, with a slide-in content animation triggered by a side tabbed navigation.
Responsive layout for all kinds of screen.
Latest version
1.0.0 (O
9
)
Latest release
31 July 2015
ajax
animation
page template
side menu
tabbed navigation
transition
responsive
mobile
Login to Follow
PageScrollEffects
Library of various page scroll events like scale down, catch, fixed, parallax, opacity and gallery.
All elements are in separate pages and webblocks for ease of use.
0
67
PageScrollEffects
by
Hélio Cardoso
Library of various page scroll events like scale down, catch, fixed, parallax, opacity and gallery.
All elements are in separate pages and webblocks for ease of use.
Latest version
1.0.0 (O
9
)
Latest release
19 June 2015
scaledown
catch
opacity
parallax
fixed
Gallery
page template
scroll
animated
animation
Login to Follow
Bouncy Navigation
Full-screen navigation, with floating menu items
3
45
Bouncy Navigation
by
Hélio Cardoso
Full-screen navigation, with floating menu items
Latest version
2.0.0 (O
9
)
Latest release
19 June 2015
Menu
mobile
responsive
animation
modal
Navigation
Login to Follow
GridItemLayout
A responsive, magazine-like website layout with a grid item animation effect that happens when opening the content.
A variant of
https://heliocardoso.outsystemscloud.com/AnotherGridItemLayou/HomePage.aspx
0
42
GridItemLayout
by
Hélio Cardoso
A responsive, magazine-like website layout with a grid item animation effect that happens when opening the content.
A variant of
https://heliocardoso.outsystemscloud.com/AnotherGridItemLayou/HomePage.aspx
Latest version
1.0.0 (O
9
)
Latest release
23 June 2015
animation
blog
grid
item
magazine
mobile
responsive
Login to Follow
Tilt Effect on Hover 3D
Animate an image on your project with a 3d tilt effect by hovering it, with the option to appear a frame and some text
1
36
Tilt Effect on Hover 3D
by
Nuno Lopes
Animate an image on your project with a 3d tilt effect by hovering it, with the option to appear a frame and some text
Latest version
1.0.0 (O
10
)
Latest release
28 June 2017
3d
animation
hover
image
picture
tilt
web
Login to Follow
404 Pages
Nicely designed, The HTTP 404, 404 Not Found and 404 error message using animation, canvas
3
35
404 Pages
by
Pankaj pant
Nicely designed, The HTTP 404, 404 Not Found and 404 error message using animation, canvas
Latest version
2.0.0 (O
11
)
Latest release
17 December 2018
Also available for 10
404
errorpage
animation
Login to Follow
RestaurantMenu
Applying CSS 3D transforms to components can bring some more realism to normally flat web elements. The idea is to show the menu as a folded flyer and unfold it in order to show the menu items.
3
30
RestaurantMenu
by
Hélio Cardoso
Applying CSS 3D transforms to components can bring some more realism to normally flat web elements. The idea is to show the menu as a folded flyer and unfold it in order to show the menu items.
Latest version
1.0.0 (O
9
)
Latest release
03 July 2015
flyer
Menu
restaurant
animation
Login to Follow
AnimatedBorderMenu
An off-canvas icon navigation with an animated border effect.
2
27
AnimatedBorderMenu
by
Hélio Cardoso
An off-canvas icon navigation with an animated border effect.
Latest version
1.0.0 (O
9
)
Latest release
03 July 2015
animation
responsive
mobile
Menu
border
Login to Follow
FixedBackgroundEffect
The point is having the same element (in this case a phone) in the exact same position in all background images, so that while you scroll everything moves, but the phone.
2
24
FixedBackgroundEffect
by
Hélio Cardoso
The point is having the same element (in this case a phone) in the exact same position in all background images, so that while you scroll everything moves, but the phone.
Latest version
1.0.0 (O
9
)
Latest release
07 May 2015
css3
background
animation
Login to Follow
AnotherGridItemLayout
A responsive, magazine-like website layout with a grid item animation effect that happens when opening the content.
A variant of
https://heliocardoso.outsystemscloud.com/GridItemLayout/Home.aspx
0
19
AnotherGridItemLayout
by
Hélio Cardoso
A responsive, magazine-like website layout with a grid item animation effect that happens when opening the content.
A variant of
https://heliocardoso.outsystemscloud.com/GridItemLayout/Home.aspx
Latest version
1.0.0 (O
9
)
Latest release
24 June 2015
responsive
mobile
blog
magazine
animation
grid
item
Login to Follow
TypeJS
A JavaScript typing animation library.
0
2
TypeJS
by
Mário Cunha
A JavaScript typing animation library.
Latest version
1.1.0 (O
11
)
Latest release
19 Jul
animation
javascript
Text
UI
Login to Follow
Loading...
Loading