Loading...
Outsystems Style Guide
- Search -
Accordion
Account Dashboard
Admin Dashboard
Alert
Align Center
Animate
Animated Label
AutoComplete
Badge
Balloon
Blank Slate
Border
Breadcrumbs
Bullets
Button Group
Buttons
Card
Card Background
Card Sectioned
Cards Gallery
Carousel
Character Count
Chat Message
Color
Columns 2
Columns 3
Columns 4
Columns 5
Columns 6
Columns Medium Left
Columns Medium Right
Columns Small Left
Columns Small Right
Content
Controls
Counter
Dashboards
Date Picker
Date Range Picker
Date Time Zone
Details
Directory Gallery
Directory List
Dropdown
Dropdown Multi Select
Dropdown Select
Dsiplay On Device
Editable Table
Email 3 Rows
Email Section
Emails
Feedback Ajax Wait
Feedback Message
Fieldset
File Upload
Flip Content
Floating Actions
Form
Form Elements
Forms
Galleries
Gallery
Home
Horizontal Detail
Icon Badge
Icons
IFrame
Input With Icon
Layout
Layout Email
Layout Login
Layout Login Split
Layout Popup
Lightbox Image
List With Filters
Lists
Load On Visible
Modal
Move On Device
Navigation
Navigation Bar
Numbers
Off-Canvas Detail
Panel
Product Detail
Profile
Profile With List
Progress Bar
Progress Circle
Range Slider
Range Slider Interval
Responsive
Responsive Table Records
Screen Templates
Search
Search Balloon
Section
Section Index
Separator
Shadow
Shopping Cart
Sidebar
Simple Form
Spacing
Stacked Icon
Structure
Styles
Table Records
Tabs
Tag
Three Column Gallery
Time Picker
Timeline
Toggle Button
Tooltip
Transactions Dashboard
Typography
UI Patterns
User Initials
Utilities
Vertical Detail
Video
Widgets
Wizard
Workflow Dashboard
Workflow Form
WR1 Reports
WR1 Reports Beta
Search
Styles
Guidance on basic design elements:
typography, color, space and useful classes.
Explore the Styles
Templates
Discover example Web Screens designed
to cover top enterprise scenarios.
Explore the Screen Templates
Patterns
OutSystems UI Patterns live preview,
their variations and style possibilities.
Explore the UI Patterns
Widgets
All the ready-to-use OutSystems Widgets
and their available customizations.
Explore the Widgets
WR1 Style Guide
WR1 Templates
Discover example Web Screens designed
to cover top enterprise scenarios.
Explore the WR1 Templates
WR1 Patterns
OutSystems UI Patterns live preview
their variations and style possibilities.
Explore the WR1 UI Patterns
WR1 Widgets
Guidance on basic elements:
typography, color, space and useful classes.
Explore the WR1 Widgets
Click here to see your activities