Learn how to create, manage, and switch component states in Lunacy for seamless interactive design. Quick steps, easy workflow, big impact.
Lunacy makes it easy to create, edit, and manage different states of your components. By default, every new component you create in Lunacy starts as the default (main) component. From there, you can add additional states—such as hover or pressed—with just a few clicks. Here’s how it works:
Tip: Lunacy automatically arranges components into categories when you create new states (e.g., Button/Default and Button/Hover). You can edit these categories anytime in the Components tab.
That’s it—your component instance will instantly switch to the new state!
Switching a component state doesn’t affect any existing overrides. For example, if you’ve customized text or colors on a button instance, those overrides remain intact even if you change its state from Default to Hover.
Monochromatic color = one hue, many values. Learn what it is, why it works, examples,…
A blunt look at why “three clicks” isn’t a usability law, what actually drives task…
Your cover may hook them, but the contents page keeps them. Learn how to design…
Because your feed shouldn't look like it was generated by the same three people. (more…)
From bold typography to organic abstracts, explore creative poster layouts with pro tips to adapt…
Everyone's out here saying "don't use Garamond" like it's 2015. Spoiler alert: it's not.
This website uses cookies.