Composants prêts à l'emploi pour vos projets — zéro framework requis
Seize de ces composants sont des classes JavaScript autonomes qui encapsulent leur propre CSS, sans aucune dépendance externe. ac_pdf fait exception : c'est une classe PHP qui encapsule FPDF, sa seule dépendance tierce (voir sa documentation pour le détail). Dans tous les cas, aucun framework requis — il suffit d'inclure le fichier, d'instancier la classe, et c'est parti.
Ces 17 outils sont gratuits et libres d'utilisation dans vos projets. Les composants premium (ac_text_to_html, ac_datagrid, ac_datagrid_pro et ac_sidebar) disposent de leurs pages dédiées.
Notifications toast et modales de confirmation. Quatre types disponibles : info, succès, avertissement, erreur. Les toasts apparaissent en haut à droite et disparaissent automatiquement. Les modales bloquent l'interaction et attendent une réponse de l'utilisateur.
Remplace un input numérique par un système de notation visuel. Trois styles disponibles : étoiles, cœurs et smileys. Supporte les demi-valeurs, les tailles et couleurs personnalisables. L'input HTML original est masqué et sa valeur est mise à jour automatiquement.
Remplace un input range par un slider visuel enrichi avec affichage de la valeur, couleurs dégradées ou par segments, et bulle de valeur au survol. L'input HTML original est masqué et synchronisé automatiquement.
Barre de progression animée avec seuils de couleur automatiques, effet shimmer lumineux, et texte positionnable. Idéale pour afficher l'avancement d'un projet, un score, un taux de complétion.
Remplace un input texte par un système de saisie de tags visuels avec autocomplétion optionnelle. Les tags s'ajoutent à la touche Entrée ou au séparateur configuré, et se suppriment au clic. L'input HTML original est masqué et contient la liste sérialisée.
Remplace un input texte par un champ téléphone international avec sélection du pays, indicatif automatique, drapeau emoji et formatage du numéro. L'input HTML original est masqué et contient le numéro complet au format international.
Remplace un input texte par une zone de dessin pour signature manuscrite. Le trait est capturé sur un canvas et converti en base64 (PNG) stocké dans l'input masqué. Possibilité d'effacer, de télécharger la signature et d'afficher une miniature.
Remplace un input texte par un champ spécialisé pour les URLs YouTube et Vimeo. Colle une URL et le composant affiche automatiquement un aperçu intégré de la vidéo. L'input HTML original est masqué et contient l'URL saisie.
Remplace un input file par une zone de dépôt drag & drop avec aperçu des fichiers, validation du type et de la taille, et redimensionnement optionnel des images. L'input HTML original est masqué. Mode formulaire ou envoi AJAX.
Cette démo fonctionne en mode formulaire sans envoi réel — les fichiers sont prévisualisés localement.
Liste de sélection enrichie avec photos, badges et recherche intégrée. Remplace un select classique par un composant visuel qui affiche une image à côté de chaque option. Mode liste déroulante ou sélection multiple.
Remplace un select natif à fort volume d'options (plusieurs milliers de lignes) par une recherche à la demande. Aucun préchargement : la recherche interroge le serveur en AJAX à partir de 2 caractères, avec anti-rebond et jeton de requête pour ignorer les réponses obsolètes. Cousin d'ac_picture_select, pensé pour les listes trop volumineuses pour un affichage à plat.
Graphiques SVG interactifs sans aucune dépendance : barres, courbes et camembert. Animations au chargement, tooltips au survol, export PNG intégré, effet 3D optionnel. Les données se chargent via la méthode setDonnees().
Frise chronologique verticale ou horizontale avec icônes typées, couleurs par catégorie et animation d'apparition au scroll. Idéale pour afficher l'historique d'un projet, un suivi client ou une chronologie d'événements.
Carte interactive basée sur Leaflet (chargé automatiquement). Trois modes : affichage simple, saisie d'adresse avec géocodage, et multi-marqueurs. Le composant charge lui-même Leaflet — aucune inclusion manuelle nécessaire.
Agenda complet avec vues mois, semaine et jour. Création de rendez-vous par clic, glisser-déposer pour déplacer ou redimensionner, palette de couleurs, modale d'édition intégrée. Fonctionne entièrement côté client.
Transforme des blocs HTML existants en onglets accessibles. Le contenu de chaque onglet est entièrement libre — texte, formulaire, tableau, autre composant de la classothèque. Deux réglages indépendants : direction (horizontal ou vertical) et design (souligné, plein ou pilule). Bascule automatique en vertical si l'espace horizontal manque.
ac_onglets transforme n'importe quel bloc HTML en onglet — aucune contrainte de contenu.
Gratuit et libre d'utilisation, comme les 16 autres outils de cette page.
Une question ? contact@artisan-code.fr
ac_onglets transforme n'importe quel bloc HTML en onglet — aucune contrainte de contenu.
Gratuit et libre d'utilisation, comme les 16 autres outils de cette page.
Une question ? contact@artisan-code.fr
ac_onglets transforme n'importe quel bloc HTML en onglet — aucune contrainte de contenu.
Gratuit et libre d'utilisation, comme les 16 autres outils de cette page.
Une question ? contact@artisan-code.fr
Artisan du code, développeur freelance à Cenon (33) — PHP/JS vanilla, zéro framework.
DEFI, INSERT, et la classothèque que vous consultez en ce moment.
La bande d'onglets est ici sous le contenu plutôt qu'au-dessus.
Gratuit et libre d'utilisation, comme les 16 autres outils de cette page.
Une question ? contact@artisan-code.fr
Ici la bande d'onglets est à droite du contenu plutôt qu'à gauche.
DEFI, INSERT, et la classothèque.
Génération de documents PDF côté serveur : attestations, bilans, listes d'émargement. Logo positionnable en en-tête et/ou en pied de page (position et zoom réglables), tableau de données avec saut de page automatique et répétition de l'en-tête de colonnes, texte libre. Encapsule FPDF — un seul fichier de dépendance, zéro Composer.
Des composants de niveau professionnel pour vos projets ambitieux
Grille de données server-side avec édition inline, modales, import CSV, export ODS, sous-grilles, tri, recherche, pagination. Gère 2 000 000 de lignes sans broncher.
DécouvrirÉditeur rich text complet qui remplace un textarea par une barre d'outils WYSIWYG. Gras, italique, listes, liens, images, tableaux — sans aucune dépendance.
DécouvrirComposant JavaScript pur, zéro dépendance, compatible Laravel, Symfony, Node, Django. Datagrid interactif 2 000 000 de lignes, sans backend PHP imposé.
DécouvrirBarre de navigation configurable : menus/sous-menus, filtrage par rôle, 5 positions dont un mode libre magnétique, thème auto-adapté à votre design existant.
Découvrir