/// COMPOSANTS RÉUTILISABLES

Component Library

Composants Vue 3 & Symfony prêts à l'emploi. Awwwards quality, OPQUAST compliant, RGPD/CNIL ready.

♿ A11Y WCAG 2.1🔒 RGPD Ready✨ Awwwards Quality🔞 Adult Content Ready

Composants disponibles

🍪

Cookie Banner RGPD

Vue 3CNIL

Bandeau de consentement cookies conforme CNIL 2024. Granularité des choix, persistance localStorage.

  • ✓ Consentement granulaire (analytics, marketing, fonctionnel)
  • ✓ Refus aussi simple que l'acceptation
  • ✓ Persistance des choix
  • ✓ Accessible clavier + lecteur d'écran
  • ✓ Animation fluide non-bloquante
🔞
18+NEW

Age Gate 18+

Vue 3SymfonyCNIL

Vérification d'âge légale pour contenu adulte. Conforme législation FR, persistance session.

  • ✓ Vérification date de naissance
  • ✓ Persistance session (pas localStorage pour mineurs)
  • ✓ Bloque accès si < 18 ans
  • ✓ Design non-attractif pour mineurs
  • ✓ Logging pour conformité légale
⚠️
18+

Content Warning Modal

Vue 3

Avertissement contenu sensible avec catégorisation (NSFW, violence, etc.). Click-to-reveal.

  • ✓ Catégories de contenu (nudité, violence, langage)
  • ✓ Blur/masquage du contenu
  • ✓ Click-to-reveal avec confirmation
  • ✓ Mémorisation des préférences par session
  • ✓ Design accessible
✍️

Post Composer

Vue 3Symfony

Éditeur de posts type réseau social avec upload media, mentions, tags, et preview.

  • ✓ Textarea auto-resize
  • ✓ Upload images/vidéos avec preview
  • ✓ Mentions @utilisateur
  • ✓ Hashtags #tag
  • ✓ Content warning optionnel
  • ✓ Compteur de caractères
📤

Media Uploader

Vue 3Symfony

Upload de fichiers avec drag & drop, progress bar, validation MIME types, et preview.

  • ✓ Drag & drop zone
  • ✓ Multi-fichiers
  • ✓ Progress bar par fichier
  • ✓ Validation type/taille côté client et serveur
  • ✓ Preview images/vidéos
  • ✓ Chunked upload pour gros fichiers

Éléments vérifiables

Rien de ce qui suit n'est une promesse : ce sont des mesures, produites par des commandes rejouables, et publiées quelle que soit leur valeur.

  • Lighthouse — 98 / 100 / 100 / 100 : performances, accessibilité, bonnes pratiques, référencement. Le verrou du studio est 95.
  • 839 Ko pour une page complète, contre un verrou fixé à 1 024 Ko.
  • 13 pages publiques à 100/100 en accessibilité, mesurées sur le DOM réellement rendu.
  • 6 en-têtes de sécurité sur 6, TLS 1.3, certificat valide.
  • Six épreuves de produits rejouées : 6/6, 9/9, 10/10, écosystème vérifié, gabarit établi, 35 vérifications sans échec.
  • 102 documents internes scellés et vérifiés par empreinte : la traçabilité n'est pas déclarative.

Traitement des données

Les composants présentés ici fonctionnent dans votre navigateur. Cette page n'envoie aucune donnée à un service tiers.

  • Aucun CDN tiers, aucun traceur publicitaire, aucune police chargée à distance.
  • Le formulaire de contact est auto-hébergé en France — sur notre hébergement, pas chez un prestataire étranger.
  • Les modèles d'intelligence artificielle tournent sur notre matériel, en France. Ce qui n'est pas transmis ne peut pas fuiter.

Limites assumées

Ce que cette page ne fait pas, et ce que nous ne faisons pas — dit avant qu'on nous le demande, parce qu'un prestataire qui n'énonce aucune limite n'en a pas moins.

  • Cette bibliothèque montre des composants, elle n'en distribue aucun. Les exemples interactifs sont des démonstrations : aucun n'est un produit vendu en l'état.
  • Vue 3 uniquement. Les composants ne sont fournis pour aucun autre framework, ni comme thème de CMS.
  • Deux familles de police au maximum, dont une seule téléchargée. C'est un verrou de poids, pas une préférence.
  • Le contenu reste lisible sans JavaScript : 25 routes prérendues, une page 404 réelle servie par le serveur.