<h2>Overview:</h2>
<p>The mjml-react project is no longer maintained and there will be no new features, fixes, or releases. However, users are encouraged to fork the repository and use a different build system to continue development under a different name. The project is based on the MJML markup language created by Mailjet and provides React components for creating emails. The installation process requires installing the required dependencies and writing code. The result is a nice-looking email HTML that is mobile-friendly.</p>
<h2>Features:</h2>
<ul>
<li>Integration with MJML markup language and React components.</li>
<li>Ability to customize rendering options by passing an object to the render function.</li>
<li>Utilities for post-processing the output HTML.</li>
<li>Mobile-friendly email HTML preview.</li>
</ul>
<h2>Summary:</h2>
<p>The mjml-react project is a no longer maintained library that integrates the MJML markup language with React components for creating emails. Although the project is no longer actively developed, users can still fork the repository and continue development under a different name. The installation process involves installing the required dependencies and writing code to generate the email HTML. Overall, the project offers integration with MJML, customization options, utilities for post-processing, and the ability to create mobile-friendly email HTML.</p>


<h2>Overview</h2>
<p>The react-native-autogrow-textinput is a helper component designed to be a seamless replacement for the React Native TextInput. It allows for automatic expansion of multi-line text inputs based on the number of lines.</p>
<h2>Features</h2>
<ul>
<li><strong>Automatic Text Input Expansion:</strong> Text input automatically expands with more content.</li>
<li><strong>Easy Integration:</strong> Seamlessly replace React Native's TextInput component with autogrow text input.</li>
<li><strong>Native Side Fix:</strong> Resolve height issues for initial values by adding libAutoGrowTextInput to the project.</li>
</ul>
<h2>Summary</h2>
<p>The react-native-autogrow-textinput is a convenient tool for React Native developers to easily implement auto-expanding text input fields in their applications. By following the installation steps, users can seamlessly integrate this component into their projects and benefit from its automatic text input expansion feature.</p>


<h2>Overview:</h2>
<p>React Native Controllers is a deprecated project which has been merged into react-native-navigation. It was created as a React Native npm extension package for iOS, providing a truly native skeleton for iOS apps to enhance the user experience with smoother animations, improved performance, and a native look and feel across all iOS versions.</p>
<h2>Features:</h2>
<ul>
<li><strong>Truly native navigation</strong>: Offers truly native navigation instead of the JS-based alternatives.</li>
<li><strong>Native side menu drawer</strong>: Provides a truly native side menu drawer for iOS apps.</li>
<li><strong>Improved performance</strong>: Enhances performance with smoother animations and a look and feel that matches the OS.</li>
</ul>
<h2>Summary:</h2>
<p>In essence, React Native Controllers was designed to make it easier for developers to implement native iOS skeleton components in React Native apps. By providing a truly native experience with navigation and side menu drawer, it aimed to bridge the gap between React Native and native iOS development. However, due to its deprecated status and integration into react-native-navigation, developers are encouraged to explore the newer, more cross-platform solution for navigation needs.</p>


<h2>Overview:</h2>
<p>The React Native Crash Course by Wix is a comprehensive self-learning program crafted to equip individuals with the essential knowledge needed to write production code in React Native. It serves as a crucial component of the onboarding process for new developers at the Wix Mobile Guild. The course is structured into two main sections: learning the basics and building your first app.</p>
<h2>Features:</h2>
<ul>
<li><strong>Environment setup:</strong> Covering introductory topics such as Git &#x26; GitHub, JS, React, and React Native.</li>
<li><strong>Build your first app:</strong> A step-by-step guide integrating best practices and tools utilized at Wix, including React-native-navigation for app navigation, Remx for business logic and state management, react-native-ui-lib for styling, Detox for e2e tests, Jest for unit tests, and guidelines for adding a native module.</li>
</ul>
<h2>Summary:</h2>
<p>The React Native Crash Course by Wix is a valuable resource for individuals looking to enhance their skills in React Native development. With a structured approach covering both foundational concepts and practical app building, this course equips learners with the necessary tools to embark on their React Native journey.</p>


