Skip to content


Repository files navigation

Tabetalt Kit

Build & Deploy Total alerts LGTM Grade Maintainability npm bundle size


Tabetalt Kit is the technical implementation of Tabetalt Designsystem. It is based on Theme UI and features theme and a collection of components for use in Tabetalt applications.

Our intentions are to stylize according to Tabetalt Designsystem on all Theme UI components.


All components are included in one package. Install it as such:

▶ yarn add @tabetalt/kit

Install necessary peer dependencies.

▶ yarn add theme-ui@next

Remember to include Google Fonts No fonts are packaged with the library. Therefore, you'll need to add a Link to it, as such:



You'll have to register the ThemeProvider in order to make the theme work.

import { ThemeProvider, Styled } from 'theme-ui';
import { theme } from '@tabetalt/kit';

const App = () => (
  <ThemeProvider theme={theme}>
    <Styled.h1>Hello world!</Styled.h1>


Apart from this README, you can find details and examples of using the SDK in the following places: