Product Hunt: https://www.producthunt.com/posts/react-live-island

GitHub: https://github.com/nanxiaobei/react-live-island

import LiveIsland from 'react-live-island';

const Demo = () => {
  return (
    <LiveIsland>
      {(isSmall) => (isSmall ? 'small' : 'large')}
    </LiveIsland>
  );
};

I searched the entire internet but couldn’t find a suitable ⚛️ React Dynamic Island 🏝 component, so I decided to create one myself.

It is a very simple component that doesn’t introduce any external libraries. Simply importing it can add a dynamic island at the top of the page.

Considering that both the dynamic-island and react-dynamic-island NPM packages have been preempted, I named it react-live-island 🎉.

I hope you will like it, It is really very simple, directly importing and then you can see a dynamic island! ✌️ while also providing rich customization props.

Introducing react-live-island by 🐤 Kee (https://kee.so)