https://api.typedream.com/v0/app/collection_content/06e37495-8773-49c2-a069-0816e16ef499_46d710fd-ec90-498a-901c-d6acd853f5fa_collection_rich_content.json

https://api.typedream.com/v0/app/collection_content/0d9e4f89-706a-42f9-a4a1-3170c5c12ef0_46d710fd-ec90-498a-901c-d6acd853f5fa_collection_rich_content.json

https://api.typedream.com/v0/app/collection_content/204946a4-e886-4471-85b0-130c76c8de9a_46d710fd-ec90-498a-901c-d6acd853f5fa_collection_rich_content.json

https://api.typedream.com/v0/app/collection_content/21497863-b02e-4c35-9f45-4c2cce728d11_46d710fd-ec90-498a-901c-d6acd853f5fa_collection_rich_content.json

https://api.typedream.com/v0/app/collection_content/25c79253-e564-40b1-9208-dba8de3f5664_46d710fd-ec90-498a-901c-d6acd853f5fa_collection_rich_content.json

https://api.typedream.com/v0/app/collection_content/27c24ca7-eca7-48e9-bed8-02ccedec21f5_46d710fd-ec90-498a-901c-d6acd853f5fa_collection_rich_content.json

https://api.typedream.com/v0/app/collection_content/2d7f5a73-c56b-415e-b3ee-31b826c3780e_46d710fd-ec90-498a-901c-d6acd853f5fa_collection_rich_content.json

https://api.typedream.com/v0/app/collection_content/2fc6d5ff-e877-400d-a15f-798bbb590bb9_46d710fd-ec90-498a-901c-d6acd853f5fa_collection_rich_content.json

https://api.typedream.com/v0/app/collection_content/5568cd01-29c9-40eb-9da7-4a8f445f249b_46d710fd-ec90-498a-901c-d6acd853f5fa_collection_rich_content.json

https://api.typedream.com/v0/app/collection_content/56bf8ceb-cb5c-47c7-8b65-a0b658ad8a27_46d710fd-ec90-498a-901c-d6acd853f5fa_collection_rich_content.json

https://api.typedream.com/v0/app/collection_content/671f7aea-be39-4009-a3b7-eeb718ee038b_46d710fd-ec90-498a-901c-d6acd853f5fa_collection_rich_content.json

https://api.typedream.com/v0/app/collection_content/6984e809-3348-46b6-82a1-fc30cd725137_46d710fd-ec90-498a-901c-d6acd853f5fa_collection_rich_content.json

https://api.typedream.com/v0/app/collection_content/85757a50-202d-4803-ab2b-958c1f12925e_46d710fd-ec90-498a-901c-d6acd853f5fa_collection_rich_content.json

https://api.typedream.com/v0/app/collection_content/87460b02-d813-45b8-9c61-1d48d970c8d8_46d710fd-ec90-498a-901c-d6acd853f5fa_collection_rich_content.json

https://api.typedream.com/v0/app/collection_content/8b5c888f-89b0-4fc8-bc65-e03dee7f95fc_46d710fd-ec90-498a-901c-d6acd853f5fa_collection_rich_content.json

Assets Marketplace

Features

Templates

Showcase

Resources

Pricing

Login

A collection of high-quality and (mostly) free illustrations, icons, mockups, design tools, and other hidden gems for your website.

Tool

SyncBlock-86

<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WTZ8GQJR" height="0" width="0"
    style="display:none;visibility:hidden"></iframe></noscript>



