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

# Quick start

export const LoopVideo = ({src, poster, variant, autoPreload}) => (variant === 'tall' || variant === 'classic') && typeof autoPreload === 'boolean' ? <div onMouseEnter={e => {
  const replay = e.currentTarget.querySelector('[data-replay]');
  if (replay) replay.style.opacity = '1';
}} onMouseLeave={e => {
  const replay = e.currentTarget.querySelector('[data-replay]');
  if (replay) replay.style.opacity = '0';
}} style={{
  position: 'relative',
  margin: '18px 0 6px',
  aspectRatio: variant === 'tall' ? '3 / 4' : '4 / 3',
  borderRadius: '14px',
  border: '1px solid #ecdfcd',
  overflow: 'hidden',
  background: '#FFFBF2'
}}>
    <video ref={el => {
  if (!el || el.dataset.lazyInit) return;
  el.dataset.lazyInit = '1';
  el.muted = true;
  const box = el.parentElement;
  const loading = box && box.querySelector('[data-loading]');
  const hideLoading = () => {
    if (loading && el.readyState >= 2) loading.style.opacity = '0';
  };
  el.addEventListener('loadeddata', hideLoading);
  el.addEventListener('playing', hideLoading);
  const startPlay = () => {
    el.play().catch(() => {});
  };
  if (autoPreload || typeof IntersectionObserver === 'undefined') {
    startPlay();
    return;
  }
  const io = new IntersectionObserver(entries => {
    entries.forEach(entry => {
      if (entry.isIntersecting) startPlay(); else el.pause();
    });
  }, {
    rootMargin: '150px'
  });
  io.observe(el);
}} muted loop playsInline preload={autoPreload ? 'auto' : 'none'} poster={poster} onClick={e => {
  const el = e.currentTarget;
  const pill = el.parentElement && el.parentElement.querySelector('[data-pill]');
  const show = (text, autoHide) => {
    if (!pill) return;
    pill.textContent = text;
    clearTimeout(pill._t);
    pill.style.opacity = '1';
    if (autoHide) {
      pill._t = setTimeout(() => {
        pill.style.opacity = '0';
      }, 900);
    }
  };
  if (el.paused) {
    el.play().catch(() => {});
    show('Unpaused', true);
  } else {
    el.pause();
    show('Paused', false);
  }
}} style={{
  position: 'absolute',
  inset: 0,
  width: '100%',
  height: '100%',
  margin: 0,
  objectFit: 'cover',
  display: 'block',
  cursor: 'pointer'
}}>
      <source src={src} type="video/mp4" />
    </video>
    <div data-loading style={{
  position: 'absolute',
  inset: 0,
  display: 'flex',
  alignItems: 'center',
  justifyContent: 'center',
  opacity: 1,
  transition: 'opacity 0.3s ease',
  pointerEvents: 'none',
  backgroundColor: '#FFFBF2',
  backgroundImage: 'url(/images/video-background.jpeg)',
  backgroundSize: 'auto 100%',
  backgroundPosition: 'center',
  backgroundRepeat: 'no-repeat',
  fontFamily: 'ui-monospace, SFMono-Regular, Menlo, monospace',
  fontSize: '11px',
  fontWeight: 600,
  letterSpacing: '0.08em',
  textTransform: 'uppercase',
  color: '#8a7f70'
}}>
      Video is loading…
    </div>
    <button data-replay type="button" aria-label="Replay from the start" onClick={e => {
  e.stopPropagation();
  const box = e.currentTarget.parentElement;
  const video = box && box.querySelector('video');
  const pill = box && box.querySelector('[data-pill]');
  if (pill) pill.style.opacity = '0';
  if (video) {
    video.currentTime = 0;
    video.play().catch(() => {});
  }
}} style={{
  position: 'absolute',
  top: '10px',
  left: '10px',
  display: 'flex',
  alignItems: 'center',
  justifyContent: 'center',
  width: '32px',
  height: '32px',
  padding: 0,
  opacity: 0,
  transition: 'opacity 0.25s ease',
  color: '#ffffff',
  background: 'rgba(19, 22, 27, 0.72)',
  backdropFilter: 'blur(4px)',
  border: 'none',
  borderRadius: '999px',
  cursor: 'pointer'
}}>
      <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
        <path d="M3 12a9 9 0 1 0 3-6.7L3 8" />
        <path d="M3 3v5h5" />
      </svg>
    </button>
    <div data-pill style={{
  position: 'absolute',
  top: '10px',
  right: '10px',
  opacity: 0,
  transition: 'opacity 0.25s ease',
  fontFamily: 'ui-monospace, SFMono-Regular, Menlo, monospace',
  fontSize: '11px',
  fontWeight: 600,
  letterSpacing: '0.06em',
  textTransform: 'uppercase',
  color: '#ffffff',
  background: 'rgba(19, 22, 27, 0.72)',
  backdropFilter: 'blur(4px)',
  borderRadius: '999px',
  padding: '4px 10px',
  pointerEvents: 'none'
}}>
      Paused
    </div>
  </div> : <div style={{
  margin: '18px 0 6px',
  padding: '12px 16px',
  borderRadius: '10px',
  border: '2px solid #d33',
  background: '#ffe5e5',
  color: '#990000',
  fontFamily: 'ui-monospace, SFMono-Regular, Menlo, monospace',
  fontSize: '13px',
  lineHeight: 1.5
}}>
      {'<LoopVideo>'} needs <strong>variant</strong> (<strong>"tall"</strong> = 3:4 or <strong>"classic"</strong> = 4:3)
      and <strong>autoPreload</strong> ({'{true}'} or {'{false}'}).
    </div>;

