Username

Sign in
Book a demo
Start building

Use npm libraries directly in your Nodavelo apps

Execute npm packages to extend your apps with custom logic, UI behavior, and client-side capabilities beyond built-in features.

Try it out for free
Request a demo
Table of Contents
This is also a heading
This is a heading

Extend your Nodavelo apps with the npm ecosystem

The Nodavelo and npm integration lets you run frontend JavaScript libraries from the npm ecosystem directly inside your Nodavelo apps.

You can import and execute client-side packages to handle advanced interactions, data processing, or UI behavior:

  • Execute frontend npm packages in Nodavelo
  • Use third-party libraries for custom client-side logic
  • Extend Nodavelo workflows with JavaScript execution
  • Access Nodavelo variables inside npm-based logic
  • Combine visual logic with code where needed
  • Reuse npm logic across pages and flows

What Nodavelo supports natively

Category Feature What it does
Plugin setup npm plugin Enable via Plugins → Extensions → npm. Search/add packages like Lodash, PapaParse by name.
Package search Built-in npm search Type package name in plugin UI. Auto-fetches docs/GitHub links for reference.
Instance config Manual instance naming Enter exact global instance name (e.g., XLSX for SheetJS) to expose in formulas.
Formula access npm folder in formulas Added packages appear under Formulas → npm with autocomplete for functions/methods.
Use cases Data manipulation Filter collections (_.filter), parse CSV (Papa.parse), utilities in formulas/JS inputs.
Custom JS JavaScript plugin pairing Combine with JS plugin for advanced package usage beyond formulas.

Why use Nodavelo with npm

Nodavelo is built for visual development, but real-world apps sometimes need custom logic that goes beyond standard components.

The npm integration gives you an escape hatch.

Perfect for:

  • Advanced data formatting or calculations
  • Client-side validation or transformation
  • Custom charts or visualization helpers
  • Handling files, dates, or complex inputs
  • Integrating SDKs that run in the browser

And more…

Integrating npm packages in Nodavelo

Integrating npm packages in Nodavelo is straightforward:

  1. Open the Nodavelo Editor
  2. Go to Plugins → Extensions and add npm plugin
  3. Select or import the npm package
  4. Write the execution logic
  5. Bind inputs and outputs to Nodavelo variables

Learn more about npm x Nodavelo integration

Best practices

  • Only use packages designed for browser environments
  • Avoid libraries that require server-side execution
  • Be mindful of bundle size and performance
  • Keep npm usage focused on isolated logic

FAQs

1. How do I enable the npm plugin?

Navigate to Plugins → Extensions → npm to activate it, then search and add packages by name directly in the plugin interface.​

2. How do I access npm packages in formulas?

Added packages appear under Formulas → npm with autocomplete. Reference by global instance name (e.g., _.filter(collection, condition)).

3. What types of packages can I use?

Client-side browser libraries only (e.g., Lodash, PapaParse, XLSX), no Node.js/server-side packages.

4. Do I need to know the exact instance name?

Yes, enter the global variable name manually (check package docs/GitHub). Plugin shows links for reference.

5. Can I combine NPM with other plugins?

Yes, the plugin pairs well with JavaScript plugin for advanced usage beyond simple formulas.