Collaborative Space

https://api.typedream.com/v0/app/collection_content/96047a2f-567d-44b8-aa99-a1aa7ffdbb20_46d710fd-ec90-498a-901c-d6acd853f5fa_collection_rich_content.json

Brooklyn - Personal Site

https://api.typedream.com/v0/app/collection_content/44bfb23e-d685-4a69-af99-24ad3e65f241_46d710fd-ec90-498a-901c-d6acd853f5fa_collection_rich_content.json

Watch Party

https://api.typedream.com/v0/app/collection_content/4d09212b-3a04-4968-9c8f-4f2005a77097_46d710fd-ec90-498a-901c-d6acd853f5fa_collection_rich_content.json

Tempstore

https://api.typedream.com/v0/app/collection_content/5475dbcb-7f3d-42ae-9f67-44df2b9116ef_46d710fd-ec90-498a-901c-d6acd853f5fa_collection_rich_content.json

Furnish

https://api.typedream.com/v0/app/collection_content/4a0a8a6c-5289-41e3-bad7-591a3cd813bc_46d710fd-ec90-498a-901c-d6acd853f5fa_collection_rich_content.json

Agency

https://api.typedream.com/v0/app/collection_content/4b072ced-95c0-415f-902f-ad659172240a_46d710fd-ec90-498a-901c-d6acd853f5fa_collection_rich_content.json

Albert Stain - Personal Site

https://api.typedream.com/v0/app/collection_content/b76b03b9-6d72-48ea-9061-a8f5708a8f13_46d710fd-ec90-498a-901c-d6acd853f5fa_collection_rich_content.json

Finsend - Fintech Landing Page

https://api.typedream.com/v0/app/collection_content/3ef52b45-7544-47c4-bc2d-0afd4aa2a2cc_46d710fd-ec90-498a-901c-d6acd853f5fa_collection_rich_content.json

Banker - Fintech Landing Page

https://api.typedream.com/v0/app/collection_content/913d8a79-7e0b-42a4-b902-2f9f9d0d496f_46d710fd-ec90-498a-901c-d6acd853f5fa_collection_rich_content.json

Templates New

Features

Templates

Showcase

Resources

Pricing

Login

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>

Awesome templates for any webblogproductform page you need to build

Start with our users’ top picks.

Choose a template that best fits your needs.

Have a template in mind that you want us to build?

It's time to launch that productservicecourseebookside hustletemplateagencyconsultation