Get up and running in five minutes. Most people start on their phone, save a few things, and jump straight into chat.

## Get started

<Steps>
  <Step title="Install the iPhone app" icon="mobile-screen-button">
    The things worth keeping usually show up when you're out and about or scrolling social media - so you want Edicek right there in your pocket, ready before anything slips away. That's why the journey starts on your iPhone or iPad.

    Get the [iPhone & iPad app](/applications/iphone-and-ipad) from the App Store and sign in with your Edicek account.

    <a
      href="https://apps.apple.com/app/edicek/id6757395657"
      target="_blank"
      rel="noreferrer"
      style={{
    display: 'inline-flex',
    alignItems: 'center',
    gap: '8px',
    background: '#13161B',
    color: '#ffffff',
    textDecoration: 'none',
    fontWeight: 600,
    fontSize: '14px',
    padding: '9px 16px',
    borderRadius: '10px',
    margin: '6px 0',
  }}
    >
      <svg width="14" height="17" viewBox="0 0 14 17" fill="#ffffff" aria-hidden="true">
        <path d="M11.6 9c0-1.9 1.6-2.8 1.6-2.9-.9-1.3-2.2-1.5-2.7-1.5-1.1-.1-2.2.7-2.8.7-.6 0-1.5-.6-2.4-.6-1.2 0-2.4.7-3 1.8-1.3 2.2-.3 5.5.9 7.3.6.9 1.3 1.9 2.2 1.8.9 0 1.2-.6 2.3-.6 1.1 0 1.3.6 2.3.6.9 0 1.6-.9 2.2-1.8.7-1 1-2 1-2.1-.1 0-1.9-.8-1.9-2.9zM9.9 3.3c.5-.6.8-1.4.7-2.3-.7 0-1.5.5-2 1.1-.4.5-.8 1.3-.7 2.1.8.1 1.5-.4 2-.9z" />
      </svg>

      Get on the App Store
    </a>
  </Step>

  <Step title="Add Edicek to your share sheet favorites" icon="star">
    To make saving effortless, add Edicek to your **Favorites** in the iOS share sheet - open `Share` from any app, tap `Edit Actions`, and pin Edicek to the top row. Now it's one tap away wherever you are.

    <LoopVideo src="/videos/quick-start-share-sheet-favorites.mp4" variant="tall" autoPreload={true} />
  </Step>

  <Step title="Save your first link" icon="bookmark">
    Try it right now: from any app, tap `Share`, pick Edicek, and save a link - even this documentation page. Add a quick note about *why* you're saving it. That note is what makes everything work later.

    Not everything worth keeping is a link, either - you can write your own [note](/card-types/notes) straight in the app.

    <LoopVideo src="/videos/quick-start-save-your-first-link.mp4" variant="tall" autoPreload={true} />
  </Step>

  <Step title="Browse your cards" icon="layer-group">
    Open your timeline in the [iPhone app](/applications/iphone-and-ipad) or the [web app](/applications/web) to see everything you've saved as cards, sitting side by side.

    <LoopVideo src="/videos/quick-start-browse-your-cards.mp4" variant="tall" autoPreload={false} />
  </Step>

  <Step title="Ask in chat" icon="comments">
    Open [Chat](/core-features/chat) and just ask - *"what did I save about growing tomatoes"* - and the matching card surfaces on its own as the source behind the answer.

    <LoopVideo src="/videos/quick-start-ask-in-chat.mp4" variant="tall" autoPreload={false} />
  </Step>

  <Step title="You did it!" icon="party-horn">
    That's the whole loop - saving and asking. From here, just save whatever catches your eye, whenever it catches you. There's nothing to organize, no folders to keep tidy.

    The one habit worth keeping: always add the *why*. That single note is what lets Edicek understand what you care about, surface the right card months later, and give you answers in chat that actually know your stuff. Skip it and a card still saves - but the *why* is what turns a pile of links into a knowledge base that works for you.
  </Step>
