dynamsoft-docs · dynamsoft-h · Jun 17, 2025 · Feb 19, 2025 · May 6, 2025 · May 8, 2025
diff --git a/.github/workflows/main.yml b/.github/workflows/main.yml
@@ -4,11 +4,11 @@ name: CI
 
 # Controls when the workflow will run
 on:
-  # Triggers the workflow on push events but only for the master branch
+  # Triggers the workflow on push events to the main and preview branches
   push:
     branches:
     - main
-    # - preview
+    - preview
 
   # Allows you to run this workflow manually from the Actions tab
   workflow_dispatch:
@@ -26,7 +26,7 @@ jobs:
 
   Build-Preview:
     if: ${{ github.ref == 'refs/heads/preview' }}
-    uses: dynamsoft-docs/Docs-Template-Repo/.github/workflows/called-workflow-build-sync-testing.yml@preview
+    uses: dynamsoft-docs/Docs-Template-Repo/.github/workflows/called-workflow-build-sync-testing.yml@main
     with:
       doc-repo: mobile-web-capture-docs
       doc-url: mobile-web-capture/docs/

diff --git a/_config.yml b/_config.yml
@@ -7,6 +7,7 @@ docHomePage: /mobile-web-capture/docs/introduction/
 introduction: /mobile-web-capture/docs/introduction/
 gettingstarted: /mobile-web-capture/docs/gettingstarted/
 codegallery: /mobile-web-capture/docs/codegallery/
+code-gallery: /mobile-web-capture/docs/code-gallery/
 api: /mobile-web-capture/docs/api/
 
 guides: /mobile-web-capture/docs/guides/

diff --git a/_data/full_tree.yml b/_data/full_tree.yml
@@ -1,6 +1,7 @@
 tree_file_list:
   - sidelist-introduction.html
   - sidelist-guides.html
+  - sidelist-code-gallery.html
   - sidelist-api.html
   - sidelist-release-notes.html
   - sidelist-full-tree.html

diff --git a/_includes/sidelist-code-gallery.html b/_includes/sidelist-code-gallery.html
@@ -0,0 +1,5 @@
+<li><a class="otherLinkColour">Code Gallery</a>
+    <ul>
+        <li><a href="{{ site.code-gallery }}frameworks.html" class="otherLinkColour">Frameworks</a></li>
+    </ul>
+</li>
diff --git a/_includes/sidelist-full-tree-v2.0.html b/_includes/sidelist-full-tree-v2.0.html
@@ -1,5 +1,5 @@
-{%- include liquid_searchVersionTreeFile.html ver=include.ver curPath=include.curPath targetRelativePath="sidelist-introduction.html" -%}
-{%- include liquid_searchVersionTreeFile.html ver=include.ver curPath=include.curPath targetRelativePath="sidelist-gettingstarted.html" -%}
-{%- include liquid_searchVersionTreeFile.html ver=include.ver curPath=include.curPath targetRelativePath="sidelist-codegallery.html" -%}
-{%- include liquid_searchVersionTreeFile.html ver=include.ver curPath=include.curPath targetRelativePath="sidelist-apis.html" -%}
-{%- include liquid_searchVersionTreeFile.html ver=include.ver curPath=include.curPath targetRelativePath="sidelist-release-notes.html" -%}
+{%- include liquid_searchVersionTreeFile.html ver=include.ver curPath=include.curPath targetRelativePath="sidelist-introduction-v2.0.html" -%}
+{%- include liquid_searchVersionTreeFile.html ver=include.ver curPath=include.curPath targetRelativePath="sidelist-gettingstarted-v2.0.html" -%}
+{%- include liquid_searchVersionTreeFile.html ver=include.ver curPath=include.curPath targetRelativePath="sidelist-codegallery-v2.0.html" -%}
+{%- include liquid_searchVersionTreeFile.html ver=include.ver curPath=include.curPath targetRelativePath="sidelist-apis-v2.0.html" -%}
+{%- include liquid_searchVersionTreeFile.html ver=include.ver curPath=include.curPath targetRelativePath="sidelist-release-notes-v2.0.html" -%}
diff --git a/_includes/sidelist-full-tree.html b/_includes/sidelist-full-tree.html
@@ -1,7 +1,5 @@
 {%- include liquid_searchVersionTreeFile.html ver=include.ver curPath=include.curPath targetRelativePath="sidelist-introduction.html" -%}
 {%- include liquid_searchVersionTreeFile.html ver=include.ver curPath=include.curPath targetRelativePath="sidelist-guides.html" -%}
