Raccourci clavier : Ctrl + K
Commencer

Une bibliothèque UI conçue
pour les navigateurs modernes.

Vectis UI est une suite de composants Vue 3 ultra-légère pilotée par des tokens CSS natifs. Zéro surcouche, zéro dépendance, zéro compromis.

Installer la bibliothèque

Une architecture alignée sur les standards du Web

Profitez d'une intégration parfaite avec Nuxt et d'une gestion des styles simplifiée par les CSS Layers. Tout est pensé pour vous offrir une personnalisation prévisible, basée sur un code HTML sémantique et accessible.

Zéro dépendance, 100% natif

Conçu sans surcouche ni framework utilitaire pour éviter la « soupe de classes ». Le système conserve un code léger, lisible et performant, sans vous forcer à installer des plugins tiers.

À la pointe du standard Web

Exploite les toutes dernières avancées natives comme l'API Popover et le CSS Anchor Positioning pour des interfaces performantes nécessitant un minimum de JavaScript.

Personnalisation absolue

Adaptez l'ensemble du thème et des composants à votre identité de marque en un instant. Toute la configuration visuelle repose sur la puissance native des Custom Properties (variables CSS).

Surcharges sans friction

Finies les guerres de sélecteurs et l'utilisation abusive de !important. Grâce à l'utilisation des CSS Layers (@layer), l'architecture globale est dotée d'une hiérarchie stricte, rendant la customisation locale d'un composant totalement prévisible.

Prêt pour le SSR & Nuxt

Pensé pour les architectures modernes, l'ensemble des composants est parfaitement compatible avec le rendu côté serveur (SSR), garantissant un SEO optimal et des performances d'affichage immédiates.

Liberté totale sur l'iconographie

Ne soyez plus enfermé dans une bibliothèque graphique imposée. Le système est totalement agnostique et vous permet d'utiliser n'importe quelle police d'icônes, customisée ou existante.

L'accessibilité comme standard, pas comme option.

Vectis UI est nativement inclusif et prêt pour la production. Conçu pour répondre aux exigences du web d'aujourd'hui, le système garantit une conformité stricte tout en ciblant les moteurs de rendu les plus récents.

  • 0

    violation axe

    dans les deux thèmes

  • 4.5:1

    contraste du texte

    le plancher WCAG 2 AA

  • 3:1

    indicateurs de focus

    visibles sur chaque contrôle

  • Chrome134+
  • Edge134+
  • Safari26+
  • Firefox147+

Installez, importez, développez

Ajoutez la dépendance, chargez les styles globaux, et commencez à utiliser les composants de Vectis UI sans paramétrage supplémentaire.

bash
# Ajoutez le paquet à votre projet via votre gestionnaire favori.

pnpm add vectis-ui vue