Changelog

Animated Counter

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.

Animated Tabs

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.

Button

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

Ctas

Cursor-Tracking Glow Card

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.

Features

Hero Sections

Infinite Marquee

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

Reveal on Scroll

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.

Testimonials

Animated 3D Folder

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.

Animated Arrow

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.

Animated Copy Button

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

Animated List/Grid View

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 Password Input

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.

Animated Save Button

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

Inline Edit Animation

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

Interactive World Map

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.