sh4dcnv2 · atlas
← libraries

@skecher-ui

React animated components that contains life, built with Tailwind CSS v4 and motion.

24 components react shadcn-cli

Install this registry

shadcn (npm) npx shadcn@latest add https://skecher-ui.com/r/registry.json
pnpm pnpm dlx shadcn@latest add https://skecher-ui.com/r/registry.json
bun bunx shadcn@latest add https://skecher-ui.com/r/registry.json
fetch registry curl -s https://skecher-ui.com/r/registry.json

Components

24 total
Apple Mail Tabs ui

A 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
Add to Cart ui

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
AI Chat Box ui

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
AI Orb ui

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
Dither Credit Card ui

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
Dock ui

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
Expandable Mobile Nav ui

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
Gooey Toolbar ui

A compact action toolbar with configurable liquid merging effects and accessible controls.

npx shadcn@latest add https://skecher-ui.com/r/gooey-toolbar.json
Image Density Grid ui

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
Image Glide ui

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
Interactive Grid Hero ui

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
Liquid Glass Social ui

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
Liquid Morphology Slideshow ui

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
Magazine Scroller ui

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
Morphing Action Dock ui

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
Morph Menu ui

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
Morph Stack ui

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
Scroll Reveal Text ui

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
Sliding Panel ui

A direction-aware panel transition with interruptible motion and reduced-motion fallbacks.

npx shadcn@latest add https://skecher-ui.com/r/sliding-panel.json
Snap Text ui

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
Spring Slider ui

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
Streaming Text ui

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
Text Morphing ui

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
Velocity Tabs ui

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