https://github.com/radiant-labs/radiantkit

Cross-platform open-source framework to build graphics applications (like Figma, Canva, Miro, etc). Uses Rust, Wasm, wgpu and epaint.
https://github.com/radiant-labs/radiantkit

canva canvas figma gpu graphics graphics-framework miro prototype rendering rust wasm webassembly wgpu whiteboard

Last synced: 29 days ago
JSON representation

Cross-platform open-source framework to build graphics applications (like Figma, Canva, Miro, etc). Uses Rust, Wasm, wgpu and epaint.

• Host: GitHub
• URL: https://github.com/radiant-labs/radiantkit
• Owner: radiant-labs
• License: mit
• Created: 2023-08-24T11:44:11.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2023-12-25T08:51:35.000Z (11 months ago)
• Last Synced: 2024-05-01T10:39:13.326Z (6 months ago)
• Topics: canva, canvas, figma, gpu, graphics, graphics-framework, miro, prototype, rendering, rust, wasm, webassembly, wgpu, whiteboard
• Language: Rust
• Homepage: https://www.radiantkit.xyz
• Size: 19.5 MB
• Stars: 155
• Watchers: 6
• Forks: 3
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

README

        




  







    Build Graphics Apps 10x Faster! 






  Website •

  Examples •

  Docs •

  Community



# RadiantKit

RadiantKit is an in-development framework to build graphics applications (like Figma, Canva, Miro, etc) that's free and open source. 

It introduces a node-component-system for efficient rendering, while ensuring complete extensibility. It can support both native and web (via WebAssembly) platforms.

## Basic Example

Install rust and follow these steps:

1. `cd examples/basic`

2. `cargo run`

## Egui Integration Example

Install rust and follow these steps:

1. `cd examples/egui`

2. `cargo run`

## Web Examples

Install yarn and follow these steps:

1. `cd examples/web`

2. `yarn install`

3. `yarn build:wasm`

4. `yarn start`

## Tauri

Follow steps for web till #3. Then, run `yarn tauri dev`.

## Collaborative Editing

RadiantKit now supports real-time collaborative editing. Follow these steps to set it up:

Run the backend server:

1. `cd backend`

2. `cargo r`

Run egui app with a client id of 2:

1. `cd examples/egui`

2. `cargo r 2`

Run the whiteboard app (which runs with a default client id of 4):

1. `cd apps/whiteboard`

2. `yarn install`

3. `yarn start`

## Contact

Send us an email at [[email protected]](mailto:[email protected]).