Bezier Square Masking Component (in ReactJS)


_.png
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!