OPEN-SOURCE REACT NATIVE INTERACTION COMPONENTS
Small interactions.
A little more
feeling.
Exploring the details that make an interface feel alive. React Native components with source code you can copy and use.
Web previews of real React Native source.
THE COMPONENTS
A small start.
Plenty to play with.
React Native components with interactive web previews.
Open one to try it and copy its React Native source.
31 components
What you get
Plain facts about Nativelet.
13 interaction components
Each one is a small, focused piece: a chart you scrub, a menu that goes gooey, a lens that follows your finger.
Source you can read
Every component lives in the open repository, so you can read how it works and copy what you need.
Browse the sourceMIT licensed
Free to use, change and ship in your own work.
Read the licenseHonest previews
The previews here run on the web as an SVG, canvas or CSS adapter. They are not the native Skia render, and the page says so.
FAQ
Questions, answered plainly.
A set of small, open-source interaction components by Sandeepan Nandi. Each one has a web preview and React Native source you can copy and use.
The source is real React Native. Copy the files named in each component's note, keep the LICENSE, and add the dependencies it lists. Some use Skia, Reanimated and worklets; others use core React Native only.
No. The preview is a web version that shares the math or the gesture rules, drawn with SVG, canvas or CSS. It is not the native render.
The notes for Scrub Chart, Gooey Menu, Glass Lens and Theme Reveal describe what Reduce Motion changes. Each component's note and README has the details for that one.
Yes. Nativelet is MIT licensed. Keep the LICENSE file with any source you copy.
Open an issue on GitHub. Open issues
SUPPORT
Help keep Nativelet going.
Nativelet is free and MIT licensed, and it stays that way. If it saves you time, you can sponsor Sandeepan Nandi on GitHub with a monthly amount you choose. It is optional.
Sponsor on GitHub More ways to support