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-10-20
Health v2 · maintenance only
78/100
- Activity 100
- Release rhythm 36
- Longevity 100
How is this computed?
round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10) — computed 2026-10-21. Adoption (stars, forks) is never an input.
- gap_med: 133.5
- age_days: 3001
- days_rel: 268
- days_push: 4
- n_releases_24m: 3
Adoption not part of the score
1739 stars · 122 forks observed · 2026-10-20
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-10-20 · 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 | 78 |
For agents
markdown · JSON · MCP: product_card(name="kristerkari/react-native-svg-transformer")
Data as of 2026-10-19T08:05:51.212177+00:00 · Report a problem