Dev Design Library

Carousel Dots

Carousel dots, static or on autoplay: fluid-hover click areas, and a current pill that fills over each slide's duration.

Carousel Dots preview
Library
Fluid Functionalism
Framework
React
Type
ui
License
MIT
Dependencies
motion
Install
npx shadcn@latest add @fluid/carousel-dots
Files
  • registry/default/carousel-dots.tsx
  • registry/default/lib/utils.ts
  • registry/default/lib/shape-context.tsx
  • registry/default/lib/springs.ts
  • registry/default/hooks/use-fluid-hover.ts
  • registry/default/fluid-hover-highlight.tsx
  • lib/utils.ts
  • lib/springs.ts
Source
https://github.com/mickadesign/fluid-functionalism

Categories

More from Fluid Functionalism