Case study

Shuriken UI

Design-system engineering on the open-source library behind Tairo and Vuero.

Client: CSS Ninja
Years: 2022 – 2023
Domain: Open source

Context

Shuriken UI is CSS Ninja’s open-source Nuxt component library. It powers Tairo and Vuero, the studio’s commercial templates.

Problem

Make the library’s components consistent and themeable: class definitions had grown component by component, and the theme configuration was not applied uniformly.

What I did

Senior front-end developer at CSS Ninja / Digisquad (March 2022 – June 2023), working on the open-source library and the studio’s private repositories.

Key technical decisions

Rebuild the class definitions
Rewrote the class definitions of all base and form components on a common structure.
Align components with the theme
Aligned around thirty components with the theme configuration, so a theme change applies everywhere.

Result

3rd contributor out of 8 on the public repository: 44 contributions and 87 merged pull requests (contributors graph).

Stack

Nuxt
Vue 3
TypeScript
Tailwind CSS
Design system