<h2>Overview</h2>
<p>The Docusaurus React Native Plugin is an impressive tool designed to enhance your Docusaurus projects by integrating React Native Web and Reanimated functionalities. This plugin allows developers to leverage the capabilities of React Native within their documentation, delivering a seamless experience that bridges web and mobile application development.</p>
<p>With a straightforward setup process, this plugin caters to various configurations, whether you’re working in a monorepo or as a standalone. It enables developers to enrich their documentation with interactive components and animations, making it a valuable asset for those aiming to create a dynamic user experience.</p>
<h2>Features</h2>
<ul>
<li><strong>React Native Web Integration</strong>: effortlessly enables the use of React Native components in web applications, bringing the power of mobile development to the browser.</li>
<li><strong>Reanimated Support</strong>: allows for smooth and performant animations, enhancing user interaction and providing a polished feel to the documentation.</li>
<li><strong>Easy Installation</strong>: simple installation steps help users integrate the plugin quickly, so they can focus on development rather than configuration challenges.</li>
<li><strong>Monorepo Compatibility</strong>: designed to work seamlessly within monorepos, making it a great option for teams managing multiple projects.</li>
<li><strong>Flexible Configuration</strong>: customizable settings in the <code>docusaurus.config.js</code> file allow developers to tailor the plugin to their specific project requirements.</li>
<li><strong>Open Source</strong>: released under the MIT License, encouraging collaboration and contributions from the developer community.</li>
</ul>


<h2>Overview</h2>
<p>The <code>Animated TabBar</code> is a component library offering a variety of cool animation presets for implementing animated tab bars in React Native applications. With 60FPS smooth animation, the library is fully integrated with React Navigation v4 &#x26; v5, supports standalone usage, right-to-left layout, and accessibility, all written in TypeScript.</p>
<h2>Features</h2>
<ul>
<li><strong>60FPS smooth animation for all presets</strong></li>
<li><strong>Fully integrated with React Navigation v4 &#x26; v5</strong></li>
<li><strong>Standalone usage</strong></li>
<li><strong>Right-to-left layout support</strong></li>
<li><strong>Accessibility support</strong></li>
<li><strong>Written in TypeScript</strong></li>
</ul>
<h2>Summary</h2>
<p>The <code>Animated TabBar</code> library offers a smooth animation experience with various preset options, making it a versatile choice for implementing animated tab bars in React Native applications. With key features like integration with React Navigation, standalone usage, and accessibility support, this library provides a valuable tool for enhancing user interactions.</p>


<h2>Overview</h2>
<p>Base UI is a design system built with modern, responsive, and dynamic components. It is the React Native implementation of Base, and it is compatible with React Native Web and React Native Desktops (Windows, MacOS, Linux).</p>
<h2>Features</h2>
<ul>
<li><strong>Modern Design</strong>: Base UI follows modern design principles to ensure a sleek and visually appealing user interface.</li>
<li><strong>Responsive Components</strong>: The components in Base UI are responsive, meaning they adapt to various screen sizes and orientations.</li>
<li><strong>Living Components</strong>: Base UI components are dynamic and can update in real-time based on changes in data or user interactions.</li>
</ul>
<h2>Summary</h2>
<p>Base UI is a comprehensive design system for React Native, React Native Web, and React Native Desktops. It offers modern and responsive components that can adapt to different screen sizes and orientations. With features like dynamic components, Base UI provides a visually appealing and user-friendly interface for your applications.</p>


<h2>Overview</h2>
<p>The React Native Bottom Sheet library provides a performant interactive bottom sheet with fully configurable options. It offers features such as modal presentation view, smooth gesture interactions, compatibility with Reanimated v1 &#x26; v2, and seamless keyboard handling for both iOS and Android platforms.</p>
<h2>Features</h2>
<ul>
<li><strong>Modal presentation view</strong></li>
<li><strong>Smooth gesture interactions &#x26; snapping animations</strong></li>
<li><strong>Seamless keyboard handling for iOS and Android</strong></li>
<li><strong>Support for pull to refresh for scrollables</strong></li>
<li><strong>Support for FlatList, SectionList, ScrollView &#x26; View scrolling interactions</strong></li>
<li><strong>Integration with React Navigation</strong></li>
<li><strong>Compatibility with Reanimated v1 &#x26; v2</strong></li>
<li><strong>Compatible with Expo</strong></li>
<li><strong>Accessibility support</strong></li>
</ul>
<h2>Summary</h2>
<p>The React Native Bottom Sheet library offers a powerful solution for implementing interactive bottom sheets in React Native applications. With features like smooth gestures, flexible configurations, and compatibility with various scrolling components, it provides developers with a versatile tool for enhancing user experiences. Additionally, the library is actively maintained and well-documented, making it a reliable choice for those looking to incorporate bottom sheet functionality into their projects.</p>


