Haiku for Mac is our desktop design environment. Think of it as a design portal to your teams codebase. Use it to author UI components and even iterate on your components after they're integrated with your app or website.
With Timeline, choreograph and orchestrate animations in your designs visually. Sequence and animate elements using the built-in tween and easing curve library.
Add interactivity to your designs with a suite of built-in helpers in Haiku, powered by and extendable by code.
Expressions are simple helpers, similar to spreadsheet formulas, that can bind application logic and user input to your designs.
States are collections of internal data that you can summon using expressions.
It's hard to know where to get started with a new tool, which is why Haiku already integrates with the tools you already love. Import slices and artboards from Sketch, slices and frames from Figma or SVG files.
is Haiku's design-as-code file format and a standards-based renderer for that format on the Web. This is the file format read/written by Haiku for Mac. Out of the box, Haiku works with with vanilla Web codebases, React, and Vue. Haiku Core is open source under the MIT license.
Haiku CLI is the swiss army knife for developers using Haiku. Use it to perform advanced tasks and get the most out of Haiku.
Design once, embed anywhere. Haiku components work with:
All major browsers: Chrome, Firefox, Safari, and Edge.
iOS & Android: Rendering powered by Lottie.
Collaborate across product teams with comments, multi-user collaboration and shared, visual version histories.
Create re-usable components and design systems, and build complex interfaces with our flexible layout engine.