It's written in CSS and a React wrapper!

You do not need to be using React to use Lui

Come see us in #cop-lui

Lui Onychophora, the happy UI worm!!

Nomenclature: Lui is a backronym for Linz User Interface. Lui the library, is named after Lui the worm.

It was foreseen in the stars that Lui was destined for greatness, a UI library framework mascot.

• 📗 Lui LIVE Storybook
• 🎨 Lui on Figma
• 🔁 Lui on Github
• 🔎 Lui on Chromatic
• 📄 Lui on UX Confluence
• 💬 Lui Community of Practice on LINZ Slack - #cop-lui

and

• 👕Lui Worm T-shirts

---

Lui is a collection of generic UI components that adhere to the new LINZ digital style guide, lead by STEP and welcoming contributions from across LINZ.

It aims to solve the problem of consistent UI across LINZ while giving squads a bunch of base elements they can start using out of the box.

We aim to make each component generic, extendable, accessible, and amazing.

All styles are implemented in SCSS and compiled to plain CSS. This means any team can use the CSS. A ReactJS wrapper over the CSS is part of this project.

There are lots of things to do in this project, often things will be left until there is demand, e.g add new components or implement new version components. Please join the Slack channel

#cop-lui.

Storybook is the main source of documentation.

• Lui Storybook