ComponLand Logo Pixy

ComponLand

Une bibliothèque de composants, prête à copier

ComponLand rassemble des morceaux d’interface (boutons, cartes, champs, navigation…) avec aperçu live et code HTML, CSS, parfois JS. Le code exposé ici est sous licence MIT. Le reste du site, non.

Parcourir

Un seul menu : la barre latérale. Elle contient les liens du site, la recherche, le filtre, et la liste. Sur téléphone, l’icône menu en haut à gauche l’ouvre. Sur ordinateur, elle reste visible.

Copier

Onglets HTML / CSS / JS, bouton copier (presse-papiers), ou téléchargement d’un fichier unique pour une génération IA.

Partager

Chaque composant a une adresse. Le bouton partager ouvre le menu de partage du système avec le lien. Coller ce lien ouvre directement ce composant.

Ouvrir ComponLand

Sauvegardes sur votre appareil

ComponLand peut mémoriser vos favoris et la dernière génération IA dans le navigateur (localStorage). Rien n’est envoyé au serveur de Pixy.

Ces données restent uniquement sur votre appareil. Vider le cache, changer de navigateur ou réinitialiser l’appareil peut les effacer.

Pixy n’est pas responsable de la perte de favoris ou de générations sauvegardées localement. Téléchargez ou copiez le code important.

Mode d'emploi

1. Choisir un composant

Cliquez une carte dans la liste. L’aperçu et le code se chargent. La recherche et le filtre réduisent la liste. « IA » ne montre que les pièces marquées comme générées.

2. Lire le code

Sur grand écran, aperçu et code sont empilés. Sur petit écran, les onglets Aperçu / Code basculent l’affichage. En mode semi-plié, l’aperçu et le prompt sont en haut, la liste et le code en bas. Copiez l’onglet actif, puis collez-le dans votre projet.

3. Partager un composant

Le bouton partager ouvre le menu de partage du système avec un lien du type …/componland/#identifiant. Si le menu n’est pas disponible, le lien est copié. L’adresse se met aussi à jour toute seule quand vous changez de carte. Un lien avec ?c=identifiant fonctionne aussi.

4. Ouvrir un lien reçu

Ouvrez le lien dans un navigateur, via un serveur local (pas en fichier file://). ComponLand sélectionne le composant, même s’il n’est pas sur la première page de la liste.

Studio IA

Le bouton IA de la barre latérale ouvre un prompt. Choisissez un style visuel (Noxi, Modern, Pixy, etc.) pour guider la génération à partir des composants existants de la galerie. Décrivez le composant, envoyez, puis copiez ou téléchargez le HTML. Ctrl/Cmd + Entrée envoie aussi. 1 crédit, quota partagé 15 / 5 h.

Favoris et dernière génération

L’étoile sur un composant l’ajoute aux favoris (filtre « Favoris »). La dernière génération IA est rechargée automatiquement à la réouverture du studio IA. Voir Sauvegardes sur votre appareil.

Galerie

« Suggestion pour la galerie » envoie le prompt et le code pour une éventuelle intégration. Ce n’est pas une publication automatique.

Fonctionnalités

Bibliothèque

Index JSON, catégories, tags, badge IA, pagination, recherche incrémentale, aperçu isolé avec CSS et scripts du composant.

Liens de navigation

Hash #id dans l’URL, historique du navigateur (retour / suivant), paramètre ?c=id, bouton Partager, et partage natif du téléphone quand il est disponible.

Code

Onglets par langage, copie avec confirmation, JS masqué s’il n’y a pas de script. Les composants de la galerie sont sous MIT.

IA optionnelle

Génération HTML/CSS/JS, annulation, téléchargement, suggestion galerie. Masquée si l’IA est désactivée dans Paramètres. Le mode basse performance, dans les mêmes réglages, allège l’outil sur une machine limitée.

Retour à la bibliothèque Lire la licence