Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/rsify/fig
🍑 Experimental front-end javascript ui framework.
https://github.com/rsify/fig
framework frontend javascript
Last synced: 16 days ago
JSON representation
🍑 Experimental front-end javascript ui framework.
- Host: GitHub
- URL: https://github.com/rsify/fig
- Owner: rsify
- License: other
- Created: 2017-06-02T18:14:41.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2018-02-05T08:08:13.000Z (almost 7 years ago)
- Last Synced: 2024-10-10T23:21:43.854Z (about 1 month ago)
- Topics: framework, frontend, javascript
- Language: JavaScript
- Homepage: https://fig.nikerino.com
- Size: 216 KB
- Stars: 11
- Watchers: 3
- Forks: 0
- Open Issues: 2
-
Metadata Files:
- Readme: readme.md
- Changelog: changelog.md
- License: license
Awesome Lists containing this project
README
Experimental, component-based JavaScript UI framework.
# introduction
Fig is a simple and **experimental** user interface framework attempting to bring [pug templates](https://pugjs.org/) into the world of dynamically rendered client-side content. Not yet ready for production or anything serious, just exploring what's possible with today's javascript ecosystem. Please refer to the project's main website for a [guide](https://fig.nikerino.com/docs/guide) and [api reference](https://fig.nikerino.com/docs/api) - fig.nikerino.com :sparkles:
# builds
| Build | Size | Gzipped |
|------------|---------|---------|
| fig.js | ~31kB | ~9kg |
| fig.min.js | ~14kB | ~5kb |
# updates
Any updates to the installed version of the framework should be done with care, fig is at the stage where every semver *minor* update can break your app in unexpected and weird ways. Remember to checkout the [changelog](changelog.md) before upgrading to newer versions!
# contributing
Fork & clone the repo:
```bash
$ git clone https://github.com//fig
$ cd fig/
```
Get the dependencies, you know the drill. Note that this project installs a TON of packages [(695 at the time of writing)](http://i.imgur.com/W2P0Ul6.jpg) if you're having troubles downloading them with npm, consider upgrading to [yarn](https://yarnpkg.com)!
```bash
$ npm install
# OR
$ yarn
```
Start the watch scripts:
```bash
$ npm run build:watch
$ npm run test:watch
```
Hack away! :rocket:
Before sending any PRs, remember to run the following lint script, thank you :heart:
```bash
$ npm run lint
```
# license
MIT
# related
- [figify](https://github.com/nikersify/figify) - fig.js browserify transform
- [fig-compiler](https://github.com/nikersify/fig-compiler) - fig.js component compiler
- [fig-web](https://github.com/nikersify/fig-web) - fig.js website