East UI

UI component library for the East language

East UI provides typed UI component definitions for the East language. Components return data structures describing UI layouts rather than rendering directly, enabling portability across different rendering environments.

Packages

Package	Description	npm
@elaraai/east-ui	Core UI component definitions
@elaraai/east-ui-components	React rendering with Chakra UI
east-ui-preview	VSCode extension for live preview	Marketplace

Features

• Layout - Box, Stack, Grid, Splitter, Separator
• Typography - Text, Code, Heading, Link, Highlight, Mark, List, CodeBlock
• Buttons - Button, IconButton with variants
• Forms - Input, Select, Checkbox, Switch, Slider, Textarea, TagsInput, FileUpload
• Collections - Table, DataList, TreeView
• Charts - Area, Bar, Line, Pie, Radar, Scatter, Sparkline, BarList, BarSegment
• Display - Badge, Tag, Avatar, Stat, Icon
• Feedback - Alert, Progress
• Disclosure - Accordion, Tabs, Carousel
• Overlays - Dialog, Drawer, Popover, Tooltip, Menu, HoverCard, ToggleTip, ActionBar

Quick Start

npm install @elaraai/east-ui @elaraai/east

import { East } from "@elaraai/east";
import { Stack, Text, Button, UIComponentType } from "@elaraai/east-ui";

const MyComponent = East.function([], UIComponentType, () => {
    return Stack.Root([
        Text.Root("Hello, World!", { fontSize: "xl", fontWeight: "bold" }),
        Button.Root("Click Me", { variant: "solid", colorPalette: "blue" }),
    ], { gap: "4" });
});

Development

# Install dependencies
npm install

# Build all packages
npm run build

# Run tests
npm test

# Run linter
npm run lint

License

Dual-licensed:

• Open Source: AGPL-3.0 - Free for open source use
• Commercial: Available for proprietary use - contact support@elara.ai

Links

• Live Showcase: https://elaraai.github.io/east-ui/
• Website: https://elaraai.com/
• East Repository: https://github.com/elaraai/East
• Issues: https://github.com/elaraai/east-ui/issues
• Email: support@elara.ai

---

Developed by Elara AI Pty Ltd - Powering the computational layer of AI-driven business optimization.