<h2>Overview:</h2>
<p>Lottie is a mobile library available for Android and iOS platforms that allows designers to create animations in Adobe After Effects and render them natively on mobile devices. It simplifies the process of incorporating animations into mobile apps without requiring manual recreation by engineers.</p>
<h2>Features:</h2>
<ul>
<li><strong>Cross-Platform Compatibility:</strong> Supports Android, iOS, React Native, Web, and Windows platforms.</li>
<li><strong>Parsing of Adobe After Effects Animations:</strong> Parses animations exported as json with Bodymovin.</li>
<li><strong>Native Rendering:</strong> Animations are rendered natively on mobile devices for optimal performance.</li>
<li><strong>Sponsorship:</strong> Users are encouraged to sponsor the project to support its maintenance and improvement.</li>
<li><strong>Gradle Build Configuration:</strong> Only supports Gradle for build configuration.</li>
<li><strong>Lottie Compose:</strong> Supports the latest Lottie-Compose version for more functionality.</li>
<li><strong>AndroidX Support:</strong> Requires projects to be migrated to AndroidX for versions 2.8.0 and above.</li>
</ul>


<h2>Overview</h2>
<p>The react-sketchapp is designed as a solution to manage the assets of design systems in Sketch in a more efficient manner. By providing a bridge between Sketch and React, it enables developers to build reusable documents using a familiar JavaScript environment. This tool simplifies the process of incorporating real data, managing design systems, and even creating custom design tools within Sketch.</p>
<h2>Features</h2>
<ul>
<li><strong>Simplifies Design System Management:</strong> Efficiently manage design assets within Sketch using a React-based approach.</li>
<li><strong>Real Components Integration:</strong> Implement designs as React components and seamlessly render them in Sketch.</li>
<li><strong>Data-Driven Design:</strong> Facilitates the incorporation of real data into Sketch files for designing with accuracy.</li>
<li><strong>Custom Design Tooling:</strong> Build custom design tools on top of Sketch using react-sketchapp.</li>
<li><strong>Extensive Documentation:</strong> Detailed documentation, API references, examples, and FAQs are available for guidance.</li>
<li><strong>Easily Extensible:</strong> React-sketchapp allows for easy customization and extension to suit different project requirements.</li>
</ul>
<h2>Summary</h2>
<p>React-sketchapp provides a convenient solution for managing design assets in Sketch by leveraging the power of React. By allowing designers and developers to work with real components, incorporate real data, and build custom tools, it streamlines the design process within the Sketch environment. With its user-friendly features and comprehensive documentation, react-sketchapp simplifies the complexities of design system management, making it an invaluable tool for creating efficient and practical design solutions.</p>


<h2>Overview:</h2>
<p>Showkase is an annotation-processor based Android library that helps developers organize, discover, search, and visualize Jetpack Compose UI elements. With minimal configuration, Showkase generates a UI browser that allows for easy component discovery, color exploration, and typography visualization. The library also renders components in different situations, such as dark mode and right-to-left layouts, to help identify any potential issues early on. Showkase aims to streamline the process of maintaining a design system by providing a searchable and discoverable repository of UI elements.</p>
<h2>Features:</h2>
<ul>
<li><strong>Simple Setup</strong>: Setting up Showkase is straightforward and requires only a few steps.</li>
<li><strong>Visualization Support</strong>: Showkase supports the visualization of composables, colors, and typography, making it easier to preview and fine-tune UI elements.</li>
<li><strong>First Class @Preview Support</strong>: Showkase seamlessly integrates with the @Preview annotation in Android Studio, allowing for easy inclusion of existing components in the Showkase browser.</li>
<li><strong>Permutations Generation</strong>: Showkase automatically creates multiple permutations of each composable, including basic examples, dark mode, right-to-left layouts, font scaled, and display scaled.</li>
<li><strong>Search Functionality</strong>: Showkase provides the ability to search for a specific UI element by name or group.</li>
<li><strong>KDoc Support</strong>: Showkase includes support for KDoc, allowing developers to add descriptive documentation for components within the Showkase browser.</li>
<li><strong>Multi-Module Support</strong>: Showkase enables showcasing UI elements across multiple modules.</li>
<li><strong>Customizable Component Constraints</strong>: Showkase allows for constraining a component with a custom height/width using additional parameters in the annotation.</li>
<li><strong>Descriptive Error Messages</strong>: The library provides descriptive error messages to help developers troubleshoot any setup issues.</li>
<li><strong>Incremental Annotation Processor</strong>: Showkase's incremental annotation processor improves code-generation performance.</li>
</ul>


Airbnb

Lottie Android

React Sketchapp

Showkase