About

Concrete is a set of web components and styles created specifically for the development of small, focused web apps.

Try now

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!

Install and use

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>

Developer setup

A developer setup guide is available on the wiki.

License

This project is licensed under the MIT license.