Circular Gallery
Customize Components
CircularGallery Settings
Bend3
Border Radius0.05
Scroll Ease0.02
Props
| Property | Type | Default | Description |
|---|---|---|---|
| items | { image: string; text: string }[] | defaultItems | Array of gallery items with image URL and text. |
| bend | number | 3 | Amount of bend in the gallery layout (0 = flat, higher = more curved). |
| textColor | string | "#ffffff" | Color of the text overlay on gallery items. |
| borderRadius | number | 0.05 | Border radius for gallery items (0 = sharp corners, higher = more rounded). |
| font | string | "bold 30px Figtree" | Font family and size for the text overlay. |
| scrollSpeed | number | 2 | Speed of scrolling when using mouse wheel or touch. |
| scrollEase | number | 0.05 | Easing factor for scroll animations (lower = smoother, higher = snappier). |
Dependencies
ogl
Created with ❤️ by Cybershoora