Skip to content

etn-ccis/blui-react-cli-templates

Repository files navigation

Build

React + TypeScript + Vite Templates

These are project templates that are used for starting a new Brightlayer UI project. The templates are configured with the basic Brightlayer UI libraries for themes and components and configures the application to use them.

Available Templates

Blank

The Blank template provides a bare-bones application with Brightlayer UI components and themes automatically configured and ready to use.

Routing

The Routing template provides all of the essential Brightlayer UI configuration as well as additional configuration for using using React Router. It also adds a navigation Drawer to switch between several sample screens.

Authentication

The Authentication template includes everything from the Routing template and also installs and configures the Brightlayer UI react-auth-workflow package to automatically wrap the main application with functions and screens for Okta Login, Registration, Change Password, etc.

placeholder landing page navigation drawer & routing login & registration screens
Blank
Routing
Authentication

Screenshots

Routing Template With Collapsed Drawer

Routing Template With Collapsed Drawer

Routing Template With Expanded Drawer

Routing Template With Expanded Drawer

Login Screen from Auth Template

Authentication Template Login

Usage

You can use these templates with the create-blui-react-app package:

npx create-blui-react-app

Testing Locally

If you would like to test these templates locally, you may do so by running the following command:

npm link
npx create-blui-react-app

Browser Support

Brightlayer UI CLI Templates will work with any modern browser. For details refer to our Browser Support documentation.