SparkUIThe shadcn-vue experience on HarmonyOS

A refined, token-driven ArkTS component library (API 22 · State Management V2) that adapts to phones, foldables, tablets and 2-in-1s.

🎨

Tokens all the way down

Paste a shadcn / tweakcn theme. oklch, hsl, rgb and hex are converted precisely; switch at runtime.

📐

SGrid, SColumns, SFlow and every component lay themselves out in the space they actually get.

✨

Every part is styled out of the box and still overridable with AttributeModifier or component tokens.

🧩

Drop the S prefix and you have the shadcn-vue name. Controlled / uncontrolled, !! two-way binding, trailing-closure slots.

🪟

Dialog, Popover, Menu, Select, Sheet, Toast… turn into bottom drawers on compact touch screens.

🖥️

Every example in these docs renders (approximately) and responds in the browser.

bash

ohpm install @ospark/sparkui

Approximate web preview — the HarmonyOS rendering is the reference.