What is CollaKit?
CollaKit is the Collabase design system. It contains the foundations for color, iconography, emojigraphy, typography and AI patterns, plus special design, components, icons and tokens. The Collabase core uses the same token source, so core, apps and website never drift apart.
The foundations. What makes an interface in Collabase, written down for your apps.
[ 01 ]Color
[ 02 ]Iconography
[ 03 ]Emojigraphy
[ 04 ]Typography
[ 05 ]AI patterns
Color, elevation, motion, generation frames, skill tags and the voice of the AI.
[ 06 ]Special design
[ 07 ]Tokens
One source for the design tokens. Core, apps and website read the same tokens and therefore never drift apart.
App interfaces are rendered with real Collabase components. Dark mode, themes, languages and accessibility come from Collabase and never have to be rebuilt in an app.
Public on GitHub. The repositories live in the Collabase organization. The npm packages ship with the App SDK.
Repositories
- Collabase/collakit
Components, icons, tokens and foundations
npm packages
Coming Q4 2026- @getcollabase/collakit
Components, icons, design tokens and foundations
Not published yet. The packages ship from Q4 2026.
Questions about CollaKit
What is CollaKit?
CollaKit is the Collabase design system, with foundations, components, icons and tokens. The Collabase core uses the same token source.
What do the foundations cover?
Color, iconography, emojigraphy, typography, AI patterns, special design and tokens. The AI patterns cover color, elevation, motion, generation frames, skill tags and the voice of the AI.
Why do apps look like Collabase?
Their interfaces are rendered with real Collabase components, and core, apps and website read the same tokens.
When is CollaKit available?
CollaKit is coming in Q4 2026 as the npm package @getcollabase/collakit. The Collabase/collakit repository is already public on GitHub.