structured.artα

About

structured.art is an open platform and marketplace to mint, render, and trade infinitely-nestable web documents directly to and from the Ethereum blockchain as arbitrary JSON data. Applications include creating HTML artwork, memes, data stores, and other digital artifacts. Formally, structures are either a rooted tree or a forest thereof. Structures are purely abstract data by default, lacking any rendered output; however, they can be made concrete by adding text or style information to the nodes of the tree/s.

structured.art allows you to turn any JSON data structure into a piece of generative art with the least technical knowledge possible. This opens generative art to users with diverse backgrounds beyond programming, including UI/UX designers and information architects who might be less code-savvy but still have the knowledge needed to work with JSON or similar formats! Currently you can create text-based HTML art (think of it liketyped.art on steroids!) by using special "style" and "children" attributes instead of having to use HTML directly.

Each DOM node is represented in the JSON data structure by an object. Each node can accept a single "style" attribute and a single "children" attribute. The "style" attribute accepts an object of React-style camelcase CSS attribute value pairs. The "children" attribute accepts an array of other objects representing that node's children in the DOM.

You can find a brief demo video on our YouTube channel:

Structures can be either static (using absolute units such as "px" or "rem") or fluid (using relative units such as "%" or "vw"). Style attributes accept an object of CSS "property: value" pairs with CSS properties written in camel case, e.g. "backgroundColor: yellow". Pseudo-classes and pseudo-elements are currently not supported.

If you have any questions please DM The Galois Connection on Twitter at the link below. Please note that this is a very experimental project currently in its alpha release so use at your own risk.

We're currently still a one-woman operation so donations would be incedibly appreciated! Please send anything you would like to donate to 0x65593b011D6C1726E02Bfa17f1370aa3C5F95bB0.

Team

Under Development

  • Composition and Extension
  • Enhanced Right-Click Save
  • Additional Wallet Support
  • Documentation and Guides
  • Randomized Batch Minting
  • Additional Media Types
  • Render Configurations
  • Library Integrations
  • Auctions and Offers
  • Community Features
  • Official Roadmap
  • Dark/Light Modes
  • HTML Embed Code
  • Desktop Studio
  • Collections
  • And More...