android-animations

KO | EN

gitlite — search

#hacktoberfest #typescript #llm #golang #android #rust #deep-learning #macos #awesome #pytorch #security #ios #mcp #openai

android-animations

(★ 18)

No description available.

android-animations Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<h1 align="center">Android Animations with Jetpack Compose</h1>

<p align="center">
  <strong>A repository showcasing various animations using Jetpack Compose. Perfect for developers looking to learn and practice animation techniques on Android.</strong>
</p>

## Table of Contents 
- <a href="#about-the-project">About the Project</a>
- <a href="#showcase">Showcase</a>
- <a href="#quick-start">Quick Start</a>
- <a href="#requirements">Requirements</a>
- <a href="#reporting-issues">Reporting Issues</a>
- <a href="#contributing">Contributing</a>
- <a href="#contributors">Contributors</a>
- <a href="#license">License</a>

<h2 id="about-the-project">About the Project📃</h2>

<p>This repository demonstrates various animation techniques available in Jetpack Compose, helping developers learn how to create smooth, interactive UI animations. Includes various animations, making it easy to explore and implement these animations.</p>

<h2 id="showcase">Showcase⭐</h2>
<table align="center">
  <tr>
    <td align="center">
      <div>
        <img src="https://github.com/user-attachments/assets/fd07be80-0991-46ad-8582-d4dc13a5ecb2" alt="Swipe to delete" width="250" height="200" />
        <p>Swipe to delete</p>
      </div>
    </td>
    <td align="center">
      <div>
        <img src="https://github.com/user-attachments/assets/c1209c91-7995-4c9d-99e6-ae709c9037b3" alt="Confetti Animation" width="250" height="250" />
        <p>Confetti Animation</p>
      </div>
    </td>
    <td align="center">
      <div>
        <img src="https://github.com/user-attachments/assets/070e7eee-207f-4553-a6f7-4c59d24e44a7" alt="Bouncing ball" width="250" height="250" />
        <p>Bouncing ball</p>
      </div>
    </td>
  </tr>
  <tr>
    <td align="center">
      <div>
        <img src= "https://github.com/user-attachments/assets/b3b898b8-68a1-40ff-a278-2973a7a57db0" alt="Placeholder Image" width="250" height="200"  />
        <p>Wave Loading Bar</p>
      </div>
    </td>
    <td align="center">
      <div>
        <img src="https://github.com/user-attachments/assets/ed0eb5ef-9136-4561-91bf-50258708f10d" alt="Placeholder Image" width="250" height="200" />
        <p>Carousel Slider</p>
      </div>
    </td>
    <td align="center">
      <div>
        <img src="https://github.com/user-attachments/assets/b8536134-f284-4eb5-aff6-aab40666dad2" alt="Placeholder Image" width="250" height="200" />
        <p>Card Flip</p>
      </div>
    </td>
  </tr>
  <tr>
    <td align="center">
      <div>
        <img src="https://github.com/user-attachments/assets/cdc3d891-e7e6-42f2-bddc-cad28ebddd26" alt="Placeholder Image" width="250" height="200" />
        <p>Emoji Progress Bar</p>
      </div>
    </td>
    <td align="center">
      <div>
        <img src="https://github.com/user-attachments/assets/0bf147a2-0db1-49e5-acb9-7e252a5807bd" alt="Placeholder Image" width="250" height="200" />
        <p>Type Writer Animation</p>
      </div>
    </td>
    <td align="center">
      <div>
        <img src="https://github.com/user-attachments/assets/429dfaec-1d44-4ef7-ac4b-9e5f7dddd84b " alt="Placeholder Image" width="250" height="200" />
        <p>Floating Elements</p>
      </div>
    </td>
  </tr>
</table>

<h2 id="quick-start">Quick Start 🚀</h2>
<ol>
  <li><strong>Clone the repository</strong>:
    <pre><code>git clone https://github.com/crakcode-hub/android-animations.git</code></pre>
  </li>
  <li><strong>Open the project</strong>:
    <ul>
      <li>Use <strong>Android Studio Bumblebee (2021.1.1)</strong> or newer.</li>
      <li>Navigate to the cloned folder and open the project in Android Studio.</li>
    </ul>
  </li>
  <li><strong>Run the app</strong>:
    <ul>
      <li>Build and run the app on a physical device or an emulator.</li>
      <li>For optimal performance, test on devices/emulators with Android 8.0 (API level 26) or above.</li>
    </ul>
  </li>
