gpui-element

Official

Master 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 required

Components

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.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.