Overview:

Fragment.js is a minimalistic tool that allows users to easily load HTML fragments into any element by simply adding a data-fragment attribute. It also supports loading templates with the data-fragment-json attribute and seamlessly integrates with popular JavaScript templating libraries like Mustache, Handlebars, and Underscore.

Features:

Easy Loading: Load HTML fragments into any element with the data-fragment attribute.
Template Loading: Use data-fragment-json attribute to load templates with support for Mustache, Handlebars, and Underscore by default.
Custom Rendering: Override the window.fragment.render function to use a different rendering library.
HTML as JSON: If the element already has innerHTML, data-fragment attribute can be used alongside default rendering libraries to render the content.
Combining Attributes: Combine data-fragment and data-fragment-json attributes to load both HTML fragments and templates.
Media Queries: Load specific fragments based on media queries using the data-fragment-media attribute.
Configurability: Easily override attribute names by changing fragment.html and fragment.json.
JavaScript Interface: Manually evaluate elements or the entire document by setting the manual toggle to true.

Summary:

Fragment.js is a handy tool for loading HTML fragments and templates into web pages. It offers easy-to-use attributes for loading fragments, integrating with popular JavaScript templating libraries, and customizing rendering. With its support for media queries and configurability, fragment.js provides flexibility in loading and rendering content based on specific requirements.

Danielrapp

Fragment.js