What are you
building today?

A responsive feature grid with icon cards and scroll-triggered stagger animations. Supports 3-column and 2-column layouts.

A stunning hero section with animated entrance, gradient background, and dual CTAs. Perfect for landing pages and product launches.

A social proof section with star ratings, avatars, and scroll-triggered stagger animations.

Browse all animated React components in the tent ui library. Built on shadcn/ui with Framer Motion. Free, open-source, shadcn CLI compatible.

Decorative React animated folder component. Files fan out in 3D on hover using Framer Motion. Copy-paste or install with shadcn CLI. Perfect for file management UIs.

React animated arrow that slides through its container on parent hover. Built with Framer Motion. Drop into any link, button, or CTA using the group class.

React copy-to-clipboard button with animated icon morph from copy to check. Resets automatically after configurable delay. Minimal, accessible. Built with Framer Motion.

React count-up number animation that triggers on scroll into view. Supports decimals, locale formatting, and custom easing via Framer Motion. Install with shadcn CLI.

React list/grid view toggle with fluid Framer Motion shared layout animations. Items animate smoothly between views. Built with shadcn/ui and Tailwind CSS.

Animated React OTP input. Per-digit fade-in, sliding active ring indicator, blinking caret. Built on input-otp library with Framer Motion. Install with shadcn CLI.

React password input with zxcvbn strength meter, Caps Lock warning, show/hide toggle, and paste-disabled security option. Built on shadcn/ui. Install with shadcn CLI.

React animated save button with character-by-character text animation, loading spinner, and success checkmark. Built with Framer Motion. Install with shadcn CLI.

React tabs component with a shared Framer Motion layoutId indicator that morphs between active options. Lightweight, controllable, and drop-in for navs or filter chips.

A polymorphic button primitive with six variants and four sizes, built on Radix Slot and class-variance-authority.

React card component whose border glows with a cursor-tracking radial gradient on hover. Pure CSS, driven by Framer Motion motion values. No canvas. shadcn/ui compatible.

React infinite scrolling marquee for logo walls, testimonials, or trust badges. CSS-only animation, pause-on-hover, edge fade mask, vertical and reverse variants.

React inline edit component. Reveal pencil/confirm/cancel on hover, animate between view and edit modes with spring transitions. Composable, accessible, shadcn-compatible.

React pie chart built on Recharts with padded sectors, hover/click selection, animated triangle pointer, tick ring, and customizable center detail. shadcn/ui compatible.

React SVG world map with zoom, pan, country selection, and hover tooltips. Built with react-simple-maps. Install with npx shadcn add for Next.js projects.

React scroll reveal wrapper. Fades and slides children into view on scroll. Direction, delay, easing, and replay are configurable per instance. Built with Framer Motion.

Install any tent ui component in seconds with the shadcn CLI. No extra packages — components live in your codebase. Works with Next.js, React, and Tailwind CSS v4.