[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"navigation":3,"url-settings":86,"blog-\u002Fblog\u002Fthe-best-angular-component-library":663,"blog-author-\u002Fblog\u002Fthe-best-angular-component-library":1164,"i-material-symbols:arrow-back-rounded":1176},{"id":4,"extension":5,"footer":6,"header":73,"meta":83,"stem":84,"__hash__":85},"navigation\u002Fdata\u002Fshared\u002Fnavigation.yml","yml",{"brand":7,"columns":13,"legal":63},{"name":8,"tagline":9,"downloadCta":10},"Pieces","The memory layer for modern work.",{"label":11,"href":12},"All downloads","\u002Fdownloads",[14,26,39,51],{"title":15,"links":16},"Product",[17,20,23],{"label":18,"href":19},"Pieces Desktop","\u002F",{"label":21,"href":22},"Pieces Enterprise","\u002Fenterprise",{"label":24,"href":25},"Pieces MCP","\u002Fmcp",{"title":27,"links":28},"Resources",[29,33,36],{"label":30,"href":31,"external":32},"Documentation","url:docs.home",true,{"label":34,"href":35},"Blog","\u002Fblog",{"label":37,"href":38,"external":32},"GitHub","url:github.org",{"title":40,"links":41},"Community",[42,45,48],{"label":43,"href":44,"external":32},"Discord","url:social.discord",{"label":46,"href":47,"external":32},"X \u002F Twitter","url:social.x",{"label":49,"href":50,"external":32},"LinkedIn","url:social.linkedin",{"title":52,"links":53},"Company",[54,57,60],{"label":55,"href":56},"About","\u002Fabout",{"label":58,"href":59},"Updates","\u002Fupdates",{"label":61,"href":62},"Contact","\u002Fcontact",[64,67,70],{"label":65,"href":66},"Privacy Policy","\u002Flegal\u002Fprivacy",{"label":68,"href":69},"Refund Policy","\u002Flegal\u002Frefund",{"label":71,"href":72},"Terms of Service","\u002Flegal\u002Fterms",{"links":74,"signIn":75,"contact":78,"cta":80},[],{"label":76,"href":77},"Sign in","url:portal.home",{"label":79,"href":62},"Get in touch",{"label":81,"href":82},"Download","url:routes.downloads",{},"data\u002Fshared\u002Fnavigation","VdirGIa8cUm6xLprbBeTKcw914JfyJjWfF-9hSVOX5Y",{"id":87,"extension":5,"links":88,"meta":660,"stem":661,"__hash__":662},"urlSettings\u002Fdata\u002Fshared\u002Furls.yml",[89,93,97,101,105,109,113,117,121,125,129,133,137,141,145,149,153,157,161,165,169,173,177,181,185,189,192,196,200,204,208,212,216,220,224,228,232,236,240,244,248,252,256,260,264,268,272,276,280,284,288,292,295,299,303,306,310,314,318,322,326,330,334,338,342,346,350,354,358,362,366,370,374,378,382,386,390,394,398,402,406,410,414,418,422,426,430,434,438,442,446,450,453,457,461,465,469,473,477,480,483,486,489,493,497,500,504,508,512,516,520,524,528,532,536,540,544,548,551,555,559,563,567,571,574,577,580,584,587,591,595,599,603,606,610,614,617,620,623,627,631,635,638,641,644,648,652,656],{"key":90,"label":91,"href":92},"downloads.desktop","Desktop download page","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fdesktop\u002Fdownload",{"key":94,"label":95,"href":96},"downloads.macOS.dmgArm64","macOS DMG Apple Silicon","https:\u002F\u002Fbuilds.pieces.app\u002Fstages\u002Fproduction\u002Fpieces_for_x\u002Fdmg-arm64\u002Fdownload",{"key":98,"label":99,"href":100},"downloads.macOS.dmgIntel","macOS DMG Intel","https:\u002F\u002Fbuilds.pieces.app\u002Fstages\u002Fproduction\u002Fpieces_for_x\u002Fdmg\u002Fdownload",{"key":102,"label":103,"href":104},"downloads.macOS.pkg","macOS PKG","https:\u002F\u002Fbuilds.pieces.app\u002Fstages\u002Fproduction\u002Fmacos_packaging\u002Fpkg\u002Fdownload",{"key":106,"label":107,"href":108},"downloads.macOS.universal","Desktop macOS Universal","https:\u002F\u002Fbuilds.pieces.app\u002Fstages\u002Fproduction\u002Fpieces_for_x\u002Fmacos-universal\u002Fdownload",{"key":110,"label":111,"href":112},"downloads.macOS.pkgArm64","Desktop macOS PKG Apple Silicon","https:\u002F\u002Fbuilds.pieces.app\u002Fstages\u002Fproduction\u002Fmacos_packaging\u002Fpkg-pfd-arm64\u002Fdownload",{"key":114,"label":115,"href":116},"downloads.macOS.pkgIntel","Desktop macOS PKG Intel","https:\u002F\u002Fbuilds.pieces.app\u002Fstages\u002Fproduction\u002Fmacos_packaging\u002Fpkg-pfd\u002Fdownload",{"key":118,"label":119,"href":120},"downloads.windows.appinstaller","Windows App Installer","https:\u002F\u002Fbuilds.pieces.app\u002Fstages\u002Fproduction\u002Fappinstaller\u002Fpieces_for_x.appinstaller",{"key":122,"label":123,"href":124},"downloads.windows.exe","Windows EXE","https:\u002F\u002Fbuilds.pieces.app\u002Fstages\u002Fproduction\u002Fpieces_for_x\u002Fwindows-exe\u002Fdownload",{"key":126,"label":127,"href":128},"downloads.windows.msix","Windows MSIX","https:\u002F\u002Fbuilds.pieces.app\u002Fstages\u002Fproduction\u002Fpieces_for_x\u002Fwindows-msix\u002Fdownload",{"key":130,"label":131,"href":132},"downloads.windows.suiteManager","Windows Suite Manager","https:\u002F\u002Fbuilds.pieces.app\u002Fstages\u002Fproduction\u002Fpieces_suite_windows\u002Fappinstaller\u002Fdownload",{"key":134,"label":135,"href":136},"downloads.linux.flatpakRepo","Linux Flatpak repository","https:\u002F\u002Fbuilds.pieces.app\u002Fpieces-flatpak-repo\u002Fpieces-flatpak.flatpakrepo",{"key":138,"label":139,"href":140},"downloads.linux.snapDesktop","Linux Snap Desktop","https:\u002F\u002Fsnapcraft.io\u002Fpieces-for-developers",{"key":142,"label":143,"href":144},"downloads.linux.snapPiecesOS","Linux Snap PiecesOS","https:\u002F\u002Fsnapcraft.io\u002Fpieces-os",{"key":146,"label":147,"href":148},"downloads.linux.snap","Desktop Linux Snap package","https:\u002F\u002Fbuilds.pieces.app\u002Fstages\u002Fproduction\u002Fpieces_for_x\u002Fsnap\u002Fdownload",{"key":150,"label":151,"href":152},"downloads.piecesOS.macOS.dmgArm64","PiecesOS macOS DMG Apple Silicon","https:\u002F\u002Fbuilds.pieces.app\u002Fstages\u002Fproduction\u002Fos_server\u002Fdmg-arm64\u002Fdownload",{"key":154,"label":155,"href":156},"downloads.piecesOS.macOS.dmgIntel","PiecesOS macOS DMG Intel","https:\u002F\u002Fbuilds.pieces.app\u002Fstages\u002Fproduction\u002Fos_server\u002Fdmg\u002Fdownload",{"key":158,"label":159,"href":160},"downloads.piecesOS.macOS.universal","PiecesOS macOS Universal","https:\u002F\u002Fbuilds.pieces.app\u002Fstages\u002Fproduction\u002Fos_server\u002Fmacos-universal\u002Fdownload",{"key":162,"label":163,"href":164},"downloads.piecesOS.macOS.pkgArm64","PiecesOS macOS PKG Apple Silicon","https:\u002F\u002Fbuilds.pieces.app\u002Fstages\u002Fproduction\u002Fmacos_packaging\u002Fpkg-pos-launch-only-arm64\u002Fdownload",{"key":166,"label":167,"href":168},"downloads.piecesOS.macOS.pkgIntel","PiecesOS macOS PKG Intel","https:\u002F\u002Fbuilds.pieces.app\u002Fstages\u002Fproduction\u002Fmacos_packaging\u002Fpkg-pos-launch-only\u002Fdownload",{"key":170,"label":171,"href":172},"downloads.piecesOS.windows.appinstaller","PiecesOS Windows App Installer","https:\u002F\u002Fbuilds.pieces.app\u002Fstages\u002Fproduction\u002Fappinstaller\u002Fos_server.appinstaller",{"key":174,"label":175,"href":176},"downloads.piecesOS.windows.exe","PiecesOS Windows EXE","https:\u002F\u002Fbuilds.pieces.app\u002Fstages\u002Fproduction\u002Fos_server\u002Fwindows-exe\u002Fdownload",{"key":178,"label":179,"href":180},"downloads.piecesOS.windows.msix","PiecesOS Windows MSIX","https:\u002F\u002Fbuilds.pieces.app\u002Fstages\u002Fproduction\u002Fos_server\u002Fwindows-msix\u002Fdownload",{"key":182,"label":183,"href":184},"downloads.piecesOS.linux.snap","PiecesOS Linux Snap package","https:\u002F\u002Fbuilds.pieces.app\u002Fstages\u002Fproduction\u002Fos_server\u002Fsnap\u002Fdownload",{"key":186,"label":187,"href":188},"downloads.combined.macOS.appleSilicon","Combined macOS installer Apple Silicon","https:\u002F\u002Fbuilds.pieces.app\u002Fstages\u002Fproduction\u002Fmacos_packaging\u002Fpkg-arm64\u002Fdownload",{"key":190,"label":191,"href":104},"downloads.combined.macOS.intel","Combined macOS installer Intel",{"key":193,"label":194,"href":195},"downloads.guides.macOS","macOS installation guide","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fmeet-pieces\u002Fmacos-installation-guide",{"key":197,"label":198,"href":199},"downloads.guides.windows","Windows installation guide","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fmeet-pieces\u002Fwindows-installation-guide",{"key":201,"label":202,"href":203},"downloads.guides.linux","Linux installation guide","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fmeet-pieces\u002Flinux-installation-guide",{"key":205,"label":206,"href":207},"downloads.guides.piecesOS","PiecesOS manual installation","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fcore-dependencies\u002Fpieces-os\u002Fmanual-installation",{"key":209,"label":210,"href":211},"extensions.chrome","Chrome extension","https:\u002F\u002Fchrome.google.com\u002Fwebstore\u002Fdetail\u002Fpieces-save-code-snippets\u002Figbgibhbfonhmjlechmeefimncpekepm",{"key":213,"label":214,"href":215},"extensions.firefox","Firefox add-on","https:\u002F\u002Faddons.mozilla.org\u002Fen-US\u002Ffirefox\u002Faddon\u002Fpieces-save-code-from-the-web\u002F",{"key":217,"label":218,"href":219},"extensions.edge","Edge add-on","https:\u002F\u002Fmicrosoftedge.microsoft.com\u002Faddons\u002Fdetail\u002Fpieces-save-code-snippet\u002Fhglfimcdgonaeeobjckfdabcldfidmim",{"key":221,"label":222,"href":223},"extensions.vscode","VS Code extension","https:\u002F\u002Fmarketplace.visualstudio.com\u002Fitems?itemName=MeshIntelligentTechnologiesInc.pieces-vscode",{"key":225,"label":226,"href":227},"extensions.visualStudio","Visual Studio extension","https:\u002F\u002Fmarketplace.visualstudio.com\u002Fitems?itemName=MeshIntelligentTechnologiesInc.PiecesVisualStudio",{"key":229,"label":230,"href":231},"extensions.jetbrains","JetBrains plugin","https:\u002F\u002Fplugins.jetbrains.com\u002Fplugin\u002F17328-pieces--save-search-share--reuse-code-snippets",{"key":233,"label":234,"href":235},"extensions.obsidian","Obsidian plugin","https:\u002F\u002Fobsidian.md\u002Fplugins?id=pieces-for-developers",{"key":237,"label":238,"href":239},"extensions.sublime","Sublime package","https:\u002F\u002Fpackagecontrol.io\u002Fpackages\u002FPieces",{"key":241,"label":242,"href":243},"extensions.neovim","Neovim plugin","https:\u002F\u002Fgithub.com\u002Fpieces-app\u002Fplugin_neo_vim",{"key":245,"label":246,"href":247},"extensions.jupyterlab","JupyterLab plugin","https:\u002F\u002Fgithub.com\u002Fpieces-app\u002Fjupyterlab-pieces",{"key":249,"label":250,"href":251},"extensions.cli","Pieces CLI","https:\u002F\u002Fpypi.org\u002Fproject\u002Fpieces-cli\u002F",{"key":253,"label":254,"href":255},"docs.home","Documentation home","https:\u002F\u002Fdocs.pieces.app",{"key":257,"label":258,"href":259},"docs.getStarted","Get started docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fmeet-pieces",{"key":261,"label":262,"href":263},"docs.api","API docs","https:\u002F\u002Fdocs.pieces.app\u002Fapi",{"key":265,"label":266,"href":267},"docs.desktop.overview","Desktop overview","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fdesktop",{"key":269,"label":270,"href":271},"docs.desktop.onboarding","Desktop onboarding","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fdesktop\u002Fonboarding",{"key":273,"label":274,"href":275},"docs.desktop.timeline","Desktop timeline docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fdesktop\u002Ftimeline",{"key":277,"label":278,"href":279},"docs.desktop.summaries","Desktop summaries docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fdesktop\u002Fsingle-click-summaries",{"key":281,"label":282,"href":283},"docs.desktop.search","Desktop conversational search docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fdesktop\u002Fconversational-search",{"key":285,"label":286,"href":287},"docs.desktop.drive","Desktop drive docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fdesktop\u002Fdrive",{"key":289,"label":290,"href":291},"docs.desktop.account","Desktop account settings docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fdesktop\u002Fconfiguration\u002Faccount",{"key":293,"label":294,"href":92},"docs.desktop.download","Desktop download docs",{"key":296,"label":297,"href":298},"docs.piecesOS.overview","PiecesOS overview docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fcore-dependencies",{"key":300,"label":301,"href":302},"docs.piecesOS.details","PiecesOS details docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fcore-dependencies\u002Fpieces-os",{"key":304,"label":305,"href":207},"docs.piecesOS.install","PiecesOS install docs",{"key":307,"label":308,"href":309},"docs.piecesOS.quickMenu","PiecesOS quick menu docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fcore-dependencies\u002Fpieces-os\u002Fquick-menu",{"key":311,"label":312,"href":313},"docs.piecesOS.storage","On-device storage docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fcore-dependencies\u002Fon-device-storage",{"key":315,"label":316,"href":317},"docs.piecesOS.troubleshooting","PiecesOS troubleshooting docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fcore-dependencies\u002Fpieces-os\u002Ftroubleshooting",{"key":319,"label":320,"href":321},"docs.mcp.overview","MCP overview docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fmcp",{"key":323,"label":324,"href":325},"docs.mcp.cursor","MCP Cursor docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fmcp\u002Fcursor",{"key":327,"label":328,"href":329},"docs.mcp.vscode","MCP VS Code docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fmcp\u002Fvs-code",{"key":331,"label":332,"href":333},"docs.mcp.claudeDesktop","MCP Claude Desktop docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fmcp\u002Fclaude-desktop",{"key":335,"label":336,"href":337},"docs.mcp.claudeCode","MCP Claude Code docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fmcp\u002Fclaude-code",{"key":339,"label":340,"href":341},"docs.mcp.claudeCowork","MCP Claude Cowork docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fmcp\u002Fclaude-cowork",{"key":343,"label":344,"href":345},"docs.mcp.githubCopilot","MCP GitHub Copilot docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fmcp\u002Fgithub-copilot",{"key":347,"label":348,"href":349},"docs.mcp.goose","MCP Goose docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fmcp\u002Fgoose",{"key":351,"label":352,"href":353},"docs.mcp.windsurf","MCP Windsurf docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fmcp\u002Fwindsurf",{"key":355,"label":356,"href":357},"docs.mcp.zed","MCP Zed docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fmcp\u002Fzed",{"key":359,"label":360,"href":361},"docs.mcp.jetbrains","MCP JetBrains docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fmcp\u002Fjetbrains-ides",{"key":363,"label":364,"href":365},"docs.mcp.continueDev","MCP Continue docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fmcp\u002Fcontinue-dev",{"key":367,"label":368,"href":369},"docs.mcp.cline","MCP Cline docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fmcp\u002Fcline",{"key":371,"label":372,"href":373},"docs.mcp.raycast","MCP Raycast docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fmcp\u002Fraycast",{"key":375,"label":376,"href":377},"docs.mcp.rovoDevCli","MCP Rovo Dev CLI docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fmcp\u002Frovo-dev-cli",{"key":379,"label":380,"href":381},"docs.mcp.openaiCodexCli","MCP OpenAI Codex CLI docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fmcp\u002Fopenai-codex-cli",{"key":383,"label":384,"href":385},"docs.mcp.googleGeminiCli","MCP Google Gemini CLI docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fmcp\u002Fgoogle-gemini-cli",{"key":387,"label":388,"href":389},"docs.mcp.amazonQ","MCP Amazon Q docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fmcp\u002Famazon-q-developer",{"key":391,"label":392,"href":393},"docs.mcp.chatgptDev","MCP ChatGPT Developer Mode docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fmcp\u002Fchatgpt-developer-mode",{"key":395,"label":396,"href":397},"docs.mcp.openclaw","MCP OpenClaw docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fmcp\u002Fopenclaw",{"key":399,"label":400,"href":401},"docs.mcp.mcpRemote","MCP Remote docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fmcp\u002Fmcp-remote",{"key":403,"label":404,"href":405},"docs.mcp.ngrok","MCP ngrok docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fmcp\u002Fngrok-setup",{"key":407,"label":408,"href":409},"docs.troubleshooting.macOS","macOS troubleshooting docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fmeet-pieces\u002Ftroubleshooting\u002Fmacos",{"key":411,"label":412,"href":413},"docs.troubleshooting.windows","Windows troubleshooting docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fmeet-pieces\u002Ftroubleshooting\u002Fwindows",{"key":415,"label":416,"href":417},"docs.troubleshooting.linux","Linux troubleshooting docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fmeet-pieces\u002Ftroubleshooting\u002Flinux",{"key":419,"label":420,"href":421},"docs.privacy","Privacy and security docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fprivacy-security-your-data",{"key":423,"label":424,"href":425},"docs.support","Support docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fsupport",{"key":427,"label":428,"href":429},"portal.home","Pieces portal","https:\u002F\u002Fportal.pieces.app",{"key":431,"label":432,"href":433},"site.home","Website home","https:\u002F\u002Fpieces.app",{"key":435,"label":436,"href":437},"site.about","About page","https:\u002F\u002Fpieces.app\u002Fabout",{"key":439,"label":440,"href":441},"site.features","Features page","https:\u002F\u002Fpieces.app\u002Ffeatures",{"key":443,"label":444,"href":445},"site.plugins","Plugins page","https:\u002F\u002Fpieces.app\u002Fplugins",{"key":447,"label":448,"href":449},"site.contact","Contact page","https:\u002F\u002Fpieces.app\u002Fcontact",{"key":451,"label":58,"href":452},"site.updates","https:\u002F\u002Fpieces.app\u002Fupdates",{"key":454,"label":455,"href":456},"site.news","News","https:\u002F\u002Fpieces.app\u002Fnews",{"key":458,"label":459,"href":460},"site.events","Community events","https:\u002F\u002Fpieces.app\u002Fcommunity\u002Fevents",{"key":462,"label":463,"href":464},"site.userStories","User stories","https:\u002F\u002Fpieces.app\u002Fuser-stories",{"key":466,"label":467,"href":468},"site.academy","Academy","https:\u002F\u002Fpieces.app\u002Flearn\u002Facademy",{"key":470,"label":471,"href":472},"site.support","Website support","https:\u002F\u002Fpieces.app\u002Fsupport",{"key":474,"label":475,"href":476},"site.standup","Standup","https:\u002F\u002Fpieces.app\u002Fstandup",{"key":478,"label":34,"href":479},"site.blog","https:\u002F\u002Fcode.pieces.app\u002Fblog",{"key":481,"label":43,"href":482},"social.discord","https:\u002F\u002Fdiscord.gg\u002Fgetpieces",{"key":484,"label":46,"href":485},"social.x","https:\u002F\u002Fx.com\u002Fgetpieces",{"key":487,"label":488,"href":485},"social.twitter","Twitter",{"key":490,"label":491,"href":492},"social.instagram","Instagram","https:\u002F\u002Fwww.instagram.com\u002Fgetpieces\u002F",{"key":494,"label":495,"href":496},"social.tiktok","TikTok","https:\u002F\u002Fwww.tiktok.com\u002F@getpieces",{"key":498,"label":49,"href":499},"social.linkedin","https:\u002F\u002Fwww.linkedin.com\u002Fcompany\u002Fgetpieces\u002F",{"key":501,"label":502,"href":503},"social.youtube","YouTube","https:\u002F\u002Fyoutube.com\u002F@getpieces",{"key":505,"label":506,"href":507},"github.org","GitHub organization","https:\u002F\u002Fgithub.com\u002Fpieces-app",{"key":509,"label":510,"href":511},"github.support","GitHub support","https:\u002F\u002Fgithub.com\u002Fpieces-app\u002Fsupport",{"key":513,"label":514,"href":515},"github.issues","GitHub issues","https:\u002F\u002Fgithub.com\u002Fpieces-app\u002Fsupport\u002Fissues",{"key":517,"label":518,"href":519},"github.discussions","GitHub discussions","https:\u002F\u002Fgithub.com\u002Fpieces-app\u002Fsupport\u002Fdiscussions",{"key":521,"label":522,"href":523},"github.documentation","GitHub documentation","https:\u002F\u002Fgithub.com\u002Fpieces-app\u002Fdocumentation",{"key":525,"label":526,"href":527},"github.opensource","GitHub open source","https:\u002F\u002Fgithub.com\u002Fpieces-app\u002Fopensource",{"key":529,"label":530,"href":531},"github.sdks.python","Python SDK","https:\u002F\u002Fgithub.com\u002Fpieces-app\u002Fpieces-os-client-sdk-for-python",{"key":533,"label":534,"href":535},"github.sdks.typescript","TypeScript SDK","https:\u002F\u002Fgithub.com\u002Fpieces-app\u002Fpieces-os-client-sdk-for-typescript",{"key":537,"label":538,"href":539},"github.sdks.dart","Dart SDK","https:\u002F\u002Fgithub.com\u002Fpieces-app\u002Fpieces-os-client-sdk-for-dart",{"key":541,"label":542,"href":543},"github.sdks.kotlin","Kotlin SDK","https:\u002F\u002Fgithub.com\u002Fpieces-app\u002Fpieces-os-client-sdk-for-kotlin",{"key":545,"label":546,"href":547},"github.plugins.obsidian","Obsidian plugin repository","https:\u002F\u002Fgithub.com\u002Fpieces-app\u002Fobsidian-pieces",{"key":549,"label":550,"href":247},"github.plugins.jupyterlab","JupyterLab plugin repository",{"key":552,"label":553,"href":554},"github.plugins.sublime","Sublime plugin repository","https:\u002F\u002Fgithub.com\u002Fpieces-app\u002Fplugin_sublime",{"key":556,"label":557,"href":558},"github.plugins.neovim","Neovim plugin repository","https:\u002F\u002Fgithub.com\u002Fpieces-app\u002Fplugin_neovim",{"key":560,"label":561,"href":562},"github.cliAgent","CLI agent repository","https:\u002F\u002Fgithub.com\u002Fpieces-app\u002Fcli-agent",{"key":564,"label":565,"href":566},"github.mcpDart","MCP Dart repository","https:\u002F\u002Fgithub.com\u002Fpieces-app\u002Fmcp_dart",{"key":568,"label":569,"href":570},"github.awesomePieces","Awesome Pieces repository","https:\u002F\u002Fgithub.com\u002Fpieces-app\u002Fawesome-pieces",{"key":572,"label":573,"href":66},"legal.privacyPolicy","Privacy policy",{"key":575,"label":576,"href":69},"legal.refundPolicy","Refund policy",{"key":578,"label":579,"href":72},"legal.terms","Terms",{"key":581,"label":582,"href":583},"legal.security","Legal security","https:\u002F\u002Fpieces.app\u002Flegal\u002Fsecurity",{"key":585,"label":586,"href":503},"videos.youtubeChannel","YouTube channel",{"key":588,"label":589,"href":590},"videos.gettingStartedDesktop","Getting started desktop video","https:\u002F\u002Fyoutu.be\u002FdUr1lRM_TYk",{"key":592,"label":593,"href":594},"videos.snippetDiscoveryxR","Snippet discovery video","https:\u002F\u002Fyoutu.be\u002FG6vb1USw-30",{"key":596,"label":597,"href":598},"sales.bookACall","Book a sales call","https:\u002F\u002Fcalendar.app.google\u002FWVUDtUfNy5Vst3sH7",{"key":600,"label":601,"href":602},"sales.enterprise","Enterprise form","https:\u002F\u002Fgetpieces.typeform.com\u002Fto\u002FaVQFTvpE",{"key":604,"label":605,"href":519},"sales.feedback","Feedback discussions",{"key":607,"label":608,"href":609},"sales.earlyAccess","Early access form","https:\u002F\u002Fgetpieces.typeform.com\u002Fearlyaccess",{"key":611,"label":612,"href":613},"sales.supportEmail","Support email","mailto:support@pieces.app",{"key":615,"label":616,"href":19},"routes.home","Home route",{"key":618,"label":619,"href":56},"routes.about","About route",{"key":621,"label":622,"href":12},"routes.downloads","Downloads route",{"key":624,"label":625,"href":626},"routes.thanks","Post-install thanks route","\u002Finstall\u002Fthanks",{"key":628,"label":629,"href":630},"routes.pricing","Pricing route","\u002Fpricing",{"key":632,"label":633,"href":634},"cta.freeTrial","Start free trial CTA (Pieces Pro) — used by \u002Fcampaigns\u002F* landing pages","https:\u002F\u002Fcampaigns.pieces.app\u002F",{"key":636,"label":637,"href":22},"routes.enterprise","Enterprise route",{"key":639,"label":640,"href":62},"routes.contact","Contact route",{"key":642,"label":643,"href":59},"routes.updates","Updates route",{"key":645,"label":646,"href":647},"routes.migrationError","Migration error route","\u002Fmigration\u002Ferror",{"key":649,"label":650,"href":651},"routes.authenticated","Post-login authenticated route","\u002Fauth\u002Fsigned-in",{"key":653,"label":654,"href":655},"routes.signed-out","Signed out route","\u002Fauth\u002Fsigned-out",{"key":657,"label":658,"href":659},"routes.authentication-error","Authentication error route","\u002Fauth\u002Ferror",{},"data\u002Fshared\u002Furls","NLkVE1lIUws518K-1QsSB6T-GvlXYIzcRL1HDhqarGQ",{"id":664,"title":665,"author":666,"authorPhoto":667,"authorPhotoAlt":668,"authorSlug":669,"body":670,"buttonText":668,"buttonUrl":668,"category":1150,"date":1151,"description":1152,"draft":1153,"editorsPick":1153,"extension":1154,"featured":1153,"image":1155,"imageAlt":1156,"meta":1157,"navigation":32,"ogImage":668,"ogImageAlt":668,"path":1158,"seo":1159,"stem":1160,"tags":1161,"__hash__":1163},"blog\u002Fblog\u002Fthe-best-angular-component-library.md","Best Angular Component Library for Frontend Web Apps","Godwin Chinda","https:\u002F\u002Fstorage.googleapis.com\u002Fpieces-marketing-website\u002Fimages\u002Fblog\u002Fintroduction-to-html\u002Fauthor.jpeg",null,"godwin-chinda",{"type":671,"value":672,"toc":1136},"minimark",[673,685,690,695,702,710,713,718,737,741,744,750,758,762,776,780,786,789,793,822,825,834,839,842,846,854,862,866,872,880,884,901,904,907,912,921,925,931,934,937,941,970,973,976,981,988,992,1009,1013,1019,1028,1031,1035,1052,1055,1058,1063,1067,1078,1082,1088,1097,1101,1115,1118,1121,1126,1129,1133],[674,675,676,677,684],"p",{},"One of the most well-known frameworks for creating front-end web apps quickly and effectively is Angular. Angular was created by Google and is based on ",[678,679,683],"a",{"href":680,"rel":681},"https:\u002F\u002Fwww.typescriptlang.org\u002F",[682],"nofollow","TypeScript",", a language created and maintained by Microsoft. Developers should be aware of component libraries for Angular so they can make the best choices for their projects. Let’s discuss the best Angular Component Library for building frontend web apps.",[686,687,689],"h2",{"id":688},"the-top-angular-component-libraries","The Top Angular Component Libraries",[691,692,694],"h3",{"id":693},"_1-angular-material","1. Angular Material",[674,696,697],{},[698,699],"img",{"alt":700,"src":701},"angular material design components for angular getting started screen","https:\u002F\u002Fstorage.googleapis.com\u002Fpieces-marketing-website\u002Fimages\u002Fblog\u002Fthe-best-angular-component-library\u002Fimg-001.png",[674,703,704,709],{},[678,705,708],{"href":706,"rel":707},"https:\u002F\u002Fmaterial.angular.io\u002F",[682],"Angular Material"," is Angular’s component library that implements Google's Material Design. It was created based on TypeScript and Angular frameworks. Programmers can employ a variety of its features in web-based applications. This solution comes with tools that let any developer make unique components using popular interfaces and interaction patterns.",[674,711,712],{},"Angular Material is the best Angular UI component library available. It helps to maintain consistency and a smooth user experience across a variety of hardware and operating systems including Windows, Android, MacOS, and Chromium. The components in this collection can be used to create buttons, dialog boxes, bottom sheets, and other elements. The Angular Material Component Library has roughly 40 parts that can be used to develop feature-rich applications and fully customizable themes.",[714,715,717],"h4",{"id":716},"features-of-angular-material","Features of Angular Material",[719,720,721,725,728,731,734],"ul",{},[722,723,724],"li",{},"It has a built-in, responsive design.",[722,726,727],{},"It uses conventional CSS.",[722,729,730],{},"Button, checkbox, and text field usage in the new version of UI Components is done in accordance with Angular Material design principles.",[722,732,733],{},"It offers specialized features, including swiping, side navigation, cards, toolbar, speed dial, and more.",[722,735,736],{},"It is used to construct web components and is cross-platform.",[714,738,740],{"id":739},"installation","Installation",[674,742,743],{},"First, run the command below to create your Angular Material project using the Angular CLI's installation schematic:",[674,745,746],{},[747,748,749],"code",{},"\u002F\u002F Installation for Angular CLIng add @angular\u002Fmaterial",[674,751,752,753,757],{},"After running the above command, follow the necessary prompt. You can also check out the full ",[678,754,739],{"href":755,"rel":756},"https:\u002F\u002Fmaterial.angular.io\u002Fguide\u002Fgetting-started",[682]," guide.",[714,759,761],{"id":760},"issues-with-angular-material","Issues with Angular Material",[719,763,764,767,770,773],{},[722,765,766],{},"It lacks an import component for all components.",[722,768,769],{},"Some components are not sufficiently responsive.",[722,771,772],{},"Adding accessibility to components is not very simple to do.",[722,774,775],{},"ARIA is overused or misused in some components.",[691,777,779],{"id":778},"_2-vaadin","2. Vaadin",[674,781,782],{},[698,783],{"alt":784,"src":785},"vaadin ui components website landing page","https:\u002F\u002Fstorage.googleapis.com\u002Fpieces-marketing-website\u002Fimages\u002Fblog\u002Fthe-best-angular-component-library\u002Fimg-002.png",[674,787,788],{},"Vaadin is an Angular library offers 45+ open-source components. For good user experience, these components are designed for both web and mobile viewing. Vaadin is built on the open W3C web components standard, making it compatible with all current browsers and front-end frameworks. The Vaddin components also include Figma, a top-notch library that makes it simple to build UI prototypes based on Vaadin.",[714,790,792],{"id":791},"features-of-vaadin","Features of Vaadin",[719,794,795,798,801,804,813,816,819],{},[722,796,797],{},"It has responsive designs.",[722,799,800],{},"It is manually examined using widely used assistive technologies.",[722,802,803],{},"It is a solid foundation for personal design systems.",[722,805,806,807,812],{},"It includes the ",[678,808,811],{"href":809,"rel":810},"https:\u002F\u002Fwww.figma.com\u002F@vaadin",[682],"Figma library",", a high-quality library for developing prototypes.",[722,814,815],{},"It handles routing and server-client communication with speed and security.",[722,817,818],{},"There is support for screen readers and keyboard navigation.",[722,820,821],{},"It provides over 45 open-source components.",[714,823,740],{"id":824},"installation-1",[674,826,827,828,833],{},"You can ",[678,829,832],{"href":830,"rel":831},"https:\u002F\u002Fgithub.com\u002Fvaadin\u002Fweb-components",[682],"install"," Vaadin using NPM as follows:",[674,835,836],{},[747,837,838],{},"\u002F\u002F with npmnpm install @vaadin\u002Fvaadin-grid",[674,840,841],{},"Just run the above command, import the components needed, and you’re good to go.",[714,843,845],{"id":844},"issues-with-vaadin","Issues with Vaadin",[719,847,848,851],{},[722,849,850],{},"You might not be able to develop creative websites with Vaadin because it's geared for business.",[722,852,853],{},"Because dynamic JavaScript files might grow in size, a more powerful server could be required.",[674,855,856,857],{},"Learn ",[678,858,861],{"href":859,"rel":860},"https:\u002F\u002Fpieces.app\u002Fblog\u002Feverything-you-need-to-know-to-choose-a-modern-javascript-framework",[682],"everything you need to know to choose a modern JavaScript framework.",[691,863,865],{"id":864},"_3-nebular","3. Nebular",[674,867,868],{},[698,869],{"alt":870,"src":871},"nebular customizable angular ui kit website landing page design","https:\u002F\u002Fstorage.googleapis.com\u002Fpieces-marketing-website\u002Fimages\u002Fblog\u002Fthe-best-angular-component-library\u002Fimg-003.png",[674,873,874,879],{},[678,875,878],{"href":876,"rel":877},"https:\u002F\u002Fakveo.github.io\u002Fnebular\u002F",[682],"Nebular"," is a flexible Angular UI component package that emphasizes the application's design and adaptability. The Angular component library contains four graphic styles and more than 40 UI components, as well as modules for security and authentication. Nebular has no third-party dependencies, so you can use Angular UI components to build responsive and aesthetically pleasing UI quickly and easily.",[714,881,883],{"id":882},"features-of-nebular","Features of Nebular",[719,885,886,889,892,895,898],{},[722,887,888],{},"It has a layer of authentication.",[722,890,891],{},"It has fantastic local support.",[722,893,894],{},"Components have styles that can be changed.",[722,896,897],{},"It uses the Eva design system in implementation.",[722,899,900],{},"The MIT license allows for the free distribution of its source code.",[714,902,740],{"id":903},"installation-2",[674,905,906],{},"Install Nebular with the following code:",[674,908,909],{},[747,910,911],{},"\u002F\u002F Installation for Angular CLIng add @nebular\u002Ftheme",[674,913,914,915,920],{},"To install other dependencies as well as Nebular icons, follow the ",[678,916,919],{"href":917,"rel":918},"https:\u002F\u002Fakveo.github.io\u002Fnebular\u002Fdocs\u002Fguides\u002Finstall-nebular#install-nebular",[682],"full installation guide",".",[691,922,924],{"id":923},"_4-ng-bootstrap","4. NG Bootstrap",[674,926,927],{},[698,928],{"alt":929,"src":930},"NG Bootstrap widget website landing page","https:\u002F\u002Fstorage.googleapis.com\u002Fpieces-marketing-website\u002Fimages\u002Fblog\u002Fthe-best-angular-component-library\u002Fimg-004.png",[674,932,933],{},"Another well-known Angular UI component framework that draws inspiration from Bootstrap is NG Bootstrap. Although NGX Bootstrap and NG Bootstrap share a name, NG Bootstrap is an entirely different project. Only Bootstrap 5 CSS and Angular-specific APIs are used to create NG Bootstrap components.",[674,935,936],{},"NG Bootstrap boasts over 7,900 GitHub ratings and 400,000 NPM downloads per week.",[714,938,940],{"id":939},"features-of-ng-bootstrap","Features of NG Bootstrap",[719,942,943,952,955,958,961,964,967],{},[722,944,945,946,951],{},"Developers can employ Bootstrap ",[678,947,950],{"href":948,"rel":949},"https:\u002F\u002Fpieces.app\u002Fblog\u002Fuser-interface-neumorphism-glassmorphism",[682],"UI elements"," like progress bars, carousels, and modals.",[722,953,954],{},"It has a large neighborhood for support.",[722,956,957],{},"It contains a selection of widgets, including all of the Bootstrap widgets.",[722,959,960],{},"Only a basic understanding of Angular is needed to use NG Bootstrap.",[722,962,963],{},"There are no external dependencies for the Angular component library.",[722,965,966],{},"Components are lightweight and responsive.",[722,968,969],{},"All of the components have been tested as well.",[714,971,740],{"id":972},"installation-3",[674,974,975],{},"You can install NG Bootstrap as follows:",[674,977,978],{},[747,979,980],{},"\u002F\u002F Installation for Angular CLIng add @ng-bootstrap\u002Fng-bootstrap",[674,982,983,984,920],{},"For more components and dependencies:",[678,985,986],{"href":986,"rel":987},"https:\u002F\u002Fng-bootstrap.github.io\u002F#\u002Fgetting-started",[682],[714,989,991],{"id":990},"issues-with-ng-bootstrap","Issues with NG Bootstrap",[719,993,994,1003,1006],{},[722,995,996,997,1002],{},"Working ",[678,998,1001],{"href":999,"rel":1000},"https:\u002F\u002Fpieces.app\u002Fblog\u002Fbootstrap-bulma",[682],"knowledge of Bulma vs Bootstrap"," is needed to use NG-Bootstrap.",[722,1004,1005],{},"Locating a bug in the code can be challenging.",[722,1007,1008],{},"It is not often updated.",[691,1010,1012],{"id":1011},"_5-primeng","5. PrimeNG",[674,1014,1015],{},[698,1016],{"alt":1017,"src":1018},"prime NG website hero","https:\u002F\u002Fstorage.googleapis.com\u002Fpieces-marketing-website\u002Fimages\u002Fblog\u002Fthe-best-angular-component-library\u002Fimg-005.png",[674,1020,1021,1022,1027],{},"A full UI suite for Angular, ",[678,1023,1026],{"href":1024,"rel":1025},"https:\u002F\u002Fprimeng.org\u002F",[682],"PrimeNG"," provides an extensive range of more than 80 UI components that are not only open-source and free to use, but also very simple to implement. With PrimeNG, you can select from a variety of expertly crafted flat and material themes that are highly responsive, touch-optimized, and offer exceptional performance on a variety of mobile devices. This Angular component library is particularly intriguing because it was developed by PrimeTek Informatics, a business that specializes in creating high-quality open-source UI solutions.",[674,1029,1030],{},"The key advantage of PrimeNG over alternative components is that PrimeNG provides a variety of customization choices and enables you to quickly make your work available in the manner you desire. With the highly customizable native Angular CLI application, you can get started immediately.",[714,1032,1034],{"id":1033},"features-of-primeng","Features of PrimeNG",[719,1036,1037,1040,1043,1046,1049],{},[722,1038,1039],{},"It has more than 80 distinct parts.",[722,1041,1042],{},"You can develop your own themes by using a theme designer.",[722,1044,1045],{},"Anyone can easily get started with the expertly crafted, adaptable templates that PrimeNG offers.",[722,1047,1048],{},"It contains 200+ icons and over 280 UI blocks.",[722,1050,1051],{},"It is updated frequently, and any issues can be handled promptly.",[714,1053,740],{"id":1054},"installation-4",[674,1056,1057],{},"Install with the command below:",[674,1059,1060],{},[747,1061,1062],{},"\u002F\u002F with npmnpm i primeng",[714,1064,1066],{"id":1065},"issues-with-primeng","Issues with PrimeNG",[719,1068,1069,1072,1075],{},[722,1070,1071],{},"It exclusively accepts open source contributions for bug fixes, but features are not accepted.",[722,1073,1074],{},"Its documentation is inconsistent.",[722,1076,1077],{},"A few parts are abused or used excessively by rich accessible internet applications.",[691,1079,1081],{"id":1080},"_6-angular-google-maps","6. Angular Google Maps",[674,1083,1084],{},[698,1085],{"alt":1086,"src":1087},"Angular google maps landing page design","https:\u002F\u002Fstorage.googleapis.com\u002Fpieces-marketing-website\u002Fimages\u002Fblog\u002Fthe-best-angular-component-library\u002Fimg-006.png",[674,1089,1090,1091,1096],{},"Angular developers can use ",[678,1092,1095],{"href":1093,"rel":1094},"https:\u002F\u002Fangular-maps.com\u002F",[682],"Google Maps services"," in their Angular apps by using Google Maps’ set of directives and services. Use of Google Maps in Angular was previously challenging due to the library's use of a script tag, which prevented easy access to the type definitions. This resulted in compilation errors. However, using Angular Google Maps directives, it’s simple to create maps, markers, shapes, lines, panes, and so on. Additionally, the Angular component library provides an asynchronous method to check if the Google Maps library has been loaded on a certain web page.",[714,1098,1100],{"id":1099},"features-of-angular-google-maps","Features of Angular Google Maps",[719,1102,1103,1106,1109,1112],{},[722,1104,1105],{},"The Angular component library can show a chosen latitude and longitude.",[722,1107,1108],{},"It allows you to specify a route on Google Maps.",[722,1110,1111],{},"It allows you to add place markers.",[722,1113,1114],{},"It shows the location on a map.",[714,1116,740],{"id":1117},"installation-5",[674,1119,1120],{},"You can install Angular Google Maps simply by doing this:",[674,1122,1123],{},[747,1124,1125],{},"\u002F\u002FWith npmnpm i @angular\u002Fgoogle-maps",[674,1127,1128],{},"N\u002FB: In production, the Angular Google Maps module sometimes fails to render.",[686,1130,1132],{"id":1131},"conclusion","Conclusion",[674,1134,1135],{},"In this article, we covered six distinct Angular component libraries. Each of them has its own special features and can be utilized according to your needs. Hopefully, these descriptions will assist you in selecting the ideal Angular component library for your next project.",{"title":1137,"searchDepth":1138,"depth":1138,"links":1139},"",2,[1140,1149],{"id":688,"depth":1138,"text":689,"children":1141},[1142,1144,1145,1146,1147,1148],{"id":693,"depth":1143,"text":694},3,{"id":778,"depth":1143,"text":779},{"id":864,"depth":1143,"text":865},{"id":923,"depth":1143,"text":924},{"id":1011,"depth":1143,"text":1012},{"id":1080,"depth":1143,"text":1081},{"id":1131,"depth":1138,"text":1132},"Software Development","2022-12-07T00:00:00.000Z","Angular has many component libraries that developers can utilize for their projects. Let’s discuss which Angular Component Library is the best.",false,"md","https:\u002F\u002Fstorage.googleapis.com\u002Fpieces-marketing-website\u002Fimages\u002Fblog\u002Fthe-best-angular-component-library\u002Fhero.jpeg","decorative cover image showing angular material title and logo",{},"\u002Fblog\u002Fthe-best-angular-component-library",{"title":665,"description":1152},"blog\u002Fthe-best-angular-component-library",[1162],"angular; frontend","278dQcy_rA2Fc4pnNSKnwhNt4VkJqSRCxq2fXyavoEc",{"id":1165,"title":666,"body":1166,"description":1137,"draft":1153,"extension":1154,"meta":1170,"navigation":32,"path":1171,"photo":1172,"photoAlt":668,"seo":1173,"stem":1174,"__hash__":1175},"authors\u002Fauthors\u002Fgodwin-chinda.md",{"type":671,"value":1167,"toc":1168},[],{"title":1137,"searchDepth":1138,"depth":1138,"links":1169},[],{},"\u002Fauthors\u002Fgodwin-chinda","https:\u002F\u002Fstorage.googleapis.com\u002Fpieces-marketing-website\u002Fimages\u002Fauthors\u002Fgodwin-chinda.jpg",{"title":666,"description":1137},"authors\u002Fgodwin-chinda","MLGervMSg1a-zbqP0OSIpAqhsP93KGpwZqVnAcbivOM",{"left":1177,"top":1177,"width":1178,"height":1178,"rotate":1177,"vFlip":1153,"hFlip":1153,"body":1179},0,24,"\u003Cpath fill=\"currentColor\" d=\"m7.825 13l4.9 4.9q.3.3.288.7t-.313.7q-.3.275-.7.288t-.7-.288l-6.6-6.6q-.15-.15-.213-.325T4.426 12t.063-.375t.212-.325l6.6-6.6q.275-.275.688-.275t.712.275q.3.3.3.713t-.3.712L7.825 11H19q.425 0 .713.288T20 12t-.288.713T19 13z\"\u002F>"]