Popularity

1.0

Stable

Activity

7.8

Stars 41

Watchers 7

Forks 7

Last Commit 11 days ago

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: GNU General Public License v3.0 or later

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.

bootstrap

10.0 9.6 Active CSS VS bootstrap

The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.
Semantic UI

9.8 0.0 L2 Active CSS VS Semantic UI

Semantic is a UI component framework based around useful principles from natural language.

SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App

With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

Promo surveyjs.io

materialize

9.6 0.0 L4 Active CSS VS materialize

Materialize, a CSS Framework based on Material Design
w2ui

5.6 9.1 L1 Active CSS VS w2ui

UI widgets for modern apps. Data table, forms, toolbars, sidebar, tabs, tooltips, popups. All under 120kb (gzipped).
Ink

4.6 1.8 L4 Active CSS VS Ink

An HTML5/CSS3 framework used at SAPO for fast and efficient website design and prototyping
fluidity

3.5 0.0 Active CSS VS fluidity

The worlds smallest fully-responsive css framework
Memcode

2.3 6.5 Active CSS VS Memcode

Spaced-repetition: for coders and scientists.
DataFormsJS

1.8 4.5 Active CSS VS DataFormsJS

🌟 DataFormsJS 🌟 A minimal JavaScript Framework, standalone React and Web Components, and JSX Compiler for rapid development of high quality websites and single page applications.

* Code Quality Rankings and insights are calculated and provided by Lumnify.
They vary from L1 to L5 with "L5" being the highest.

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

Add another 'Frameworks' Library

Popular Comparisons

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).

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