sidshubham116/react-native-frame

react-native-frame is a UI component library for building app screens in React Native and Expo. It gives you ready-made pieces like buttons, text inputs, cards, dialogs, tabs, and sliders, all styled through a single theme so your app looks consistent without writing custom styles for every element. The library is written entirely in JavaScript and TypeScript, so there is no native code to compile. That means no pod install step on iOS, it works right away inside Expo Go, and it supports both the older React Native architecture and the newer Fabric architecture. You wrap your app once in a ThemeProvider, which can follow the device's light or dark mode automatically or use a fully custom theme you define yourself. Animations are built in and run on the native thread where possible, aiming for smooth 60 or 120 Hz motion. Examples include a press-scale effect on buttons and cards, a sliding indicator on tabs, and a spring-based expand and collapse effect on the Accordion component. Interactive components also include accessibility roles and states out of the box. The package has 26 components covering layout, typography, inputs, actions, feedback, and navigation, including Surface, Card, Divider, ListItem, Accordion, Text, and Input, with more listed in the documentation. Every component ships with TypeScript prop types, and the only required dependencies are react and react-native itself, so it adds little extra weight to a project. To use it, a developer needs React Native 0.71 or newer, since some components rely on the flexbox gap style, and React 17 or newer. Installation is a single npm or yarn command, and components can then be imported directly and placed inside the ThemeProvider wrapper. As a young project with no reported stars yet, it should be treated as an early-stage library rather than a widely proven one.