Introduction
Browse shared components and design tokens used across Bigtablet products in Storybook.
Company · Open Source · NPM · 2025-2026
Bigtablet Design System
From a component set to an interface platform for assembling and validating products
Built the foundation for product teams to create and validate interfaces with shared rules across tokens, layouts, motion, overlays, and releases.
- 40+
- Public components Public README
- 11
- Token domains SCSS variables and CSS custom properties
- 68
- Story files Repository snapshot from 2026-08-05
Consistency had to include behavior
Shared UI meant more than matching colors. Component APIs, accessibility, themes, mobile navigation, motion, Storybook, tests, and publishing all had to behave consistently across products.
Build a platform around the components
I organized light, dark, and system themes around CSS custom properties, added layout primitives and responsive mobile navigation, and used polymorphic types to protect link and button semantics.
Motion moved to a shared react-spring presence pattern. Storybook viewport resets and deterministic test setup made verification reliable, while NPM Trusted Publishing removed long-lived publish tokens.
One shared way to build product UI
The system now covers more than 40 public components, 11 token domains, and 68 Storybook story files. Product teams can share interface rules, responsive behavior, and release practices through one package.
Trace
Role
Tokens, themes, component APIs, mobile layouts, accessibility, testing, and NPM releases
Focus
Design tokens · Component API · Accessibility · Release system
Stack
React · TypeScript · SCSS · CSS Custom Properties · Storybook · Vitest · Rollup · react-spring · NPM Trusted Publisher
Disclosure
All figures can be reproduced from the public GitHub repository and NPM package.