Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/capy-ui/capy
💻Build one codebase and get native UI on Windows, Linux and Web
https://github.com/capy-ui/capy
cross-platform cross-platform-gui gui gui-library linux ui user-interface windows zig zig-package ziglang
Last synced: 3 days ago
JSON representation
💻Build one codebase and get native UI on Windows, Linux and Web
- Host: GitHub
- URL: https://github.com/capy-ui/capy
- Owner: capy-ui
- License: mpl-2.0
- Created: 2021-03-24T11:36:16.000Z (almost 4 years ago)
- Default Branch: master
- Last Pushed: 2024-11-23T10:32:10.000Z (about 2 months ago)
- Last Synced: 2024-12-26T07:02:29.187Z (17 days ago)
- Topics: cross-platform, cross-platform-gui, gui, gui-library, linux, ui, user-interface, windows, zig, zig-package, ziglang
- Language: Zig
- Homepage: https://capy-ui.org
- Size: 15 MB
- Stars: 1,776
- Watchers: 22
- Forks: 68
- Open Issues: 18
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-zig - Capy - ui.org](https://capy-ui.org/) (GUI / Zigged Project)
- awesome-zig - capy🗒️Cross-platform library for making true native GUIs in Zig
README
**As of now, Capy is NOT ready for use in production as I'm still making breaking changes**
**Capy targets Zig version `0.14.0-dev.1911+3bf89f55c` / `2024.10.0-mach` ([Nominated Zig versions](https://machengine.org/docs/nominated-zig/))**
, it doesn't work on Zig `0.13.0`
---
[](https://app.codecov.io/gh/capy-ui/capy)
[](https://github.com/capy-ui/capy/blob/master/LICENSE)
## Introduction
Capy is a **GUI library for Zig**. It is mainly intended for creating applications using native controls from the operating system.
Capy is a declarative UI library aiming to be easy to write for and versatile.
It has been made with the goal to empower standalone UI applications, integration in games or any other rendering process is a non-goal.
## Features
- Use Zig for frontend and backend
- Accessibility: compatibility with almost all accessibility tools
- Cross-platform
- Uses the target OS toolkit
- Cross-compilable from any platform to any other platform
- *Tiny* executables - Every [example](https://github.com/capy-ui/capy/tree/master/examples)'s size < 2MB, which is smaller than 'hello world' in Go
## Getting Started
If you're starting a new project, simply clone [capy-template](https://github.com/capy-ui/capy-template) and follow build instructions.
Otherwise or for more information, please look in the [docs](https://capy-ui.org/docs/getting-started/installation).
You can ask questions and receive updates on the [#capy-ui Matrix channel](https://matrix.to/#/#capy-ui:matrix.org).
## Usage
A simple application using capy:
```zig
const capy = @import("capy");
const std = @import("std");
pub usingnamespace capy.cross_platform;
pub fn main() !void {
try capy.init();
var window = try capy.Window.init();
try window.set(
capy.column(.{ .spacing = 10 }, .{ // have 10px spacing between each column's element
capy.row(.{ .spacing = 5 }, .{ // have 5px spacing between each row's element
capy.button(.{ .label = "Save", .onclick = @ptrCast(&buttonClicked) }),
capy.button(.{ .label = "Run", .onclick = @ptrCast(&buttonClicked) })
}),
// 'expanded' means the widget will take all the space it can
// in the parent container
capy.expanded(
capy.textArea(.{ .text = "Hello World!" })
)
})
);
window.setPreferredSize(800, 600);
window.show();
capy.runEventLoop();
}
fn buttonClicked(button: *capy.Button) !void {
std.log.info("You clicked the button with text {s}", .{button.getLabel()});
}
```
It is easy to add something like a button or a text area. The example can already be used to notice a widget's parameters are usually enclosed in anonymous
structs (`.{ .label = "Save" }`). You can also see that simply wrapping a widget with `capy.Expanded( ... )` will tell it to take all the space it can.
## Contributing
Contributing can be as simple as opening an issue and detailling what bug you encountered or what feature you wish to have.
If you want to help the project more directly, you can fork the project and then create a pull request.
## Supported platforms
A platform is considered supported only if it can be built to from every other OS.
Legends:
- ✅ Working and can be cross-compile from all platforms supported by Zig
- 🧪 Experimental
- 🏃 Planned
### Desktop
✅ Windows x86_64
✅ Windows i386
🏃 macOS M1
🏃 macOS x86_64
✅ Linux x86_64
✅ Linux i386
✅ Linux aarch64 (PinePhone, PineBook...)
✅ FreeBSD x86_64
### Mobile
🧪 Android
🏃 iOS
### Web
✅ WebAssembly
Note: As there's no "official" GUI library for Linux, GTK 4 has been chosen as it is the one
that works and can be configured on the most distros. It's also the reason Libadwaita won't
be adopted, as it's meant for GNOME and GNOME only by disallowing styling and integration
with other DEs.
## Supported components
For now, not every platform supports the same components. So here's a list of the ones that are supported:
| |win32|macOS|GTK|Android|wasm|
|------------------|-----|-----|---|-----|-----|
|Button |✅|✅|✅|✅|✅|
|Canvas |❌|❌|✅|✅|✅|
|CheckBox |✅|❌|✅|❌|❌|
|Dropdown |✅|❌|✅|❌|❌|
|Image |❌|❌|✅|❌|✅|
|Label |✅|✅|✅|✅|✅|
|Menu |❌|❌|❌|❌|❌|
|Navigation |❌|❌|❌|❌|❌|
|NavigationSidebar |❌|❌|✅|❌|❌|
|Scrollable |✅|❌|✅|❌|❌|
|Slider |✅|❌|✅|❌|✅|
|Tabs |✅|❌|✅|❌|❌|
|TextArea |✅|❌|✅|❌|❌|
|TextField |✅|❌|✅|✅|✅|
|Window |✅|✅|✅|✅|✅