<h2>Overview</h2>
<p>npmPaper Onboarding is a React Native UI slider inspired by Ramotion Paper Onboarding. It is designed following the material design principles.</p>
<h2>Features</h2>
<ul>
<li>Material design UI slider for React Native</li>
<li>Array of pages/slides to present</li>
<li>Safe area insets</li>
<li>Pan gesture direction</li>
<li>Indicator customization</li>
<li>Title and description styling</li>
<li>Customizable close button</li>
<li>Close button text customization</li>
</ul>
<h2>Summary</h2>
<p>npmPaper Onboarding is a React Native UI slider that provides a material design experience for app onboarding. With its various features like customizable slides, safe area insets, and indicator customization, it allows developers to create visually appealing and interactive onboarding experiences for their users.</p>


<h2>Overview</h2>
<p>The npm package is an interactive sticky item inspired by Facebook Stories. It requires the installation of react-native-reanimated, react-native-gesture-handler, and react-native-svg libraries along with following their installation instructions.</p>
<h2>Features</h2>
<ul>
<li><strong>itemWidth:</strong> Item's width</li>
<li><strong>itemHeight:</strong> Item's height</li>
<li><strong>separatorSize:</strong> FlatList's separator width, set if ItemSeparatorComponent is provided</li>
<li><strong>borderRadius:</strong> Item &#x26; sticky border radius</li>
<li><strong>stickyItemActiveOpacity:</strong> Sticky item's active opacity</li>
<li><strong>stickyItemWidth:</strong> Sticky item's width</li>
<li><strong>stickyItemHeight:</strong> Sticky item's height</li>
<li><strong>stickyItemBackgroundColors:</strong> Sticky item's two background colors</li>
<li><strong>stickyItemContent:</strong> Sticky item's content component</li>
<li><strong>isRTL:</strong> FlatList' layout direction</li>
<li><strong>onStickyItemPress:</strong> Callback when sticky item gets pressed</li>
</ul>
<h2>Summary</h2>
<p>The npm package provides an interactive sticky item functionality inspired by Facebook Stories, requiring the installation of additional libraries such as react-native-reanimated, react-native-gesture-handler, and react-native-svg. The package offers various customizable features to enhance the user experience, such as defining item width, height, border radius, background colors, and more.</p>


<h2>Overview</h2>
<p>If you're a React Native developer looking to showcase your libraries, the npm runs with expo template is a fantastic tool that simplifies the process. Designed with user experience in mind, it offers an efficient way to present examples of your work, making it easier for others to understand and utilize your libraries.</p>
<p>This template not only accelerates the setup time for your project but also ensures that your examples are presented in a clean and organized manner. Whether you're working on personal projects or collaborating with others, this template can significantly enhance your development workflow.</p>
<h2>Features</h2>
<ul>
<li><strong>Easy Installation</strong>: Quickly set up the template with minimal configuration, allowing you to dive straight into coding.</li>
<li><strong>React Native Compatible</strong>: Fully compatible with React Native, ensuring you can use it seamlessly in your existing projects.</li>
<li><strong>Library Showcase</strong>: Specifically designed for showcasing libraries with clear examples that enhance user understanding.</li>
<li><strong>Support Options</strong>: Users can receive personalized help and customization requests, enhancing their overall experience with the template.</li>
<li><strong>Open Source</strong>: Released under the MIT License, promoting community engagement and contribution.</li>
<li><strong>Sponsorship Opportunities</strong>: Encourages users to support the maintenance of the library, fostering ongoing development and enhancements.</li>
<li><strong>Twitter Support</strong>: Provides an easy communication channel for real-time assistance and advice.</li>
</ul>


Gorhom

Docusaurus React Native Plugin

React Native Animated Tabbar

React Native Base UI

React Native Bottom Sheet

React Native Paper Onboarding

React Native Sticky Item

Showcase Template