Claymorphism Component For React.js

React Claymorphism Component

Claymorphism is a new UI Design concept created by Michał Malewicz

Thanks codeAdrian to inspired me by creation clay.css library

Usage

React Claymorphism component built only from react projects

npm install react_claymorphism

options

Default property values has been set as

  • as : ‘div’ | ‘section’
  • clayBackgroundColor : ‘rgba(0, 0, 0, 0.005)’
  • clayBorderRadius : ’32px’
  • clayOuterShadowColor : ‘rgba(0, 0, 0, 0.25)’
  • clayShadowInsetPrimaryColor : ‘rgba(0, 0, 0, 0.25)’
  • clayShadowInsetSecondaryColor : ‘ rgba(255, 255, 255, 0.2)’

Importing component

You can import the generated react_claymorphism component

import Claymorphism from 'react_claymorphism'

<Claymorphism classnames='your-custom-class' clayBackgroundColor='white' >

GitHub

View Github