Charts for React Native

Beautiful Charts & Graphs

A collection of ready-to-use chart components built with react-native-svg and a recharts-style API. From basic charts to rich data displays, copy and paste into your apps.
Documentation

Area Chart - Interactive

Showing total visitors for the last 3 months
Apr 6Apr 27May 19Jun 9Jun 30
Mobile
Desktop

Area Chart

Showing total visitors for the last 6 months
JanFebMarAprMayJun
Trending up by 5.2% this month
January - June 2024

Area Chart - Axes

Showing total visitors for the last 6 months
JanFebMarAprMayJun05001,000
Trending up by 5.2% this month
January - June 2024

Area Chart - Gradient

Showing total visitors for the last 6 months
JanFebMarAprMayJun
Trending up by 5.2% this month
January - June 2024

Area Chart - Icons

Showing total visitors for the last 6 months
JanFebMarAprMayJun
Mobile
Desktop
Trending up by 5.2% this month
January - June 2024

Area Chart - Legend

Showing total visitors for the last 6 months
JanFebMarAprMayJun
Mobile
Desktop
Trending up by 5.2% this month
January - June 2024

Area Chart - Linear

Showing total visitors for the last 6 months
JanFebMarAprMayJun
Trending up by 5.2% this month
January - June 2024

Area Chart - Stacked

Showing total visitors for the last 6 months
JanFebMarAprMayJun
Trending up by 5.2% this month
January - June 2024

Area Chart - Stacked Expanded

Showing total visitors for the last 6months
JanFebMarAprMayJun
Trending up by 5.2% this month
January - June 2024

Area Chart - Step

Showing total visitors for the last 6 months
JanFebMarAprMayJun
Trending up by 5.2% this month
January - June 2024
Built with @astrawind/ui and @astrawind/css. Components ported from shadcn/ui (MIT).