Samples

<img src="/assets/images/React-icon.svg" style="width:75px;"> <span style="font-size: 22pt;">React</span></a></div><div class="col-md-6"> <a class="clickable-square" href="https://codesandbox.io/s/svelte-with-dexie-livequery-2n8bd?file=/App.svelte" style="background-image: linear-gradient(#977, #aaa);"> <div class="framework-logo" style="margin: 0;"> <img src="/assets/images/Svelte_Logo.svg" /> Svelte </div> </a></div><div class="col-md-6"> <a class="clickable-square" href="https://codesandbox.io/s/vue-dexie-livequery-87exj?file=/src/components/DBItems.vue" style="background-image: linear-gradient(#7a7, #aaa);"> <div class="framework-logo" style="margin: 0;"> <img src="/assets/images/vue.svg" /> Vue </div> </a></div><div class="col-md-6"> <a class="clickable-square" href="https://stackblitz.com/edit/angular-ivy-4666q1?file=src%2Fapp%2Fapp.module.ts" style="background-image: linear-gradient(#a77, #aaa);"> <div class="framework-logo react-logo" style="margin: 0;"> <img src="/assets/images/angular.svg" /> Angular </div> </a></div>Vanilla JS

<div class="col-md-12">
    <a class="clickable-square" href="/cloud/docs/access-control#example-a-simple-project-management-model"
    style="background-image: linear-gradient( #5471e9, #1e3fd3, #4b965f);">
        <!-- <div class="video-parent" style="overflow:hidden; border-radius: 5px;">
            <video
                class="banner-video"
                autoplay
                muted
                loop
                playsinline
            >
            <source
                src="https://dexie.blob.core.windows.net/dexie/Galaxy.mp4"
                type="video/mp4">
            </video>
        </div> -->
        <div class="framework-logo" style="margin: 0; position: relative; color: #fff;">
            <img src="/assets/images/dexie-logo-icon.svg" style="position: absolute;left: -10px;top: 11px;width: 27px;">Dexie Cloud
        </div>
    </a>
</div>

---

Populate From Ajax

• Source

Open Existing Databases

• Source

• Run in browser

Full Text Search

• Source

• Using lunr NOTE: This sample may be outdated, Here's an updated sample to laborate with

• Finding documents containing multiple words

GraphQL

• Large Offline Datasets with Apollo Client

Various jsfiddles

• Dexie Fiddle: https://jsfiddle.net/dfahlander/3tf5r0cu/

• Open existing DB: https://jsfiddle.net/dfahlander/b8Levamm/

• Storing Binary Data: https://jsfiddle.net/dfahlander/kgsbbhca/

• Preserving custom types using typeson: https://jsfiddle.net/dfahlander/qacL14tu/