@terra-dev/neumorphism-ui

Material-UI based the neumorphism look implementation components.

https://anchor-storybook.vercel.app/

Setup styles and themes

import { GlobalStyle } from '@terra-dev/neumorphism-ui/themes/GlobalStyle';
import { darkTheme } from '@terra-dev/neumorphism-ui/themes/darkTheme';
// import { lightTheme } from '@terra-dev/neumorphism-ui/themes/lightTheme';
import { ThemeProvider } from '@terra-dev/neumorphism-ui/themes/ThemeProvider';

function App() {
  <ThemeProvider theme={darkTheme}>
    <YOUR_APP />
  </ThemeProvider>;
}

ReactDOM.render(
  <>
    <GlobalStyle />
    <App />
  </>,
  document.getElementById('root'),
);

Setup TypeScript declarations

Create a .d.ts file (e.g. styled.d.ts) in your /src directory.

import 'styled-components';

declare module 'styled-components' {
  import type { NeumorphismTheme } from '@terra-dev/neumorphism-ui/themes/Theme';

  export interface DefaultTheme extends NeumorphismTheme {}
}