Updated: Circular Gallery
By Steven Van ·
The rebuilt React Bits component opens cards to the full image, supports keyboard and hover, and drops its extra dependencies.
Circular Gallery, a component in React Bits, has been rebuilt with crisp, smooth edges and no extra dependencies.
Cards and interaction
Cards now open to the full image. They respond to hover and to the keyboard. The gallery is a curved layout that can be dragged, scrolled or tabbed through.
Gallery behaviour
The gallery can drift, snap, fade and change shape.
Installation
The component is available in JavaScript or TypeScript, with plain CSS or Tailwind. The shadcn command for the TypeScript and Tailwind version is npx shadcn@latest add @react-bits/CircularGallery-TS-TW.
React Bits
An open-source collection of 200+ animated, interactive React components and micro-interactions.
View React Bits →