Snapmod/index.html at gh-pages · gavinliu/Snapmod · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!doctype html>
<html lang="en-US" dir="ltr" class="plugin-pages plugin-id-default" data-has-hydrated="false">
<head>
<meta charset="UTF-8">
<meta name="generator" content="Docusaurus v3.8.1">
<title data-rh="true">Hello from Snapmod | Snapmod</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:image" content="https://snapmod.gavinliu.cn/img/docusaurus-social-card.jpg"><meta data-rh="true" name="twitter:image" content="https://snapmod.gavinliu.cn/img/docusaurus-social-card.jpg"><meta data-rh="true" property="og:url" content="https://snapmod.gavinliu.cn/"><meta data-rh="true" property="og:locale" content="en_US"><meta data-rh="true" property="og:locale:alternate" content="zh_CN"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docusaurus_tag" content="default"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" name="docsearch:docusaurus_tag" content="default"><meta data-rh="true" property="og:title" content="Hello from Snapmod | Snapmod"><meta data-rh="true" name="description" content="Description will go into a meta tag in &lt;head /&gt;"><meta data-rh="true" property="og:description" content="Description will go into a meta tag in &lt;head /&gt;"><link data-rh="true" rel="icon" href="/img/logo.png"><link data-rh="true" rel="canonical" href="https://snapmod.gavinliu.cn/"><link data-rh="true" rel="alternate" href="https://snapmod.gavinliu.cn/" hreflang="en-US"><link data-rh="true" rel="alternate" href="https://snapmod.gavinliu.cn/zh-CN/" hreflang="zh-CN"><link data-rh="true" rel="alternate" href="https://snapmod.gavinliu.cn/" hreflang="x-default"><script data-rh="true">function insertBanner(){var n=document.createElement("div");n.id="__docusaurus-base-url-issue-banner-container";n.innerHTML='\n<div id="__docusaurus-base-url-issue-banner" style="border: thick solid red; background-color: rgb(255, 230, 179); margin: 20px; padding: 20px; font-size: 20px;">\n   <p style="font-weight: bold; font-size: 30px;">Your Docusaurus site did not load properly.</p>\n   <p>A very common reason is a wrong site <a href="https://docusaurus.io/docs/docusaurus.config.js/#baseUrl" style="font-weight: bold;">baseUrl configuration</a>.</p>\n   <p>Current configured baseUrl = <span style="font-weight: bold; color: red;">/</span>  (default value)</p>\n   <p>We suggest trying baseUrl = <span id="__docusaurus-base-url-issue-banner-suggestion-container" style="font-weight: bold; color: green;"></span></p>\n</div>\n',document.body.prepend(n);var e=document.getElementById("__docusaurus-base-url-issue-banner-suggestion-container"),s=window.location.pathname,o="/"===s.substr(-1)?s:s+"/";e.innerHTML=o}document.addEventListener("DOMContentLoaded",(function(){void 0===window.docusaurus&&insertBanner()}))</script><link rel="stylesheet" href="/assets/css/styles.4d10b0cd.css">
<script src="/assets/js/runtime~main.6df60bfe.js" defer="defer"></script>
<script src="/assets/js/main.4a3ab1ba.js" defer="defer"></script>
</head>
<body class="navigation-with-keyboard">
<svg xmlns="http://www.w3.org/2000/svg" style="display: none;"><defs>
<symbol id="theme-svg-external-link" viewBox="0 0 24 24"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"/></symbol>
</defs></svg>
<script>!function(){var t="light";var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();document.documentElement.setAttribute("data-theme",e||t),document.documentElement.setAttribute("data-theme-choice",e||t)}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><link rel="preload" as="image" href="/img/logo.png"><link rel="preload" as="image" href="img/google-play-badge.svg"><link rel="preload" as="image" href="img/app-store-badge.svg"><link rel="preload" as="image" href="img/render_1749451420742.png"><link rel="preload" as="image" href="img/tnw-logo.svg"><link rel="preload" as="image" href="img/render_1749455127506.png"><link rel="preload" as="image" href="img/render_1749454347432.png"><link rel="preload" as="image" href="img/render_1749454486512.png"><link rel="preload" as="image" href="img/render_1749454819632.png"><link rel="preload" as="image" href="img/render_1749455059269.png"><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="theme-layout-navbar navbar navbar--fixed-top"><div class="navbar__inner"><div class="theme-layout-navbar-left navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.png" alt="Snapmod Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/logo.png" alt="Snapmod Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div><b class="navbar__title text--truncate">Snapmod</b></a><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link">Policies</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/docs/policies/privacy-policy">Privacy Policy</a></li><li><a class="dropdown__link" href="/docs/policies/terms-conditions">Terms &amp; Conditions</a></li></ul></div></div><div class="theme-layout-navbar-right navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_nlXk"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en-US">English</a></li><li><a href="/zh-CN/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh-CN">简体中文</a></li><li class=""><hr style="margin: 0.3rem 0;"></li><li><a href="https://github.com/gavinliu/Snapmod/issues" target="_blank" rel="noopener noreferrer" class="dropdown__link">Help us translate<svg width="12" height="12" aria-hidden="true" class="iconExternalLink_nPIU"><use href="#theme-svg-external-link"></use></svg></a></li></ul></div><a href="https://github.com/gavinliu/Snapmod" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link header-github-link"></a><div class="navbarSearchContainer_Bca1"></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="theme-layout-main main-wrapper mainWrapper_z2l0"><main><header class="masthead_Okx5"><div class="container"><div class="row align-items-center"><div class="col col--6"><div class="heroContent_R8N9"><h1 class="heroTitle_eUPs">Snapmod - Screenshot Mockups</h1><p class="heroSubtitle_SOWS">Better screenshot mockup tools, easily add screenshots into device bezels. You can use it to share your screenshots, wallpapers or app mockups.</p><div class="appBadges_ejaC"><a href="https://play.google.com/store/apps/details?id=cn.gavinliu.snapmod" target="_blank" class="badgeLink_wtoW"><img class="appBadge_T4cJ" src="img/google-play-badge.svg" alt="Get it on Google Play"></a><a href="https://apps.apple.com/us/app/snapmod/id6746100828" target="_blank" class="badgeLink_wtoW"><img class="appBadge_T4cJ" src="img/app-store-badge.svg" alt="Download on the App Store"></a></div></div></div><div class="col col--6"><div class="deviceMockup_djfa"><div class="deviceWrapper_iaon"><img src="img/render_1749451420742.png" alt="App Screenshot"></div></div></div></div></div></header><section class="testimonial_nC1v"><div class="container"><div class="row justify-content-center"><div class="col col--12 text--center"><h2 class="testimonialText_DMub">&quot;<!-- -->An intuitive solution to a common problem that we all face, wrapped up in a single app!<!-- -->&quot;</h2><img src="img/tnw-logo.svg" alt="TNW Logo" class="testimonialLogo_w6DW"></div></div></div></section><section class="features_xUHE"><div class="container"><div class="row align-items-center"><div class="col col--4"><div class="featuresDevice_wUBZ"><div class="deviceWrapper_g4DF"><div class="stackedImages_FZXN"><img src="img/render_1749455127506.png" alt="App Screenshot 1" class="stackedImage_o5IF"><img src="img/render_1749454347432.png" alt="App Screenshot 2" class="stackedImage_o5IF"><img src="img/render_1749454486512.png" alt="App Screenshot 3" class="stackedImage_o5IF"><img src="img/render_1749454819632.png" alt="App Screenshot 4" class="stackedImage_o5IF"><img src="img/render_1749455059269.png" alt="App Screenshot 5" class="stackedImage_o5IF"></div></div></div></div><div class="col col--8"><div class="row"><div class="col col--6 margin-bottom--lg"><div class="text--center"><div class="featureIcon_gEgt">📱</div><h3 class="featureTitle_wEiN">Device Compatibility</h3><p class="featureDescription_TC_6">From iOS to Android, compatible with mainstream models, making your screenshots perfect on any device!</p></div></div><div class="col col--6 margin-bottom--lg"><div class="text--center"><div class="featureIcon_gEgt">✨</div><h3 class="featureTitle_wEiN">Minimal Design</h3><p class="featureDescription_TC_6">Powered by Material Design 3, every pixel is carefully crafted, so stunning you can&#x27;t help but look twice!</p></div></div><div class="col col--6 margin-bottom--lg"><div class="text--center"><div class="featureIcon_gEgt">🎨</div><h3 class="featureTitle_wEiN">Smart Theming</h3><p class="featureDescription_TC_6">AI intelligently recognizes screenshot theme colors, automatically switches to the best theme, creating a unique visual feast!</p></div></div><div class="col col--6 margin-bottom--lg"><div class="text--center"><div class="featureIcon_gEgt">🌈</div><h3 class="featureTitle_wEiN">Magic Background</h3><p class="featureDescription_TC_6">Say goodbye to boring backgrounds! Automatically generates ever-changing blurred backgrounds, instantly turning your screenshots into art!</p></div></div><div class="col col--6 margin-bottom--lg"><div class="text--center"><div class="featureIcon_gEgt">⚡</div><h3 class="featureTitle_wEiN">Lightning Speed</h3><p class="featureDescription_TC_6">Millisecond response, so smooth you&#x27;ll question reality! No more waiting, capture inspiration instantly!</p></div></div><div class="col col--6 margin-bottom--lg"><div class="text--center"><div class="featureIcon_gEgt">🎯</div><h3 class="featureTitle_wEiN">Two-Step Export</h3><p class="featureDescription_TC_6">Revolutionary two-step operation, from screenshot to export in the blink of an eye, so simple even grandma can master it!</p></div></div></div></div></div></div></section><section class="reviews_Soyv"><div class="container"><div class="row"><div class="col col--12 text--center margin-bottom--lg"><h2 class="reviewsTitle_lBi1">What Our Users Say</h2><p class="reviewsSubtitle_Gg6k">Join thousands of satisfied users who have transformed their screenshots</p></div></div><div class="row"><div class="col col--4 margin-bottom--lg"><div class="reviewCard_CIKi"><div class="reviewHeader_pZMo"><div class="reviewAvatar_wtqa">张</div><div class="reviewMeta_L7QQ"><h4 class="reviewName_x3K3">张小明</h4><div class="starRating_Fi8B"><span class="starFilled_zYam">⭐</span><span class="starFilled_zYam">⭐</span><span class="starFilled_zYam">⭐</span><span class="starFilled_zYam">⭐</span><span class="starFilled_zYam">⭐</span></div></div></div><p class="reviewComment_STeA">作为一个设计师，我对这个应用简直爱不释手！Material Design 3 的设计语言真的太棒了，每个像素都经过精心雕琢。特别是智能主题功能，AI 能自动识别我截图的主题色并切换到最佳主题，省去了我手动调整的麻烦。</p></div></div><div class="col col--4 margin-bottom--lg"><div class="reviewCard_CIKi"><div class="reviewHeader_pZMo"><div class="reviewAvatar_wtqa">S</div><div class="reviewMeta_L7QQ"><h4 class="reviewName_x3K3">Sarah Johnson</h4><div class="starRating_Fi8B"><span class="starFilled_zYam">⭐</span><span class="starFilled_zYam">⭐</span><span class="starFilled_zYam">⭐</span><span class="starFilled_zYam">⭐</span><span class="starFilled_zYam">⭐</span></div></div></div><p class="reviewComment_STeA">As a UI/UX designer, I&#x27;m absolutely in love with this app! The Material Design 3 implementation is flawless - every pixel is meticulously crafted. The smart theming feature is a game-changer; the AI automatically detects my screenshot&#x27;s color scheme and applies the perfect theme.</p></div></div><div class="col col--4 margin-bottom--lg"><div class="reviewCard_CIKi"><div class="reviewHeader_pZMo"><div class="reviewAvatar_wtqa">李</div><div class="reviewMeta_L7QQ"><h4 class="reviewName_x3K3">李美丽</h4><div class="starRating_Fi8B"><span class="starFilled_zYam">⭐</span><span class="starFilled_zYam">⭐</span><span class="starFilled_zYam">⭐</span><span class="starFilled_zYam">⭐</span><span class="starFilled_zYam">⭐</span></div></div></div><p class="reviewComment_STeA">真的太方便了！以前用其他应用总是要点来点去好多步骤，现在从截图到导出真的就是眨眼间的事情。而且速度超快，毫秒级响应，完全不用等待。</p></div></div><div class="col col--4 margin-bottom--lg"><div class="reviewCard_CIKi"><div class="reviewHeader_pZMo"><div class="reviewAvatar_wtqa">M</div><div class="reviewMeta_L7QQ"><h4 class="reviewName_x3K3">Mike Chen</h4><div class="starRating_Fi8B"><span class="starFilled_zYam">⭐</span><span class="starFilled_zYam">⭐</span><span class="starFilled_zYam">⭐</span><span class="starFilled_zYam">⭐</span><span class="starFilled_zYam">⭐</span></div></div></div><p class="reviewComment_STeA">The two-step export feature is incredibly convenient! My grandmother could literally use this app - it&#x27;s that simple. Other apps require so many taps and steps, but this one goes from screenshot to export in the blink of an eye.</p></div></div><div class="col col--4 margin-bottom--lg"><div class="reviewCard_CIKi"><div class="reviewHeader_pZMo"><div class="reviewAvatar_wtqa">王</div><div class="reviewMeta_L7QQ"><h4 class="reviewName_x3K3">王程序</h4><div class="starRating_Fi8B"><span class="starFilled_zYam">⭐</span><span class="starFilled_zYam">⭐</span><span class="starFilled_zYam">⭐</span><span class="starFilled_zYam">⭐</span><span class="starFilled_zYam">⭐</span></div></div></div><p class="reviewComment_STeA">兼容性做得非常好！我有 iPhone 16 和 小米 14，两个设备上使用体验都很棒。截图效果都很完美。作为一个技术人员，我很欣赏这种跨平台的一致性体验。</p></div></div><div class="col col--4 margin-bottom--lg"><div class="reviewCard_CIKi"><div class="reviewHeader_pZMo"><div class="reviewAvatar_wtqa">E</div><div class="reviewMeta_L7QQ"><h4 class="reviewName_x3K3">Emma Thompson</h4><div class="starRating_Fi8B"><span class="starFilled_zYam">⭐</span><span class="starFilled_zYam">⭐</span><span class="starFilled_zYam">⭐</span><span class="starFilled_zYam">⭐</span><span class="starFilled_zYam">⭐</span></div></div></div><p class="reviewComment_STeA">The magic background feature is absolutely stunning! No more boring, plain backgrounds. The app automatically generates ever-changing blurred backgrounds that instantly turn my screenshots into works of art.</p></div></div></div></div></section><section class="download_UU0T"><div class="container"><div class="text--center"><h2 class="downloadTitle_i8z0">Get the app now!</h2><div class="downloadBadges_fjLS"><a href="https://play.google.com/store/apps/details?id=cn.gavinliu.snapmod" target="_blank" class="badgeLink_dqKQ"><img class="appBadge_ugb_" src="img/google-play-badge.svg" alt="Get it on Google Play"></a><a href="https://apps.apple.com/us/app/snapmod/id6746100828" target="_blank" class="badgeLink_dqKQ"><img class="appBadge_ugb_" src="img/app-store-badge.svg" alt="Download on the App Store"></a></div></div></div></section></main></div><footer class="theme-layout-footer footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="theme-layout-footer-column col footer__col"><div class="footer__title">Docs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/policies/privacy-policy">Privacy Policy</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/policies/terms-conditions">Terms &amp; Conditions</a></li></ul></div><div class="theme-layout-footer-column col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/gavinliu/Snapmod/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" class="iconExternalLink_nPIU"><use href="#theme-svg-external-link"></use></svg></a></li></ul></div><div class="theme-layout-footer-column col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/gavinliu/Snapmod" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" class="iconExternalLink_nPIU"><use href="#theme-svg-external-link"></use></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2025 Snapmod, Inc.</div></div></div></footer></div>
</body>
</html>