Strips Pattern
Strips Pattern

GreenLight.js
small and efficient

A minimal JavaScript framework for boosting production on small-scale web projects.

Download Get started Documentation View docs

8

directives

ENDLESS

opportunities

5

methods

GreenLight Project

                
const root = document.getElementById('app-root');
GreenLight.init(root);

const FormController = GreenLight.controller('FormController');
FormController.$store.set('username', 'Hello World');

Lightweight.
Declarative.
Limitless.

Stop worrying about where and how the data changes in your application. Focus on how to use it to your advantage and let GreenLight handle the rest. From binding, to effects and state management, GreenLight has got you covered.

The next-gen of small apps.

Your small-scale web projects will never be the same. Bootstrap your idea with GreenLight and see the magic happen.

Plug & Play

All you need to start is to initialize the library in JS and provide the app root.

Plugins

Extend the capabilities of GL with support for plugins - find them on our GitHub repository.

Style it how you like it!

Integrate your favourite tools and libraries for a good time - innovate the way you want.

We don’t set up restrictions for external libraries. You can use anything you like besides GreenLight.

Let The Fun Begin With GreenLight

All you need to do is include the script tag in your HTML and initialize the library by providing a root for your application - this is all it takes to bootstrap your idea.

Download Let's get started

Init Project

                  
// All you need to start
const appRoot = document.body;
GreenLight.init(root);

GreenLight.$globalStore.effect(() => {
  
  alert('theme changed.');

}, ['theme']);