{"repo":"ashishgogula/coverflow","free":true,"listed":false,"github":"https://github.com/ashishgogula/coverflow","clone":"git clone https://github.com/ashishgogula/coverflow.git","description":"iOS-like Cover Flow for React. Fluid, physical motion with zero layout shifts. Built for the modern web with Motion and Tailwind.","language":"TypeScript","stars":121,"topics":["react","animation","interaction-design","motion-design","shadcn-ui","ui-components"],"license":"MIT","category":"ui-components","readme_excerpt":"Cover Flow A high-fidelity recreation of the classic iTunes Cover Flow interaction — an iOS-style coverflow carousel component for React, built for the modern web with Next.js, Tailwind and Motion. This project focuses on motion feel, spatial depth, and interaction fidelity rather than recreating visuals pixel-for-pixel. - Supports click, drag, touch, keyboard, and horizontal wheel interactions with velocity-aware dragging and arrow-key navigation. - Driven by motion springs for weighty, responsive, and fully interruptible animations. - Uses hardware-accelerated CSS 3D transforms for smooth, refresh-rate-independent performance. - Drops cleanly into shadcn-based projects via the CLI or manual install, following the same conventions and structure. - Works seamlessly in modern React and Next.js environments, including App Router setups. - Adapts gracefully to different container sizes and layouts by default. - Styled with Tailwind CSS and compatible with next-themes for dark mode support. - Isolated transform-based animations ensure the surrounding layout never shifts. If this component helped you or inspired an interaction idea, a GitHub star is appreciated. Documentation & Installation All installation methods, usage examples, and configuration details are documented here: 👉 https://coverflow.ashishgogula.in/docs This includes: - shadcn CLI installation - npm / pnpm / yarn / bun usage - Manual setup - Live examples - Interactive playground with presets and real-time prop con","default_branch":null,"files":null,"tree":[],"storefront":"/r/ashishgogula","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/ashishgogula/coverflow/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."}