# Figures

<style>
  .thumb {
    width: 300px;
    height: 300px;
    border: 1px solid gray;
    margin: 10px;
    float: left;
    list-style-type: none;
    padding: 5px;
  }
</style>

- **cloud** ![](cloud.drawio) {.thumb}
- **components** ![](components.drawio) {.thumb}
- **feedback** ![](feedback.drawio) {.thumb}
- **editors** ![](editors.drawio) {.thumb}
- **lively4** ![](lively4.drawio) {.thumb}
- **research** ![](research.drawio) {.thumb}
- **tools** ![](tools.drawio) {.thumb}

--- {style="clear:both"}


<!--
<script>
import Files from "src/client/files.js"
var md = lively.query(this, "lively-markdown");
Files.generateMarkdownFileListing(md.shadowRoot)
</script> 
-->