</ol>

<h2 id="requirements">Requirements 🛠️</h2>
<ul>
  <li><strong>Android Studio Bumblebee (2021.1.1)</strong> or newer</li>
  <li>Android <strong>Gradle Plugin</strong> version <code>7.0.3</code> or higher</li>
  <li>JDK 11</li>
  <li>An emulator or a physical Android device with <strong>Android 8.0 (API level 26)</strong> or higher</li>
</ul>

<h2 id="reporting-issues">Reporting Issues 🐛</h2>
<p>If you encounter any bugs or have suggestions for improvement, we’d love to hear from you! Here’s how you can help:</p>
<ol>
  <li>Check if the issue already exists in the <a href="https://github.com/crakcode-hub/android-animations/issues">GitHub Issues</a> section.</li>
  <li>If it doesn’t, <strong>open a new issue</strong>:
    <ul>
      <li>Describe the problem in detail.</li>
      <li>Include steps to reproduce the issue.</li>
      <li>Attach screenshots or logs if applicable.</li>
      <li>Mention the device, emulator, and Android version used.</li>
    </ul>
  </li>
</ol>
<p>Thank you for helping us improve this project!</p>

<h2 id="contributing">Contributing 🧑‍💻</h2>
<p>We welcome contributions to make this project better! Whether you want to fix a bug, add a new feature, or improve documentation, your help is appreciated.</p>

<h3>How to Contribute</h3>
<ol>
  <li><strong>Fork the Repository</strong>: Click the <a href="https://github.com/crakcode-hub/android-animations/fork">Fork</a> button on the top-right corner of the repository page.</li>
  <li><strong>Clone Your Fork</strong>: Clone the forked repository to your local machine:
    <pre><code>git clone https://github.com/your-username/android-animations.git</code></pre>
  </li>
  <li><strong>Create a New Branch</strong>: Use a descriptive name for your branch:
    <pre><code>git checkout -b feature/your-feature-name</code></pre>
  </li>
  <li><strong>Make Your Changes</strong>: Edit the code, fix bugs, or add features. Make sure to follow the coding guidelines and test your changes locally.</li>
  <li><strong>Commit Your Changes</strong>: Write clear and concise commit messages:
    <pre><code>git commit -m "Add: Feature description"</code></pre>
  </li>
  <li><strong>Push Your Changes</strong>: Push the changes to your forked repository:
    <pre><code>git push origin feature/your-feature-name</code></pre>
  </li>
  <li><strong>Open a Pull Request</strong>: Navigate to the original repository and click the <strong>New Pull Request</strong> button. Provide a detailed description of the changes you’ve made.</li>
</ol>

<h3>Contribution Guidelines</h3>
<ul>
  <li>Follow the <a href="https://kotlinlang.org/docs/coding-conventions.html">Kotlin Coding Conventions</a>.</li>
  <li>Write descriptive commit messages for better traceability.</li>
  <li>Test your changes on multiple Android devices and emulator configurations.</li>
  <li>Ensure the app runs without crashes or errors before submitting your pull request.</li>
</ul>

<h2 id="learn-more">Learn More✅</h2>

<p>If you're interested in diving deeper into Android development, including advanced topics and best practices, visit our website for more resources and mentorship.</p>

<p align="center">
  <a href="https://www.crakcode.in/" target="_blank">
    <strong>Explore More on CrakCode Website</strong>
  </a>
</p>

## Contributors
<p>
Join us to make this project even better. Happy Animating! 🎉
</p>
<p>
  <a href="https://github.com/crakcode-hub/android-animations/graphs/contributors">
    <img src="https://contrib.rocks/image?repo=crakcode-hub/android-animations" alt="Contributors"/>
  </a>
</p>

<h2 id="license">License📄</h2>
This project is licensed under the MIT License.

<p align="center">Built with 💚 by <a href="https://www.crakcode.in/">CrakCode</a></p>
<p align="center">
  <a href="#top">Back to Top 🔝</a>
</p>

android-animations

android-animations Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

android-animations

android-animations Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README