# CssMakieLayout.jl - reactive frontends with Makie

**URL:** <https://discourse.julialang.org/t/cssmakielayout-jl-reactive-frontends-with-makie/101842>\
**Category:** Package Announcements\
**Tags:** plotting, wglmakie\
**Created:** [July 20, 2023, 3:30pm UTC](https://discourse.julialang.org/t/cssmakielayout-jl-reactive-frontends-with-makie/101842 "2023-07-20T15:30:50Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![adrianariton](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/adrianariton/32/48391_2.png) [@adrianariton](https://discourse.julialang.org/u/adrianariton)\
**Post date:** [July 20, 2023, 3:30pm UTC](https://discourse.julialang.org/t/cssmakielayout-jl-reactive-frontends-with-makie/101842/1 "2023-07-20T15:30:50Z")

</div>

**CssMakieLayout.jl**

Makie is great for plotting, and WGLMakie goes one step further by making the plots interactive. However, both of them lack a styling freedom that can make the science simulations and plots more user-friendly, and easier to understand.

This is why I’ve created **CssMakieLayout.jl**.  
**CssMakieLayout** is a library that helps with the development of reactive frontends by making it easier to use typical HTML/CSS tricks to layout multiple figures. It can be used alongside WGLMakie and JSServe.

I am a Julia novice, so any advice would be greatly appreciated. The library is not registered yet, and I am asking for comments about it, and advice on how to improve it.

Check out [the CssMakieLayout Github Repo](https://github.com/QuantumSavory/CssMakieLayout), but in the mean time here are some examples of what you can do with **CssMakieLayout** :

![example1](https://global.discourse-cdn.com/julialang/original/3X/c/1/c132584e2b8fc41491e14c6328e0a23312f68de7.gif)

![example2](https://global.discourse-cdn.com/julialang/original/3X/5/6/56e224cf5ce700245bd412dcdd2464ee1d2a2b27.gif)

---

<div class="post-metadata">

**Author:** ![fatteneder](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/fatteneder/32/33991_2.png) [@fatteneder](https://discourse.julialang.org/u/fatteneder)\
**Post date:** [July 20, 2023, 5:19pm UTC](https://discourse.julialang.org/t/cssmakielayout-jl-reactive-frontends-with-makie/101842/2 "2023-07-20T17:19:09Z")

</div>

This looks awesome! Keep it up!