[](https://concrete-elements.org) [](https://www.webcomponents.org/element/concrete-elements) # About Concrete is a set of [web components](https://www.webcomponents.org/) 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](https://concrete-elements.org). To hit the ground running with Concrete, you can base projects off the [Concrete Starter App](https://github.com/andrewrabon/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](https://www.npmjs.com/package/concrete-elements): ``` 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](https://github.com/andrewrabon/concrete-elements/tree/master/dist) or the CDN: ``` ``` Once Concrete is available, you can declare elements using plain HTML: ``` Click me! ``` # Developer setup [A developer setup guide is available on the wiki.](https://github.com/andrewrabon/concrete-elements/wiki/Developer-setup-guide) # License This project is licensed under [the MIT license](https://github.com/andrewrabon/concrete-elements/blob/master/LICENSE.md).