@skecher-ui
React animated components that contains life, built with Tailwind CSS v4 and motion.
Install this registry
npx shadcn@latest add https://skecher-ui.com/r/registry.json pnpm dlx shadcn@latest add https://skecher-ui.com/r/registry.json bunx shadcn@latest add https://skecher-ui.com/r/registry.json curl -s https://skecher-ui.com/r/registry.json Components
24 totalA colorful, horizontally scrollable mail category selector with compact inactive tabs and an expanded active tab.
npx shadcn@latest add https://skecher-ui.com/r/apple-mail-tabs.json An interactive product grid with curved add-to-cart flights, a responsive cart stack, and an animated currency total.
npx shadcn@latest add https://skecher-ui.com/r/add-to-cart.json A polished AI prompt composer with model controls, attachments, and animated interaction states.
npx shadcn@latest add https://skecher-ui.com/r/ai-chat-box.json An interactive Three.js orb for AI assistants, voice interfaces, and ambient status surfaces.
npx shadcn@latest add https://skecher-ui.com/r/ai-orb.json A pointer-responsive payment card with a restrained dithering shader and spring-smoothed depth.
npx shadcn@latest add https://skecher-ui.com/r/dither-credit-card.json A macOS-style magnifying dock powered by shared motion values and spring-smoothed icon sizing.
npx shadcn@latest add https://skecher-ui.com/r/dock.json A bottom-anchored navigation shell with expandable labels and composable per-item panels.
npx shadcn@latest add https://skecher-ui.com/r/expandable-mobile-nav.json A compact action toolbar with configurable liquid merging effects and accessible controls.
npx shadcn@latest add https://skecher-ui.com/r/gooey-toolbar.json A percentage-controlled image grid with animated density changes, soft focus, and optional controls.
npx shadcn@latest add https://skecher-ui.com/r/image-density-grid.json An image viewer with pointer depth, soft image transitions, and a compact thumbnail rail.
npx shadcn@latest add https://skecher-ui.com/r/image-glide.json A full-page field of square cells that locally soften and round around a fine pointer.
npx shadcn@latest add https://skecher-ui.com/r/interactive-grid-hero.json A responsive social-link cluster with focused liquid-glass motion and clear interaction feedback.
npx shadcn@latest add https://skecher-ui.com/r/liquid-glass-social.json A WebGL image slideshow with liquid, frost, ripple, plasma, and timeshift transitions.
npx shadcn@latest add https://skecher-ui.com/r/liquid-morphology-slideshow.json A velocity-aware poster scroller with drag, wheel, spring, and progressive-blur treatments.
npx shadcn@latest add https://skecher-ui.com/r/magazine-scroller.json A floating action dock that merges into one surface and expands into contextual actions.
npx shadcn@latest add https://skecher-ui.com/r/morphing-action-dock.json A measured action menu that morphs between compact and expanded states with configurable directional movement.
npx shadcn@latest add https://skecher-ui.com/r/morph-menu.json A composable three-plate stack with spring-driven perspective and layered hover motion.
npx shadcn@latest add https://skecher-ui.com/r/morph-stack.json A scroll-linked text reveal with spring-smoothed progress and reduced-motion support.
npx shadcn@latest add https://skecher-ui.com/r/scroll-reveal-text.json A direction-aware panel transition with interruptible motion and reduced-motion fallbacks.
npx shadcn@latest add https://skecher-ui.com/r/sliding-panel.json A spring-driven text interaction that reacts to pointer movement and settles cleanly.
npx shadcn@latest add https://skecher-ui.com/r/snap-text.json A pill-track slider with a spring-driven fill and thumb, tick markers, and a tooltip that blurs in and out.
npx shadcn@latest add https://skecher-ui.com/r/spring-slider.json A soft word-by-word text reveal for hero copy, onboarding, and editorial interfaces.
npx shadcn@latest add https://skecher-ui.com/r/streaming-text.json An animated text replacement primitive for status messages, hero copy, and compact state changes.
npx shadcn@latest add https://skecher-ui.com/r/text-morphing.json An accessible tab selector with a spring indicator that stretches in response to movement velocity.
npx shadcn@latest add https://skecher-ui.com/r/velocity-tabs.json