KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#developer-tools #typescript #dsh #dsh-plugin #ai-agent #codex #ai-agents #deepseek-harness #claude-code #cli #react #mcp

react-native-super-ellipse-mask

★ 66 Open GitHub ↗

Apple flavored smooth corners for React Native

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

Apple flavored smooth corners for React Native (iOS only).

## Screenshots
![Individual Corners](https://raw.githubusercontent.com/everdrone/react-native-super-ellipse-mask/master/media/screenshot.png)

## Install

```bash
yarn add react-native-super-ellipse-mask
```

## Link

#### Automatic

```bash
react-native link react-native-super-ellipse-mask
```

#### Manual

##### iOS

1.  In XCode, in the project navigator, right click `Libraries` > `Add Files to [your project's name]`
2.  Go to `node_modules` > `react-native-super-ellipse-mask` and add `RNSuperEllipseMask.xcodeproj`
3.  In XCode, in the project navigator, select your project. Add `libRNSuperEllipseMask.a` to your project's `Build Phases` > `Link Binary With Libraries`
4.  Run your project (`Cmd+R`)

## Usage

```javascript
<SuperEllipseMask radius={30}>
  <View
    style={{
      width: 200,
      height: 300,
      backgroundColor: 'black',
    }}
  />
</SuperEllipseMask>
```

#### Props
- `radius` `object | number`: Sets the corner radius.
  - `number`: uniform corner radius.
  - `object`: `{topLeft, topRight, bottomRight, bottomLeft}`

## Contribute

Found a bug? [File an issue](https://github.com/everdrone/react-native-super-ellipse-mask/issues)  
Already know how to fix it? [Open a Pull Request](https://github.com/everdrone/react-native-super-ellipse-mask/pulls)

react-native-super-ellipse-mask

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README