Getting started for developers
The key things to know as a developer starting to use Luna in your project.
What are you trying to build?
There are three approaches available for you to start building with Luna.
Build a React application with Luna React
Luna React is a component library covering common UI needs. It makes use of Luna Style classes and manages stateful behaviour.To build using Luna React you’ll need to:
- Request access credentials and generate a token
- Create a .npmrc file in the root of your project
- Download Luna packages and start building
Build using HTML/CSS with Luna Styles
Luna Styles is a Sass CSS framework with a foundational layout and bespoke component styles.To build using Luna Styles you’ll need to:
- Request access credentials and generate a token
- Install Luna Style using npm
- Integrate with Luna Style using Sass, CSS Modules or CSS
Style a native application with Luna Design Tokens
Luna design tokens store fundamental design values like colour, spacing and typography in a way that can be used by different platforms. This makes it easier to build and maintain consistent user interfaces.To build using design tokens you’ll need to:
- Request access credentials and generate a token
- Install Luna tokens using npm
- Integrate Luna tokens by importing JavaScript
Browser support
Luna components and styles are supported in a wide range of browsers.Get in touch
Our developers are on hand to answers questions or provide any help with your project.