Netapp Library (LUCI)
LUCI stands for “Library for User-Centered Interfaces”. As the NetApp Digital Design System, LUCI enables digital product teams to quickly design and build high-quality, consistent user experiences.
Documentation
For Getting started guides, component documentation and code standards, check out our docs!
-
Getting Started Guide For Developers - learn how to setup up your development environment to work with the npm package.
-
Code Standards - review our code standards to start developing LUCI compliant components.
-
Component Documentation - learn more about the accessibility of our components, copy code, and become familiar with CSS class names.
Contents
- components/ - LUCI components
- data/ - JSON files used to populate components with content
- docs/ - Sink pages that show all the variations of a component
- icons/ - SVG icons and the SVG sprite
- scripts/ - Demonstration only JavaScript
- styles/ - the Sass source files for the LUCI CSS
- templates/ - Nunjuck templates for Sink pages
- tokens/ - the Design Tokens in SCSS, JSON, and YAML format
Developing in the Local Environment
The LUCI development environment is built on the open source esds-build project: esds-build.
Refer to the esds-build documentation for where to place assets and build components.