# Hana Interface

> A library that makes it prettier to compose web interfaces, with design primitives and APIs inspired by SwiftUI.

Status: In active development (coming soon).

## Packages

- `@hana-ui/react`: SwiftUI-inspired declarative layout and UI primitives (`VStack`, `HStack`, `ZStack`, `Frame`, `Spacer`, `Text`, `Symbol`).
- `@hana-ui/tokens`: Design system tokens for semantic colors, materials, and typography.

## Example

```tsx
import { VStack, HStack, Text, Symbol, Spacer, Color, background } from "@hana-ui/react";

export function Card() {
  return (
    <VStack spacing={12} modifiers={[background(Color.systemGray6)]}>
      <HStack spacing={8}>
        <Symbol icon="star" />
        <Text variant="headline">Hana Interface</Text>
        <Spacer />
      </HStack>
    </VStack>
  );
}
```