DEV Community
Follow
17 free, dependency-free JS/PHP components for your next project
This library offers 17 standalone, framework-agnostic components, designed for direct inclusion without npm or bundlers. Each component is a single file encapsulating its own CSS and SVG where needed, simplifying integration. Sixteen are pure JavaScript, while "ac_pdf" is PHP, utilizing FPDF for server-side PDF generation.The collection includes diverse tools like "ac_notif_modale" for notifications, "ac_note_etoiles" for rating widgets, and "ac_slider" for enhanced range sliders. Other notable components are "ac_tags" for tag entry fields, "ac_signature" for signature pads, and "ac_fichier_upload" for drag-and-drop file uploads.For rich data display, there's "ac_graphique" for dependency-free SVG charts, "ac_timeline" for interactive timelines, and "ac_agenda" for a full calendar with various views. Mapping functionality is provided by "ac_carte," which automatically loads Leaflet for interactive maps."Ac_big_select" addresses large dropdowns with AJAX search, while "ac_onglets" transforms HTML into accessible tabs. A unique aspect is the French naming convention for methods and options, reflecting their origin for French-speaking clients.The library emphasizes ease of use, demonstrated by a simple instantiation example for "ac_graphique." Full demos and documentation are available online for all free components.Additionally, premium components like "ac_sidebar" and high-performance datagrids ("ac_datagrid," "ac_datagrid_pro") are offered for more demanding applications. The datagrids, sharing an engine, are tested with millions of rows, showcasing robust performance.