Concrete is a set of web components and styles created specifically for the development of small, focused web apps.
You can demo all available Concrete elements, as well as access associated documentation, on the official Concrete site.
To hit the ground running with Concrete, you can base projects off the Concrete Starter App. This includes the necessary NPM and Webpack configurations, plus the most optimized HTML and directory structure for Concrete apps. Simply npm install, npx webpack, and go!
You can start using Concrete after installing it with NPM:
npm i concrete-elements
To use Concrete elements in your code, import them like any other module:
import { ConcreteButton } from '../node_modules/concrete-elements/src/elements/ConcreteButton.js';
You can also use the bundled and minified files from /dist or the CDN:
<script src="https://unpkg.com/concrete-elements@latest/dist/concrete.bundle.js"></script>
Once Concrete is available, you can declare elements using plain HTML:
<concrete-button>Click me!</concrete-button>
A developer setup guide is available on the wiki.
This project is licensed under the MIT license.