https://producthunt.programnotes.cn/en/tags/theme-customization/ Recent content in Theme Customization on Producthunt daily Hugo -- gohugo.io en Mon, 09 Jun 2025 15:31:18 +0800 https://producthunt.programnotes.cn/en/p/art-design-pro/ Mon, 09 Jun 2025 15:31:18 +0800 https://producthunt.programnotes.cn/en/p/art-design-pro/ <img src="https://images.unsplash.com/photo-1696182773863-e5b25e10675d?ixid=M3w0NjAwMjJ8MHwxfHJhbmRvbXx8fHx8fHx8fDE3NDk0NTQxOTl8&ixlib=rb-4.1.0" alt="Featured image of post art-design-pro" /><h1 id="daymychenart-design-pro"><a class="link" href="https://github.com/Daymychen/art-design-pro" target="_blank" rel="noopener" >Daymychen/art-design-pro</a> </h1><p>English | <a class="link" href="./README.zh-CN.md" >简体中文</a></p> <h2 id="about-art-design-pro">About Art Design Pro </h2><p>As a developer, I needed to build admin management systems for multiple projects but found that traditional systems couldn&rsquo;t fully meet the requirements for user experience and visual design. Therefore, I created Art Design Pro, an open-source admin management solution focused on user experience and rapid development. Based on the ElementPlus design specifications, it has been visually optimized to provide a more beautiful and practical front-end interface, helping you easily build high-quality admin systems.</p> <h2 id="demo-images">Demo Images </h2><h3 id="light-theme">Light Theme </h3><p><img src="https://www.qiniu.lingchen.kim/art_design_pro_readme_cover1.png" loading="lazy" alt="Light Theme" ></p> <p><img src="https://www.qiniu.lingchen.kim/art_design_pro_readme_cover2.png" loading="lazy" alt="Light Theme" ></p> <h3 id="dark-theme">Dark Theme </h3><p><img src="https://www.qiniu.lingchen.kim/art_design_pro_readme_cover3.png" loading="lazy" alt="Dark Theme" ></p> <p><img src="https://www.qiniu.lingchen.kim/art_design_pro_readme_cover4.png" loading="lazy" alt="Dark Theme" ></p> <h2 id="features">Features </h2><ul> <li>Uses the latest technology stack</li> <li>Built-in common business component templates</li> <li>Provides multiple theme modes and customizable themes</li> <li>Beautiful UI design, excellent user experience, and attention to detail</li> <li>System fully supports customization, meeting your personalized needs</li> </ul> <h2 id="functionality">Functionality </h2><ul> <li>Rich theme switching</li> <li>Global search</li> <li>Lock screen</li> <li>Multi-tabs</li> <li>Global breadcrumbs</li> <li>Multi-language support</li> <li>Icon library</li> <li>Rich text editor</li> <li>Echarts charts</li> <li>Utils toolkit</li> <li>Network exception handling</li> <li>Route-level authentication</li> <li>Sidebar menu authentication</li> <li>Authentication directives</li> <li>Mobile adaptation</li> <li>Excellent persistent storage solution</li> <li>Local data storage validation</li> <li>Code commit validation and formatting</li> <li>Code commit standardization</li> </ul> <h2 id="compatibility">Compatibility </h2><ul> <li>Supports modern mainstream browsers such as Chrome, Safari, Firefox, etc.</li> </ul> <h2 id="installation-and-running">Installation and Running </h2><div class="highlight"><div class="chroma"> <table class="lntable"><tr><td class="lntd"> <pre tabindex="0" class="chroma"><code><span class="lnt"> 1 </span><span class="lnt"> 2 </span><span class="lnt"> 3 </span><span class="lnt"> 4 </span><span class="lnt"> 5 </span><span class="lnt"> 6 </span><span class="lnt"> 7 </span><span class="lnt"> 8 </span><span class="lnt"> 9 </span><span class="lnt">10 </span><span class="lnt">11 </span></code></pre></td> <td class="lntd"> <pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl"><span class="c1"># Install dependencies</span> </span></span><span class="line"><span class="cl">pnpm install </span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl"><span class="c1"># If pnpm install fails, try using the following command to install dependencies</span> </span></span><span class="line"><span class="cl">pnpm install --ignore-scripts </span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl"><span class="c1"># Start local development environment</span> </span></span><span class="line"><span class="cl">pnpm dev </span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl"><span class="c1"># Build for production</span> </span></span><span class="line"><span class="cl">pnpm build </span></span></code></pre></td></tr></table> </div> </div><h2 id="technical-support">Technical Support </h2><p>QQ Group: <a href="https://qm.qq.com/cgi-bin/qm/qr?k=Gg6yzZLFaNgmRhK0T5Qcjf7-XcAFWWXm&jump_from=webapi&authKey=YpRKVJQyFKYbGTiKw0GJ/YQXnNF+GdXNZC5beQQqnGZTvuLlXoMO7nw5fNXvmVhA">821834289</a> (Click the link to join the group chat)</p> <h2 id="donation">Donation </h2><p>If my project has been helpful to you, donations are welcome! Your support will be used to purchase tools like ChatGPT, Cursor, etc., to improve development efficiency and make the project even better. Thank you for your encouragement and support!</p> <p><img src="https://www.qiniu.lingchen.kim/%E7%BB%84%202%402x%202.png" loading="lazy" alt="Donation QR Code" ></p>