32 new this month33 total components

Component Library

Copy-paste animated components built with React, Tailwind, and Framer Motion. Install any component in one CLI command.

Build something cool? Share it with the community.

PioneerUI is open to contributor submissions. Get featured alongside 50+ components.

Contribute

33 components

New
Hero Sections
Hero Gradient
npx shadcn add "…/hero-gradient"
New
Hero Sections
Hero Video
npx shadcn add "…/hero-video"
New
Hero Sections
Announcement Banner
npx shadcn add "…/announcement-banner"
Backgrounds
Particle Background
npx shadcn add "…/particle-background"
New
Backgrounds
Aurora Background
npx shadcn add "…/aurora-background"
New
Backgrounds
Dot Pattern
npx shadcn add "…/dot-pattern"
New
Backgrounds
Grid Pattern
npx shadcn add "…/grid-pattern"
New
Backgrounds
Beam Background
npx shadcn add "…/beam-background"
New
Backgrounds
Noise Texture
npx shadcn add "…/noise-texture"
New
Cards
Glow Card
npx shadcn add "…/glow-card"
New
Cards
Tilt Card
npx shadcn add "…/tilt-card"
New
Cards
Feature Card
npx shadcn add "…/feature-card"
New
Cards
Bento Grid
npx shadcn add "…/bento-grid"
New
Special Effects
Border Beam
npx shadcn add "…/border-beam"
MB
New
Special Effects
Magnetic Button
npx shadcn add "…/magnetic-button"
New
Special Effects
Meteors
npx shadcn add "…/meteors"
NB
New
Special Effects
Neon Button
npx shadcn add "…/neon-button"
Click
New
Special Effects
Ripple Button
npx shadcn add "…/ripple-button"
New
Special Effects
Flip Card
npx shadcn add "…/flip-card"
New
Special Effects
Glass Card
npx shadcn add "…/glass-card"
AC
New
Special Effects
Animated Counter
npx shadcn add "…/animated-counter"
New
Loaders
Skeleton Card
npx shadcn add "…/skeleton-card"
New
Loaders
Spinner Variants
npx shadcn add "…/spinner-variants"
New
Loaders
Progress Bar
npx shadcn add "…/progress-bar"
★
★
★
★
★
New
Testimonials
Testimonial Card
npx shadcn add "…/testimonial-card"
New
Testimonials
Marquee Testimonials
npx shadcn add "…/marquee-testimonials"
New
Testimonials
Testimonial Grid
npx shadcn add "…/testimonial-grid"
New
Testimonials
Animated Testimonials
npx shadcn add "…/animated-testimonials"
$29
New
Pricing
Pricing Card
npx shadcn add "…/pricing-card"
Monthly
Annual
$9
Starter
$29
Pro
New
Pricing
Pricing Toggle
npx shadcn add "…/pricing-toggle"
Design
Code
Preview
New
Navigation
Fluid Tabs
npx shadcn add "…/fluid-tabs"
Home
Docs
Blog
New
Navigation
Pill Nav
npx shadcn add "…/pill-nav"
Home/Docs/Components
New
Navigation
Breadcrumb Animated
npx shadcn add "…/breadcrumb-animated"