Getting started

To start using these neumorphism components, you will need to include 2 files, spoiler alert, it's the css and js files

Installation

There are a few ways you can get started with Soft Components:

CDN

<link rel="stylesheet" href="//unpkg.com/soft-components/dist/soft-components/soft-components.css" />
<script type="module" src="//unpkg.com/soft-components/dist/soft-components/soft-components.esm.js"></script>

<!-- For IE only -->
<script nomodule src="//unpkg.com/soft-components/dist/soft-components/soft-components.js"></script>

Install via npm

npm i soft-components

JS framework integration

StencilJs provides a comprehensive documentation on how the web components can be integrated with popular JavaScript frameworks, they can be found here:

Angular
React
Vue
Ember

CSS framework integration

Soft components should work with most CSS frameworks as all the styles are scoped within each component. All soft component CSS variables starts with --sc- to avoid collision.

Edit this page