{"repo":"codse/animata","free":true,"listed":false,"github":"https://github.com/codse/animata","clone":"git clone https://github.com/codse/animata.git","description":"Bring your site to life with easy to use animation & interaction code. Copy. Paste. Animate.","language":"TypeScript","stars":2775,"topics":["animation","interaction","nextjs","react","tailwindcss","css-animations","hacktoberfest","hacktoberfest-accepted","hacktober"],"license":"MIT","category":"saas-starters-boilerplates","readme_excerpt":"Handcrafted ✍️ interaction animations and visual effects sourced from across the internet 🛜, ready for you to copy and paste into your project seamlessly. Built with Table of Contents 1. Introduction - What is Animata? - What is not Animata? 2. Getting Started - Requirements - Setup Instructions - Folder Structure (Recommended) - Install Dependencies - Create Utility Functions 3. Contributing 4. Authors 5. License Introduction What is Animata? Welcome to Animata, a free and open-source collection of hand-crafted animations, effects, and interactions that you can seamlessly integrate into your project with a simple copy and paste. The animations are built using TailwindCSS and React.js, so they can be easily customized to fit your project's design. What is not Animata? Animata is not a full-fledged UI library like Material-UI or Chakra-UI. It is a collection of animations and effects that you can use to enhance your project's design. You can also use Animata alongside other UI libraries or design systems (you will need to set up TailwindCSS for this). Getting Started You don't need to install it as a dependency instead you can simply copy and paste the code, as shadcn/ui, into your project. However, you still need to install the other dependency that the code needs. Requirements - TailwindCSS: For styling. - Framer Motion (Optional): For complex animations. - Lucide Icons or Radix Icons (Optional): Use for icons, or replace with any other icon library or SVGs. Setup Instructi","default_branch":null,"files":null,"tree":[],"storefront":"/r/codse","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/codse/animata/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}