Morphing Circle Modal Component For React

A highly customizable modal component with a circle animation for React.

How to use it:

1. Install and import the component.

# Yarn
$ yarn add react-circle-modal

$ npm i react-circle-modal –save

import React from ‘react’
import ReactCircleModal from ‘react-circle-modal’

2. Basic usage.

  toogleComponent={onClick => (
    <button onClick={onClick}>
      Click here to open modal
  {(onClick) => (
    <div style={{ backgroundColor: '#fff', padding: '1em' }}>
        Content inside of modal
      <button onClick={onClick}>
        Click here to close modal


Morphing Circle Modal Component For React

Download Details:

Author: lucasfloriani

Live Demo: View The Demo

Download Link: Download The Source Code

Official Website:

License: MIT

You Might Be Interested In:

Add Comment