https://github.com/aaroniker/framy-css
Very simple CSS Framework
https://github.com/aaroniker/framy-css
cdn css css-framework demo form framework framy-css grid icons interface js js-files responsive ui ux
Last synced: about 2 months ago
JSON representation
Very simple CSS Framework
- Host: GitHub
- URL: https://github.com/aaroniker/framy-css
- Owner: aaroniker
- License: mit
- Created: 2016-02-02T16:26:26.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2018-03-25T21:57:44.000Z (about 7 years ago)
- Last Synced: 2025-04-13T16:17:09.421Z (about 2 months ago)
- Topics: cdn, css, css-framework, demo, form, framework, framy-css, grid, icons, interface, js, js-files, responsive, ui, ux
- Language: CSS
- Homepage: http://www.framycss.org
- Size: 1.68 MB
- Stars: 110
- Watchers: 5
- Forks: 16
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Framy - Very simple CSS Framework
Framy is a collection of basic components, you will need in every web project to develop responsive & modern interfaces and websites.
* __Website__ http://www.framycss.org
* __Documentation__ http://www.framycss.org/#/docs
* __Demo__ http://demo.framycss.org
[](https://www.jsdelivr.com/package/npm/framy-css)
[](https://www.npmjs.com/package/framy-css)
[](https://www.npmjs.com/package/framy-css)
[]()
[]()
## How to use
### CDN
Just include the latest version like this:
```
// CSS
// JS
```
Or just the CSS flexbox grid:
```
// Just the CSS flexbox grid
```
Or replace _latest_ with a specific version (ex. grid system):
```
// Just the CSS flexbox grid
```
### Install with npm
```
npm install framy-css
```
Then include CSS and JS files like this:
```
```
### Install with Bower
```
bower install framy-css
```
Then include CSS and JS files like this:
```
```
## Development
You'll need:
* [git](https://git-scm.com/)
* [npm](https://www.npmjs.com/get-npm)
First clone this repository using [git](https://git-scm.com/):
```
git clone https://github.com/aaroniker/framy-css.git
```
Now you'll have to install all needed [npm](https://www.npmjs.com/get-npm) dependencies:
```
npm install
```
After that you could use the following commands:
```
// Load & compile all icons to an icon font from ./src/icons/*.svg to ./dist/fonts/*
npm run icons
// Compile all .scss files to ./dist/css/framy.min.css
npm run css
// Compile all grid related .scss files to ./dist/css/framy.grid.min.css
npm run css-grid
// Watch all .scss files and recompile ./dist/css/framy.min.css & ./dist/css/framy.grid.min.css if they changed
npm run watch-css
```
## Resources
* Interface Font https://github.com/rsms/inter
* Ikons http://ikons.piotrkwiatkowski.co.uk