[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-95897":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":9,"totalLinesOfCode":9,"stars":12,"forks":13,"watchers":14,"openIssues":14,"contributorsCount":9,"subscribersCount":14,"size":14,"stars1d":14,"stars7d":14,"stars30d":14,"stars90d":14,"forks30d":14,"starsTrendScore":14,"compositeScore":15,"rankGlobal":9,"rankLanguage":9,"license":9,"archived":16,"fork":16,"defaultBranch":17,"hasWiki":16,"hasPages":16,"topics":18,"createdAt":9,"pushedAt":9,"updatedAt":23,"readmeContent":24,"aiSummary":25,"trendingCount":14,"starSnapshotCount":14,"syncStatus":26,"lastSyncTime":9,"discoverSource":27},95897,"gpui-kit","longbridge\u002Fgpui-kit","longbridge","Rust GUI components for building fantastic cross-platform desktop application by using GPUI.",null,"https:\u002F\u002Fgithub.com\u002Flongbridge\u002Fgpui-kit","Rust",13934,838,0,43.77,false,"main",[19,20,21,22],"gpui","desktop-application","uikit","rust","2026-09-21 02:04:28","\u003Cp align=\"center\">\n  \u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Flongbridge\u002Fgpui-kit\u002Fmain\u002Fwebsite\u002Fpublic\u002Flogo.svg\" width=\"112\" alt=\"GPUI Kit logo\" \u002F>\n  \u003Cbr>\n  \u003Cstrong>GPUI Kit\u003C\u002Fstrong>\n\u003C\u002Fp>\n\n[English](.\u002FREADME.md) | [简体中文](.\u002FREADME.zh-CN.md)\n\n[![Build Status](https:\u002F\u002Fgithub.com\u002Flongbridge\u002Fgpui-kit\u002Factions\u002Fworkflows\u002Fci.yml\u002Fbadge.svg)](https:\u002F\u002Fgithub.com\u002Flongbridge\u002Fgpui-kit\u002Factions\u002Fworkflows\u002Fci.yml) [![Docs](https:\u002F\u002Fdocs.rs\u002Fgpui-kit\u002Fbadge.svg)](https:\u002F\u002Fdocs.rs\u002Fgpui-kit\u002F) [![Crates.io](https:\u002F\u002Fimg.shields.io\u002Fcrates\u002Fv\u002Fgpui-kit.svg)](https:\u002F\u002Fcrates.io\u002Fcrates\u002Fgpui-kit)\n\nBuild fantastic, high-performance desktop apps with Rust and GPUI.\n\nGPUI Kit is a comprehensive Rust desktop application framework. It combines a\nproduction-ready UI system with application-grade data, layout, and editing\ncapabilities, all built on a reusable foundation of behavior, state, and\ninfrastructure, and opens the finished application to JavaScript extensions.\n\nDocumentation: \u003Chttps:\u002F\u002Fgpui-kit.com>\n\n```text\ngpui-kit             The one crate applications depend on\n├── gpui-base        Unstyled behavior, state, and infrastructure\n└── gpui-component   GPUI Component: the complete styled UI system\n```\n\n`gpui-kit` pins the matching GPUI release and re-exports GPUI, base, component,\nand assets, so a Rust application lists a single dependency. JavaScript extension\nhosts add `gpui-shell` separately; `gpui-component-shell` supplies the styled catalog.\n\nSee the [executable application recipe and AI-assisted development acceptance checks](examples\u002Fai_recipes\u002FREADME.md) for a tested starting point and verification commands.\n\n## Features\n\n- **60+ UI Components**: Forms, navigation, overlays, feedback, layout, and more, with polished interactions and productive defaults.\n- **Production Ready**: Used to build Longbridge Pro from day one and continuously refined in a publicly shipped commercial desktop application.\n- **Native Feel**: Modern controls inspired by macOS and Windows, backed by semantic themes and multiple sizes.\n- **120 FPS**: GPU-accelerated interfaces that remain smooth under load.\n- **Data Tables**: Virtual scrolling, fixed and resizable columns, sorting, and cell selection across hundreds of thousands of rows.\n- **Virtual Lists**: Render only the visible range, including lists whose items have different sizes.\n- **Code Editor**: Stable performance at 200K lines with Tree-sitter highlighting and LSP diagnostics, completion, and hover.\n- **Dock Layout**: Resizable panels, draggable tabs, nested splits, edge docks, and serializable freeform Tiles.\n- **Rich Content**: Native Markdown and HTML rendering, syntax highlighting, and built-in charts.\n- **Design Freedom**: Use the complete visual system or build your own on the behavior and infrastructure in `gpui-base`.\n- **JavaScript Extensions**: `gpui-shell` lets a shipped Rust host load panels and business logic as scripts, with every capability granted explicitly.\n- **Cross Platform**: Ship one Rust codebase to macOS, Windows, and Linux.\n\n## Framework Architecture\n\n### Three layers. One ecosystem.\n\nUse `gpui-component` to keep the application coherent with one complete visual\nand interaction system. Use `gpui-base` when your product needs to create and\nown that system itself. Use `gpui-shell` when the application should be\nextensible in JavaScript after it ships.\n\n| **`gpui-component`**             | **`gpui-base`**                               | **`gpui-shell`**                           |\n| -------------------------------- | --------------------------------------------- | ------------------------------------------ |\n| Complete, styled components      | Unstyled behavior and infrastructure          | JavaScript runtime hosted by Rust          |\n| Productive defaults with theming | Full control over structure and visual design | Capabilities granted one at a time         |\n| Best for building applications   | Best for building design systems              | Best for plugins and scripted applications |\n\n```text\n                             APPLICATION\n                                  │\n              ┌───────────────────┼───────────────────┐\n              │                   │                   │\n              ▼                   ▼                   ▼\n    ┌──────────────────┐ ┌──────────────────┐ ┌──────────────────┐\n    │  gpui-component  │ │ Your Design      │ │    gpui-shell    │\n    │    Styled UI     │ │ System           │ │  JS extensions   │\n    └────────┬─────────┘ └────────┬─────────┘ └────────┬─────────┘\n             │                    │                    │\n             └────────────────────┼────────────────────┘\n                                  ▼\n                        ┌──────────────────┐\n                        │    gpui-base     │\n                        │ Behavior · State │\n                        │ Infrastructure   │\n                        └────────┬─────────┘\n                                 ▼\n                               GPUI\n```\n\n> **Behavior belongs to the foundation. Presentation belongs to the application.**\n\nUse **`gpui-component`** when you want polished controls ready to ship. Build on\n**`gpui-base`** when your application should own its component source, layout,\nstyling, and motion while reusing difficult interaction behavior. Add\n**`gpui-shell`** when contributors should extend the product without a fork or\na release.\n\nThe layering follows the same separation that makes the\n[shadcn](https:\u002F\u002Fui.shadcn.com) ecosystem flexible:\n\n| GPUI Kit ecosystem                   | Web ecosystem                   |\n| ------------------------------------ | ------------------------------- |\n| GPUI                                 | HTML + Tailwind CSS             |\n| [`gpui-base`](crates\u002Fbase\u002FREADME.md) | [Base UI](https:\u002F\u002Fbase-ui.com)  |\n| `gpui-component`                     | shadcn's styled component layer |\n\n[Explore the architecture →](docs\u002FARCHITECTURE.md)\n\n## Showcase\n\nGPUI Kit has powered [Longbridge Pro](https:\u002F\u002Flongbridge.com\u002Fdesktop)\nfrom day one. The framework is extracted from the demands of a publicly shipped\ncommercial desktop application rather than designed in isolation.\n\n> **GPUI provides the rendering foundation. Longbridge provides the production foundation.**\n\n\u003Cimg width=\"1763\" alt=\"Image\" src=\"https:\u002F\u002Fgithub.com\u002Fuser-attachments\u002Fassets\u002Fe1ecb9c3-2dd3-431e-bd97-5a819c30e551\" \u002F>\n\n## Usage\n\n```toml\n[dependencies]\ngpui-kit = \"0.6\"\n```\n\n`gpui-kit` always brings in GPUI and `gpui-base`; `gpui-component` and the\ndefault icon set are on by default. Turn default\nfeatures off to keep only the layers you use. The `gpui-component` features (`inspector`, `decimal`,\n`tree-sitter`, and each `tree-sitter-\u003Clanguage>`) are available under the same\nnames.\n\n### Basic Example\n\n```rs\nuse gpui_kit::component::button::*;\nuse gpui_kit::component::*;\nuse gpui_kit::*;\n\npub struct HelloWorld;\nimpl Render for HelloWorld {\n    fn render(&mut self, _: &mut Window, _: &mut Context\u003CSelf>) -> impl IntoElement {\n        div()\n            .v_flex()\n            .gap_2()\n            .size_full()\n            .items_center()\n            .justify_center()\n            .child(\"Hello, World!\")\n            .child(\n                Button::new(\"ok\")\n                    .primary()\n                    .label(\"Let's Go!\")\n                    .on_click(|_, _, _| println!(\"Clicked!\")),\n            )\n    }\n}\n\nfn main() {\n    gpui_kit::application().run(move |cx| {\n        \u002F\u002F This must be called before using any GPUI Component features.\n        gpui_kit::init(cx);\n\n        cx.spawn(async move |cx| {\n            cx.open_window(WindowOptions::default(), |window, cx| {\n                let view = cx.new(|_| HelloWorld);\n                \u002F\u002F This first level on the window, should be a Root.\n                cx.new(|cx| Root::new(view, window, cx))\n            })\n            .expect(\"Failed to open window\");\n        })\n        .detach();\n    });\n}\n```\n\n### Icons\n\nThe default `assets` feature bundles the [Lucide](https:\u002F\u002Flucide.dev) icon set\nas `gpui-kit-assets`; pass it to the application with\n`gpui_kit::application().with_assets(gpui_kit::assets::Assets)`. To ship your\nown icons instead, leave that feature out and name the SVG files as defined in\n[IconName](https:\u002F\u002Fgithub.com\u002Flongbridge\u002Fgpui-kit\u002Fblob\u002Fmain\u002Fcrates\u002Fcomponent\u002Fsrc\u002Ficon.rs#L86).\n\n## Skills for AI Coding Agents\n\nInstall the GPUI Kit skills for your AI coding agent (Cursor, Claude Code, Gemini CLI, Codex, etc.):\n\n```bash\nnpx skills add longbridge\u002Fgpui-kit\n```\n\n| Skill                    | Description                                                                                                                         |\n| ------------------------ | ----------------------------------------------------------------------------------------------------------------------------------- |\n| `gpui-kit`               | Setup, component catalog, usage patterns, GPUI mechanics (elements, entities, async, focus, actions, tests), and the Coding Guides. |\n| `gpui-kit-design-guides` | The Design Guides: layout, spacing, hierarchy, interaction states, overlays, and interface copy.                                    |\n\n## Development\n\n### Desktop Gallery (Story)\n\nThe `story` crate is a gallery application that showcases all available components. Run it with:\n\n```bash\ncargo run\n```\n\n### Examples\n\nSome larger examples reuse the `story` gallery components and run as standalone packages:\n\n```bash\n# Dock layout system (panels, split views, tabs)\ncargo run -p example-dock\n\n# Markdown rendering\ncargo run -p example-markdown\n\n# HTML rendering\ncargo run -p example-html\n```\n\nThe `examples` directory also contains standalone examples, each focused on a single feature. Each example is a separate crate, run them with `cargo run -p \u003Cname>`:\n\n```bash\n# Code editor with LSP support and syntax highlighting\ncargo run -p example-editor\n\n# Basic hello world\ncargo run -p hello_world\n\n# System monitor (real-time charts with CPU\u002Fmemory data)\ncargo run -p system_monitor\n\n# Window title customization\ncargo run -p window_title\n```\n\nCheck out [CONTRIBUTING.md](CONTRIBUTING.md) for more details.\n\n## Compare to others\n\nSee the [comparison with Iced, egui and Qt 6](https:\u002F\u002Fgpui-kit.com\u002Fdocs\u002Fcomparison) on the site.\n\n## License\n\nApache-2.0\n\n- Built on [GPUI](https:\u002F\u002Fgithub.com\u002Fzed-industries\u002Fzed), the UI framework from Zed Industries, also Apache-2.0. The `gpui-pre-*` crates are snapshots of it, published with Zed's license and notices intact.\n- UI design based on [shadcn\u002Fui](https:\u002F\u002Fui.shadcn.com), some from [Reui](https:\u002F\u002Freui.io).\n- Icons from [Lucide](https:\u002F\u002Flucide.dev).\n","GPUI Kit 是一个基于 Rust 和 GPUI 构建的跨平台桌面应用 UI 框架。它提供 60+ 经过生产验证的 UI 组件（如数据表格、虚拟列表、代码编辑器、Dock 布局、Markdown\u002FHTML 渲染等），支持 GPU 加速渲染（120 FPS）、语义化主题、原生平台交互风格，并内置 JavaScript 扩展能力。其模块化设计（gpui-base 与 gpui-component 分离）兼顾开箱即用与深度定制。适用于开发高性能、高交互复杂度的商业级桌面应用，如金融终端、IDE 工具、AI 辅助工作台等场景。",2,"trending"]