Tâmia is a tiny but extremely opinionated framework for frontend developers (hmm… just for me now). It consists of:

1. CSS bootstrap.
2. Component library.

• React
• Emotion
• polished
• Normalize.css
• ECMAScript 6

Bootstrap, Inuit.css and HTML5 Boilerplate are awesome. I found a lot of inspiration there. But they just don’t suit my needs and a way of working. I also use it to try new technologies and ways of making sites.

Tâmia is a new cool name for what I use every day in my own and freelance projects. It has evolved from a folder on my disk with a few CSS and JS files that I copypasted to every new project in 2000s.

I love new technologies so I spend as little time as possible on old browsers. The minimum supported browser is IE11.

For styles I use Emotion.

I usually use Gatsby as a static site generator.

And then I use shipit to deploy a site to a server using rsync.

It has base and typography CSS rules and Normalize.css).

Form controls, basic text styles, etc.

There are a few other things made specifically for Tâmia:

• eslint-config-tamia: ESLint config.

Documentation is here.

1. Install Tâmia and peer dependencies:

npm install tamia @emotion/core @emotion/styled emotion-theming

2. Create a theme at src/theme.js:

import merge from 'lodash/merge';
import defaultTheme from 'tamia/lib/theme';

const theme = merge(defaultTheme, {
  colors: {
    primary: 'salmon'
  }
});

export default theme;

3. Wrap your app in a root container:

import React from 'react';
import { TamiaRoot } from 'tamia';
import theme from './theme';

const Root = ({ children }) => (
  <TamiaRoot theme={theme}>{children}</ThemeRoot>
);

export default Root;

Tâmia is a chipmunk in Portuguese. It refers to Squirrelstrap, my love of small cheeky creatures and “Chip ’n Dale Rescue Rangers” (which is exactly framework’s aim).

The MIT License, see the included License.md file.