Slider Components

A motion-driven image gallery that uses Framer Motion to smoothly transition between stacked images based on mouse cursor position, featuring 3D perspective effects and spring-based animations.

A functional range input slider component built with Radix UI primitives, featuring a customizable track and thumb for precise numerical value selection within a defined range.

A highly interactive slider component featuring jelly-like spring physics, bouncy animations, and customizable stiffness, damping, and mass settings for fluid user input.

A motion-enhanced range slider featuring tick marks, a spring-animated vertical-bar thumb, and smooth step-snapping behavior built with Framer Motion and Tailwind CSS.

A highly accessible range input component built with React Aria, featuring a customizable track and thumb design for precise value selection within a defined numerical range.

A responsive range input slider built with Base UI, featuring a customizable track, active range indicator, and interactive circular thumbs with focus-visible ring states.

An animated vertical sliders icon component built with Motion, featuring SVG line path transitions that support both single-state triggers and continuous looping animations.

An animated horizontal sliders icon component built with Motion, featuring SVG line path transitions and customizable loop animations for UI controls.

A functional range slider component designed for selecting numerical values along a horizontal track, featuring a draggable thumb and customizable track styling built with Tailwind CSS.

A glass-morphism styled range slider component featuring a translucent backdrop, smooth sliding interaction, and subtle hover effects built with Tailwind CSS.

A full-screen image slider featuring smooth 3D perspective animations, automatic playback, keyboard navigation, and an optional overlay, built with Framer Motion and React.

A retro 8-bit styled range slider featuring a pixelated aesthetic with thick border accents, built using Radix UI primitives and Tailwind CSS for a distinct blocky visual interface.