gpui-component

Provide a cross-platform UI component library for GPUI desktop applications.

28|6|Updated Dec 27, 2025
One-click install
npx skills add https://github.com/johnlindquist/script-kit-next --skill gpui-component
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: gpui-component
Source: https://github.com/johnlindquist/script-kit-next/tree/main/.opencode/skill/gpui-component
Command: npx skills add https://github.com/johnlindquist/script-kit-next --skill gpui-component

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides a comprehensive library of pre-built, customizable UI components, significantly accelerating the development of desktop applications using the GPUI framework.

Core Features & Use Cases

  • Rich Component Set: Offers over 60 components including buttons, inputs, tables, notifications, and more, inspired by macOS/Windows and shadcn/ui.
  • Theming & Customization: Integrates seamlessly with GPUI's theming system for consistent application design.
  • Forked Enhancements: Includes set_selection() for programmatic text manipulation and tab_navigation_mode for advanced tab key behavior.
  • Use Case: Quickly prototype a new desktop application by leveraging these components, ensuring a polished and native look and feel without building every UI element from scratch.

Quick Start

Initialize the gpui-component library within your Rust application's main function before opening any windows.

Frequently Asked Questions about gpui-component

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build desktop UI components in a Rust GPUI application?

You can rapidly build desktop UI components in Rust GPUI using a pre-built library offering over 60 elements like buttons, inputs, and tables. It supports layout management, feedback mechanisms, and native theming to accelerate interface development.

What is the best way to add a color picker or date selection to a GPUI app?

The best way to add a color picker or date selection to a GPUI app is by using a cross-platform UI component library that includes these advanced features natively. This allows you to integrate complex interactions without building them from scratch.

Can I programmatically manipulate text selection and tab navigation in GPUI?

Yes, you can programmatically manipulate text selection and tab navigation in GPUI by utilizing forked enhancements within certain UI component libraries. These modifications provide specific functions like set_selection() and tab_navigation_mode for advanced control.

Does this GPUI component library work cross-platform for both macOS and Windows?

Yes, this GPUI component library works cross-platform and is inspired by both macOS and Windows design patterns alongside shadcn/ui. It ensures a polished, native look and feel across different operating systems without requiring separate codebases.

How do I initialize a UI component library in a Rust desktop application?

To initialize a UI component library in a Rust desktop application, you must call the library's initialization function within your main function before opening any windows. This ensures the components are properly loaded and ready for rendering.