Northlight is an open source UI framework built by Mediatool. It is based on Chakra UI and uses design tokens, making it easy to customize the look and feel of your application.
To start up a local environment of the Northlight UI framework docs:
- Clone this repository
- cd into the directory
- run
yarn
- cd into
/docs
- run
yarn nx dev
This will spin up a local environment at localhost:3008 (or the first available port after that)
To get started with Northlight, you will need to install the following packages from npm:
yarn add @northlight/ui
Once installed, you can then import the different components from Northlight into your application. Here is an example of a basic button component:
import { Button } from '@northlight/ui'
Northlight comes with a number of components that you can use in your application. Here is a list of some of the components available:
- Buttons
- Inputs
- Layouts
- Typography
- Icons
- Modals
Northlight is an open source project and we welcome contributions from the community. If you would like to contribute to the project, please visit our GitHub repository and submit a pull request.
Northlight is open source software released under the MIT license.
Northlight Icons is proprietary and will have to be purchased separately from UntitledUI (https://www.untitledui.com/icons)