Drag and swipe React components (9)
React sections you can grab: draggable cards, swipeable stacks and before/after sliders, built on Framer Motion drag with spring physics. Copy-paste, touch-friendly, Tailwind v4.
before-afterBefore After SliderSlider draggable avant/après avec Framer Motion drag='x'. Clip-path animé lié à la position du handle. Auto-animation de présentation au mount (30%→70%→50%). Labels badge flottants.before-afterWebsite RedesignComparaison avant/apres d'une refonte de site web avec slider interactif draggable.bentoBento DraggableCartes bento draggable et reordonnables avec animations spring au relachement.galleryGallery FilmstripBande filmstrip horizontale draggable avec perforations de film en CSS. Aspect ratio fixe, barre de progression et drag elastique.pricingPricing CalculatorCalculateur de prix interactif avec sliders (utilisateurs, stockage) qui mettent a jour le prix en temps reel avec transitions fluides.pricingPricing Toggle MorphToggle mensuel/annuel avec slider spring physique (useSpring). Prix en crossfade vertical (AnimatePresence popLayout). Badge 'Save X%' pop au passage annuel. Cards 3 colonnes avec layout Framer et CTA whileHover.product-showcaseProduct Showcase 360Produit qui tourne au drag horizontal avec rotateY + spring. Badge 360 glow, specs en grille overlay.servicesServices Scroll CardsCarousel de cards de services draggable horizontalement avec Framer Motion. Les cards hors viewport s'estompent en opacité et scale. Une barre de progression indique la position de défilement.testimonialsTestimonials Stack SwipePile de cartes temoignages a swiper style Tinder avec physique de ressort. Drag interactif gauche/droite.