{"repo":"raphaelsalaja/cambio","free":true,"listed":false,"github":"https://github.com/raphaelsalaja/cambio","clone":"git clone https://github.com/raphaelsalaja/cambio.git","description":"A simple shared animation component for React","language":"TypeScript","stars":201,"topics":["base","motion","react"],"license":"MIT","category":"saas-starters-boilerplates","readme_excerpt":"Cambio Cambio is a simple shared animation component for React. Cambio simplifies shared animations in React by removing the complexity that many developers face when setting up these interactions. By eliminating boilerplate code, it streamlines both implementation and maintenance workflows. Built on Base UI's accessible primitives and Motion's powerful animation library, Cambio ensures your animations are both performant and inclusive by default. For the source code, check out the GitHub. Installation Setup Cambio leverages Base UI's Dialog component to render popups outside of the main DOM hierarchy. To make portalled components always appear on top of the entire page, add the following style to your application layout root. For more information, see the Base UI Documentation. Usage It can be used anywhere in your application as follows. For complete code examples, refer to the examples directory. Motion Cambio leverages the power of Motion to provide a seamless animation experience. All components are built on Motion primitives, giving you fine-grained control over animations without the complexity. You can easily customize transitions by passing a transition prop to any component: This eliminates the need to wrap components in elements while maintaining full Motion capabilities. Presets Cambio includes four built-in motion presets, each optimized for different interaction patterns. You can configure the motion preset globally at the root level. snappy - 240ms ease-out ani","default_branch":null,"files":null,"tree":[],"storefront":"/r/raphaelsalaja","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/raphaelsalaja/cambio/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."}