| .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
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.
- gpui-app-windows.zip - Updated at 2024/10/16
Development
cargo run
More examples can be found in examples directory.
Checkout DEVELOPMENT to see more details.
License
Apache-2.0