It's easy to create simple prototype with HTML but when you show it to client they often get sidetracked by design instead of checking if all input fields are there.
Just download dist/main.css or using npm
npm install wireframe.cssLink or import dist/main.css and that's it.
For example in your *.html
...
<head>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="node_modules/wireframe.css/dist/main.css" />
</head>
...or in *.js
import "wireframe.css";From this:
<body>
<main>
<h1>Wireframe.css</h1>
<article>
<img />
<img />
<img />
<img />
<img />
<p>
text text some text
</p>
</article>
</main>
</body>You get this:
If you want to browse "components" aka HTML5 elements start
npm run storybook
We are using css-modules and webpack + postcss to compile them.
When you change css you have to run npm run build or while developing
npm run build -- --watch