# Updated: Circular Gallery

By Steven Van · 2026-10-12

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](<https://creatorstoolbox.com/resources/react-bits>), has been [rebuilt](<https://reactbits.dev/components/circular-gallery>) 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](<https://reactbits.dev/favicon.ico>)

React Bits

An open-source collection of 200+ animated, interactive React components and micro-interactions.

[View React Bits →](<https://creatorstoolbox.com/resources/react-bits>)

Sources

[Original source](<https://reactbits.dev/components/circular-gallery>)

[Read Updated: Circular Gallery on Creators Toolbox](<https://creatorstoolbox.com/blog/react-bits-updated-circular-gallery>)

---
Canonical source: https://creatorstoolbox.com/blog/react-bits-updated-circular-gallery