@uniquel
Minimalist components for React / Next.js: animated backgrounds, galleries, badges, and conversion blocks. Built with Tailwind CSS and Motion, installable with the shadcn CLI.
Install this registry
npx shadcn@latest add https://uniquel.io/r/registry.json pnpm dlx shadcn@latest add https://uniquel.io/r/registry.json bunx shadcn@latest add https://uniquel.io/r/registry.json curl -s https://uniquel.io/r/registry.json Components
58 totalA six-digit PIN input with paste support and keyboard navigation for verification codes.
npx shadcn@latest add https://uniquel.io/r/pin-input.json A premium search input with a focused state and an icon that becomes a submit action as you type.
npx shadcn@latest add https://uniquel.io/r/search-input-with-icon.json A minimal typing animation with smart backspacing, an optional cursor, and adjustable speed.
npx shadcn@latest add https://uniquel.io/r/typing-animation.json A button-triggered canvas confetti burst with a center launch and three quick side volleys.
npx shadcn@latest add https://uniquel.io/r/confetti-fireworks.json A single folded iPhone Duo with a replaceable 1398 × 2034 external display and polished silver frame.
npx shadcn@latest add https://uniquel.io/r/iphone-duo-closed-mockup.json A single fully open iPhone Duo with a flat, replaceable 2670 × 1878 display and subtle hinge detail.
npx shadcn@latest add https://uniquel.io/r/iphone-duo-open-mockup.json A silver foldable concept with polished edges, dual cameras, and one easily replaceable screenshot.
npx shadcn@latest add https://uniquel.io/r/iphone-duo-mockup.json Animated canvas waves that fill the container and drift with the pointer - a softer, SaaS-ready take on classic wavy backgrounds.
npx shadcn@latest add https://uniquel.io/r/wavy-tide.json Subtle canvas meteors drifting across a dark sky - a quiet animated background for heroes and landing sections.
npx shadcn@latest add https://uniquel.io/r/meteor-shower.json Staggered neon trails that sweep across a dark field - colors are prop-driven for easy theming.
npx shadcn@latest add https://uniquel.io/r/neon-flow.json Soft layered waves in parallax drift - cool indigo tones by default, colors via props.
npx shadcn@latest add https://uniquel.io/r/desert-dune.json Minimal aurora borealis light - fanned curtains in tones of a single green, drifting slowly across a deep night sky.
npx shadcn@latest add https://uniquel.io/r/aurora.json 3D coverflow carousel with keyboard, dot nav, and optional autoplay that pauses on hover.
npx shadcn@latest add https://uniquel.io/r/coverflow-gallery.json Fanned photo arch with center-forward stacking; hover lifts a card and scales it up.
npx shadcn@latest add https://uniquel.io/r/arch-gallery.json Brand hub with a pyramid of connected apps and a looping pulse that travels down each branch.
npx shadcn@latest add https://uniquel.io/r/integration-hub.json Layered portraits with grayscale-to-color hover, spring lift, and a glass +N counter.
npx shadcn@latest add https://uniquel.io/r/avatar-stack.json Editorial rating with sequentially drawn stars, review count, and a soft luminous edge.
npx shadcn@latest add https://uniquel.io/r/rating-badge.json Translucent offer marker with a low-frequency glow pulse and optional dismiss.
npx shadcn@latest add https://uniquel.io/r/promo-pill.json Primary and secondary actions as one unit - depth on hover, underline reveal on the quiet CTA.
npx shadcn@latest add https://uniquel.io/r/button-group.json Minimal metadata token with an independent icon hover and soft selected bloom.
npx shadcn@latest add https://uniquel.io/r/feature-chip.json Sculptural app mark in a precise tile - muted to full color with a near-imperceptible lift.
npx shadcn@latest add https://uniquel.io/r/integration-badge.json Minimal accordion with a subtly animated chevron for compact FAQs and supporting details.
npx shadcn@latest add https://uniquel.io/r/accordion-chevron.json A circular scroll progress indicator that doubles as a compact return-to-top control.
npx shadcn@latest add https://uniquel.io/r/scroll-progress-indicator.json A drawn-line progress indicator with spring-smoothed scroll tracking and a fading percentage.
npx shadcn@latest add https://uniquel.io/r/reading-progress.json Editorial pull quote with oversized glyph, expanding rule, and blurred fade-in.
npx shadcn@latest add https://uniquel.io/r/quote-highlight.json Restrained product update strip with gradient sheen and a clean collapse dismiss.
npx shadcn@latest add https://uniquel.io/r/announcement-bar.json Minimal locale control with scaled blur-sm menu and staggered options - no native select chrome.
npx shadcn@latest add https://uniquel.io/r/language-selector.json A centered spinner overlay for blocking a page or panel while content loads.
npx shadcn@latest add https://uniquel.io/r/spinner-overlay.json A light three-dot loading overlay with staggered motion.
npx shadcn@latest add https://uniquel.io/r/bouncing-dots-overlay.json Five staggered bars that create a compact equalizer-style loading overlay.
npx shadcn@latest add https://uniquel.io/r/wave-bars-overlay.json A card-shaped skeleton overlay for loading dashboards, forms, and content panels.
npx shadcn@latest add https://uniquel.io/r/skeleton-overlay.json Editorial card with a full-bleed image, story metadata, and optional link wrapper.
npx shadcn@latest add https://uniquel.io/r/compact-card.json Side-by-side product card with image, price, and a clear action.
npx shadcn@latest add https://uniquel.io/r/horizontal-card.json Compact dashboard metric with a trend badge and inline sparkline.
npx shadcn@latest add https://uniquel.io/r/metric-card.json Layered testimonial cards that cycle forward with a spring stack. Click the front card to advance.
npx shadcn@latest add https://uniquel.io/r/card-stack.json Compact sun and moon switch that persists theme preference and toggles the document dark class.
npx shadcn@latest add https://uniquel.io/r/dark-mode-toggle.json Numbered pagination that keeps the current page visible and collapses long ranges with ellipses.
npx shadcn@latest add https://uniquel.io/r/pagination-with-ellipsis.json Compact pagination controls with arrows and dots by default, plus optional page numbers.
npx shadcn@latest add https://uniquel.io/r/pagination-with-dots.json Minimal React stepper with clear completed, current, and upcoming states for multi-step flows.
npx shadcn@latest add https://uniquel.io/r/react-stepper.json A clean side-by-side React splitter for inboxes, editors, and dashboard layouts.
npx shadcn@latest add https://uniquel.io/r/horizontal-react-splitter.json A stacked React splitter for charts, activity feeds, consoles, and detail panels.
npx shadcn@latest add https://uniquel.io/r/vertical-react-splitter.json A flexible React splitter layout with an independent sidebar and stacked workspace panels.
npx shadcn@latest add https://uniquel.io/r/nested-react-splitter.json A minimalist input spinner for choosing quantities with buttons, typing, or arrow keys.
npx shadcn@latest add https://uniquel.io/r/input-spinner.json A vertical range input with configurable value labels, thumb shapes, colors, and height.
npx shadcn@latest add https://uniquel.io/r/vertical-slider.json A static 3D background grid - a glowing wireframe perspective grid that recedes into the dark, with depth from atmospheric falloff and light pooling at each in…
npx shadcn@latest add https://uniquel.io/r/background-grid.json Responsive horizontal carousel with native scrolling, scroll snapping, and accessible previous and next controls.
npx shadcn@latest add https://uniquel.io/r/scrollable-carousel.json Lightweight SVG blob that smoothly morphs between organic shapes with customizable colors and speed.
npx shadcn@latest add https://uniquel.io/r/svg-blob-animation.json Accessible React search bar with highlighted results, keyboard navigation, and polished loading and empty states.
npx shadcn@latest add https://uniquel.io/r/react-search-bar.json Polished file upload component with drag and drop, validation, progress, errors, and removable file rows.
npx shadcn@latest add https://uniquel.io/r/file-upload-component.json Compact next button with a looping arrow reveal, crisp press feedback, and loading and disabled states.
npx shadcn@latest add https://uniquel.io/r/animated-next-button.json Premium animated image and content slider with directional transitions, swipe gestures, captions, and numbered progress.
npx shadcn@latest add https://uniquel.io/r/animated-slider.json Minimal liquid button with a curved dark fill that rises on hover, focus, and press.
npx shadcn@latest add https://uniquel.io/r/liquid-button.json Reusable skeleton loader with rounded shapes and a quiet reduced-motion shimmer.
npx shadcn@latest add https://uniquel.io/r/skeleton-loader.json Thin inline loading spinner sized for buttons, cards, and compact panels.
npx shadcn@latest add https://uniquel.io/r/spinner-component.json Labeled React number input with an optional unit, stacked controls, bounds, and empty values.
npx shadcn@latest add https://uniquel.io/r/react-number-input.json Flexible Base UI drawer primitive for focused tasks, panels, and mobile sheets.
npx shadcn@latest add https://uniquel.io/r/drawer.json Flexible Base UI modal primitive for confirmations, forms, sharing, and command dialogs.
npx shadcn@latest add https://uniquel.io/r/modal.json Base UI tabs with default, line, vertical, disabled, and icon compositions.
npx shadcn@latest add https://uniquel.io/r/tabs.json