Unanimo

Unanimo is a Design System that is created to be the soul of the design of mission-critical business applications. It strengthens your design, it adds consistency.

Designed and developed by GeneXus, it is meant to be the next standard default design system and going to be bundled with GeneXus.

Screenshots are taken from this design and its components: Unanimo

Main features

• General-purpose: Targeted for Mission-critical business applications, back and front offices
• Multi-experience: Web, Native Mobile, Chatbots, Inbox-driven
• Cross product: Generated programs, GAM, GXflow
• Standard module: Developed in a GeneXus Module, published as a module
• Built on the latest technology: Design System Object
• Shared source: Public KB and sources
• Documented: A Showcase, running app to document each component, control, and style
• Reusable: License is Apache License 2.0
• Customizable & Extensible: By you, for your solution, company, or vertical market

Community Technology Preview (CTP)

As of August 2021, a CTP is available at the GeneXus Beta Channel showcasing the first bits of the Unanimo Design System object and other objects in the GeneXusUnanimo module.

The intention of this CTP is that you have a first approach to Unanimo, and to show you how we are building a Design System

Currently available features

• Shared Source: The Unanimo KB is available at https://samples.genexusserver.com/beta/kbdashboard.aspx?Unanimo,
• Showcase: https://apps5.genexus.com/Unanimo/showcasemain.aspx
• Designed for Web-only

Please take a look also at the roadmap shown below, and send us feedback. Feedback is welcome at the GeneXus Beta-testing google group.

HowTo guides

Here you can find some guides to get started, from discovering the design through discovering the KB to creating your first 'Hello World' based on Unanimo.

Discover the Unanimo Design

Check a sample reference here

Discover the Unanimo KB

Follow these steps to discover the module and the showcase; the KB and the running app by yourself in your environment.

• Create KB from Server (https://samples.genexusserver.com/beta/kbdashboard.aspx?Unanimo,)
• Run 'ShowcaseMain' and discover its UI
• In the KB, open the GeneXusUnanimo module and its objects, to discover how it's developed
• Enjoy!

Create your own Web app based on Unanimo

Follow these initial steps and then scenario 1 or 2 or both, as you wish:

• Export the GeneXusUnanimo module (Using in the export options 'Reference Type' = 'Hard')
• Create KB MyKBWithUnanimo
• Import the GeneXusUnanimo module
• Create the Design System MyKBWithUnanimoDS with at least this content in the Styles section:

styles MyKBWithUnanimoDS
{  
    @import GeneXusUnanimo.Unanimo;
}

• Set MyKBWithUnanimoDS as the Default Style in your KB Version properties
• Open RwdMasterPage and RwdPromptMasterPage and set

Event Start
    DesignSystem.SetOption(!"color-scheme", !"light")
EndEvent

Scenario 1: Hello World CRUD

• Create Transaction 'Client' with attributes 'ClientId' and 'ClientName'
• Apply Pattern WW
• Run Home
• Enjoy!

Scenario 2: Hello World Panel

To create a Web Panel with just a Primary Button as shown in Showcase > Controls > button > Primary Button, do this

• Create Web Panel 'MyWebPanel' and set is as Main object
• Drag a Button control
• Set the class property to 'Button Primary' as specified in the Style tab of the Showcase
• Set the associated event to 'Enter' and program the event

Event Enter
 msg("Hello World!") 
EndEvent

• Run MyWebPanel
• Enjoy!

Roadmap

Q3 2021

• Get Bundled with GeneXus Beta
• Completeness
  • Responsive Web Design
  • Native Mobile & Angular
  • GXflow Custom Client
  • GAM back and front office
• First bits with improved Work With Pattern

Q4 2021

• Release the first version
• Completeness
  • Reporting
  • GXflow standard inbox
• Improved Pattern, Grids and other reusable components & controls