# tent ui
> Beautiful, production-ready UI blocks and templates built with shadcn/ui, Tailwind CSS and Framer Motion.

## Project
- Website: https://tentui.com
- Repository: https://github.com/sourabhs701/srb.codes
- Docs Home: https://tentui.com/docs
- Components Index: https://tentui.com/docs/components
- Install Command: npx shadcn@latest add https://tentui.com/r/hello.json

## Get Started

- [Setup](https://tentui.com/docs/setup): 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.
- [tent ui](https://tentui.com/docs): Copy-paste React components built on shadcn/ui. Animated buttons, OTP inputs, world maps, pie charts, and more. Install with npx shadcn@latest add.
- [Usage](https://tentui.com/docs/usage): Once installed, tent ui components live in your codebase as regular React files. Customize props, styles, and animations freely — no library lock-in.

## Components

- [All Components](https://tentui.com/docs/components): Browse all animated React components in the tent ui library. Built on shadcn/ui with Framer Motion. Free, open-source, shadcn CLI compatible.
- [Animated 3D Folder](https://tentui.com/docs/components/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](https://tentui.com/docs/components/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](https://tentui.com/docs/components/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 Counter](https://tentui.com/docs/components/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 List/Grid View](https://tentui.com/docs/components/animated-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 OTP Input](https://tentui.com/docs/components/input-otp): 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.
- [Animated Password Input](https://tentui.com/docs/components/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](https://tentui.com/docs/components/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.
- [Animated Tabs](https://tentui.com/docs/components/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](https://tentui.com/docs/components/button): A polymorphic button primitive with six variants and four sizes, built on Radix Slot and class-variance-authority.
- [Cursor-Tracking Glow Card](https://tentui.com/docs/components/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.
- [Infinite Marquee](https://tentui.com/docs/components/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.
- [Inline Edit Animation](https://tentui.com/docs/components/inline-edit): React inline edit component. Reveal pencil/confirm/cancel on hover, animate between view and edit modes with spring transitions. Composable, accessible, shadcn-compatible.
- [Interactive Pie Chart](https://tentui.com/docs/components/pie-chart): React pie chart built on Recharts with padded sectors, hover/click selection, animated triangle pointer, tick ring, and customizable center detail. shadcn/ui compatible.
- [Interactive World Map](https://tentui.com/docs/components/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.
- [Reveal on Scroll](https://tentui.com/docs/components/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.

## Machine-Readable Sources
- [Markdown Index](https://tentui.com/llm)
- Raw markdown is available at `/llm/*` using the same path as `/docs/*` (replace `/docs` with `/llm`).
- Example: https://tentui.com/docs/setup -> https://tentui.com/llm/setup
- Example: https://tentui.com/docs/components/heatmap -> https://tentui.com/llm/components/heatmap
- Component install manifests are available under `/r/*.json`.