R10

screenshot of R10

R10 is a library of interactive building blocks written in Elm and elm-ui that we use at Rakuten for creating user interfaces.

Overview

R10 is a library of interactive building blocks written in Elm and elm-ui that is used at Rakuten for creating user interfaces. Although the library is actively used in live projects, the code and documentation can be rough in some places due to time constraints and its tailored nature for internal use. It may be more useful as a source of information rather than a direct dependency for external projects.

Features

  • Interactive building blocks for creating user interfaces
  • Written in Elm and elm-ui
  • Supports custom previews for improved link sharing
  • Includes logos, icons, buttons, forms, and more
  • Supports multi-language websites
  • Provides standard header and footer components

Using an existing Elm project

If you already have an existing Elm project, you can install the R10 library by running the following command:

elm install rakutentech/r10

For more detailed instructions, refer to the provided Ellie code snippets.

Bootstrapping a new project

ui-kit
UI Kits & Components

A UI kit provides developers with a set of reusable components that can be easily integrated into a website or application. These components are pre-designed with consistent styling and functionality, allowing developers to save time and effort in the design and development process. UI kits can be either custom-built or third-party, and often include components for buttons, forms, typography, icons, and more.