https://github.com/Isotopejs/isotope

UI library that aims to bring simplicity and intuitiveness back to Web Development. 🚀
https://github.com/Isotopejs/isotope

css-in-js isotope javascript library typescript ui user-interface web-development

Last synced: about 2 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/Isotopejs/isotope
• Owner: Isotopejs
• License: mit
• Archived: true
• Created: 2020-04-06T14:46:31.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2020-06-09T09:27:16.000Z (over 4 years ago)
• Last Synced: 2024-05-10T17:02:43.212Z (5 months ago)
• Topics: css-in-js, isotope, javascript, library, typescript, ui, user-interface, web-development
• Language: TypeScript
• Homepage: https://areknawo.com/isotope
• Size: 1.52 MB
• Stars: 50
• Watchers: 4
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

README

        


  



Isotope Ecosystem


[![CI](https://github.com/Isotope-js/isotope/workflows/CI/badge.svg)](https://github.com/Isotope-js/isotope/actions) [![Codecov](https://img.shields.io/codecov/c/github/Isotope-js/isotope)](https://codecov.io/gh/Isotope-js/isotope) [![Discord](https://img.shields.io/discord/707157754766426134)](https://discord.gg/FaFbaSk)

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

```javascript

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](./packages/core)                         | This is the core Isotope UI library that forms the basis for all the other tools in this repo | [https://areknawo.com/isotope](https://areknawo.com/isotope)                       |

| [Server](./packages/server)                     | A package that enables Isotope to be used for Server-Side Rendering (SSR)                     | [https://areknawo.com/isotope#docs>ssr](https://areknawo.com/isotope#docs%3Essr)   |

| [Prototope](./packages/prototope)               | The Prototope utility library for UI CSS-based prototyping with Isotope                       | [https://areknawo.com/prototope](https://areknawo.com/prototope)                   |

| [Prototope Server](./packages/prototope-server) | A packages that enables Prototope to generate CSS server-side                                 | [https://areknawo.com/prototope/docs>ssr](https://areknawo.com/prototope/docs>ssr) |

| [Docking](./packages/docking)                   | Simplistic Markdown-based Static Site Generator (SSG) levraging the Isotope ecosystem         | [https://areknawo.com/docking](https://areknawo.com/docking)                       |

## Questions?

Have a question or want to chat about Isotope ecosystem? If so, check out the [Discord community](https://discord.gg/FaFbaSk)!

## Support Isotope ecosystem

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