</Steps>

***

## Take it further

The loop above is all you need. These make Edicek properly yours.

### Write your own note

Not everything worth keeping comes from somewhere else. Write a [note](/card-types/notes) straight in the app - a thought, an idea, something you want to come back to - and it becomes a card like any other, ready for chat to draw on later.

<LoopVideo src="/videos/quick-start-write-a-note.mp4" variant="tall" autoPreload={false} />

### Add the widget to your home screen

Put Edicek one tap away with the home screen widget. Instead of opening the app and finding your way around, you jump straight into whatever you want to do.

From the widget you can start a new [chat](/core-features/chat), create a new [note](/card-types/notes), or just open the app to your timeline.

To add it, long-press your home screen, tap `+`, search for Edicek, and place the widget where you want it.

<LoopVideo src="/videos/quick-start-add-widget-home-screen.mp4" variant="tall" autoPreload={false} />

### Toggle Memory when you need speed

Inside a chat you can toggle **Memory** on or off. Leave it **on** to draw on your saved cards; switch it **off** for a quick general answer without searching your knowledge - handy when you just want a fast reply. [Learn more](/core-features/chat)

<LoopVideo src="/videos/quick-start-toggle-memory.mp4" variant="tall" autoPreload={false} />

### Install the browser extension

On your computer, add the browser extension - the [Chrome extension](https://chromewebstore.google.com/detail/edicek/mgpbhmoefhlnapfidailoifagkmnbfff) from the Chrome Web Store, or the Safari extension that ships with the [Mac app](/applications/mac).

Find something worth keeping, click the Edicek icon in your toolbar, add your note, and hit `Save`. It lands in the same timeline as everything you saved from your phone. [Learn more](/applications/browser-extension)

<div style={{ display: 'flex', gap: '10px', flexWrap: 'wrap', margin: '6px 0' }}>
  <a
    href="https://chromewebstore.google.com/detail/edicek/mgpbhmoefhlnapfidailoifagkmnbfff"
    target="_blank"
    rel="noreferrer"
    style={{
  display: 'inline-flex',
  alignItems: 'center',
  gap: '8px',
  background: '#13161B',
  color: '#ffffff',
  textDecoration: 'none',
  fontWeight: 600,
  fontSize: '14px',
  padding: '9px 16px',
  borderRadius: '10px',
}}
  >
    Get the Chrome extension
  </a>

  <a
    href="https://apps.apple.com/app/edicek/id6757395657"
    target="_blank"
    rel="noreferrer"
    style={{
  display: 'inline-flex',
  alignItems: 'center',
  gap: '8px',
  background: '#13161B',
  color: '#ffffff',
  textDecoration: 'none',
  fontWeight: 600,
  fontSize: '14px',
  padding: '9px 16px',
  borderRadius: '10px',
}}
  >
    <svg width="14" height="17" viewBox="0 0 14 17" fill="#ffffff" aria-hidden="true">
      <path d="M11.6 9c0-1.9 1.6-2.8 1.6-2.9-.9-1.3-2.2-1.5-2.7-1.5-1.1-.1-2.2.7-2.8.7-.6 0-1.5-.6-2.4-.6-1.2 0-2.4.7-3 1.8-1.3 2.2-.3 5.5.9 7.3.6.9 1.3 1.9 2.2 1.8.9 0 1.2-.6 2.3-.6 1.1 0 1.3.6 2.3.6.9 0 1.6-.9 2.2-1.8.7-1 1-2 1-2.1-.1 0-1.9-.8-1.9-2.9zM9.9 3.3c.5-.6.8-1.4.7-2.3-.7 0-1.5.5-2 1.1-.4.5-.8 1.3-.7 2.1.8.1 1.5-.4 2-.9z" />
    </svg>

    Get the Safari extension
  </a>
</div>

<LoopVideo src="/videos/quick-start-save-from-browser.mp4" variant="classic" autoPreload={false} />

***

## Next steps

<CardGroup cols={2}>
  <Card title="The why behind Edicek" icon="book" href="/getting-started/the-why-behind-edicek">
    The idea that makes it all work - why the **WHY** matters.
  </Card>

  <Card title="Cards" icon="layer-group" href="/core-features/cards">
    What each kind of card captures.
  </Card>

  <Card title="Chat" icon="comments" href="/core-features/chat">
    Your AI assistant that knows your cards.
  </Card>

  <Card title="Search" icon="magnifying-glass" href="/core-features/search">
    Get cards back instead of answers.
  </Card>
</CardGroup>

<Note title="help">
  **Need help?** Reach out through [support](/support/support) and we'll get you sorted.
</Note>