---
title: Apache NiFi - Flow Design System
---
<div class="large-space"></div>
<div class="row">
    <div class="large-12 columns">
        <div class="row">
            <div>
                <h1>Apache NiFi - Flow Design System</h1>
            </div>
        </div>
        <div class="large-space"></div>
        <div class="row">
            <div class="large-12 columns">
                <p class="description">
                    A subproject of Apache NiFi to provide a consistent user experience across the various web applications within the NiFi ecosystem.
                </p>
            </div>
        </div>
    </div>
</div>
<div class="large-space"></div>
<div class="row">
    <div class="large-12 columns features">
        <h2>About</h2>
    </div>
</div>
<div class="medium-space"></div>
<div class="row">
    <div class="large-12 columns">
        <p class="description">
            Flow Design System&mdash;a subproject of Apache NiFi&mdash; is an atomic reusable platform for providing a common set of UI/UX components for Apache NiFi, Apache NiFi Registry, Apache NiFi MiNiFi, and any other open source web applications to consume.
        </p>
        <p class="description">
            Specific goals for the initial thrust of the Flow Design System effort include:
            <ul>
                <li>Implementation of the Flow Design System for reuseable UI/UX components</li>
                <li>Integration with NiFi Registry UI/UX via npm public registry</li>
            </ul>
        </p>
        <p class="description">
            Future efforts may include capabilities to support additional UI/UX concepts as they are identified by the community.
        </p>
    </div>
  </div>
    <div class="large-space"></div>
    <div class="row">
        <div class="large-12 columns features">
            <h2>Links</h2>
        </div>
    </div>
    <div class="medium-space"></div>
    <div class="row">
        <div class="large-12 columns">
          <p class="description">
              Releases
              <ul>
                  <li>
                  TBD
                  </li>
              </ul>
          </p>
          <p class="description">
              Source
              <ul>
                  <li><a href="https://gitbox.apache.org/repos/asf?p=nifi-fds.git">Apache Git</a></li>
                  <li><a href="https://github.com/apache/nifi-fds">GitHub Mirror</a></li>
              </ul>
          </p>
          <p class="description">
              Issues
              <ul>
                  <li><a href="https://issues.apache.org/jira/browse/NIFI">NiFi JIRA</a></li>
              </ul>
          </p>
        </div>
    </div>