[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-categories-en-US":3,"categories-en-US":3,"resource-element-plus-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":49,"alternatives-element-plus-en-US":117,"related-resources-element-plus-en-US":184},true,{"id":5,"name":6,"slug":7,"url":8,"date_updated":9,"images_other":10,"tagline":11,"description":12,"seo":13,"features":15,"pros":20,"cons":25,"best_for":28,"cover":29,"icon":30,"pricing":31,"platform":10,"github_url":10,"twitter_url":10,"discord_url":10,"dribbble_url":10,"pricing_tiers":32,"views_count":33,"featured_rank":10,"categories":34,"tags":43,"files":45},265,"Element Plus","element-plus","https:\u002F\u002Felement-plus.org\u002F","2025-11-12T02:54:55.847+00:00",null,"Element Plus is a desktop UI component library designed for Vue 3, offering rich, elegant enterprise-grade components to efficiently build management systems.","Element Plus is a set of desktop UI components tailor-made by the Ele.me front-end team for the Vue 3 ecosystem. It fully leverages the new features of Vue 3, providing components that seamlessly integrate with Vue 3 applications.\nRich Enterprise-Grade UI Components\nThe library offers a very comprehensive and high-quality set of UI components, covering a wide range from basic elements (like buttons, icons, layouts) to complex components (like data tables, forms, date pickers, notifications, modals, tree controls, uploads), sufficient to meet the development needs of enterprise-level backend management systems.\nElement Plus adheres to its unique design language, ensuring all components maintain high consistency in visual style and interactive behavior, providing users with a unified and professional experience.\nElement Plus comes with built-in internationalization support for multiple languages, allowing developers to easily translate applications into different languages to serve a global user base.\nTheme Customization Capability\nThe library provides powerful theme customization capabilities. Users can customize component styles such as colors, fonts, borders, spacing, etc., by modifying SCSS variables, to match their brand or project style.\nAccessibility\nElement Plus emphasizes accessibility design, striving to make components accessible to all users, including those using assistive technologies. Components aim to comply with WAI-ARIA specifications.\nComplete Development Documentation and Examples\nElement Plus boasts very comprehensive and clear official documentation. Each component provides detailed API descriptions, usage examples, and code demos, greatly facilitating developers' learning and use.\nTypeScript Friendly\nElement Plus is entirely written in TypeScript, offering complete type definitions, providing a good development experience and code hints for TypeScript users.",{"title":14,"description":11},"Element Plus - Element Plus is a desktop UI component library designed for Vue 3, offering rich, elegant enterprise-grade components to efficiently build management systems. | DesignToolMark",[16,17,18,19],"Comprehensive component library","Design tokens","Documentation included","Theme customization",[21,22,23,24],"Real-time collaboration","Extensive icon library","Customizable colors and sizes","Wide font selection",[26,27],"Adoption requires team alignment","Customization can be complex","Element Plus boasts very comprehensive and clear official documentation. Each component provides detailed API descriptions, usage examples, and code demos, greatly facilitating developers' learning and use. Element Plus is entirely written in TypeScript, offering complete type definitions, providing a good development experience and code hints for TypeScript users.","0474b1f2-6bdb-4aa5-99ac-f72a69517f6f.webp","197bf6a6-3bfc-427c-93b6-4e67be58d572.svg","free",{"free":3},0,[35,39],{"name":36,"slug":37,"sub_categories":38},"Design Systems","design-systems",[],{"name":40,"slug":41,"sub_categories":42},"Templates & UI Kits","templates-ui-kits",[],[44],{"name":36,"slug":37},[46],{"url":47,"type":48},"https:\u002F\u002Fwww.figma.com\u002Fcommunity\u002Ffile\u002F1021254029764378306","figma",[50,69,85,103],{"id":51,"url":52,"icon":10,"name":53,"slug":54,"tags":55,"cover":65,"tagline":66,"is_featured":67,"date_created":68,"date_updated":10},670,"https:\u002F\u002Fattentioninsight.com","Attention Insight","attention-insight",[56,58,60,62],{"seo":10,"name":10,"slug":57},"wireframe",{"seo":10,"name":10,"slug":59},"user-research",{"seo":10,"name":10,"slug":61},"web-design",{"seo":10,"name":63,"slug":64},"Freemium","freemium","ef36c4d0-cade-4956-a397-b7c4436ad473.webp","AI-powered attention prediction and visual analytics",false,"2026-06-17T09:18:38.384779+00:00",{"id":70,"url":71,"icon":10,"name":72,"slug":73,"tags":74,"cover":82,"tagline":83,"is_featured":67,"date_created":84,"date_updated":10},669,"https:\u002F\u002Fwww.frontitude.com","Frontitude","frontitude",[75,76,77,79,81],{"seo":10,"name":10,"slug":57},{"seo":10,"name":10,"slug":59},{"seo":10,"name":10,"slug":78},"collaboration",{"seo":10,"name":10,"slug":80},"design-handoff",{"seo":10,"name":63,"slug":64},"5237122f-f736-4899-bd25-2002bf09dec2.webp","UX content management platform for multilingual products","2026-06-17T09:18:30.634258+00:00",{"id":86,"url":87,"icon":10,"name":88,"slug":89,"tags":90,"cover":100,"tagline":101,"is_featured":67,"date_created":102,"date_updated":10},668,"https:\u002F\u002Fwww.aura.build","Aura Build","aura-build",[91,92,94,95,97,99],{"seo":10,"name":10,"slug":57},{"seo":10,"name":10,"slug":93},"prototyping",{"seo":10,"name":10,"slug":61},{"seo":10,"name":10,"slug":96},"responsive",{"seo":10,"name":10,"slug":98},"icons",{"seo":10,"name":63,"slug":64},"be6ec3d1-5806-4cf8-bc58-5d536af6c04d.webp","AI-powered website builder and design assistant","2026-06-17T09:18:13.351637+00:00",{"id":104,"url":105,"icon":10,"name":106,"slug":107,"tags":108,"cover":114,"tagline":115,"is_featured":67,"date_created":116,"date_updated":10},667,"https:\u002F\u002Fwww.magicpatterns.com","Magic Patterns","magic-patterns",[109,110,111,112,113],{"seo":10,"name":10,"slug":57},{"seo":10,"name":10,"slug":93},{"seo":10,"name":10,"slug":78},{"seo":10,"name":10,"slug":80},{"seo":10,"name":63,"slug":64},"6d6649e5-e83d-44c6-bdf0-91d6cb530736.webp","AI prototype generator for product teams","2026-06-17T09:18:05.299046+00:00",[118,124,130,136,142,148,154,160,166,172,178],{"url":119,"name":120,"slug":121,"cover":122,"tagline":123},"https:\u002F\u002Fui.nuxt.com\u002F","Nuxt UI","nuxt-ui","f2abda49-a137-4a30-9fc6-73b24f26a1a1.webp","Nuxt UI is an open-source UI component library designed for Nuxt 3 applications, offering beautiful, customizable, and accessible Vue components.",{"url":125,"name":126,"slug":127,"cover":128,"tagline":129},"https:\u002F\u002Fvuetifyjs.com\u002F","Vuetify","vuetify","screenshots\u002Fvuetify.webp","Vuetify is a complete Vue.js UI framework that strictly adheres to Material Design guidelines, offering a rich set of components and powerful customization capabilities.",{"url":131,"name":132,"slug":133,"cover":134,"tagline":135},"https:\u002F\u002Fui.shadcn.com\u002F","shadcn\u002Fui","shadcn-ui","dd0a4029-629e-4e5d-9765-d33af6f31794.webp","shadcn\u002Fui is a unique collection of composable React UI components, offering copy-and-paste code that is highly customizable and seamlessly integrates with Tailwind CSS.",{"url":137,"name":138,"slug":139,"cover":140,"tagline":141},"https:\u002F\u002Fmui.com\u002F","MUI","mui","bed9b944-a96c-4bb2-892d-f818f221f053.webp","MUI is a UI component library specifically designed for React applications. It provides a vast array of ready-to-use React components for building user interfaces, following React's declarative programming paradigm.",{"url":143,"name":144,"slug":145,"cover":146,"tagline":147},"https:\u002F\u002Fanimate-ui.com\u002F","Animate UI","animate-ui","51875bb1-cd07-4d4b-b76c-940dab1c9780.webp","Animate UI is a free open-source React component library with Tailwind and Framer Motion animations, inspired by shadcn\u002Fui, to effortlessly elevate web interfaces.",{"url":149,"name":150,"slug":151,"cover":152,"tagline":153},"https:\u002F\u002Fflowbite.com\u002F","Flowbite Design System","flowbite-design-system","1fc705b7-2a78-4a13-ae72-b6fbf30933be.webp","open-source Tailwind CSS component library with Figma kit for rapid UI building.",{"url":155,"name":156,"slug":157,"cover":158,"tagline":159},"https:\u002F\u002Fant.design\u002F","Ant Design","ant-design","46e77f76-13b9-4032-93fd-30c2bddda508.webp","Ant Design is an enterprise-level UI design language and React component library, providing high-quality UI solutions to help build elegant and efficient enterprise products.",{"url":161,"name":162,"slug":163,"cover":164,"tagline":165},"https:\u002F\u002Fchakra-ui.com\u002F","Chakra UI","chakra-ui","c663e14b-ed3e-4890-a479-b6839b558313.webp","Chakra UI is a simple, modular, and accessible React UI component library, focused on enhancing developer experience and providing highly customizable building blocks.",{"url":167,"name":168,"slug":169,"cover":170,"tagline":171},"https:\u002F\u002Fwww.heroui.com\u002F","Hero UI","hero-ui","795eb9ae-d74c-49bd-8f13-9fb6225f087c.webp","Beautiful, fast and modern React UI library for building accessible and customizable web applications.",{"url":173,"name":174,"slug":175,"cover":176,"tagline":177},"https:\u002F\u002Fwww.naiveui.com\u002F","Naive UI","naive-ui","c0549a7c-6a36-442d-bc7c-986f1829b43e.webp","Naive UI is a Vue 3 component library recommended by Evan You, offering beautiful, high-performance, and highly customizable components, entirely written in TypeScript.",{"url":179,"name":180,"slug":181,"cover":182,"tagline":183},"https:\u002F\u002Fwww.wixdesignsystem.com\u002F","Wix Design System","wix-design-system","1d3e413c-f60a-4a67-9e60-f2c2fbb3e383.webp","comprehensive Figma library of UI components and guidelines for consistent Wix app designs.",[185,199,211],{"url":186,"icon":10,"name":187,"slug":188,"tags":189,"cover":196,"tagline":197,"is_featured":10,"date_created":198,"date_updated":10},"https:\u002F\u002Fzeroheight.com","Zeroheight","zeroheight",[190,191,192,193,194],{"seo":10,"name":10,"slug":37},{"seo":10,"name":10,"slug":78},{"seo":10,"name":10,"slug":93},{"seo":10,"name":10,"slug":80},{"seo":10,"name":10,"slug":195},"figma-file","8f4828c0-3236-44df-9cce-4b74ad2700f7.webp","Living design system documentation — connect Figma to code with interactive docs","2026-06-16T07:16:42.647437+00:00",{"url":200,"icon":10,"name":201,"slug":202,"tags":203,"cover":208,"tagline":209,"is_featured":10,"date_created":210,"date_updated":10},"https:\u002F\u002Fspecifyapp.com","Specify","specify",[204,205,207],{"seo":10,"name":10,"slug":78},{"seo":10,"name":10,"slug":206},"version-control",{"seo":10,"name":10,"slug":80},"ac2bb029-95df-4617-97ca-6051f5dccfc1.webp","Design token platform that pushes your design decisions to code — automatically","2026-06-16T07:14:19.135613+00:00",{"url":125,"icon":212,"name":126,"slug":127,"tags":213,"cover":128,"tagline":129,"is_featured":10,"date_created":215,"date_updated":216},"bd46950f-9a47-4d81-95da-ed6467288051.svg",[214],{"seo":10,"name":10,"slug":37},"2025-10-15T08:20:56.561+00:00","2026-06-12T06:51:44.386368+00:00"]