ZacharyZhang-NYandClaude Opus 5.5
ca5c967f17
Eleven more roots drop w_full: the docked ActionBar, MessageBubble's three arms, PromptInput, TitleBar, Tabs, the horizontal Divider with and without a label, DropZone and Playlist. Their hosts in the crate are blocks or flex columns. The gallery's docked ActionBar sits in an items_center column, so the demo gives it the width. AspectRatio keeps w_full, and AGENTS.md says why: taffy 0.9 follows a ratio from a set width, not from a stretch, and without one the image gallery's tiles and the ratio demo collapsed. Every page and scripted state was shot again at full width and at 280px and compared with the shots from before T44a. Nothing collapsed or shrank. The mail reader's attachments now wrap side by side, as their row asks. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Ely GPUI Component
A component library for GPUI, the Rust UI framework behind Zed. Every component ships in light and dark. The palette is warm and quiet. Color carries meaning, not decoration.
Status: early. TASKS.md tracks every component, chapter by chapter.
Use
[dependencies]
ely-gpui-component = { git = "https://github.com/ZacharyZhang-NY/Ely-GPUI-Components" }
gpui = "0.2.2"
use ely_gpui_component::{Assets, theme::{Mode, Theme}};
use gpui::{App, Application};
fn main() {
Application::new().with_assets(Assets).run(|cx: &mut App| {
ely_gpui_component::init(cx);
Theme::set_mode(Mode::Dark, cx);
});
}
init registers the fonts and the theme. It panics if Assets is not wired into the application.
Gallery
cargo run --example gallery
cargo run --example gallery -- --page buttons
cargo run --example gallery -- --capture shots # macOS: PNG of every page, light and dark
Build notes
- gpui 0.2.2 compiles its Metal shaders at runtime here (
runtime_shaders, on by default), so a full Xcode install is not required. - Tested on macOS only. The capture tool needs macOS.
License
MIT or Apache-2.0, at your option. Lucide icons: ISC. Inter and JetBrains Mono: SIL Open Font License 1.1.
The gallery photos in examples/gallery/assets were generated for this project with gpt-image-2.