New This Week: 8 February 2026

We have been busy building out the UI Destination library. Here is what landed this week.

Components

Aurora Button

An animated button with a flowing gradient effect that shifts between electric lime and violet. Perfect for calls-to-action.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/aurora-button.json

View component

Bento Card

Card component for bento grid layouts. Supports multiple sizes (1x1, 2x1, 1x2, 2x2) with optional gradient backgrounds.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/bento-card.json

View component

Button

A versatile button component with multiple variants including default, outline, fancy, ghost, and secondary styles.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/button.json

View component

Feature Card

A card component for showcasing features with icon, title, and description. Supports default, bordered, gradient, and glass variants.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/feature-card.json

View component

Floating Input

An input field with a label that floats up when focused or filled. Smooth animation provides a clean, modern form experience.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/floating-input.json

View component

Gradient Card

A card component with soft gradient glow effects. Great for feature highlights and content sections.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/gradient-card.json

View component

Gradient Text

Animated gradient text with multiple preset themes (sunrise, ocean, forest, electric) or custom gradients. Uses smooth CSS animation.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/gradient-text.json

View component

Magnetic Button

A button that subtly follows the cursor when hovering near it. Uses Framer Motion for smooth, spring-based tracking with customizable magnetic strength.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/magnetic-button.json

View component

Number Counter

Animates from a starting number to a target value using requestAnimationFrame. Supports prefix, suffix, decimals, and multiple easing functions.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/number-counter.json

View component

OTP Input

A 6-digit one-time password input with auto-focus navigation. Supports paste, backspace navigation, and keyboard arrows.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/otp-input.json

View component

Password Input

A password input with a toggle button to show or hide the password. Uses accessible labels and smooth transitions.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/password-input.json

View component

Pricing Card

Pricing plan card with title, price, period, features list, and CTA button. Includes popular/featured variant with highlight.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/pricing-card.json

View component

Search Input

Command palette style search input with icon, keyboard shortcut hint (Cmd+K), and focus states with accent color.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/search-input.json

View component

Shimmer Button

A button with an animated shimmer/shine effect on hover. Uses pure CSS animation for optimal performance.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/shimmer-button.json

View component

Stats Card

Animated statistics card with counting animation. Supports prefix/suffix, decimal values, and multiple visual variants.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/stats-card.json

View component

Testimonial Card

A card component for displaying customer testimonials with avatar, name, role, company, quote text with quotation styling, and optional star rating.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/testimonial-card.json

View component

Typewriter Text

Animates text typing character by character with configurable speed, delay, and an optional blinking cursor.

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/typewriter-text.json

View component

Blocks

Hero Aurora

Install:

npx shadcn@latest add https://ui-destination.vercel.app/r/hero-aurora.json

View block

Quick Start

Add any component to your project with the shadcn CLI:

npx shadcn@latest add https://ui-destination.vercel.app/r/[component].json

Browse all components at /components.