kristerkari/react-native-svg-transformer
Import SVG files in your React Native project the same way that you would in a Web application. observed · 2026-08-28
Health v2 · maintenance only
80/100
- Activity 99
- Release rhythm 43
- Longevity 100
How is this computed?
round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10) — computed 2026-09-03. Adoption (stars, forks) is never an input.
- gap_med: 133.5
- age_days: 2953
- days_rel: 220
- days_push: 11
- n_releases_24m: 3
Adoption not part of the score
1736 stars · 124 forks observed · 2026-08-28
What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded
A Metro transformer for React Native that lets you import SVG files as React components, using SVGR under the hood. It enables sharing the same SVG-import code between React Native and Web projects.
Use cases
- import svg files as react components in react native
- use the same svg assets on web and react native
- render svg icons in an expo app
- convert svg images to react-native-svg components at build time
- replace png assets with scalable svg icons in react native
When to choose
- you use React Native or Expo with Metro and want first-class SVG imports
- you want to share SVG component code across React Native and Web
- you need scalable vector icons instead of raster images
When to avoid
- your bundler is not Metro (e.g. you use Webpack or Reanimated-based pipelines)
- you only need static SVG images without component props
- you cannot add react-native-svg as a dependency
Facets
library · maturity stable
build-tool ui-components image-processing mobile-development frontend web-development cross-platform react-native svg metro-transformer svgr expo mobile nodejs
2 sources
- readme: https://github.com/kristerkari/react-native-svg-transformer · fetched 2026-08-28 · fdb11be234ff
- registry_npm: https://registry.npmjs.org/react-native-svg-transformer · fetched 2026-08-29 · e66d7bf5489a
Member repositories
| Repository | Role | Health v2 |
|---|---|---|
| kristerkari/react-native-svg-transformer | main | 80 |
For agents
markdown · JSON · MCP: product_card(name="kristerkari/react-native-svg-transformer")
Data as of 2026-08-30T08:39:29.467469+00:00 · Report a problem