Wix Design System
complet Figma bibliothèque de composants d'IU et guidelines pour consistent Wix app conceptions.
Aperçu du Produit
Wix Design System (wixdesignsystem.com) is an official open-source design system from Wix, providing a unified set of UI components, patterns, and guidelines to ensure consistent, accessible, and scalable designs across Wix's ecosystem of apps and tools. It empowers designers and developers to build high-quality user experiences with reusable elements, focusing on modularity and collaboration. The system includes Figma files for prototyping and a comprehensive documentation site for implementation details. Component Library: Over 100 reusable UI components like buttons, forms, navigation, and modals, with variants for states and accessibility. Guidelines: Detailed specs for colors (semantic palette), typography (font scales, hierarchy), icons (custom set with SVGs), spacing, and motion. Figma Integration: Downloadable Figma kit for rapid prototyping and design handoff. Documentation: Interactive guides for usage, best practices, and code snippets in React.
Idéal pour
Guidelines: Detailed specs pour couleurs (semantic palette), typographie (police scales, hierarchy), icônes (custom ensemble avec SVGs), espacement, et motion. Figma intégration: Downloadable Figma kit pour rapid prototypage et concevoir handoff. Documentation: interactif guides pour usage, meilleur practices, et code snippets dans React.
Fonctionnalités Clés
- bibliothèque de composants: Over 100 reusable composants d'IU comme buttons, forms, navigation, et modals, avec variants pour states et accessibilité.
- Guidelines: Detailed specs pour couleurs (semantic palette), typographie (police scales, hierarchy), icônes (custom ensemble avec SVGs), espacement, et motion.
- Figma intégration: Downloadable Figma kit pour rapid prototypage et concevoir handoff.
- Documentation: interactif guides pour usage, meilleur practices, et code snippets dans React.
Avantages
- +Open source
- +Collaboration en temps réel
- +Bibliothèque d'icônes étendue
- +Formats vectoriels extensibles
Inconvénients
- -L'adoption nécessite l'alignement de l'équipe
- -La personnalisation peut être complexe
/// SPÉCIFICATIONS
- Tarif :Free
- Plateforme :Browser
Vuetify
Vuetify est un complet Vue.js framework d'IU ce strictly adheres à material concevoir guidelines, offrant riche ensemble de composants et puissant personnalisation capabilities.
shadcn/ui
shadcn/IU est un unique collection de composable React composants d'IU, offrant copier-et-coller code ce is highly personnalisable et seamlessly intègre avec Tailwind CSS.
Animate UI
Animate IU est un gratuit ouvrir source React bibliothèque de composants avec Tailwind et Framer Motion animations, inspired par shadcn/IU, à effortlessly elevate web interfaces.
AWS Amplify
Figma composants pour construction Amplify-powered apps avec consistent AWS langage de concevoir.
Airtable UI Kit
Figma composants pour en conception Airtable-integrated apps avec consistent IU motifs.
Base Gallery
Figma communauté file showcasing collection de composants d'IU pour concevoir inspiration et prototypage.
Naive UI
Naive IU est un Vue 3 bibliothèque de composants recommended par Evan vous, offrant beau, high-performance, et highly personnalisable composants, entirely written dans TypeScript.
Animalia DS
complet système de concevoir pour consistent composants d'IU et guidelines dans Animali apps.
Element Plus
Element Plus est un bureau IU bibliothèque de composants designed pour Vue 3, offrant riche, élégant enterprise-grade composants à efficiently construire management systems.
Backstage Design System
Figma kit pour Backstage développeur portals avec composants d'IU et guidelines.