<h2>Overview:</h2>
<p>The react-native-interactable library is designed to support complex physical interactions with ease using a physics engine to drive interactions on the native side. It enables fluid user interactions by continuously reacting to the user's gestures, aiming to run at 60 frames per second to provide a natural touch device experience.</p>
<h2>Features:</h2>
<ul>
<li><strong>Swipeable card</strong>: Allows a card to spring into place unless swiped away with enough force.</li>
<li><strong>Drawer snapping</strong>: Enables a drawer to snap between closed and open states with buttons appearing gradually as it is dragged.</li>
<li><strong>Collapsible header</strong>: Allows a header to snap to a smaller size as the content below is scrolled.</li>
<li><strong>Chat heads</strong>: Similar to Facebook Messenger, these heads can be dragged around and snap to corners of the screen.</li>
</ul>
<h2>Summary:</h2>
<p>The react-native-interactable library provides a solution for implementing complex physical interactions in React Native, supporting high-performance gestures with properties like springiness, friction, elasticity, and damping. By utilizing a physics engine on the native side, it aims to run at 60 FPS for seamless user experiences.</p>


<h2>Overview</h2>
<p>The react-native-keyboard-aware-scrollview is a helper component designed to mimic the functionality of the React Native ScrollView while appropriately handling the ScrollView's insets when the keyboard is displayed or hidden. This ensures that all content remains scrollable and accessible to the user even when the keyboard is active.</p>
<h2>Features</h2>
<ul>
<li><strong>Drop-in Replacement</strong>: Can be easily used as a replacement for React Native's ScrollView.</li>
<li><strong>Keyboard Insets Handling</strong>: Automatically adjusts the content insets to accommodate the keyboard.</li>
<li><strong>Auto-Scrolling for TextInput Components</strong>: Ability to automatically scroll to TextInput components when they receive focus for improved visibility.</li>
</ul>
<h2>Summary</h2>
<p>The react-native-keyboard-aware-scrollview is a convenient component that ensures smooth scrolling behavior for content, especially when dealing with input fields and the keyboard in a React Native application. By providing automatic handling of ScrollView insets and support for auto-scrolling to focused TextInput components, it enhances the user experience in handling content that extends beyond the viewport.</p>


<h2>Overview:</h2>
<p>React Native Keyboard Input is a library that presents a React component as an input view to replace the system keyboard. It allows users to create custom input views such as image galleries or stickers and supports both iOS and Android platforms.</p>
<h2>Features:</h2>
<ul>
<li><strong>Custom Input Views</strong>: Replace the system keyboard with a custom input view.</li>
<li><strong>Cross-Platform Support</strong>: Compatible with both iOS and Android.</li>
<li><strong>Keyboard Component Registration</strong>: Register custom keyboard components for later use.</li>
<li><strong>KeyboardAccessoryView</strong>: Provides an easy way to show a custom input using predefined components and classes.</li>
</ul>
<h2>Summary:</h2>
<p>React Native Keyboard Input is a library that allows developers to replace the system keyboard with custom input views on both iOS and Android platforms. The installation process involves updating dependencies, adding configurations for ProGuard and iOS, and utilizing keyboard components and classes for creating custom inputs. Overall, this library provides a versatile solution for implementing unique input views in React Native applications.</p>


<h2>Overview:</h2>
<p>The React Native Rich Text Editor is a fully functional Rich Text Editor designed for both Android and iOS platforms. It is based on the ZSSRichTextEditor project.</p>
<h2>Features:</h2>
<ul>
<li><strong>RichTextEditor</strong>: A component that provides a fully functional Rich Text Editor for text formatting and styling.</li>
<li><strong>Methods for Styling</strong>: Includes methods for setting bold, italic, underline, headings, paragraph alignment, list items, links, images, colors, and more.</li>
<li><strong>Customization</strong>: Allows injecting custom CSS styles to the editor and setting placeholders for title and content.</li>
<li><strong>Content Adjustment</strong>: Provides methods for adjusting content, placeholders, and CSS.</li>
</ul>
<h2>Summary:</h2>
<p>The React Native Rich Text Editor is a feature-rich component that offers a comprehensive set of tools for creating and styling text content within a mobile application. With methods for text formatting, styling, content adjustment, customization, and focus control, it provides a versatile solution for implementing a rich text editing feature in React Native apps.</p>


