VSN THE HTML-FIRST FRAMEWORK v1.0.16
SEO-friendly
JavaScript
framework.
Website behavior, programmed like CSS. State, events, and bindings for the HTML you already wrote. Familiar selectors. Questionable inspiration. Surprisingly useful.
$ npm install vsn That's the installation.
counter.html LIVE EXAMPLE
UNREASONABLY INTERACTIVE0
A number. With possibilities.
A CFS BEHAVIOR
#counter {
count: 0;
.increment {
on click() {
count++;
}
}
}CSS selectors. Reactive state.Full example ↗
01 / START WITH HTML
Your markup stays.
Server-rendered, hand-written, or already in production. VSN enhances the page you have.
02 / ADD SOME CFS
Select. Declare. Behave.
Use CSS-like selectors to attach state and behavior. The browser gets the hint.
03 / KEEP IT SMALL
A little goes a long way.
Opt into the plugins you need. Leave the architecture discussion for another day.
FROM THE DEVELOPER
“We know how much developers love CSS, so building a language to program website functionality akin to CSS was a no-brainer. You're welcome!”
Four places to go.
One way to start.
The docs are Markdown.
The examples actually run.