Dilag

AI-powered design studio for mobile and web. Describe your app in natural language and generate production-ready screens in real time.

Overview

Dilag is a desktop application that turns ideas into polished mobile and web designs. Describe what you want and iterate through chat with AI.

Project Structure

dilag/
├── apps/
│   ├── desktop/          # Electron desktop app (React + Electron main/preload)
│   └── web/              # Next.js marketing site
├── packages/
│   └── ui/               # Shared UI components
├── turbo.json            # Turborepo config
└── package.json          # Bun workspaces

Package	Description
apps/desktop	Main desktop application
apps/web	Public marketing website
packages/ui	Shared UI primitives/components

Quick Start

Prerequisites

• Bun 1.2+

Install

git clone https://github.com/noelrohi/dilag.git
cd dilag
bun install

Run

# Desktop app
bun run dev:desktop

# Web app
bun run dev:web

# All apps
bun run dev

Build & Test

bun run build
bun run test
bun run lint

Desktop Tech Stack

• Electron main/preload host
• React 19 + TypeScript
• Vite + Tailwind CSS
• shadcn/ui components
• Zustand + React Query
• TanStack Router
• Pi embedded coding-agent runtime

Web Tech Stack

• Next.js 16 (App Router)
• React 19
• Tailwind CSS 4

Documentation

• Documentation index
• Desktop Architecture
• Platform Guide
• Development Guide
• Changelog

Contributing

Contributions are welcome via pull request.

License

MIT

Acknowledgments

• Electron – Desktop runtime
• Pi – Embedded coding agent runtime
• shadcn/ui – Component library