# HeroUI components now build directly inside Pencil's canvas

By Steven Van · 2026-06-06

Designers can use the HeroUI component set in Pencil's AI design canvas without switching to code.

**HeroUI** is now available inside Pencil's AI-powered design canvas, letting you build with the HeroUI component set directly in Pencil rather than switching to code.

![](<https://pbs.twimg.com/media/HJ-GvxGXgAAwCHD.jpg>)

![HeroUI](<https://www.google.com/s2/favicons?domain=heroui.com&sz=128>)

HeroUI

Beautiful, accessible React UI components built on React Aria and Tailwind CSS v4 — the modern alternative to MUI, Chakra UI, and shadcn/ui.

[View HeroUI →](<https://creatorstoolbox.com/resources/heroui>)

[Read HeroUI components now build directly inside Pencil's canvas on Creators Toolbox](<https://creatorstoolbox.com/blog/heroui-pencil-integration>)

---
Canonical source: https://creatorstoolbox.com/blog/heroui-pencil-integration