Bezier Square Masking Component (in ReactJS)

DEMO NPM GITHUB
A simple ReactJS component that provides an image mask (SVG) that uses Bezier curves for the corners. There's a great article on HackerNoon about Apple's use of these image masks for iPhone icons. Unfortunately, it does not use a particularly well-supported CSS style mask [caniuse.com]. If you're able to find a hack-around for this please send me a PR!
  • MIT License
  • Bring your own style/CSS-in-JS library!
William Lereact-bezier-square, icon-design, css-mask, image-masking, math-is-beautiful, bezier, vector-graphics, open-source