Nadie Programa más

    TypeScript icon, indicating that this package has built-in type declarations

    5.3.12 • Public • Published

    STORM React Diagrams

    PSA 2018: React Diagrams ~is currently~ was getting a bit of a rewrite to enable much more advanced features. To see the new foundation WIP visit

    PSA 2019: I still want to jump onto the rewrite, but it is a much larger project than anticipated, so going to try maintain this one in the mean time.


    (SOME) DOCS:


    A super simple, no-nonsense diagramming library written in React that just works.

    Join the chat at NPM NPM Package Quality CircleCI

    Example implementation using custom models: Personal Project Get started with the default models right out of the box:


    A no-nonsense diagramming library written entirely in React with the help of a few small libraries. It aims to be:

    • Simple, and void of any fuss/complications when implementing it into your own application
    • Customizable without having to hack the core (adapters/factories etc..)
    • Simple to operate and understand without sugar and magic
    • Fast and optimized to handle large diagrams with hundreds of nodes/links
    • Super easy to use, and should work as you expect it to
    • Perfect for creating declarative systems such as programmatic pipelines and visual programming languages


    yarn add @projectstorm/react-diagrams

    Run the demos

    After running yarn install you must then run: yarn run storybook

    Building from source

    Simply run webpack in the root directory (or export NODE_ENV=production && webpack if you want a production build) and it will spit out the transpiled code and typescript definitions into the dist directory as a single file. We use webpack for this because TSC cannot compile a single UMD file (TSC can currently only output multiple UMD files).

    Checkout the docs


    npm i react-diagrams-forked

    DownloadsWeekly Downloads






    Unpacked Size

    113 kB

    Total Files


    Last publish


    • wingnpm