Camaleo
EN · PTGitHub
// preview in
saved for every page

Documentation

Everything you need to ship Camaleo — setup, the thirteen skins, every component and how to make it yours. Every example on every page wears the skin you pick in the bar above.

Start here

  1. InstallTwo packages and one stylesheet, in Next.js or Vite.
  2. Pick a skinLoad one or many, switch at runtime, set the brand color and dark mode.
  3. Make it yoursTokens, scoped rules, or a fourteenth skin written from scratch.

Components

78 component pages in 10 groups, each with live examples, props and keyboard notes. The thumbnails wear the skin, mode and brand from the bar above.

Skins

Open a skin for its fonts, tokens and when to use it. To dress every example in one, pick it in the bar above.

Guides

What's new

  • Oct 30 Per-skin polish: vertical tabs in Material, glass table rows, Neubrutalism alerts.
  • Oct 30 Radio items and submenus in Menu, Stepper errors, table captions and footers.
  • Oct 30 English default texts with a MessagesProvider and a pt-BR pack.
  • Oct 28–30 A page for every component, with live examples in all 13 skins.
Full changelog
Was this page helpful? · Edit this page on GitHub