Getting started

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:

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