v0.2.0 - Full Feature Parity with Web Matrix Component
π Major Release: v0.2.0
This release brings full feature parity with the web Matrix component from ElevenLabs UI, plus additional React Native-specific enhancements!
β¨ Highlights
- π― Complete template.md implementation - All features from the web spec
- π§ͺ Comprehensive test suite - 37 tests covering all functionality
- π Web platform support - Works on iOS, Android, and Web
- π¦ Pre-generated animations - Drop-in animated presets at 7Γ7
- π¨ New animations - Pulse, snake, ripple, and chevron patterns
- πΈ WebP demo generation - Programmatic animation creation
π New Features
Pre-generated Preset Constants (7Γ7)
waveFrames- 24-frame sine wave animationloaderFrames- Perimeter spinner animationpulseFrames- 16-frame brightness pulsesnakeFrames- 49-frame snake with fading tailrippleFrames- 24-frame concentric ripple effectchevronLeftFrame/chevronRightFrame- Static directional indicators
New Generator Functions
generatePulseFrames()/pulse()- Global brightness animationgenerateSnakeFrames()/snake()- Snake traversal with fading tailgenerateRippleFrames()/ripple()- Concentric wave effectchevronLeft()/chevronRight()- Directional indicatorsvu()helper - Create static VU meter patterns from levels array
Component Enhancements
pausedprop for controlled animation playbackpresetLabelprop for additional accessibility- Static patterns render without Reanimated overhead
- Frame normalization handles mismatched dimensions
π Breaking Changes
- Default
sizechanged from 12 to 10 - Matches web template.md spec
π¦ Installation
```bash
npm install react-native-dotgrid react-native-svg react-native-reanimated
```
π Quick Start
```tsx
import { Matrix, waveFrames, digits } from 'react-native-dotgrid';
// Static digit
// Animated wave
```
π Documentation
See the README for comprehensive documentation with animated examples!
π Acknowledgments
Inspired by the Matrix component from ElevenLabs UI.
Full Changelog: https://github.com/tristanmanchester/react-native-dotgrid/commits/v0.2.0
Full Changelog: https://github.com/tristanmanchester/react-native-dotgrid/commits/v0.2.0