YiBox Help

Getting started

• Open a workspace such as Color, Motion, Material, Layout, or Mix.
• Choose a module and use randomize or direct controls to find a direction.
• Save useful Mix presets when a combination feels reusable.
• Export PNG previews or code studies when you want to carry an idea into another project.

Workspaces and modules

• Color includes palette universes, image sonification, and particle flow fields.
• Motion includes jelly feedback, glass breakage, and elastic cursor tubes.
• Material includes cloth, liquid glass, and neon noise studies.
• Layout includes force typography, letter fields, beams, workflow boxes, hypercubes, and sound-guided birds.
• Mix lets you combine Base, Layer, and Interaction modules into reusable presets.

Exporting code and previews

• Use code export for SwiftUI, UIKit, Kotlin Compose, Android Java, or Web Canvas studies.
• Use PNG export when you need a quick visual reference for a design note, App Store preview, or prototype mood board.
• Generated code is intended as a starting point. Review, simplify, and adapt it before shipping in production.

Image sonification

When you import an image, YiBox creates a local visual interpretation for exploration. Imported images are not uploaded by the app for processing.

Troubleshooting

• If animation feels too intense, lower energy, density, speed, or glass feel.
• If an export filename is hard to find, look for files beginning with YiBox.
• If code export does not compile after heavy editing, export a fresh sample and compare changes.