-<!-- {%- include liquid_searchVersionTreeFile.html ver=include.ver curPath=include.curPath targetRelativePath="sidelist-gettingstarted.html" -%} -->
-<!-- {%- include liquid_searchVersionTreeFile.html ver=include.ver curPath=include.curPath targetRelativePath="sidelist-codegallery.html" -%} -->
+{%- include liquid_searchVersionTreeFile.html ver=include.ver curPath=include.curPath targetRelativePath="sidelist-code-gallery.html" -%}
 {%- include liquid_searchVersionTreeFile.html ver=include.ver curPath=include.curPath targetRelativePath="sidelist-api.html" -%}
-<!-- {%- include liquid_searchVersionTreeFile.html ver=include.ver curPath=include.curPath targetRelativePath="sidelist-apis.html" -%} -->
 {%- include liquid_searchVersionTreeFile.html ver=include.ver curPath=include.curPath targetRelativePath="sidelist-release-notes.html" -%}
diff --git a/code-gallery/frameworks.md b/code-gallery/frameworks.md
@@ -0,0 +1,26 @@
+---
+layout: default-layout
+# needAutoGenerateSidebar: true
+# needGenerateH3Content: true
+# noTitleIndex: false
+title: Mobile Web Capture - Frameworks
+keywords: Documentation, Mobile Web Capture, frameworks, web frameworks, angular, vue, react
+breadcrumbText: Frameworks
+description: Mobile Web Capture Framework Samples
+permalink: /code-gallery/frameworks.html
+---
+
+# Frameworks
+
+Dynamsoft provides samples that show how to integrate Dynamsoft Document Scanner and Mobile Web Capture in various frameworks. We recommend using our samples as references when building web applications with DDS and MWC with frameworks.
+
+> [!NOTE]
+> Please [contact us](https://www.dynamsoft.com/company/contact/) for any inquiries about currently unsupported frameworks.
+
+## Web Framework Samples
+
+We host samples with Hello World implementations of DDS and MWC on GitHub, in the same repository as the source code for the SDKs. Follow the README contained in the directory of each sample for instructions to build and serve the sample:
+
+### Mobile Web Capture
+
+- [Angular](https://github.com/Dynamsoft/mobile-web-capture/tree/master/samples/frameworks/angular)
diff --git a/index.md b/index.md
@@ -12,6 +12,8 @@ description: Mobile Web Capture Documentation Homepage
   - [Scan Single-Page Documents]({{ site.guides }}document-scanner.html)
   - [Scan Multi-Page Documents]({{ site.guides }}mobile-web-capture.html)
   - [Customize UI And Workflow]({{ site.guides }}mobile-web-capture-customization.html)
+- Code Gallery
+  - [Frameworks]({{ site.code-gallery }}frameworks.html)
 - [API References]({{ site.api }}index.html)
   - [Document Scanner]({{ site.api }}document-scanner.html)
   - [Mobile Web Capture]({{ site.api }}mobile-web-capture.html)

diff --git a/introduction/index.md b/introduction/index.md
@@ -12,7 +12,7 @@ permalink: /introduction/index.html
 
 # Introduction
 
-When digitizing physical documents—whether for easier storage, better accessibility, or streamlined processing — a hardware scanner is often the preferred choice. For integrating this functionality into web applications, **Dynamsoft’s** [Dynamic Web TWAIN](https://www.dynamsoft.com/web-twain/docs/introduction/index.html) is a widely popular option.
+When digitizing physical documents — whether for easier storage, better accessibility, or streamlined processing — a hardware scanner is often the preferred choice. For integrating this functionality into web applications, **Dynamsoft’s** [Dynamic Web TWAIN](https://www.dynamsoft.com/web-twain/docs/introduction/index.html) is a widely popular option.
 
 However, when hardware scanners are not feasible or convenient, mobile device cameras can serve as effective alternatives. **Mobile Web Capture (MWC)** is a document scanning SDK specifically designed to address this need.