gitwtfhub

wtf is artboard?

crowded-libs/artboard — explained in plain English

Analysis updated 2026-05-18

23KotlinAudience · developerComplexity · 2/5LicenseSetup · easy

TL;DR

A Gradle plugin that turns your existing Compose Multiplatform preview screens into a browsable, pan and zoom gallery in the browser, with shareable links and PNG downloads.

Mindmap

mindmap
  root((artboard))
    What it does
      Spatial preview gallery
      Stable shareable links
      PNG downloads
    Tech stack
      Kotlin
      Compose Multiplatform
      Kotlin Wasm
      Gradle plugin
    Use cases
      Browse UI previews
      Share preview links
      Export static gallery
    Audience
      Kotlin developers
      UI designers

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

Why would anyone build with this?

REASON 1

Browse every Compose Multiplatform preview in a project on one pan and zoom board without opening each file.

REASON 2

Share a stable link to a specific preview screen or component with a teammate or designer.

REASON 3

Export a static preview gallery site to GitHub Pages for the whole team to review UI states.

What's in the stack?

KotlinCompose MultiplatformKotlin/WasmGradle

How it stacks up

crowded-libs/artboardxiyunmn/puredupanhuiyeji-7/pei-pei-shua
Stars232324
LanguageKotlinKotlinKotlin
Setup difficultyeasymoderateeasy
Complexity2/53/52/5
Audiencedeveloperdevelopergeneral

Figures from each repo's GitHub metadata at analysis time.

How do you spin it up?

Difficulty · easy Time to first run · 30min

Requires JDK 17 or newer and a WasmGC-capable browser to view the gallery.

Apache 2.0 license: use freely, including commercially, as long as you keep the copyright notice and license text.

Wtf does this do

Artboard is a developer tool for people building apps with Compose Multiplatform, a UI toolkit from JetBrains. It automatically finds every preview screen a developer has already written in their code using the standard Compose Preview annotation, and displays all of them together on a single pan and zoom board that runs in the browser, similar to a spatial gallery. Each preview gets its own stable, shareable web link, so a specific screen or component can be pulled up directly instead of hunting through the whole gallery. The gallery organizes previews into screen and component groups, with search, filtering by device or locale, grid layout options, and a light and dark mode toggle. Any preview can be downloaded as a PNG image at the correct pixel size for common device viewports, which is useful for grabbing app store screenshots. The tool also produces a report listing which previews it could not render and why, rather than silently skipping them. Under the hood, Artboard adds a small isolated build target just for the gallery, so it does not change the rest of an app's build setup or add unrelated platform code to the main application. Inside each preview frame, it mimics the same inspection mode signal that Android Studio or IntelliJ provide, so code that already behaves differently in preview mode, such as using sample images instead of real network calls, continues to work correctly on the gallery board. Developers install it as a Gradle plugin published on Maven Central, then run simple Gradle commands to check compatibility, generate a report, run a local gallery server, share it on the local network for testing on another device, or export a finished static site that can be hosted on GitHub Pages or any static web host. This is aimed at Kotlin developers using Compose Multiplatform who want an easier way to browse and test their UI previews.

Yoink these prompts

Prompt 1
Walk me through adding the Artboard Gradle plugin to my Compose Multiplatform project.
Prompt 2
Show me how to run artboardRun to preview my UI locally and artboardExport to publish a static gallery.
Prompt 3
Explain how to make a Compose preview respond to Artboard's light and dark mode toggle.
Prompt 4
How do I download a preview as a PNG at the correct device pixel size using Artboard?

Frequently asked questions

wtf is artboard?

A Gradle plugin that turns your existing Compose Multiplatform preview screens into a browsable, pan and zoom gallery in the browser, with shareable links and PNG downloads.

What language is artboard written in?

Mainly Kotlin. The stack also includes Kotlin, Compose Multiplatform, Kotlin/Wasm.

What license does artboard use?

Apache 2.0 license: use freely, including commercially, as long as you keep the copyright notice and license text.

How hard is artboard to set up?

Setup difficulty is rated easy, with roughly 30min to a first successful run.

Who is artboard for?

Mainly developer.

View the repo → Decode another repo

This repo across BitVibe Labs

Don't trust strangers blindly. Verify against the repo.