gpui-element
OfficialMaster low-level GPUI elements with full control.
Authorlongbridge
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Implementing custom elements using GPUI's low-level Element API (vs. high-level Render/RenderOnce APIs). Use when you need maximum control over layout, prepaint, and paint phases for complex, performance-critical custom UI components that cannot be achieved with Render/RenderOnce traits.
Core Features & Use Cases
- Direct control over request_layout, prepaint, and paint phases for maximum performance and customization.
- Supports advanced patterns (e.g., Masonry, Circular layouts) and reusable element behavior via traits for composition.
- Suitable for building interactive and scrollable containers with precise hitbox handling and custom event logic.
Quick Start
Define a new Element by creating a struct, implement Element for it with RequestLayoutState and PrepaintState, and wire up request_layout, prepaint, and paint through the Window/App context.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: gpui-element Download link: https://github.com/longbridge/gpui-component/archive/main.zip#gpui-element Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.