# react-native-svg Projects at AI Tinkerers

> Canonical HTML: https://aitinkerers.org/technologies/react-native-svg
> Markdown URL: https://aitinkerers.org/technologies/react-native-svg.md
> Technology record last updated: 2026-02-23T01:41:53Z
> Generated: 2026-09-20T12:30:41Z

The industry standard for rendering high fidelity vector graphics across iOS, Android, and web.

Software Mansion maintains this core library to provide full SVG support for React Native applications. It implements the standard SVG element set: including Path, Rect, and Circle components. Teams use it with SVGR to automate the pipeline from design tools like Figma to production code. It handles advanced visual features (gradients, masks, and patterns) while maintaining 60 FPS performance on mobile devices.

- Official technology site: https://github.com/software-mansion/react-native-svg
- Public AI Tinkerers demos and talks: 1
- Result page: 1 of 1

## Recent Public Talks and Demos

### [Gamifying Daily Habit Tracking with a Stock Market Engine](https://toronto.aitinkerers.org/talks/rsvp_uMxXx1LEbrg)

I built a mobile app that turns daily habit completion into a live stock market-like experience. The core is a Moving Average Model — instead of simple streak counting, your "performance index" fluctuates up or down based on whether today's output beats or misses your 7-day rolling average. This creates authentic volatility: good days pump your index, bad days cause drawdowns, just like a real ticker. I'll walk through the architecture - how the index is calculated, how chart scrubbing and real-time data point rendering works, how I structured persistent storage for historical navigation, and the glassmorphism UI system built on top of React Native. No pitch. Just the messy, interesting engineering decisions.

- Event context: AI Tinkerers Toronto - February 2026 @ Cohere! — 2026-02-26 — Toronto
- Public talk page: https://toronto.aitinkerers.org/talks/rsvp_uMxXx1LEbrg

## Related Technologies

- [AsyncStorage](https://aitinkerers.org/technologies/asyncstorage) ([Markdown](https://aitinkerers.org/technologies/asyncstorage.md)) — 1 public demo
- [React Native](https://aitinkerers.org/technologies/react-native) ([Markdown](https://aitinkerers.org/technologies/react-native.md)) — 13 public demos
- [Replit AI](https://aitinkerers.org/technologies/replit-ai) ([Markdown](https://aitinkerers.org/technologies/replit-ai.md)) — 1 public demo
- [TypeScript](https://aitinkerers.org/technologies/typescript) ([Markdown](https://aitinkerers.org/technologies/typescript.md)) — 205 public demos