> ## Documentation Index
> Fetch the complete documentation index at: https://docs.mindli.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Tips for Multi-Device Use

> Use MindLi smoothly across web, iOS, and Android

export const MndIcon = ({icon, size = 20, color, circle = false}) => {
  const iconUrl = `https://app.mindli.com/api/icon/${icon}`;
  const [isDarkMode, setIsDarkMode] = React.useState(false);
  React.useEffect(() => {
    const checkTheme = () => {
      const darkClass = document.documentElement.classList.contains('dark');
      const darkAttr = document.documentElement.getAttribute('data-theme') === 'dark';
      setIsDarkMode(darkClass || darkAttr);
    };
    checkTheme();
    const observer = new MutationObserver(checkTheme);
    observer.observe(document.documentElement, {
      attributes: true,
      attributeFilter: ['class', 'data-theme']
    });
    return () => observer.disconnect();
  }, []);
  let finalColor = color;
  if (!color) {
    finalColor = isDarkMode ? '#FFFFFF' : '#333333';
  }
  const iconElement = <span style={{
    width: `${size}px`,
    height: `${size}px`,
    backgroundColor: finalColor,
    maskImage: `url(${iconUrl})`,
    maskSize: 'contain',
    maskRepeat: 'no-repeat',
    WebkitMaskImage: `url(${iconUrl})`,
    WebkitMaskSize: 'contain',
    display: 'inline-block',
    verticalAlign: 'middle'
  }} />;
  if (!circle) {
    return <span style={{
      display: 'inline-flex',
      alignItems: 'center',
      justifyContent: 'center',
      verticalAlign: 'middle',
      transform: 'translateY(-0.08em)'
    }}>
        {iconElement}
      </span>;
  }
  const circleSize = Math.max(size + 6, 20);
  return <span style={{
    display: 'inline-flex',
    width: `${circleSize}px`,
    height: `${circleSize}px`,
    border: `2px solid ${finalColor}`,
    borderRadius: '9999px',
    alignItems: 'center',
    justifyContent: 'center',
    verticalAlign: 'middle',
    transform: 'translateY(-0.08em)'
  }}>
      {iconElement}
    </span>;
};

## Overview

MindLi works best when each device has a clear role.
Use your phone for fast capture, your computer for focused review, and your Inbox as the shared handoff point between them.

***

## Use the Same Account Everywhere

Sign in with the same MindLi account on web, iOS, and Android so your Sparks, Boxes, and settings stay connected.

If something you added on one device does not appear right away on another, use **<MndIcon icon="MNDIconRefreshCcw" /> Refresh Data** from the relevant screen.

<Note>
  For account and sign-out tips, see [Sign-In Tips Across Devices](/get-started/patterns/sign-in-across-devices).
</Note>

***

## Match the Device to the Moment

| Device       | Best for                                                             |
| ------------ | -------------------------------------------------------------------- |
| **Phone**    | Quick Add Sparks, voice notes, photos, mobile sharing, WhatsApp      |
| **Tablet**   | Reading, reviewing attachments, Split View                           |
| **Computer** | Organizing Boxes, editing longer Sparks, browsing with the extension |

You do not need to organize every Spark the moment you capture it.
Let quick inputs land in **Inbox**, then clean them up later from the device where you have more time.

***

## Capture From Anywhere

Use the fastest sensor for the device you are already using:

* **WhatsApp** for forwarding messages, links, images, and voice notes
* **Mobile share sheet** for sending content from iOS or Android apps
* **Chrome / Edge extension** for capturing webpages while browsing on your computer
* **Manual Add** when you are already inside MindLi

<Note>
  All new Sparks land in Inbox first, no matter which device or sensor added them.
</Note>

***

## Avoid Editing the Same Spark in Two Places

MindLi keeps your data connected, but it is still best to finish editing a Spark on one device before opening and changing the same Spark somewhere else.

If you switch devices mid-edit, save your change first, then open or refresh the Spark on the next device.

***

## Keep One Cleanup Habit

Choose one regular cleanup place, usually web or tablet:

1. Open **Inbox**
2. Review new Sparks
3. Connect them to the right Boxes
4. Archive or delete what you do not need

This keeps mobile capture fast without letting Inbox become permanent storage.

<div style={{ display: 'flex', justifyContent: 'flex-start', marginTop: '2rem', paddingTop: '2rem' }}>
  <a href="/get-started/thinking-patterns" style={{ display: 'flex', alignItems: 'center', gap: '0.5rem', color: 'currentColor', textDecoration: 'none', fontSize: '0.95rem', border: 'none' }}>
    <span>‹</span> <MndIcon icon="MNDIconBrain" size={16} color="currentColor" /> <span>Thinking Patterns</span>
  </a>
</div>
