Web and interface design in the blink of an eye.
Have a look at the docs at blinkui.github.io.
Start prototyping right away by simply adding a link to the latest blinkUI version to your <head>
:
<link rel="stylesheet" href="https://gitcdn.link/repo/blinkui/blinkui/master/css/blink.css">
(also available as a minified file:)
<link rel="stylesheet" href="https://gitcdn.link/repo/blinkui/blinkui/master/css/blink.min.css">
- blinkUI source files and folder structure
- basic
index.html
template with asset links and responsive viewport meta tag - npm run scripts for processing with postcss
- postcss plugins
- import (combines the single modules into one css file)
- cssnext (including autoprefixer; makes sure older browsers understand our state-of-the-art css)
- cssnano (minifies the css file / reduces the filesize)
You will need git and node.js (which ships with npm).
If you should encounter problems with node
or npm
, you might have to update either one.
To start fresh, clone blinkUI into a new project and remove its git directory:
git clone https://github.com/blinkUI/blinkUI.git new-project
cd new-project
rm -rf .git
Install the dependencies:
npm install
Use index.html
as a starting point, and edit src/blink.css
and its included modules under src/modules/
to customize blinkUI, then recompile the source files to the css
folder:
npm start