v0.1.0 — Initial Release
v0.1.0 — Initial Release
The first stable release of TinyBigUI — an open-source Material Design 3 React component library with accessibility-first principles.
Installation
npm install @tinybigui/react @tinybigui/tokensComponents (7)
| Component | Variants |
|---|---|
| Button | Filled, outlined, tonal, elevated, text; loading state |
| IconButton | Standard, filled, tonal, outlined; toggle mode |
| FAB | Primary, secondary, tertiary, surface; small, medium, large, extended |
| TextField | Filled, outlined; floating label, helper text, character count, error state |
| Checkbox | Checked, unchecked, indeterminate; optional label |
| Switch | On/off toggle with optional icons |
| Radio + RadioGroup | Vertical/horizontal orientation; form integration |
Design Tokens (@tinybigui/tokens)
- Full MD3 color system — light and dark themes (class-based +
prefers-color-scheme) - MD3 typography scale — Display, Headline, Title, Body, Label
- MD3 elevation system — levels 0–5
- MD3 shape tokens — corner radius scale
- MD3 motion tokens — duration and easing
Infrastructure
- React Aria accessibility primitives for all interactive components (WCAG 2.1 AA)
- Tailwind CSS v4 CSS-first token integration
- Vitest + React Testing Library — 355 tests across 7 components
- Storybook 10 documentation
- GitHub Actions CI + Chromatic visual regression testing
Fixes in this release
- All 7 components correctly exported from the package entry point
TextFieldproperly composesTextFieldHeadless(three-layer architecture)RadioGroupgroup label no longer rendered twice in the DOM- FAB loading spinner has correct
aria-label="Loading"for accessibility - All components pass automated axe accessibility checks
Links
- Storybook — Live component documentation
- CHANGELOG — Full release notes
- Contributing — How to contribute