Popularity
0.8
Growing
Activity
8.0
Declining
31
5
4

Description

Active CSS is the first pure event-driven JS framework... and it looks like CSS.

Over 100 incredible CSS-style commands for interactivity, to help you build blazingly fast application websites.

Programming language: JavaScript
License: MIT License
Tags: Frameworks     JavaScript     Front-end     Css     Web Components     Event-driven    

Active CSS alternatives and similar libraries

Based on the "Frameworks" category.
Alternatively, view Active CSS alternatives based on common mentions on social networks and blogs.

Do you think we are missing an alternative of Active CSS or a related project?

Add another 'Frameworks' Library

README

Active CSS

Boldly go where no CSS author has gone before...

Here's a taster:

#clickMe:click {
    body {
        add-class: .hello;
    }
}

Example of a component (because you love components):

button:click {
    render-after-end: "<hello-world></hello-world>";
}

@component hello-world private {
    html {
        <p>Hello world</p>
    }
    p:click {
        alert: "Why are you clicking me, you crazy!";
    }
}

Ultra-fast. No pre-processing. No virtual DOM. Runs in real-time in the browser. All DOM events are supported, plus CSS commands up to level 4 (if browser supported). Works on chromium browsers (Chrome, Edge, Opera, etc.) and Firefox. (ES6+)

See the docs

Installation

The Active CSS installation instructions are on the website.

If you are looking for the core script to download, check out the dist folder and then find the version(s) you need.

The production (live) version will look like this: activecss-2-10-0.min.js

The development (offline) version will look like this: activecss-dev-2-10-0.min.js

There are also npm versions - links on the website.

Documentation

You can find comprehensive documentation on the website.

Examples

There are loads of examples on the concept examples page.

Want to see it work? Go to the website.

It puts the fun back into functionality! Yeah, sorry about that.

License

Active CSS is [MIT licensed](./LICENSE).

Copyright (c) 2020-present, River Zend Dynamics Ltd.


*Note that all licence references and agreements mentioned in the Active CSS README section above are relevant to that project's source code only.