KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

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

react-native-circle-menu

★ 588 Open GitHub ↗

:octocat: ⭕️ CircleMenu is a simple, elegant UI menu with a circular layout and material design animations. Reactnative library made by @Ramotion

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

![header](https://raw.githubusercontent.com/Ramotion/react-native-circle-menu/master/header.png)
![preview](https://raw.githubusercontent.com/Ramotion/react-native-circle-menu/master/preview.gif)

# React Native Circle Menu
[![Codacy Badge](https://api.codacy.com/project/badge/Grade/21bf2f9562fc49a6aa9f9e4b7b3111a9)](https://www.codacy.com/app/juri-v/react-native-circle-menu?utm_source=github.com&utm_medium=referral&utm_content=Ramotion/react-native-circle-menu&utm_campaign=badger)
[![Twitter](https://img.shields.io/badge/Twitter-@Ramotion-blue.svg?style=flat)](http://twitter.com/Ramotion)
[![Donate](https://img.shields.io/badge/Donate-PayPal-blue.svg)](https://paypal.me/Ramotion)

# Check this library on other platforms:
<a href="https://github.com/Ramotion/circle-menu"> 
<img src="https://github.com/ramotion/navigation-stack/raw/master/Swift@2x.png" width="178" height="81"></a>
<a href="https://github.com/Ramotion/circle-menu-android"> 
<img src="https://github.com/ramotion/navigation-stack/raw/master/Android_Java@2x.png" width="178" height="81"></a>

**Looking for developers for your project?** 
This project is maintained by Ramotion, Inc. We specialize in the designing and coding of custom UI for Mobile Apps and Websites.

## Features

* Custom colors
* Custom size

## Installation

`npm install --save @ramotion/react-native-circle-menu`

## Usage

Look it in folder `./example`

```javascript
import React, {Component} from 'react'
import CircleMenu from '@ramotion/react-native-circle-menu'

class Example extends Component {
 items = [
 {
 name: 'md-home',
 color: '#298CFF'
 },
 {
 name: 'md-search',
 color: '#30A400'
 },
 {
 name: 'md-time',
 color: '#FF4B32'
 },
 {
 name: 'md-settings',
 color: '#8A39FF'
 },
 {
 name: 'md-navigate',
 color: '#FF6A00'
 }
 ];
 
 onPress = index => console.warn(`${this.items[index].name} icon pressed!`);
 
 render() {
 	return <CircleMenu
 bgColor="#E74C3C"
 items={this.items}
 onPress={this.onPress}
 />
 }
}
```

## Licence

Circle menu is released under the MIT license.
See [LICENSE](./LICENSE) for details.

# Get the Showroom App for iOS to give it a try
Try this UI component and more like this in our mobild app. Contact us if interested.

Follow us for the latest updates 
<a href="https://goo.gl/rPFpid" >
<img src="https://i.imgur.com/ziSqeSo.png/" width="156" height="28"></a>

react-native-circle-menu

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README