<h2>Overview</h2>
<p>React Templates is a lightweight library for React that allows for easy precompilation of code, resulting in clear and concise React code. It features an easy syntax similar to HTML, with a clear separation of presentation and logic. It supports multiple module formats, including AMD, CommonJS, ES6, Typescript, and globals. React Templates compiles .rt files into JavaScript files, returning a virtual React DOM based on React.DOM elements and custom user components.</p>
<h2>Features</h2>
<ul>
<li><strong>Lightweight templates for React</strong>: React Templates provides lightweight templates for React, allowing for clear and concise code.</li>
<li><strong>Easy syntax similar to HTML</strong>: The syntax used in React Templates is similar to HTML, making it easy to write and understand.</li>
<li><strong>Clear separation of presentation and logic</strong>: React Templates encourages clear separation of presentation and logic, resulting in cleaner code files.</li>
<li><strong>Declarative coding</strong>: React Templates uses declarative coding, ensuring that the HTML written and the HTML inspected look nearly identical.</li>
<li><strong>Support for multiple module formats</strong>: React Templates supports AMD, CommonJS, ES6, Typescript, and globals, allowing for flexibility in module usage.</li>
</ul>
<h2>Summary</h2>
<p>React Templates is a lightweight library for React that provides easy precompilation of code, resulting in clear and concise React code. It features an easy syntax similar to HTML, with a clear separation of presentation and logic. React Templates supports multiple module formats and encourages declarative coding. It can be installed using npm.</p>


<h2>Overview</h2>
<p>wix-ui-backoffice is an archived and no longer supported library. It has been replaced by wix-style-react. wix-style-react is a powerful UI kit that provides developers with a set of reusable components and tools to easily build sleek and modern web applications.</p>
<h2>Features</h2>
<ul>
<li><strong>Reusable Components</strong>: wix-style-react offers a wide range of reusable components such as buttons, dropdowns, modals, and forms. These components are highly customizable and can be easily integrated into any project.</li>
<li><strong>Design Guidelines</strong>: Built with design guidelines in mind, wix-style-react ensures consistency and a seamless user experience across different pages and sections of the application.</li>
<li><strong>Responsive Layout</strong>: The components in wix-style-react are designed to adapt to different screen sizes and devices, providing a responsive layout that looks great on both desktop and mobile.</li>
</ul>
<h2>Summary</h2>
<p>wix-style-react is a modern and feature-rich UI kit that provides developers with a set of reusable components, design guidelines, and a responsive layout. It offers an easy and efficient way to build visually appealing and user-friendly web applications. If you were previously using wix-ui-backoffice, it is recommended to switch to wix-style-react for ongoing support and future updates.</p>


<h2>Overview:</h2>
<p>The Wix-UI-Backoffice is an archived and no longer supported product. It has been replaced by Wix-Style-React. Wix-UI-Backoffice was a UI library used for building internal Wix applications with a consistent and user-friendly design. It offered a range of components and features that helped developers create visually appealing and functional interfaces. However, as it is no longer supported, developers are encouraged to refer to Wix-Style-React for their UI needs.</p>
<h2>Features:</h2>
<ul>
<li><strong>User-friendly design</strong>: Wix-UI-Backoffice provided a set of components designed to ensure a visually pleasing and user-friendly experience for Wix application users.</li>
<li><strong>Multiple UI components</strong>: The library offered a wide range of UI components such as buttons, modals, tables, and dropdowns, making it easy for developers to create complex and interactive interfaces.</li>
<li><strong>Consistent styling</strong>: Wix-UI-Backoffice provided a set of predefined styles and guidelines, ensuring a consistent look and feel across different parts of the application.</li>
</ul>
<h2>Summary:</h2>
<p>Wix-UI-Backoffice was a UI library for building internal Wix applications with a consistent and user-friendly design. It offered a range of components and features that helped developers create visually appealing and functional interfaces. However, it is no longer supported, and developers are encouraged to refer to Wix-Style-React for their UI needs.</p>


Wix Incubator

Angular Tree Control

Angular Widget

Generator React Templates

Gulp React Templates

Hello React Templates

Mjml React

React Native Autogrow Textinput

React Native Controllers

React Native Crash Course

React Native Interactable

React Native Keyboard Aware Scrollview

React Native Keyboard Input

React Native Zss Rich Text Editor

React Templates Transform Boilerplate

React Templates

Turnerjs

Wix Appointments Subscriptions Nextjs Template

Wix Cms Nextjs Template

Wix React Native Storybook Template

Wix UI Backoffice

Wix UI Backoffice