Basic layouts

Elements inline
Content
Content
Content
Fixed width column + remaining width column
Content
Content
Auto width column + remaining width column
Content
Content
Stacked
Content
Content
Content
Stacked and stretched
Content
Content
Content

Algorithmic responsive layouts

Using Arrange and Split components we can build responsive layouts without CSS media queries. Resize to see the effect.


Fixed width column + remaining width column
Column
Content
Nested columns that wrap at different screen sizes
Content
Content
Content
Equal flex columns
Content
Content
Equal flex columns
Content
Content
Content
Content
Content
Content
Equal grid columns
Content
Content
Content
Content
Columns with space between
Content
Content
Inline wrapping elements
Content
Content
Content
Content
Content
Content
Content
Columns with equal height
Grains are seeded randomly, periodically, or whenever the module receives a trigger.
The textures generated by Clouds are extremely thick, partly because of the large number of concurrent grains (up to 60), partly because of a built-in allpass diffuser and reverberator, smearing the shortest transient into a wash of noise - giving the illusion of an even larger number of simultaneous grains.
Clouds is focused on the realtime granularization of incoming audio signals, and their transformation into amorphous textures.

Layout use cases

Icon with text
The textures generated by Clouds are extremely thick, partly because of the large number of concurrent grains (up to 60), partly because of a built-in allpass diffuser and reverberator, smearing the shortest transient into a wash of noise - giving the illusion of an even larger number of simultaneous grains.

The textures generated by Clouds are extremely thick, partly because of the large number of concurrent grains (up to 60), partly because of a built-in allpass diffuser and reverberator, smearing the shortest transient into a wash of noise - giving the illusion of an even larger number of simultaneous grains.
Actions
Full width buttons | responsive
Media element | responsive
IntegrationConnect your engagement insights