open-index/open-npm huggingface dataset:
npm package: @stomprocket/blastoff
Description: CSS Framework
Author: swissChili
Latest version: 1.0.5

# BlastOff
## This is the v1 branch of BlastOff, please note that this branch is actively being developed, and everything is prone to change. branch master holds a snapshot of pre-v1 development.

Blast Off is a minimal, modern pure-CSS framework built on Flexbox. Feel free to download the code and try it yourself.
The syntax is easy to understand and build uppon, and it provides everything you need to get started. To view a full documentation and list of features, please visit [blastoff.stomprocket.io](https://blastoff.stomprocket.io)

### How to install
Blast Off is currently in a very early stage of development, so it is not hosted on platforms like CDNJS and NPM. However, when the full version is released, it will hopefully be on these platforms. For now, you can download the code from [here](https://raw.githubusercontent.com/StompRocket/BlastOff/master/blastoff.css).

Be warned however, that because this is such an early stage of development the project is prone to large changes that may not have the same syntax as earlier versions.
npm package: @stomprocket/blastoff-preact
Description: Preact Components for BlastOff
Author: swissChili
Latest version: 0.1.0

# BlastOff Preact

Reusable BlastOff components for Preact

```sh
$ yarn add @stomprocket/blastoff-preact
```
```js
import { Navbar } from '@stomprocket/blastoff-preact'
let links = [
    {
        href: "/foo",
        body: "Foo"
    }
]
// ...
    <Navbar title="Nav Title" links={links} />
// ...
```
npm package: @stomprocket/f
Description: functional frontend lib
Author: swissChili
Latest version: 0.1.0

# f.js - a functional frontend framework

f.js aims to remove all the oo bloat and provide a simple abstraction
over DOM manipulation that allows clean, functional, and scalable
code to be used with ease. 

## parts of a f.js application

An f.js app consists of a model, a view, and an updater or controller.
The view is a representation of the DOM tree that will be built by f.js,
the model is a JavaScript object that contains the state of the app, and
the updater or controller (the names are fairly interchangeable) contains
the logic for how to modify the state (model) based on events. Events can
be dispatched from DOM elements when certain things occur (like a button
being pressed), or from async function (which JS is quite good at).

## hello world

```js
// This function takes the model and renders some html
let view = model =>
  // the div function creates a <div /> tag
  div
    // first argument set contains any attributes
    ()
    // second contains body
    (model.helloWorld)

// Just return the model unmodified on update
let update = model => model

// render on the #app element
render("#app", view, update, {
  helloWorld: "Hello, WOrld!"
})
```