Was ist CollaKit?
CollaKit ist das Design-System von Collabase. Es enthält die Foundations zu Farbe, Iconografie, Emojigrafie, Typografie und KI-Patterns, dazu Spezialdesign, Komponenten, Icons und Tokens. Der Collabase-Kern nutzt dieselbe Token-Quelle, deshalb laufen Core, Apps und Website nie auseinander.
Die Foundations. Was eine Oberfläche in Collabase ausmacht, festgehalten für eure Apps.
[ 01 ]Farbe
[ 02 ]Iconografie
[ 03 ]Emojigrafie
[ 04 ]Typografie
[ 05 ]KI-Patterns
Farbe, Elevation, Motion, Generierungsrahmen, Skill-Tags und die Stimme der KI.
[ 06 ]Spezialdesign
[ 07 ]Tokens
Eine Quelle für die Design Tokens. Core, Apps und Website lesen dieselben Tokens und laufen deshalb nie auseinander.
Oberflächen von Apps werden mit echten Collabase-Komponenten dargestellt. Dark Mode, Themes, Sprachen und Barrierefreiheit kommen damit von Collabase und müssen in keiner App nachgebaut werden.
Öffentlich auf GitHub. Die Repos liegen in der Organisation Collabase. Die npm-Pakete erscheinen mit dem App SDK.
Repos
- Collabase/collakit
Komponenten, Icons, Tokens und Foundations
npm-Pakete
Ab Q4 2026- @getcollabase/collakit
Komponenten, Icons, Design Tokens und Foundations
Noch nicht veröffentlicht. Die Pakete erscheinen ab Q4 2026.
Fragen zu CollaKit
Was ist CollaKit?
CollaKit ist das Design-System von Collabase, mit Foundations, Komponenten, Icons und Tokens. Der Collabase-Kern nutzt dieselbe Token-Quelle.
Was gehört zu den Foundations?
Farbe, Iconografie, Emojigrafie, Typografie, KI-Patterns, Spezialdesign und Tokens. Die KI-Patterns umfassen Farbe, Elevation, Motion, Generierungsrahmen, Skill-Tags und die Stimme der KI.
Warum sehen Apps aus wie Collabase?
Ihre Oberflächen werden mit echten Collabase-Komponenten dargestellt, und Core, Apps und Website lesen dieselben Tokens.
Ab wann ist CollaKit verfügbar?
CollaKit erscheint ab Q4 2026 als npm-Paket @getcollabase/collakit. Das Repo Collabase/collakit liegt schon öffentlich auf GitHub.