Framework7 Package Structure

    Styles

    Main Framework7 styles are located in folder:

    • framework7.rtl.css - same but for RTL layout.
    • framework7.bundle.css - contains styles for Framework7 core version and includes styles for all components.
    • framework7.bundle.rtl.css - same but for RTL layout.

    In js/ folder there are so called JavaScript files intended to be used directly in browser (e.g. with ) or with libraries like Require.js:

    • framework7.bundle.js - contains whole Framework7 with all its components.

    Components

    All components are located in components/ folder and required to be used with core (not bundle) version. You can learn more about how to use them in section.

    Framework7 can also be imported as an ES-next module:

    Framework7 has modular structure and by default it exports only core Framework7 with core components.

    And if you need additional components they must be included additionally:

    In addition to default export it has named export for Template7, , Request, Device, Utils and Support libraries:

    ES Module Bundle

    If you need to include Framework7 with all components, we can include its another script bundle with all components installed:

    Note, that Framework7 ES modules are in ES-next syntax, so don’t forget to enable/configure your Babel/Buble to transpile them as well, as well as template7, and ssr-window modules that used as dependencies.