Get started
Nori is a free plugin in the WordPress.org plugin directory. Install it in about two minutes, then pick what you want from the Nori menu in your WordPress admin.
Install in two minutes
- In WordPress go to Plugins → Add New and search for Nori for Elementor.
- Click Install Now, then Activate. WordPress keeps it up to date like any other plugin.
- Open Nori in the admin menu. On a new site, press Add the starter design system on Home, then Save, or pick classes and variables one at a time. Then switch on the modules you want.
No access to the plugin directory? Download the zip instead and upload it under Plugins → Add New → Upload Plugin. It still gets updates from WordPress.org.
Every class name ends in -np (for example container-max-1200-np) so it never clashes with classes your site already has.
Nori is free. If it saves you time, buy me a coffee on Ko-fi (opens in a new tab).
- WordPress
- 6.5 or newer
- PHP
- 7.4 or newer
- Elementor
- 4.0+ with the Atomic editor
- Elementor Pro
- Optional (size variables)
How it works
Nori puts its classes straight into Elementor's own Class Manager. After that they are ordinary Elementor classes: you style them in the editor, and Nori keeps track of what you changed.
-
01
Import
Open Nori in WP Admin. Click Add everything, or pick classes and variables category by category. Classes bring the variables they use along with them.
-
02
Use and edit in Elementor
Pick a class like
gap-s-npon any Atomic element. Want 10px instead of 14px? Edit the class right there in the editor; every element using it updates. -
03
Keep or reset
Nori marks classes you've edited. Adding again or updating the plugin never overwrites them, and Reset puts a class back to its default when you want it.
-
04
Switch on modules
Turn on only the modules you need and set their starting values in Nori. Their colors (and with Pro, sizes and timings) become variables you can fine-tune in Elementor.