To start using these neumorphism components, you will need to include 2 files, spoiler alert, it's the
There are a few ways you can get started with Soft Components:
<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
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.