Web Components Library

You are viewing the sample front-end components library created by Webmarks Design & Marketing Ltd for use on website projects.

It is powered by Fractal, a tool that enables the rapid development of components, templates and pages.

You can browse the component library using the navigation on the left.


Component statuses

Components and their variants have been given statuses reflecting their state of completion. The available statuses are listed below.

Label Description

Do not implement. Draft / experimental stage.

Work in progress. Implement with caution.

Ready to implement.

How to run locally

Start up the development server:

fractal start --sync

Web technologies used

Tailwind CSS

With Tailwind’s utility classes, you’re writing custom CSS without the CSS. Build your own customized designs with the ease of Bootstrap and the flexibility of handwritten CSS.

Alpine.js

Alpine.js is a tiny, declarative JavaScript framework that allows you to create simple interactive components on the page.

HTML5

HTML5 is the latest evolution of the standard that defines HTML. The term represents two different concepts. It is a new version of the language HTML, with new elements, attributes, and behaviors, and a larger set of technologies that allows the building of more diverse and powerful Web sites and applications.

Javascript

JavaScript (or “JS”) is a programming language used most often for dynamic client-side scripts on webpages, but it is also often used on the server-side, using a runtime such as Node.js.

Other Third Party Libraries

Some components may use third party libraries, generally added as npm packages. The components will include information and links to GitHub pages in the component’s Notes tab.

  • Isotope by Metafizzy - Commercial Developer License purchased for v2 in 2014 and v3 in 2021 (single developer)