isotope icon indicating copy to clipboard operation
isotope copied to clipboard

UI library that aims to bring simplicity and intuitiveness back to Web Development. 🚀

Isotope Ecosystem

CI Codecov Discord

Isotope is a UI library that aims to bring simplicity and intuitiveness back to Web Development.

import { createDOMView } from "@isotope/core";

const SaySth = (message) => (node) => {
  node
    .span({
      styles: {
        color: "orange",
        fontSize: "4rem",
        fontWeight: "bold",
      },
    })
    .text(message);
};
const view = createDOMView(document.body);

view.$(SaySth("Hello World!"));

This is a monorepo housing all official libraries and tools that belong to the Isotope ecosystem. For more information about each package, consult the following table.

Package Description Website
Core This is the core Isotope UI library that forms the basis for all the other tools in this repo https://areknawo.com/isotope
Server A package that enables Isotope to be used for Server-Side Rendering (SSR) https://areknawo.com/isotope#docs>ssr
Prototope The Prototope utility library for UI CSS-based prototyping with Isotope https://areknawo.com/prototope
Prototope Server A packages that enables Prototope to generate CSS server-side https://areknawo.com/prototope/docs>ssr
Docking Simplistic Markdown-based Static Site Generator (SSG) levraging the Isotope ecosystem https://areknawo.com/docking

Questions?

Have a question or want to chat about Isotope ecosystem? If so, check out the Discord community!

Support Isotope ecosystem

Help make Isotope ecosystem better by contributing code or fixes, or donating:

Buy Me A Coffee