<script>
  window.onload = () => {

    // ==== Update current query parameters to include `source` ====
    // Rewardful uses `via`, this isn't tracked in Plausible

    let params = new URL(document.location).searchParams;

    // ==== Update current query parameters to include `source` ====
    // Rewardful uses `via`, this isn't tracked in Plausible
    
    let newParams = new URL(document.location);
        let viaFound = false;
        let sourceFound = false;
        params.forEach((value, key) => {
          if (key === "via") {
            viaFound = true;
            newParams.searchParams.set("source", `via-${value}`);
          }
          if (key === "source") {
            sourceFound = true;
          }
        });
        if (viaFound && !sourceFound) {
          window.location = newParams.href;
        }

        // ==== Update utm_source for links that contains build TYPEDREAM_HREF ====
    // Get all links that contains build TYPEDREAM_HREF
    const TYPEDREAM_HREF = "typedream.com";
    const BUILD_TYPEDREAM_HREF = "build.typedream.com";
    Array.from(
      document.querySelectorAll(`[href*='${TYPEDREAM_HREF}']`)
    ).forEach((e) => {
      var href = e.getAttribute("href");
      var url = new URL(href);
      var urlParams = new URL(href).searchParams;
      params.forEach((value, key) => {
        // for PH, if there is ref=xxx change it to utm_source=xxx
        urlParams.set(key === 'ref' ? 'utm_source' : key, value);
      });
      url.search = urlParams;
      e.href = url.toString();

      // track conversion
      // if (e.href.includes(BUILD_TYPEDREAM_HREF)) {
      //  e.addEventListener('click', function() {gtag_report_conversion(e.href)})
      // }
    });

   Array.from(document.querySelectorAll(`[href^='/']`)).forEach((e) => {
      var href = e.getAttribute("href");
      href = `${window.location.protocol}//${window.location.host}${href}`;
      var url = new URL(href);
      var urlParams = new URL(href).searchParams;
      params.forEach((value, key) => {
        // for PH, if there is ref=xxx change it to utm_source=xxx
        urlParams.set(key === 'ref' ? 'utm_source' : key, value);
      });
      url.search = urlParams;
      e.href = url.toString();
    });


    // Make sticky table of contents
    var sibling = document.getElementById("sticky-sibling")
    if (sibling && sibling.nextSibling) {
      var toc = sibling.nextSibling
      toc.style.backgroundColor = 'red';
    }
  };

</script>





<script id="ze-snippet" src="https://static.zdassets.com/ekr/snippet.js?key=f871bdf7-2c33-4fbd-bb5d-7e7ab05bea84">
</script>




<script>
  const searchClient = algoliasearch(
        "SMJ4AJCZFI",
        "bdf124d4eb5f98cc467769a011fba85a"
      );

      const search = instantsearch({
        indexName: "help_typedream",
        searchClient
      });

      setTimeout(() => {
        search.addWidgets([
          instantsearch.widgets.searchBox({
            container: "#searchbox",
            searchAsYouType: false,
            placeholder: "Search for articles"
          }),
          instantsearch.widgets.hits({
            container: "#hits",
            templates: {
              item(hit, { html, components }) {
                return html`
                  <a
                    class="search-hit-row-link"
                    href=${hit.link}
                    target="_blank"
                  >
                    <div class="search-hit-row">
                      <h2>
                        ${components.Highlight({ attribute: "name", hit })}
                      </h2>
                      <p>${hit.description}</p>
                    </div>
                  </a>
                `;
              },
              empty(results, { html }) {
                return html`<div class="search-empty ais-InfiniteHits-item">
                  No results for <q>${results.query}</q>
                </div>`;
              },
              showMoreText(data, { html }) {
                return html`<span class="search-showmore">Show more</span>`;
              }
            }
          })
        ]);

        // Conditionally display the hits widget only when a search query is entered
        search.on("render", () => {
          const hitsContainer = document.querySelector("#hits");
          if (search.helper.state.query === "") {
            hitsContainer.style.display = "none";
          } else {
            hitsContainer.style.display = "block";
          }
        });

        search.start();
      }, 500);
</script>

Web Design Assets Marketplace

Notion icon pack

designgradients

Jitter

3DIcons

Checklist Design

Gradient Maker

Shapefest

Vectary

3D Rooms Project

Angle.sh

Motionleap

Morflax

Bzzzt

Colorable

Grads V2

Laws of UX

Got the stuff you need?

Have a design resource you love?