b0ff230588
https://github.com/user-attachments/assets/f1569eb5-e6e6-43f9-9425-0de5e2235163 Do same behavior like the macOS table. |
||
|---|---|---|
| .cargo | ||
| .github | ||
| assets | ||
| crates | ||
| script | ||
| .gitignore | ||
| Cargo.lock | ||
| Cargo.toml | ||
| DEVELOPMENT | ||
| LICENSE-APACHE | ||
| README.md | ||
| rust-toolchain.toml | ||
GPUI Component
This is still an early stage of development, we may change API frequently. But the features is ok to use, you must keep tracking our changes.
UI components for building fantastic desktop application by using GPUI.
Features
- Accordion
- Alert
- Badge
- Breadcrumb
- Button, Link
- Checkbox, Radio, Switch
- ColorPicker
- DatePicker, DateRangePicker, Calendar
- Dock, Tiles
- Drawer
- Dropdown
- Icon
- Label
- List
- Menu
- Modal
- Notification
- Popover
- Progress & Indicator
- Resizable
- Sidebar
- Skeleton
- Slider
- Table
- Tabs
- TextInput, TextArea, OtpInput
- TextView (Markdown, Simple HTML) to native rendering, syntax highlighting.
- Theming
- TitleBar
- Toggle, ToggleGroup
- Tooltip
- WebView
Showcase
Here is the first application: Longbridge that is built by using GPUI Component.
It still under development, not published yet.
We build multi-themes support in application, this feature is not including in GPUI Component. It is based on Theme feature, so it easy to do.
Usage
GPUI and GPUI Component still in development, so we need add dependency by git.
And GPUI Component depends on gpui by special version (It keep updated to upstream) for including WebView support.
gpui = { git = "https://github.com/huacnlee/zed.git", branch = "webview" }
gpui-component = { git = "https://github.com/longbridge/gpui-component.git" }
WebView
Still early experimental, there have a lot of limitations.
GPUI Component have WebView element based on Wry, this is an optional feature, you can enable it by feature flag.
gpui-component = { git = "https://github.com/longbridge/gpui-component.git", features = ["webview"] }
More usage can be found in story directory.
Icons
GPUI Component have Icon element, but it does not include SVG files by default.
The example is using Lucide icons, but you can use any icons you like, just named the svg files like IconName defined the path name. You can add icons that you need in your project.
Demo
If you want to see the demo, here is a some demo applications.
- gallery-app-windows.zip - Updated at 2025/04/17
Development
We have a gallery of applications built with GPUI Component.
cargo run
More examples can be found in examples directory, you can run them by cargo run --example <example_name>.
Checkout DEVELOPMENT to see more details.
License
Apache-2.0