RED UI Toolkit

The RED UI toolkit includes global styles & common user-interface components for building modern web applications.

Visit the Design Elements section for reference of available colors, typography, icons, etc. The Manifests section details the use of the Design Elements along side External Libraries.

Responsive-devices


RED UI is a front-end toolkit for building mobile-first web interfaces & hybrid apps.


Rails 3+ Layout Example

%html
  %head
    %meta{content: "initial-scale=1.0, width=device-width", name: "viewport"}
    = stylsheet_link_tag "//ui.red.com/0.5.2/assets/stylesheets/core.css"
    = stylsheet_link_tag "//ui.red.com/0.5.2/assets/stylesheets/enhance.css"
    = stylsheet_link_tag "//ui.red.com/0.5.2/assets/stylesheets/animate.css"
  %body
    = yield
    = javascript_include_tag "//ui.red.com/0.5.2/assets/javascripts/core.js"
    = javascript_include_tag "//ui.red.com/0.5.2/assets/javascripts/enhance.js"
    = javascript_include_tag "//ui.red.com/0.5.2/assets/javascripts/animate.js"