Changelog
New components, blocks, and docs shipped in tent ui — listed newest first.
- Component
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.
- Component
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.
- Component
Button
A polymorphic button primitive with six variants and four sizes, built on Radix Slot and class-variance-authority.
- Block
Ctas
- Component
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.
- Block
Features
- Block
Hero Sections
- Component
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.
- Component
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.
- Block
Testimonials
- Component
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.
- Component
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.
- Component
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.
- Component
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.
- Component
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.
- Component
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.
- Component
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.
- Component
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.