{"$schema":"https://ui.shadcn.com/schema/registry.json","name":"shadcn-io","homepage":"https://www.shadcn.io","items":[{"name":"web3-wallet-connect","type":"registry:block","title":"Web3 Wallet Connect","description":"A React and Next.js wallet connection modal block built with shadcn/ui Badge, Button and Tailwind CSS for Web3 onboarding.","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/web3/web3-wallet-connect.tsx","type":"registry:block","target":"components/blocks/web3/web3-wallet-connect.tsx"}]},{"name":"web3-wallet-balance","type":"registry:block","title":"Web3 Wallet Balance","description":"A React and Next.js wallet balance display block built with shadcn/ui Button and Tailwind CSS for showing token holdings.","dependencies":["lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/web3/web3-wallet-balance.tsx","type":"registry:block","target":"components/blocks/web3/web3-wallet-balance.tsx"}]},{"name":"web3-airdrop-checker","type":"registry:block","title":"Web3 Airdrop Checker","description":"React airdrop eligibility checker block for Next.js with multi-protocol scanning and estimated values using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","input"],"premium":true,"files":[{"path":"blocks/web3/web3-airdrop-checker.tsx","type":"registry:block","target":"components/blocks/web3/web3-airdrop-checker.tsx"}]},{"name":"web3-token-allowance","type":"registry:block","title":"Web3 Token Allowance","description":"A React and Next.js token allowance manager block built with shadcn/ui and Tailwind CSS showing approved spenders and revocation controls.","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/web3/web3-token-allowance.tsx","type":"registry:block","target":"components/blocks/web3/web3-token-allowance.tsx"}]},{"name":"web3-market-overview","type":"registry:block","title":"Web3 Market Overview","description":"A React and Next.js crypto market overview block built with shadcn/ui and Tailwind CSS showing market cap, dominance, and top movers.","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/web3/web3-market-overview.tsx","type":"registry:block","target":"components/blocks/web3/web3-market-overview.tsx"}]},{"name":"web3-contract-deploy","type":"registry:block","title":"Web3 Contract Deploy","description":"A React and Next.js smart contract deploy wizard built with shadcn/ui and Tailwind CSS for guided deployment.","dependencies":["lucide-react"],"registryDependencies":["badge","button","input"],"premium":true,"files":[{"path":"blocks/web3/web3-contract-deploy.tsx","type":"registry:block","target":"components/blocks/web3/web3-contract-deploy.tsx"}]},{"name":"nft-creators-leaderboard","type":"registry:block","title":"Nft Creators Leaderboard","description":"React NFT creators leaderboard block for Next.js with time frame toggles and creator profiles using shadcn/ui and Tailwind CSS","registryDependencies":["avatar","button","card"],"premium":true,"files":[{"path":"blocks/web3/nft-creators-leaderboard.tsx","type":"registry:block","target":"components/blocks/web3/nft-creators-leaderboard.tsx"}]},{"name":"web3-nft-marketplace","type":"registry:block","title":"Web3 Nft Marketplace","description":"A React and Next.js NFT marketplace block built with shadcn/ui and Tailwind CSS. Features filterable listings, sort options, and buy/offer actions.","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/web3/web3-nft-marketplace.tsx","type":"registry:block","target":"components/blocks/web3/web3-nft-marketplace.tsx"}]},{"name":"web3-insurance-pool","type":"registry:block","title":"Web3 Insurance Pool","description":"A React and Next.js DeFi insurance pool block built with shadcn/ui and Tailwind CSS. Displays coverage and premium rates.","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/web3/web3-insurance-pool.tsx","type":"registry:block","target":"components/blocks/web3/web3-insurance-pool.tsx"}]},{"name":"web3-achievement-badges","type":"registry:block","title":"Web3 Achievement Badges","description":"React achievement badges block for Next.js with progress tracking and rarity tiers using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/web3/web3-achievement-badges.tsx","type":"registry:block","target":"components/blocks/web3/web3-achievement-badges.tsx"}]},{"name":"web3-reputation-score","type":"registry:block","title":"Web3 Reputation Score","description":"A React and Next.js on-chain reputation score block built with shadcn/ui and Tailwind CSS. Features category breakdowns and trust levels.","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/web3/web3-reputation-score.tsx","type":"registry:block","target":"components/blocks/web3/web3-reputation-score.tsx"}]},{"name":"web3-staking-dashboard","type":"registry:block","title":"Web3 Staking Dashboard","description":"A React and Next.js staking dashboard block built with shadcn/ui and Tailwind CSS featuring APY display, pending rewards, and stake/unstake actions.","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/web3/web3-staking-dashboard.tsx","type":"registry:block","target":"components/blocks/web3/web3-staking-dashboard.tsx"}]},{"name":"web3-gas-tracker","type":"registry:block","title":"Web3 Gas Tracker","description":"A React and Next.js gas price tracker block built with shadcn/ui and Tailwind CSS showing speed tiers and cost estimates.","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/web3/web3-gas-tracker.tsx","type":"registry:block","target":"components/blocks/web3/web3-gas-tracker.tsx"}]},{"name":"web3-lending-borrow","type":"registry:block","title":"Web3 Lending Borrow","description":"A React and Next.js DeFi lending and borrowing block built with shadcn/ui and Tailwind CSS. Features supply/borrow markets and health factor.","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/web3/web3-lending-borrow.tsx","type":"registry:block","target":"components/blocks/web3/web3-lending-borrow.tsx"}]},{"name":"web3-invoice-crypto","type":"registry:block","title":"Web3 Invoice Crypto","description":"A React and Next.js crypto invoice block built with shadcn/ui and Tailwind CSS. Tracks line items and payment status.","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/web3/web3-invoice-crypto.tsx","type":"registry:block","target":"components/blocks/web3/web3-invoice-crypto.tsx"}]},{"name":"web3-rarity-checker","type":"registry:block","title":"Web3 Rarity Checker","description":"A React and Next.js NFT rarity checker block built with shadcn/ui and Tailwind CSS. Shows trait breakdown, scores, and collection rank.","dependencies":["lucide-react"],"registryDependencies":["badge","input"],"premium":true,"files":[{"path":"blocks/web3/web3-rarity-checker.tsx","type":"registry:block","target":"components/blocks/web3/web3-rarity-checker.tsx"}]},{"name":"web3-new-listings","type":"registry:block","title":"Web3 New Listings","description":"A React and Next.js new token listings component built with shadcn/ui Badge and Tailwind CSS for tracking launches","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/web3/web3-new-listings.tsx","type":"registry:block","target":"components/blocks/web3/web3-new-listings.tsx"}]},{"name":"web3-dao-members","type":"registry:block","title":"Web3 Dao Members","description":"A React DAO member directory block built with Next.js, shadcn/ui, and Tailwind CSS featuring voting power, delegation, and role badges.","dependencies":["lucide-react"],"registryDependencies":["avatar","badge"],"premium":true,"files":[{"path":"blocks/web3/web3-dao-members.tsx","type":"registry:block","target":"components/blocks/web3/web3-dao-members.tsx"}]},{"name":"web3-revoke-approval","type":"registry:block","title":"Web3 Revoke Approval","description":"A React and Next.js token approval revocation block built with shadcn/ui and Tailwind CSS. Features batch revoke with risk assessment.","dependencies":["lucide-react"],"registryDependencies":["badge","button","checkbox"],"premium":true,"files":[{"path":"blocks/web3/web3-revoke-approval.tsx","type":"registry:block","target":"components/blocks/web3/web3-revoke-approval.tsx"}]},{"name":"web3-bounty-board","type":"registry:block","title":"Web3 Bounty Board","description":"React crypto bounty board block for Next.js with task listings, rewards, and claim workflow using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/web3/web3-bounty-board.tsx","type":"registry:block","target":"components/blocks/web3/web3-bounty-board.tsx"}]},{"name":"web3-dao-treasury","type":"registry:block","title":"Web3 Dao Treasury","description":"A React DAO treasury dashboard block built with Next.js, shadcn/ui, and Tailwind CSS featuring asset breakdown and transaction history.","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/web3/web3-dao-treasury.tsx","type":"registry:block","target":"components/blocks/web3/web3-dao-treasury.tsx"}]},{"name":"web3-nft-collection-create","type":"registry:block","title":"Web3 Nft Collection Create","description":"A React and Next.js NFT collection launch wizard built with shadcn/ui Button, Badge and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/web3/web3-nft-collection-create.tsx","type":"registry:block","target":"components/blocks/web3/web3-nft-collection-create.tsx"}]},{"name":"web3-token-portfolio","type":"registry:block","title":"Web3 Token Portfolio","description":"A React and Next.js token portfolio block built with shadcn/ui and Tailwind CSS featuring allocation breakdown and P/L tracking.","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/web3/web3-token-portfolio.tsx","type":"registry:block","target":"components/blocks/web3/web3-token-portfolio.tsx"}]},{"name":"web3-trending-tokens","type":"registry:block","title":"Web3 Trending Tokens","description":"A React and Next.js trending tokens block built with shadcn/ui and Tailwind CSS featuring ranked tokens with volume and momentum.","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/web3/web3-trending-tokens.tsx","type":"registry:block","target":"components/blocks/web3/web3-trending-tokens.tsx"}]},{"name":"web3-offer-manager","type":"registry:block","title":"Web3 Offer Manager","description":"A React and Next.js NFT offer manager block built with shadcn/ui and Tailwind CSS. Features incoming/outgoing offers with expiration and accept/decline controls.","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/web3/web3-offer-manager.tsx","type":"registry:block","target":"components/blocks/web3/web3-offer-manager.tsx"}]},{"name":"web3-yield-farming","type":"registry:block","title":"Web3 Yield Farming","description":"A React and Next.js yield farming dashboard block built with shadcn/ui and Tailwind CSS for DeFi protocol management.","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/web3/web3-yield-farming.tsx","type":"registry:block","target":"components/blocks/web3/web3-yield-farming.tsx"}]},{"name":"web3-impermanent-loss","type":"registry:block","title":"Web3 Impermanent Loss","description":"A React and Next.js impermanent loss calculator block built with shadcn/ui and Tailwind CSS. Simulates DeFi LP loss.","dependencies":["lucide-react"],"registryDependencies":["input"],"premium":true,"files":[{"path":"blocks/web3/web3-impermanent-loss.tsx","type":"registry:block","target":"components/blocks/web3/web3-impermanent-loss.tsx"}]},{"name":"web3-message-sign","type":"registry:block","title":"Web3 Message Sign","description":"A React and Next.js wallet message signing block built with shadcn/ui and Tailwind CSS for authentication and verification.","dependencies":["lucide-react"],"registryDependencies":["badge","button","textarea"],"premium":true,"files":[{"path":"blocks/web3/web3-message-sign.tsx","type":"registry:block","target":"components/blocks/web3/web3-message-sign.tsx"}]},{"name":"web3-multisig-wallet","type":"registry:block","title":"Web3 Multisig Wallet","description":"A React and Next.js multisig wallet manager built with shadcn/ui and Tailwind CSS for approvals and execution controls.","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/web3/web3-multisig-wallet.tsx","type":"registry:block","target":"components/blocks/web3/web3-multisig-wallet.tsx"}]},{"name":"web3-leaderboard","type":"registry:block","title":"Web3 Leaderboard","description":"A React and Next.js community leaderboard block built with shadcn/ui and Tailwind CSS. Ranks users by contribution points and trading volume.","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/web3/web3-leaderboard.tsx","type":"registry:block","target":"components/blocks/web3/web3-leaderboard.tsx"}]},{"name":"web3-function-call","type":"registry:block","title":"Web3 Function Call","description":"A React and Next.js smart contract function caller built with shadcn/ui and Tailwind CSS for executing blockchain calls.","dependencies":["lucide-react"],"registryDependencies":["badge","button","input"],"premium":true,"files":[{"path":"blocks/web3/web3-function-call.tsx","type":"registry:block","target":"components/blocks/web3/web3-function-call.tsx"}]},{"name":"web3-portfolio-tracker","type":"registry:block","title":"Web3 Portfolio Tracker","description":"A React crypto portfolio tracker built with Next.js, shadcn/ui, and Tailwind CSS featuring multi-chain asset allocation.","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/web3/web3-portfolio-tracker.tsx","type":"registry:block","target":"components/blocks/web3/web3-portfolio-tracker.tsx"}]},{"name":"web3-contract-events","type":"registry:block","title":"Web3 Contract Events","description":"A React and Next.js smart contract event log viewer built with shadcn/ui and Tailwind CSS for decoded events.","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/web3/web3-contract-events.tsx","type":"registry:block","target":"components/blocks/web3/web3-contract-events.tsx"}]},{"name":"web3-nft-gallery","type":"registry:block","title":"Web3 Nft Gallery","description":"A React and Next.js NFT gallery block built with shadcn/ui and Tailwind CSS. Features collection filtering, floor prices, and hover details.","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/web3/web3-nft-gallery.tsx","type":"registry:block","target":"components/blocks/web3/web3-nft-gallery.tsx"}]},{"name":"web3-rewards-calculator","type":"registry:block","title":"Web3 Rewards Calculator","description":"A React and Next.js staking rewards calculator block built with shadcn/ui and Tailwind CSS. Features token selection and earnings projection.","dependencies":["lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/web3/web3-rewards-calculator.tsx","type":"registry:block","target":"components/blocks/web3/web3-rewards-calculator.tsx"}]},{"name":"nft-auction-marketplace","type":"registry:block","title":"Nft Auction Marketplace","description":"React NFT auction marketplace block for Next.js with live bid tracking, countdown timers, creator profiles, and animated bid placement using shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/web3/nft-auction-marketplace.tsx","type":"registry:block","target":"components/blocks/web3/nft-auction-marketplace.tsx"}]},{"name":"web3-chain-selector","type":"registry:block","title":"Web3 Chain Selector","description":"React blockchain chain selector block for Next.js with gas prices and one-click network switching using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/web3/web3-chain-selector.tsx","type":"registry:block","target":"components/blocks/web3/web3-chain-selector.tsx"}]},{"name":"web3-metadata-viewer","type":"registry:block","title":"Web3 Metadata Viewer","description":"A React and Next.js NFT metadata viewer built with shadcn/ui and Tailwind CSS showing attributes, JSON, and IPFS data.","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/web3/web3-metadata-viewer.tsx","type":"registry:block","target":"components/blocks/web3/web3-metadata-viewer.tsx"}]},{"name":"web3-delegations","type":"registry:block","title":"Web3 Delegations","description":"A React and Next.js staking delegation manager built with shadcn/ui and Tailwind CSS showing validators, rewards, and redelegate options.","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/web3/web3-delegations.tsx","type":"registry:block","target":"components/blocks/web3/web3-delegations.tsx"}]},{"name":"web3-validator-node","type":"registry:block","title":"Web3 Validator Node","description":"A React and Next.js validator node dashboard block built with shadcn/ui Badge and Tailwind CSS for monitoring uptime and staking rewards.","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/web3/web3-validator-node.tsx","type":"registry:block","target":"components/blocks/web3/web3-validator-node.tsx"}]},{"name":"web3-domain-manager","type":"registry:block","title":"Web3 Domain Manager","description":"A React and Next.js domain manager built with shadcn/ui and Tailwind CSS for ENS, Unstoppable, and blockchain naming services.","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/web3/web3-domain-manager.tsx","type":"registry:block","target":"components/blocks/web3/web3-domain-manager.tsx"}]},{"name":"web3-airdrop-claim","type":"registry:block","title":"Web3 Airdrop Claim","description":"React airdrop claim block for Next.js with eligibility status, allocation breakdown, and vesting details using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/web3/web3-airdrop-claim.tsx","type":"registry:block","target":"components/blocks/web3/web3-airdrop-claim.tsx"}]},{"name":"web3-defi-dashboard","type":"registry:block","title":"Web3 Defi Dashboard","description":"A React DeFi portfolio dashboard block built with Next.js, shadcn/ui, and Tailwind CSS showing TVL, positions, and yield summary.","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/web3/web3-defi-dashboard.tsx","type":"registry:block","target":"components/blocks/web3/web3-defi-dashboard.tsx"}]},{"name":"web3-recovery-phrase","type":"registry:block","title":"Web3 Recovery Phrase","description":"A React and Next.js recovery phrase backup block built with shadcn/ui and Tailwind CSS. Features word grid, verification, and security warnings.","dependencies":["lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/web3/web3-recovery-phrase.tsx","type":"registry:block","target":"components/blocks/web3/web3-recovery-phrase.tsx"}]},{"name":"web3-safe-wallet","type":"registry:block","title":"Web3 Safe Wallet","description":"A React and Next.js Safe wallet dashboard block built with shadcn/ui and Tailwind CSS featuring signer list and transaction queue.","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/web3/web3-safe-wallet.tsx","type":"registry:block","target":"components/blocks/web3/web3-safe-wallet.tsx"}]},{"name":"web3-collection-stats","type":"registry:block","title":"Web3 Collection Stats","description":"A React and Next.js NFT collection stats block built with shadcn/ui and Tailwind CSS for floor price and volume.","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/web3/web3-collection-stats.tsx","type":"registry:block","target":"components/blocks/web3/web3-collection-stats.tsx"}]},{"name":"web3-transaction-history","type":"registry:block","title":"Web3 Transaction History","description":"A React and Next.js transaction history block built with shadcn/ui and Tailwind CSS featuring status indicators and expandable details.","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/web3/web3-transaction-history.tsx","type":"registry:block","target":"components/blocks/web3/web3-transaction-history.tsx"}]},{"name":"web3-token-launch","type":"registry:block","title":"Web3 Token Launch","description":"A React and Next.js token launch block built with shadcn/ui and Tailwind CSS featuring tokenomics, distribution, and milestones.","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/web3/web3-token-launch.tsx","type":"registry:block","target":"components/blocks/web3/web3-token-launch.tsx"}]},{"name":"web3-send-receive","type":"registry:block","title":"Web3 Send Receive","description":"A React and Next.js send and receive crypto block built with shadcn/ui and Tailwind CSS featuring address input and fee estimation.","dependencies":["lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/web3/web3-send-receive.tsx","type":"registry:block","target":"components/blocks/web3/web3-send-receive.tsx"}]},{"name":"nft-auctions-trending","type":"registry:block","title":"Nft Auctions Trending","description":"React NFT auctions grid block for Next.js with category filters, time period selectors, bid tracking, and creator badges using shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","input"],"premium":true,"files":[{"path":"blocks/web3/nft-auctions-trending.tsx","type":"registry:block","target":"components/blocks/web3/nft-auctions-trending.tsx"}]},{"name":"web3-floor-price","type":"registry:block","title":"Web3 Floor Price","description":"A React and Next.js NFT floor price tracker block built with shadcn/ui and Tailwind CSS for monitoring collection prices.","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/web3/web3-floor-price.tsx","type":"registry:block","target":"components/blocks/web3/web3-floor-price.tsx"}]},{"name":"web3-snapshot-vote","type":"registry:block","title":"Web3 Snapshot Vote","description":"A React and Next.js Snapshot governance voting block built with shadcn/ui and Tailwind CSS featuring proposal details and results.","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/web3/web3-snapshot-vote.tsx","type":"registry:block","target":"components/blocks/web3/web3-snapshot-vote.tsx"}]},{"name":"nft-collection-gallery","type":"registry:block","title":"Nft Collection Gallery","description":"React NFT collection gallery block for Next.js with pixel art cards, owner profiles, and trader roles using shadcn/ui and Tailwind CSS","registryDependencies":["avatar","card"],"premium":true,"files":[{"path":"blocks/web3/nft-collection-gallery.tsx","type":"registry:block","target":"components/blocks/web3/nft-collection-gallery.tsx"}]},{"name":"web3-social-graph","type":"registry:block","title":"Web3 Social Graph","description":"A React and Next.js on-chain social graph block built with shadcn/ui and Tailwind CSS featuring followers and mutual connections.","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/web3/web3-social-graph.tsx","type":"registry:block","target":"components/blocks/web3/web3-social-graph.tsx"}]},{"name":"web3-hardware-wallet","type":"registry:block","title":"Web3 Hardware Wallet","description":"A React and Next.js hardware wallet connection block built with shadcn/ui Badge and Tailwind CSS for device pairing.","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/web3/web3-hardware-wallet.tsx","type":"registry:block","target":"components/blocks/web3/web3-hardware-wallet.tsx"}]},{"name":"web3-watchlist","type":"registry:block","title":"Web3 Watchlist","description":"A React and Next.js token watchlist block built with shadcn/ui components and Tailwind CSS for tracking crypto prices.","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/web3/web3-watchlist.tsx","type":"registry:block","target":"components/blocks/web3/web3-watchlist.tsx"}]},{"name":"web3-royalty-settings","type":"registry:block","title":"Web3 Royalty Settings","description":"A React and Next.js NFT royalty settings block built with shadcn/ui and Tailwind CSS. Features percentage splits and recipient management.","dependencies":["lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/web3/web3-royalty-settings.tsx","type":"registry:block","target":"components/blocks/web3/web3-royalty-settings.tsx"}]},{"name":"web3-quadratic-voting","type":"registry:block","title":"Web3 Quadratic Voting","description":"A React and Next.js quadratic voting block built with shadcn/ui and Tailwind CSS. Features credit allocation and vote distribution.","dependencies":["lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/web3/web3-quadratic-voting.tsx","type":"registry:block","target":"components/blocks/web3/web3-quadratic-voting.tsx"}]},{"name":"web3-auction-house","type":"registry:block","title":"Web3 Auction House","description":"React NFT auction house block for Next.js with live bidding, countdown timer, and bid history using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","input"],"premium":true,"files":[{"path":"blocks/web3/web3-auction-house.tsx","type":"registry:block","target":"components/blocks/web3/web3-auction-house.tsx"}]},{"name":"web3-ico-countdown","type":"registry:block","title":"Web3 Ico Countdown","description":"A React and Next.js ICO countdown timer block built with shadcn/ui and Tailwind CSS. Displays funding progress and contribution tiers.","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/web3/web3-ico-countdown.tsx","type":"registry:block","target":"components/blocks/web3/web3-ico-countdown.tsx"}]},{"name":"web3-nft-mint","type":"registry:block","title":"Web3 Nft Mint","description":"A React and Next.js NFT minting block built with shadcn/ui and Tailwind CSS. Features mint quantity selector, price calculation, and supply progress.","dependencies":["lucide-react"],"registryDependencies":["badge","button","progress"],"premium":true,"files":[{"path":"blocks/web3/web3-nft-mint.tsx","type":"registry:block","target":"components/blocks/web3/web3-nft-mint.tsx"}]},{"name":"web3-nft-transfer","type":"registry:block","title":"Web3 Nft Transfer","description":"A React and Next.js NFT transfer block built with shadcn/ui and Tailwind CSS. Features recipient input, NFT selector, gas estimation, and confirmation.","dependencies":["lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/web3/web3-nft-transfer.tsx","type":"registry:block","target":"components/blocks/web3/web3-nft-transfer.tsx"}]},{"name":"web3-ens-lookup","type":"registry:block","title":"Web3 Ens Lookup","description":"A React and Next.js ENS lookup tool built with shadcn/ui and Tailwind CSS for name resolution, records display, and availability checks.","dependencies":["lucide-react"],"registryDependencies":["badge","button","input"],"premium":true,"files":[{"path":"blocks/web3/web3-ens-lookup.tsx","type":"registry:block","target":"components/blocks/web3/web3-ens-lookup.tsx"}]},{"name":"web3-governance-forum","type":"registry:block","title":"Web3 Governance Forum","description":"A React and Next.js DAO governance forum block built with shadcn/ui Badge and Tailwind CSS for proposal discussions.","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/web3/web3-governance-forum.tsx","type":"registry:block","target":"components/blocks/web3/web3-governance-forum.tsx"}]},{"name":"web3-collection-create","type":"registry:block","title":"Web3 Collection Create","description":"A React and Next.js NFT collection creator block built with shadcn/ui and Tailwind CSS for supply and royalty config.","dependencies":["lucide-react"],"registryDependencies":["button","input","textarea"],"premium":true,"files":[{"path":"blocks/web3/web3-collection-create.tsx","type":"registry:block","target":"components/blocks/web3/web3-collection-create.tsx"}]},{"name":"web3-tax-report","type":"registry:block","title":"Web3 Tax Report","description":"A React and Next.js crypto tax report block built with shadcn/ui and Tailwind CSS with capital gains summary, taxable events, and export options.","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/web3/web3-tax-report.tsx","type":"registry:block","target":"components/blocks/web3/web3-tax-report.tsx"}]},{"name":"web3-mempool-viewer","type":"registry:block","title":"Web3 Mempool Viewer","description":"A React and Next.js blockchain mempool viewer built with shadcn/ui and Tailwind CSS showing pending transactions and gas prices.","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/web3/web3-mempool-viewer.tsx","type":"registry:block","target":"components/blocks/web3/web3-mempool-viewer.tsx"}]},{"name":"web3-profit-loss","type":"registry:block","title":"Web3 Profit Loss","description":"A React and Next.js crypto P&L dashboard block built with shadcn/ui and Tailwind CSS. Shows realized and unrealized gains with asset breakdown.","dependencies":["lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/web3/web3-profit-loss.tsx","type":"registry:block","target":"components/blocks/web3/web3-profit-loss.tsx"}]},{"name":"web3-dex-aggregator","type":"registry:block","title":"Web3 Dex Aggregator","description":"A React and Next.js DEX aggregator built with shadcn/ui and Tailwind CSS comparing swap rates across decentralized exchanges.","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/web3/web3-dex-aggregator.tsx","type":"registry:block","target":"components/blocks/web3/web3-dex-aggregator.tsx"}]},{"name":"web3-analytics","type":"registry:block","title":"Web3 Analytics","description":"React wallet analytics block for Next.js with protocol usage, transaction stats, and volume breakdown using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/web3/web3-analytics.tsx","type":"registry:block","target":"components/blocks/web3/web3-analytics.tsx"}]},{"name":"web3-order-book","type":"registry:block","title":"Web3 Order Book","description":"A React order book block built with Next.js, shadcn/ui, and Tailwind CSS featuring bid/ask columns and depth visualization.","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/web3/web3-order-book.tsx","type":"registry:block","target":"components/blocks/web3/web3-order-book.tsx"}]},{"name":"web3-dao-voting","type":"registry:block","title":"Web3 Dao Voting","description":"A React DAO voting interface block built with Next.js, shadcn/ui, and Tailwind CSS featuring proposals, vote counts, and status badges.","dependencies":["lucide-react"],"registryDependencies":["progress"],"premium":true,"files":[{"path":"blocks/web3/web3-dao-voting.tsx","type":"registry:block","target":"components/blocks/web3/web3-dao-voting.tsx"}]},{"name":"web3-abi-decoder","type":"registry:block","title":"Web3 Abi Decoder","description":"React ABI decoder block for Next.js with calldata parsing and parameter display using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","textarea"],"premium":true,"files":[{"path":"blocks/web3/web3-abi-decoder.tsx","type":"registry:block","target":"components/blocks/web3/web3-abi-decoder.tsx"}]},{"name":"web3-contributor-rewards","type":"registry:block","title":"Web3 Contributor Rewards","description":"A React and Next.js DAO contributor rewards tracker built with shadcn/ui and Tailwind CSS for token claims.","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/web3/web3-contributor-rewards.tsx","type":"registry:block","target":"components/blocks/web3/web3-contributor-rewards.tsx"}]},{"name":"web3-perpetual-trading","type":"registry:block","title":"Web3 Perpetual Trading","description":"A React perpetual trading block built with Next.js, shadcn/ui, and Tailwind CSS featuring leverage and margin controls.","dependencies":["lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/web3/web3-perpetual-trading.tsx","type":"registry:block","target":"components/blocks/web3/web3-perpetual-trading.tsx"}]},{"name":"web3-testnet-faucet","type":"registry:block","title":"Web3 Testnet Faucet","description":"A React and Next.js testnet faucet block built with shadcn/ui and Tailwind CSS with network selection, address input, and cooldown timer.","dependencies":["lucide-react"],"registryDependencies":["badge","button","input"],"premium":true,"files":[{"path":"blocks/web3/web3-testnet-faucet.tsx","type":"registry:block","target":"components/blocks/web3/web3-testnet-faucet.tsx"}]},{"name":"web3-vesting-schedule","type":"registry:block","title":"Web3 Vesting Schedule","description":"A React and Next.js token vesting schedule block built with shadcn/ui Badge, Button and Tailwind CSS for tracking unlock milestones.","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/web3/web3-vesting-schedule.tsx","type":"registry:block","target":"components/blocks/web3/web3-vesting-schedule.tsx"}]},{"name":"web3-activity-feed","type":"registry:block","title":"Web3 Activity Feed","description":"React blockchain activity feed block for Next.js with transaction filtering and live updates using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/web3/web3-activity-feed.tsx","type":"registry:block","target":"components/blocks/web3/web3-activity-feed.tsx"}]},{"name":"web3-address-book","type":"registry:block","title":"Web3 Address Book","description":"React wallet address book block for Next.js with labels, network tags, and copy functionality using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","input"],"premium":true,"files":[{"path":"blocks/web3/web3-address-book.tsx","type":"registry:block","target":"components/blocks/web3/web3-address-book.tsx"}]},{"name":"web3-referral-program","type":"registry:block","title":"Web3 Referral Program","description":"A React and Next.js crypto referral program block built with shadcn/ui and Tailwind CSS. Features referral links, tier rewards, and stats.","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/web3/web3-referral-program.tsx","type":"registry:block","target":"components/blocks/web3/web3-referral-program.tsx"}]},{"name":"web3-alerts","type":"registry:block","title":"Web3 Alerts","description":"React crypto alerts block for Next.js with price targets, whale movement, and gas threshold monitoring using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/web3/web3-alerts.tsx","type":"registry:block","target":"components/blocks/web3/web3-alerts.tsx"}]},{"name":"web3-block-explorer","type":"registry:block","title":"Web3 Block Explorer","description":"React blockchain block explorer block for Next.js with latest blocks, transactions, and search using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","input"],"premium":true,"files":[{"path":"blocks/web3/web3-block-explorer.tsx","type":"registry:block","target":"components/blocks/web3/web3-block-explorer.tsx"}]},{"name":"web3-whale-tracker","type":"registry:block","title":"Web3 Whale Tracker","description":"A React and Next.js whale tracker block built with shadcn/ui and Tailwind CSS for monitoring large crypto wallet movements.","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/web3/web3-whale-tracker.tsx","type":"registry:block","target":"components/blocks/web3/web3-whale-tracker.tsx"}]},{"name":"web3-launchpad","type":"registry:block","title":"Web3 Launchpad","description":"A React and Next.js token launchpad block built with shadcn/ui and Tailwind CSS. Displays IDOs, funding progress, and participant counts.","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/web3/web3-launchpad.tsx","type":"registry:block","target":"components/blocks/web3/web3-launchpad.tsx"}]},{"name":"web3-nft-create","type":"registry:block","title":"Web3 Nft Create","description":"A React and Next.js NFT creation form built with shadcn/ui Input, Textarea, Button, Badge and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","input","textarea"],"premium":true,"files":[{"path":"blocks/web3/web3-nft-create.tsx","type":"registry:block","target":"components/blocks/web3/web3-nft-create.tsx"}]},{"name":"web3-payroll","type":"registry:block","title":"Web3 Payroll","description":"A React crypto payroll block built with Next.js, shadcn/ui, and Tailwind CSS featuring batch payments and scheduling.","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/web3/web3-payroll.tsx","type":"registry:block","target":"components/blocks/web3/web3-payroll.tsx"}]},{"name":"web3-identity-badge","type":"registry:block","title":"Web3 Identity Badge","description":"A React and Next.js on-chain identity badge block built with shadcn/ui and Tailwind CSS. Shows ENS name and credentials.","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/web3/web3-identity-badge.tsx","type":"registry:block","target":"components/blocks/web3/web3-identity-badge.tsx"}]},{"name":"web3-token-swap","type":"registry:block","title":"Web3 Token Swap","description":"A React and Next.js token swap block built with shadcn/ui and Tailwind CSS featuring exchange rates and slippage controls.","dependencies":["lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/web3/web3-token-swap.tsx","type":"registry:block","target":"components/blocks/web3/web3-token-swap.tsx"}]},{"name":"web3-subscription-crypto","type":"registry:block","title":"Web3 Subscription Crypto","description":"A React and Next.js crypto subscription manager block built with shadcn/ui and Tailwind CSS for recurring plans, payment schedules, and cancellation controls.","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/web3/web3-subscription-crypto.tsx","type":"registry:block","target":"components/blocks/web3/web3-subscription-crypto.tsx"}]},{"name":"web3-dao-proposal","type":"registry:block","title":"Web3 Dao Proposal","description":"A React DAO governance proposal block built with Next.js, shadcn/ui, and Tailwind CSS featuring voting progress and quorum tracking.","dependencies":["lucide-react"],"registryDependencies":["badge","button","progress"],"premium":true,"files":[{"path":"blocks/web3/web3-dao-proposal.tsx","type":"registry:block","target":"components/blocks/web3/web3-dao-proposal.tsx"}]},{"name":"web3-price-chart","type":"registry:block","title":"Web3 Price Chart","description":"A React and Next.js token price chart block built with shadcn/ui and Tailwind CSS. Features OHLC data, timeframe selector, and volume summary.","dependencies":["lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/web3/web3-price-chart.tsx","type":"registry:block","target":"components/blocks/web3/web3-price-chart.tsx"}]},{"name":"web3-network-stats","type":"registry:block","title":"Web3 Network Stats","description":"A React and Next.js blockchain network stats dashboard built with shadcn/ui and Tailwind CSS for monitoring TPS and gas","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/web3/web3-network-stats.tsx","type":"registry:block","target":"components/blocks/web3/web3-network-stats.tsx"}]},{"name":"web3-escrow","type":"registry:block","title":"Web3 Escrow","description":"A React and Next.js crypto escrow block built with shadcn/ui and Tailwind CSS for milestone tracking and fund release controls.","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/web3/web3-escrow.tsx","type":"registry:block","target":"components/blocks/web3/web3-escrow.tsx"}]},{"name":"web3-payment-gateway","type":"registry:block","title":"Web3 Payment Gateway","description":"A React crypto payment gateway built with Next.js, shadcn/ui, and Tailwind CSS featuring token selection and status tracking.","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/web3/web3-payment-gateway.tsx","type":"registry:block","target":"components/blocks/web3/web3-payment-gateway.tsx"}]},{"name":"web3-bridge","type":"registry:block","title":"Web3 Bridge","description":"React cross-chain bridge block for Next.js with token transfers, fee estimation, and route display using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","input"],"premium":true,"files":[{"path":"blocks/web3/web3-bridge.tsx","type":"registry:block","target":"components/blocks/web3/web3-bridge.tsx"}]},{"name":"web3-whitelist-checker","type":"registry:block","title":"Web3 Whitelist Checker","description":"A React and Next.js whitelist checker block built with shadcn/ui and Tailwind CSS for verifying wallet eligibility.","dependencies":["lucide-react"],"registryDependencies":["badge","button","input"],"premium":true,"files":[{"path":"blocks/web3/web3-whitelist-checker.tsx","type":"registry:block","target":"components/blocks/web3/web3-whitelist-checker.tsx"}]},{"name":"web3-ipfs-upload","type":"registry:block","title":"Web3 Ipfs Upload","description":"A React and Next.js IPFS file upload block built with shadcn/ui and Tailwind CSS. Features drag-and-drop, upload progress, and content hash display.","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/web3/web3-ipfs-upload.tsx","type":"registry:block","target":"components/blocks/web3/web3-ipfs-upload.tsx"}]},{"name":"web3-smart-contract","type":"registry:block","title":"Web3 Smart Contract","description":"A React and Next.js smart contract interaction block built with shadcn/ui and Tailwind CSS featuring read/write function tabs.","dependencies":["lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/web3/web3-smart-contract.tsx","type":"registry:block","target":"components/blocks/web3/web3-smart-contract.tsx"}]},{"name":"web3-liquidity-pool","type":"registry:block","title":"Web3 Liquidity Pool","description":"A React and Next.js liquidity pool manager block built with shadcn/ui and Tailwind CSS. Displays pool positions, APR, and impermanent loss.","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/web3/web3-liquidity-pool.tsx","type":"registry:block","target":"components/blocks/web3/web3-liquidity-pool.tsx"}]},{"name":"web3-nft-detail","type":"registry:block","title":"Web3 Nft Detail","description":"A React and Next.js NFT detail page built with shadcn/ui Button, Badge and Tailwind CSS for traits and history","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/web3/web3-nft-detail.tsx","type":"registry:block","target":"components/blocks/web3/web3-nft-detail.tsx"}]},{"name":"profile-wedding-planner","type":"registry:block","title":"Profile Wedding Planner","description":"React wedding planner profile block for Next.js with event portfolio, service packages, vendor network, client testimonials, and availability calendar using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/profile/profile-wedding-planner.tsx","type":"registry:block","target":"components/blocks/profile/profile-wedding-planner.tsx"}]},{"name":"profile-content-creator","type":"registry:block","title":"Profile Content Creator","description":"React content creator profile block for Next.js with platform analytics, video performance grid, audience demographics bar chart, and brand collaboration section using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/profile/profile-content-creator.tsx","type":"registry:block","target":"components/blocks/profile/profile-content-creator.tsx"}]},{"name":"profile-designer-showcase","type":"registry:block","title":"Profile Designer Showcase","description":"React designer showcase profile block for Next.js with project gallery cards, design tool badges, client logos, testimonials, and availability status using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","switch"],"premium":true,"files":[{"path":"blocks/profile/profile-designer-showcase.tsx","type":"registry:block","target":"components/blocks/profile/profile-designer-showcase.tsx"}]},{"name":"profile-nutritionist-plans","type":"registry:block","title":"Profile Nutritionist Plans","description":"React nutritionist profile block for Next.js with meal plan templates, dietary specializations, client success metrics, certification badges, and consultation booking using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/profile/profile-nutritionist-plans.tsx","type":"registry:block","target":"components/blocks/profile/profile-nutritionist-plans.tsx"}]},{"name":"profile-developer-card","type":"registry:block","title":"Profile Developer Card","description":"React developer profile card block for Next.js with GitHub-style contribution grid, language badges, pinned repositories, and follower stats using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/profile/profile-developer-card.tsx","type":"registry:block","target":"components/blocks/profile/profile-developer-card.tsx"}]},{"name":"profile-investor-portfolio","type":"registry:block","title":"Profile Investor Portfolio","description":"React investor portfolio profile block for Next.js with asset allocation breakdown, holdings table, total returns display, and sector exposure using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","recharts","lucide-react"],"registryDependencies":["avatar","badge"],"premium":true,"files":[{"path":"blocks/profile/profile-investor-portfolio.tsx","type":"registry:block","target":"components/blocks/profile/profile-investor-portfolio.tsx"}]},{"name":"profile-environmental-impact","type":"registry:block","title":"Profile Environmental Impact","description":"React environmental scientist profile block for Next.js with impact metrics, research projects, carbon offset tracking, and sustainability certifications using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge"],"premium":true,"files":[{"path":"blocks/profile/profile-environmental-impact.tsx","type":"registry:block","target":"components/blocks/profile/profile-environmental-impact.tsx"}]},{"name":"profile-animator-reel","type":"registry:block","title":"Profile Animator Reel","description":"React animator profile block for Next.js with demo reel showcase, project cards, software proficiency bars, and client list using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge"],"premium":true,"files":[{"path":"blocks/profile/profile-animator-reel.tsx","type":"registry:block","target":"components/blocks/profile/profile-animator-reel.tsx"}]},{"name":"profile-activity-timeline","type":"registry:block","title":"Profile Activity Timeline","description":"React profile activity timeline block for Next.js with recent actions, commit history, PR reviews, deployment events, and expandable detail rows using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge"],"premium":true,"files":[{"path":"blocks/profile/profile-activity-timeline.tsx","type":"registry:block","target":"components/blocks/profile/profile-activity-timeline.tsx"}]},{"name":"profile-ux-researcher","type":"registry:block","title":"Profile Ux Researcher","description":"React UX researcher profile block for Next.js with study portfolio, methodology tags, participant metrics, insight cards, and research timeline using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","tabs"],"premium":true,"files":[{"path":"blocks/profile/profile-ux-researcher.tsx","type":"registry:block","target":"components/blocks/profile/profile-ux-researcher.tsx"}]},{"name":"profile-dj-schedule","type":"registry:block","title":"Profile Dj Schedule","description":"React DJ profile block for Next.js with event schedule, genre expertise, setlist archive, and venue history using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/profile/profile-dj-schedule.tsx","type":"registry:block","target":"components/blocks/profile/profile-dj-schedule.tsx"}]},{"name":"profile-social-feed","type":"registry:block","title":"Profile Social Feed","description":"React social media profile block for Next.js with cover banner, overlapping avatar, bio section, follower counts, and tabbed post feed using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","button","tabs"],"premium":true,"files":[{"path":"blocks/profile/profile-social-feed.tsx","type":"registry:block","target":"components/blocks/profile/profile-social-feed.tsx"}]},{"name":"profile-startup-founder","type":"registry:block","title":"Profile Startup Founder","description":"React startup founder profile block for Next.js with funding timeline, team size metrics, product milestones, and investor highlights using shadcn/ui, Tailwind CSS, and framer-motion animations","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/profile/profile-startup-founder.tsx","type":"registry:block","target":"components/blocks/profile/profile-startup-founder.tsx"}]},{"name":"profile-crypto-trader","type":"registry:block","title":"Profile Crypto Trader","description":"React crypto trader profile block for Next.js with portfolio allocation chart, token holdings list, PnL display, trade history feed, and risk metrics using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","tabs"],"premium":true,"files":[{"path":"blocks/profile/profile-crypto-trader.tsx","type":"registry:block","target":"components/blocks/profile/profile-crypto-trader.tsx"}]},{"name":"profile-language-learner","type":"registry:block","title":"Profile Language Learner","description":"React language learner profile block for Next.js with proficiency level indicators, daily streak counter, vocabulary stats, skill breakdown radar-style bars, and recent lesson history using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge"],"premium":true,"files":[{"path":"blocks/profile/profile-language-learner.tsx","type":"registry:block","target":"components/blocks/profile/profile-language-learner.tsx"}]},{"name":"profile-financial-advisor","type":"registry:block","title":"Profile Financial Advisor","description":"React financial advisor profile block for Next.js with certification badges, AUM metrics, service offerings, and client demographics using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","recharts","lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/profile/profile-financial-advisor.tsx","type":"registry:block","target":"components/blocks/profile/profile-financial-advisor.tsx"}]},{"name":"profile-hr-manager","type":"registry:block","title":"Profile Hr Manager","description":"React HR manager profile block for Next.js with team statistics, hiring pipeline metrics, employee satisfaction scores, and department overview using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","progress"],"premium":true,"files":[{"path":"blocks/profile/profile-hr-manager.tsx","type":"registry:block","target":"components/blocks/profile/profile-hr-manager.tsx"}]},{"name":"profile-copywriter-portfolio","type":"registry:block","title":"Profile Copywriter Portfolio","description":"React copywriter profile block for Next.js with writing samples, industry expertise, conversion metrics, and client testimonials using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/profile/profile-copywriter-portfolio.tsx","type":"registry:block","target":"components/blocks/profile/profile-copywriter-portfolio.tsx"}]},{"name":"profile-qa-tester","type":"registry:block","title":"Profile Qa Tester","description":"React QA tester profile block for Next.js with bug discovery stats, severity breakdown, test coverage metrics, testing tool proficiency, and sprint defect trends using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","progress"],"premium":true,"files":[{"path":"blocks/profile/profile-qa-tester.tsx","type":"registry:block","target":"components/blocks/profile/profile-qa-tester.tsx"}]},{"name":"profile-portfolio-showcase","type":"registry:block","title":"Profile Portfolio Showcase","description":"React creative portfolio profile block for Next.js with two-panel layout, skills tags, project grid cards, and category filters using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/profile/profile-portfolio-showcase.tsx","type":"registry:block","target":"components/blocks/profile/profile-portfolio-showcase.tsx"}]},{"name":"profile-community-manager","type":"registry:block","title":"Profile Community Manager","description":"React community manager profile block for Next.js with engagement stats, community growth metrics, event calendar, and moderation activity using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge"],"premium":true,"files":[{"path":"blocks/profile/profile-community-manager.tsx","type":"registry:block","target":"components/blocks/profile/profile-community-manager.tsx"}]},{"name":"profile-veterinarian","type":"registry:block","title":"Profile Veterinarian","description":"React veterinarian profile block for Next.js with medical specializations, species expertise, clinic affiliation, patient satisfaction ratings, and emergency availability using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/profile/profile-veterinarian.tsx","type":"registry:block","target":"components/blocks/profile/profile-veterinarian.tsx"}]},{"name":"profile-therapist-booking","type":"registry:block","title":"Profile Therapist Booking","description":"React therapist booking profile block for Next.js with availability calendar, specialization tags, session types, insurance list, and appointment scheduling using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","select"],"premium":true,"files":[{"path":"blocks/profile/profile-therapist-booking.tsx","type":"registry:block","target":"components/blocks/profile/profile-therapist-booking.tsx"}]},{"name":"profile-life-coach","type":"registry:block","title":"Profile Life Coach","description":"React life coach profile block for Next.js with client testimonials, coaching specialties, session packages, and success metrics using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/profile/profile-life-coach.tsx","type":"registry:block","target":"components/blocks/profile/profile-life-coach.tsx"}]},{"name":"profile-teacher-classroom","type":"registry:block","title":"Profile Teacher Classroom","description":"React teacher classroom profile block for Next.js with class roster summary, subject expertise, student performance metrics, weekly schedule, and parent communication stats using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","progress"],"premium":true,"files":[{"path":"blocks/profile/profile-teacher-classroom.tsx","type":"registry:block","target":"components/blocks/profile/profile-teacher-classroom.tsx"}]},{"name":"profile-virtual-assistant","type":"registry:block","title":"Profile Virtual Assistant","description":"React virtual assistant profile block for Next.js with service packages, skill badges, client testimonials, availability calendar, and response time metrics using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/profile/profile-virtual-assistant.tsx","type":"registry:block","target":"components/blocks/profile/profile-virtual-assistant.tsx"}]},{"name":"profile-podcast-host","type":"registry:block","title":"Profile Podcast Host","description":"React podcast host profile block for Next.js with episode list, listener stats, platform links, and audio waveform visualization using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","progress"],"premium":true,"files":[{"path":"blocks/profile/profile-podcast-host.tsx","type":"registry:block","target":"components/blocks/profile/profile-podcast-host.tsx"}]},{"name":"profile-data-analyst-reports","type":"registry:block","title":"Profile Data Analyst Reports","description":"React data analyst profile block for Next.js with report gallery, tool proficiency, analysis methodology breakdown, and key findings showcase using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","recharts","lucide-react"],"registryDependencies":["avatar","badge"],"premium":true,"files":[{"path":"blocks/profile/profile-data-analyst-reports.tsx","type":"registry:block","target":"components/blocks/profile/profile-data-analyst-reports.tsx"}]},{"name":"profile-speaker-bio","type":"registry:block","title":"Profile Speaker Bio","description":"React speaker bio profile block for Next.js with upcoming talks timeline, past conference history, topic expertise tags, and speaking engagement request form using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/profile/profile-speaker-bio.tsx","type":"registry:block","target":"components/blocks/profile/profile-speaker-bio.tsx"}]},{"name":"profile-settings-form","type":"registry:block","title":"Profile Settings Form","description":"React editable profile settings form for Next.js with avatar upload area, name and email inputs, bio textarea, timezone select, and save/cancel footer using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","button","input"],"premium":true,"files":[{"path":"blocks/profile/profile-settings-form.tsx","type":"registry:block","target":"components/blocks/profile/profile-settings-form.tsx"}]},{"name":"profile-journalist-bylines","type":"registry:block","title":"Profile Journalist Bylines","description":"React journalist profile block for Next.js with article bylines, beat coverage areas, publication history, and award nominations using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge"],"premium":true,"files":[{"path":"blocks/profile/profile-journalist-bylines.tsx","type":"registry:block","target":"components/blocks/profile/profile-journalist-bylines.tsx"}]},{"name":"profile-stats-overview","type":"registry:block","title":"Profile Stats Overview","description":"React stats-heavy profile block for Next.js with 2x2 metrics grid, weekly activity bar chart, contribution streaks, and animated counters using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge"],"premium":true,"files":[{"path":"blocks/profile/profile-stats-overview.tsx","type":"registry:block","target":"components/blocks/profile/profile-stats-overview.tsx"}]},{"name":"profile-instructor-courses","type":"registry:block","title":"Profile Instructor Courses","description":"React online instructor profile block for Next.js with course catalog, student ratings, enrollment stats, and curriculum progress bars using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","progress"],"premium":true,"files":[{"path":"blocks/profile/profile-instructor-courses.tsx","type":"registry:block","target":"components/blocks/profile/profile-instructor-courses.tsx"}]},{"name":"profile-freelancer-rates","type":"registry:block","title":"Profile Freelancer Rates","description":"React freelancer rates profile block for Next.js with skill-based pricing tiers, availability calendar indicator, project history, and client testimonial cards using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","button","switch"],"premium":true,"files":[{"path":"blocks/profile/profile-freelancer-rates.tsx","type":"registry:block","target":"components/blocks/profile/profile-freelancer-rates.tsx"}]},{"name":"profile-real-estate-listings","type":"registry:block","title":"Profile Real Estate Listings","description":"React real estate property listings profile block for Next.js with active property cards, price range filter, neighborhood tags, sales metrics, and listing status indicators using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","button","tabs"],"premium":true,"files":[{"path":"blocks/profile/profile-real-estate-listings.tsx","type":"registry:block","target":"components/blocks/profile/profile-real-estate-listings.tsx"}]},{"name":"profile-volunteer-impact","type":"registry:block","title":"Profile Volunteer Impact","description":"React volunteer impact profile block for Next.js with hours tracker, cause categories, impact metrics, and organization list using shadcn/ui, Tailwind CSS, and framer-motion animations","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","switch"],"premium":true,"files":[{"path":"blocks/profile/profile-volunteer-impact.tsx","type":"registry:block","target":"components/blocks/profile/profile-volunteer-impact.tsx"}]},{"name":"profile-brand-ambassador","type":"registry:block","title":"Profile Brand Ambassador","description":"React brand ambassador profile block for Next.js with campaign showcase, reach metrics, brand partnerships, and engagement analytics using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/profile/profile-brand-ambassador.tsx","type":"registry:block","target":"components/blocks/profile/profile-brand-ambassador.tsx"}]},{"name":"profile-customer-success","type":"registry:block","title":"Profile Customer Success","description":"React customer success manager profile block for Next.js with health score dashboard, account portfolio, NPS trends, renewal pipeline, and risk alerts using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge"],"premium":true,"files":[{"path":"blocks/profile/profile-customer-success.tsx","type":"registry:block","target":"components/blocks/profile/profile-customer-success.tsx"}]},{"name":"profile-travel-blogger","type":"registry:block","title":"Profile Travel Blogger","description":"React travel blogger profile block for Next.js with destination grid, country count map, trip timeline, and travel stats using shadcn/ui, Tailwind CSS, and framer-motion entrance animations","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","button","tabs"],"premium":true,"files":[{"path":"blocks/profile/profile-travel-blogger.tsx","type":"registry:block","target":"components/blocks/profile/profile-travel-blogger.tsx"}]},{"name":"profile-radio-host","type":"registry:block","title":"Profile Radio Host","description":"React radio host profile block for Next.js with show schedule, listener metrics, guest history, genre tags, and broadcast station affiliation using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/profile/profile-radio-host.tsx","type":"registry:block","target":"components/blocks/profile/profile-radio-host.tsx"}]},{"name":"profile-streamer-overlay","type":"registry:block","title":"Profile Streamer Overlay","description":"React streamer overlay profile block for Next.js with live status indicator, subscriber goals progress bar, recent donations feed, chat activity stats, and stream schedule using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/profile/profile-streamer-overlay.tsx","type":"registry:block","target":"components/blocks/profile/profile-streamer-overlay.tsx"}]},{"name":"profile-real-estate-agent","type":"registry:block","title":"Profile Real Estate Agent","description":"React real estate agent profile block for Next.js with active listings grid, sales volume metrics, neighborhood expertise, client testimonials, and license verification using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","select"],"premium":true,"files":[{"path":"blocks/profile/profile-real-estate-agent.tsx","type":"registry:block","target":"components/blocks/profile/profile-real-estate-agent.tsx"}]},{"name":"profile-athlete-performance","type":"registry:block","title":"Profile Athlete Performance","description":"React athlete performance profile block for Next.js with training stats, weekly workout chart, personal records, season goals progress, and injury log using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","progress"],"premium":true,"files":[{"path":"blocks/profile/profile-athlete-performance.tsx","type":"registry:block","target":"components/blocks/profile/profile-athlete-performance.tsx"}]},{"name":"profile-graphic-designer","type":"registry:block","title":"Profile Graphic Designer","description":"React graphic designer profile block for Next.js with style gallery, brand identity projects, tool proficiency, and design philosophy using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/profile/profile-graphic-designer.tsx","type":"registry:block","target":"components/blocks/profile/profile-graphic-designer.tsx"}]},{"name":"profile-film-director","type":"registry:block","title":"Profile Film Director","description":"React film director profile block for Next.js with filmography list, award nominations, box office stats, and genre specialization using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge"],"premium":true,"files":[{"path":"blocks/profile/profile-film-director.tsx","type":"registry:block","target":"components/blocks/profile/profile-film-director.tsx"}]},{"name":"profile-devrel-advocate","type":"registry:block","title":"Profile Devrel Advocate","description":"React developer relations advocate profile block for Next.js with talk history, content metrics, community stats, event schedule, and platform reach using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","tabs"],"premium":true,"files":[{"path":"blocks/profile/profile-devrel-advocate.tsx","type":"registry:block","target":"components/blocks/profile/profile-devrel-advocate.tsx"}]},{"name":"profile-scientist-research","type":"registry:block","title":"Profile Scientist Research","description":"React scientist research profile block for Next.js with publication list, citation metrics, h-index display, research field tags, and lab affiliation using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/profile/profile-scientist-research.tsx","type":"registry:block","target":"components/blocks/profile/profile-scientist-research.tsx"}]},{"name":"profile-data-scientist-models","type":"registry:block","title":"Profile Data Scientist Models","description":"React data scientist profile block for Next.js with ML model registry, performance metrics, dataset badges, experiment history, and accuracy benchmarks using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","tabs"],"premium":true,"files":[{"path":"blocks/profile/profile-data-scientist-models.tsx","type":"registry:block","target":"components/blocks/profile/profile-data-scientist-models.tsx"}]},{"name":"profile-book-reader","type":"registry:block","title":"Profile Book Reader","description":"React book reader profile block for Next.js with reading challenge progress, currently reading shelf, star ratings, genre distribution chart, and reading history timeline using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","progress"],"premium":true,"files":[{"path":"blocks/profile/profile-book-reader.tsx","type":"registry:block","target":"components/blocks/profile/profile-book-reader.tsx"}]},{"name":"profile-recruiter-pipeline","type":"registry:block","title":"Profile Recruiter Pipeline","description":"React recruiter pipeline profile block for Next.js with candidate funnel stages, placement stats, role openings list, and hiring velocity metrics using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge"],"premium":true,"files":[{"path":"blocks/profile/profile-recruiter-pipeline.tsx","type":"registry:block","target":"components/blocks/profile/profile-recruiter-pipeline.tsx"}]},{"name":"profile-plumber-reviews","type":"registry:block","title":"Profile Plumber Reviews","description":"React plumber reviews profile block for Next.js with service reviews, rating breakdown, license verification, service area coverage, and emergency availability using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/profile/profile-plumber-reviews.tsx","type":"registry:block","target":"components/blocks/profile/profile-plumber-reviews.tsx"}]},{"name":"profile-photographer-grid","type":"registry:block","title":"Profile Photographer Grid","description":"React photographer profile block for Next.js with masonry-style photo grid, camera gear list, booking availability, and shooting stats using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/profile/profile-photographer-grid.tsx","type":"registry:block","target":"components/blocks/profile/profile-photographer-grid.tsx"}]},{"name":"profile-student-academic","type":"registry:block","title":"Profile Student Academic","description":"React student academic profile block for Next.js with GPA display, course grades table, semester progress bars, extracurricular activities, and honors list using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge"],"premium":true,"files":[{"path":"blocks/profile/profile-student-academic.tsx","type":"registry:block","target":"components/blocks/profile/profile-student-academic.tsx"}]},{"name":"profile-public-speaker","type":"registry:block","title":"Profile Public Speaker","description":"React public speaker profile block for Next.js with talk archive, conference history, topic expertise, audience reach metrics, and booking availability using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/profile/profile-public-speaker.tsx","type":"registry:block","target":"components/blocks/profile/profile-public-speaker.tsx"}]},{"name":"profile-author-page","type":"registry:block","title":"Profile Author Page","description":"React author page profile block for Next.js with published books grid, bestseller badges, reading stats, genre tags, and awards section using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","tabs"],"premium":true,"files":[{"path":"blocks/profile/profile-author-page.tsx","type":"registry:block","target":"components/blocks/profile/profile-author-page.tsx"}]},{"name":"profile-illustrator-gallery","type":"registry:block","title":"Profile Illustrator Gallery","description":"React illustrator profile block for Next.js with art gallery grid, style categories, commission pricing, and medium expertise using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/profile/profile-illustrator-gallery.tsx","type":"registry:block","target":"components/blocks/profile/profile-illustrator-gallery.tsx"}]},{"name":"profile-sales-rep-dashboard","type":"registry:block","title":"Profile Sales Rep Dashboard","description":"React sales representative dashboard profile block for Next.js with quota attainment gauge, deal pipeline, win rate trends, recent activity log, and commission tracker using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","progress","tabs"],"premium":true,"files":[{"path":"blocks/profile/profile-sales-rep-dashboard.tsx","type":"registry:block","target":"components/blocks/profile/profile-sales-rep-dashboard.tsx"}]},{"name":"profile-pilot-flight-log","type":"registry:block","title":"Profile Pilot Flight Log","description":"React pilot flight log profile block for Next.js with total flight hours, aircraft type ratings, recent flights, certificate details, and flight hour breakdown chart using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/profile/profile-pilot-flight-log.tsx","type":"registry:block","target":"components/blocks/profile/profile-pilot-flight-log.tsx"}]},{"name":"profile-sound-engineer","type":"registry:block","title":"Profile Sound Engineer","description":"React sound engineer profile block for Next.js with studio credits, equipment list, genre specialties, session rates, and client testimonials using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/profile/profile-sound-engineer.tsx","type":"registry:block","target":"components/blocks/profile/profile-sound-engineer.tsx"}]},{"name":"profile-accountant-dashboard","type":"registry:block","title":"Profile Accountant Dashboard","description":"React accountant profile block for Next.js with client portfolio summary, revenue metrics, tax deadline tracker, and certification badges using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge"],"premium":true,"files":[{"path":"blocks/profile/profile-accountant-dashboard.tsx","type":"registry:block","target":"components/blocks/profile/profile-accountant-dashboard.tsx"}]},{"name":"profile-team-member-detail","type":"registry:block","title":"Profile Team Member Detail","description":"React detailed team member profile for Next.js with skills progress bars, current projects list, availability status indicator, and schedule meeting button using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/profile/profile-team-member-detail.tsx","type":"registry:block","target":"components/blocks/profile/profile-team-member-detail.tsx"}]},{"name":"profile-security-researcher","type":"registry:block","title":"Profile Security Researcher","description":"React cybersecurity researcher profile block for Next.js with CVE disclosures, vulnerability severity breakdown, bug bounty stats, and certification badges using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge"],"premium":true,"files":[{"path":"blocks/profile/profile-security-researcher.tsx","type":"registry:block","target":"components/blocks/profile/profile-security-researcher.tsx"}]},{"name":"profile-chef-menu","type":"registry:block","title":"Profile Chef Menu","description":"React chef menu profile block for Next.js with signature dishes grid, cuisine expertise tags, restaurant history timeline, awards section, and dietary filter toggles using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","toggle"],"premium":true,"files":[{"path":"blocks/profile/profile-chef-menu.tsx","type":"registry:block","target":"components/blocks/profile/profile-chef-menu.tsx"}]},{"name":"profile-tutor-subjects","type":"registry:block","title":"Profile Tutor Subjects","description":"React tutor profile block for Next.js with subject expertise levels, session availability, student success metrics, teaching methodology, and hourly rates using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","progress"],"premium":true,"files":[{"path":"blocks/profile/profile-tutor-subjects.tsx","type":"registry:block","target":"components/blocks/profile/profile-tutor-subjects.tsx"}]},{"name":"profile-scrum-master","type":"registry:block","title":"Profile Scrum Master","description":"React scrum master profile block for Next.js with team velocity chart, sprint metrics, ceremony facilitation stats, impediment resolution tracking, and certification badges using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/profile/profile-scrum-master.tsx","type":"registry:block","target":"components/blocks/profile/profile-scrum-master.tsx"}]},{"name":"profile-technical-writer","type":"registry:block","title":"Profile Technical Writer","description":"React technical writer profile block for Next.js with documentation portfolio, content metrics, writing tool proficiency, subject expertise, and client testimonials using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/profile/profile-technical-writer.tsx","type":"registry:block","target":"components/blocks/profile/profile-technical-writer.tsx"}]},{"name":"profile-sports-coach","type":"registry:block","title":"Profile Sports Coach","description":"React sports coach profile block for Next.js with team win/loss record, season schedule, player roster overview, coaching philosophy, and achievement badges using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/profile/profile-sports-coach.tsx","type":"registry:block","target":"components/blocks/profile/profile-sports-coach.tsx"}]},{"name":"profile-open-source-contributor","type":"registry:block","title":"Profile Open Source Contributor","description":"React open source contributor profile block for Next.js with repository list, PR stats, review activity, language breakdown, and maintainer badges using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","tabs"],"premium":true,"files":[{"path":"blocks/profile/profile-open-source-contributor.tsx","type":"registry:block","target":"components/blocks/profile/profile-open-source-contributor.tsx"}]},{"name":"profile-music-listener","type":"registry:block","title":"Profile Music Listener","description":"React music listening profile block for Next.js with currently playing track, animated progress bar, top artists with play counts, and recently played list using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/profile/profile-music-listener.tsx","type":"registry:block","target":"components/blocks/profile/profile-music-listener.tsx"}]},{"name":"profile-musician-discography","type":"registry:block","title":"Profile Musician Discography","description":"React musician discography profile block for Next.js with album tracklist, streaming stats, genre badges, and audio waveform-style progress bars using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/profile/profile-musician-discography.tsx","type":"registry:block","target":"components/blocks/profile/profile-musician-discography.tsx"}]},{"name":"profile-mechanic-certifications","type":"registry:block","title":"Profile Mechanic Certifications","description":"React mechanic certifications profile block for Next.js with ASE certifications, service specialties, customer reviews, shop affiliation, and hourly rate display using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/profile/profile-mechanic-certifications.tsx","type":"registry:block","target":"components/blocks/profile/profile-mechanic-certifications.tsx"}]},{"name":"profile-social-media-manager","type":"registry:block","title":"Profile Social Media Manager","description":"React social media manager profile block for Next.js with platform account stats, engagement metrics, content calendar overview, growth trends, and brand portfolio using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/profile/profile-social-media-manager.tsx","type":"registry:block","target":"components/blocks/profile/profile-social-media-manager.tsx"}]},{"name":"profile-nonprofit-leader","type":"registry:block","title":"Profile Nonprofit Leader","description":"React nonprofit leader profile block for Next.js with fundraising progress bar, impact metrics grid, program list with beneficiary counts, and donor recognition section using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","progress"],"premium":true,"files":[{"path":"blocks/profile/profile-nonprofit-leader.tsx","type":"registry:block","target":"components/blocks/profile/profile-nonprofit-leader.tsx"}]},{"name":"profile-marketing-strategist","type":"registry:block","title":"Profile Marketing Strategist","description":"React marketing strategist profile block for Next.js with campaign results, channel expertise, ROI metrics, client portfolio, and strategy framework badges using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/profile/profile-marketing-strategist.tsx","type":"registry:block","target":"components/blocks/profile/profile-marketing-strategist.tsx"}]},{"name":"profile-project-lead","type":"registry:block","title":"Profile Project Lead","description":"React project lead profile block for Next.js with active project cards, team size metrics, delivery timeline progress, methodology badges, and stakeholder management overview using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","progress"],"premium":true,"files":[{"path":"blocks/profile/profile-project-lead.tsx","type":"registry:block","target":"components/blocks/profile/profile-project-lead.tsx"}]},{"name":"profile-consultant-availability","type":"registry:block","title":"Profile Consultant Availability","description":"React consultant profile block for Next.js with booking calendar, expertise areas, hourly rates, and availability schedule using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar"],"premium":true,"files":[{"path":"blocks/profile/profile-consultant-availability.tsx","type":"registry:block","target":"components/blocks/profile/profile-consultant-availability.tsx"}]},{"name":"profile-pharmacist-credentials","type":"registry:block","title":"Profile Pharmacist Credentials","description":"React pharmacist credentials profile block for Next.js with license verification, specialization badges, pharmacy affiliation, medication expertise areas, and patient consultation stats using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/profile/profile-pharmacist-credentials.tsx","type":"registry:block","target":"components/blocks/profile/profile-pharmacist-credentials.tsx"}]},{"name":"profile-architect-projects","type":"registry:block","title":"Profile Architect Projects","description":"React architect projects profile block for Next.js with project gallery cards, award listings, building typology breakdown, and sustainability metrics using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","tabs"],"premium":true,"files":[{"path":"blocks/profile/profile-architect-projects.tsx","type":"registry:block","target":"components/blocks/profile/profile-architect-projects.tsx"}]},{"name":"profile-barista-specialties","type":"registry:block","title":"Profile Barista Specialties","description":"React barista profile block for Next.js with specialty drink menu, brewing methods, certification badges, and tasting notes using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/profile/profile-barista-specialties.tsx","type":"registry:block","target":"components/blocks/profile/profile-barista-specialties.tsx"}]},{"name":"profile-gaming-stats","type":"registry:block","title":"Profile Gaming Stats","description":"React gaming stats profile block for Next.js with rank badge, match history, KDA ratio, win rate progress bars, and weapon loadout display using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","tabs"],"premium":true,"files":[{"path":"blocks/profile/profile-gaming-stats.tsx","type":"registry:block","target":"components/blocks/profile/profile-gaming-stats.tsx"}]},{"name":"profile-doctor-credentials","type":"registry:block","title":"Profile Doctor Credentials","description":"React doctor credentials profile block for Next.js with medical specialties, board certifications, education timeline, hospital affiliations, and patient rating display using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/profile/profile-doctor-credentials.tsx","type":"registry:block","target":"components/blocks/profile/profile-doctor-credentials.tsx"}]},{"name":"profile-ai-engineer","type":"registry:block","title":"Profile Ai Engineer","description":"React AI engineer profile block for Next.js with model deployment status, benchmark scores, GPU utilization metrics, research paper list, and tech stack badges using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","tabs"],"premium":true,"files":[{"path":"blocks/profile/profile-ai-engineer.tsx","type":"registry:block","target":"components/blocks/profile/profile-ai-engineer.tsx"}]},{"name":"profile-event-organizer","type":"registry:block","title":"Profile Event Organizer","description":"React event organizer profile block for Next.js with upcoming and past event cards, ticket sales metrics, venue map placeholder, and speaker lineup section using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","progress","switch"],"premium":true,"files":[{"path":"blocks/profile/profile-event-organizer.tsx","type":"registry:block","target":"components/blocks/profile/profile-event-organizer.tsx"}]},{"name":"profile-editor-publications","type":"registry:block","title":"Profile Editor Publications","description":"React editor profile block for Next.js with publication credits, editorial expertise, manuscript statistics, and genre specialization using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge"],"premium":true,"files":[{"path":"blocks/profile/profile-editor-publications.tsx","type":"registry:block","target":"components/blocks/profile/profile-editor-publications.tsx"}]},{"name":"profile-personal-trainer","type":"registry:block","title":"Profile Personal Trainer","description":"React personal trainer profile block for Next.js with client transformation results, training methodology, certification badges, session availability, and specialty tags using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/profile/profile-personal-trainer.tsx","type":"registry:block","target":"components/blocks/profile/profile-personal-trainer.tsx"}]},{"name":"profile-engineer-patents","type":"registry:block","title":"Profile Engineer Patents","description":"React engineer profile block for Next.js with patent portfolio, technical expertise, innovation metrics, and research areas using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge"],"premium":true,"files":[{"path":"blocks/profile/profile-engineer-patents.tsx","type":"registry:block","target":"components/blocks/profile/profile-engineer-patents.tsx"}]},{"name":"profile-blogger-analytics","type":"registry:block","title":"Profile Blogger Analytics","description":"React blogger profile block for Next.js with post analytics, traffic metrics, top articles list, and category breakdown using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge"],"premium":true,"files":[{"path":"blocks/profile/profile-blogger-analytics.tsx","type":"registry:block","target":"components/blocks/profile/profile-blogger-analytics.tsx"}]},{"name":"profile-product-manager","type":"registry:block","title":"Profile Product Manager","description":"React product manager profile block for Next.js with OKR tracking, roadmap timeline, sprint velocity metrics, and stakeholder alignment using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","progress"],"premium":true,"files":[{"path":"blocks/profile/profile-product-manager.tsx","type":"registry:block","target":"components/blocks/profile/profile-product-manager.tsx"}]},{"name":"profile-electrician-services","type":"registry:block","title":"Profile Electrician Services","description":"React electrician profile block for Next.js with service menu, certification badges, job history, and availability calendar using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/profile/profile-electrician-services.tsx","type":"registry:block","target":"components/blocks/profile/profile-electrician-services.tsx"}]},{"name":"profile-employee-badge","type":"registry:block","title":"Profile Employee Badge","description":"React corporate employee badge card for Next.js with photo placeholder, department chip, employee ID, QR code grid pattern, and contact actions using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/profile/profile-employee-badge.tsx","type":"registry:block","target":"components/blocks/profile/profile-employee-badge.tsx"}]},{"name":"profile-lawyer-practice","type":"registry:block","title":"Profile Lawyer Practice","description":"React lawyer practice profile block for Next.js with practice areas, case statistics, bar admissions, and client testimonial sections using shadcn/ui, Tailwind CSS, and framer-motion animations","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","separator"],"premium":true,"files":[{"path":"blocks/profile/profile-lawyer-practice.tsx","type":"registry:block","target":"components/blocks/profile/profile-lawyer-practice.tsx"}]},{"name":"profile-web-developer","type":"registry:block","title":"Profile Web Developer","description":"React web developer profile block for Next.js with technology stack visualization, project portfolio, GitHub stats, framework expertise bars, and deployment platform badges using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","progress"],"premium":true,"files":[{"path":"blocks/profile/profile-web-developer.tsx","type":"registry:block","target":"components/blocks/profile/profile-web-developer.tsx"}]},{"name":"profile-mentor-availability","type":"registry:block","title":"Profile Mentor Availability","description":"React mentor booking profile block for Next.js with calendar availability grid, session types, expertise tags, mentee reviews, and booking form using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge"],"premium":true,"files":[{"path":"blocks/profile/profile-mentor-availability.tsx","type":"registry:block","target":"components/blocks/profile/profile-mentor-availability.tsx"}]},{"name":"profile-videographer-portfolio","type":"registry:block","title":"Profile Videographer Portfolio","description":"React videographer portfolio profile block for Next.js with video project cards, equipment list, genre specialties, client testimonials, and booking rates using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/profile/profile-videographer-portfolio.tsx","type":"registry:block","target":"components/blocks/profile/profile-videographer-portfolio.tsx"}]},{"name":"profile-system-admin","type":"registry:block","title":"Profile System Admin","description":"React system administrator profile block for Next.js with infrastructure overview, server status monitoring, uptime metrics, certification badges, and incident response history using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/profile/profile-system-admin.tsx","type":"registry:block","target":"components/blocks/profile/profile-system-admin.tsx"}]},{"name":"profile-tattoo-artist","type":"registry:block","title":"Profile Tattoo Artist","description":"React tattoo artist profile block for Next.js with style gallery categories, booking rates, artist bio, client reviews, and studio affiliation using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/profile/profile-tattoo-artist.tsx","type":"registry:block","target":"components/blocks/profile/profile-tattoo-artist.tsx"}]},{"name":"profile-fitness-tracker","type":"registry:block","title":"Profile Fitness Tracker","description":"React fitness tracking profile block for Next.js with daily stats grid, weekly goal progress bars, workout history list, and activity metrics using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge"],"premium":true,"files":[{"path":"blocks/profile/profile-fitness-tracker.tsx","type":"registry:block","target":"components/blocks/profile/profile-fitness-tracker.tsx"}]},{"name":"profile-professor-courses","type":"registry:block","title":"Profile Professor Courses","description":"React professor course catalog profile block for Next.js with teaching portfolio, course listings, student ratings, research interests, and office hours display using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/profile/profile-professor-courses.tsx","type":"registry:block","target":"components/blocks/profile/profile-professor-courses.tsx"}]},{"name":"profile-carpenter-portfolio","type":"registry:block","title":"Profile Carpenter Portfolio","description":"React carpenter profile block for Next.js with project gallery, woodworking specialties, material expertise, and client testimonials using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/profile/profile-carpenter-portfolio.tsx","type":"registry:block","target":"components/blocks/profile/profile-carpenter-portfolio.tsx"}]},{"name":"profile-researcher-publications","type":"registry:block","title":"Profile Researcher Publications","description":"React academic researcher profile block for Next.js with publication list, citation metrics, h-index display, research areas, and co-author network using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","tabs"],"premium":true,"files":[{"path":"blocks/profile/profile-researcher-publications.tsx","type":"registry:block","target":"components/blocks/profile/profile-researcher-publications.tsx"}]},{"name":"timeline-blog-archive","type":"registry:block","title":"Timeline Blog Archive","description":"React blog post archive timeline grouped by year and month built with Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/timeline/timeline-blog-archive.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-blog-archive.tsx"}]},{"name":"timeline-order-tracking","type":"registry:block","title":"Timeline Order Tracking","description":"React package delivery tracking timeline with progress. Built with Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/timeline/timeline-order-tracking.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-order-tracking.tsx"}]},{"name":"timeline-map-route","type":"registry:block","title":"Timeline Map Route","description":"React timeline component displaying journey waypoints with travel modes, distances, and durations for Next.js apps using shadcn/ui and Tailwind CSS.","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/timeline/timeline-map-route.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-map-route.tsx"}]},{"name":"timeline-selectable","type":"registry:block","title":"Timeline Selectable","description":"React timeline with multi-select checkboxes. Built with React, Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["lucide-react"],"registryDependencies":["badge","button","checkbox"],"premium":true,"files":[{"path":"blocks/timeline/timeline-selectable.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-selectable.tsx"}]},{"name":"timeline-ribbon","type":"registry:block","title":"Timeline Ribbon","description":"React horizontal ribbon timeline with pinned events. Built with React, Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/timeline/timeline-ribbon.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-ribbon.tsx"}]},{"name":"timeline-multi-track","type":"registry:block","title":"Timeline Multi Track","description":"React parallel timeline component with color-coded team lanes and shared time axis for Next.js apps using shadcn/ui and Tailwind CSS.","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/timeline/timeline-multi-track.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-multi-track.tsx"}]},{"name":"timeline-error-trace","type":"registry:block","title":"Timeline Error Trace","description":"React stack trace timeline with code snippets built with Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/timeline/timeline-error-trace.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-error-trace.tsx"}]},{"name":"timeline-nested","type":"registry:block","title":"Timeline Nested","description":"React timeline with expandable nested sub-timelines. Built with Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/timeline/timeline-nested.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-nested.tsx"}]},{"name":"timeline-social-posts","type":"registry:block","title":"Timeline Social Posts","description":"React social media timeline for Next.js with shadcn/ui, Tailwind CSS showing platform posts, engagement metrics, and content previews.","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/timeline/timeline-social-posts.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-social-posts.tsx"}]},{"name":"timeline-release-notes","type":"registry:block","title":"Timeline Release Notes","description":"React release timeline with version tags. Built with React, Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/timeline/timeline-release-notes.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-release-notes.tsx"}]},{"name":"timeline-skill-progression","type":"registry:block","title":"Timeline Skill Progression","description":"React skill growth timeline for Next.js with shadcn/ui Badge, progress bars, and Tailwind CSS showing proficiency levels over time.","registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/timeline/timeline-skill-progression.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-skill-progression.tsx"}]},{"name":"timeline-changelog","type":"registry:block","title":"Timeline Changelog","description":"React product changelog timeline with version badges and categorized changes, built with Next.js, shadcn/ui, and Tailwind CSS.","registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/timeline/timeline-changelog.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-changelog.tsx"}]},{"name":"timeline-with-images","type":"registry:block","title":"Timeline With Images","description":"React timeline with image previews built with Next.js, shadcn/ui Badge, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/timeline/timeline-with-images.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-with-images.tsx"}]},{"name":"timeline-horizontal-cards","type":"registry:block","title":"Timeline Horizontal Cards","description":"React horizontal timeline with hanging card entries connected by vertical lines using Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/timeline/timeline-horizontal-cards.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-horizontal-cards.tsx"}]},{"name":"timeline-double-line","type":"registry:block","title":"Timeline Double Line","description":"React timeline with parallel lines and cross-ties built with Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/timeline/timeline-double-line.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-double-line.tsx"}]},{"name":"timeline-onboarding-steps","type":"registry:block","title":"Timeline Onboarding Steps","description":"React user onboarding timeline with progress tracking. Built with Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/timeline/timeline-onboarding-steps.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-onboarding-steps.tsx"}]},{"name":"timeline-minimal-line","type":"registry:block","title":"Timeline Minimal Line","description":"React minimal timeline component with hairline connector and tiny dots for Next.js apps using shadcn/ui and Tailwind CSS.","premium":true,"files":[{"path":"blocks/timeline/timeline-minimal-line.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-minimal-line.tsx"}]},{"name":"timeline-legal-case","type":"registry:block","title":"Timeline Legal Case","description":"React legal case timeline with court proceedings and status tracking using Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/timeline/timeline-legal-case.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-legal-case.tsx"}]},{"name":"timeline-gradient-cards","type":"registry:block","title":"Timeline Gradient Cards","description":"React timeline component with alternating gradient cards and connecting lines using Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/timeline/timeline-gradient-cards.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-gradient-cards.tsx"}]},{"name":"timeline-company-history","type":"registry:block","title":"Timeline Company History","description":"React company history timeline with year markers and metrics, built with Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/timeline/timeline-company-history.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-company-history.tsx"}]},{"name":"timeline-activity-feed","type":"registry:block","title":"Timeline Activity Feed","description":"React social activity feed timeline with avatars, user actions, timestamps built with Next.js, shadcn/ui, and Tailwind CSS","registryDependencies":["avatar","badge"],"premium":true,"files":[{"path":"blocks/timeline/timeline-activity-feed.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-activity-feed.tsx"}]},{"name":"timeline-vertical-dots","type":"registry:block","title":"Timeline Vertical Dots","description":"React vertical timeline with continuous line and dot markers built with Next.js, shadcn/ui Badge, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/timeline/timeline-vertical-dots.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-vertical-dots.tsx"}]},{"name":"timeline-gradient-connector","type":"registry:block","title":"Timeline Gradient Connector","description":"React timeline with blue-to-purple gradient connector line using Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/timeline/timeline-gradient-connector.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-gradient-connector.tsx"}]},{"name":"timeline-tree","type":"registry:block","title":"Timeline Tree","description":"React tree timeline with expandable branches showing hierarchical events built with Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/timeline/timeline-tree.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-tree.tsx"}]},{"name":"timeline-thick-rail","type":"registry:block","title":"Timeline Thick Rail","description":"React timeline with thick rounded rail backbone connecting horizontal arms built with Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/timeline/timeline-thick-rail.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-thick-rail.tsx"}]},{"name":"timeline-video-chapters","type":"registry:block","title":"Timeline Video Chapters","description":"React video chapter timeline with timestamps and progress tracking built with Next.js, shadcn/ui Badge, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/timeline/timeline-video-chapters.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-video-chapters.tsx"}]},{"name":"timeline-career-ladder","type":"registry:block","title":"Timeline Career Ladder","description":"React career ladder timeline with ascending visual progression, showing role titles, team sizes, and achievements with Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/timeline/timeline-career-ladder.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-career-ladder.tsx"}]},{"name":"timeline-with-avatars","type":"registry:block","title":"Timeline With Avatars","description":"React vertical timeline anchored by user avatars built with Next.js, shadcn/ui Avatar, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["avatar"],"premium":true,"files":[{"path":"blocks/timeline/timeline-with-avatars.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-with-avatars.tsx"}]},{"name":"timeline-certification-path","type":"registry:block","title":"Timeline Certification Path","description":"React certification milestones timeline with shield icons and status markers, built with Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/timeline/timeline-certification-path.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-certification-path.tsx"}]},{"name":"timeline-stacked-badges","type":"registry:block","title":"Timeline Stacked Badges","description":"React contribution timeline with color-coded pill badges, category grouping, and dense scannable layout using Next.js, shadcn/ui, and Tailwind CSS","premium":true,"files":[{"path":"blocks/timeline/timeline-stacked-badges.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-stacked-badges.tsx"}]},{"name":"timeline-product-roadmap","type":"registry:block","title":"Timeline Product Roadmap","description":"React product roadmap with Now/Next/Later buckets using Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["lucide-react"],"registryDependencies":["avatar","badge"],"premium":true,"files":[{"path":"blocks/timeline/timeline-product-roadmap.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-product-roadmap.tsx"}]},{"name":"timeline-habit-tracker","type":"registry:block","title":"Timeline Habit Tracker","description":"React habit streak timeline with completion nodes and streak counters using Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["date-fns","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/timeline/timeline-habit-tracker.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-habit-tracker.tsx"}]},{"name":"timeline-collapsible-entries","type":"registry:block","title":"Timeline Collapsible Entries","description":"React vertical timeline with expandable entries that reveal detail panels, built with Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/timeline/timeline-collapsible-entries.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-collapsible-entries.tsx"}]},{"name":"timeline-compact-list","type":"registry:block","title":"Timeline Compact List","description":"React dense timeline with single-row entries and status badges, built with Next.js, shadcn/ui, and Tailwind CSS","registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/timeline/timeline-compact-list.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-compact-list.tsx"}]},{"name":"timeline-customer-journey","type":"registry:block","title":"Timeline Customer Journey","description":"React customer journey timeline with touchpoints and conversion tracking, built with Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/timeline/timeline-customer-journey.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-customer-journey.tsx"}]},{"name":"timeline-build-history","type":"registry:block","title":"Timeline Build History","description":"React CI/CD build timeline with pass/fail indicators built with Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/timeline/timeline-build-history.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-build-history.tsx"}]},{"name":"timeline-subscription-events","type":"registry:block","title":"Timeline Subscription Events","description":"React subscription lifecycle timeline tracking trials, upgrades, renewals, and plan changes using Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/timeline/timeline-subscription-events.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-subscription-events.tsx"}]},{"name":"timeline-calendar-view","type":"registry:block","title":"Timeline Calendar View","description":"React calendar timeline showing events on a weekly grid with chronological threading, built with Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/timeline/timeline-calendar-view.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-calendar-view.tsx"}]},{"name":"timeline-with-charts","type":"registry:block","title":"Timeline With Charts","description":"React vertical timeline with inline mini charts built with Next.js, shadcn/ui Badge, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/timeline/timeline-with-charts.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-with-charts.tsx"}]},{"name":"timeline-left-aligned","type":"registry:block","title":"Timeline Left Aligned","description":"React timeline with left-aligned dates and vertical connector using Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/timeline/timeline-left-aligned.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-left-aligned.tsx"}]},{"name":"timeline-reading-list","type":"registry:block","title":"Timeline Reading List","description":"React reading history timeline with star ratings using Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/timeline/timeline-reading-list.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-reading-list.tsx"}]},{"name":"timeline-commit-log","type":"registry:block","title":"Timeline Commit Log","description":"React Git-style commit timeline with hash dots and branch badges, built with Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/timeline/timeline-commit-log.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-commit-log.tsx"}]},{"name":"timeline-api-requests","type":"registry:block","title":"Timeline Api Requests","description":"React API call history timeline with color-coded HTTP methods, status codes built with Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/timeline/timeline-api-requests.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-api-requests.tsx"}]},{"name":"timeline-audit-trail","type":"registry:block","title":"Timeline Audit Trail","description":"React audit log timeline with colored status dots showing actions, users, IP addresses, and timestamps built with Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/timeline/timeline-audit-trail.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-audit-trail.tsx"}]},{"name":"timeline-work-experience","type":"registry:block","title":"Timeline Work Experience","description":"A React career history timeline built with Next.js, shadcn/ui Badge, and Tailwind CSS","registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/timeline/timeline-work-experience.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-work-experience.tsx"}]},{"name":"timeline-email-thread","type":"registry:block","title":"Timeline Email Thread","description":"React email conversation timeline with read status built with Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/timeline/timeline-email-thread.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-email-thread.tsx"}]},{"name":"timeline-comment-thread","type":"registry:block","title":"Timeline Comment Thread","description":"React threaded comment timeline with nested replies and vote counts, built with Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["avatar","button"],"premium":true,"files":[{"path":"blocks/timeline/timeline-comment-thread.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-comment-thread.tsx"}]},{"name":"timeline-database-migrations","type":"registry:block","title":"Timeline Database Migrations","description":"React migration history timeline built with Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/timeline/timeline-database-migrations.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-database-migrations.tsx"}]},{"name":"timeline-split-view","type":"registry:block","title":"Timeline Split View","description":"React two-panel timeline for Next.js with shadcn/ui Badge and Tailwind CSS with navigation rail and detail panel.","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/timeline/timeline-split-view.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-split-view.tsx"}]},{"name":"timeline-with-tags","type":"registry:block","title":"Timeline With Tags","description":"A React timeline with filterable category tags built with Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/timeline/timeline-with-tags.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-with-tags.tsx"}]},{"name":"timeline-grouped-by-date","type":"registry:block","title":"Timeline Grouped By Date","description":"React timeline with date-grouped entries and section headers using Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/timeline/timeline-grouped-by-date.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-grouped-by-date.tsx"}]},{"name":"timeline-project-milestones","type":"registry:block","title":"Timeline Project Milestones","description":"React project milestones with diamond markers using Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/timeline/timeline-project-milestones.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-project-milestones.tsx"}]},{"name":"timeline-inline","type":"registry:block","title":"Timeline Inline","description":"A React horizontal timeline with dot-line-dot pattern and status labels using Next.js, shadcn/ui, and Tailwind CSS.","premium":true,"files":[{"path":"blocks/timeline/timeline-inline.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-inline.tsx"}]},{"name":"timeline-notification-center","type":"registry:block","title":"Timeline Notification Center","description":"React notification center timeline grouped by date. Built with Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/timeline/timeline-notification-center.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-notification-center.tsx"}]},{"name":"timeline-transaction-history","type":"registry:block","title":"Timeline Transaction History","description":"React financial transaction timeline with color-coded payments built with Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/timeline/timeline-transaction-history.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-transaction-history.tsx"}]},{"name":"timeline-horizontal-scroll","type":"registry:block","title":"Timeline Horizontal Scroll","description":"React scrollable timeline with alternating entries, dot markers, and central line using Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/timeline/timeline-horizontal-scroll.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-horizontal-scroll.tsx"}]},{"name":"timeline-status-indicators","type":"registry:block","title":"Timeline Status Indicators","description":"React task timeline with color-coded status indicators, expandable details, and progress legend using Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/timeline/timeline-status-indicators.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-status-indicators.tsx"}]},{"name":"timeline-with-metrics","type":"registry:block","title":"Timeline With Metrics","description":"React timeline displaying growth KPIs built with Next.js, shadcn/ui Badge, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/timeline/timeline-with-metrics.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-with-metrics.tsx"}]},{"name":"timeline-recipe-steps","type":"registry:block","title":"Timeline Recipe Steps","description":"React recipe timeline with step tracking. Built with React, Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/timeline/timeline-recipe-steps.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-recipe-steps.tsx"}]},{"name":"timeline-gantt-inspired","type":"registry:block","title":"Timeline Gantt Inspired","description":"A React Gantt chart timeline with horizontal task bars showing duration and concurrency using Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/timeline/timeline-gantt-inspired.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-gantt-inspired.tsx"}]},{"name":"timeline-music-playlist","type":"registry:block","title":"Timeline Music Playlist","description":"React listening history timeline with play/pause icons and now-playing indicator for Next.js music apps using shadcn/ui and Tailwind CSS.","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/timeline/timeline-music-playlist.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-music-playlist.tsx"}]},{"name":"timeline-dotted-path","type":"registry:block","title":"Timeline Dotted Path","description":"React vertical timeline with dotted connector built with Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/timeline/timeline-dotted-path.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-dotted-path.tsx"}]},{"name":"timeline-medical-records","type":"registry:block","title":"Timeline Medical Records","description":"React patient medical history timeline with color-coded events and severity indicators for Next.js healthcare apps using shadcn/ui and Tailwind CSS.","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/timeline/timeline-medical-records.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-medical-records.tsx"}]},{"name":"timeline-flight-tracker","type":"registry:block","title":"Timeline Flight Tracker","description":"React flight itinerary timeline with airport codes, layovers, and journey progress using Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/timeline/timeline-flight-tracker.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-flight-tracker.tsx"}]},{"name":"timeline-dashed-line","type":"registry:block","title":"Timeline Dashed Line","description":"React vertical timeline with dashed connector built with Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/timeline/timeline-dashed-line.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-dashed-line.tsx"}]},{"name":"timeline-searchable","type":"registry:block","title":"Timeline Searchable","description":"React timeline with real-time search filtering. Built with React, Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["lucide-react"],"registryDependencies":["badge","button","input"],"premium":true,"files":[{"path":"blocks/timeline/timeline-searchable.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-searchable.tsx"}]},{"name":"timeline-sprint-board","type":"registry:block","title":"Timeline Sprint Board","description":"React agile sprint planning timeline with story points, burndown progress, and velocity tracking using Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/timeline/timeline-sprint-board.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-sprint-board.tsx"}]},{"name":"timeline-dashboard","type":"registry:block","title":"Timeline Dashboard","description":"React timeline dashboard with stats, filters, and events built with Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/timeline/timeline-dashboard.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-dashboard.tsx"}]},{"name":"timeline-single-line","type":"registry:block","title":"Timeline Single Line","description":"React minimal timeline for Next.js with shadcn/ui and Tailwind CSS where each entry is one line with timestamp and dot marker.","premium":true,"files":[{"path":"blocks/timeline/timeline-single-line.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-single-line.tsx"}]},{"name":"timeline-construction-phases","type":"registry:block","title":"Timeline Construction Phases","description":"React construction timeline with progress rings and phase tracking, built with Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/timeline/timeline-construction-phases.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-construction-phases.tsx"}]},{"name":"timeline-event-log","type":"registry:block","title":"Timeline Event Log","description":"React server log timeline with severity colors built with Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/timeline/timeline-event-log.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-event-log.tsx"}]},{"name":"timeline-waterfall","type":"registry:block","title":"Timeline Waterfall","description":"React cascading waterfall timeline with progressive indentation built with Next.js, shadcn/ui Badge, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/timeline/timeline-waterfall.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-waterfall.tsx"}]},{"name":"timeline-animated-pulse","type":"registry:block","title":"Timeline Animated Pulse","description":"React timeline with pulsing active node, completed and upcoming dots built with Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/timeline/timeline-animated-pulse.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-animated-pulse.tsx"}]},{"name":"timeline-alternating-cards","type":"registry:block","title":"Timeline Alternating Cards","description":"React timeline with alternating left-right entries centered around a vertical spine built with Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/timeline/timeline-alternating-cards.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-alternating-cards.tsx"}]},{"name":"timeline-horizontal-stepper","type":"registry:block","title":"Timeline Horizontal Stepper","description":"React step-by-step timeline with numbered circles, progress bar, and pulsing animation using Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/timeline/timeline-horizontal-stepper.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-horizontal-stepper.tsx"}]},{"name":"timeline-comparison","type":"registry:block","title":"Timeline Comparison","description":"A React side-by-side timeline comparing two plans with parallel tracks, built with Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/timeline/timeline-comparison.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-comparison.tsx"}]},{"name":"timeline-zigzag","type":"registry:block","title":"Timeline Zigzag","description":"A React alternating timeline with diagonal connectors built with Next.js, shadcn/ui, and Tailwind CSS","registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/timeline/timeline-zigzag.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-zigzag.tsx"}]},{"name":"timeline-chat-history","type":"registry:block","title":"Timeline Chat History","description":"React timeline with alternating chat bubbles on a vertical line, built with Next.js, shadcn/ui, and Tailwind CSS","registryDependencies":["avatar","badge"],"premium":true,"files":[{"path":"blocks/timeline/timeline-chat-history.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-chat-history.tsx"}]},{"name":"timeline-education-history","type":"registry:block","title":"Timeline Education History","description":"React academic timeline with degree icons and honors built with Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/timeline/timeline-education-history.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-education-history.tsx"}]},{"name":"timeline-centered-spine","type":"registry:block","title":"Timeline Centered Spine","description":"React centered spine timeline with alternating entries and diamond markers, built with Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/timeline/timeline-centered-spine.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-centered-spine.tsx"}]},{"name":"timeline-portfolio-projects","type":"registry:block","title":"Timeline Portfolio Projects","description":"React portfolio timeline with project cards and tech badges using Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/timeline/timeline-portfolio-projects.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-portfolio-projects.tsx"}]},{"name":"timeline-incident-response","type":"registry:block","title":"Timeline Incident Response","description":"React incident timeline with detection, investigation, mitigation, and resolution stages using Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/timeline/timeline-incident-response.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-incident-response.tsx"}]},{"name":"timeline-version-control","type":"registry:block","title":"Timeline Version Control","description":"React file version history timeline with restore actions built with Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/timeline/timeline-version-control.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-version-control.tsx"}]},{"name":"timeline-expense-tracker","type":"registry:block","title":"Timeline Expense Tracker","description":"React expense timeline with weekly totals, merchant entries, and receipt status tracking using Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/timeline/timeline-expense-tracker.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-expense-tracker.tsx"}]},{"name":"timeline-horizontal-rail","type":"registry:block","title":"Timeline Horizontal Rail","description":"React timeline with train-track rail design, notch markers, and hanging card entries using Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/timeline/timeline-horizontal-rail.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-horizontal-rail.tsx"}]},{"name":"timeline-deployment-pipeline","type":"registry:block","title":"Timeline Deployment Pipeline","description":"React CI/CD pipeline timeline built with Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/timeline/timeline-deployment-pipeline.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-deployment-pipeline.tsx"}]},{"name":"timeline-condensed","type":"registry:block","title":"Timeline Condensed","description":"React condensed timeline with date grouping for high-volume events, built with Next.js, shadcn/ui, and Tailwind CSS.","registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/timeline/timeline-condensed.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-condensed.tsx"}]},{"name":"timeline-horizontal-compact","type":"registry:block","title":"Timeline Horizontal Compact","description":"React horizontal timeline with colored segments, hover details, and proportional date ranges using Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/timeline/timeline-horizontal-compact.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-horizontal-compact.tsx"}]},{"name":"timeline-filterable","type":"registry:block","title":"Timeline Filterable","description":"A React timeline with category filters to show and hide entries by type using Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/timeline/timeline-filterable.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-filterable.tsx"}]},{"name":"timeline-tabbed","type":"registry:block","title":"Timeline Tabbed","description":"React timeline with tab navigation for time-range filtering and dynamic entry display using Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","tabs"],"premium":true,"files":[{"path":"blocks/timeline/timeline-tabbed.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-tabbed.tsx"}]},{"name":"timeline-approval-workflow","type":"registry:block","title":"Timeline Approval Workflow","description":"React multi-stage approval timeline with approver avatars, status indicators built with Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["avatar","badge"],"premium":true,"files":[{"path":"blocks/timeline/timeline-approval-workflow.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-approval-workflow.tsx"}]},{"name":"timeline-investment-portfolio","type":"registry:block","title":"Timeline Investment Portfolio","description":"React investment timeline tracking trades with P&L indicators and portfolio value using Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/timeline/timeline-investment-portfolio.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-investment-portfolio.tsx"}]},{"name":"timeline-fitness-log","type":"registry:block","title":"Timeline Fitness Log","description":"React workout timeline with exercise icons, duration, calories, and heart rate tracking using Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/timeline/timeline-fitness-log.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-fitness-log.tsx"}]},{"name":"timeline-photo-album","type":"registry:block","title":"Timeline Photo Album","description":"React photo memory timeline with alternating image layouts using Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/timeline/timeline-photo-album.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-photo-album.tsx"}]},{"name":"timeline-travel-itinerary","type":"registry:block","title":"Timeline Travel Itinerary","description":"React trip itinerary timeline with location markers built with Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/timeline/timeline-travel-itinerary.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-travel-itinerary.tsx"}]},{"name":"timeline-branching","type":"registry:block","title":"Timeline Branching","description":"React timeline that forks into parallel tracks and merges back built with Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/timeline/timeline-branching.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-branching.tsx"}]},{"name":"timeline-billing-history","type":"registry:block","title":"Timeline Billing History","description":"React invoice timeline with status indicators for paid, overdue, and pending invoices built with Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/timeline/timeline-billing-history.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-billing-history.tsx"}]},{"name":"timeline-server-uptime","type":"registry:block","title":"Timeline Server Uptime","description":"React server uptime timeline with color-coded segments for Next.js, shadcn/ui, and Tailwind CSS showing availability patterns and incidents.","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/timeline/timeline-server-uptime.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-server-uptime.tsx"}]},{"name":"timeline-numbered-steps","type":"registry:block","title":"Timeline Numbered Steps","description":"React timeline with numbered circle markers. Built with Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/timeline/timeline-numbered-steps.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-numbered-steps.tsx"}]},{"name":"timeline-icon-markers","type":"registry:block","title":"Timeline Icon Markers","description":"React vertical timeline with Lucide icon markers, expandable events, and badges using Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/timeline/timeline-icon-markers.tsx","type":"registry:block","target":"components/blocks/timeline/timeline-icon-markers.tsx"}]},{"name":"empty-state-no-error-tracking","type":"registry:block","title":"Empty State No Error Tracking","description":"React empty state block for error monitoring dashboards with zero-errors celebration, terminal-style SDK snippet, and setup CTA, built with Next.js, shadcn/ui, Tailwind CSS, and motion animations","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-error-tracking.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-error-tracking.tsx"}]},{"name":"empty-state-no-vulnerabilities","type":"registry:block","title":"Empty State No Vulnerabilities","description":"React empty state block for vulnerability scanners with all-clear scan results, dependency summary, and security scan CTA, built with Next.js, shadcn/ui, Tailwind CSS, and motion animations","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-vulnerabilities.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-vulnerabilities.tsx"}]},{"name":"empty-state-no-workflows","type":"registry:block","title":"Empty State No Workflows","description":"An empty AI workflows state with a node-based flowchart skeleton, git-branch icon, and a CTA to create a workflow using shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-workflows.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-workflows.tsx"}]},{"name":"empty-state-no-recent-items","type":"registry:block","title":"Empty State No Recent Items","description":"React empty state block for recent activity sections with no items yet, built with Next.js, shadcn/ui, Tailwind CSS, and subtle motion animations","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-recent-items.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-recent-items.tsx"}]},{"name":"empty-state-no-permissions","type":"registry:block","title":"Empty State No Permissions","description":"An empty state block for when no permission rules are configured, featuring a matrix grid skeleton with checkbox placeholders and a CTA to set up permissions","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-permissions.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-permissions.tsx"}]},{"name":"empty-state-no-reminders","type":"registry:block","title":"Empty State No Reminders","description":"React empty state block for reminder lists with clock-centered time slot placeholders, built with Next.js, shadcn/ui, Tailwind CSS, and motion animations","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-reminders.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-reminders.tsx"}]},{"name":"empty-state-getting-started","type":"registry:block","title":"Empty State Getting Started","description":"An onboarding checklist empty state with progress indicator, four setup steps with checkboxes, and completion tracking built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["checkbox"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-getting-started.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-getting-started.tsx"}]},{"name":"empty-state-no-products","type":"registry:block","title":"Empty State No Products","description":"React empty state block for product catalogs with no items, built with Next.js, shadcn/ui, Tailwind CSS, and motion animations featuring a package icon, skeleton product card, and add product CTA","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-products.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-products.tsx"}]},{"name":"empty-state-no-reports","type":"registry:block","title":"Empty State No Reports","description":"React empty state block for a reports section with no generated reports, built with Next.js, shadcn/ui, Tailwind CSS, and motion animations","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-reports.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-reports.tsx"}]},{"name":"empty-state-no-media","type":"registry:block","title":"Empty State No Media","description":"React empty state block for an empty media library with placeholder image grid, built with Next.js, shadcn/ui, Tailwind CSS, and motion animations","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-media.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-media.tsx"}]},{"name":"empty-state-no-invoices","type":"registry:block","title":"Empty State No Invoices","description":"A minimal empty state for billing dashboards with no invoices, built with React, Next.js, shadcn/ui, and Tailwind CSS featuring a table skeleton layout with column headers and a create invoice CTA","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-invoices.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-invoices.tsx"}]},{"name":"empty-state-no-pinned-items","type":"registry:block","title":"Empty State No Pinned Items","description":"React empty state block for pinned content sections with a pinboard grid skeleton, pin icon accents, and an explore CTA built with Next.js, shadcn/ui, Tailwind CSS, and motion animations","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-pinned-items.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-pinned-items.tsx"}]},{"name":"empty-state-no-notifications","type":"registry:block","title":"Empty State No Notifications","description":"React empty state block for notification centers with a celebratory all-caught-up message, built with Next.js, shadcn/ui, Tailwind CSS, and motion animations","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-notifications.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-notifications.tsx"}]},{"name":"empty-state-no-saved-searches","type":"registry:block","title":"Empty State No Saved Searches","description":"React empty state block for saved searches section with no queries saved, built with Next.js, shadcn/ui, Tailwind CSS, and subtle motion animations","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-saved-searches.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-saved-searches.tsx"}]},{"name":"empty-state-no-tasks","type":"registry:block","title":"Empty State No Tasks","description":"A task board empty state with skeleton placeholders and create task CTA, built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-tasks.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-tasks.tsx"}]},{"name":"empty-state-no-projects","type":"registry:block","title":"Empty State No Projects","description":"A minimal empty state for workspaces with no projects, built with React, Next.js, shadcn/ui, and Tailwind CSS featuring ghost project card previews, a status column skeleton, and create project CTA","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-projects.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-projects.tsx"}]},{"name":"empty-state-no-custom-fields","type":"registry:block","title":"Empty State No Custom Fields","description":"An empty state block for when no custom fields are defined, showing a form skeleton with empty field slots and a CTA to create the first custom field","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-custom-fields.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-custom-fields.tsx"}]},{"name":"empty-state-no-preferences","type":"registry:block","title":"Empty State No Preferences","description":"An empty state block for when no preferences have been customized, showing a toggle list skeleton with switch placeholders and a CTA to customize settings","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-preferences.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-preferences.tsx"}]},{"name":"empty-state-no-team-members","type":"registry:block","title":"Empty State No Team Members","description":"An empty state block for when no team members have been invited yet, featuring overlapping avatar placeholders, ghost member rows, and an invite CTA button using shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-team-members.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-team-members.tsx"}]},{"name":"empty-state-connect-tools","type":"registry:block","title":"Empty State Connect Tools","description":"An empty state prompting users to connect their first integration with a grid of tool icon placeholders, descriptive messaging, and browse integrations CTA built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-connect-tools.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-connect-tools.tsx"}]},{"name":"empty-state-no-milestones","type":"registry:block","title":"Empty State No Milestones","description":"An empty state for milestone tracking with a dashed dropzone layout, built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-milestones.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-milestones.tsx"}]},{"name":"empty-state-no-followers","type":"registry:block","title":"Empty State No Followers","description":"An empty followers state with avatar circle placeholders, audience-building message, and share profile CTA using shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-followers.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-followers.tsx"}]},{"name":"empty-state-no-tags","type":"registry:block","title":"Empty State No Tags","description":"An empty state block for when no tags or labels have been created, featuring colorful ghost tag chips and a CTA to create the first tag","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-tags.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-tags.tsx"}]},{"name":"empty-state-no-connected-apps","type":"registry:block","title":"Empty State No Connected Apps","description":"An empty state block for when no external applications are linked showing icon pairs with dotted connector lines and a CTA to connect an app","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-connected-apps.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-connected-apps.tsx"}]},{"name":"empty-state-no-dashboards","type":"registry:block","title":"Empty State No Dashboards","description":"React empty state block for custom dashboards with no dashboards created, built with Next.js, shadcn/ui, Tailwind CSS, and motion animations","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-dashboards.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-dashboards.tsx"}]},{"name":"empty-state-no-audit-trail","type":"registry:block","title":"Empty State No Audit Trail","description":"React empty state block for audit logs with table skeleton column headers and compliance configuration CTA, built with Next.js, shadcn/ui, Tailwind CSS, and motion animations","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-audit-trail.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-audit-trail.tsx"}]},{"name":"empty-state-no-plugins","type":"registry:block","title":"Empty State No Plugins","description":"An empty state block for when no plugins are installed showing a marketplace grid with empty placeholder cards and a CTA to browse plugins","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-plugins.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-plugins.tsx"}]},{"name":"empty-state-no-integrations","type":"registry:block","title":"Empty State No Integrations","description":"An empty state block for a page with no third-party integrations showing a grid of empty connection slots with plus icons and a CTA to browse integrations","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-integrations.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-integrations.tsx"}]},{"name":"empty-state-no-threads","type":"registry:block","title":"Empty State No Threads","description":"An empty discussion threads state with a message-square icon, conversation prompt, and create thread CTA using shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-threads.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-threads.tsx"}]},{"name":"empty-state-no-data-sources","type":"registry:block","title":"Empty State No Data Sources","description":"An empty state block for when no data sources are linked showing a database diagram placeholder with table outlines and a CTA to add a data source","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-data-sources.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-data-sources.tsx"}]},{"name":"empty-state-no-messages","type":"registry:block","title":"Empty State No Messages","description":"An empty inbox state with ghost conversation previews, unread counter, compose CTA, and keyboard shortcut hint using shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-messages.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-messages.tsx"}]},{"name":"empty-state-no-sprints","type":"registry:block","title":"Empty State No Sprints","description":"A sprint planning empty state with timeline visualization and start sprint CTA, built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-sprints.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-sprints.tsx"}]},{"name":"empty-state-no-conversations","type":"registry:block","title":"Empty State No Conversations","description":"React empty state block for customer conversation feeds with chat bubble placeholders and a start conversation CTA built with Next.js, shadcn/ui, Tailwind CSS, and motion animations","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-conversations.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-conversations.tsx"}]},{"name":"empty-state-no-inventory","type":"registry:block","title":"Empty State No Inventory","description":"React empty state block for inventory management with no stock tracking set up, built with Next.js, shadcn/ui, Tailwind CSS, and motion animations featuring a table skeleton with column headers and setup CTA","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-inventory.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-inventory.tsx"}]},{"name":"empty-state-no-payment-methods","type":"registry:block","title":"Empty State No Payment Methods","description":"A minimal empty state for payment settings with no saved cards, built with React, Next.js, shadcn/ui, and Tailwind CSS featuring a card-shaped placeholder with dashed border and add payment method CTA","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-payment-methods.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-payment-methods.tsx"}]},{"name":"empty-state-no-comments","type":"registry:block","title":"Empty State No Comments","description":"An empty comments state with a centered speech bubble icon, conversation-starting message, and add comment CTA using shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-comments.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-comments.tsx"}]},{"name":"empty-state-no-uploads","type":"registry:block","title":"Empty State No Uploads","description":"React empty state block with a prominent dashed border drag-and-drop upload zone, built with Next.js, shadcn/ui, Tailwind CSS, and motion animations","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-uploads.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-uploads.tsx"}]},{"name":"empty-state-no-reactions","type":"registry:block","title":"Empty State No Reactions","description":"An empty reactions state with emoji-style icons showing zero counters, engagement message, and share content CTA using shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-reactions.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-reactions.tsx"}]},{"name":"empty-state-no-subscriptions","type":"registry:block","title":"Empty State No Subscriptions","description":"A minimal empty state for subscription management with no active plans, built with React, Next.js, shadcn/ui, and Tailwind CSS featuring a centered card layout with a recurring billing icon and create subscription CTA","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-subscriptions.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-subscriptions.tsx"}]},{"name":"empty-state-no-time-entries","type":"registry:block","title":"Empty State No Time Entries","description":"A timesheet table empty state with skeleton rows and start timer CTA, built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-time-entries.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-time-entries.tsx"}]},{"name":"empty-state-no-prompts","type":"registry:block","title":"Empty State No Prompts","description":"An empty saved prompts state with a template card grid skeleton, sparkles icon, and a CTA to create a reusable prompt using shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-prompts.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-prompts.tsx"}]},{"name":"empty-state-no-meetings","type":"registry:block","title":"Empty State No Meetings","description":"A video meeting list empty state with participant placeholder area and schedule CTA, built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-meetings.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-meetings.tsx"}]},{"name":"empty-state-no-activity-log","type":"registry:block","title":"Empty State No Activity Log","description":"React empty state block for activity feeds with timeline skeleton nodes and event tracking CTA, built with Next.js, shadcn/ui, Tailwind CSS, and motion animations","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-activity-log.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-activity-log.tsx"}]},{"name":"empty-state-no-orders","type":"registry:block","title":"Empty State No Orders","description":"React empty state block for order management with no orders received, built with Next.js, shadcn/ui, Tailwind CSS, and motion animations featuring a receipt-style placeholder and storefront CTA","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-orders.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-orders.tsx"}]},{"name":"empty-state-no-logs","type":"registry:block","title":"Empty State No Logs","description":"React empty state block for application logs with no log entries yet, built with Next.js, shadcn/ui, Tailwind CSS, and motion animations with a dark terminal-style output area","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-logs.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-logs.tsx"}]},{"name":"empty-state-no-webhooks","type":"registry:block","title":"Empty State No Webhooks","description":"React empty state block for webhook configuration with no endpoints set up, built with Next.js, shadcn/ui, Tailwind CSS, and motion animations with an arrow diagram layout","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-webhooks.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-webhooks.tsx"}]},{"name":"empty-state-no-expenses","type":"registry:block","title":"Empty State No Expenses","description":"A minimal empty state for expense tracking with no logged expenses, built with React, Next.js, shadcn/ui, and Tailwind CSS featuring a receipt-style dashed border layout and add expense CTA","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-expenses.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-expenses.tsx"}]},{"name":"empty-state-no-bug-reports","type":"registry:block","title":"Empty State No Bug Reports","description":"React empty state block for bug tracking dashboards with a celebratory zero-bugs layout and a submit bug report CTA built with Next.js, shadcn/ui, Tailwind CSS, and motion animations","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-bug-reports.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-bug-reports.tsx"}]},{"name":"empty-state-no-categories","type":"registry:block","title":"Empty State No Categories","description":"An empty state block for when no categories are set up, featuring a nested tree view skeleton with indented placeholder nodes and a CTA to add the first category","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-categories.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-categories.tsx"}]},{"name":"empty-state-no-deployments","type":"registry:block","title":"Empty State No Deployments","description":"React empty state block for deployment history with no deploys yet, built with Next.js, shadcn/ui, Tailwind CSS, and motion animations with a rocket icon and timeline skeleton","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-deployments.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-deployments.tsx"}]},{"name":"empty-state-no-shared-items","type":"registry:block","title":"Empty State No Shared Items","description":"React empty state block for shared content sections showing overlapping user avatars, a message about shared content appearing here, and an invite collaborators CTA built with Next.js, shadcn/ui, Tailwind CSS, and motion animations","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-shared-items.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-shared-items.tsx"}]},{"name":"empty-state-no-training-data","type":"registry:block","title":"Empty State No Training Data","description":"An empty training data state with an upload dropzone showing file type icons, brain icon, and a CTA to upload a dataset using shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-training-data.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-training-data.tsx"}]},{"name":"empty-state-no-collections","type":"registry:block","title":"Empty State No Collections","description":"React empty state block for product collections with no groups created, built with Next.js, shadcn/ui, Tailwind CSS, and motion animations featuring a grid of empty image placeholders and create collection CTA","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-collections.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-collections.tsx"}]},{"name":"empty-state-no-alerts","type":"registry:block","title":"Empty State No Alerts","description":"React empty state block for system alert dashboards with all-operational status indicators, built with Next.js, shadcn/ui, Tailwind CSS, and motion animations","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-alerts.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-alerts.tsx"}]},{"name":"empty-state-no-transactions","type":"registry:block","title":"Empty State No Transactions","description":"A minimal empty state for transaction history pages with no activity, built with React, Next.js, shadcn/ui, and Tailwind CSS featuring a timeline skeleton layout and a view accounts CTA","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-transactions.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-transactions.tsx"}]},{"name":"empty-state-no-chat-history","type":"registry:block","title":"Empty State No Chat History","description":"An empty AI chat state with a mock chat window, empty message area, input bar, and a CTA to start a conversation using shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-chat-history.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-chat-history.tsx"}]},{"name":"empty-state-no-api-keys","type":"registry:block","title":"Empty State No Api Keys","description":"React empty state block for API key management with no keys generated, built with Next.js, shadcn/ui, Tailwind CSS, and motion animations with a terminal-style code layout","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-api-keys.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-api-keys.tsx"}]},{"name":"empty-state-no-attachments","type":"registry:block","title":"Empty State No Attachments","description":"React empty state block for items with no file attachments, built with Next.js, shadcn/ui, Tailwind CSS, and motion animations with a paperclip icon","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-attachments.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-attachments.tsx"}]},{"name":"empty-state-welcome-workspace","type":"registry:block","title":"Empty State Welcome Workspace","description":"A celebratory empty state welcoming users to a fresh workspace with scattered decorative icons, warm messaging, and an explore features CTA built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-welcome-workspace.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-welcome-workspace.tsx"}]},{"name":"empty-state-no-notes","type":"registry:block","title":"Empty State No Notes","description":"A minimal text-focused empty notes state with a subtle sticky note icon, message about capturing ideas quickly, and a CTA to create a note using shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-notes.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-notes.tsx"}]},{"name":"empty-state-no-departments","type":"registry:block","title":"Empty State No Departments","description":"An empty state block for an empty org chart with no departments defined, featuring minimal text-only layout with subtle hierarchy hint","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-departments.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-departments.tsx"}]},{"name":"empty-state-no-posts","type":"registry:block","title":"Empty State No Posts","description":"An empty social feed state with skeleton post cards, first-update message, and create post CTA using shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-posts.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-posts.tsx"}]},{"name":"empty-state-no-roles","type":"registry:block","title":"Empty State No Roles","description":"An empty state block for when no custom roles are defined, featuring a split layout with role preview placeholders and create role CTA","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-roles.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-roles.tsx"}]},{"name":"empty-state-no-templates","type":"registry:block","title":"Empty State No Templates","description":"An empty template gallery state with a card grid preview placeholder, message about starting from templates, and a CTA to browse templates using shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-templates.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-templates.tsx"}]},{"name":"empty-state-no-drafts","type":"registry:block","title":"Empty State No Drafts","description":"An empty drafts state with lined-paper skeleton placeholder, message about automatic draft saving, and a CTA to start writing using shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-drafts.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-drafts.tsx"}]},{"name":"empty-state-no-reviews","type":"registry:block","title":"Empty State No Reviews","description":"An empty reviews state with star rating skeleton slots, customer review message, and request reviews CTA using shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-reviews.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-reviews.tsx"}]},{"name":"empty-state-no-roadmap","type":"registry:block","title":"Empty State No Roadmap","description":"An empty product roadmap state with phased column layout and create roadmap CTA, built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-roadmap.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-roadmap.tsx"}]},{"name":"empty-state-no-search-results","type":"registry:block","title":"Empty State No Search Results","description":"React empty state block for search pages returning no results, built with Next.js, shadcn/ui, Tailwind CSS, and subtle motion animations","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","input"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-search-results.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-search-results.tsx"}]},{"name":"empty-state-no-documents","type":"registry:block","title":"Empty State No Documents","description":"An empty document library state with document type selector cards, a dashed upload area, and create CTA button using React, shadcn/ui, and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-documents.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-documents.tsx"}]},{"name":"empty-state-no-events","type":"registry:block","title":"Empty State No Events","description":"A calendar empty state with skeleton day cells and scheduling CTA, built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-events.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-events.tsx"}]},{"name":"empty-state-no-channels","type":"registry:block","title":"Empty State No Channels","description":"An empty channels state with a hash icon, dashed placeholder rows, and a browse channels CTA using shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-channels.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-channels.tsx"}]},{"name":"empty-state-no-contacts","type":"registry:block","title":"Empty State No Contacts","description":"An empty state block for an empty contact list with avatar placeholders and import or manual add options","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-contacts.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-contacts.tsx"}]},{"name":"empty-state-no-announcements","type":"registry:block","title":"Empty State No Announcements","description":"An empty announcements feed state with a megaphone icon, timeline placeholder, and create announcement CTA using shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-announcements.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-announcements.tsx"}]},{"name":"empty-state-no-coupons","type":"registry:block","title":"Empty State No Coupons","description":"React empty state block for discount codes with no coupons created, built with Next.js, shadcn/ui, Tailwind CSS, and motion animations featuring a ticket-shaped dashed border element and create coupon CTA","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-coupons.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-coupons.tsx"}]},{"name":"empty-state-no-automations","type":"registry:block","title":"Empty State No Automations","description":"An empty state block for when no automation rules exist showing a flowchart skeleton with node placeholders and connector lines and a CTA to create an automation","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-automations.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-automations.tsx"}]},{"name":"empty-state-no-generated-content","type":"registry:block","title":"Empty State No Generated Content","description":"An empty AI-generated content state with a document canvas placeholder, wand icon, and a CTA to generate content using shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-generated-content.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-generated-content.tsx"}]},{"name":"empty-state-no-folders","type":"registry:block","title":"Empty State No Folders","description":"React empty state block for folder organization with no folders created, built with Next.js, shadcn/ui, Tailwind CSS, and motion animations","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-folders.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-folders.tsx"}]},{"name":"empty-state-no-filter-results","type":"registry:block","title":"Empty State No Filter Results","description":"React empty state block for filtered views returning no matches, built with Next.js, shadcn/ui, Tailwind CSS, and subtle motion animations","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-filter-results.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-filter-results.tsx"}]},{"name":"empty-state-no-archived-items","type":"registry:block","title":"Empty State No Archived Items","description":"React empty state block for archive sections showing a folder-based list skeleton with muted styling, a message about archived items being stored here, and a CTA to browse active items built with Next.js, shadcn/ui, Tailwind CSS, and motion animations","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-archived-items.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-archived-items.tsx"}]},{"name":"empty-state-no-metrics","type":"registry:block","title":"Empty State No Metrics","description":"React empty state block for KPI metrics with placeholder values and configuration CTA, built with Next.js, shadcn/ui, Tailwind CSS, and motion animations","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-metrics.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-metrics.tsx"}]},{"name":"empty-state-invite-team","type":"registry:block","title":"Empty State Invite Team","description":"An empty state prompting users to invite team members with avatar placeholders, email input field, and invite CTA built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-invite-team.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-invite-team.tsx"}]},{"name":"empty-state-no-incidents","type":"registry:block","title":"Empty State No Incidents","description":"React empty state block for security incident dashboards with all-clear status, severity breakdown, and monitoring configuration CTA, built with Next.js, shadcn/ui, Tailwind CSS, and motion animations","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-incidents.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-incidents.tsx"}]},{"name":"empty-state-no-pages","type":"registry:block","title":"Empty State No Pages","description":"An empty wiki pages state with a dashed border upload area, message about building a knowledge base, and a CTA to create the first page using shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-pages.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-pages.tsx"}]},{"name":"empty-state-no-tickets","type":"registry:block","title":"Empty State No Tickets","description":"React empty state block for support ticket queues with skeleton list rows, status indicators, and a create ticket CTA built with Next.js, shadcn/ui, Tailwind CSS, and motion animations","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-tickets.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-tickets.tsx"}]},{"name":"empty-state-no-favorites","type":"registry:block","title":"Empty State No Favorites","description":"React empty state block for favorites sections with no saved items, featuring a heart icon, decorative star grid skeleton, and browse CTA built with Next.js, shadcn/ui, Tailwind CSS, and motion animations","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-favorites.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-favorites.tsx"}]},{"name":"empty-state-no-environments","type":"registry:block","title":"Empty State No Environments","description":"React empty state block for environment configuration with no environments set up, built with Next.js, shadcn/ui, Tailwind CSS, and motion animations with three-column environment placeholders","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-environments.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-environments.tsx"}]},{"name":"empty-state-no-bookmarks","type":"registry:block","title":"Empty State No Bookmarks","description":"React empty state block for bookmark sections with no saved items, built with Next.js, shadcn/ui, Tailwind CSS, and subtle motion animations","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-bookmarks.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-bookmarks.tsx"}]},{"name":"empty-state-no-feedback","type":"registry:block","title":"Empty State No Feedback","description":"React empty state block for feedback dashboards with an emoji rating scale showing zero counts and a request feedback CTA built with Next.js, shadcn/ui, Tailwind CSS, and motion animations","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-feedback.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-feedback.tsx"}]},{"name":"empty-state-no-widgets","type":"registry:block","title":"Empty State No Widgets","description":"React empty state block for an empty widget grid area with dashed border placeholders, built with Next.js, shadcn/ui, Tailwind CSS, and motion animations","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-widgets.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-widgets.tsx"}]},{"name":"empty-state-no-files","type":"registry:block","title":"Empty State No Files","description":"React empty state block for file managers with no uploaded files, built with Next.js, shadcn/ui, Tailwind CSS, and subtle motion animations featuring skeleton file rows","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-files.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-files.tsx"}]},{"name":"empty-state-no-performance-data","type":"registry:block","title":"Empty State No Performance Data","description":"React empty state block for performance monitoring with chart skeleton placeholders and metric setup CTA, built with Next.js, shadcn/ui, Tailwind CSS, and motion animations","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-performance-data.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-performance-data.tsx"}]},{"name":"empty-state-no-uptime-checks","type":"registry:block","title":"Empty State No Uptime Checks","description":"React empty state block for uptime monitoring with empty server grid placeholders, built with Next.js, shadcn/ui, Tailwind CSS, and motion animations","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-uptime-checks.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-uptime-checks.tsx"}]},{"name":"empty-state-no-mentions","type":"registry:block","title":"Empty State No Mentions","description":"An empty mentions state with an at-sign icon, explanation of how mentions work, and a learn more CTA using shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-mentions.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-mentions.tsx"}]},{"name":"empty-state-no-schedules","type":"registry:block","title":"Empty State No Schedules","description":"A weekly schedule view empty state with day column skeleton and create CTA, built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-schedules.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-schedules.tsx"}]},{"name":"empty-state-no-history","type":"registry:block","title":"Empty State No History","description":"React empty state block for browsing and action history sections with a timeline skeleton, clock entries, and an explore CTA built with Next.js, shadcn/ui, Tailwind CSS, and motion animations","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-history.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-history.tsx"}]},{"name":"empty-state-no-availability","type":"registry:block","title":"Empty State No Availability","description":"A time slot grid empty state for availability settings with setup CTA, built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-availability.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-availability.tsx"}]},{"name":"empty-state-no-analytics","type":"registry:block","title":"Empty State No Analytics","description":"React empty state block for analytics dashboards with no data yet, built with Next.js, shadcn/ui, Tailwind CSS, and subtle motion animations","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-analytics.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-analytics.tsx"}]},{"name":"empty-state-first-project","type":"registry:block","title":"Empty State First Project","description":"A split-layout empty state prompting users to create their first project with an illustration area on the left and encouraging copy with CTA on the right, built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-first-project.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-first-project.tsx"}]},{"name":"empty-state-no-feature-requests","type":"registry:block","title":"Empty State No Feature Requests","description":"React empty state block for feature request boards with an idea card grid skeleton and a create request form CTA built with Next.js, shadcn/ui, Tailwind CSS, and motion animations","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-feature-requests.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-feature-requests.tsx"}]},{"name":"empty-state-no-guests","type":"registry:block","title":"Empty State No Guests","description":"An empty state block for when no guest users have been added, featuring a dashed border invitation area with external collaborator messaging","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/empty-state/empty-state-no-guests.tsx","type":"registry:block","target":"components/blocks/empty-state/empty-state-no-guests.tsx"}]},{"name":"blog-cards","type":"registry:block","title":"Blog Cards","description":"Simple blog post cards without images, showing title, excerpt, category badge, and date in a vertical list","registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/blog/blog-cards.tsx","type":"registry:block","target":"components/blocks/blog/blog-cards.tsx"}]},{"name":"blog-recap","type":"registry:block","title":"Blog Recap","description":"Weekly content digest with numbered highlights, category badges, and one-line summaries for roundup-style posts","registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/blog/blog-recap.tsx","type":"registry:block","target":"components/blocks/blog/blog-recap.tsx"}]},{"name":"blog-tag-cloud","type":"registry:block","title":"Blog Tag Cloud","description":"A tag cloud visualization with varying badge sizes based on post count for quick topic browsing","registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/blog/blog-tag-cloud.tsx","type":"registry:block","target":"components/blocks/blog/blog-tag-cloud.tsx"}]},{"name":"blog-team-picks","type":"registry:block","title":"Blog Team Picks","description":"Team members each share their favorite blog post with a personal quote explaining their pick","registryDependencies":["avatar"],"premium":true,"files":[{"path":"blocks/blog/blog-team-picks.tsx","type":"registry:block","target":"components/blocks/blog/blog-team-picks.tsx"}]},{"name":"blog-drafts","type":"registry:block","title":"Blog Drafts","description":"Draft posts panel with status indicators, word counts, edit timestamps, and action buttons","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/blog/blog-drafts.tsx","type":"registry:block","target":"components/blocks/blog/blog-drafts.tsx"}]},{"name":"blog-marquee","type":"registry:block","title":"Blog Marquee","description":"Dual-row scrolling ticker with post titles auto-scrolling in opposite directions, pausing on hover","premium":true,"files":[{"path":"blocks/blog/blog-marquee.tsx","type":"registry:block","target":"components/blocks/blog/blog-marquee.tsx"}]},{"name":"blog-checklist","type":"registry:block","title":"Blog Checklist","description":"A tutorial post with interactive checklist steps and completion progress tracking","registryDependencies":["badge","checkbox"],"premium":true,"files":[{"path":"blocks/blog/blog-checklist.tsx","type":"registry:block","target":"components/blocks/blog/blog-checklist.tsx"}]},{"name":"blog-sponsors","type":"registry:block","title":"Blog Sponsors","description":"Sponsored content listing with clear sponsor labeling, company branding, and promoted article previews","registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/blog/blog-sponsors.tsx","type":"registry:block","target":"components/blocks/blog/blog-sponsors.tsx"}]},{"name":"blog-audio","type":"registry:block","title":"Blog Audio","description":"Article list with audio versions, play buttons, and duration badges","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/blog/blog-audio.tsx","type":"registry:block","target":"components/blocks/blog/blog-audio.tsx"}]},{"name":"blog-contributors","type":"registry:block","title":"Blog Contributors","description":"Team contributors panel with initials avatar, role badge, article count, and join date","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/blog/blog-contributors.tsx","type":"registry:block","target":"components/blocks/blog/blog-contributors.tsx"}]},{"name":"blog-latest","type":"registry:block","title":"Blog Latest","description":"Just-published notification-style blog layout with a prominent new post featuring a pulse dot, and compact earlier posts below","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/blog/blog-latest.tsx","type":"registry:block","target":"components/blocks/blog/blog-latest.tsx"}]},{"name":"blog-highlights","type":"registry:block","title":"Blog Highlights","description":"Notable quotes and key takeaways extracted from blog posts with attribution","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/blog/blog-highlights.tsx","type":"registry:block","target":"components/blocks/blog/blog-highlights.tsx"}]},{"name":"blog-hero-featured","type":"registry:block","title":"Blog Hero Featured","description":"Featured post with thumbnail and recent articles grid inside a card container","registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/blog/blog-hero-featured.tsx","type":"registry:block","target":"components/blocks/blog/blog-hero-featured.tsx"}]},{"name":"blog-accordion","type":"registry:block","title":"Blog Accordion","description":"Expandable FAQ-style blog post list with collapsible excerpts and metadata","dependencies":["lucide-react"],"registryDependencies":["collapsible"],"premium":true,"files":[{"path":"blocks/blog/blog-accordion.tsx","type":"registry:block","target":"components/blocks/blog/blog-accordion.tsx"}]},{"name":"blog-minimal","type":"registry:block","title":"Blog Minimal","description":"Ultra-minimal single article view with clean typography and no distractions","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/blog/blog-minimal.tsx","type":"registry:block","target":"components/blocks/blog/blog-minimal.tsx"}]},{"name":"blog-daily-digest","type":"registry:block","title":"Blog Daily Digest","description":"Email-style daily digest preview with post summaries, browser link, and unsubscribe footer","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/blog/blog-daily-digest.tsx","type":"registry:block","target":"components/blocks/blog/blog-daily-digest.tsx"}]},{"name":"blog-calendar-view","type":"registry:block","title":"Blog Calendar View","description":"Monthly calendar grid showing days with published posts and clickable day details","premium":true,"files":[{"path":"blocks/blog/blog-calendar-view.tsx","type":"registry:block","target":"components/blocks/blog/blog-calendar-view.tsx"}]},{"name":"blog-footnotes","type":"registry:block","title":"Blog Footnotes","description":"Article footnotes section with numbered references, source names, and optional links for citations and bibliography","premium":true,"files":[{"path":"blocks/blog/blog-footnotes.tsx","type":"registry:block","target":"components/blocks/blog/blog-footnotes.tsx"}]},{"name":"blog-list-compact","type":"registry:block","title":"Blog List Compact","description":"Dense list of posts with title, category, date, and read time in compact rows","registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/blog/blog-list-compact.tsx","type":"registry:block","target":"components/blocks/blog/blog-list-compact.tsx"}]},{"name":"blog-feedback","type":"registry:block","title":"Blog Feedback","description":"Reader feedback widget with thumbs up/down voting, vote counts, and recent reader comments with star ratings","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/blog/blog-feedback.tsx","type":"registry:block","target":"components/blocks/blog/blog-feedback.tsx"}]},{"name":"blog-progress","type":"registry:block","title":"Blog Progress","description":"Reading progress tracker showing partially-read articles with progress bars and continue buttons","dependencies":["lucide-react"],"registryDependencies":["button","progress"],"premium":true,"files":[{"path":"blocks/blog/blog-progress.tsx","type":"registry:block","target":"components/blocks/blog/blog-progress.tsx"}]},{"name":"blog-series-grid","type":"registry:block","title":"Blog Series Grid","description":"Overview grid of multiple article series with post counts, completion progress, and latest entries","registryDependencies":["progress"],"premium":true,"files":[{"path":"blocks/blog/blog-series-grid.tsx","type":"registry:block","target":"components/blocks/blog/blog-series-grid.tsx"}]},{"name":"blog-carousel","type":"registry:block","title":"Blog Carousel","description":"Horizontally scrollable blog post cards with snap scrolling, category badges, and publication dates","registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/blog/blog-carousel.tsx","type":"registry:block","target":"components/blocks/blog/blog-carousel.tsx"}]},{"name":"blog-directory","type":"registry:block","title":"Blog Directory","description":"Alphabetical A-Z index with filterable letter buttons and post listings for quick navigation across blog content","premium":true,"files":[{"path":"blocks/blog/blog-directory.tsx","type":"registry:block","target":"components/blocks/blog/blog-directory.tsx"}]},{"name":"blog-preview-large","type":"registry:block","title":"Blog Preview Large","description":"Large hero-style blog preview with featured image, title, excerpt, author info, and category badge","registryDependencies":["avatar","badge"],"premium":true,"files":[{"path":"blocks/blog/blog-preview-large.tsx","type":"registry:block","target":"components/blocks/blog/blog-preview-large.tsx"}]},{"name":"blog-changelog","type":"registry:block","title":"Blog Changelog","description":"Version-style changelog feed with version badges, dates, and grouped bullet-point updates for blog or product changes","registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/blog/blog-changelog.tsx","type":"registry:block","target":"components/blocks/blog/blog-changelog.tsx"}]},{"name":"blog-sidebar","type":"registry:block","title":"Blog Sidebar","description":"Two-column blog layout with main content area and sidebar showing categories and recent posts","registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/blog/blog-sidebar.tsx","type":"registry:block","target":"components/blocks/blog/blog-sidebar.tsx"}]},{"name":"blog-announcement","type":"registry:block","title":"Blog Announcement","description":"Prominent announcement banner with featured post and compact past announcements","dependencies":["lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/blog/blog-announcement.tsx","type":"registry:block","target":"components/blocks/blog/blog-announcement.tsx"}]},{"name":"blog-weekly","type":"registry:block","title":"Blog Weekly","description":"Weekly digest layout organized by weekday with post titles and category labels for each day","registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/blog/blog-weekly.tsx","type":"registry:block","target":"components/blocks/blog/blog-weekly.tsx"}]},{"name":"blog-newsletter","type":"registry:block","title":"Blog Newsletter","description":"Simple newsletter signup with email input, subscribe button, and success state","dependencies":["lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/blog/blog-newsletter.tsx","type":"registry:block","target":"components/blocks/blog/blog-newsletter.tsx"}]},{"name":"blog-share","type":"registry:block","title":"Blog Share","description":"Social sharing widget with share buttons for Twitter, LinkedIn, Facebook, and a copy link toggle","dependencies":["lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/blog/blog-share.tsx","type":"registry:block","target":"components/blocks/blog/blog-share.tsx"}]},{"name":"blog-multi-format","type":"registry:block","title":"Blog Multi Format","description":"Mixed content type listing showing articles, videos, podcasts, and infographics with format badges and duration","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/blog/blog-multi-format.tsx","type":"registry:block","target":"components/blocks/blog/blog-multi-format.tsx"}]},{"name":"blog-rss","type":"registry:block","title":"Blog Rss","description":"RSS feed panel with feed URL, copy button, recent entries, and subscribe action","dependencies":["lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/blog/blog-rss.tsx","type":"registry:block","target":"components/blocks/blog/blog-rss.tsx"}]},{"name":"blog-knowledge-base","type":"registry:block","title":"Blog Knowledge Base","description":"KB-style categorized articles with category headers, icons, and article rows for help and documentation sites","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/blog/blog-knowledge-base.tsx","type":"registry:block","target":"components/blocks/blog/blog-knowledge-base.tsx"}]},{"name":"blog-step-by-step","type":"registry:block","title":"Blog Step By Step","description":"A numbered step-by-step tutorial layout with completion status indicators and a vertical connecting line","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/blog/blog-step-by-step.tsx","type":"registry:block","target":"components/blocks/blog/blog-step-by-step.tsx"}]},{"name":"blog-milestones","type":"registry:block","title":"Blog Milestones","description":"Blog milestone achievement cards showing post counts, total views, and anniversary dates with trophy icons","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/blog/blog-milestones.tsx","type":"registry:block","target":"components/blocks/blog/blog-milestones.tsx"}]},{"name":"blog-filter-chips","type":"registry:block","title":"Blog Filter Chips","description":"Post list with category filter chips for toggling between topics","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/blog/blog-filter-chips.tsx","type":"registry:block","target":"components/blocks/blog/blog-filter-chips.tsx"}]},{"name":"blog-interview","type":"registry:block","title":"Blog Interview","description":"Q&A interview format with alternating question-answer pairs, interviewer and interviewee attribution, and conversation-style layout","premium":true,"files":[{"path":"blocks/blog/blog-interview.tsx","type":"registry:block","target":"components/blocks/blog/blog-interview.tsx"}]},{"name":"blog-trending","type":"registry:block","title":"Blog Trending","description":"Trending posts with numbered rankings, author attribution, and reading time","premium":true,"files":[{"path":"blocks/blog/blog-trending.tsx","type":"registry:block","target":"components/blocks/blog/blog-trending.tsx"}]},{"name":"blog-post-footer","type":"registry:block","title":"Blog Post Footer","description":"Article footer section with tags, author bio, share buttons, and publication dates","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/blog/blog-post-footer.tsx","type":"registry:block","target":"components/blocks/blog/blog-post-footer.tsx"}]},{"name":"blog-reading-list","type":"registry:block","title":"Blog Reading List","description":"Saved articles list with bookmark toggle, author info, and read time indicators","dependencies":["lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/blog/blog-reading-list.tsx","type":"registry:block","target":"components/blocks/blog/blog-reading-list.tsx"}]},{"name":"blog-table-of-contents","type":"registry:block","title":"Blog Table Of Contents","description":"Article table of contents sidebar with nested sections, active state highlighting, and smooth scroll indicators","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/blog/blog-table-of-contents.tsx","type":"registry:block","target":"components/blocks/blog/blog-table-of-contents.tsx"}]},{"name":"blog-comparison","type":"registry:block","title":"Blog Comparison","description":"Side-by-side article comparison layout for contrasting two related blog posts","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/blog/blog-comparison.tsx","type":"registry:block","target":"components/blocks/blog/blog-comparison.tsx"}]},{"name":"blog-newsletter-archive","type":"registry:block","title":"Blog Newsletter Archive","description":"Past newsletter issues with issue numbers, dates, subject lines, and open rate percentages","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/blog/blog-newsletter-archive.tsx","type":"registry:block","target":"components/blocks/blog/blog-newsletter-archive.tsx"}]},{"name":"blog-video","type":"registry:block","title":"Blog Video","description":"Video blog post listing with placeholder thumbnails, duration badges, titles, and publish dates","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/blog/blog-video.tsx","type":"registry:block","target":"components/blocks/blog/blog-video.tsx"}]},{"name":"blog-resources","type":"registry:block","title":"Blog Resources","description":"Curated resource link list with external link icons, source domains, and brief descriptions for recommended reading","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/blog/blog-resources.tsx","type":"registry:block","target":"components/blocks/blog/blog-resources.tsx"}]},{"name":"blog-metrics","type":"registry:block","title":"Blog Metrics","description":"Detailed single-post engagement metrics with a 3x2 grid showing views, visitors, read time, completion rate, shares, and comments","premium":true,"files":[{"path":"blocks/blog/blog-metrics.tsx","type":"registry:block","target":"components/blocks/blog/blog-metrics.tsx"}]},{"name":"blog-debate","type":"registry:block","title":"Blog Debate","description":"Two opposing viewpoints presented side by side with author arguments and key points","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/blog/blog-debate.tsx","type":"registry:block","target":"components/blocks/blog/blog-debate.tsx"}]},{"name":"blog-series","type":"registry:block","title":"Blog Series","description":"Article series tracker with progress bar, part status indicators, and sequential reading flow","registryDependencies":["progress"],"premium":true,"files":[{"path":"blocks/blog/blog-series.tsx","type":"registry:block","target":"components/blocks/blog/blog-series.tsx"}]},{"name":"blog-reactions","type":"registry:block","title":"Blog Reactions","description":"Emoji reaction buttons for blog posts with toggleable counts for Like, Love, Fire, Insightful, and Clap","premium":true,"files":[{"path":"blocks/blog/blog-reactions.tsx","type":"registry:block","target":"components/blocks/blog/blog-reactions.tsx"}]},{"name":"blog-faq","type":"registry:block","title":"Blog Faq","description":"Expandable frequently asked questions section with chevron indicators for common blog reader inquiries","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/blog/blog-faq.tsx","type":"registry:block","target":"components/blocks/blog/blog-faq.tsx"}]},{"name":"blog-shortform","type":"registry:block","title":"Blog Shortform","description":"Microblog feed with tweet-style short posts, author initials, timestamps, and engagement counts","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/blog/blog-shortform.tsx","type":"registry:block","target":"components/blocks/blog/blog-shortform.tsx"}]},{"name":"blog-search-grid","type":"registry:block","title":"Blog Search Grid","description":"Search input with filtered grid of blog post cards","dependencies":["lucide-react"],"registryDependencies":["badge","input"],"premium":true,"files":[{"path":"blocks/blog/blog-search-grid.tsx","type":"registry:block","target":"components/blocks/blog/blog-search-grid.tsx"}]},{"name":"blog-leaderboard","type":"registry:block","title":"Blog Leaderboard","description":"Top authors leaderboard ranked by post count with views, initials avatar, and subtle top-3 distinction","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/blog/blog-leaderboard.tsx","type":"registry:block","target":"components/blocks/blog/blog-leaderboard.tsx"}]},{"name":"blog-notification","type":"registry:block","title":"Blog Notification","description":"Compact notification widget for new blog post alerts with bell icon, post title, author, and action buttons","dependencies":["lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/blog/blog-notification.tsx","type":"registry:block","target":"components/blocks/blog/blog-notification.tsx"}]},{"name":"blog-featured","type":"registry:block","title":"Blog Featured","description":"Featured blog layout with one prominent post and smaller posts below in a single card container","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/blog/blog-featured.tsx","type":"registry:block","target":"components/blocks/blog/blog-featured.tsx"}]},{"name":"blog-roadmap","type":"registry:block","title":"Blog Roadmap","description":"Upcoming content pipeline with status indicators for planned, in-progress, and researching articles","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/blog/blog-roadmap.tsx","type":"registry:block","target":"components/blocks/blog/blog-roadmap.tsx"}]},{"name":"blog-breadcrumb","type":"registry:block","title":"Blog Breadcrumb","description":"Blog post view with breadcrumb path navigation, title, excerpt, and metadata","dependencies":["lucide-react"],"registryDependencies":["breadcrumb"],"premium":true,"files":[{"path":"blocks/blog/blog-breadcrumb.tsx","type":"registry:block","target":"components/blocks/blog/blog-breadcrumb.tsx"}]},{"name":"blog-gallery","type":"registry:block","title":"Blog Gallery","description":"Visual blog gallery with image thumbnails in a 2x2 grid layout and title overlays","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/blog/blog-gallery.tsx","type":"registry:block","target":"components/blocks/blog/blog-gallery.tsx"}]},{"name":"blog-author","type":"registry:block","title":"Blog Author","description":"Author profile with avatar, bio, social links, and recent posts in a single card layout","dependencies":["lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/blog/blog-author.tsx","type":"registry:block","target":"components/blocks/blog/blog-author.tsx"}]},{"name":"blog-podcast","type":"registry:block","title":"Blog Podcast","description":"Podcast episode list with play buttons, episode numbers, duration badges, and publish dates","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/blog/blog-podcast.tsx","type":"registry:block","target":"components/blocks/blog/blog-podcast.tsx"}]},{"name":"blog-schedule","type":"registry:block","title":"Blog Schedule","description":"Publishing calendar showing upcoming scheduled, draft, and in-review posts with dates and times","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/blog/blog-schedule.tsx","type":"registry:block","target":"components/blocks/blog/blog-schedule.tsx"}]},{"name":"blog-revision-history","type":"registry:block","title":"Blog Revision History","description":"Post revision history log with timestamps, authors, change descriptions, and view-diff buttons for tracking article edits","dependencies":["lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/blog/blog-revision-history.tsx","type":"registry:block","target":"components/blocks/blog/blog-revision-history.tsx"}]},{"name":"blog-pagination","type":"registry:block","title":"Blog Pagination","description":"Blog post list with page numbers, previous/next controls, and current page indicator","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/blog/blog-pagination.tsx","type":"registry:block","target":"components/blocks/blog/blog-pagination.tsx"}]},{"name":"blog-event","type":"registry:block","title":"Blog Event","description":"Event and meetup announcement section with dates, locations, and registration buttons for blog-hosted community events","dependencies":["lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/blog/blog-event.tsx","type":"registry:block","target":"components/blocks/blog/blog-event.tsx"}]},{"name":"blog-settings","type":"registry:block","title":"Blog Settings","description":"Reader preference panel with font size, theme, notifications, and reading speed controls","registryDependencies":["select","switch"],"premium":true,"files":[{"path":"blocks/blog/blog-settings.tsx","type":"registry:block","target":"components/blocks/blog/blog-settings.tsx"}]},{"name":"blog-snippets","type":"registry:block","title":"Blog Snippets","description":"Code-focused blog posts with language badges, inline code previews, and read times","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/blog/blog-snippets.tsx","type":"registry:block","target":"components/blocks/blog/blog-snippets.tsx"}]},{"name":"blog-archive","type":"registry:block","title":"Blog Archive","description":"Collapsible monthly archive with year headers, post counts, and expandable month groups for navigating older blog content","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/blog/blog-archive.tsx","type":"registry:block","target":"components/blocks/blog/blog-archive.tsx"}]},{"name":"blog-pinned","type":"registry:block","title":"Blog Pinned","description":"Pinned and sticky posts section with visual indicators separating featured from regular content","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/blog/blog-pinned.tsx","type":"registry:block","target":"components/blocks/blog/blog-pinned.tsx"}]},{"name":"blog-guest-post","type":"registry:block","title":"Blog Guest Post","description":"Guest author post format with prominent attribution badge, author bio section, and post excerpt","registryDependencies":["avatar","badge"],"premium":true,"files":[{"path":"blocks/blog/blog-guest-post.tsx","type":"registry:block","target":"components/blocks/blog/blog-guest-post.tsx"}]},{"name":"blog-tabs-layout","type":"registry:block","title":"Blog Tabs Layout","description":"Tabbed blog content switcher with Latest, Popular, and Editor's Picks views","dependencies":["lucide-react"],"registryDependencies":["tabs"],"premium":true,"files":[{"path":"blocks/blog/blog-tabs-layout.tsx","type":"registry:block","target":"components/blocks/blog/blog-tabs-layout.tsx"}]},{"name":"blog-stats","type":"registry:block","title":"Blog Stats","description":"Blog stats dashboard with key metrics grid and top performing posts by view count","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/blog/blog-stats.tsx","type":"registry:block","target":"components/blocks/blog/blog-stats.tsx"}]},{"name":"blog-glossary","type":"registry:block","title":"Blog Glossary","description":"Alphabetical glossary of technical terms with definitions and category badges, grouped by first letter with dividers","registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/blog/blog-glossary.tsx","type":"registry:block","target":"components/blocks/blog/blog-glossary.tsx"}]},{"name":"blog-testimonials","type":"registry:block","title":"Blog Testimonials","description":"Reader testimonials section with quotes, star ratings, and attribution for blog social proof","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/blog/blog-testimonials.tsx","type":"registry:block","target":"components/blocks/blog/blog-testimonials.tsx"}]},{"name":"blog-topic-cluster","type":"registry:block","title":"Blog Topic Cluster","description":"Topic cluster visualization with pillar content and branching subtopics for content strategy planning","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/blog/blog-topic-cluster.tsx","type":"registry:block","target":"components/blocks/blog/blog-topic-cluster.tsx"}]},{"name":"blog-thread","type":"registry:block","title":"Blog Thread","description":"A Twitter/X-style thread of connected posts with numbered entries, author info, and vertical connecting lines","registryDependencies":["avatar"],"premium":true,"files":[{"path":"blocks/blog/blog-thread.tsx","type":"registry:block","target":"components/blocks/blog/blog-thread.tsx"}]},{"name":"blog-recommendations","type":"registry:block","title":"Blog Recommendations","description":"Personalized article recommendations with relevance scores, categories, and read times","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/blog/blog-recommendations.tsx","type":"registry:block","target":"components/blocks/blog/blog-recommendations.tsx"}]},{"name":"blog-mega-menu","type":"registry:block","title":"Blog Mega Menu","description":"Multi-column blog navigation with categories, popular posts, and resource links in a grid layout","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/blog/blog-mega-menu.tsx","type":"registry:block","target":"components/blocks/blog/blog-mega-menu.tsx"}]},{"name":"blog-masonry","type":"registry:block","title":"Blog Masonry","description":"CSS columns masonry grid with varied-height post cards for dynamic visual flow","registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/blog/blog-masonry.tsx","type":"registry:block","target":"components/blocks/blog/blog-masonry.tsx"}]},{"name":"blog-timeline","type":"registry:block","title":"Blog Timeline","description":"Chronological archive of posts grouped by year with simple vertical layout","registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/blog/blog-timeline.tsx","type":"registry:block","target":"components/blocks/blog/blog-timeline.tsx"}]},{"name":"blog-crosspost","type":"registry:block","title":"Blog Crosspost","description":"A list of articles originally published on external platforms with source attribution","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/blog/blog-crosspost.tsx","type":"registry:block","target":"components/blocks/blog/blog-crosspost.tsx"}]},{"name":"blog-editorial","type":"registry:block","title":"Blog Editorial","description":"Curated posts with editor's notes explaining why each article was selected","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/blog/blog-editorial.tsx","type":"registry:block","target":"components/blocks/blog/blog-editorial.tsx"}]},{"name":"blog-rectangular","type":"registry:block","title":"Blog Rectangular","description":"Horizontal blog post cards with side-by-side image and content showing category, title, excerpt, and author","registryDependencies":["avatar","badge"],"premium":true,"files":[{"path":"blocks/blog/blog-rectangular.tsx","type":"registry:block","target":"components/blocks/blog/blog-rectangular.tsx"}]},{"name":"blog-listicle","type":"registry:block","title":"Blog Listicle","description":"Numbered listicle article layout with circled step numbers, tip titles, and concise descriptions","premium":true,"files":[{"path":"blocks/blog/blog-listicle.tsx","type":"registry:block","target":"components/blocks/blog/blog-listicle.tsx"}]},{"name":"blog-related","type":"registry:block","title":"Blog Related","description":"Related posts section showing contextually relevant articles with category badges and reading time","registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/blog/blog-related.tsx","type":"registry:block","target":"components/blocks/blog/blog-related.tsx"}]},{"name":"blog-summary","type":"registry:block","title":"Blog Summary","description":"AI-generated post summaries with article titles, summary blocks, and read-more links","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/blog/blog-summary.tsx","type":"registry:block","target":"components/blocks/blog/blog-summary.tsx"}]},{"name":"blog-table","type":"registry:block","title":"Blog Table","description":"A clean data table of blog posts with columns for title, author, date, read time, and category","registryDependencies":["badge","table"],"premium":true,"files":[{"path":"blocks/blog/blog-table.tsx","type":"registry:block","target":"components/blocks/blog/blog-table.tsx"}]},{"name":"blog-subscribe","type":"registry:block","title":"Blog Subscribe","description":"Topic subscription manager with toggle switches for following individual blog categories","registryDependencies":["switch"],"premium":true,"files":[{"path":"blocks/blog/blog-subscribe.tsx","type":"registry:block","target":"components/blocks/blog/blog-subscribe.tsx"}]},{"name":"blog-poll","type":"registry:block","title":"Blog Poll","description":"Interactive reader poll with answer options, horizontal progress bars, vote percentages, and total vote count","premium":true,"files":[{"path":"blocks/blog/blog-poll.tsx","type":"registry:block","target":"components/blocks/blog/blog-poll.tsx"}]},{"name":"blog-wordcount","type":"registry:block","title":"Blog Wordcount","description":"Blog post listing with word count, estimated read time, and relative length bar for each post","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/blog/blog-wordcount.tsx","type":"registry:block","target":"components/blocks/blog/blog-wordcount.tsx"}]},{"name":"blog-cards-grid","type":"registry:block","title":"Blog Cards Grid","description":"Blog post grid with thumbnail images, author info, and dates inside a single card container","registryDependencies":["avatar","badge"],"premium":true,"files":[{"path":"blocks/blog/blog-cards-grid.tsx","type":"registry:block","target":"components/blocks/blog/blog-cards-grid.tsx"}]},{"name":"blog-difficulty","type":"registry:block","title":"Blog Difficulty","description":"Blog posts grouped into beginner, intermediate, and advanced difficulty levels with colored indicators","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/blog/blog-difficulty.tsx","type":"registry:block","target":"components/blocks/blog/blog-difficulty.tsx"}]},{"name":"blog-comments","type":"registry:block","title":"Blog Comments","description":"Comment thread section with author avatars, timestamps, nested replies, and a reply input for blog post discussions","registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/blog/blog-comments.tsx","type":"registry:block","target":"components/blocks/blog/blog-comments.tsx"}]},{"name":"blog-cover-story","type":"registry:block","title":"Blog Cover Story","description":"Magazine-style cover story with featured thumbnail, excerpt, and compact secondary posts","registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/blog/blog-cover-story.tsx","type":"registry:block","target":"components/blocks/blog/blog-cover-story.tsx"}]},{"name":"blog-author-grid","type":"registry:block","title":"Blog Author Grid","description":"Grid of blog authors with initials avatars, roles, post counts, and short bios in a 2x2 layout","premium":true,"files":[{"path":"blocks/blog/blog-author-grid.tsx","type":"registry:block","target":"components/blocks/blog/blog-author-grid.tsx"}]},{"name":"blog-tip","type":"registry:block","title":"Blog Tip","description":"Quick tips section with categorized short tips displayed as scannable bordered cards with icons","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/blog/blog-tip.tsx","type":"registry:block","target":"components/blocks/blog/blog-tip.tsx"}]},{"name":"blog-case-study","type":"registry:block","title":"Blog Case Study","description":"A structured case study format with challenge, solution, and results metrics","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/blog/blog-case-study.tsx","type":"registry:block","target":"components/blocks/blog/blog-case-study.tsx"}]},{"name":"blog-writing-prompt","type":"registry:block","title":"Blog Writing Prompt","description":"Daily writing prompt section with featured prompt, topic badge, word count suggestion, start button, and past prompts","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/blog/blog-writing-prompt.tsx","type":"registry:block","target":"components/blocks/blog/blog-writing-prompt.tsx"}]},{"name":"blog-categories","type":"registry:block","title":"Blog Categories","description":"Blog category list with icons, names, and post counts in a compact card layout","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/blog/blog-categories.tsx","type":"registry:block","target":"components/blocks/blog/blog-categories.tsx"}]},{"name":"blog-preview-tags","type":"registry:block","title":"Blog Preview Tags","description":"Blog post preview cards with tag badges, titles, excerpts, and author attribution","registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/blog/blog-preview-tags.tsx","type":"registry:block","target":"components/blocks/blog/blog-preview-tags.tsx"}]},{"name":"kanban-startup-pipeline","type":"registry:block","title":"Kanban Startup Pipeline","description":"React startup deal flow kanban for Next.js with ultra-compact cards, HoverCard detail popups showing industry, funding ask, traction metrics, and team size using shadcn/ui HoverCard and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","hover-card"],"premium":true,"files":[{"path":"blocks/kanban/kanban-startup-pipeline.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-startup-pipeline.tsx"}]},{"name":"kanban-api-tracker","type":"registry:block","title":"Kanban Api Tracker","description":"React kanban API endpoint tracker for Next.js with shadcn/ui Command palette search by endpoint path and HTTP method, version badges, and four-column lifecycle pipeline using Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","command","popover"],"premium":true,"files":[{"path":"blocks/kanban/kanban-api-tracker.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-api-tracker.tsx"}]},{"name":"kanban-recruitment-board","type":"registry:block","title":"Kanban Recruitment Board","description":"React kanban recruitment pipeline for Next.js with sidebar filters for department, seniority, and location, four-column hiring stages, and animated candidate cards using shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/kanban/kanban-recruitment-board.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-recruitment-board.tsx"}]},{"name":"kanban-marketing-funnel","type":"registry:block","title":"Kanban Marketing Funnel","description":"React marketing funnel dashboard kanban for Next.js with lead metrics, conversion rates, cost per lead tracking, and mini campaign columns using shadcn/ui, CountUp, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","progress"],"premium":true,"files":[{"path":"blocks/kanban/kanban-marketing-funnel.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-marketing-funnel.tsx"}]},{"name":"kanban-due-date-board","type":"registry:block","title":"Kanban Due Date Board","description":"React assignment due date kanban board for Next.js with timeline header, urgency indicators, and grade tracking using shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/kanban/kanban-due-date-board.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-due-date-board.tsx"}]},{"name":"kanban-fleet-management","type":"registry:block","title":"Kanban Fleet Management","description":"React dual-view fleet management kanban for Next.js with Switch toggle between board and table views using shadcn/ui Table, Switch, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","switch","table"],"premium":true,"files":[{"path":"blocks/kanban/kanban-fleet-management.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-fleet-management.tsx"}]},{"name":"kanban-team-sprint","type":"registry:block","title":"Kanban Team Sprint","description":"React swimlane kanban sprint board for Next.js with team member rows, status columns, and animated task chips using shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge"],"premium":true,"files":[{"path":"blocks/kanban/kanban-team-sprint.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-team-sprint.tsx"}]},{"name":"kanban-agent-tasks","type":"registry:block","title":"Kanban Agent Tasks","description":"React kanban support agent task swimlane board for Next.js with avatar rows, ticket priority dots, customer names, and resolution tracking using shadcn/ui Avatar and Tailwind CSS","dependencies":["framer-motion"],"registryDependencies":["avatar"],"premium":true,"files":[{"path":"blocks/kanban/kanban-agent-tasks.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-agent-tasks.tsx"}]},{"name":"kanban-vendor-tracker","type":"registry:block","title":"Kanban Vendor Tracker","description":"React kanban vendor management tracker for Next.js with sidebar filters for category, budget tier, and rating, four-column vendor pipeline, and animated cards using shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/kanban/kanban-vendor-tracker.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-vendor-tracker.tsx"}]},{"name":"kanban-ticket-queue","type":"registry:block","title":"Kanban Ticket Queue","description":"React kanban support ticket queue for Next.js with mono-font ticket IDs, severity indicators, compact list rows, and staggered entrance animations using shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/kanban/kanban-ticket-queue.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-ticket-queue.tsx"}]},{"name":"kanban-editorial-flow","type":"registry:block","title":"Kanban Editorial Flow","description":"React kanban board for Next.js with editorial workflow columns and a Sheet side panel showing article details, author info, SEO keywords, editor notes, and publish schedule using shadcn/ui Sheet and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","sheet"],"premium":true,"files":[{"path":"blocks/kanban/kanban-editorial-flow.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-editorial-flow.tsx"}]},{"name":"kanban-product-catalog","type":"registry:block","title":"Kanban Product Catalog","description":"React dual-view product catalog kanban for Next.js with Switch toggle between board and table views using shadcn/ui Table, Switch, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","switch","table"],"premium":true,"files":[{"path":"blocks/kanban/kanban-product-catalog.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-product-catalog.tsx"}]},{"name":"kanban-priority-grid","type":"registry:block","title":"Kanban Priority Grid","description":"React business priority 2x2 matrix grid for Next.js with customer value and strategic importance axes, initiative chips, and category badges using shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/kanban/kanban-priority-grid.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-priority-grid.tsx"}]},{"name":"kanban-contract-lifecycle","type":"registry:block","title":"Kanban Contract Lifecycle","description":"React contract management kanban for Next.js with lifecycle stage columns, compact cards, and Dialog detail overlay showing parties, value, dates, renewal terms, and key clauses using shadcn/ui Dialog and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","dialog"],"premium":true,"files":[{"path":"blocks/kanban/kanban-contract-lifecycle.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-contract-lifecycle.tsx"}]},{"name":"kanban-deadline-tracker","type":"registry:block","title":"Kanban Deadline Tracker","description":"React deadline-aware kanban board for Next.js with timeline header, urgency indicators, and dependency tracking using shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/kanban/kanban-deadline-tracker.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-deadline-tracker.tsx"}]},{"name":"kanban-multi-project","type":"registry:block","title":"Kanban Multi Project","description":"React swimlane kanban board for Next.js with project rows, planning status columns, and compact task chips using shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/kanban/kanban-multi-project.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-multi-project.tsx"}]},{"name":"kanban-migration-tracker","type":"registry:block","title":"Kanban Migration Tracker","description":"React data migration kanban board for Next.js with concurrent job progress bars, record counts, error rate tracking, and capacity limits using shadcn/ui Progress and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","progress"],"premium":true,"files":[{"path":"blocks/kanban/kanban-migration-tracker.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-migration-tracker.tsx"}]},{"name":"kanban-agile-board","type":"registry:block","title":"Kanban Agile Board","description":"React agile kanban board for Next.js with five pipeline columns, drag-and-drop card reordering using @dnd-kit, story points, type badges, and assignee avatars built with shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["avatar","badge"],"premium":true,"files":[{"path":"blocks/kanban/kanban-agile-board.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-agile-board.tsx"}]},{"name":"kanban-issue-board","type":"registry:block","title":"Kanban Issue Board","description":"React split-panel issue tracker kanban for Next.js with severity indicators, reproduction steps, fix status, and component tagging using shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","recharts","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/kanban/kanban-issue-board.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-issue-board.tsx"}]},{"name":"kanban-lead-pipeline","type":"registry:block","title":"Kanban Lead Pipeline","description":"React lead management dashboard kanban for Next.js with lead metrics, contact rates, response tracking, and mini kanban columns using shadcn/ui, CountUp, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","progress"],"premium":true,"files":[{"path":"blocks/kanban/kanban-lead-pipeline.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-lead-pipeline.tsx"}]},{"name":"kanban-reading-queue","type":"registry:block","title":"Kanban Reading Queue","description":"React kanban reading list manager for Next.js with tab navigation, genre badges, author metadata, reading progress, and staggered animations using shadcn/ui Tabs and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","tabs"],"premium":true,"files":[{"path":"blocks/kanban/kanban-reading-queue.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-reading-queue.tsx"}]},{"name":"kanban-schedule-flow","type":"registry:block","title":"Kanban Schedule Flow","description":"React scheduling workflow kanban board for Next.js with timeline header, urgency indicators, and attendee tracking using shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/kanban/kanban-schedule-flow.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-schedule-flow.tsx"}]},{"name":"kanban-designer-pipeline","type":"registry:block","title":"Kanban Designer Pipeline","description":"React kanban design team pipeline swimlane board for Next.js with avatar rows, project type badges, design status columns, and delivery tracking using shadcn/ui Avatar and Tailwind CSS","dependencies":["framer-motion"],"registryDependencies":["avatar","badge"],"premium":true,"files":[{"path":"blocks/kanban/kanban-designer-pipeline.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-designer-pipeline.tsx"}]},{"name":"kanban-product-backlog","type":"registry:block","title":"Kanban Product Backlog","description":"React kanban product backlog for Next.js with sidebar filters for priority, type, and team, four-column board layout, and animated card entrance using shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/kanban/kanban-product-backlog.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-product-backlog.tsx"}]},{"name":"kanban-real-estate","type":"registry:block","title":"Kanban Real Estate","description":"React property listings kanban for Next.js with stage columns, compact cards, and Dialog detail overlay showing address, price, specs, agent info, and offer history using shadcn/ui Dialog and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","dialog"],"premium":true,"files":[{"path":"blocks/kanban/kanban-real-estate.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-real-estate.tsx"}]},{"name":"kanban-eisenhower-matrix","type":"registry:block","title":"Kanban Eisenhower Matrix","description":"React Eisenhower urgent-important 2x2 matrix grid for Next.js with quadrant zones, task chips, and framer-motion entrance animations using shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/kanban/kanban-eisenhower-matrix.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-eisenhower-matrix.tsx"}]},{"name":"kanban-email-triage","type":"registry:block","title":"Kanban Email Triage","description":"React kanban email triage board for Next.js with sender initials, time-received labels, compact list rows, and staggered animations using shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/kanban/kanban-email-triage.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-email-triage.tsx"}]},{"name":"kanban-resource-matrix","type":"registry:block","title":"Kanban Resource Matrix","description":"React swimlane kanban board for Next.js with resource type rows, allocation status columns, and team member chips using shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge"],"premium":true,"files":[{"path":"blocks/kanban/kanban-resource-matrix.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-resource-matrix.tsx"}]},{"name":"kanban-client-projects","type":"registry:block","title":"Kanban Client Projects","description":"React kanban board for Next.js with client project columns, budget tracking, and a Sheet side panel showing project details, deliverables, and activity using shadcn/ui Sheet and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","sheet"],"premium":true,"files":[{"path":"blocks/kanban/kanban-client-projects.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-client-projects.tsx"}]},{"name":"kanban-design-reviews","type":"registry:block","title":"Kanban Design Reviews","description":"React kanban design review pipeline for Next.js with expandable inline cards showing reviewer comments, revision counts, and approval checklists using shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/kanban/kanban-design-reviews.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-design-reviews.tsx"}]},{"name":"kanban-feedback-sorter","type":"registry:block","title":"Kanban Feedback Sorter","description":"React kanban feedback sorter for Next.js with star ratings, truncated feedback snippets, compact list rows, and staggered entrance animations using shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/kanban/kanban-feedback-sorter.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-feedback-sorter.tsx"}]},{"name":"kanban-developer-sprints","type":"registry:block","title":"Kanban Developer Sprints","description":"React kanban developer sprint swimlane board for Next.js with avatar rows, PR status columns, ticket IDs, and merge tracking using shadcn/ui Avatar and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar"],"premium":true,"files":[{"path":"blocks/kanban/kanban-developer-sprints.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-developer-sprints.tsx"}]},{"name":"kanban-content-pipeline","type":"registry:block","title":"Kanban Content Pipeline","description":"React split-panel content workflow kanban for Next.js with editorial columns, article metadata, SEO scores, and category tags using shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/kanban/kanban-content-pipeline.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-content-pipeline.tsx"}]},{"name":"kanban-brand-assets","type":"registry:block","title":"Kanban Brand Assets","description":"React kanban board for brand asset management with color-coded left-border cards indicating asset type, 3-column pipeline layout using shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge"],"premium":true,"files":[{"path":"blocks/kanban/kanban-brand-assets.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-brand-assets.tsx"}]},{"name":"kanban-release-train","type":"registry:block","title":"Kanban Release Train","description":"React swimlane kanban board for Next.js with release version rows, development phase columns, and feature chips using shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/kanban/kanban-release-train.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-release-train.tsx"}]},{"name":"kanban-asset-inventory","type":"registry:block","title":"Kanban Asset Inventory","description":"React dual-view IT asset inventory kanban for Next.js with Switch toggle between board and table views using shadcn/ui Table, Switch, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","switch","table"],"premium":true,"files":[{"path":"blocks/kanban/kanban-asset-inventory.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-asset-inventory.tsx"}]},{"name":"kanban-impact-effort","type":"registry:block","title":"Kanban Impact Effort","description":"React impact-effort 2x2 prioritization matrix for Next.js with quick wins, major projects, fill-ins, and time sinks quadrants using shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/kanban/kanban-impact-effort.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-impact-effort.tsx"}]},{"name":"kanban-campaign-board","type":"registry:block","title":"Kanban Campaign Board","description":"React kanban board for Next.js with marketing campaign columns, budget tracking, and a Sheet side panel showing channel mix, KPIs, performance metrics, and timeline using shadcn/ui Sheet and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","sheet"],"premium":true,"files":[{"path":"blocks/kanban/kanban-campaign-board.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-campaign-board.tsx"}]},{"name":"kanban-knowledge-base","type":"registry:block","title":"Kanban Knowledge Base","description":"React kanban knowledge base board for Next.js with shadcn/ui Command palette search, real-time card filtering, highlighted matches, and four-column article pipeline using Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","command","popover"],"premium":true,"files":[{"path":"blocks/kanban/kanban-knowledge-base.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-knowledge-base.tsx"}]},{"name":"kanban-conversion-tracker","type":"registry:block","title":"Kanban Conversion Tracker","description":"React conversion optimization dashboard kanban for Next.js with experiment metrics, A/B test tracking, uplift percentages, and mini kanban columns using shadcn/ui, CountUp, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","progress"],"premium":true,"files":[{"path":"blocks/kanban/kanban-conversion-tracker.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-conversion-tracker.tsx"}]},{"name":"kanban-writer-assignments","type":"registry:block","title":"Kanban Writer Assignments","description":"React kanban content writer assignment swimlane board for Next.js with avatar rows, word count targets, content type badges, and publishing status using shadcn/ui Avatar and Tailwind CSS","dependencies":["framer-motion"],"registryDependencies":["avatar","badge"],"premium":true,"files":[{"path":"blocks/kanban/kanban-writer-assignments.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-writer-assignments.tsx"}]},{"name":"kanban-sales-overview","type":"registry:block","title":"Kanban Sales Overview","description":"React sales dashboard kanban for Next.js with pipeline metrics, win rate, deal size tracking, and mini kanban columns using shadcn/ui, CountUp, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","progress"],"premium":true,"files":[{"path":"blocks/kanban/kanban-sales-overview.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-sales-overview.tsx"}]},{"name":"kanban-team-workload","type":"registry:block","title":"Kanban Team Workload","description":"React kanban team workload swimlane board for Next.js with avatar rows, status columns, priority dots, and task counts using shadcn/ui Avatar and Tailwind CSS","dependencies":["framer-motion"],"registryDependencies":["avatar"],"premium":true,"files":[{"path":"blocks/kanban/kanban-team-workload.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-team-workload.tsx"}]},{"name":"kanban-changelog-pipeline","type":"registry:block","title":"Kanban Changelog Pipeline","description":"React kanban changelog pipeline for Next.js with shadcn/ui Command palette search by feature name and version number, type badges, and four-column release workflow using Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","command","popover"],"premium":true,"files":[{"path":"blocks/kanban/kanban-changelog-pipeline.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-changelog-pipeline.tsx"}]},{"name":"kanban-sprint-timeline","type":"registry:block","title":"Kanban Sprint Timeline","description":"React sprint timeline kanban board for Next.js with date range header, story point tracking, and sprint boundary columns using shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/kanban/kanban-sprint-timeline.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-sprint-timeline.tsx"}]},{"name":"kanban-daily-planner","type":"registry:block","title":"Kanban Daily Planner","description":"React kanban daily schedule planner for Next.js with tab navigation for time-of-day columns, time slots, duration badges, location labels, and staggered animations using shadcn/ui Tabs and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","tabs"],"premium":true,"files":[{"path":"blocks/kanban/kanban-daily-planner.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-daily-planner.tsx"}]},{"name":"kanban-grant-proposals","type":"registry:block","title":"Kanban Grant Proposals","description":"React grant management kanban for Next.js with proposal stage columns, compact cards, and Dialog detail overlay showing funding body, amount, PI, deadline, and abstract using shadcn/ui Dialog and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","dialog"],"premium":true,"files":[{"path":"blocks/kanban/kanban-grant-proposals.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-grant-proposals.tsx"}]},{"name":"kanban-weekly-goals","type":"registry:block","title":"Kanban Weekly Goals","description":"React kanban weekly goal tracker for Next.js with vertical accordion columns, category badges, target metrics, and staggered card animations using shadcn/ui Accordion and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["accordion","badge"],"premium":true,"files":[{"path":"blocks/kanban/kanban-weekly-goals.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-weekly-goals.tsx"}]},{"name":"kanban-documentation","type":"registry:block","title":"Kanban Documentation","description":"React kanban documentation tracker for Next.js with shadcn/ui Command palette search, real-time filtering by doc titles and API names, and four-column writing pipeline using Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","command","popover"],"premium":true,"files":[{"path":"blocks/kanban/kanban-documentation.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-documentation.tsx"}]},{"name":"kanban-priority-planner","type":"registry:block","title":"Kanban Priority Planner","description":"React MoSCoW priority planner kanban for Next.js with three priority columns, drag-and-drop using @dnd-kit, effort badges, business value scores, and effort-sized card heights built with shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["avatar","badge"],"premium":true,"files":[{"path":"blocks/kanban/kanban-priority-planner.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-priority-planner.tsx"}]},{"name":"kanban-style-audit","type":"registry:block","title":"Kanban Style Audit","description":"React kanban board for style consistency audits with color-coded left-border cards by finding type, 3-column workflow using shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge"],"premium":true,"files":[{"path":"blocks/kanban/kanban-style-audit.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-style-audit.tsx"}]},{"name":"kanban-safety-inspection","type":"registry:block","title":"Kanban Safety Inspection","description":"A safety inspection kanban board for React and Next.js with bulk selection via shadcn/ui Checkbox, zone labels, risk level indicators, and floating action bar built with Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","checkbox","select"],"premium":true,"files":[{"path":"blocks/kanban/kanban-safety-inspection.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-safety-inspection.tsx"}]},{"name":"kanban-decision-matrix","type":"registry:block","title":"Kanban Decision Matrix","description":"React decision-making 2x2 matrix grid for Next.js with confidence-value quadrants, decision chips, and action badges using shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/kanban/kanban-decision-matrix.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-decision-matrix.tsx"}]},{"name":"kanban-order-tracking","type":"registry:block","title":"Kanban Order Tracking","description":"React kanban order tracking board for Next.js with order number prefixes, dollar amounts, customer names, and staggered entrance animations using shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/kanban/kanban-order-tracking.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-order-tracking.tsx"}]},{"name":"kanban-deployment-gates","type":"registry:block","title":"Kanban Deployment Gates","description":"React deployment gates kanban board for Next.js with gate pass/fail progress bars, security scan tracking, and blocked count using shadcn/ui Progress and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","progress"],"premium":true,"files":[{"path":"blocks/kanban/kanban-deployment-gates.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-deployment-gates.tsx"}]},{"name":"kanban-bug-reports","type":"registry:block","title":"Kanban Bug Reports","description":"React kanban bug report board for Next.js with expandable inline cards showing steps to reproduce, severity indicators, assignees, and AI fix suggestions using shadcn/ui and Tailwind CSS","dependencies":["framer-motion","date-fns","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/kanban/kanban-bug-reports.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-bug-reports.tsx"}]},{"name":"kanban-milestone-planner","type":"registry:block","title":"Kanban Milestone Planner","description":"React milestone planning kanban board for Next.js with timeline header, progress tracking, and team assignments using shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/kanban/kanban-milestone-planner.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-milestone-planner.tsx"}]},{"name":"kanban-risk-assessment","type":"registry:block","title":"Kanban Risk Assessment","description":"React risk assessment 2x2 matrix grid for Next.js with likelihood-impact quadrants, risk chips, and severity indicators using shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/kanban/kanban-risk-assessment.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-risk-assessment.tsx"}]},{"name":"kanban-revenue-board","type":"registry:block","title":"Kanban Revenue Board","description":"React revenue tracking dashboard kanban for Next.js with MRR metrics, ARR growth, churn rate, net revenue retention, and mini account columns using shadcn/ui, CountUp, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","progress"],"premium":true,"files":[{"path":"blocks/kanban/kanban-revenue-board.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-revenue-board.tsx"}]},{"name":"kanban-testing-queue","type":"registry:block","title":"Kanban Testing Queue","description":"React kanban QA testing queue for Next.js with expandable inline cards showing test steps, expected versus actual results, and environment info using shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/kanban/kanban-testing-queue.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-testing-queue.tsx"}]},{"name":"kanban-code-reviews","type":"registry:block","title":"Kanban Code Reviews","description":"React kanban code review board for Next.js with expandable inline cards showing PR details, file change counts, reviewer comments, and monospace code snippet previews using shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/kanban/kanban-code-reviews.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-code-reviews.tsx"}]},{"name":"kanban-production-schedule","type":"registry:block","title":"Kanban Production Schedule","description":"React kanban board for Next.js with production scheduling columns and a Sheet side panel showing order details, product specs, materials, QC results, and shipping info using shadcn/ui Sheet and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","sheet"],"premium":true,"files":[{"path":"blocks/kanban/kanban-production-schedule.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-production-schedule.tsx"}]},{"name":"kanban-chore-organizer","type":"registry:block","title":"Kanban Chore Organizer","description":"React kanban household chore organizer for Next.js with vertical accordion columns, room labels, frequency badges, and assignee avatars using shadcn/ui Accordion and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["accordion","badge"],"premium":true,"files":[{"path":"blocks/kanban/kanban-chore-organizer.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-chore-organizer.tsx"}]},{"name":"kanban-event-pipeline","type":"registry:block","title":"Kanban Event Pipeline","description":"React kanban event planning pipeline for Next.js with sidebar filters for event type, quarter, and budget, four-column board layout, and animated cards using shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/kanban/kanban-event-pipeline.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-event-pipeline.tsx"}]},{"name":"kanban-release-pipeline","type":"registry:block","title":"Kanban Release Pipeline","description":"React release pipeline kanban board for Next.js with deployment slot progress bars, rollback tracking, and stage gates using shadcn/ui Progress and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","progress"],"premium":true,"files":[{"path":"blocks/kanban/kanban-release-pipeline.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-release-pipeline.tsx"}]},{"name":"kanban-employee-onboarding","type":"registry:block","title":"Kanban Employee Onboarding","description":"React dual-view employee onboarding kanban for Next.js with Switch toggle between board and table views using shadcn/ui Table, Switch, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","switch","table"],"premium":true,"files":[{"path":"blocks/kanban/kanban-employee-onboarding.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-employee-onboarding.tsx"}]},{"name":"kanban-patent-tracker","type":"registry:block","title":"Kanban Patent Tracker","description":"React patent portfolio kanban for Next.js with lifecycle stage columns, compact cards, and Dialog detail overlay showing inventors, filing date, claims count, jurisdiction, and status using shadcn/ui Dialog and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","dialog"],"premium":true,"files":[{"path":"blocks/kanban/kanban-patent-tracker.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-patent-tracker.tsx"}]},{"name":"kanban-sprint-capacity","type":"registry:block","title":"Kanban Sprint Capacity","description":"React sprint capacity kanban board for Next.js with progress bars, WIP limits, and story point tracking using shadcn/ui Progress and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","progress"],"premium":true,"files":[{"path":"blocks/kanban/kanban-sprint-capacity.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-sprint-capacity.tsx"}]},{"name":"kanban-personal-tasks","type":"registry:block","title":"Kanban Personal Tasks","description":"React kanban personal task manager for Next.js with tab navigation, priority indicators, due labels, staggered card animations, and compact list layout using shadcn/ui Tabs and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","tabs"],"premium":true,"files":[{"path":"blocks/kanban/kanban-personal-tasks.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-personal-tasks.tsx"}]},{"name":"kanban-crm-deals","type":"registry:block","title":"Kanban Crm Deals","description":"React split-panel CRM pipeline kanban for Next.js with deal columns, contact details, deal values, and probability indicators using shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/kanban/kanban-crm-deals.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-crm-deals.tsx"}]},{"name":"kanban-department-tasks","type":"registry:block","title":"Kanban Department Tasks","description":"React swimlane kanban board for Next.js with department rows, workflow status columns, and task chips using shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/kanban/kanban-department-tasks.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-department-tasks.tsx"}]},{"name":"kanban-ui-components","type":"registry:block","title":"Kanban Ui Components","description":"React kanban board for component library management with color-coded left-border cards by component type, 3-column workflow using shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge"],"premium":true,"files":[{"path":"blocks/kanban/kanban-ui-components.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-ui-components.tsx"}]},{"name":"kanban-qa-workflow","type":"registry:block","title":"Kanban Qa Workflow","description":"React QA workflow kanban board for Next.js with test progress bars, WIP limits, pass rate metrics, and regression tracking using shadcn/ui Progress and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","progress"],"premium":true,"files":[{"path":"blocks/kanban/kanban-qa-workflow.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-qa-workflow.tsx"}]},{"name":"kanban-learning-path","type":"registry:block","title":"Kanban Learning Path","description":"React kanban learning progress tracker for Next.js with vertical accordion columns, source labels, hours spent, difficulty badges, and staggered animations using shadcn/ui Accordion and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["accordion","badge"],"premium":true,"files":[{"path":"blocks/kanban/kanban-learning-path.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-learning-path.tsx"}]},{"name":"kanban-job-applications","type":"registry:block","title":"Kanban Job Applications","description":"React job search tracker kanban for Next.js with application stage columns, compact cards, and Dialog detail overlay showing company, role, salary, recruiter, and interview notes using shadcn/ui Dialog and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","dialog"],"premium":true,"files":[{"path":"blocks/kanban/kanban-job-applications.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-job-applications.tsx"}]},{"name":"kanban-design-system","type":"registry:block","title":"Kanban Design System","description":"React kanban board for design system tasks with color-coded left-border category cards, 3-column layout, and a color legend bar using shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge"],"premium":true,"files":[{"path":"blocks/kanban/kanban-design-system.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-design-system.tsx"}]},{"name":"kanban-shopping-tracker","type":"registry:block","title":"Kanban Shopping Tracker","description":"React kanban shopping wishlist tracker for Next.js with tab navigation, price display, store labels, category badges, and staggered card animations using shadcn/ui Tabs and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","tabs"],"premium":true,"files":[{"path":"blocks/kanban/kanban-shopping-tracker.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-shopping-tracker.tsx"}]},{"name":"kanban-support-tickets","type":"registry:block","title":"Kanban Support Tickets","description":"React kanban support ticket tracker for Next.js with sidebar filters for priority, category, and SLA status, four-column ticket stages, and animated cards using shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/kanban/kanban-support-tickets.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-support-tickets.tsx"}]},{"name":"kanban-investment-tracker","type":"registry:block","title":"Kanban Investment Tracker","description":"React portfolio management kanban for Next.js with ultra-compact cards, HoverCard detail popups showing entry price, current value, return percentage, allocation, and investment thesis using shadcn/ui HoverCard and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","hover-card"],"premium":true,"files":[{"path":"blocks/kanban/kanban-investment-tracker.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-investment-tracker.tsx"}]},{"name":"kanban-story-mapping","type":"registry:block","title":"Kanban Story Mapping","description":"React user story mapping kanban for Next.js with four hierarchy columns, drag-and-drop reordering using @dnd-kit, parent breadcrumbs, and acceptance criteria counts built with shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/kanban/kanban-story-mapping.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-story-mapping.tsx"}]},{"name":"kanban-task-inbox","type":"registry:block","title":"Kanban Task Inbox","description":"React kanban task inbox for Next.js with circle checkbox icons, strikethrough on completed items, staggered entrance animations, and compact list layout using shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/kanban/kanban-task-inbox.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-task-inbox.tsx"}]},{"name":"kanban-project-planner","type":"registry:block","title":"Kanban Project Planner","description":"React split-panel kanban board for Next.js with three project columns and a detail panel showing task metadata, progress bars, and tags using shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/kanban/kanban-project-planner.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-project-planner.tsx"}]},{"name":"kanban-workflow-builder","type":"registry:block","title":"Kanban Workflow Builder","description":"React workflow automation kanban for Next.js with four stage columns, drag-and-drop step reordering using @dnd-kit, service icons, and connection indicators built with shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/kanban/kanban-workflow-builder.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-workflow-builder.tsx"}]},{"name":"kanban-maintenance-log","type":"registry:block","title":"Kanban Maintenance Log","description":"An equipment maintenance kanban board for React and Next.js with bulk selection via shadcn/ui Checkbox, maintenance type badges, priority indicators, and floating action bar built with Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","checkbox","select"],"premium":true,"files":[{"path":"blocks/kanban/kanban-maintenance-log.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-maintenance-log.tsx"}]},{"name":"kanban-prospect-manager","type":"registry:block","title":"Kanban Prospect Manager","description":"React sales prospect kanban for Next.js with ultra-compact cards, HoverCard detail popups showing company, role, last interaction, interest level, deal potential, and notes using shadcn/ui HoverCard and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","hover-card"],"premium":true,"files":[{"path":"blocks/kanban/kanban-prospect-manager.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-prospect-manager.tsx"}]},{"name":"kanban-dependency-board","type":"registry:block","title":"Kanban Dependency Board","description":"React kanban dependency management board for Next.js with shadcn/ui Command palette search by package name and version, breaking change indicators, and four-column update pipeline using Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","command","popover"],"premium":true,"files":[{"path":"blocks/kanban/kanban-dependency-board.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-dependency-board.tsx"}]},{"name":"kanban-meal-prep","type":"registry:block","title":"Kanban Meal Prep","description":"React kanban meal prep planner for Next.js with vertical accordion columns, meal type badges, prep times, serving counts, and staggered animations using shadcn/ui Accordion and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["accordion","badge"],"premium":true,"files":[{"path":"blocks/kanban/kanban-meal-prep.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-meal-prep.tsx"}]},{"name":"kanban-project-phases","type":"registry:block","title":"Kanban Project Phases","description":"React kanban project phases tracker for Next.js with vertical accordion columns, due dates, owner initials, completion percentage, and staggered animations using shadcn/ui Accordion and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["accordion","badge"],"premium":true,"files":[{"path":"blocks/kanban/kanban-project-phases.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-project-phases.tsx"}]},{"name":"kanban-opportunity-board","type":"registry:block","title":"Kanban Opportunity Board","description":"React business opportunity kanban for Next.js with ultra-compact cards, HoverCard detail popups showing market size, competition level, effort required, and potential revenue using shadcn/ui HoverCard and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","hover-card"],"premium":true,"files":[{"path":"blocks/kanban/kanban-opportunity-board.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-opportunity-board.tsx"}]},{"name":"kanban-cleanup-tasks","type":"registry:block","title":"Kanban Cleanup Tasks","description":"A code cleanup kanban board for React and Next.js with bulk selection via shadcn/ui Checkbox, floating action bar, file path display, and issue type badges built with Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","checkbox","select"],"premium":true,"files":[{"path":"blocks/kanban/kanban-cleanup-tasks.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-cleanup-tasks.tsx"}]},{"name":"kanban-theme-tracker","type":"registry:block","title":"Kanban Theme Tracker","description":"React kanban board for theme and styling changes with color-coded left-border cards by token type, 3-column workflow using shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge"],"premium":true,"files":[{"path":"blocks/kanban/kanban-theme-tracker.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-theme-tracker.tsx"}]},{"name":"kanban-audit-checklist","type":"registry:block","title":"Kanban Audit Checklist","description":"A security audit kanban board for React and Next.js with bulk selection via shadcn/ui Checkbox, CVSS scoring, severity indicators, and floating action bar built with Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","checkbox","select"],"premium":true,"files":[{"path":"blocks/kanban/kanban-audit-checklist.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-audit-checklist.tsx"}]},{"name":"kanban-habit-board","type":"registry:block","title":"Kanban Habit Board","description":"React kanban habit tracker board for Next.js with tab navigation, streak counters, frequency badges, category labels, and staggered card animations using shadcn/ui Tabs and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","tabs"],"premium":true,"files":[{"path":"blocks/kanban/kanban-habit-board.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-habit-board.tsx"}]},{"name":"kanban-student-tracker","type":"registry:block","title":"Kanban Student Tracker","description":"React dual-view student progress tracker kanban for Next.js with Switch toggle between board and table views using shadcn/ui Table, Switch, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","switch","table"],"premium":true,"files":[{"path":"blocks/kanban/kanban-student-tracker.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-student-tracker.tsx"}]},{"name":"kanban-card-sorting","type":"registry:block","title":"Kanban Card Sorting","description":"React UX card sorting kanban for Next.js with three sorting columns, drag-and-drop using @dnd-kit, category tags, and user vote counts built with shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/kanban/kanban-card-sorting.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-card-sorting.tsx"}]},{"name":"kanban-feature-requests","type":"registry:block","title":"Kanban Feature Requests","description":"React kanban feature request board for Next.js with expandable inline cards showing vote counts, requester info, implementation notes, and linked PRs using shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/kanban/kanban-feature-requests.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-feature-requests.tsx"}]},{"name":"kanban-inventory-flow","type":"registry:block","title":"Kanban Inventory Flow","description":"React split-panel inventory kanban for Next.js with order tracking columns, shipment details, SKU metadata, and supplier info using shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/kanban/kanban-inventory-flow.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-inventory-flow.tsx"}]},{"name":"kanban-creative-briefs","type":"registry:block","title":"Kanban Creative Briefs","description":"React kanban board for Next.js with creative brief workflow columns and a Sheet side panel showing brand details, objectives, target audience, assets, and feedback using shadcn/ui Sheet and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","sheet"],"premium":true,"files":[{"path":"blocks/kanban/kanban-creative-briefs.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-creative-briefs.tsx"}]},{"name":"kanban-deal-flow","type":"registry:block","title":"Kanban Deal Flow","description":"React investment deal tracking kanban for Next.js with ultra-compact cards, HoverCard detail popups showing sector, valuation, lead partner, key terms, and timeline using shadcn/ui HoverCard and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","hover-card"],"premium":true,"files":[{"path":"blocks/kanban/kanban-deal-flow.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-deal-flow.tsx"}]},{"name":"kanban-compliance-board","type":"registry:block","title":"Kanban Compliance Board","description":"A compliance requirements kanban board for React and Next.js with bulk selection via shadcn/ui Checkbox, regulation badges, due dates, and floating action bar built with Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","checkbox","select"],"premium":true,"files":[{"path":"blocks/kanban/kanban-compliance-board.tsx","type":"registry:block","target":"components/blocks/kanban/kanban-compliance-board.tsx"}]},{"name":"error-compact","type":"registry:block","title":"Error Compact","description":"Ultra-compact error card for embedding in dashboards and widgets","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/error/error-compact.tsx","type":"registry:block","target":"components/blocks/error/error-compact.tsx"}]},{"name":"error-403-forbidden","type":"registry:block","title":"Error 403 Forbidden","description":"A 403 access denied error page block for React and Next.js with permission messaging and recovery actions built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/error/error-403-forbidden.tsx","type":"registry:block","target":"components/blocks/error/error-403-forbidden.tsx"}]},{"name":"error-read-only","type":"registry:block","title":"Error Read Only","description":"Error page shown when a resource is in read-only mode","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","textarea"],"premium":true,"files":[{"path":"blocks/error/error-read-only.tsx","type":"registry:block","target":"components/blocks/error/error-read-only.tsx"}]},{"name":"error-form-validation","type":"registry:block","title":"Error Form Validation","description":"Form submission error summary showing field errors with icons and actionable fix button","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/error/error-form-validation.tsx","type":"registry:block","target":"components/blocks/error/error-form-validation.tsx"}]},{"name":"error-with-feedback","type":"registry:block","title":"Error With Feedback","description":"Error page with user feedback form to report what went wrong and what they were trying to do","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","textarea"],"premium":true,"files":[{"path":"blocks/error/error-with-feedback.tsx","type":"registry:block","target":"components/blocks/error/error-with-feedback.tsx"}]},{"name":"error-captcha-failed","type":"registry:block","title":"Error Captcha Failed","description":"Error page shown when CAPTCHA verification fails, prompting users to retry human verification","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/error/error-captcha-failed.tsx","type":"registry:block","target":"components/blocks/error/error-captcha-failed.tsx"}]},{"name":"error-deprecated","type":"registry:block","title":"Error Deprecated","description":"Deprecated endpoint or page with redirect information and countdown timer","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/error/error-deprecated.tsx","type":"registry:block","target":"components/blocks/error/error-deprecated.tsx"}]},{"name":"error-test-failed","type":"registry:block","title":"Error Test Failed","description":"Test suite failure error with results and fix suggestions","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/error/error-test-failed.tsx","type":"registry:block","target":"components/blocks/error/error-test-failed.tsx"}]},{"name":"error-print-failed","type":"registry:block","title":"Error Print Failed","description":"Print failed error with troubleshooting steps and PDF download alternative","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","checkbox"],"premium":true,"files":[{"path":"blocks/error/error-print-failed.tsx","type":"registry:block","target":"components/blocks/error/error-print-failed.tsx"}]},{"name":"error-age-restricted","type":"registry:block","title":"Error Age Restricted","description":"Age verification required page with date of birth input or confirmation button","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/error/error-age-restricted.tsx","type":"registry:block","target":"components/blocks/error/error-age-restricted.tsx"}]},{"name":"error-account-suspended","type":"registry:block","title":"Error Account Suspended","description":"Account suspension notice with warning icon, reason, appeal form link, and support contact","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/error/error-account-suspended.tsx","type":"registry:block","target":"components/blocks/error/error-account-suspended.tsx"}]},{"name":"error-connection-lost","type":"registry:block","title":"Error Connection Lost","description":"Real-time connection interrupted error with auto-retry countdown","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/error/error-connection-lost.tsx","type":"registry:block","target":"components/blocks/error/error-connection-lost.tsx"}]},{"name":"error-unsupported-format","type":"registry:block","title":"Error Unsupported Format","description":"File format not supported error with accepted formats badges and conversion tool link","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/error/error-unsupported-format.tsx","type":"registry:block","target":"components/blocks/error/error-unsupported-format.tsx"}]},{"name":"error-search-empty","type":"registry:block","title":"Error Search Empty","description":"Error page displayed when a search query returns no matching results with helpful suggestions and alternatives","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/error/error-search-empty.tsx","type":"registry:block","target":"components/blocks/error/error-search-empty.tsx"}]},{"name":"error-quota-exceeded","type":"registry:block","title":"Error Quota Exceeded","description":"Storage or usage quota exceeded error page with usage visualization and upgrade options","dependencies":["motion","lucide-react"],"registryDependencies":["button","progress"],"premium":true,"files":[{"path":"blocks/error/error-quota-exceeded.tsx","type":"registry:block","target":"components/blocks/error/error-quota-exceeded.tsx"}]},{"name":"error-invite-expired","type":"registry:block","title":"Error Invite Expired","description":"Expired invitation link error with clock icon and request new invite button","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/error/error-invite-expired.tsx","type":"registry:block","target":"components/blocks/error/error-invite-expired.tsx"}]},{"name":"error-404-illustration","type":"registry:block","title":"Error 404 Illustration","description":"An illustrated 404 error page block for React and Next.js with placeholder visual area and dual action buttons built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/error/error-404-illustration.tsx","type":"registry:block","target":"components/blocks/error/error-404-illustration.tsx"}]},{"name":"error-with-countdown","type":"registry:block","title":"Error With Countdown","description":"Error page with animated countdown timer and redirect cancellation","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/error/error-with-countdown.tsx","type":"registry:block","target":"components/blocks/error/error-with-countdown.tsx"}]},{"name":"error-project-empty","type":"registry:block","title":"Error Project Empty","description":"Empty workspace state with project creation and import options","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/error/error-project-empty.tsx","type":"registry:block","target":"components/blocks/error/error-project-empty.tsx"}]},{"name":"error-upload-interrupted","type":"registry:block","title":"Error Upload Interrupted","description":"Upload interrupted error with resume functionality and progress indicator","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/error/error-upload-interrupted.tsx","type":"registry:block","target":"components/blocks/error/error-upload-interrupted.tsx"}]},{"name":"error-404-animated","type":"registry:block","title":"Error 404 Animated","description":"An animated 404 error page block for React and Next.js with playful spring bounce effects built with shadcn/ui, Tailwind CSS, and Framer Motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/error/error-404-animated.tsx","type":"registry:block","target":"components/blocks/error/error-404-animated.tsx"}]},{"name":"error-dark-404","type":"registry:block","title":"Error Dark 404","description":"Elegant dark-themed 404 error page with modern aesthetics","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/error/error-dark-404.tsx","type":"registry:block","target":"components/blocks/error/error-dark-404.tsx"}]},{"name":"error-api-key-missing","type":"registry:block","title":"Error Api Key Missing","description":"Missing API key error with configuration instructions","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/error/error-api-key-missing.tsx","type":"registry:block","target":"components/blocks/error/error-api-key-missing.tsx"}]},{"name":"error-500-maintenance","type":"registry:block","title":"Error 500 Maintenance","description":"A planned maintenance page block for React and Next.js with downtime estimate and progress indicator built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","date-fns","lucide-react"],"registryDependencies":["button","progress"],"premium":true,"files":[{"path":"blocks/error/error-500-maintenance.tsx","type":"registry:block","target":"components/blocks/error/error-500-maintenance.tsx"}]},{"name":"error-database-connection","type":"registry:block","title":"Error Database Connection","description":"Technical error page for database connectivity failures with retry logic","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/error/error-database-connection.tsx","type":"registry:block","target":"components/blocks/error/error-database-connection.tsx"}]},{"name":"error-beta-ended","type":"registry:block","title":"Error Beta Ended","description":"Error page shown when a beta program has concluded","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/error/error-beta-ended.tsx","type":"registry:block","target":"components/blocks/error/error-beta-ended.tsx"}]},{"name":"error-with-status","type":"registry:block","title":"Error With Status","description":"Error page showing real-time system status for multiple services","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/error/error-with-status.tsx","type":"registry:block","target":"components/blocks/error/error-with-status.tsx"}]},{"name":"error-comment-disabled","type":"registry:block","title":"Error Comment Disabled","description":"Error page shown when users try to comment on content that has commenting disabled","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/error/error-comment-disabled.tsx","type":"registry:block","target":"components/blocks/error/error-comment-disabled.tsx"}]},{"name":"error-download-failed","type":"registry:block","title":"Error Download Failed","description":"Download failed error with retry options and alternative download methods","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/error/error-download-failed.tsx","type":"registry:block","target":"components/blocks/error/error-download-failed.tsx"}]},{"name":"error-link-expired","type":"registry:block","title":"Error Link Expired","description":"Generic expired link error for password resets, magic links, or verification links with request new link button","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/error/error-link-expired.tsx","type":"registry:block","target":"components/blocks/error/error-link-expired.tsx"}]},{"name":"error-cart-empty","type":"registry:block","title":"Error Cart Empty","description":"Error page displayed when users view an empty shopping cart with suggestions to continue shopping","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/error/error-cart-empty.tsx","type":"registry:block","target":"components/blocks/error/error-cart-empty.tsx"}]},{"name":"error-with-steps","type":"registry:block","title":"Error With Steps","description":"Error page with numbered troubleshooting steps and progress tracking","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","checkbox"],"premium":true,"files":[{"path":"blocks/error/error-with-steps.tsx","type":"registry:block","target":"components/blocks/error/error-with-steps.tsx"}]},{"name":"error-ecommerce-oos","type":"registry:block","title":"Error Ecommerce Oos","description":"Product unavailable page with email notification signup and similar product recommendations","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/error/error-ecommerce-oos.tsx","type":"registry:block","target":"components/blocks/error/error-ecommerce-oos.tsx"}]},{"name":"error-account-deleted","type":"registry:block","title":"Error Account Deleted","description":"Deleted account notice with recovery window information and create new account option","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/error/error-account-deleted.tsx","type":"registry:block","target":"components/blocks/error/error-account-deleted.tsx"}]},{"name":"error-booking-unavailable","type":"registry:block","title":"Error Booking Unavailable","description":"Booking slot unavailable page with alternative time suggestions and waitlist signup","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/error/error-booking-unavailable.tsx","type":"registry:block","target":"components/blocks/error/error-booking-unavailable.tsx"}]},{"name":"error-data-not-found","type":"registry:block","title":"Error Data Not Found","description":"Specific resource not found error with item ID, search alternative, and navigation options","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/error/error-data-not-found.tsx","type":"registry:block","target":"components/blocks/error/error-data-not-found.tsx"}]},{"name":"error-offline","type":"registry:block","title":"Error Offline","description":"No internet connection error page with connection checker and retry functionality","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/error/error-offline.tsx","type":"registry:block","target":"components/blocks/error/error-offline.tsx"}]},{"name":"error-inbox-empty","type":"registry:block","title":"Error Inbox Empty","description":"Empty inbox state with notification setup suggestions","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/error/error-inbox-empty.tsx","type":"registry:block","target":"components/blocks/error/error-inbox-empty.tsx"}]},{"name":"error-timeout","type":"registry:block","title":"Error Timeout","description":"A timeout error page with countdown timer and retry functionality","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/error/error-timeout.tsx","type":"registry:block","target":"components/blocks/error/error-timeout.tsx"}]},{"name":"error-deploy-rollback","type":"registry:block","title":"Error Deploy Rollback","description":"Deployment rollback notification with incident details","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/error/error-deploy-rollback.tsx","type":"registry:block","target":"components/blocks/error/error-deploy-rollback.tsx"}]},{"name":"error-401-unauthorized","type":"registry:block","title":"Error 401 Unauthorized","description":"A 401 unauthorized error page block for React and Next.js with authentication prompts and social sign-in built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/error/error-401-unauthorized.tsx","type":"registry:block","target":"components/blocks/error/error-401-unauthorized.tsx"}]},{"name":"error-camera-denied","type":"registry:block","title":"Error Camera Denied","description":"Camera and microphone permission denied error with detailed setup instructions","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/error/error-camera-denied.tsx","type":"registry:block","target":"components/blocks/error/error-camera-denied.tsx"}]},{"name":"error-version-mismatch","type":"registry:block","title":"Error Version Mismatch","description":"Error page shown when the client app version is outdated and requires an update","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/error/error-version-mismatch.tsx","type":"registry:block","target":"components/blocks/error/error-version-mismatch.tsx"}]},{"name":"error-session-expired","type":"registry:block","title":"Error Session Expired","description":"Session expired error page with sign in options and remember me functionality","dependencies":["motion","lucide-react"],"registryDependencies":["button","checkbox"],"premium":true,"files":[{"path":"blocks/error/error-session-expired.tsx","type":"registry:block","target":"components/blocks/error/error-session-expired.tsx"}]},{"name":"error-cors","type":"registry:block","title":"Error Cors","description":"Developer-focused CORS error page with code block, fix suggestions, and API documentation link","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/error/error-cors.tsx","type":"registry:block","target":"components/blocks/error/error-cors.tsx"}]},{"name":"error-ip-blocked","type":"registry:block","title":"Error Ip Blocked","description":"Security error page for blocked IP addresses with whitelist request options","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","textarea"],"premium":true,"files":[{"path":"blocks/error/error-ip-blocked.tsx","type":"registry:block","target":"components/blocks/error/error-ip-blocked.tsx"}]},{"name":"error-feature-flag","type":"registry:block","title":"Error Feature Flag","description":"Error page for features behind feature flags or in development","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/error/error-feature-flag.tsx","type":"registry:block","target":"components/blocks/error/error-feature-flag.tsx"}]},{"name":"error-under-construction","type":"registry:block","title":"Error Under Construction","description":"Page under construction with completion timeline and notification signup","dependencies":["motion","lucide-react"],"registryDependencies":["button","input","progress"],"premium":true,"files":[{"path":"blocks/error/error-under-construction.tsx","type":"registry:block","target":"components/blocks/error/error-under-construction.tsx"}]},{"name":"error-403-subscription","type":"registry:block","title":"Error 403 Subscription","description":"A 403 subscription paywall error page block for React and Next.js with plan comparison and upgrade CTA built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/error/error-403-subscription.tsx","type":"registry:block","target":"components/blocks/error/error-403-subscription.tsx"}]},{"name":"error-ssl-certificate","type":"registry:block","title":"Error Ssl Certificate","description":"Security warning page for SSL certificate validation failures","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/error/error-ssl-certificate.tsx","type":"registry:block","target":"components/blocks/error/error-ssl-certificate.tsx"}]},{"name":"error-filter-empty","type":"registry:block","title":"Error Filter Empty","description":"Error page shown when applied filters return no matching items with active filter display and quick reset options","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/error/error-filter-empty.tsx","type":"registry:block","target":"components/blocks/error/error-filter-empty.tsx"}]},{"name":"error-migration-failed","type":"registry:block","title":"Error Migration Failed","description":"Database migration failure error with rollback options","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/error/error-migration-failed.tsx","type":"registry:block","target":"components/blocks/error/error-migration-failed.tsx"}]},{"name":"error-dark-500","type":"registry:block","title":"Error Dark 500","description":"Dark-themed server error page with retry and status options","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/error/error-dark-500.tsx","type":"registry:block","target":"components/blocks/error/error-dark-500.tsx"}]},{"name":"error-json-ld","type":"registry:block","title":"Error Json Ld","description":"SEO-optimized error page with structured data markup for better search engine understanding","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/error/error-json-ld.tsx","type":"registry:block","target":"components/blocks/error/error-json-ld.tsx"}]},{"name":"error-email-not-verified","type":"registry:block","title":"Error Email Not Verified","description":"Error page prompting users to verify their email address before accessing protected features","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/error/error-email-not-verified.tsx","type":"registry:block","target":"components/blocks/error/error-email-not-verified.tsx"}]},{"name":"error-seats-full","type":"registry:block","title":"Error Seats Full","description":"Error page shown when a team has reached its maximum seat capacity","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/error/error-seats-full.tsx","type":"registry:block","target":"components/blocks/error/error-seats-full.tsx"}]},{"name":"error-trial-expired","type":"registry:block","title":"Error Trial Expired","description":"Error page shown when a user's free trial period has ended","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/error/error-trial-expired.tsx","type":"registry:block","target":"components/blocks/error/error-trial-expired.tsx"}]},{"name":"error-phone-not-verified","type":"registry:block","title":"Error Phone Not Verified","description":"Error page prompting users to verify their phone number via SMS code before accessing protected features","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/error/error-phone-not-verified.tsx","type":"registry:block","target":"components/blocks/error/error-phone-not-verified.tsx"}]},{"name":"error-404-split","type":"registry:block","title":"Error 404 Split","description":"A split-panel 404 error page block for React and Next.js with error info and popular links side by side built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/error/error-404-split.tsx","type":"registry:block","target":"components/blocks/error/error-404-split.tsx"}]},{"name":"error-team-empty","type":"registry:block","title":"Error Team Empty","description":"Empty team state with member invitation options","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/error/error-team-empty.tsx","type":"registry:block","target":"components/blocks/error/error-team-empty.tsx"}]},{"name":"error-rate-limit","type":"registry:block","title":"Error Rate Limit","description":"A 429 Too Many Requests error page with usage meter and wait time estimate","dependencies":["motion","lucide-react"],"registryDependencies":["button","progress"],"premium":true,"files":[{"path":"blocks/error/error-rate-limit.tsx","type":"registry:block","target":"components/blocks/error/error-rate-limit.tsx"}]},{"name":"error-toast-style","type":"registry:block","title":"Error Toast Style","description":"Error notifications styled as dismissible toast cards with auto-retry","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/error/error-toast-style.tsx","type":"registry:block","target":"components/blocks/error/error-toast-style.tsx"}]},{"name":"error-microservice-down","type":"registry:block","title":"Error Microservice Down","description":"Technical error page showing specific microservice failures with degraded mode information","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/error/error-microservice-down.tsx","type":"registry:block","target":"components/blocks/error/error-microservice-down.tsx"}]},{"name":"error-two-factor-required","type":"registry:block","title":"Error Two Factor Required","description":"Error page requiring additional 2FA verification to proceed","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/error/error-two-factor-required.tsx","type":"registry:block","target":"components/blocks/error/error-two-factor-required.tsx"}]},{"name":"error-wishlist-empty","type":"registry:block","title":"Error Wishlist Empty","description":"Error page shown when users view an empty wishlist or favorites list with recommendations to discover products","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/error/error-wishlist-empty.tsx","type":"registry:block","target":"components/blocks/error/error-wishlist-empty.tsx"}]},{"name":"error-token-invalid","type":"registry:block","title":"Error Token Invalid","description":"Security error page for invalid or malformed authentication tokens","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/error/error-token-invalid.tsx","type":"registry:block","target":"components/blocks/error/error-token-invalid.tsx"}]},{"name":"error-webhook-failed","type":"registry:block","title":"Error Webhook Failed","description":"Technical error page for webhook delivery failures with payload inspection and retry options","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/error/error-webhook-failed.tsx","type":"registry:block","target":"components/blocks/error/error-webhook-failed.tsx"}]},{"name":"error-storage-full","type":"registry:block","title":"Error Storage Full","description":"Browser or device storage full error with cleanup instructions","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/error/error-storage-full.tsx","type":"registry:block","target":"components/blocks/error/error-storage-full.tsx"}]},{"name":"error-with-alternatives","type":"registry:block","title":"Error With Alternatives","description":"Error page that suggests relevant alternative pages the user might be looking for","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/error/error-with-alternatives.tsx","type":"registry:block","target":"components/blocks/error/error-with-alternatives.tsx"}]},{"name":"error-with-support","type":"registry:block","title":"Error With Support","description":"Error page with integrated support chat widget and ticket system","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","textarea"],"premium":true,"files":[{"path":"blocks/error/error-with-support.tsx","type":"registry:block","target":"components/blocks/error/error-with-support.tsx"}]},{"name":"error-dns-resolution","type":"registry:block","title":"Error Dns Resolution","description":"Network error page for DNS lookup failures with troubleshooting steps","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/error/error-dns-resolution.tsx","type":"registry:block","target":"components/blocks/error/error-dns-resolution.tsx"}]},{"name":"error-country-restricted","type":"registry:block","title":"Error Country Restricted","description":"Service not available in user's country with available regions list and expansion waitlist","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/error/error-country-restricted.tsx","type":"registry:block","target":"components/blocks/error/error-country-restricted.tsx"}]},{"name":"error-file-too-large","type":"registry:block","title":"Error File Too Large","description":"Upload file size exceeded error showing max size, current file, compression tips, and upgrade option","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/error/error-file-too-large.tsx","type":"registry:block","target":"components/blocks/error/error-file-too-large.tsx"}]},{"name":"error-export-failed","type":"registry:block","title":"Error Export Failed","description":"Error page for data export failures with partial download options and retry mechanisms","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/error/error-export-failed.tsx","type":"registry:block","target":"components/blocks/error/error-export-failed.tsx"}]},{"name":"error-config-invalid","type":"registry:block","title":"Error Config Invalid","description":"Invalid configuration error with validation details","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/error/error-config-invalid.tsx","type":"registry:block","target":"components/blocks/error/error-config-invalid.tsx"}]},{"name":"error-404-minimal","type":"registry:block","title":"Error 404 Minimal","description":"A minimal 404 error page block for React and Next.js with clean typography and simple navigation built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/error/error-404-minimal.tsx","type":"registry:block","target":"components/blocks/error/error-404-minimal.tsx"}]},{"name":"error-with-search-results","type":"registry:block","title":"Error With Search Results","description":"404 page that automatically searches based on the failed URL and shows best-guess results","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/error/error-with-search-results.tsx","type":"registry:block","target":"components/blocks/error/error-with-search-results.tsx"}]},{"name":"error-404-search","type":"registry:block","title":"Error 404 Search","description":"A 404 error page block for React and Next.js with integrated search input and suggested links built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/error/error-404-search.tsx","type":"registry:block","target":"components/blocks/error/error-404-search.tsx"}]},{"name":"error-with-history","type":"registry:block","title":"Error With History","description":"Error page that shows where the user came from and provides smart navigation options based on their history","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/error/error-with-history.tsx","type":"registry:block","target":"components/blocks/error/error-with-history.tsx"}]},{"name":"error-browser-unsupported","type":"registry:block","title":"Error Browser Unsupported","description":"Unsupported browser error page listing supported browsers with download links","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/error/error-browser-unsupported.tsx","type":"registry:block","target":"components/blocks/error/error-browser-unsupported.tsx"}]},{"name":"error-scheduled-downtime","type":"registry:block","title":"Error Scheduled Downtime","description":"Error page shown during scheduled maintenance windows","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/error/error-scheduled-downtime.tsx","type":"registry:block","target":"components/blocks/error/error-scheduled-downtime.tsx"}]},{"name":"error-dependency-missing","type":"registry:block","title":"Error Dependency Missing","description":"Missing package dependency error with installation commands","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","tabs"],"premium":true,"files":[{"path":"blocks/error/error-dependency-missing.tsx","type":"registry:block","target":"components/blocks/error/error-dependency-missing.tsx"}]},{"name":"error-payment-failed","type":"registry:block","title":"Error Payment Failed","description":"Payment failed error page with retry options and alternative payment methods","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/error/error-payment-failed.tsx","type":"registry:block","target":"components/blocks/error/error-payment-failed.tsx"}]},{"name":"error-notification-denied","type":"registry:block","title":"Error Notification Denied","description":"Push notification permission denied with email fallback option","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/error/error-notification-denied.tsx","type":"registry:block","target":"components/blocks/error/error-notification-denied.tsx"}]},{"name":"error-import-failed","type":"registry:block","title":"Error Import Failed","description":"Error page for CSV/data import failures with row-level error details and fix options","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/error/error-import-failed.tsx","type":"registry:block","target":"components/blocks/error/error-import-failed.tsx"}]},{"name":"error-sync-conflict","type":"registry:block","title":"Error Sync Conflict","description":"Error page for data sync conflicts with side-by-side version comparison and resolution options","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/error/error-sync-conflict.tsx","type":"registry:block","target":"components/blocks/error/error-sync-conflict.tsx"}]},{"name":"error-region-migration","type":"registry:block","title":"Error Region Migration","description":"Error page shown during data center region migration","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/error/error-region-migration.tsx","type":"registry:block","target":"components/blocks/error/error-region-migration.tsx"}]},{"name":"error-500-server","type":"registry:block","title":"Error 500 Server","description":"A 500 internal server error page block for React and Next.js with status indicator and retry actions built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/error/error-500-server.tsx","type":"registry:block","target":"components/blocks/error/error-500-server.tsx"}]},{"name":"error-banner-style","type":"registry:block","title":"Error Banner Style","description":"Full-width error banner with dismiss and action buttons","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/error/error-banner-style.tsx","type":"registry:block","target":"components/blocks/error/error-banner-style.tsx"}]},{"name":"error-permission-denied","type":"registry:block","title":"Error Permission Denied","description":"Error page shown when a user lacks required permissions to access a resource or perform an action","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/error/error-permission-denied.tsx","type":"registry:block","target":"components/blocks/error/error-permission-denied.tsx"}]},{"name":"error-content-removed","type":"registry:block","title":"Error Content Removed","description":"Error page displayed when content has been removed for violating community guidelines or terms of service","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/error/error-content-removed.tsx","type":"registry:block","target":"components/blocks/error/error-content-removed.tsx"}]},{"name":"error-coupon-invalid","type":"registry:block","title":"Error Coupon Invalid","description":"Invalid promo code page explaining why the code didn't work and showing active promotions","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/error/error-coupon-invalid.tsx","type":"registry:block","target":"components/blocks/error/error-coupon-invalid.tsx"}]},{"name":"error-api-down","type":"registry:block","title":"Error Api Down","description":"Service status page showing multiple API service indicators, status page link, and subscription option for updates","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/error/error-api-down.tsx","type":"registry:block","target":"components/blocks/error/error-api-down.tsx"}]},{"name":"error-geo-blocked","type":"registry:block","title":"Error Geo Blocked","description":"Region-restricted content error page with location info and support contact","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/error/error-geo-blocked.tsx","type":"registry:block","target":"components/blocks/error/error-geo-blocked.tsx"}]},{"name":"error-build-failed","type":"registry:block","title":"Error Build Failed","description":"Build or deployment failure error with logs and fixes","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/error/error-build-failed.tsx","type":"registry:block","target":"components/blocks/error/error-build-failed.tsx"}]},{"name":"error-cookie-disabled","type":"registry:block","title":"Error Cookie Disabled","description":"Cookies disabled error with browser-specific enable instructions","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/error/error-cookie-disabled.tsx","type":"registry:block","target":"components/blocks/error/error-cookie-disabled.tsx"}]},{"name":"error-archived","type":"registry:block","title":"Error Archived","description":"Error page shown when content has been archived","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/error/error-archived.tsx","type":"registry:block","target":"components/blocks/error/error-archived.tsx"}]},{"name":"error-location-denied","type":"registry:block","title":"Error Location Denied","description":"Location permission denied error with manual location entry fallback","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/error/error-location-denied.tsx","type":"registry:block","target":"components/blocks/error/error-location-denied.tsx"}]},{"name":"error-clipboard-denied","type":"registry:block","title":"Error Clipboard Denied","description":"Clipboard permission denied error with manual copy instructions","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/error/error-clipboard-denied.tsx","type":"registry:block","target":"components/blocks/error/error-clipboard-denied.tsx"}]},{"name":"error-with-logs","type":"registry:block","title":"Error With Logs","description":"Error page with expandable debug logs and error reporting","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/error/error-with-logs.tsx","type":"registry:block","target":"components/blocks/error/error-with-logs.tsx"}]},{"name":"faq-onboarding","type":"registry:block","title":"Faq Onboarding","description":"A numbered step-by-step FAQ accordion block for React and Next.js with hero-scale headline cluster, sequential step indicators, smooth disclosure transitions, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/faq/faq-onboarding.tsx","type":"registry:block","target":"components/blocks/faq/faq-onboarding.tsx"}]},{"name":"faq-with-schema","type":"registry:block","title":"Faq With Schema","description":"A marketing-scale FAQ block for React and Next.js with embedded JSON-LD FAQPage schema, copy-to-clipboard, single-item expand, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/faq/faq-with-schema.tsx","type":"registry:block","target":"components/blocks/faq/faq-with-schema.tsx"}]},{"name":"faq-timeline","type":"registry:block","title":"Faq Timeline","description":"A vertical timeline FAQ block for React and Next.js with version-history rail, dot indicators, and per-version expandable answers built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/faq/faq-timeline.tsx","type":"registry:block","target":"components/blocks/faq/faq-timeline.tsx"}]},{"name":"faq-keyboard-nav","type":"registry:block","title":"Faq Keyboard Nav","description":"A keyboard-first FAQ accordion block for React and Next.js with ArrowUp, ArrowDown, Home, and End navigation, visible focus rings, shortcut hints, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/faq/faq-keyboard-nav.tsx","type":"registry:block","target":"components/blocks/faq/faq-keyboard-nav.tsx"}]},{"name":"faq-minimal","type":"registry:block","title":"Faq Minimal","description":"A marketing-scale FAQ minimal type-forward block for React and Next.js with no card chrome, generous whitespace, all answers visible at once, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/faq/faq-minimal.tsx","type":"registry:block","target":"components/blocks/faq/faq-minimal.tsx"}]},{"name":"faq-newsletter","type":"registry:block","title":"Faq Newsletter","description":"A marketing FAQ accordion block for React and Next.js with an embedded newsletter subscribe input, success state, and validated email capture built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["input"],"premium":true,"files":[{"path":"blocks/faq/faq-newsletter.tsx","type":"registry:block","target":"components/blocks/faq/faq-newsletter.tsx"}]},{"name":"faq-enterprise","type":"registry:block","title":"Faq Enterprise","description":"A marketing-scale tagged accordion FAQ block for React and Next.js with per-item tag chips, single-item expand, smooth height transitions, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/faq/faq-enterprise.tsx","type":"registry:block","target":"components/blocks/faq/faq-enterprise.tsx"}]},{"name":"faq-hiring","type":"registry:block","title":"Faq Hiring","description":"A marketing-scale tagged FAQ accordion block for React and Next.js with single-item expand, inline tag chips per question, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/faq/faq-hiring.tsx","type":"registry:block","target":"components/blocks/faq/faq-hiring.tsx"}]},{"name":"faq-toggle-all","type":"registry:block","title":"Faq Toggle All","description":"An accordion FAQ block for React and Next.js with expand-all and collapse-all controls, set-based state, and smooth height transitions built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/faq/faq-toggle-all.tsx","type":"registry:block","target":"components/blocks/faq/faq-toggle-all.tsx"}]},{"name":"faq-dark","type":"registry:block","title":"Faq Dark","description":"A dark-inset FAQ accordion block for React and Next.js with an inverted panel, single-expand disclosure, smooth height transitions, and a marketing headline cluster built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/faq/faq-dark.tsx","type":"registry:block","target":"components/blocks/faq/faq-dark.tsx"}]},{"name":"faq-command-palette","type":"registry:block","title":"Faq Command Palette","description":"A keyboard-first command palette FAQ block for React and Next.js with Cmd+K trigger, fuzzy search, instant filtering, and a marketing headline cluster built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button","command","dialog"],"premium":true,"files":[{"path":"blocks/faq/faq-command-palette.tsx","type":"registry:block","target":"components/blocks/faq/faq-command-palette.tsx"}]},{"name":"faq-nonprofit","type":"registry:block","title":"Faq Nonprofit","description":"A marketing FAQ accordion block for React and Next.js with category labels, inline trust badges, smooth height transitions, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/faq/faq-nonprofit.tsx","type":"registry:block","target":"components/blocks/faq/faq-nonprofit.tsx"}]},{"name":"faq-two-column","type":"registry:block","title":"Faq Two Column","description":"A two-column FAQ card grid for React and Next.js with side-by-side question cards, responsive collapse, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/faq/faq-two-column.tsx","type":"registry:block","target":"components/blocks/faq/faq-two-column.tsx"}]},{"name":"faq-event","type":"registry:block","title":"Faq Event","description":"A marketing-scale accordion FAQ block for React and Next.js with per-item lucide icons, optional highlight chips, smooth height transitions, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/faq/faq-event.tsx","type":"registry:block","target":"components/blocks/faq/faq-event.tsx"}]},{"name":"faq-wizard","type":"registry:block","title":"Faq Wizard","description":"A marketing-scale step-by-step FAQ wizard for React and Next.js with progress indicator, current-step state, animated transitions between steps, and a ShadcnioButton Previous/Next control pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/faq/faq-wizard.tsx","type":"registry:block","target":"components/blocks/faq/faq-wizard.tsx"}]},{"name":"faq-with-links","type":"registry:block","title":"Faq With Links","description":"A marketing-scale FAQ accordion with related documentation links beneath each answer for React and Next.js, built with shadcn/ui, motion/react, and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/faq/faq-with-links.tsx","type":"registry:block","target":"components/blocks/faq/faq-with-links.tsx"}]},{"name":"faq-split-view","type":"registry:block","title":"Faq Split View","description":"A master-detail FAQ block for React and Next.js with question list on the left and full answer panel on the right, hero-scale headline cluster, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/faq/faq-split-view.tsx","type":"registry:block","target":"components/blocks/faq/faq-split-view.tsx"}]},{"name":"faq-with-last-updated","type":"registry:block","title":"Faq With Last Updated","description":"A marketing-scale FAQ accordion with a static last-updated timestamp on every answer for React and Next.js, built with shadcn/ui, motion/react, and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/faq/faq-with-last-updated.tsx","type":"registry:block","target":"components/blocks/faq/faq-with-last-updated.tsx"}]},{"name":"faq-with-testimonial","type":"registry:block","title":"Faq With Testimonial","description":"A marketing-scale FAQ block for React and Next.js with a featured customer quote panel, single-expand accordion, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/faq/faq-with-testimonial.tsx","type":"registry:block","target":"components/blocks/faq/faq-with-testimonial.tsx"}]},{"name":"faq-floating-search","type":"registry:block","title":"Faq Floating Search","description":"A category chip filter FAQ block for React and Next.js with click-to-filter chips, single-expand accordion, smooth height transitions, and a marketing headline cluster built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/faq/faq-floating-search.tsx","type":"registry:block","target":"components/blocks/faq/faq-floating-search.tsx"}]},{"name":"faq-with-changelog","type":"registry:block","title":"Faq With Changelog","description":"A marketing-scale FAQ accordion block for React and Next.js with last-updated freshness badges, single-item expand, semantic time elements, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","date-fns","lucide-react"],"premium":true,"files":[{"path":"blocks/faq/faq-with-changelog.tsx","type":"registry:block","target":"components/blocks/faq/faq-with-changelog.tsx"}]},{"name":"faq-expandable-sections","type":"registry:block","title":"Faq Expandable Sections","description":"A nested expandable sections FAQ block for React and Next.js with two-level disclosure groups, category counts, smooth height transitions, and a marketing headline cluster built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/faq/faq-expandable-sections.tsx","type":"registry:block","target":"components/blocks/faq/faq-expandable-sections.tsx"}]},{"name":"faq-with-video","type":"registry:block","title":"Faq With Video","description":"A marketing-scale FAQ block for React and Next.js with featured video thumbnail answers, play button overlays, single-expand accordion, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/faq/faq-with-video.tsx","type":"registry:block","target":"components/blocks/faq/faq-with-video.tsx"}]},{"name":"faq-multi-select","type":"registry:block","title":"Faq Multi Select","description":"A multi-select FAQ accordion block for React and Next.js where multiple items expand simultaneously with category tabs, smooth height transitions, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/faq/faq-multi-select.tsx","type":"registry:block","target":"components/blocks/faq/faq-multi-select.tsx"}]},{"name":"faq-with-images","type":"registry:block","title":"Faq With Images","description":"A marketing-scale FAQ accordion with an illustration panel beside every answer for React and Next.js, built with shadcn/ui, motion/react, and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/faq/faq-with-images.tsx","type":"registry:block","target":"components/blocks/faq/faq-with-images.tsx"}]},{"name":"faq-with-related","type":"registry:block","title":"Faq With Related","description":"A marketing-scale FAQ block for React and Next.js with related question links inside each answer, smooth jump-to-question navigation, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/faq/faq-with-related.tsx","type":"registry:block","target":"components/blocks/faq/faq-with-related.tsx"}]},{"name":"faq-with-badge-count","type":"registry:block","title":"Faq With Badge Count","description":"A marketing-scale FAQ accordion block for React and Next.js with view-count popularity badges per question, single-item expand, chevron rotation, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/faq/faq-with-badge-count.tsx","type":"registry:block","target":"components/blocks/faq/faq-with-badge-count.tsx"}]},{"name":"faq-expandable-cards","type":"registry:block","title":"Faq Expandable Cards","description":"A marketing-scale expandable card grid FAQ block for React and Next.js with bordered cards, hover lift, single-card expand, smooth height transitions, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/faq/faq-expandable-cards.tsx","type":"registry:block","target":"components/blocks/faq/faq-expandable-cards.tsx"}]},{"name":"faq-with-icons","type":"registry:block","title":"Faq With Icons","description":"A marketing-scale FAQ accordion with category lucide icons prefixed to each question for React and Next.js, built with shadcn/ui, motion/react, and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/faq/faq-with-icons.tsx","type":"registry:block","target":"components/blocks/faq/faq-with-icons.tsx"}]},{"name":"faq-with-preview","type":"registry:block","title":"Faq With Preview","description":"A marketing-scale FAQ block for React and Next.js with hover-triggered popover answer previews, smooth motion enter/exit, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/faq/faq-with-preview.tsx","type":"registry:block","target":"components/blocks/faq/faq-with-preview.tsx"}]},{"name":"faq-with-feedback","type":"registry:block","title":"Faq With Feedback","description":"A marketing-scale FAQ accordion with thumbs up and down feedback voting per answer for React and Next.js, built with shadcn/ui, motion/react, and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/faq/faq-with-feedback.tsx","type":"registry:block","target":"components/blocks/faq/faq-with-feedback.tsx"}]},{"name":"faq-sortable","type":"registry:block","title":"Faq Sortable","description":"A category-filtered FAQ block for React and Next.js with subtle pill group filters, single-item expand accordion, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/faq/faq-sortable.tsx","type":"registry:block","target":"components/blocks/faq/faq-sortable.tsx"}]},{"name":"faq-search","type":"registry:block","title":"Faq Search","description":"A searchable FAQ block for React and Next.js with marketing-scale search input, real-time question and answer filtering, result count, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["input"],"premium":true,"files":[{"path":"blocks/faq/faq-search.tsx","type":"registry:block","target":"components/blocks/faq/faq-search.tsx"}]},{"name":"faq-infinite-scroll","type":"registry:block","title":"Faq Infinite Scroll","description":"A marketing-scale paginated load-more FAQ block for React and Next.js with progressive reveal in batches, scroll-triggered fade-in, single-item expand, and a ShadcnioButton load-more control built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/faq/faq-infinite-scroll.tsx","type":"registry:block","target":"components/blocks/faq/faq-infinite-scroll.tsx"}]},{"name":"faq-multi-language","type":"registry:block","title":"Faq Multi Language","description":"A multilingual FAQ accordion block for React and Next.js with language switcher chips, translated content, smooth transitions, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/faq/faq-multi-language.tsx","type":"registry:block","target":"components/blocks/faq/faq-multi-language.tsx"}]},{"name":"faq-card-grid","type":"registry:block","title":"Faq Card Grid","description":"A marketing-scale two-column card grid FAQ block for React and Next.js with bordered cards, smooth expand/collapse, accessible disclosure markup, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/faq/faq-card-grid.tsx","type":"registry:block","target":"components/blocks/faq/faq-card-grid.tsx"}]},{"name":"faq-mobile-app","type":"registry:block","title":"Faq Mobile App","description":"A marketing-scale FAQ mobile-app download block for React and Next.js with single-expand accordion, platform tags, semantic disclosure markup, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/faq/faq-mobile-app.tsx","type":"registry:block","target":"components/blocks/faq/faq-mobile-app.tsx"}]},{"name":"faq-travel","type":"registry:block","title":"Faq Travel","description":"A category-tabbed FAQ block for React and Next.js with horizontal tab navigation, animated panel transitions, count badges, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/faq/faq-travel.tsx","type":"registry:block","target":"components/blocks/faq/faq-travel.tsx"}]},{"name":"faq-highlighted","type":"registry:block","title":"Faq Highlighted","description":"A marketing-scale FAQ block for React and Next.js with one prominently highlighted featured question above a standard accordion, keyword highlighting in answers, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/faq/faq-highlighted.tsx","type":"registry:block","target":"components/blocks/faq/faq-highlighted.tsx"}]},{"name":"faq-with-share","type":"registry:block","title":"Faq With Share","description":"A marketing-scale FAQ block for React and Next.js with per-question share buttons for copy link, X, and LinkedIn, single-item expand, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/faq/faq-with-share.tsx","type":"registry:block","target":"components/blocks/faq/faq-with-share.tsx"}]},{"name":"faq-with-contact","type":"registry:block","title":"Faq With Contact","description":"A marketing-scale FAQ accordion block for React and Next.js with a contact panel beneath the accordion offering email and live chat options, single-item expand, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/faq/faq-with-contact.tsx","type":"registry:block","target":"components/blocks/faq/faq-with-contact.tsx"}]},{"name":"faq-pricing-plans","type":"registry:block","title":"Faq Pricing Plans","description":"A pricing-focused FAQ accordion block for React and Next.js with hero-scale headline cluster, highlighted answer badges, smooth single-expand disclosure, semantic aria markup, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/faq/faq-pricing-plans.tsx","type":"registry:block","target":"components/blocks/faq/faq-pricing-plans.tsx"}]},{"name":"faq-progressive","type":"registry:block","title":"Faq Progressive","description":"A progressive disclosure FAQ block for React and Next.js where each answer starts short and a Read more button reveals the long version with smooth height animation built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/faq/faq-progressive.tsx","type":"registry:block","target":"components/blocks/faq/faq-progressive.tsx"}]},{"name":"faq-accordion","type":"registry:block","title":"Faq Accordion","description":"A marketing-scale FAQ accordion block for React and Next.js with single-item expand, chevron rotation, smooth height transitions, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/faq/faq-accordion.tsx","type":"registry:block","target":"components/blocks/faq/faq-accordion.tsx"}]},{"name":"faq-fitness","type":"registry:block","title":"Faq Fitness","description":"A tagged accordion FAQ block for React and Next.js with inline category pills, single-expand disclosure, smooth height transitions, and a marketing headline cluster built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/faq/faq-fitness.tsx","type":"registry:block","target":"components/blocks/faq/faq-fitness.tsx"}]},{"name":"faq-support-ticket","type":"registry:block","title":"Faq Support Ticket","description":"A marketing FAQ block for React and Next.js with self-serve answers and a clear support escalation CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/faq/faq-support-ticket.tsx","type":"registry:block","target":"components/blocks/faq/faq-support-ticket.tsx"}]},{"name":"faq-api","type":"registry:block","title":"Faq Api","description":"A marketing-scale technical FAQ block for React and Next.js with inline code snippet panels, single-expand disclosure, smooth animations, accessible markup, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/faq/faq-api.tsx","type":"registry:block","target":"components/blocks/faq/faq-api.tsx"}]},{"name":"faq-animated-counter","type":"registry:block","title":"Faq Animated Counter","description":"A marketing-scale FAQ block for React and Next.js with an animated count-up question total, single-expand accordion, smooth disclosure animation, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/faq/faq-animated-counter.tsx","type":"registry:block","target":"components/blocks/faq/faq-animated-counter.tsx"}]},{"name":"faq-with-copy","type":"registry:block","title":"Faq With Copy","description":"A marketing-scale FAQ accordion block for React and Next.js with per-item copy-to-clipboard buttons, copied state feedback, semantic disclosure markup, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/faq/faq-with-copy.tsx","type":"registry:block","target":"components/blocks/faq/faq-with-copy.tsx"}]},{"name":"faq-dropdown-select","type":"registry:block","title":"Faq Dropdown Select","description":"A category-filtered FAQ block for React and Next.js with a dropdown selector, animated filter transitions, single-expand disclosure, and a marketing headline cluster built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["select"],"premium":true,"files":[{"path":"blocks/faq/faq-dropdown-select.tsx","type":"registry:block","target":"components/blocks/faq/faq-dropdown-select.tsx"}]},{"name":"faq-product","type":"registry:block","title":"Faq Product","description":"A marketing-scale FAQ accordion block for React and Next.js with product-style icon header, single-item expand, semantic disclosure markup, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/faq/faq-product.tsx","type":"registry:block","target":"components/blocks/faq/faq-product.tsx"}]},{"name":"faq-podcast","type":"registry:block","title":"Faq Podcast","description":"A FAQ block for React and Next.js that pairs a marketing headline cluster with an audio player mock and an accordion of transcript-style Q&A with smooth disclosure transitions, semantic markup, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/faq/faq-podcast.tsx","type":"registry:block","target":"components/blocks/faq/faq-podcast.tsx"}]},{"name":"faq-with-cta","type":"registry:block","title":"Faq With Cta","description":"A marketing-scale FAQ accordion block for React and Next.js with contextual inline CTA buttons inside answers, semantic disclosure markup, and a primary ShadcnioButton pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/faq/faq-with-cta.tsx","type":"registry:block","target":"components/blocks/faq/faq-with-cta.tsx"}]},{"name":"faq-with-tags","type":"registry:block","title":"Faq With Tags","description":"A marketing-scale FAQ accordion block for React and Next.js with category tag pills, single-expand accordion, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/faq/faq-with-tags.tsx","type":"registry:block","target":"components/blocks/faq/faq-with-tags.tsx"}]},{"name":"faq-hover-reveal","type":"registry:block","title":"Faq Hover Reveal","description":"A marketing-scale hover-reveal FAQ block for React and Next.js with desktop hover-to-reveal answers, mobile tap-to-reveal fallback, keyboard focus support, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/faq/faq-hover-reveal.tsx","type":"registry:block","target":"components/blocks/faq/faq-hover-reveal.tsx"}]},{"name":"faq-ai-powered","type":"registry:block","title":"Faq Ai Powered","description":"A marketing-scale FAQ block for React and Next.js with live search filtering, category badges, smooth expand/collapse, accessible disclosure markup, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","input"],"premium":true,"files":[{"path":"blocks/faq/faq-ai-powered.tsx","type":"registry:block","target":"components/blocks/faq/faq-ai-powered.tsx"}]},{"name":"faq-with-difficulty","type":"registry:block","title":"Faq With Difficulty","description":"A marketing-scale FAQ accordion block for React and Next.js with per-item difficulty badges (Beginner, Intermediate, Advanced), semantic disclosure markup, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/faq/faq-with-difficulty.tsx","type":"registry:block","target":"components/blocks/faq/faq-with-difficulty.tsx"}]},{"name":"faq-checklist","type":"registry:block","title":"Faq Checklist","description":"A marketing-scale checklist FAQ block for React and Next.js with checkable steps, progress bar, localStorage persistence, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["checkbox","label","progress"],"premium":true,"files":[{"path":"blocks/faq/faq-checklist.tsx","type":"registry:block","target":"components/blocks/faq/faq-checklist.tsx"}]},{"name":"faq-print-friendly","type":"registry:block","title":"Faq Print Friendly","description":"A print-optimized FAQ accordion block for React and Next.js with hero-scale headline cluster, dedicated print ShadcnioButton, print media query that opens every answer on paper, semantic aria markup, and a CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/faq/faq-print-friendly.tsx","type":"registry:block","target":"components/blocks/faq/faq-print-friendly.tsx"}]},{"name":"faq-saas-billing","type":"registry:block","title":"Faq Saas Billing","description":"A marketing-scale billing FAQ accordion block for React and Next.js with single-item expand, chevron rotation, smooth height transitions, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/faq/faq-saas-billing.tsx","type":"registry:block","target":"components/blocks/faq/faq-saas-billing.tsx"}]},{"name":"faq-mega","type":"registry:block","title":"Faq Mega","description":"A marketing-scale FAQ mega-menu multi-column block for React and Next.js with category groups across columns, semantic disclosure markup, varied stagger entrance, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/faq/faq-mega.tsx","type":"registry:block","target":"components/blocks/faq/faq-mega.tsx"}]},{"name":"faq-compact","type":"registry:block","title":"Faq Compact","description":"A space-efficient compact FAQ list block for React and Next.js with tight padding, single-expand disclosure, and a marketing headline cluster built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/faq/faq-compact.tsx","type":"registry:block","target":"components/blocks/faq/faq-compact.tsx"}]},{"name":"faq-with-avatars","type":"registry:block","title":"Faq With Avatars","description":"An author-attributed FAQ block for React and Next.js with expert avatars beside each answer, single-expand accordion, font-mono initial fallbacks, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/faq/faq-with-avatars.tsx","type":"registry:block","target":"components/blocks/faq/faq-with-avatars.tsx"}]},{"name":"faq-with-diagram","type":"registry:block","title":"Faq With Diagram","description":"A marketing-scale FAQ accordion block for React and Next.js with an inline SVG architecture diagram inside one featured answer, semantic disclosure markup, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/faq/faq-with-diagram.tsx","type":"registry:block","target":"components/blocks/faq/faq-with-diagram.tsx"}]},{"name":"faq-breadcrumb","type":"registry:block","title":"Faq Breadcrumb","description":"A marketing-scale FAQ block for React and Next.js with breadcrumb context, category filter pills, single-expand disclosure, smooth transitions, accessible markup, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/faq/faq-breadcrumb.tsx","type":"registry:block","target":"components/blocks/faq/faq-breadcrumb.tsx"}]},{"name":"faq-collapsible-groups","type":"registry:block","title":"Faq Collapsible Groups","description":"A marketing-scale grouped FAQ block for React and Next.js with collapsible category sections, nested AnimatePresence transitions, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/faq/faq-collapsible-groups.tsx","type":"registry:block","target":"components/blocks/faq/faq-collapsible-groups.tsx"}]},{"name":"faq-insurance","type":"registry:block","title":"Faq Insurance","description":"A marketing-scale FAQ accordion block for React and Next.js with category tag chips, single-item expand, chevron rotation, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/faq/faq-insurance.tsx","type":"registry:block","target":"components/blocks/faq/faq-insurance.tsx"}]},{"name":"faq-side-by-side","type":"registry:block","title":"Faq Side By Side","description":"A two-column side-by-side FAQ block for React and Next.js with paired questions and answers, hero-scale headline cluster, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/faq/faq-side-by-side.tsx","type":"registry:block","target":"components/blocks/faq/faq-side-by-side.tsx"}]},{"name":"faq-rating","type":"registry:block","title":"Faq Rating","description":"A marketing-scale FAQ accordion block for React and Next.js with a was-this-helpful thumb up and thumb down feedback affordance per item built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/faq/faq-rating.tsx","type":"registry:block","target":"components/blocks/faq/faq-rating.tsx"}]},{"name":"faq-dual-column-accordion","type":"registry:block","title":"Faq Dual Column Accordion","description":"A marketing-scale dual-column FAQ accordion block for React and Next.js with balanced two-column distribution, independent expand state, semantic disclosure markup, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/faq/faq-dual-column-accordion.tsx","type":"registry:block","target":"components/blocks/faq/faq-dual-column-accordion.tsx"}]},{"name":"faq-with-tooltip","type":"registry:block","title":"Faq With Tooltip","description":"A marketing-scale FAQ block for React and Next.js with inline glossary terms, dotted underlines, hover tooltips, single-expand accordion, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["tooltip"],"premium":true,"files":[{"path":"blocks/faq/faq-with-tooltip.tsx","type":"registry:block","target":"components/blocks/faq/faq-with-tooltip.tsx"}]},{"name":"faq-typewriter","type":"registry:block","title":"Faq Typewriter","description":"A typewriter-effect FAQ block for React and Next.js with character-by-character answer reveal on the active question, blinking cursor, accessible accordion, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/faq/faq-typewriter.tsx","type":"registry:block","target":"components/blocks/faq/faq-typewriter.tsx"}]},{"name":"faq-tabbed-vertical","type":"registry:block","title":"Faq Tabbed Vertical","description":"A two-panel FAQ block for React and Next.js with vertical category tabs, animated panel transitions, and per-question expand built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/faq/faq-tabbed-vertical.tsx","type":"registry:block","target":"components/blocks/faq/faq-tabbed-vertical.tsx"}]},{"name":"faq-real-estate","type":"registry:block","title":"Faq Real Estate","description":"A marketing-scale FAQ accordion block for React and Next.js with inline highlight badges per question, single-item expand, semantic disclosure markup, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/faq/faq-real-estate.tsx","type":"registry:block","target":"components/blocks/faq/faq-real-estate.tsx"}]},{"name":"faq-sticky-nav","type":"registry:block","title":"Faq Sticky Nav","description":"A two-panel FAQ block for React and Next.js with a sticky sidebar question index, scroll-spy active highlighting, and smooth anchor scrolling built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/faq/faq-sticky-nav.tsx","type":"registry:block","target":"components/blocks/faq/faq-sticky-nav.tsx"}]},{"name":"faq-categorized","type":"registry:block","title":"Faq Categorized","description":"A marketing-scale categorized FAQ block for React and Next.js with tab category switching, AnimatePresence transitions, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["tabs"],"premium":true,"files":[{"path":"blocks/faq/faq-categorized.tsx","type":"registry:block","target":"components/blocks/faq/faq-categorized.tsx"}]},{"name":"faq-collapsible-sidebar","type":"registry:block","title":"Faq Collapsible Sidebar","description":"A marketing-scale FAQ block for React and Next.js with a collapsible category sidebar, filtered question list, smooth disclosure transitions, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/faq/faq-collapsible-sidebar.tsx","type":"registry:block","target":"components/blocks/faq/faq-collapsible-sidebar.tsx"}]},{"name":"faq-masonry","type":"registry:block","title":"Faq Masonry","description":"A marketing-scale FAQ masonry grid block for React and Next.js with three-column CSS columns layout, expandable cards, varied stagger entrance, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/faq/faq-masonry.tsx","type":"registry:block","target":"components/blocks/faq/faq-masonry.tsx"}]},{"name":"faq-privacy","type":"registry:block","title":"Faq Privacy","description":"A FAQ accordion block for React and Next.js with hero-scale headline cluster, a static last-updated timestamp, single-expand disclosure with chevron rotation, semantic aria-expanded and aria-controls markup, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/faq/faq-privacy.tsx","type":"registry:block","target":"components/blocks/faq/faq-privacy.tsx"}]},{"name":"faq-with-votes","type":"registry:block","title":"Faq With Votes","description":"A marketing-scale FAQ block for React and Next.js with per-item upvote and downvote buttons, live count toggling, single-expand accordion, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/faq/faq-with-votes.tsx","type":"registry:block","target":"components/blocks/faq/faq-with-votes.tsx"}]},{"name":"faq-chatbot-style","type":"registry:block","title":"Faq Chatbot Style","description":"A marketing-scale conversational chatbot-style FAQ block for React and Next.js with alternating message bubbles, staggered entrance animations, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar"],"premium":true,"files":[{"path":"blocks/faq/faq-chatbot-style.tsx","type":"registry:block","target":"components/blocks/faq/faq-chatbot-style.tsx"}]},{"name":"faq-with-progress","type":"registry:block","title":"Faq With Progress","description":"A marketing-scale FAQ block for React and Next.js with a reading progress bar, completion badge, single-item expand, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","progress"],"premium":true,"files":[{"path":"blocks/faq/faq-with-progress.tsx","type":"registry:block","target":"components/blocks/faq/faq-with-progress.tsx"}]},{"name":"faq-comparison","type":"registry:block","title":"Faq Comparison","description":"A plan-comparison FAQ block for React and Next.js with tier badges, feature availability rows, expandable answers, and a marketing headline cluster built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/faq/faq-comparison.tsx","type":"registry:block","target":"components/blocks/faq/faq-comparison.tsx"}]},{"name":"faq-healthcare","type":"registry:block","title":"Faq Healthcare","description":"A marketing-scale icon-accented FAQ accordion block for React and Next.js with single-item expand, semantic icon highlights per question, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/faq/faq-healthcare.tsx","type":"registry:block","target":"components/blocks/faq/faq-healthcare.tsx"}]},{"name":"faq-fintech","type":"registry:block","title":"Faq Fintech","description":"A grouped disclosure FAQ block for React and Next.js with category sections, inline trust badges, smooth height transitions, and a marketing headline cluster built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/faq/faq-fintech.tsx","type":"registry:block","target":"components/blocks/faq/faq-fintech.tsx"}]},{"name":"faq-with-emoji","type":"registry:block","title":"Faq With Emoji","description":"A marketing-scale FAQ accordion block for React and Next.js with decorative emoji prefixes per question, semantic disclosure markup, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/faq/faq-with-emoji.tsx","type":"registry:block","target":"components/blocks/faq/faq-with-emoji.tsx"}]},{"name":"faq-with-bookmarks","type":"registry:block","title":"Faq With Bookmarks","description":"A marketing-scale FAQ accordion block for React and Next.js with per-item bookmark star toggles, single-item expand, smooth height transitions, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/faq/faq-with-bookmarks.tsx","type":"registry:block","target":"components/blocks/faq/faq-with-bookmarks.tsx"}]},{"name":"faq-with-stats","type":"registry:block","title":"Faq With Stats","description":"A marketing-scale FAQ block for React and Next.js with a top metric bar, semantic dl/dt/dd, single-expand accordion, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/faq/faq-with-stats.tsx","type":"registry:block","target":"components/blocks/faq/faq-with-stats.tsx"}]},{"name":"faq-legal","type":"registry:block","title":"Faq Legal","description":"A marketing-scale FAQ accordion block for React and Next.js with topic filter tabs, single-item expand within each tab, smooth transitions, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/faq/faq-legal.tsx","type":"registry:block","target":"components/blocks/faq/faq-legal.tsx"}]},{"name":"faq-numbered","type":"registry:block","title":"Faq Numbered","description":"A marketing FAQ accordion block for React and Next.js with monospace numbered badges, single-item expand, smooth height transitions, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/faq/faq-numbered.tsx","type":"registry:block","target":"components/blocks/faq/faq-numbered.tsx"}]},{"name":"faq-restaurant","type":"registry:block","title":"Faq Restaurant","description":"A marketing-scale FAQ accordion block for React and Next.js with per-question icon glyphs, single-item expand, semantic disclosure markup, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/faq/faq-restaurant.tsx","type":"registry:block","target":"components/blocks/faq/faq-restaurant.tsx"}]},{"name":"faq-json-ld","type":"registry:block","title":"Faq Json Ld","description":"An SEO-optimized FAQ accordion block for React and Next.js with FAQPage JSON-LD structured data, marketing-scale headline, single-item expand, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/faq/faq-json-ld.tsx","type":"registry:block","target":"components/blocks/faq/faq-json-ld.tsx"}]},{"name":"faq-with-status","type":"registry:block","title":"Faq With Status","description":"A marketing-scale FAQ accordion block for React and Next.js with operational status pills, semantic color badges, single-expand accordion, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/faq/faq-with-status.tsx","type":"registry:block","target":"components/blocks/faq/faq-with-status.tsx"}]},{"name":"faq-migration","type":"registry:block","title":"Faq Migration","description":"A marketing-scale FAQ migration guide block for React and Next.js with step-by-step expandable sections, semantic disclosure markup, varied stagger entrance, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/faq/faq-migration.tsx","type":"registry:block","target":"components/blocks/faq/faq-migration.tsx"}]},{"name":"faq-with-anchor","type":"registry:block","title":"Faq With Anchor","description":"An anchor-linkable FAQ block for React and Next.js with per-question copy-link buttons, hash-based deep linking, smooth scroll-to-anchor, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/faq/faq-with-anchor.tsx","type":"registry:block","target":"components/blocks/faq/faq-with-anchor.tsx"}]},{"name":"faq-with-code","type":"registry:block","title":"Faq With Code","description":"A marketing-scale developer FAQ accordion block for React and Next.js with embedded code snippet answers, single-item expand, monospace pre/code blocks, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/faq/faq-with-code.tsx","type":"registry:block","target":"components/blocks/faq/faq-with-code.tsx"}]},{"name":"faq-gaming","type":"registry:block","title":"Faq Gaming","description":"A tagged platform accordion FAQ block for React and Next.js with category and platform pills, single-expand disclosure, smooth height transitions, and a marketing headline cluster built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/faq/faq-gaming.tsx","type":"registry:block","target":"components/blocks/faq/faq-gaming.tsx"}]},{"name":"faq-education","type":"registry:block","title":"Faq Education","description":"A marketing-scale icon accordion FAQ block for React and Next.js with per-item lucide icons, optional highlight badges, smooth height transitions, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/faq/faq-education.tsx","type":"registry:block","target":"components/blocks/faq/faq-education.tsx"}]},{"name":"faq-marketplace","type":"registry:block","title":"Faq Marketplace","description":"A marketing-scale FAQ accordion block for React and Next.js with a two-role audience toggle, single-item expand within each role, smooth transitions, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/faq/faq-marketplace.tsx","type":"registry:block","target":"components/blocks/faq/faq-marketplace.tsx"}]},{"name":"faq-with-toc","type":"registry:block","title":"Faq With Toc","description":"A marketing-scale FAQ block for React and Next.js with a sticky left-rail table of contents, scroll-spy active highlighting, single-expand accordion, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/faq/faq-with-toc.tsx","type":"registry:block","target":"components/blocks/faq/faq-with-toc.tsx"}]},{"name":"command-menu-tags","type":"registry:block","title":"Command Menu Tags","description":"A tag management command menu with color coding, tag creation, filtering, and usage analytics for organizing content","dependencies":["lucide-react"],"registryDependencies":["button","command","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-tags.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-tags.tsx"}]},{"name":"command-menu-translation","type":"registry:block","title":"Command Menu Translation","description":"i18n translation manager command menu with language completion tracking, missing keys, and namespace browsing for React apps","dependencies":["lucide-react"],"registryDependencies":["badge","button","command","dialog","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-translation.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-translation.tsx"}]},{"name":"command-menu-notifications","type":"registry:block","title":"Command Menu Notifications","description":"Notification center command menu with filters, mark as read, and grouped notifications for React apps","dependencies":["lucide-react"],"registryDependencies":["avatar","badge","button","command","dialog","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-notifications.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-notifications.tsx"}]},{"name":"command-menu-theme","type":"registry:block","title":"Command Menu Theme","description":"Theme and appearance command menu with light/dark/system modes and accent color picker for React apps","dependencies":["lucide-react"],"registryDependencies":["badge","button","command","dialog","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-theme.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-theme.tsx"}]},{"name":"command-menu-calculator","type":"registry:block","title":"Command Menu Calculator","description":"Calculator command menu with math expression evaluation and history for React productivity apps","dependencies":["lucide-react"],"registryDependencies":["button","command","dialog","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-calculator.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-calculator.tsx"}]},{"name":"command-menu-user-switcher","type":"registry:block","title":"Command Menu User Switcher","description":"User and account switcher command menu with avatars, status indicators, and quick account actions for React apps","dependencies":["lucide-react"],"registryDependencies":["avatar","badge","button","command","dialog","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-user-switcher.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-user-switcher.tsx"}]},{"name":"command-menu-inventory","type":"registry:block","title":"Command Menu Inventory","description":"Inventory lookup command menu with stock levels, SKU search, and quick inventory actions for React e-commerce apps","dependencies":["lucide-react"],"registryDependencies":["button","command","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-inventory.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-inventory.tsx"}]},{"name":"command-menu-page-builder","type":"registry:block","title":"Command Menu Page Builder","description":"Page template selector command menu with categorized templates, previews, and quick create for React page builders","dependencies":["lucide-react"],"registryDependencies":["button","command","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-page-builder.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-page-builder.tsx"}]},{"name":"command-menu-reports","type":"registry:block","title":"Command Menu Reports","description":"Report generator command menu with templates, format selection, and scheduling options for React analytics platforms","dependencies":["lucide-react"],"registryDependencies":["button","command","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-reports.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-reports.tsx"}]},{"name":"command-menu-palette","type":"registry:block","title":"Command Menu Palette","description":"A VS Code style command palette with command prefix support and keyboard shortcut hints for all actions","dependencies":["lucide-react"],"registryDependencies":["button","command","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-palette.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-palette.tsx"}]},{"name":"command-menu-music","type":"registry:block","title":"Command Menu Music","description":"A media player command menu with playback controls, queue management, and playlist navigation for React applications","dependencies":["lucide-react"],"registryDependencies":["button","command","dialog","kbd","slider"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-music.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-music.tsx"}]},{"name":"command-menu-password","type":"registry:block","title":"Command Menu Password","description":"A password manager style command menu for searching vault items and copying credentials with quick actions","dependencies":["lucide-react"],"registryDependencies":["button","command","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-password.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-password.tsx"}]},{"name":"command-menu-calendar","type":"registry:block","title":"Command Menu Calendar","description":"A command menu for quickly creating calendar events and navigating between views with keyboard shortcuts","dependencies":["date-fns","lucide-react"],"registryDependencies":["button","command","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-calendar.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-calendar.tsx"}]},{"name":"command-menu-filter-builder","type":"registry:block","title":"Command Menu Filter Builder","description":"Advanced filter builder command menu with field selection and operator-based query construction for React data apps","dependencies":["lucide-react"],"registryDependencies":["button","command","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-filter-builder.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-filter-builder.tsx"}]},{"name":"command-menu-environment","type":"registry:block","title":"Command Menu Environment","description":"Environment switcher command menu with status indicators and deployment context for React multi-env apps","dependencies":["lucide-react"],"registryDependencies":["button","command","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-environment.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-environment.tsx"}]},{"name":"command-menu-secrets","type":"registry:block","title":"Command Menu Secrets","description":"Secrets and environment variable manager command menu with masked values, rotation status, and access controls for React DevOps tools","dependencies":["lucide-react"],"registryDependencies":["button","command","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-secrets.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-secrets.tsx"}]},{"name":"command-menu-oauth","type":"registry:block","title":"Command Menu Oauth","description":"OAuth scope manager command menu with permission toggles, provider grouping, and scope descriptions for React auth settings","dependencies":["lucide-react"],"registryDependencies":["button","command","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-oauth.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-oauth.tsx"}]},{"name":"command-menu-code-actions","type":"registry:block","title":"Command Menu Code Actions","description":"Code-specific actions command menu with format, lint, refactor, and quick fix commands for React code editors","dependencies":["lucide-react"],"registryDependencies":["button","command","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-code-actions.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-code-actions.tsx"}]},{"name":"command-menu-hooks","type":"registry:block","title":"Command Menu Hooks","description":"Webhook management command menu with endpoint listing, test triggers, and delivery logs for React API platforms","dependencies":["lucide-react"],"registryDependencies":["button","command","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-hooks.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-hooks.tsx"}]},{"name":"command-menu-navigation","type":"registry:block","title":"Command Menu Navigation","description":"A site-wide navigation command menu with breadcrumb context showing current location and nested page structure for React applications","dependencies":["lucide-react"],"registryDependencies":["button","command","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-navigation.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-navigation.tsx"}]},{"name":"command-menu-deploy","type":"registry:block","title":"Command Menu Deploy","description":"A CI/CD deployment command menu for managing deployments across environments with status tracking and quick actions","dependencies":["lucide-react"],"registryDependencies":["badge","button","command","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-deploy.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-deploy.tsx"}]},{"name":"command-menu-workflow","type":"registry:block","title":"Command Menu Workflow","description":"An automation workflow builder with trigger-action templates, status toggles, and categorized automation options","dependencies":["lucide-react"],"registryDependencies":["button","command","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-workflow.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-workflow.tsx"}]},{"name":"command-menu-rest-client","type":"registry:block","title":"Command Menu Rest Client","description":"REST API client command menu with method badges, endpoint browsing, and request history for React developer tools","dependencies":["lucide-react"],"registryDependencies":["button","command","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-rest-client.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-rest-client.tsx"}]},{"name":"command-menu-status","type":"registry:block","title":"Command Menu Status","description":"Status page manager command menu with component status, incident creation, and maintenance scheduling for React ops platforms","dependencies":["lucide-react"],"registryDependencies":["button","command","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-status.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-status.tsx"}]},{"name":"command-menu-logs","type":"registry:block","title":"Command Menu Logs","description":"Log viewer command menu with severity filters, source grouping, and search for React monitoring tools","dependencies":["lucide-react"],"registryDependencies":["button","command","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-logs.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-logs.tsx"}]},{"name":"command-menu-cron","type":"registry:block","title":"Command Menu Cron","description":"Cron expression builder command menu with preset schedules and expression preview for React scheduling apps","dependencies":["lucide-react"],"registryDependencies":["button","command","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-cron.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-cron.tsx"}]},{"name":"command-menu-tasks","type":"registry:block","title":"Command Menu Tasks","description":"Task manager command menu with quick add, priority flags, and due dates for React productivity apps","dependencies":["lucide-react"],"registryDependencies":["badge","button","command","dialog","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-tasks.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-tasks.tsx"}]},{"name":"command-menu-clipboard","type":"registry:block","title":"Command Menu Clipboard","description":"Clipboard history manager command menu with type indicators, preview snippets, and search for React apps","dependencies":["lucide-react"],"registryDependencies":["badge","button","command","dialog","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-clipboard.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-clipboard.tsx"}]},{"name":"command-menu-ai","type":"registry:block","title":"Command Menu Ai","description":"AI assistant command menu with prompt suggestions and conversation starters for React AI apps","dependencies":["lucide-react"],"registryDependencies":["badge","button","command","dialog","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-ai.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-ai.tsx"}]},{"name":"command-menu-database","type":"registry:block","title":"Command Menu Database","description":"Database table selector command menu with schema preview and table stats for React admin panels","dependencies":["lucide-react"],"registryDependencies":["badge","button","command","dialog","kbd","separator"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-database.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-database.tsx"}]},{"name":"command-menu-layout","type":"registry:block","title":"Command Menu Layout","description":"Layout preset switcher command menu with visual previews and responsive options for React page builders","dependencies":["lucide-react"],"registryDependencies":["button","command","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-layout.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-layout.tsx"}]},{"name":"command-menu-spotlight","type":"registry:block","title":"Command Menu Spotlight","description":"A macOS Spotlight-style universal search command menu with app launcher, file search, and web search fallback for React applications","dependencies":["lucide-react"],"registryDependencies":["badge","button","command","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-spotlight.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-spotlight.tsx"}]},{"name":"command-menu-chat","type":"registry:block","title":"Command Menu Chat","description":"Quick chat message sender command menu with contact search and recent conversations for React messaging apps","dependencies":["lucide-react"],"registryDependencies":["button","command","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-chat.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-chat.tsx"}]},{"name":"command-menu-settings","type":"registry:block","title":"Command Menu Settings","description":"A command menu with inline toggle controls for quick settings adjustments including appearance, notifications, and privacy preferences","dependencies":["lucide-react"],"registryDependencies":["button","command","kbd","switch"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-settings.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-settings.tsx"}]},{"name":"command-menu-docs","type":"registry:block","title":"Command Menu Docs","description":"A documentation navigation command menu with hierarchical structure, recent pages, popular articles, and inline content previews","dependencies":["lucide-react"],"registryDependencies":["button","command","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-docs.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-docs.tsx"}]},{"name":"command-menu-billing","type":"registry:block","title":"Command Menu Billing","description":"Billing and invoice actions command menu with payment management and subscription controls for React SaaS apps","dependencies":["lucide-react"],"registryDependencies":["button","command","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-billing.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-billing.tsx"}]},{"name":"command-menu-colors","type":"registry:block","title":"Command Menu Colors","description":"Color picker command menu with palette presets, recent colors, and format conversion for React design tools","dependencies":["lucide-react"],"registryDependencies":["button","command","dialog","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-colors.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-colors.tsx"}]},{"name":"command-menu-analytics","type":"registry:block","title":"Command Menu Analytics","description":"A command menu for quickly viewing analytics metrics, accessing reports, and switching date ranges with keyboard shortcuts","dependencies":["lucide-react"],"registryDependencies":["button","command","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-analytics.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-analytics.tsx"}]},{"name":"command-menu-graph","type":"registry:block","title":"Command Menu Graph","description":"Graph and chart type selector command menu with visualization options for React data visualization apps","dependencies":["lucide-react"],"registryDependencies":["button","command","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-graph.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-graph.tsx"}]},{"name":"command-menu-api","type":"registry:block","title":"Command Menu Api","description":"API endpoint tester command menu with request builder and response preview for React developer tools","dependencies":["lucide-react"],"registryDependencies":["badge","button","command","dialog","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-api.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-api.tsx"}]},{"name":"command-menu-customer","type":"registry:block","title":"Command Menu Customer","description":"Customer lookup and actions command menu with search, details, and quick actions for React CRM apps","dependencies":["lucide-react"],"registryDependencies":["button","command","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-customer.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-customer.tsx"}]},{"name":"command-menu-permissions","type":"registry:block","title":"Command Menu Permissions","description":"Role and permission management command menu with member roles, access control, and audit logs for React admin panels","dependencies":["lucide-react"],"registryDependencies":["badge","button","command","dialog","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-permissions.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-permissions.tsx"}]},{"name":"command-menu-compare","type":"registry:block","title":"Command Menu Compare","description":"Compare items side by side command menu with diff-style selection for React comparison tools","dependencies":["lucide-react"],"registryDependencies":["button","command","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-compare.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-compare.tsx"}]},{"name":"command-menu-table-filter","type":"registry:block","title":"Command Menu Table Filter","description":"A command palette for advanced data table filtering with multi-column selection, active filter badges, and clear all functionality for complex data filtering","dependencies":["lucide-react"],"registryDependencies":["badge","button","command","dialog","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-table-filter.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-table-filter.tsx"}]},{"name":"command-menu-variables","type":"registry:block","title":"Command Menu Variables","description":"Variable inspector command menu with type indicators, value preview, and scope grouping for React debugging tools","dependencies":["lucide-react"],"registryDependencies":["button","command","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-variables.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-variables.tsx"}]},{"name":"command-menu-search","type":"registry:block","title":"Command Menu Search","description":"Documentation search command menu with page navigation and color palette copy for React docs sites","dependencies":["lucide-react"],"registryDependencies":["button","command","dialog","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-search.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-search.tsx"}]},{"name":"command-menu-social","type":"registry:block","title":"Command Menu Social","description":"A social media management command menu for composing posts, viewing scheduled content, and managing multi-platform publishing","dependencies":["lucide-react"],"registryDependencies":["badge","button","command","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-social.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-social.tsx"}]},{"name":"command-menu-feedback","type":"registry:block","title":"Command Menu Feedback","description":"Bug report and feedback submission command menu with severity levels, status tracking, and templates for React apps","dependencies":["lucide-react"],"registryDependencies":["badge","button","command","dialog","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-feedback.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-feedback.tsx"}]},{"name":"command-menu-notes","type":"registry:block","title":"Command Menu Notes","description":"Quick notes command menu with instant capture, recent notes, and search for React productivity apps","dependencies":["lucide-react"],"registryDependencies":["badge","button","command","dialog","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-notes.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-notes.tsx"}]},{"name":"command-menu-recent","type":"registry:block","title":"Command Menu Recent","description":"Recent items browser command menu with time grouping, item types, and quick actions for React apps","dependencies":["lucide-react"],"registryDependencies":["button","command","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-recent.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-recent.tsx"}]},{"name":"command-menu-dashboard","type":"registry:block","title":"Command Menu Dashboard","description":"Dashboard widget manager command menu with add, remove, and rearrange controls for React dashboard apps","dependencies":["lucide-react"],"registryDependencies":["button","command","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-dashboard.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-dashboard.tsx"}]},{"name":"command-menu-design-tokens","type":"registry:block","title":"Command Menu Design Tokens","description":"Design token browser command menu with color, spacing, and typography token exploration for React design systems","dependencies":["lucide-react"],"registryDependencies":["button","command","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-design-tokens.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-design-tokens.tsx"}]},{"name":"command-menu-debug","type":"registry:block","title":"Command Menu Debug","description":"Debug mode toggle command menu with development tools and diagnostic actions for React developer tools","dependencies":["lucide-react"],"registryDependencies":["button","command","kbd","switch"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-debug.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-debug.tsx"}]},{"name":"command-menu-scheduler","type":"registry:block","title":"Command Menu Scheduler","description":"Quick schedule creator command menu with preset times, recurring options, and calendar integration for React productivity apps","dependencies":["lucide-react"],"registryDependencies":["button","command","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-scheduler.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-scheduler.tsx"}]},{"name":"command-menu-emoji","type":"registry:block","title":"Command Menu Emoji","description":"Emoji picker command menu with categories, search, skin tone selector, and recent emojis for React apps","dependencies":["lucide-react"],"registryDependencies":["button","command","dialog","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-emoji.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-emoji.tsx"}]},{"name":"command-menu-markdown","type":"registry:block","title":"Command Menu Markdown","description":"Markdown editing commands menu with formatting, insert, and template shortcuts for React rich text editors","dependencies":["lucide-react"],"registryDependencies":["button","command","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-markdown.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-markdown.tsx"}]},{"name":"command-menu-git","type":"registry:block","title":"Command Menu Git","description":"Git actions command menu with branch switching, commit, and common git operations for React dev tools","dependencies":["lucide-react"],"registryDependencies":["badge","button","command","dialog","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-git.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-git.tsx"}]},{"name":"command-menu-converter","type":"registry:block","title":"Command Menu Converter","description":"Unit and currency converter command menu with real-time conversion display for React utility apps","dependencies":["lucide-react"],"registryDependencies":["button","command","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-converter.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-converter.tsx"}]},{"name":"command-menu-fonts","type":"registry:block","title":"Command Menu Fonts","description":"Font picker command menu with font preview, weight selection, and categories for React design tools","dependencies":["lucide-react"],"registryDependencies":["badge","button","command","dialog","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-fonts.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-fonts.tsx"}]},{"name":"command-menu-changelog","type":"registry:block","title":"Command Menu Changelog","description":"Recent changes browser command menu with version history and release notes for React apps","dependencies":["lucide-react"],"registryDependencies":["button","command","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-changelog.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-changelog.tsx"}]},{"name":"command-menu-shortcuts","type":"registry:block","title":"Command Menu Shortcuts","description":"Keyboard shortcuts reference command menu with categorized shortcuts and search for React apps","dependencies":["lucide-react"],"registryDependencies":["badge","button","command","dialog","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-shortcuts.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-shortcuts.tsx"}]},{"name":"command-menu-bookmarks","type":"registry:block","title":"Command Menu Bookmarks","description":"Bookmark manager command menu with folders, tags, and quick save for React browser tools","dependencies":["lucide-react"],"registryDependencies":["badge","button","command","dialog","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-bookmarks.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-bookmarks.tsx"}]},{"name":"command-menu-icon-picker","type":"registry:block","title":"Command Menu Icon Picker","description":"Icon search and picker command menu with category browsing and copy-to-clipboard for React design tools","dependencies":["lucide-react"],"registryDependencies":["button","command","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-icon-picker.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-icon-picker.tsx"}]},{"name":"command-menu-language","type":"registry:block","title":"Command Menu Language","description":"Language and locale switcher command menu with flags, completion status, and region variants for React i18n apps","dependencies":["lucide-react"],"registryDependencies":["badge","button","command","dialog","kbd","progress"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-language.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-language.tsx"}]},{"name":"command-menu-files","type":"registry:block","title":"Command Menu Files","description":"File browser command menu with folder navigation, file types, and quick actions for React file apps","dependencies":["lucide-react"],"registryDependencies":["button","command","dialog","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-files.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-files.tsx"}]},{"name":"command-menu-monitoring","type":"registry:block","title":"Command Menu Monitoring","description":"Service monitoring controls command menu with health checks, incident actions, and status toggles for React ops dashboards","dependencies":["lucide-react"],"registryDependencies":["button","command","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-monitoring.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-monitoring.tsx"}]},{"name":"command-menu-connections","type":"registry:block","title":"Command Menu Connections","description":"Database connection switcher command menu with status indicators and quick connect for React database tools","dependencies":["lucide-react"],"registryDependencies":["button","command","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-connections.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-connections.tsx"}]},{"name":"command-menu-snippets","type":"registry:block","title":"Command Menu Snippets","description":"Code snippet library command menu with syntax highlighting preview and copy functionality for React dev tools","dependencies":["lucide-react"],"registryDependencies":["badge","button","command","dialog","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-snippets.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-snippets.tsx"}]},{"name":"command-menu-animation","type":"registry:block","title":"Command Menu Animation","description":"Animation preset picker command menu with easing curves and duration controls for React motion design","dependencies":["lucide-react"],"registryDependencies":["button","command","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-animation.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-animation.tsx"}]},{"name":"command-menu-multi-select","type":"registry:block","title":"Command Menu Multi Select","description":"Multi-select command menu with checkboxes, selection count, and batch actions for React apps","dependencies":["lucide-react"],"registryDependencies":["button","command","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-multi-select.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-multi-select.tsx"}]},{"name":"command-menu-terminal","type":"registry:block","title":"Command Menu Terminal","description":"A CLI-style command palette with terminal interface, command history, auto-complete suggestions, and output preview for developer workflows","dependencies":["lucide-react"],"registryDependencies":["badge","button","command","dialog","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-terminal.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-terminal.tsx"}]},{"name":"command-menu-import","type":"registry:block","title":"Command Menu Import","description":"Data import wizard command menu with source selection and format options for React data management apps","dependencies":["lucide-react"],"registryDependencies":["button","command","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-import.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-import.tsx"}]},{"name":"command-menu-breadcrumb","type":"registry:block","title":"Command Menu Breadcrumb","description":"Breadcrumb-style nested navigation command menu with hierarchical path browsing for React apps","dependencies":["lucide-react"],"registryDependencies":["button","command","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-breadcrumb.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-breadcrumb.tsx"}]},{"name":"command-menu-feature-flags","type":"registry:block","title":"Command Menu Feature Flags","description":"Feature flag toggle command menu with rollout percentages and environment targeting for React feature management","dependencies":["lucide-react"],"registryDependencies":["button","command","kbd","switch"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-feature-flags.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-feature-flags.tsx"}]},{"name":"command-menu-email","type":"registry:block","title":"Command Menu Email","description":"An email command palette with compose actions, folder navigation, quick actions, unread counts, and inline compose fields for efficient email management","dependencies":["lucide-react"],"registryDependencies":["badge","button","command","dialog","input","kbd","textarea"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-email.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-email.tsx"}]},{"name":"command-menu-quick-edit","type":"registry:block","title":"Command Menu Quick Edit","description":"Quick inline editor command menu with field selection, value editing, and save actions for React admin panels","dependencies":["lucide-react"],"registryDependencies":["button","command","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-quick-edit.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-quick-edit.tsx"}]},{"name":"command-menu-ci-cd","type":"registry:block","title":"Command Menu Ci Cd","description":"CI/CD pipeline actions command menu with build triggers and deployment controls for React DevOps dashboards","dependencies":["lucide-react"],"registryDependencies":["button","command","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-ci-cd.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-ci-cd.tsx"}]},{"name":"command-menu-help","type":"registry:block","title":"Command Menu Help","description":"A help center command menu with article previews, video tutorials, and support contact options for React applications","dependencies":["lucide-react"],"registryDependencies":["badge","button","command","dialog","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-help.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-help.tsx"}]},{"name":"command-menu-actions","type":"registry:block","title":"Command Menu Actions","description":"Command menu with keyboard shortcuts display and document management actions for React apps","dependencies":["lucide-react"],"registryDependencies":["button","command","dialog","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-actions.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-actions.tsx"}]},{"name":"command-menu-json","type":"registry:block","title":"Command Menu Json","description":"JSON path browser command menu with tree navigation, path copying, and value preview for React developer tools","dependencies":["lucide-react"],"registryDependencies":["button","command","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-json.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-json.tsx"}]},{"name":"command-menu-preview","type":"registry:block","title":"Command Menu Preview","description":"Content preview launcher command menu with environment targets, device modes, and sharing options for React CMS tools","dependencies":["lucide-react"],"registryDependencies":["button","command","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-preview.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-preview.tsx"}]},{"name":"command-menu-workspace","type":"registry:block","title":"Command Menu Workspace","description":"Workspace switcher command menu with team spaces, favorites, and quick access for React collaboration apps","dependencies":["lucide-react"],"registryDependencies":["avatar","badge","button","command","dialog","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-workspace.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-workspace.tsx"}]},{"name":"command-menu-regex","type":"registry:block","title":"Command Menu Regex","description":"Regex tester and library command menu with pattern categories, descriptions, and copy-to-clipboard for React developer tools","dependencies":["lucide-react"],"registryDependencies":["button","command","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-regex.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-regex.tsx"}]},{"name":"command-menu-metrics","type":"registry:block","title":"Command Menu Metrics","description":"Metrics dashboard quick view command menu with real-time indicators and trend data for React dashboards","dependencies":["lucide-react"],"registryDependencies":["button","command","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-metrics.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-metrics.tsx"}]},{"name":"command-menu-integrations","type":"registry:block","title":"Command Menu Integrations","description":"A third-party integrations browser with connection management, service categories, and real-time status indicators","dependencies":["lucide-react"],"registryDependencies":["button","command","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-integrations.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-integrations.tsx"}]},{"name":"command-menu-global-search","type":"registry:block","title":"Command Menu Global Search","description":"Full-text global search command menu with categorized results and type indicators for React apps","dependencies":["lucide-react"],"registryDependencies":["button","command","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-global-search.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-global-search.tsx"}]},{"name":"command-menu-kanban","type":"registry:block","title":"Command Menu Kanban","description":"A kanban board command palette for moving cards, creating tasks, filtering by label, and sorting by priority with column item counts","dependencies":["lucide-react"],"registryDependencies":["badge","button","command","dialog","input","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-kanban.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-kanban.tsx"}]},{"name":"command-menu-onboarding","type":"registry:block","title":"Command Menu Onboarding","description":"Onboarding step navigator command menu with progress tracking and completion states for React app setup flows","dependencies":["lucide-react"],"registryDependencies":["button","command","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-onboarding.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-onboarding.tsx"}]},{"name":"command-menu-contacts","type":"registry:block","title":"Command Menu Contacts","description":"Contact picker command menu with search, recent contacts, and groups for React communication apps","dependencies":["lucide-react"],"registryDependencies":["avatar","badge","button","command","dialog","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-contacts.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-contacts.tsx"}]},{"name":"command-menu-project","type":"registry:block","title":"Command Menu Project","description":"Project and repository switcher command menu with git status, recent activity, and quick actions for React dev tools","dependencies":["lucide-react"],"registryDependencies":["badge","button","command","dialog","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-project.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-project.tsx"}]},{"name":"command-menu-cache","type":"registry:block","title":"Command Menu Cache","description":"Cache management command menu with purge actions and storage metrics for React developer tools","dependencies":["lucide-react"],"registryDependencies":["button","command","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-cache.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-cache.tsx"}]},{"name":"command-menu-migration","type":"registry:block","title":"Command Menu Migration","description":"Database migration actions command menu with version tracking, rollback, and status indicators for React admin tools","dependencies":["lucide-react"],"registryDependencies":["button","command","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-migration.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-migration.tsx"}]},{"name":"command-menu-roles","type":"registry:block","title":"Command Menu Roles","description":"Role assignment manager command menu with permission levels, user counts, and quick assignment for React admin panels","dependencies":["lucide-react"],"registryDependencies":["button","command","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-roles.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-roles.tsx"}]},{"name":"command-menu-templates","type":"registry:block","title":"Command Menu Templates","description":"Template browser command menu with categories, previews, and quick-insert functionality for React content editors","dependencies":["lucide-react"],"registryDependencies":["button","command","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-templates.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-templates.tsx"}]},{"name":"command-menu-domains","type":"registry:block","title":"Command Menu Domains","description":"Domain management command menu with DNS status, SSL checks, and domain actions for React hosting dashboards","dependencies":["lucide-react"],"registryDependencies":["button","command","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-domains.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-domains.tsx"}]},{"name":"command-menu-keyboard","type":"registry:block","title":"Command Menu Keyboard","description":"Keyboard shortcut reference command menu with categorized bindings and search for React apps","dependencies":["lucide-react"],"registryDependencies":["button","command","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-keyboard.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-keyboard.tsx"}]},{"name":"command-menu-basic","type":"registry:block","title":"Command Menu Basic","description":"Basic command menu with grouped navigation items and keyboard shortcut trigger for React apps","dependencies":["lucide-react"],"registryDependencies":["button","command","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-basic.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-basic.tsx"}]},{"name":"command-menu-history","type":"registry:block","title":"Command Menu History","description":"A command palette for browsing action history with time-grouped entries, action type filtering, and clear history functionality for tracking user activity","dependencies":["lucide-react"],"registryDependencies":["badge","button","command","kbd","popover"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-history.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-history.tsx"}]},{"name":"command-menu-time-zones","type":"registry:block","title":"Command Menu Time Zones","description":"Time zone converter command menu with world clock, meeting planner, and quick conversions for React scheduling apps","dependencies":["lucide-react"],"registryDependencies":["badge","button","command","dialog","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-time-zones.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-time-zones.tsx"}]},{"name":"command-menu-accounts","type":"registry:block","title":"Command Menu Accounts","description":"Account switching command menu with workspace and profile selection for multi-tenant React apps","dependencies":["lucide-react"],"registryDependencies":["button","command","kbd"],"premium":true,"files":[{"path":"blocks/command-menu/command-menu-accounts.tsx","type":"registry:block","target":"components/blocks/command-menu/command-menu-accounts.tsx"}]},{"name":"about-quick-facts","type":"registry:block","title":"About Quick Facts","description":"An asymmetric bento grid of company quick facts for React and Next.js with featured cells, context labels, and scale entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/about/about-quick-facts.tsx","type":"registry:block","target":"components/blocks/about/about-quick-facts.tsx"}]},{"name":"about-alumni-network","type":"registry:block","title":"About Alumni Network","description":"An interactive alumni network bento grid block for React and Next.js with asymmetric career journey cards, featured alumni spotlight, transition indicators, and summary stats built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","tooltip"],"premium":true,"files":[{"path":"blocks/about/about-alumni-network.tsx","type":"registry:block","target":"components/blocks/about/about-alumni-network.tsx"}]},{"name":"about-design-principles","type":"registry:block","title":"About Design Principles","description":"A left-accent card stack of design principles block for React and Next.js with colored border accents, monospace numbering, italic test questions, expandable detail sections, and staggered slide-from-left animations built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/about/about-design-principles.tsx","type":"registry:block","target":"components/blocks/about/about-design-principles.tsx"}]},{"name":"about-customer-love","type":"registry:block","title":"About Customer Love","description":"A customer love stories block for React and Next.js with colored left-accent cards, industry badges, measurable outcome stats, and slide-from-left entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/about/about-customer-love.tsx","type":"registry:block","target":"components/blocks/about/about-customer-love.tsx"}]},{"name":"about-with-testimonial","type":"registry:block","title":"About With Testimonial","description":"A split-panel about block for React and Next.js with company description paragraphs, featured customer testimonial quote, star rating, author details, and divide-x layout built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar"],"premium":true,"files":[{"path":"blocks/about/about-with-testimonial.tsx","type":"registry:block","target":"components/blocks/about/about-with-testimonial.tsx"}]},{"name":"about-customer-logos","type":"registry:block","title":"About Customer Logos","description":"A customer showcase bento grid block for React and Next.js with asymmetric card layout, industry tags, key metrics, featured customer quote, and staggered scale entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/about/about-customer-logos.tsx","type":"registry:block","target":"components/blocks/about/about-customer-logos.tsx"}]},{"name":"about-team-avatars","type":"registry:block","title":"About Team Avatars","description":"A compact team avatars block for React and Next.js with overlapping initials row, department breakdown bars, headcount stats, and hiring status indicator built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/about/about-team-avatars.tsx","type":"registry:block","target":"components/blocks/about/about-team-avatars.tsx"}]},{"name":"about-publications","type":"registry:block","title":"About Publications","description":"A stacked publications list for React and Next.js with type-colored left accents, authors, venues, abstracts, and download counts built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/about/about-publications.tsx","type":"registry:block","target":"components/blocks/about/about-publications.tsx"}]},{"name":"about-mentorship-program","type":"registry:block","title":"About Mentorship Program","description":"A split-panel mentorship program overview block for React and Next.js with side-by-side mentor and mentee perspectives, benefit lists, matching process details, program statistics, and directional entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/about/about-mentorship-program.tsx","type":"registry:block","target":"components/blocks/about/about-mentorship-program.tsx"}]},{"name":"about-specializations","type":"registry:block","title":"About Specializations","description":"A specializations bento grid block for React and Next.js with asymmetric capability cards, proficiency bars, certification badges, notable project outcomes, and staggered grid entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/about/about-specializations.tsx","type":"registry:block","target":"components/blocks/about/about-specializations.tsx"}]},{"name":"about-podcast-episodes","type":"registry:block","title":"About Podcast Episodes","description":"A podcast episodes block for React and Next.js with episode list, expandable descriptions, category badges, play button icons, duration badges, and staggered entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/about/about-podcast-episodes.tsx","type":"registry:block","target":"components/blocks/about/about-podcast-episodes.tsx"}]},{"name":"about-rating-badges","type":"registry:block","title":"About Rating Badges","description":"A multi-column grid of third-party review platform ratings for React and Next.js with scores, star representations, review counts, and badge types built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/about/about-rating-badges.tsx","type":"registry:block","target":"components/blocks/about/about-rating-badges.tsx"}]},{"name":"about-careers-cta","type":"registry:block","title":"About Careers Cta","description":"A careers call-to-action block for React and Next.js with department-filtered job listings, culture proof metrics, benefit highlights, team size indicators, salary ranges, and staggered entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","separator"],"premium":true,"files":[{"path":"blocks/about/about-careers-cta.tsx","type":"registry:block","target":"components/blocks/about/about-careers-cta.tsx"}]},{"name":"about-values-cloud","type":"registry:block","title":"About Values Cloud","description":"A tag cloud values block for React and Next.js with varying pill sizes, hover state interactions, weighted primary values, explanatory paragraph, and fade entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/about/about-values-cloud.tsx","type":"registry:block","target":"components/blocks/about/about-values-cloud.tsx"}]},{"name":"about-testimonial-carousel","type":"registry:block","title":"About Testimonial Carousel","description":"A testimonial carousel block for React and Next.js with directional slide animations, star ratings, left/right navigation arrows, dot pagination, company and role attribution, and AnimatePresence transitions built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/about/about-testimonial-carousel.tsx","type":"registry:block","target":"components/blocks/about/about-testimonial-carousel.tsx"}]},{"name":"about-origin-story","type":"registry:block","title":"About Origin Story","description":"An origin story timeline block for React and Next.js with vertical rail, year markers, chapter titles, narrative paragraphs, alternating entrance animations, and current milestone highlight built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/about/about-origin-story.tsx","type":"registry:block","target":"components/blocks/about/about-origin-story.tsx"}]},{"name":"about-media-mentions","type":"registry:block","title":"About Media Mentions","description":"A sortable media mentions data table block for React and Next.js with publication metadata, type badges, reach metrics, hover-to-reveal links, and staggered row entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button","table"],"premium":true,"files":[{"path":"blocks/about/about-media-mentions.tsx","type":"registry:block","target":"components/blocks/about/about-media-mentions.tsx"}]},{"name":"about-executive-team","type":"registry:block","title":"About Executive Team","description":"An executive team multi-column grid block for React and Next.js with responsive card layout, hover-reveal quotes, tenure badges, brief bios, and staggered entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"registryDependencies":["avatar","badge","separator"],"premium":true,"files":[{"path":"blocks/about/about-executive-team.tsx","type":"registry:block","target":"components/blocks/about/about-executive-team.tsx"}]},{"name":"about-comparison","type":"registry:block","title":"About Comparison","description":"A matched-pair split panel comparison block for React and Next.js with pain-point to solution mapping, improvement metrics, connecting arrows, and staggered animations built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/about/about-comparison.tsx","type":"registry:block","target":"components/blocks/about/about-comparison.tsx"}]},{"name":"about-partnerships","type":"registry:block","title":"About Partnerships","description":"A partner ecosystem bento grid block for React and Next.js with featured partners, partner type badges, joint customer counts, partner quotes, and scale entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"registryDependencies":["separator"],"premium":true,"files":[{"path":"blocks/about/about-partnerships.tsx","type":"registry:block","target":"components/blocks/about/about-partnerships.tsx"}]},{"name":"about-key-moments","type":"registry:block","title":"About Key Moments","description":"A vertical timeline key moments block for React and Next.js with left-rail timeline, impact-sized dot nodes, monospace year labels, impact badges, event descriptions, and alternating entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/about/about-key-moments.tsx","type":"registry:block","target":"components/blocks/about/about-key-moments.tsx"}]},{"name":"about-features-grid","type":"registry:block","title":"About Features Grid","description":"A features grid block for React and Next.js with 9 icon-free feature cards in a 3-column gap-px border layout, learn-more links, responsive column collapsing, and scale entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/about/about-features-grid.tsx","type":"registry:block","target":"components/blocks/about/about-features-grid.tsx"}]},{"name":"about-industries-served","type":"registry:block","title":"About Industries Served","description":"A multi-column industry grid block for React and Next.js with six industry cards, customer counts, key use cases, featured customer names, hover states, and staggered scale entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/about/about-industries-served.tsx","type":"registry:block","target":"components/blocks/about/about-industries-served.tsx"}]},{"name":"about-infrastructure","type":"registry:block","title":"About Infrastructure","description":"A split-panel infrastructure stack block for React and Next.js with interactive layer selection, vertical connecting lines, provider specs grid, redundancy badges, uptime stats, and AnimatePresence content transitions built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","separator"],"premium":true,"files":[{"path":"blocks/about/about-infrastructure.tsx","type":"registry:block","target":"components/blocks/about/about-infrastructure.tsx"}]},{"name":"about-speaking-engagements","type":"registry:block","title":"About Speaking Engagements","description":"A speaking engagements block for React and Next.js with expandable talk abstracts, event type badges, speaker attribution, and staggered entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/about/about-speaking-engagements.tsx","type":"registry:block","target":"components/blocks/about/about-speaking-engagements.tsx"}]},{"name":"about-lessons-learned","type":"registry:block","title":"About Lessons Learned","description":"A lessons learned card stack block for React and Next.js with colored left-accent borders, expandable situation-insight-outcome sections, monospace numbering, and slide-from-left entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/about/about-lessons-learned.tsx","type":"registry:block","target":"components/blocks/about/about-lessons-learned.tsx"}]},{"name":"about-timeline","type":"registry:block","title":"About Timeline","description":"A horizontal milestone timeline block for React and Next.js with 6 connected steps, responsive horizontal-to-vertical layout, progress line, and staggered left-to-right entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/about/about-timeline.tsx","type":"registry:block","target":"components/blocks/about/about-timeline.tsx"}]},{"name":"about-customer-wall","type":"registry:block","title":"About Customer Wall","description":"A customer wall block for React and Next.js with asymmetric bento grid layout, varied quote lengths, role badges, subtle background tints, and scale-up entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/about/about-customer-wall.tsx","type":"registry:block","target":"components/blocks/about/about-customer-wall.tsx"}]},{"name":"about-tabs","type":"registry:block","title":"About Tabs","description":"A tabbed company overview block for React and Next.js with shadcn Tabs for Mission, Vision, Values, and Culture sections, distinct content layouts per tab, AnimatePresence transitions, and semantic typography built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"registryDependencies":["tabs"],"premium":true,"files":[{"path":"blocks/about/about-tabs.tsx","type":"registry:block","target":"components/blocks/about/about-tabs.tsx"}]},{"name":"about-vision-statement","type":"registry:block","title":"About Vision Statement","description":"A centered vision statement block for React and Next.js with large editorial text, strategic pillars, time horizon footer, and fade-scale entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/about/about-vision-statement.tsx","type":"registry:block","target":"components/blocks/about/about-vision-statement.tsx"}]},{"name":"about-craft","type":"registry:block","title":"About Craft","description":"A craft disciplines tabbed card block for React and Next.js with shadcn/ui Tabs navigation, principle rows with code examples, metric highlights, and AnimatePresence tab transitions built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["tabs"],"premium":true,"files":[{"path":"blocks/about/about-craft.tsx","type":"registry:block","target":"components/blocks/about/about-craft.tsx"}]},{"name":"about-behind-the-scenes","type":"registry:block","title":"About Behind The Scenes","description":"A behind-the-scenes department deep-dive block for React and Next.js with expandable accordion sections, colored department accents, key metrics, tools used, and staggered entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/about/about-behind-the-scenes.tsx","type":"registry:block","target":"components/blocks/about/about-behind-the-scenes.tsx"}]},{"name":"about-quote-large","type":"registry:block","title":"About Quote Large","description":"A large centered editorial quote with attribution and context stats for React and Next.js about pages built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"registryDependencies":["separator"],"premium":true,"files":[{"path":"blocks/about/about-quote-large.tsx","type":"registry:block","target":"components/blocks/about/about-quote-large.tsx"}]},{"name":"about-alternating","type":"registry:block","title":"About Alternating","description":"An alternating story section block for React and Next.js with zigzag chapter layout, milestone metrics, pull-quote highlights, expandable details, and staggered entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","separator"],"premium":true,"files":[{"path":"blocks/about/about-alternating.tsx","type":"registry:block","target":"components/blocks/about/about-alternating.tsx"}]},{"name":"about-story-centered","type":"registry:block","title":"About Story Centered","description":"A centered narrative origin story block for React and Next.js with staggered paragraph entrance, pull-quote blockquote, editorial typography, and founder attribution built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/about/about-story-centered.tsx","type":"registry:block","target":"components/blocks/about/about-story-centered.tsx"}]},{"name":"about-work-style","type":"registry:block","title":"About Work Style","description":"A card-based work style manifesto block for React and Next.js with numbered principle cards, colored left borders, expandable detail toggles, team quotes, practice badges, and staggered entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/about/about-work-style.tsx","type":"registry:block","target":"components/blocks/about/about-work-style.tsx"}]},{"name":"about-company-dna","type":"registry:block","title":"About Company Dna","description":"A left-accent card stack of founding principles for React and Next.js with monospace numbering, decision-making test questions, and expandable detail sections built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/about/about-company-dna.tsx","type":"registry:block","target":"components/blocks/about/about-company-dna.tsx"}]},{"name":"about-workflow","type":"registry:block","title":"About Workflow","description":"A horizontal process stepper workflow block for React and Next.js with six connected phases, numbered circles, connecting lines, expandable sub-steps, tool icons, duration badges, and AnimatePresence transitions built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/about/about-workflow.tsx","type":"registry:block","target":"components/blocks/about/about-workflow.tsx"}]},{"name":"about-remote-culture","type":"registry:block","title":"About Remote Culture","description":"A remote-first manifesto block for React and Next.js with numbered principle cards, employee quotes, tool badges, key metrics, and staggered entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/about/about-remote-culture.tsx","type":"registry:block","target":"components/blocks/about/about-remote-culture.tsx"}]},{"name":"about-faq","type":"registry:block","title":"About Faq","description":"A frequently asked questions block for React and Next.js with grouped categories, custom expandable sections using AnimatePresence height animation, chevron rotation, and staggered entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/about/about-faq.tsx","type":"registry:block","target":"components/blocks/about/about-faq.tsx"}]},{"name":"about-principles","type":"registry:block","title":"About Principles","description":"A company principles block for React and Next.js with vertical numbered timeline, connecting lines between principle nodes, test questions in italic, expandable details, and staggered entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/about/about-principles.tsx","type":"registry:block","target":"components/blocks/about/about-principles.tsx"}]},{"name":"about-team-mosaic","type":"registry:block","title":"About Team Mosaic","description":"An asymmetric team mosaic grid block for React and Next.js with featured member highlights, role badges, fun facts, department grouping, and staggered scale entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/about/about-team-mosaic.tsx","type":"registry:block","target":"components/blocks/about/about-team-mosaic.tsx"}]},{"name":"about-compliance-badges","type":"registry:block","title":"About Compliance Badges","description":"A compact compliance certification list block for React and Next.js with status grouping, audit dates, renewal tracking, and request action built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/about/about-compliance-badges.tsx","type":"registry:block","target":"components/blocks/about/about-compliance-badges.tsx"}]},{"name":"about-case-study-cards","type":"registry:block","title":"About Case Study Cards","description":"A customer case study bento grid block for React and Next.js with asymmetric card layout, featured study with large metric callout, industry-colored top borders, tech stack badges, and scale-up entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/about/about-case-study-cards.tsx","type":"registry:block","target":"components/blocks/about/about-case-study-cards.tsx"}]},{"name":"about-methodology","type":"registry:block","title":"About Methodology","description":"A five-step methodology stepper block for React and Next.js with numbered steps connected by vertical lines, tool badges, duration indicators, highlighted current step, and staggered entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/about/about-methodology.tsx","type":"registry:block","target":"components/blocks/about/about-methodology.tsx"}]},{"name":"about-operating-principles","type":"registry:block","title":"About Operating Principles","description":"An operating principles block for React and Next.js with colored left-accent card stack, monospace numbering, decision test questions, expandable detail sections, and staggered slide-from-left animations built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/about/about-operating-principles.tsx","type":"registry:block","target":"components/blocks/about/about-operating-principles.tsx"}]},{"name":"about-metrics-cards","type":"registry:block","title":"About Metrics Cards","description":"An asymmetric bento grid metrics block for React and Next.js with hero metric cells, trend indicators, contextual labels, semantic color coding, and staggered grid entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/about/about-metrics-cards.tsx","type":"registry:block","target":"components/blocks/about/about-metrics-cards.tsx"}]},{"name":"about-mission","type":"registry:block","title":"About Mission","description":"A centered mission statement block for React and Next.js with hero text, supporting pillars row, and founding context built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/about/about-mission.tsx","type":"registry:block","target":"components/blocks/about/about-mission.tsx"}]},{"name":"about-two-column","type":"registry:block","title":"About Two Column","description":"A split-panel about block for React and Next.js with company narrative prose on the left, 6 stacked vertical metrics on the right, divide-x separator, and entrance animations from respective sides built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"registryDependencies":["separator"],"premium":true,"files":[{"path":"blocks/about/about-two-column.tsx","type":"registry:block","target":"components/blocks/about/about-two-column.tsx"}]},{"name":"about-team-voices","type":"registry:block","title":"About Team Voices","description":"A team member quote carousel block for React and Next.js with prev/next navigation, department badges, tenure display, animated slide transitions, and dot indicators built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/about/about-team-voices.tsx","type":"registry:block","target":"components/blocks/about/about-team-voices.tsx"}]},{"name":"about-values-bento","type":"registry:block","title":"About Values Bento","description":"An asymmetric bento grid values block for React and Next.js with featured value stories, colored left-border accents, nested example narratives, and staggered scale entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/about/about-values-bento.tsx","type":"registry:block","target":"components/blocks/about/about-values-bento.tsx"}]},{"name":"about-values-slider","type":"registry:block","title":"About Values Slider","description":"An interactive values slider block for React and Next.js with prev/next navigation, directional horizontal slide animations, practice examples, value metrics, and dot pagination built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/about/about-values-slider.tsx","type":"registry:block","target":"components/blocks/about/about-values-slider.tsx"}]},{"name":"about-counters-row","type":"registry:block","title":"About Counters Row","description":"An animated counter row block for React and Next.js with contextual descriptions, trend indicators, gap-as-border grid layout, and last updated footer built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/about/about-counters-row.tsx","type":"registry:block","target":"components/blocks/about/about-counters-row.tsx"}]},{"name":"about-stats-colored","type":"registry:block","title":"About Stats Colored","description":"A colored stats grid block for React and Next.js with left-border accent cards, large metric numbers, trend indicators, context lines, and responsive 2x3 grid layout built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/about/about-stats-colored.tsx","type":"registry:block","target":"components/blocks/about/about-stats-colored.tsx"}]},{"name":"about-split-logos","type":"registry:block","title":"About Split Logos","description":"A split-panel trust block for React and Next.js with startup and enterprise customer grids, customer counts, segment descriptions, and side-by-side entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"registryDependencies":["separator"],"premium":true,"files":[{"path":"blocks/about/about-split-logos.tsx","type":"registry:block","target":"components/blocks/about/about-split-logos.tsx"}]},{"name":"about-numbers-narrative","type":"registry:block","title":"About Numbers Narrative","description":"A split-panel numbers narrative block for React and Next.js with large monospace metrics, contextual storytelling, and divide-x layout built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/about/about-numbers-narrative.tsx","type":"registry:block","target":"components/blocks/about/about-numbers-narrative.tsx"}]},{"name":"about-brand-identity","type":"registry:block","title":"About Brand Identity","description":"A brand identity and values block for React and Next.js with vertical timeline-style pillars, origin story section, manifesto quotes, in-practice proof points, expandable detail panels, and staggered entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","separator"],"premium":true,"files":[{"path":"blocks/about/about-brand-identity.tsx","type":"registry:block","target":"components/blocks/about/about-brand-identity.tsx"}]},{"name":"about-open-source","type":"registry:block","title":"About Open Source","description":"An open-source project showcase bento grid block for React and Next.js with featured project hero cells, star counts, language badges, contributor stats, and staggered scale entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/about/about-open-source.tsx","type":"registry:block","target":"components/blocks/about/about-open-source.tsx"}]},{"name":"about-bold-statement","type":"registry:block","title":"About Bold Statement","description":"A dramatic spotlight statement block for React and Next.js with word-by-word staggered animations, dot grid background, horizontal rule divider, and ghost CTA buttons built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/about/about-bold-statement.tsx","type":"registry:block","target":"components/blocks/about/about-bold-statement.tsx"}]},{"name":"about-book-shelf","type":"registry:block","title":"About Book Shelf","description":"A curated team reading list block for React and Next.js with stacked horizontal book cards, colored spine accents, category grouping with section headers, key takeaway quotes, and staggered entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/about/about-book-shelf.tsx","type":"registry:block","target":"components/blocks/about/about-book-shelf.tsx"}]},{"name":"about-client-results","type":"registry:block","title":"About Client Results","description":"A structured data table of client results for React and Next.js with before/after metrics, computed improvement percentages, industry badges, and hover states built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/about/about-client-results.tsx","type":"registry:block","target":"components/blocks/about/about-client-results.tsx"}]},{"name":"about-benefits-detailed","type":"registry:block","title":"About Benefits Detailed","description":"A detailed employee benefits section block for React and Next.js with large headline, stats row, and a four-category grid showing health, financial, time off, and growth perks built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/about/about-benefits-detailed.tsx","type":"registry:block","target":"components/blocks/about/about-benefits-detailed.tsx"}]},{"name":"about-brand-assets","type":"registry:block","title":"About Brand Assets","description":"A brand guidelines and asset library block for React and Next.js with tabbed sections for logos, colors, typography, and usage rules, copy-to-clipboard hex codes, font specimens, do/don't examples, and download actions built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button","separator"],"premium":true,"files":[{"path":"blocks/about/about-brand-assets.tsx","type":"registry:block","target":"components/blocks/about/about-brand-assets.tsx"}]},{"name":"about-perks","type":"registry:block","title":"About Perks","description":"A multi-column employee perks grid block for React and Next.js with perk values, category labels, responsive columns, gap-as-border pattern, and scale entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/about/about-perks.tsx","type":"registry:block","target":"components/blocks/about/about-perks.tsx"}]},{"name":"about-architecture-overview","type":"registry:block","title":"About Architecture Overview","description":"An interactive system architecture block for React and Next.js with expandable infrastructure layers, technology badges, layer descriptions, and staggered animations built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/about/about-architecture-overview.tsx","type":"registry:block","target":"components/blocks/about/about-architecture-overview.tsx"}]},{"name":"about-sales-team","type":"registry:block","title":"About Sales Team","description":"A sales team grid block for React and Next.js with member cards, region badges, specialization tags, booking links, and staggered entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge"],"premium":true,"files":[{"path":"blocks/about/about-sales-team.tsx","type":"registry:block","target":"components/blocks/about/about-sales-team.tsx"}]},{"name":"about-sustainability","type":"registry:block","title":"About Sustainability","description":"A sustainability milestones timeline block for React and Next.js with vertical timeline, category-colored dots, impact metric badges, year markers, and staggered alternating entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/about/about-sustainability.tsx","type":"registry:block","target":"components/blocks/about/about-sustainability.tsx"}]},{"name":"about-team-breakdown","type":"registry:block","title":"About Team Breakdown","description":"A team composition split panel block for React and Next.js with department progress bars, demographic distribution, tenure breakdown, and divide-x layout built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"registryDependencies":["separator"],"premium":true,"files":[{"path":"blocks/about/about-team-breakdown.tsx","type":"registry:block","target":"components/blocks/about/about-team-breakdown.tsx"}]},{"name":"about-photo-gallery","type":"registry:block","title":"About Photo Gallery","description":"An asymmetric bento-grid photo gallery block for React and Next.js with varying aspect ratios, caption overlays, location labels, and scale entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/about/about-photo-gallery.tsx","type":"registry:block","target":"components/blocks/about/about-photo-gallery.tsx"}]},{"name":"about-investors","type":"registry:block","title":"About Investors","description":"A stacked investor cards block for React and Next.js with colored left border accents by investor type, investment thesis quotes, portfolio company lists, funding round details, and slide-from-left entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/about/about-investors.tsx","type":"registry:block","target":"components/blocks/about/about-investors.tsx"}]},{"name":"about-transparency-report","type":"registry:block","title":"About Transparency Report","description":"A quarterly transparency metrics table block for React and Next.js with 8 financial and operational rows, Q1-Q4 columns, year-over-year change indicators, sortable headers, and color-coded performance signals built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["table"],"premium":true,"files":[{"path":"blocks/about/about-transparency-report.tsx","type":"registry:block","target":"components/blocks/about/about-transparency-report.tsx"}]},{"name":"about-office-tour","type":"registry:block","title":"About Office Tour","description":"A building directory office tour card for React and Next.js with stacked room cards, colored left border accents, capacity badges, amenity pills, and staggered entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/about/about-office-tour.tsx","type":"registry:block","target":"components/blocks/about/about-office-tour.tsx"}]},{"name":"about-by-the-numbers","type":"registry:block","title":"About By The Numbers","description":"A company metrics bento grid block for React and Next.js with categorized stat groups, asymmetric cell sizing, trend indicators, contextual footnotes, and staggered scale entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["separator"],"premium":true,"files":[{"path":"blocks/about/about-by-the-numbers.tsx","type":"registry:block","target":"components/blocks/about/about-by-the-numbers.tsx"}]},{"name":"about-impact","type":"registry:block","title":"About Impact","description":"An asymmetric bento grid impact metrics block for React and Next.js with featured stat cells, semantic color categories, context lines, computed totals, and staggered scale entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/about/about-impact.tsx","type":"registry:block","target":"components/blocks/about/about-impact.tsx"}]},{"name":"about-employee-spotlights","type":"registry:block","title":"About Employee Spotlights","description":"An employee spotlights vertical card stack block for React and Next.js with colored accent borders, initials avatars, personal quotes, tenure badges, fun fact pills, and staggered entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"registryDependencies":["avatar","badge"],"premium":true,"files":[{"path":"blocks/about/about-employee-spotlights.tsx","type":"registry:block","target":"components/blocks/about/about-employee-spotlights.tsx"}]},{"name":"about-events-calendar","type":"registry:block","title":"About Events Calendar","description":"An events calendar data table block for React and Next.js with sortable columns, type badges, status indicators, row hover states, and a subscribe CTA footer built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button","table"],"premium":true,"files":[{"path":"blocks/about/about-events-calendar.tsx","type":"registry:block","target":"components/blocks/about/about-events-calendar.tsx"}]},{"name":"about-sla-commitments","type":"registry:block","title":"About Sla Commitments","description":"An SLA commitments block for React and Next.js with severity-colored left accent cards, response and resolution times, compliance percentages, and penalty clauses built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/about/about-sla-commitments.tsx","type":"registry:block","target":"components/blocks/about/about-sla-commitments.tsx"}]},{"name":"about-layered","type":"registry:block","title":"About Layered","description":"A layered about section block for React and Next.js with stacked mission statement, value pills, numbered approach list, and proof stats row built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"registryDependencies":["badge","separator"],"premium":true,"files":[{"path":"blocks/about/about-layered.tsx","type":"registry:block","target":"components/blocks/about/about-layered.tsx"}]},{"name":"about-feedback-culture","type":"registry:block","title":"About Feedback Culture","description":"A feedback culture block for React and Next.js with a horizontal stepper showing 5 feedback stages, connecting lines between numbered steps, active step highlighting, stage descriptions with real examples, and entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/about/about-feedback-culture.tsx","type":"registry:block","target":"components/blocks/about/about-feedback-culture.tsx"}]},{"name":"about-expertise-grid","type":"registry:block","title":"About Expertise Grid","description":"An expertise grid block for React and Next.js with asymmetric bento layout, nested skill data with years and project counts, semantic color coding by domain, and scale-up entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/about/about-expertise-grid.tsx","type":"registry:block","target":"components/blocks/about/about-expertise-grid.tsx"}]},{"name":"about-funding-timeline","type":"registry:block","title":"About Funding Timeline","description":"A vertical funding timeline block for React and Next.js with progressive round nodes, investor details, fund allocation breakdowns, valuation badges, and staggered entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/about/about-funding-timeline.tsx","type":"registry:block","target":"components/blocks/about/about-funding-timeline.tsx"}]},{"name":"about-open-positions","type":"registry:block","title":"About Open Positions","description":"A job listings block for React and Next.js with department filter pills, animated filtered list, location and type badges, and resume CTA built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/about/about-open-positions.tsx","type":"registry:block","target":"components/blocks/about/about-open-positions.tsx"}]},{"name":"about-founder-letter","type":"registry:block","title":"About Founder Letter","description":"A founder letter block for React and Next.js with editorial letter format, four thoughtful paragraphs, italic pull-quote, signature block with name and title, date header, and fade-in entrance animation built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/about/about-founder-letter.tsx","type":"registry:block","target":"components/blocks/about/about-founder-letter.tsx"}]},{"name":"about-global-presence","type":"registry:block","title":"About Global Presence","description":"A compact global presence card for React and Next.js with stacked office rows, flag emojis, team size badges, timezone labels, role breakdown dots, and staggered entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/about/about-global-presence.tsx","type":"registry:block","target":"components/blocks/about/about-global-presence.tsx"}]},{"name":"about-charity-giving","type":"registry:block","title":"About Charity Giving","description":"A corporate philanthropy block for React and Next.js with split-panel layout, impact headline metrics, cause cards with progress bars, donation matching details, employee participation tracking, and staggered entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","separator"],"premium":true,"files":[{"path":"blocks/about/about-charity-giving.tsx","type":"registry:block","target":"components/blocks/about/about-charity-giving.tsx"}]},{"name":"about-differentiators","type":"registry:block","title":"About Differentiators","description":"A three-column competitive comparison grid block for React and Next.js with Us vs Traditional vs DIY columns, check and cross feature indicators, highlighted primary column, gap-as-border pattern, and footer summary counts built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/about/about-differentiators.tsx","type":"registry:block","target":"components/blocks/about/about-differentiators.tsx"}]},{"name":"about-statement","type":"registry:block","title":"About Statement","description":"A bold company statement block for React and Next.js with large centered typography, supporting paragraphs, founding year footer, and fade-scale entrance animation built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/about/about-statement.tsx","type":"registry:block","target":"components/blocks/about/about-statement.tsx"}]},{"name":"about-day-in-life","type":"registry:block","title":"About Day In Life","description":"A vertical timeline day-at-the-company block for React and Next.js with color-coded activity types, participant tags, time rail, and staggered entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/about/about-day-in-life.tsx","type":"registry:block","target":"components/blocks/about/about-day-in-life.tsx"}]},{"name":"about-stats-large","type":"registry:block","title":"About Stats Large","description":"A large statistics block for React and Next.js with prominent counter metrics, contextual descriptions, 2x2 grid layout, and staggered fade entrance built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/about/about-stats-large.tsx","type":"registry:block","target":"components/blocks/about/about-stats-large.tsx"}]},{"name":"about-learning-development","type":"registry:block","title":"About Learning Development","description":"A numbered steps learning and development card for React and Next.js with vertical connecting line, program offerings, key budget stats, participation metrics, and staggered entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/about/about-learning-development.tsx","type":"registry:block","target":"components/blocks/about/about-learning-development.tsx"}]},{"name":"about-approach","type":"registry:block","title":"About Approach","description":"An interactive approach stepper block for React and Next.js with horizontal phase navigation, split detail panel, deliverable cards, team badges, and cross-fade animations built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/about/about-approach.tsx","type":"registry:block","target":"components/blocks/about/about-approach.tsx"}]},{"name":"about-locations","type":"registry:block","title":"About Locations","description":"A multi-column office locations grid block for React and Next.js with city cards, office type badges, team size indicators, timezone labels, hiring status, and staggered scale entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/about/about-locations.tsx","type":"registry:block","target":"components/blocks/about/about-locations.tsx"}]},{"name":"about-video-split","type":"registry:block","title":"About Video Split","description":"A split-panel video block for React and Next.js with video placeholder area, PlayCircle icon, key topics list, duration badge, watch now CTA, and divide-x layout built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/about/about-video-split.tsx","type":"registry:block","target":"components/blocks/about/about-video-split.tsx"}]},{"name":"about-founders","type":"registry:block","title":"About Founders","description":"A co-founders split panel block for React and Next.js with side-by-side bios, philosophy quotes, career stats, and directional entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"registryDependencies":["badge","separator"],"premium":true,"files":[{"path":"blocks/about/about-founders.tsx","type":"registry:block","target":"components/blocks/about/about-founders.tsx"}]},{"name":"about-open-metrics","type":"registry:block","title":"About Open Metrics","description":"A public transparency metrics table block for React and Next.js with sortable columns, quarterly comparison, percentage change indicators, and target tracking built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","table"],"premium":true,"files":[{"path":"blocks/about/about-open-metrics.tsx","type":"registry:block","target":"components/blocks/about/about-open-metrics.tsx"}]},{"name":"about-success-stories","type":"registry:block","title":"About Success Stories","description":"A vertical timeline success stories block for React and Next.js with chronological customer milestones, metric callouts, expandable detail panels, quote attributions, and staggered entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/about/about-success-stories.tsx","type":"registry:block","target":"components/blocks/about/about-success-stories.tsx"}]},{"name":"about-api-stats","type":"registry:block","title":"About Api Stats","description":"A dashboard-style API health bento grid block for React and Next.js with uptime ring, metric tiles, 30-day status grid, and endpoint table built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/about/about-api-stats.tsx","type":"registry:block","target":"components/blocks/about/about-api-stats.tsx"}]},{"name":"about-manifesto","type":"registry:block","title":"About Manifesto","description":"An editorial company manifesto block for React and Next.js with numbered belief statements, supporting descriptions, a highlighted pull-quote, monospace numbering, and fade-in entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"registryDependencies":["separator"],"premium":true,"files":[{"path":"blocks/about/about-manifesto.tsx","type":"registry:block","target":"components/blocks/about/about-manifesto.tsx"}]},{"name":"about-patents-portfolio","type":"registry:block","title":"About Patents Portfolio","description":"A sortable patent portfolio data table block for React and Next.js with patent numbers, category badges, filing status indicators, date sorting, and staggered row entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["table"],"premium":true,"files":[{"path":"blocks/about/about-patents-portfolio.tsx","type":"registry:block","target":"components/blocks/about/about-patents-portfolio.tsx"}]},{"name":"about-guarantee","type":"registry:block","title":"About Guarantee","description":"A trust-building guarantee block for React and Next.js with checkmark-verified promises, fine-print detail lines, expandable terms section, and fade entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/about/about-guarantee.tsx","type":"registry:block","target":"components/blocks/about/about-guarantee.tsx"}]},{"name":"about-team-grid","type":"registry:block","title":"About Team Grid","description":"A team member grid block for React and Next.js with responsive multi-column layout, initials avatars, department badges, hover bio reveal, gap-px border pattern, and staggered entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/about/about-team-grid.tsx","type":"registry:block","target":"components/blocks/about/about-team-grid.tsx"}]},{"name":"about-growth-trajectory","type":"registry:block","title":"About Growth Trajectory","description":"A year-over-year growth data table block for React and Next.js with revenue, customer, employee, and NPS metrics, YoY change badges, CAGR footer calculations, and staggered row entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","table"],"premium":true,"files":[{"path":"blocks/about/about-growth-trajectory.tsx","type":"registry:block","target":"components/blocks/about/about-growth-trajectory.tsx"}]},{"name":"about-problem-solution","type":"registry:block","title":"About Problem Solution","description":"A problem-solution split panel block for React and Next.js with matched pain point and solution pairs, red X and green check icons, impact badges per solution, connecting arrows between pairs, and staggered entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/about/about-problem-solution.tsx","type":"registry:block","target":"components/blocks/about/about-problem-solution.tsx"}]},{"name":"about-ethical-practices","type":"registry:block","title":"About Ethical Practices","description":"An ethical practices tabbed block for React and Next.js with three category tabs, compliance status badges, practice descriptions, and animated tab transitions built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","separator","tabs"],"premium":true,"files":[{"path":"blocks/about/about-ethical-practices.tsx","type":"registry:block","target":"components/blocks/about/about-ethical-practices.tsx"}]},{"name":"about-culture-behaviors","type":"registry:block","title":"About Culture Behaviors","description":"A split panel culture behaviors block for React and Next.js with two-column divide-x layout, celebrated and discouraged behaviors, contextual descriptions, and alternating row backgrounds built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/about/about-culture-behaviors.tsx","type":"registry:block","target":"components/blocks/about/about-culture-behaviors.tsx"}]},{"name":"about-roadmap","type":"registry:block","title":"About Roadmap","description":"A product roadmap timeline block for React and Next.js with three time horizons, colored timeline rail, progress indicators, category badges, and animated milestone entries built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/about/about-roadmap.tsx","type":"registry:block","target":"components/blocks/about/about-roadmap.tsx"}]},{"name":"about-changelog-summary","type":"registry:block","title":"About Changelog Summary","description":"A changelog and release history block for React and Next.js with vertical timeline nodes, change type categorization, expandable release details, version badges, and staggered entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","separator"],"premium":true,"files":[{"path":"blocks/about/about-changelog-summary.tsx","type":"registry:block","target":"components/blocks/about/about-changelog-summary.tsx"}]},{"name":"about-customer-segments","type":"registry:block","title":"About Customer Segments","description":"A customer segments block for React and Next.js with three-column grid layout, segment profiles, feature lists, company size ranges, and customer percentage stats built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/about/about-customer-segments.tsx","type":"registry:block","target":"components/blocks/about/about-customer-segments.tsx"}]},{"name":"about-timeline-vertical","type":"registry:block","title":"About Timeline Vertical","description":"A vertical company timeline block for React and Next.js with 8 chronological events, category-coded nodes, expandable details, and alternating entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/about/about-timeline-vertical.tsx","type":"registry:block","target":"components/blocks/about/about-timeline-vertical.tsx"}]},{"name":"about-security-practices","type":"registry:block","title":"About Security Practices","description":"A security practices block for React and Next.js with tabbed security domains, implementation status badges, security score header, and animated tab transitions built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","tabs"],"premium":true,"files":[{"path":"blocks/about/about-security-practices.tsx","type":"registry:block","target":"components/blocks/about/about-security-practices.tsx"}]},{"name":"about-commitments","type":"registry:block","title":"About Commitments","description":"A vertical timeline checklist of company commitments for React and Next.js with progress indicators, accountability metrics, and expandable details built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/about/about-commitments.tsx","type":"registry:block","target":"components/blocks/about/about-commitments.tsx"}]},{"name":"about-team-activities","type":"registry:block","title":"About Team Activities","description":"A team activities bento grid block for React and Next.js with featured and compact activity cells, frequency badges, participation stats, and scale entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/about/about-team-activities.tsx","type":"registry:block","target":"components/blocks/about/about-team-activities.tsx"}]},{"name":"about-data-centers","type":"registry:block","title":"About Data Centers","description":"A data centers expandable list block for React and Next.js with region rows, real-time status dots, provider badges, hardware specs grid, certification badges, latency benchmarks, and animated capacity bars built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/about/about-data-centers.tsx","type":"registry:block","target":"components/blocks/about/about-data-centers.tsx"}]},{"name":"about-stacked-cards","type":"registry:block","title":"About Stacked Cards","description":"A stacked overlapping cards block for React and Next.js with z-index management, click-to-front interaction, key stats, visual depth offset, and smooth reorder animations built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/about/about-stacked-cards.tsx","type":"registry:block","target":"components/blocks/about/about-stacked-cards.tsx"}]},{"name":"about-before-after","type":"registry:block","title":"About Before After","description":"A side-by-side before-after transformation comparison block for React and Next.js with customer scenario selector, split-panel metric display, inline improvement deltas, and testimonial quotes built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/about/about-before-after.tsx","type":"registry:block","target":"components/blocks/about/about-before-after.tsx"}]},{"name":"about-why-choose-us","type":"registry:block","title":"About Why Choose Us","description":"A multi-column differentiators grid block for React and Next.js with text-only reason cards, proof point stats, hover states, and staggered scale entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/about/about-why-choose-us.tsx","type":"registry:block","target":"components/blocks/about/about-why-choose-us.tsx"}]},{"name":"about-onboarding-process","type":"registry:block","title":"About Onboarding Process","description":"A timeline onboarding process block for React and Next.js with week-by-week stages, activity checklists, buddy tips, and vertical connecting lines built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/about/about-onboarding-process.tsx","type":"registry:block","target":"components/blocks/about/about-onboarding-process.tsx"}]},{"name":"about-testimonial-grid","type":"registry:block","title":"About Testimonial Grid","description":"A multi-column testimonial grid block for React and Next.js with truncated quote previews, hover-to-reveal full text, author attribution, company badges, responsive columns, and staggered scale entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/about/about-testimonial-grid.tsx","type":"registry:block","target":"components/blocks/about/about-testimonial-grid.tsx"}]},{"name":"about-advisory-board","type":"registry:block","title":"About Advisory Board","description":"An interactive advisory board block for React and Next.js with expandable advisor profiles, expertise tags, company affiliations, and staggered animations built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/about/about-advisory-board.tsx","type":"registry:block","target":"components/blocks/about/about-advisory-board.tsx"}]},{"name":"about-team-growth","type":"registry:block","title":"About Team Growth","description":"A team growth data table block for React and Next.js with year-over-year department headcounts, color-coded growth badges, CAGR calculation, sortable columns, and staggered row entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"registryDependencies":["table"],"premium":true,"files":[{"path":"blocks/about/about-team-growth.tsx","type":"registry:block","target":"components/blocks/about/about-team-growth.tsx"}]},{"name":"about-hiring-process","type":"registry:block","title":"About Hiring Process","description":"A vertical stepper hiring process block for React and Next.js with numbered steps, connecting lines, duration badges, candidate tips, and staggered entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/about/about-hiring-process.tsx","type":"registry:block","target":"components/blocks/about/about-hiring-process.tsx"}]},{"name":"about-awards","type":"registry:block","title":"About Awards","description":"An awards and recognition bento grid block for React and Next.js with featured award hero cell, certification cards with expiry tracking, category tabs, verification links, and staggered grid entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","separator"],"premium":true,"files":[{"path":"blocks/about/about-awards.tsx","type":"registry:block","target":"components/blocks/about/about-awards.tsx"}]},{"name":"about-community-stats","type":"registry:block","title":"About Community Stats","description":"An asymmetric bento grid of developer community metrics for React and Next.js with featured stats, growth trends, and platform-specific context built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/about/about-community-stats.tsx","type":"registry:block","target":"components/blocks/about/about-community-stats.tsx"}]},{"name":"about-pricing-philosophy","type":"registry:block","title":"About Pricing Philosophy","description":"A pricing philosophy block for React and Next.js with numbered principles, left-accent colored cards, expandable real-world examples, and slide-from-left entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/about/about-pricing-philosophy.tsx","type":"registry:block","target":"components/blocks/about/about-pricing-philosophy.tsx"}]},{"name":"about-tech-stack","type":"registry:block","title":"About Tech Stack","description":"A layered technology stack block for React and Next.js with categorized technology badges, version numbers in monospace, layer-based organization, expandable details, and staggered row entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/about/about-tech-stack.tsx","type":"registry:block","target":"components/blocks/about/about-tech-stack.tsx"}]},{"name":"about-press","type":"registry:block","title":"About Press","description":"A press coverage split panel block for React and Next.js with press article list, media kit resources, brand guidelines download, press contact info, and entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/about/about-press.tsx","type":"registry:block","target":"components/blocks/about/about-press.tsx"}]},{"name":"about-use-cases","type":"registry:block","title":"About Use Cases","description":"A bento grid use cases block for React and Next.js with asymmetric industry cards, customer count badges, key metric highlights, feature lists, and staggered entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/about/about-use-cases.tsx","type":"registry:block","target":"components/blocks/about/about-use-cases.tsx"}]},{"name":"about-skills-matrix","type":"registry:block","title":"About Skills Matrix","description":"A skills matrix data table block for React and Next.js with department proficiency levels, color-coded badges, sortable skill rows, and computed department averages built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"registryDependencies":["badge","table"],"premium":true,"files":[{"path":"blocks/about/about-skills-matrix.tsx","type":"registry:block","target":"components/blocks/about/about-skills-matrix.tsx"}]},{"name":"about-culture","type":"registry:block","title":"About Culture","description":"A vertical timeline culture milestones block for React and Next.js with left-rail timeline, colored date nodes, story cards, and staggered alternating entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/about/about-culture.tsx","type":"registry:block","target":"components/blocks/about/about-culture.tsx"}]},{"name":"about-customer-advisory","type":"registry:block","title":"About Customer Advisory","description":"A customer advisory board data table block for React and Next.js with sortable column headers, expertise badges, row hover states, and application footer built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","table"],"premium":true,"files":[{"path":"blocks/about/about-customer-advisory.tsx","type":"registry:block","target":"components/blocks/about/about-customer-advisory.tsx"}]},{"name":"about-decision-framework","type":"registry:block","title":"About Decision Framework","description":"A split-panel decision-making framework block for React and Next.js with criteria list, outcome matrix, hover-linked highlighting, risk scoring, and entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/about/about-decision-framework.tsx","type":"registry:block","target":"components/blocks/about/about-decision-framework.tsx"}]},{"name":"about-social-proof","type":"registry:block","title":"About Social Proof","description":"A social proof bento grid block for React and Next.js with asymmetric cell layout, mixed proof types, customer metrics, testimonial snippets, and scale entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/about/about-social-proof.tsx","type":"registry:block","target":"components/blocks/about/about-social-proof.tsx"}]},{"name":"about-response-times","type":"registry:block","title":"About Response Times","description":"A support response time SLA block for React and Next.js with tiered plans, per-channel response times, priority levels, satisfaction scores, and highlighted enterprise tier built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/about/about-response-times.tsx","type":"registry:block","target":"components/blocks/about/about-response-times.tsx"}]},{"name":"about-research-papers","type":"registry:block","title":"About Research Papers","description":"A research publications block for React and Next.js with category pill filtering, expandable paper abstracts, citation counts, author chips, and animated content transitions built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/about/about-research-papers.tsx","type":"registry:block","target":"components/blocks/about/about-research-papers.tsx"}]},{"name":"about-accessibility-pledge","type":"registry:block","title":"About Accessibility Pledge","description":"An accessibility pledge block for React and Next.js with WCAG compliance status, expandable standards, implementation details, and audit timeline built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/about/about-accessibility-pledge.tsx","type":"registry:block","target":"components/blocks/about/about-accessibility-pledge.tsx"}]},{"name":"about-blog-highlights","type":"registry:block","title":"About Blog Highlights","description":"A magazine-style blog highlights section for React and Next.js with featured article hero, category filtering, author avatars, reading progress, and tag system built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","separator"],"premium":true,"files":[{"path":"blocks/about/about-blog-highlights.tsx","type":"registry:block","target":"components/blocks/about/about-blog-highlights.tsx"}]},{"name":"about-gradient-headline","type":"registry:block","title":"About Gradient Headline","description":"A bold company statement block for React and Next.js with large editorial quote, attribution line, supporting metric stats, and scale-fade entrance animation built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"registryDependencies":["separator"],"premium":true,"files":[{"path":"blocks/about/about-gradient-headline.tsx","type":"registry:block","target":"components/blocks/about/about-gradient-headline.tsx"}]},{"name":"about-integrations","type":"registry:block","title":"About Integrations","description":"A bento grid integrations block for React and Next.js with featured integration cards, category badges, connection status indicators, usage stats for featured items, and staggered scale entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/about/about-integrations.tsx","type":"registry:block","target":"components/blocks/about/about-integrations.tsx"}]},{"name":"about-diversity","type":"registry:block","title":"About Diversity","description":"A diversity and inclusion bento grid block for React and Next.js with asymmetric stat cells, trend indicators, initiative cards, and scale entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/about/about-diversity.tsx","type":"registry:block","target":"components/blocks/about/about-diversity.tsx"}]},{"name":"about-demo-cta","type":"registry:block","title":"About Demo Cta","description":"A clean demo booking CTA card block for React and Next.js with benefit checklist, duration badge, social proof counter, secondary link, and entrance animation built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/about/about-demo-cta.tsx","type":"registry:block","target":"components/blocks/about/about-demo-cta.tsx"}]},{"name":"about-product-evolution","type":"registry:block","title":"About Product Evolution","description":"A vertical timeline of product versions for React and Next.js with version numbers, codenames, key changes, and user impact metrics built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/about/about-product-evolution.tsx","type":"registry:block","target":"components/blocks/about/about-product-evolution.tsx"}]},{"name":"about-newsletter-cta","type":"registry:block","title":"About Newsletter Cta","description":"A newsletter signup CTA block for React and Next.js with email input, subscriber count social proof, frequency badge, and privacy note built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","input"],"premium":true,"files":[{"path":"blocks/about/about-newsletter-cta.tsx","type":"registry:block","target":"components/blocks/about/about-newsletter-cta.tsx"}]},{"name":"about-philosophy","type":"registry:block","title":"About Philosophy","description":"An editorial philosophy statements block for React and Next.js with numbered monospace prefixes, supporting paragraphs, a pull-quote with border accent, attribution footer, and fade entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"registryDependencies":["separator"],"premium":true,"files":[{"path":"blocks/about/about-philosophy.tsx","type":"registry:block","target":"components/blocks/about/about-philosophy.tsx"}]},{"name":"about-community-cta","type":"registry:block","title":"About Community Cta","description":"A split panel community call-to-action for React and Next.js with stats, avatar stack, platform channel cards, and activity indicators built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"registryDependencies":["avatar","badge"],"premium":true,"files":[{"path":"blocks/about/about-community-cta.tsx","type":"registry:block","target":"components/blocks/about/about-community-cta.tsx"}]},{"name":"about-mission-pillars","type":"registry:block","title":"About Mission Pillars","description":"A four-pillar mission grid block for React and Next.js with numbered pillars, colored left-border accents, initiative lists, progress metrics, responsive column layout, and staggered entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/about/about-mission-pillars.tsx","type":"registry:block","target":"components/blocks/about/about-mission-pillars.tsx"}]},{"name":"about-journey-steps","type":"registry:block","title":"About Journey Steps","description":"A customer journey stepper block for React and Next.js with numbered step badges, vertical connecting lines, typical durations, key actions, alternating background accents, and staggered entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/about/about-journey-steps.tsx","type":"registry:block","target":"components/blocks/about/about-journey-steps.tsx"}]},{"name":"about-data-privacy","type":"registry:block","title":"About Data Privacy","description":"A data privacy block for React and Next.js with tabbed sections for data collection, storage, and user rights, compliance badges, animated tab transitions, and privacy commitment cards built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","tabs"],"premium":true,"files":[{"path":"blocks/about/about-data-privacy.tsx","type":"registry:block","target":"components/blocks/about/about-data-privacy.tsx"}]},{"name":"about-image-overlay","type":"registry:block","title":"About Image Overlay","description":"An image overlay card block for React and Next.js with a placeholder visual area, overlaid tagline and description text, a CTA button, and smooth fade entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/about/about-image-overlay.tsx","type":"registry:block","target":"components/blocks/about/about-image-overlay.tsx"}]},{"name":"about-contact-cta","type":"registry:block","title":"About Contact Cta","description":"A stacked contact methods block for React and Next.js with response time badges, timezone indicator, social pill links, compact business hours grid, and entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/about/about-contact-cta.tsx","type":"registry:block","target":"components/blocks/about/about-contact-cta.tsx"}]},{"name":"about-competitor-table","type":"registry:block","title":"About Competitor Table","description":"A grouped feature comparison table block for React and Next.js with named competitors, category sections, feature tooltips, column highlighting, and footer totals built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["table","tooltip"],"premium":true,"files":[{"path":"blocks/about/about-competitor-table.tsx","type":"registry:block","target":"components/blocks/about/about-competitor-table.tsx"}]},{"name":"search-global","type":"registry:block","title":"Search Global","description":"A global command search and navigation block for React and Next.js with category grouping, keyboard shortcuts, and interactive results built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["input","kbd"],"premium":true,"files":[{"path":"blocks/search/search-global.tsx","type":"registry:block","target":"components/blocks/search/search-global.tsx"}]},{"name":"dashboard-cpu-utilization","type":"registry:block","title":"Dashboard Cpu Utilization","description":"Animated React CPU utilization dashboard block for Next.js with per-service usage bars, instance counts, load averages, core allocation, and animated progress indicators using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-cpu-utilization.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-cpu-utilization.tsx"}]},{"name":"dashboard-seo-metrics","type":"registry:block","title":"Dashboard Seo Metrics","description":"Animated React SEO performance dashboard block for Next.js with domain authority score, organic traffic, keyword rankings, backlinks count, and top keyword position tracking with change arrows using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-seo-metrics.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-seo-metrics.tsx"}]},{"name":"dashboard-server-resources","type":"registry:block","title":"Dashboard Server Resources","description":"Animated React server resource monitoring dashboard block for Next.js with four servers showing CPU, memory, and disk usage progress bars with color-coded thresholds, hostname labels, region chips, and status indicators using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-server-resources.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-server-resources.tsx"}]},{"name":"dashboard-content-performance","type":"registry:block","title":"Dashboard Content Performance","description":"Animated React content performance block for Next.js with eight articles showing view counts with horizontal bars, average read time, bounce rate, share count, SEO score, and staggered row animations using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-content-performance.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-content-performance.tsx"}]},{"name":"dashboard-error-rate","type":"registry:block","title":"Dashboard Error Rate","description":"Animated React error rate monitoring dashboard block for Next.js with 24 hourly bar chart columns showing error counts, current error rate, total daily errors, most common error type, and affected endpoint using color-coded severity bars with shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-error-rate.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-error-rate.tsx"}]},{"name":"dashboard-meeting-schedule","type":"registry:block","title":"Dashboard Meeting Schedule","description":"Animated React meeting schedule dashboard block for Next.js with six daily meetings showing time slots, titles, attendee initials stacks, duration chips, room and virtual indicators, join buttons, and current meeting highlighting using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-meeting-schedule.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-meeting-schedule.tsx"}]},{"name":"dashboard-password-policy","type":"registry:block","title":"Dashboard Password Policy","description":"Animated React password policy compliance dashboard block for Next.js with per-group strength audits, policy rule checklist with pass fail indicators, compliance percentages with animated bars, and expandable group details using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-password-policy.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-password-policy.tsx"}]},{"name":"dashboard-device-breakdown","type":"registry:block","title":"Dashboard Device Breakdown","description":"Animated React user device and browser distribution dashboard block for Next.js with platform segments, browser shares, OS versions, expandable device categories, and animated percentage bars using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-device-breakdown.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-device-breakdown.tsx"}]},{"name":"dashboard-price-monitoring","type":"registry:block","title":"Dashboard Price Monitoring","description":"Animated React competitor price monitoring dashboard block for Next.js with eight products showing your price versus competitor prices, price difference percentages, price change direction arrows, alert indicators for undercut pricing, and staggered row entrance animations using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-price-monitoring.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-price-monitoring.tsx"}]},{"name":"dashboard-storage-tiering","type":"registry:block","title":"Dashboard Storage Tiering","description":"Animated React storage tier distribution block for Next.js with hot warm and cold data tiers showing capacity usage, object counts, cost per GB, animated usage bars, and migration suggestions using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-storage-tiering.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-storage-tiering.tsx"}]},{"name":"dashboard-screenshot-tests","type":"registry:block","title":"Dashboard Screenshot Tests","description":"Animated React visual regression test results dashboard block for Next.js with diff percentages, baseline comparisons, pass and fail indicators, component names, and viewport labels using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-screenshot-tests.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-screenshot-tests.tsx"}]},{"name":"dashboard-customer-feedback","type":"registry:block","title":"Dashboard Customer Feedback","description":"Animated React customer feedback dashboard block for Next.js with NPS score display, CSAT rating, response count, promoter and detractor breakdown bars, and four recent feedback items with sentiment indicators and quote previews using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-customer-feedback.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-customer-feedback.tsx"}]},{"name":"dashboard-energy-consumption","type":"registry:block","title":"Dashboard Energy Consumption","description":"Animated React data center energy usage monitoring dashboard block for Next.js with PUE ratio, cooling efficiency, power draw per rack, monthly kWh trend bars, and renewable energy percentage using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-energy-consumption.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-energy-consumption.tsx"}]},{"name":"dashboard-compliance-status","type":"registry:block","title":"Dashboard Compliance Status","description":"Animated React compliance status dashboard block for Next.js with six regulatory standards showing compliance states, last audit dates, next review schedules, control counts, and color-coded status indicators using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-compliance-status.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-compliance-status.tsx"}]},{"name":"dashboard-audit-trail","type":"registry:block","title":"Dashboard Audit Trail","description":"Animated React security audit trail block for Next.js with event type chips, user details, resource paths, IP addresses, risk indicators, and staggered row animations using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-audit-trail.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-audit-trail.tsx"}]},{"name":"dashboard-usage-billing","type":"registry:block","title":"Dashboard Usage Billing","description":"Animated React usage-based billing meter block for Next.js with metered resource consumption, projected monthly costs, threshold alerts, usage breakdown by resource type, and animated progress bars using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-usage-billing.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-usage-billing.tsx"}]},{"name":"dashboard-social-analytics","type":"registry:block","title":"Dashboard Social Analytics","description":"Animated React social media analytics dashboard block for Next.js with multi-platform metrics showing followers, engagement rates, post counts, and growth percentages for Twitter, LinkedIn, Instagram, and YouTube using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-social-analytics.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-social-analytics.tsx"}]},{"name":"dashboard-dns-records","type":"registry:block","title":"Dashboard Dns Records","description":"Animated React DNS record management dashboard block for Next.js with eight DNS entries displaying type chips for A AAAA CNAME MX TXT records, monospaced hostnames, truncated record values with expandable full view, TTL values, active propagating and error status dots, and staggered row entrance animations using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-dns-records.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-dns-records.tsx"}]},{"name":"dashboard-cost-optimization","type":"registry:block","title":"Dashboard Cost Optimization","description":"Animated React cost optimization dashboard block for Next.js with six cloud infrastructure recommendations showing potential savings in tabular-nums, category chips for compute storage network and database, impact and effort level indicators, apply action buttons, and total potential savings summary using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-cost-optimization.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-cost-optimization.tsx"}]},{"name":"dashboard-health-checks","type":"registry:block","title":"Dashboard Health Checks","description":"Animated React service health checker dashboard block for Next.js with endpoint monitoring, response time tracking, status indicators, last-checked timestamps, and expandable row details using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-health-checks.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-health-checks.tsx"}]},{"name":"dashboard-microservice-mesh","type":"registry:block","title":"Dashboard Microservice Mesh","description":"Animated React service mesh topology dashboard for Next.js with microservice list, request flow rates, error percentages, latency metrics, and dependency mapping using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-microservice-mesh.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-microservice-mesh.tsx"}]},{"name":"dashboard-sla-compliance","type":"registry:block","title":"Dashboard Sla Compliance","description":"Animated React SLA compliance tracking dashboard block for Next.js with target versus actual uptime percentages per service tier, remaining error budget, monthly trend bars, and color-coded adherence indicators using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-sla-compliance.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-sla-compliance.tsx"}]},{"name":"dashboard-pricing-analytics","type":"registry:block","title":"Dashboard Pricing Analytics","description":"Animated React pricing analytics dashboard block for Next.js displaying conversion rates per pricing tier, ARPU trends, trial-to-paid conversion, and plan distribution with expandable tier rows showing upgrade and churn metrics using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-pricing-analytics.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-pricing-analytics.tsx"}]},{"name":"dashboard-database-metrics","type":"registry:block","title":"Dashboard Database Metrics","description":"Animated React database performance dashboard block for Next.js with four key metrics showing queries per second, average query time, active connections with capacity bar, cache hit rate, and a slow query list with five items displaying query snippets in monospace, execution duration, and call counts using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-database-metrics.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-database-metrics.tsx"}]},{"name":"dashboard-firewall-rules","type":"registry:block","title":"Dashboard Firewall Rules","description":"Animated React firewall rule management dashboard block for Next.js with eight network rules displaying source and destination CIDR ranges, port numbers, protocol types, allow and deny actions with semantic colors, hit count metrics, and staggered row entrance animations using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-firewall-rules.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-firewall-rules.tsx"}]},{"name":"dashboard-ml-model-performance","type":"registry:block","title":"Dashboard Ml Model Performance","description":"Animated React machine learning model performance dashboard for Next.js with accuracy, precision, recall, F1 score metrics, version comparison table, training status, and dataset statistics using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-ml-model-performance.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-ml-model-performance.tsx"}]},{"name":"dashboard-gpu-utilization","type":"registry:block","title":"Dashboard Gpu Utilization","description":"Animated React GPU cluster monitoring dashboard block for Next.js with node-level GPU compute and memory utilization bars, temperature readings with thermal threshold indicators, model assignment labels, and staggered entrance animations using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-gpu-utilization.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-gpu-utilization.tsx"}]},{"name":"dashboard-payment-analytics","type":"registry:block","title":"Dashboard Payment Analytics","description":"Animated React payment analytics block for Next.js with success rate, failed and refunded counts, average transaction value, recent transactions with status indicators, and entrance animations using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-payment-analytics.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-payment-analytics.tsx"}]},{"name":"dashboard-maintenance-windows","type":"registry:block","title":"Dashboard Maintenance Windows","description":"Animated React scheduled maintenance calendar dashboard for Next.js with maintenance events, affected services list, status indicators, time windows, and impact levels using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-maintenance-windows.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-maintenance-windows.tsx"}]},{"name":"dashboard-rollback-history","type":"registry:block","title":"Dashboard Rollback History","description":"Animated React deployment rollback history dashboard block for Next.js displaying a log of rollback events with reason, impact assessment, recovery time, affected services, and expandable incident details using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-rollback-history.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-rollback-history.tsx"}]},{"name":"dashboard-rate-limiter-stats","type":"registry:block","title":"Dashboard Rate Limiter Stats","description":"Animated React rate limiter statistics dashboard block for Next.js with seven rate limiting tiers showing total requests, passed and throttled counts, throttle percentages, top throttled client IPs, animated usage bars, and staggered row entrance animations using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-rate-limiter-stats.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-rate-limiter-stats.tsx"}]},{"name":"dashboard-session-analytics","type":"registry:block","title":"Dashboard Session Analytics","description":"Animated React session analytics dashboard block for Next.js with active session counter, average duration, pages per session, device breakdown bars for desktop, mobile, and tablet, and a top five active pages list using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-session-analytics.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-session-analytics.tsx"}]},{"name":"dashboard-function-invocations","type":"registry:block","title":"Dashboard Function Invocations","description":"Animated React serverless function invocation metrics dashboard block for Next.js with seven Lambda-style functions showing invocation counts, average duration, cold start percentages, error rates, animated duration bars, and staggered row entrance animations using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-function-invocations.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-function-invocations.tsx"}]},{"name":"dashboard-subscription-metrics","type":"registry:block","title":"Dashboard Subscription Metrics","description":"Animated React subscription metrics dashboard block for Next.js with six SaaS KPI cards showing MRR, ARR, churn rate, LTV, ARPU, and net revenue retention in a staggered 3x2 grid using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-subscription-metrics.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-subscription-metrics.tsx"}]},{"name":"dashboard-code-review-queue","type":"registry:block","title":"Dashboard Code Review Queue","description":"Animated React code review queue dashboard block for Next.js with pull request list showing assignee avatars, review age indicators, priority labels, diff size badges, approval status, and expandable PR details using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-code-review-queue.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-code-review-queue.tsx"}]},{"name":"dashboard-customer-health","type":"registry:block","title":"Dashboard Customer Health","description":"Animated React customer health score dashboard block for Next.js with expandable account rows showing health scores, NPS ratings, last activity timestamps, risk level indicators, ARR values, and health factor breakdowns using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-customer-health.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-customer-health.tsx"}]},{"name":"dashboard-lead-sources","type":"registry:block","title":"Dashboard Lead Sources","description":"Animated lead source attribution dashboard for React and Next.js with eight sources showing lead counts in tabular-nums, conversion rates, cost per lead, and horizontal volume bars in a two-column table layout using framer-motion, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-lead-sources.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-lead-sources.tsx"}]},{"name":"dashboard-job-queue","type":"registry:block","title":"Dashboard Job Queue","description":"Animated React background job processing dashboard block for Next.js with queue depth tracking, throughput rates, failure rate percentages, worker counts, animated progress bars, and expandable job details showing recent failures using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-job-queue.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-job-queue.tsx"}]},{"name":"dashboard-token-usage","type":"registry:block","title":"Dashboard Token Usage","description":"Animated React AI token usage dashboard block for Next.js with total tokens consumed, monthly cost tracking, per-model breakdown with horizontal usage bars for GPT-4 Claude and embeddings, daily usage mini bar chart, and budget utilization indicators using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-token-usage.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-token-usage.tsx"}]},{"name":"dashboard-feature-adoption","type":"registry:block","title":"Dashboard Feature Adoption","description":"Animated feature adoption rate dashboard for React and Next.js with eight features showing adoption percentage bars with animated widths, user counts, trend arrows, and sorted display using framer-motion, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-feature-adoption.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-feature-adoption.tsx"}]},{"name":"dashboard-network-policies","type":"registry:block","title":"Dashboard Network Policies","description":"Animated React Kubernetes network policy dashboard block for Next.js with eight policies displaying namespace labels, ingress and egress direction chips, CIDR ranges, port specifications, enforcement status indicators, and staggered row entrance animations using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-network-policies.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-network-policies.tsx"}]},{"name":"dashboard-incident-response","type":"registry:block","title":"Dashboard Incident Response","description":"Animated React incident management dashboard block for Next.js with active incident count, MTTR metrics, severity-prioritized incidents showing P1 through P4 levels, affected service chips, status tracking from investigating through resolved, assigned teams, and duration timers using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-incident-response.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-incident-response.tsx"}]},{"name":"dashboard-environment-status","type":"registry:block","title":"Dashboard Environment Status","description":"Animated React multi-environment status block for Next.js with four deployment environments showing version numbers, deploy timestamps, health indicators, resource usage bars, and API uptime percentages using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-environment-status.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-environment-status.tsx"}]},{"name":"dashboard-product-roadmap","type":"registry:block","title":"Dashboard Product Roadmap","description":"Animated React product roadmap dashboard block for Next.js displaying a timeline of development phases with milestones, completion percentage, status indicators, and expandable phase details showing deliverables using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-product-roadmap.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-product-roadmap.tsx"}]},{"name":"dashboard-sales-pipeline","type":"registry:block","title":"Dashboard Sales Pipeline","description":"Animated React sales pipeline dashboard block for Next.js with four funnel stages showing lead counts, conversion rates between stages, and total pipeline value using horizontal animated bars with shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-sales-pipeline.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-sales-pipeline.tsx"}]},{"name":"dashboard-storage-usage","type":"registry:block","title":"Dashboard Storage Usage","description":"Animated React storage usage dashboard block for Next.js with five file categories showing individual sizes, a stacked horizontal bar with proportional segments, total capacity indicator, and staggered entrance animations using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-storage-usage.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-storage-usage.tsx"}]},{"name":"dashboard-latency-map","type":"registry:block","title":"Dashboard Latency Map","description":"Animated React regional latency monitoring dashboard block for Next.js with city-level p50 and p99 response times, geographic region grouping, latency threshold indicators, expandable endpoint breakdowns, and staggered framer-motion entrance animations using shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-latency-map.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-latency-map.tsx"}]},{"name":"dashboard-traffic-sources","type":"registry:block","title":"Dashboard Traffic Sources","description":"Animated React traffic source attribution block for Next.js with organic paid referral and direct channel breakdowns, session counts, conversion rates, trend indicators, and proportional distribution bar using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-traffic-sources.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-traffic-sources.tsx"}]},{"name":"dashboard-conversion-funnel","type":"registry:block","title":"Dashboard Conversion Funnel","description":"Animated React conversion funnel dashboard block for Next.js with five narrowing funnel steps from visitors to retained users showing drop-off rates between stages and animated width transitions using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-conversion-funnel.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-conversion-funnel.tsx"}]},{"name":"dashboard-team-activity","type":"registry:block","title":"Dashboard Team Activity","description":"Animated React dashboard team activity block for Next.js with team member list, task completion bars, roles, active projects, and last active timestamps using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-team-activity.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-team-activity.tsx"}]},{"name":"dashboard-snapshot-backups","type":"registry:block","title":"Dashboard Snapshot Backups","description":"Animated React snapshot backup timeline dashboard block for Next.js with backup sizes, retention policies, restore options, automated schedule indicators, and completion status using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-snapshot-backups.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-snapshot-backups.tsx"}]},{"name":"dashboard-container-registry","type":"registry:block","title":"Dashboard Container Registry","description":"Animated React container image registry dashboard block for Next.js with Docker image listing, tag versions, compressed sizes, pull counts, vulnerability badges, and expandable tag history using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-container-registry.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-container-registry.tsx"}]},{"name":"dashboard-page-speed","type":"registry:block","title":"Dashboard Page Speed","description":"Animated React Core Web Vitals dashboard block for Next.js with LCP, FID, CLS, and INP metrics showing pass fail status, page-level breakdowns with expandable rows, animated score bars, and staggered entrance using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-page-speed.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-page-speed.tsx"}]},{"name":"dashboard-sprint-velocity","type":"registry:block","title":"Dashboard Sprint Velocity","description":"Animated React agile sprint velocity dashboard block for Next.js with velocity trend data, capacity utilization, story point burndown, sprint commitment versus completion metrics, and team performance using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-sprint-velocity.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-sprint-velocity.tsx"}]},{"name":"dashboard-product-metrics","type":"registry:block","title":"Dashboard Product Metrics","description":"Animated React product analytics dashboard block for Next.js with DAU, WAU, MAU, stickiness ratio, session duration, and sessions per user in a responsive grid layout with trend arrows and staggered entrance animations using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-product-metrics.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-product-metrics.tsx"}]},{"name":"dashboard-response-times","type":"registry:block","title":"Dashboard Response Times","description":"Animated React API response time distribution dashboard block for Next.js displaying percentile breakdowns with P50, P75, P90, P95, P99 latencies, endpoint-level timing, SLA compliance, and animated latency bars using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-response-times.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-response-times.tsx"}]},{"name":"dashboard-changelog-viewer","type":"registry:block","title":"Dashboard Changelog Viewer","description":"Animated React changelog dashboard block for Next.js with version tags, release type chips, author initials, unread dot indicators, expandable descriptions, and staggered entrance animations using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-changelog-viewer.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-changelog-viewer.tsx"}]},{"name":"dashboard-website-analytics","type":"registry:block","title":"Dashboard Website Analytics","description":"Animated React website analytics dashboard block for Next.js with page views, unique visitors, bounce rate, average session duration, top five pages with monospace paths and view counts, and traffic source breakdown bars using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-website-analytics.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-website-analytics.tsx"}]},{"name":"dashboard-pipeline-deals","type":"registry:block","title":"Dashboard Pipeline Deals","description":"Animated React deal pipeline dashboard block for Next.js with six active deals showing company names, deal values, sales stages, probability percentages, owner initials, close dates, and weighted pipeline value using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-pipeline-deals.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-pipeline-deals.tsx"}]},{"name":"dashboard-tls-config","type":"registry:block","title":"Dashboard Tls Config","description":"Animated React TLS configuration audit block for Next.js with protocol version support, cipher suite grades, security score display, expandable endpoint details, and compliance indicators using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-tls-config.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-tls-config.tsx"}]},{"name":"dashboard-mobile-analytics","type":"registry:block","title":"Dashboard Mobile Analytics","description":"Animated React mobile app analytics dashboard for Next.js with session counts, crash rates, screen flow metrics, OS distribution breakdown, and app version adoption using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-mobile-analytics.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-mobile-analytics.tsx"}]},{"name":"dashboard-incident-timeline","type":"registry:block","title":"Dashboard Incident Timeline","description":"Animated React incident postmortem timeline dashboard block for Next.js with severity levels, incident duration tracking, owner assignments, resolution status, expandable root cause analysis, and staggered framer-motion animations using shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-incident-timeline.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-incident-timeline.tsx"}]},{"name":"dashboard-subscription-overview","type":"registry:block","title":"Dashboard Subscription Overview","description":"Animated React subscription management dashboard block for Next.js with current plan display, price and renewal date, usage progress bars for seats, storage, and API limits, upgrade CTA button, and expandable plan comparison table using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-subscription-overview.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-subscription-overview.tsx"}]},{"name":"dashboard-schema-migrations","type":"registry:block","title":"Dashboard Schema Migrations","description":"Animated React database schema migration status dashboard block for Next.js with migration versions, rollback capability, execution timing, batch grouping, and status indicators using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-schema-migrations.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-schema-migrations.tsx"}]},{"name":"dashboard-profitability","type":"registry:block","title":"Dashboard Profitability","description":"Animated React unit economics and profitability dashboard block for Next.js displaying CAC, LTV, payback period, gross margin, LTV-to-CAC ratio, and cohort-level margin analysis with expandable rows using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-profitability.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-profitability.tsx"}]},{"name":"dashboard-log-volume","type":"registry:block","title":"Dashboard Log Volume","description":"Animated React log ingestion volume dashboard for Next.js with source breakdown, daily totals, hourly mini bar charts, log level distribution, and retention status using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-log-volume.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-log-volume.tsx"}]},{"name":"dashboard-canary-deployments","type":"registry:block","title":"Dashboard Canary Deployments","description":"Animated React canary deployment dashboard block for Next.js with traffic split visualization, error rate comparison, latency metrics, rollout percentage slider, and promote or rollback actions using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-canary-deployments.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-canary-deployments.tsx"}]},{"name":"dashboard-notification-center","type":"registry:block","title":"Dashboard Notification Center","description":"Animated React notification center dashboard block for Next.js with filterable notification list showing eight notifications across all unread and archived tabs with type-based icons, message previews, time strings, and read status indicators plus mark all read and settings actions using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-notification-center.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-notification-center.tsx"}]},{"name":"dashboard-smart-alerts","type":"registry:block","title":"Dashboard Smart Alerts","description":"Animated React intelligent alert routing dashboard block for Next.js with severity-based alert grouping, snooze timers, acknowledge actions, escalation chains, and alert deduplication counts using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-smart-alerts.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-smart-alerts.tsx"}]},{"name":"dashboard-data-pipeline","type":"registry:block","title":"Dashboard Data Pipeline","description":"Animated React data pipeline monitoring dashboard block for Next.js with five ETL pipelines displaying names, source to destination labels with arrow flow visualization, records processed with tabular number formatting, throughput rates, last run timestamps, status dots for running completed and failed states, and error counts with red highlighting using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-data-pipeline.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-data-pipeline.tsx"}]},{"name":"dashboard-budget-tracker","type":"registry:block","title":"Dashboard Budget Tracker","description":"Animated budget tracking dashboard for React and Next.js with six department categories showing dual-bar allocated versus spent visualization, remaining amounts, and over or under budget indicators using framer-motion, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-budget-tracker.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-budget-tracker.tsx"}]},{"name":"dashboard-on-call-schedule","type":"registry:block","title":"Dashboard On Call Schedule","description":"Animated React on-call rotation schedule dashboard block for Next.js with weekly rotation calendar, escalation chains, swap request management, active shift indicator with pulse animation, and staggered row entrance using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-on-call-schedule.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-on-call-schedule.tsx"}]},{"name":"dashboard-shipping-tracker","type":"registry:block","title":"Dashboard Shipping Tracker","description":"Animated React shipping tracker dashboard block for Next.js with eight orders showing order IDs, destinations, carrier chips, delivery status indicators with animated dots, expandable tracking events, and ETA strings using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-shipping-tracker.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-shipping-tracker.tsx"}]},{"name":"dashboard-domain-health","type":"registry:block","title":"Dashboard Domain Health","description":"Animated React domain health monitoring dashboard block for Next.js with DNS propagation status, WHOIS expiration alerts, blacklist checks, SSL validity, and overall domain score using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-domain-health.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-domain-health.tsx"}]},{"name":"dashboard-revenue-chart","type":"registry:block","title":"Dashboard Revenue Chart","description":"Animated React dashboard revenue bar chart block for Next.js with monthly revenue bars, hover tooltips, total revenue summary, and growth percentage using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-revenue-chart.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-revenue-chart.tsx"}]},{"name":"dashboard-plugin-marketplace","type":"registry:block","title":"Dashboard Plugin Marketplace","description":"Animated React plugin marketplace dashboard block for Next.js with extension listings showing install counts, star ratings, compatibility badges, version info, expandable plugin details with changelogs, and staggered entrance animations using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-plugin-marketplace.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-plugin-marketplace.tsx"}]},{"name":"dashboard-api-health","type":"registry:block","title":"Dashboard Api Health","description":"Animated React API health check dashboard block for Next.js with eight endpoints showing monospace paths, HTTP method chips, response times in tabular-nums, status codes, uptime percentages, last checked timestamps, overall health score, and green, amber, and red row coloring using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-api-health.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-api-health.tsx"}]},{"name":"dashboard-cache-performance","type":"registry:block","title":"Dashboard Cache Performance","description":"Animated React cache performance dashboard block for Next.js displaying hit rate, miss rate, evictions, and memory usage with cache key distribution patterns showing hit counts and TTL values using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-cache-performance.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-cache-performance.tsx"}]},{"name":"dashboard-api-latency","type":"registry:block","title":"Dashboard Api Latency","description":"Animated React API latency percentiles dashboard block for Next.js with p50, p95, p99 metrics, expandable endpoint breakdown, response time distribution bars, and trend indicators using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-api-latency.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-api-latency.tsx"}]},{"name":"dashboard-error-budget","type":"registry:block","title":"Dashboard Error Budget","description":"Animated React SRE error budget dashboard block for Next.js with burn rate tracking, remaining budget percentage, SLO targets, incident alerts, and animated gauge bars using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-error-budget.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-error-budget.tsx"}]},{"name":"dashboard-queue-monitor","type":"registry:block","title":"Dashboard Queue Monitor","description":"Animated React message queue monitoring dashboard block for Next.js with four queues displaying monospaced names, pending message counts with tabular number formatting, processing rates, average wait times, consumer counts, dead letter queue indicators with red highlighting, and animated queue depth bars using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-queue-monitor.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-queue-monitor.tsx"}]},{"name":"dashboard-webhook-monitor","type":"registry:block","title":"Dashboard Webhook Monitor","description":"Animated React webhook monitoring dashboard block for Next.js with delivery success rate, total events, failure count, average latency, recent webhook events with endpoint URLs, response times, and status indicators using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-webhook-monitor.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-webhook-monitor.tsx"}]},{"name":"dashboard-changelog-feed","type":"registry:block","title":"Dashboard Changelog Feed","description":"Animated React in-app changelog feed dashboard block for Next.js with six version entries showing version chips, type indicators for features, fixes, and improvements, date labels, truncated descriptions, and new entry dot indicators using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-changelog-feed.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-changelog-feed.tsx"}]},{"name":"dashboard-data-retention","type":"registry:block","title":"Dashboard Data Retention","description":"Animated React data retention policy management dashboard block for Next.js with storage age tracking, automated purge schedules, compliance status indicators, and retention tier breakdown using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-data-retention.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-data-retention.tsx"}]},{"name":"dashboard-content-calendar","type":"registry:block","title":"Dashboard Content Calendar","description":"Animated content publishing calendar dashboard for React and Next.js with a seven-day row view showing daily content items with type chips for Blog, Social, Email, and Video alongside titles and status indicators with today highlighted using framer-motion, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-content-calendar.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-content-calendar.tsx"}]},{"name":"dashboard-recent-orders","type":"registry:block","title":"Dashboard Recent Orders","description":"Animated React dashboard recent orders block for Next.js with expandable order rows, status indicators, customer details, and order amounts featuring AnimatePresence animations using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-recent-orders.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-recent-orders.tsx"}]},{"name":"dashboard-regression-tests","type":"registry:block","title":"Dashboard Regression Tests","description":"Animated React regression test suite dashboard block for Next.js displaying pass, fail, skip counts with flaky test tracking, test duration, expandable suite rows showing individual test results and failure details using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-regression-tests.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-regression-tests.tsx"}]},{"name":"dashboard-fraud-detection","type":"registry:block","title":"Dashboard Fraud Detection","description":"Animated React fraud detection dashboard block for Next.js with risk score monitoring, flagged transactions, fraud rule triggers, expandable investigation details, and severity-based indicators using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-fraud-detection.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-fraud-detection.tsx"}]},{"name":"dashboard-disk-iops","type":"registry:block","title":"Dashboard Disk Iops","description":"Animated React disk IOPS and throughput monitoring dashboard block for Next.js with per-volume read/write metrics, latency indicators, queue depth bars, and utilization percentages using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-disk-iops.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-disk-iops.tsx"}]},{"name":"dashboard-workflow-automation","type":"registry:block","title":"Dashboard Workflow Automation","description":"Animated React workflow automation dashboard block for Next.js showing six automation workflows with trigger types, last run timestamps, success rates, run counts, and status indicators with run actions using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-workflow-automation.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-workflow-automation.tsx"}]},{"name":"dashboard-pr-review-time","type":"registry:block","title":"Dashboard Pr Review Time","description":"Animated React pull request review time metrics dashboard block for Next.js with time-to-review tracking, approval rates, reviewer workload distribution, expandable reviewer details with review history, and staggered entrance animations using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-pr-review-time.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-pr-review-time.tsx"}]},{"name":"dashboard-platform-overview","type":"registry:block","title":"Dashboard Platform Overview","description":"Animated React platform health overview dashboard block for Next.js showing uptime percentage, active users, API latency, and error rate in a two-by-two metric grid with a system status list of six services with status dot indicators and a view status page link using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-platform-overview.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-platform-overview.tsx"}]},{"name":"dashboard-top-products","type":"registry:block","title":"Dashboard Top Products","description":"Animated React dashboard top products block for Next.js with ranked product list, category chips, revenue figures, units sold, and animated horizontal performance bars using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-top-products.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-top-products.tsx"}]},{"name":"dashboard-memory-allocation","type":"registry:block","title":"Dashboard Memory Allocation","description":"Animated React memory heap analysis dashboard for Next.js with allocation breakdown by module, garbage collection frequency, heap usage progress bars, and memory leak indicators using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-memory-allocation.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-memory-allocation.tsx"}]},{"name":"dashboard-connection-pool","type":"registry:block","title":"Dashboard Connection Pool","description":"Animated React database connection pool dashboard block for Next.js with active idle and waiting connection counts per database, pool utilization bars, max connection limits, wait queue depth, and expandable pool configuration using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-connection-pool.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-connection-pool.tsx"}]},{"name":"dashboard-backup-status","type":"registry:block","title":"Dashboard Backup Status","description":"Animated React backup management dashboard block for Next.js with last backup timestamp, next scheduled time, total storage size, retention period, six recent backups showing type chips for full and incremental, file sizes, durations, status dots, and restore buttons using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-backup-status.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-backup-status.tsx"}]},{"name":"dashboard-pdf-processing","type":"registry:block","title":"Dashboard Pdf Processing","description":"Animated React PDF document processing queue dashboard block for Next.js with OCR status tracking, extraction accuracy percentages, file size indicators, processing stage pipeline, expandable document details, and staggered entrance animations using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-pdf-processing.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-pdf-processing.tsx"}]},{"name":"dashboard-pen-test-results","type":"registry:block","title":"Dashboard Pen Test Results","description":"Animated React penetration test results dashboard block for Next.js with finding severity breakdown, CVSS scores, remediation status tracking, expandable vulnerability details with reproduction steps, and staggered entrance animations using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-pen-test-results.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-pen-test-results.tsx"}]},{"name":"dashboard-code-quality","type":"registry:block","title":"Dashboard Code Quality","description":"Animated React code quality dashboard block for Next.js with six metrics showing coverage percentage, tech debt days, code smells count, duplication rate, bugs, and vulnerabilities in a responsive grid with color-coded scores and animated coverage bar using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-code-quality.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-code-quality.tsx"}]},{"name":"dashboard-experiment-results","type":"registry:block","title":"Dashboard Experiment Results","description":"Animated React A/B experiment outcomes dashboard block for Next.js with statistical significance indicators, variant performance comparison, confidence intervals, lift percentages, and sample size tracking using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-experiment-results.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-experiment-results.tsx"}]},{"name":"dashboard-employee-directory","type":"registry:block","title":"Dashboard Employee Directory","description":"Animated React employee directory dashboard block for Next.js with searchable grid layout, initials avatars, department chips, online status indicators, and location display using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["input"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-employee-directory.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-employee-directory.tsx"}]},{"name":"dashboard-payment-methods","type":"registry:block","title":"Dashboard Payment Methods","description":"Animated React payment method distribution dashboard block for Next.js with card ACH and wire transfer breakdown, failure rate tracking per method, transaction volume bars, expandable details with decline reasons, and staggered entrance animations using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-payment-methods.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-payment-methods.tsx"}]},{"name":"dashboard-saml-config","type":"registry:block","title":"Dashboard Saml Config","description":"Animated React SAML SSO configuration status dashboard block for Next.js displaying identity provider details, certificate expiry, attribute mappings, login URL, metadata status, and expandable provider rows with connection test results using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-saml-config.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-saml-config.tsx"}]},{"name":"dashboard-staging-environments","type":"registry:block","title":"Dashboard Staging Environments","description":"Animated React staging environment manager block for Next.js with preview branch deployments showing branch names, live URLs, resource usage bars, build status indicators, and expandable deployment details using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-staging-environments.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-staging-environments.tsx"}]},{"name":"dashboard-user-retention","type":"registry:block","title":"Dashboard User Retention","description":"Animated React user retention cohort block for Next.js with six monthly cohorts displaying starting users and week-over-week retention percentages in an opacity-coded grid layout using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-user-retention.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-user-retention.tsx"}]},{"name":"dashboard-notifications-panel","type":"registry:block","title":"Dashboard Notifications Panel","description":"Animated React dashboard notifications panel block for Next.js with notification types, read and unread states, mark all read, and hover interactions using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-notifications-panel.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-notifications-panel.tsx"}]},{"name":"dashboard-customer-timeline","type":"registry:block","title":"Dashboard Customer Timeline","description":"Animated React customer journey timeline dashboard block for Next.js with eight chronological events from signup through renewal showing timeline dots with connecting lines, event descriptions, and staggered entrance animations using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-customer-timeline.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-customer-timeline.tsx"}]},{"name":"dashboard-patch-status","type":"registry:block","title":"Dashboard Patch Status","description":"Animated React security patch status dashboard block for Next.js with server-level patching overview, CVE severity indicators, pending and applied patch counts, expandable server details with patch history, and staggered entrance animations using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-patch-status.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-patch-status.tsx"}]},{"name":"dashboard-carbon-footprint","type":"registry:block","title":"Dashboard Carbon Footprint","description":"Animated React carbon emissions tracking dashboard block for Next.js with CO2 metrics, offset progress bars, monthly emission trends, and category breakdown using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-carbon-footprint.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-carbon-footprint.tsx"}]},{"name":"dashboard-goal-tracking","type":"registry:block","title":"Dashboard Goal Tracking","description":"Animated React OKR and goal tracking dashboard block for Next.js with four objectives showing key result progress bars with spring animations, percentage completion, status chips for on track and at risk and behind and completed states, owner initials, and due dates using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-goal-tracking.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-goal-tracking.tsx"}]},{"name":"dashboard-migration-tracker","type":"registry:block","title":"Dashboard Migration Tracker","description":"Animated React data migration tracker dashboard block for Next.js displaying four migration jobs with source and destination labels, total and processed record counts, animated progress bars with spring physics, elapsed time, estimated time of arrival, and error counts with red highlighting using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-migration-tracker.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-migration-tracker.tsx"}]},{"name":"dashboard-invoice-summary","type":"registry:block","title":"Dashboard Invoice Summary","description":"Animated React invoice summary dashboard block for Next.js with total outstanding, overdue, and paid metrics, three status groups with counts and totals, and staggered entrance animations using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-invoice-summary.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-invoice-summary.tsx"}]},{"name":"dashboard-browser-compatibility","type":"registry:block","title":"Dashboard Browser Compatibility","description":"Animated React browser compatibility dashboard block for Next.js with feature support matrix, browser version columns, check and cross indicators, partial support badges, and overall compatibility scores using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-browser-compatibility.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-browser-compatibility.tsx"}]},{"name":"dashboard-network-traffic","type":"registry:block","title":"Dashboard Network Traffic","description":"Animated React network traffic monitoring dashboard block for Next.js with inbound and outbound bandwidth counters, daily total transfer, 24-hour traffic bar chart, top IPs by traffic volume with geolocation chips, and bandwidth utilization progress bar using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-network-traffic.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-network-traffic.tsx"}]},{"name":"dashboard-integration-status","type":"registry:block","title":"Dashboard Integration Status","description":"Animated React connected integrations status dashboard block for Next.js with eight third-party services showing connection status dots, last sync timestamps, synced data counts, and configure actions with error state highlighting using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-integration-status.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-integration-status.tsx"}]},{"name":"dashboard-cluster-nodes","type":"registry:block","title":"Dashboard Cluster Nodes","description":"Animated React cluster node dashboard block for Next.js with per-node CPU memory and disk utilization bars, drain and cordon status indicators, pod counts, uptime tracking, and expandable node details using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-cluster-nodes.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-cluster-nodes.tsx"}]},{"name":"dashboard-performance-scores","type":"registry:block","title":"Dashboard Performance Scores","description":"Animated Core Web Vitals performance scores dashboard for React and Next.js with six metrics in a 3x2 grid showing score numbers with colored ring borders, rating labels, and animated entrance in a two-column layout using framer-motion, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-performance-scores.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-performance-scores.tsx"}]},{"name":"dashboard-batch-processing","type":"registry:block","title":"Dashboard Batch Processing","description":"Animated React batch job processing dashboard block for Next.js with job status tracking, progress bars, ETA countdown, row counts, error handling, and expandable error details using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-batch-processing.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-batch-processing.tsx"}]},{"name":"dashboard-feature-comparison","type":"registry:block","title":"Dashboard Feature Comparison","description":"Animated React feature comparison dashboard block for Next.js with eight features across three plans showing check, cross, and partial availability indicators, highlighted current plan column, and upgrade buttons for locked features using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-feature-comparison.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-feature-comparison.tsx"}]},{"name":"dashboard-endpoint-latency","type":"registry:block","title":"Dashboard Endpoint Latency","description":"Animated React per-endpoint response time monitoring dashboard block for Next.js with slow endpoint alerts, latency distribution heatmap, SLA compliance indicators, and method-grouped breakdowns using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-endpoint-latency.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-endpoint-latency.tsx"}]},{"name":"dashboard-task-board","type":"registry:block","title":"Dashboard Task Board","description":"Animated React kanban task board dashboard block for Next.js with three status columns showing task counts, priority dots, assignee initials, animated progress bars, and top tasks per column using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-task-board.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-task-board.tsx"}]},{"name":"dashboard-onboarding-progress","type":"registry:block","title":"Dashboard Onboarding Progress","description":"Animated user onboarding funnel dashboard for React and Next.js with five steps showing completion rate bars, drop-off percentage indicators, user counts at each stage, and animated progress visualization using framer-motion, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-onboarding-progress.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-onboarding-progress.tsx"}]},{"name":"dashboard-image-optimization","type":"registry:block","title":"Dashboard Image Optimization","description":"Animated React image optimization dashboard block for Next.js with format conversion statistics, bandwidth savings calculations, cache hit ratios, CDN performance metrics, and per-format breakdowns using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-image-optimization.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-image-optimization.tsx"}]},{"name":"dashboard-team-workload","type":"registry:block","title":"Dashboard Team Workload","description":"Animated React team workload dashboard block for Next.js displaying six team members with initials avatars, assigned task counts, story point totals, animated capacity progress bars, and utilization percentages with semantic color coding for over-capacity warning using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-team-workload.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-team-workload.tsx"}]},{"name":"dashboard-test-coverage","type":"registry:block","title":"Dashboard Test Coverage","description":"Animated React test coverage treemap-style block for Next.js with module-level coverage percentages, line and branch metrics, trend indicators, animated coverage bars, and expandable file-level details using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-test-coverage.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-test-coverage.tsx"}]},{"name":"dashboard-activity-feed","type":"registry:block","title":"Dashboard Activity Feed","description":"Animated React dashboard activity feed block for Next.js with timeline layout, user actions, resource targets, and staggered entrance animations using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-activity-feed.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-activity-feed.tsx"}]},{"name":"dashboard-localization-coverage","type":"registry:block","title":"Dashboard Localization Coverage","description":"Animated React i18n translation coverage dashboard block for Next.js with ten locale entries showing language names, country flags as emoji, total and translated string counts, missing string counts, animated coverage percentage bars, and staggered row entrance animations using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-localization-coverage.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-localization-coverage.tsx"}]},{"name":"dashboard-cors-policies","type":"registry:block","title":"Dashboard Cors Policies","description":"Animated React CORS policy management dashboard block for Next.js with per-origin allowed methods, headers, credential flags, and max-age settings in expandable rows using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-cors-policies.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-cors-policies.tsx"}]},{"name":"dashboard-campaign-roi","type":"registry:block","title":"Dashboard Campaign Roi","description":"Animated React marketing campaign ROI dashboard block for Next.js with six campaigns showing spend, revenue, ROI percentage with color-coded indicators, leads generated, and cost per acquisition metrics using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-campaign-roi.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-campaign-roi.tsx"}]},{"name":"dashboard-soc2-checklist","type":"registry:block","title":"Dashboard Soc2 Checklist","description":"Animated React SOC2 compliance checklist dashboard block for Next.js with trust service criteria, control status tracking, evidence links, owner assignments, and progress bars using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-soc2-checklist.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-soc2-checklist.tsx"}]},{"name":"dashboard-risk-assessment","type":"registry:block","title":"Dashboard Risk Assessment","description":"Animated React risk assessment block for Next.js with six categorized risks showing probability and impact chips, color-coded risk scores, owner initials, mitigation status dots, and staggered row animations using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-risk-assessment.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-risk-assessment.tsx"}]},{"name":"dashboard-webhook-deliveries","type":"registry:block","title":"Dashboard Webhook Deliveries","description":"Animated React webhook delivery log dashboard block for Next.js with overall success rate metric, eight recent deliveries showing event types in monospace, truncated endpoint URLs, color-coded HTTP status codes, response times, timestamps, and failed delivery highlighting using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-webhook-deliveries.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-webhook-deliveries.tsx"}]},{"name":"dashboard-expense-tracker","type":"registry:block","title":"Dashboard Expense Tracker","description":"Animated React expense tracking dashboard block for Next.js with categorized expenses, approval status chips, receipt indicators, total and pending amounts, and staggered row animations using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-expense-tracker.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-expense-tracker.tsx"}]},{"name":"dashboard-license-compliance","type":"registry:block","title":"Dashboard License Compliance","description":"Animated React software license compliance dashboard for Next.js with dependency scan results, license risk levels, expandable package details, and violation alerts using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-license-compliance.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-license-compliance.tsx"}]},{"name":"dashboard-email-deliverability","type":"registry:block","title":"Dashboard Email Deliverability","description":"Animated React email deliverability monitoring dashboard block for Next.js with bounce rate, spam score, inbox placement rate, domain reputation, and per-provider delivery breakdown using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-email-deliverability.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-email-deliverability.tsx"}]},{"name":"dashboard-feature-flags","type":"registry:block","title":"Dashboard Feature Flags","description":"Animated React feature flag management block for Next.js with eight flags showing monospace names, descriptions, per-environment status dots for dev staging and production, rollout percentage bars, owner initials, and staggered row animations using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-feature-flags.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-feature-flags.tsx"}]},{"name":"dashboard-kubernetes-pods","type":"registry:block","title":"Dashboard Kubernetes Pods","description":"Animated React Kubernetes pod monitoring dashboard block for Next.js with namespace grouping, pod status indicators, restart counts, CPU and memory resource requests, container readiness, and expandable pod details using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-kubernetes-pods.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-kubernetes-pods.tsx"}]},{"name":"dashboard-user-activity-heatmap","type":"registry:block","title":"Dashboard User Activity Heatmap","description":"Animated React user activity heatmap dashboard block for Next.js displaying a seven-by-twenty-four grid of days and hours with opacity-based intensity cells showing user engagement patterns with peak hour highlighting and total action counts using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-user-activity-heatmap.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-user-activity-heatmap.tsx"}]},{"name":"dashboard-recent-invoices","type":"registry:block","title":"Dashboard Recent Invoices","description":"Animated React invoices dashboard block for Next.js with eight invoice rows showing invoice numbers, client names, amounts, payment status dots, due dates, and download actions with staggered entrance animations using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-recent-invoices.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-recent-invoices.tsx"}]},{"name":"dashboard-certificate-manager","type":"registry:block","title":"Dashboard Certificate Manager","description":"Animated React SSL certificate management dashboard block for Next.js with six certificates displaying monospaced domain names, issuer details, expiry dates with days remaining countdown, urgency-based color coding for expiring certificates, active and propagating status dots, and auto-renewal toggle indicators using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-certificate-manager.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-certificate-manager.tsx"}]},{"name":"dashboard-quick-actions","type":"registry:block","title":"Dashboard Quick Actions","description":"Animated React dashboard quick actions block for Next.js with eight shortcut buttons in a responsive grid, Lucide icons, staggered scale entrance, and hover lift animations using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-quick-actions.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-quick-actions.tsx"}]},{"name":"dashboard-dependency-graph","type":"registry:block","title":"Dashboard Dependency Graph","description":"Animated React dependency health dashboard block for Next.js displaying eight package dependencies with current and latest versions, update status chips, last updated timestamps, and license information with outdated package highlighting using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-dependency-graph.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-dependency-graph.tsx"}]},{"name":"dashboard-event-log","type":"registry:block","title":"Dashboard Event Log","description":"Animated React real-time event log dashboard block for Next.js with severity filters, expandable event details, timestamps, source labels, and staggered entrance animations using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-event-log.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-event-log.tsx"}]},{"name":"dashboard-referral-program","type":"registry:block","title":"Dashboard Referral Program","description":"Animated React referral program block for Next.js with total referrals, conversion rate, revenue attribution, average reward value, top referrer leaderboard with earnings, and staggered entrance animations using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-referral-program.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-referral-program.tsx"}]},{"name":"dashboard-marketplace-stats","type":"registry:block","title":"Dashboard Marketplace Stats","description":"Animated React marketplace analytics dashboard block for Next.js with total listings count, active seller metrics, gross merchandise volume, average order value, top five sellers with initials avatars revenue ratings and items sold, and animated seller revenue bar chart using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-marketplace-stats.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-marketplace-stats.tsx"}]},{"name":"dashboard-email-campaigns","type":"registry:block","title":"Dashboard Email Campaigns","description":"Animated React email campaign dashboard block for Next.js with six campaigns showing sent counts, open rates with horizontal bars, click rates, unsubscribe rates, and status chips with staggered entrance animations using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-email-campaigns.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-email-campaigns.tsx"}]},{"name":"dashboard-dark-mode-usage","type":"registry:block","title":"Dashboard Dark Mode Usage","description":"Animated React dark mode and light mode adoption analytics dashboard block for Next.js with preference breakdown, daily toggle patterns, device segmentation, and time-of-day heatmap using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-dark-mode-usage.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-dark-mode-usage.tsx"}]},{"name":"dashboard-api-versioning","type":"registry:block","title":"Dashboard Api Versioning","description":"Animated React API versioning dashboard block for Next.js with version lifecycle tracking, deprecation schedules, migration progress bars, consumer counts, and expandable migration guides using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-api-versioning.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-api-versioning.tsx"}]},{"name":"dashboard-oidc-sessions","type":"registry:block","title":"Dashboard Oidc Sessions","description":"Animated React OIDC and OAuth active session management dashboard block for Next.js with eight sessions displaying provider logos, user emails, granted scopes, token expiry countdowns, device and IP metadata, and staggered row entrance animations using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-oidc-sessions.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-oidc-sessions.tsx"}]},{"name":"dashboard-load-balancer","type":"registry:block","title":"Dashboard Load Balancer","description":"Animated React load balancer traffic distribution dashboard for Next.js with backend server health, request counts, response times, animated progress bars, and connection pool status using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-load-balancer.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-load-balancer.tsx"}]},{"name":"dashboard-monthly-recap","type":"registry:block","title":"Dashboard Monthly Recap","description":"Animated React monthly performance recap dashboard for Next.js with key metrics summary, highlights list, notable changes with trend indicators, and month-over-month comparison using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-monthly-recap.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-monthly-recap.tsx"}]},{"name":"dashboard-status-page","type":"registry:block","title":"Dashboard Status Page","description":"Animated React public status page block for Next.js with service component health indicators, active incident timeline, overall uptime percentage, and 30-day uptime history bars using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-status-page.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-status-page.tsx"}]},{"name":"dashboard-query-performance","type":"registry:block","title":"Dashboard Query Performance","description":"Animated React slow query analyzer dashboard block for Next.js displaying query execution times, rows scanned, optimization suggestions, and query plan details with expandable rows using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-query-performance.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-query-performance.tsx"}]},{"name":"dashboard-cost-breakdown","type":"registry:block","title":"Dashboard Cost Breakdown","description":"Animated React cloud cost breakdown dashboard block for Next.js showing total monthly spend with service-level cost distribution including compute storage database network and other categories with a horizontal stacked bar and month-over-month change indicators using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-cost-breakdown.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-cost-breakdown.tsx"}]},{"name":"dashboard-runbook-status","type":"registry:block","title":"Dashboard Runbook Status","description":"Animated React operational runbook status dashboard block for Next.js with nine runbooks showing last execution status, automation level badges, category labels, trigger types, average execution duration, last run timestamps, and staggered row entrance animations using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-runbook-status.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-runbook-status.tsx"}]},{"name":"dashboard-project-progress","type":"registry:block","title":"Dashboard Project Progress","description":"Animated React project progress dashboard block for Next.js with six projects showing progress bars with spring animations, completion percentages, status chips, team sizes, and deadline strings using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-project-progress.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-project-progress.tsx"}]},{"name":"dashboard-revenue-breakdown","type":"registry:block","title":"Dashboard Revenue Breakdown","description":"Animated revenue breakdown dashboard for React and Next.js with six revenue sources showing a horizontal stacked bar visualization and detailed legend rows with percentages, amounts, and growth indicators using framer-motion, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-revenue-breakdown.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-revenue-breakdown.tsx"}]},{"name":"dashboard-color-system","type":"registry:block","title":"Dashboard Color System","description":"Animated React design system color audit dashboard block for Next.js with color token list, contrast ratio scores, WCAG compliance indicators, usage counts, swatch previews, and expandable token details using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-color-system.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-color-system.tsx"}]},{"name":"dashboard-cdn-analytics","type":"registry:block","title":"Dashboard Cdn Analytics","description":"Animated React CDN analytics dashboard block for Next.js with edge node performance metrics, cache hit ratios, bandwidth per region, origin shield statistics, and expandable node details using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-cdn-analytics.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-cdn-analytics.tsx"}]},{"name":"dashboard-customer-segments","type":"registry:block","title":"Dashboard Customer Segments","description":"Animated customer segmentation dashboard for React and Next.js with five segments showing revenue share bars, customer counts, average deal sizes, and churn rates in a two-column layout using framer-motion, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-customer-segments.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-customer-segments.tsx"}]},{"name":"dashboard-resource-allocation","type":"registry:block","title":"Dashboard Resource Allocation","description":"Animated React team resource planning dashboard block for Next.js displaying team member capacity, utilization percentages, availability status, project assignments, and workload distribution bars with expandable member rows using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-resource-allocation.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-resource-allocation.tsx"}]},{"name":"dashboard-ab-testing","type":"registry:block","title":"Dashboard Ab Testing","description":"Animated React A/B testing dashboard block for Next.js with running experiments showing variant conversion bars, sample sizes, statistical confidence percentages, and winner indicators using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-ab-testing.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-ab-testing.tsx"}]},{"name":"dashboard-secret-scanner","type":"registry:block","title":"Dashboard Secret Scanner","description":"Animated React secret and credential scanner findings dashboard block for Next.js with severity levels, file locations, secret types, verification status, and remediation actions using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-secret-scanner.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-secret-scanner.tsx"}]},{"name":"dashboard-search-analytics","type":"registry:block","title":"Dashboard Search Analytics","description":"Animated React search analytics dashboard block for Next.js with total search volume counter, no-results rate, average results per query, click-through rate metrics, top ten search terms list with volume bars and trend indicators using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-search-analytics.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-search-analytics.tsx"}]},{"name":"dashboard-quota-usage","type":"registry:block","title":"Dashboard Quota Usage","description":"Animated React quota and limits dashboard block for Next.js with six resource quotas showing API calls, storage, team members, projects, domains, and webhooks with animated progress bars, percentage indicators, and warning states at eighty percent threshold using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-quota-usage.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-quota-usage.tsx"}]},{"name":"dashboard-user-growth","type":"registry:block","title":"Dashboard User Growth","description":"Animated React dashboard user growth block for Next.js with sparkline chart, growth dots, total users, new users, churn rate, and active rate metrics with animated entrance using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-user-growth.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-user-growth.tsx"}]},{"name":"dashboard-geographic-breakdown","type":"registry:block","title":"Dashboard Geographic Breakdown","description":"Animated React geographic breakdown dashboard block for Next.js with eight regions showing revenue share percentages, user counts, and proportional horizontal bars with staggered entrance animations using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-geographic-breakdown.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-geographic-breakdown.tsx"}]},{"name":"dashboard-user-permissions","type":"registry:block","title":"Dashboard User Permissions","description":"Animated React user permissions dashboard block for Next.js with role summary cards showing user counts, expandable permission matrices with check and cross indicators per role, total user count, and staggered entrance animations using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-user-permissions.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-user-permissions.tsx"}]},{"name":"dashboard-system-health","type":"registry:block","title":"Dashboard System Health","description":"Animated React dashboard system health block for Next.js with CPU, memory, disk, and network metrics, color-coded progress bars, percentage values, and status labels using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-system-health.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-system-health.tsx"}]},{"name":"dashboard-api-usage","type":"registry:block","title":"Dashboard Api Usage","description":"Animated API usage metrics dashboard for React and Next.js with total requests counter, rate limit utilization progress bar, top endpoints list with HTTP method chips and monospace paths, and latency percentile breakdown using framer-motion, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-api-usage.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-api-usage.tsx"}]},{"name":"dashboard-vulnerability-scan","type":"registry:block","title":"Dashboard Vulnerability Scan","description":"Animated React CVE vulnerability scanner results block for Next.js with CVSS severity scores, fix priority indicators, affected package details, expandable remediation guidance, and staggered entrance animations using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-vulnerability-scan.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-vulnerability-scan.tsx"}]},{"name":"dashboard-redis-metrics","type":"registry:block","title":"Dashboard Redis Metrics","description":"Animated React Redis monitoring dashboard block for Next.js displaying cache hit and miss ratios, memory usage, eviction counts, connected clients, key expiry distribution, and command breakdown with animated progress bars using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-redis-metrics.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-redis-metrics.tsx"}]},{"name":"dashboard-permission-matrix","type":"registry:block","title":"Dashboard Permission Matrix","description":"Animated React role permission matrix dashboard block for Next.js with a resource-by-role grid showing read write and admin toggles, color-coded access levels, expandable resource details, role column headers with user counts, and staggered entrance animations using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-permission-matrix.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-permission-matrix.tsx"}]},{"name":"dashboard-security-overview","type":"registry:block","title":"Dashboard Security Overview","description":"Animated React security dashboard block for Next.js with threat score display, vulnerability counts by severity, compliance status indicator, last scan timestamp, and five recent security alerts with severity dots and staggered animations using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-security-overview.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-security-overview.tsx"}]},{"name":"dashboard-support-tickets","type":"registry:block","title":"Dashboard Support Tickets","description":"Animated React support tickets dashboard block for Next.js with eight expandable helpdesk tickets showing priority indicators, status chips, assignee initials, and collapsible details using AnimatePresence with shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-support-tickets.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-support-tickets.tsx"}]},{"name":"dashboard-uptime-monitor","type":"registry:block","title":"Dashboard Uptime Monitor","description":"Animated React uptime monitoring dashboard block for Next.js with six services displaying uptime percentages, 30-day availability bar charts with color-coded status indicators, response times, and current status dots using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-uptime-monitor.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-uptime-monitor.tsx"}]},{"name":"dashboard-multi-tenant","type":"registry:block","title":"Dashboard Multi Tenant","description":"Animated React multi-tenant resource usage dashboard for Next.js with per-tenant quota consumption, storage and compute limits, usage progress bars, and overage alerts using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-multi-tenant.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-multi-tenant.tsx"}]},{"name":"dashboard-http-status-codes","type":"registry:block","title":"Dashboard Http Status Codes","description":"Animated React HTTP status code distribution dashboard block for Next.js with 2xx, 3xx, 4xx, and 5xx response code groupings, request volume bars, percentage breakdowns, trend arrows, and top error endpoints using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-http-status-codes.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-http-status-codes.tsx"}]},{"name":"dashboard-rate-limits","type":"registry:block","title":"Dashboard Rate Limits","description":"Animated React rate limit monitoring dashboard block for Next.js with six API endpoints displaying monospaced paths, request limits per time window, animated usage progress bars with framer-motion width transitions, remaining request counts, reset time strings, and color-coded warning states at eighty percent and critical states at ninety-five percent usage using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-rate-limits.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-rate-limits.tsx"}]},{"name":"dashboard-deployment-status","type":"registry:block","title":"Dashboard Deployment Status","description":"Animated deployment status dashboard for React and Next.js with six recent deploys showing environment chips, commit messages, author initials, animated status dots for success and deploying states, duration, and timestamps using framer-motion, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-deployment-status.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-deployment-status.tsx"}]},{"name":"dashboard-cron-jobs","type":"registry:block","title":"Dashboard Cron Jobs","description":"Animated React scheduled job monitoring dashboard block for Next.js with six cron jobs displaying names, monospaced cron schedule expressions, last and next run timestamps, success failed and running status dots with pulse animation, execution durations, and ghost run now action buttons using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-cron-jobs.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-cron-jobs.tsx"}]},{"name":"dashboard-ssl-certificates","type":"registry:block","title":"Dashboard Ssl Certificates","description":"Animated React SSL certificate expiry tracker dashboard block for Next.js with domain names, certificate issuers, days remaining countdown, expiry urgency coloring, protocol versions, and renewal actions using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-ssl-certificates.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-ssl-certificates.tsx"}]},{"name":"dashboard-service-dependencies","type":"registry:block","title":"Dashboard Service Dependencies","description":"Animated React service dependency map dashboard block for Next.js with upstream and downstream service status, latency metrics, health indicators, and connection counts using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-service-dependencies.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-service-dependencies.tsx"}]},{"name":"dashboard-ip-reputation","type":"registry:block","title":"Dashboard Ip Reputation","description":"Animated React IP reputation monitoring dashboard block for Next.js with blocklist and allowlist management, threat scores, geographic origin data, last-seen timestamps, expandable threat details, and staggered entrance animations using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-ip-reputation.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-ip-reputation.tsx"}]},{"name":"dashboard-inventory-levels","type":"registry:block","title":"Dashboard Inventory Levels","description":"Animated React inventory management dashboard block for Next.js with product stock levels, SKU codes, reorder points, category chips, and status indicators using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-inventory-levels.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-inventory-levels.tsx"}]},{"name":"dashboard-infrastructure-cost","type":"registry:block","title":"Dashboard Infrastructure Cost","description":"Animated React infrastructure billing dashboard block for Next.js with multi-provider cost breakdown, service-level expense tracking, month-over-month comparison bars, budget utilization, and expandable provider details using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-infrastructure-cost.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-infrastructure-cost.tsx"}]},{"name":"dashboard-bandwidth-usage","type":"registry:block","title":"Dashboard Bandwidth Usage","description":"Animated React bandwidth consumption dashboard block for Next.js with per-service bandwidth bars, daily and monthly caps, overage alerts, and usage trend indicators using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-bandwidth-usage.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-bandwidth-usage.tsx"}]},{"name":"dashboard-employee-satisfaction","type":"registry:block","title":"Dashboard Employee Satisfaction","description":"Animated React eNPS employee satisfaction survey dashboard block for Next.js with net promoter score, department breakdown, promoter/passive/detractor distribution, and quarterly trend bars using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-employee-satisfaction.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-employee-satisfaction.tsx"}]},{"name":"dashboard-access-logs","type":"registry:block","title":"Dashboard Access Logs","description":"Animated React access log viewer dashboard block for Next.js with ten HTTP request entries displaying timestamps, color-coded method chips for GET POST PUT DELETE, monospaced request paths, semantic status code coloring for 200 4xx 5xx responses, response times, and truncated user agent strings using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-access-logs.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-access-logs.tsx"}]},{"name":"dashboard-data-quality","type":"registry:block","title":"Dashboard Data Quality","description":"Animated React data quality dashboard block for Next.js displaying overall quality score, dimension breakdowns for completeness accuracy consistency and timeliness with progress bars, and recent data quality issues with severity indicators using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-data-quality.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-data-quality.tsx"}]},{"name":"dashboard-form-analytics","type":"registry:block","title":"Dashboard Form Analytics","description":"Animated React form completion funnel dashboard block for Next.js with per-field drop-off rates, completion percentages, average time per field, animated funnel bars, and conversion metrics using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-form-analytics.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-form-analytics.tsx"}]},{"name":"dashboard-thread-pool","type":"registry:block","title":"Dashboard Thread Pool","description":"Animated React thread pool monitoring block for Next.js with active idle and queued thread counts per service, utilization percentage bars, pool size limits, and animated staggered row entrance using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-thread-pool.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-thread-pool.tsx"}]},{"name":"dashboard-ci-cd-pipeline","type":"registry:block","title":"Dashboard Ci Cd Pipeline","description":"Animated React CI/CD pipeline visualization block for Next.js with five build stages showing status indicators, duration timers, pulse animations for running stages, and pipeline progress using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-ci-cd-pipeline.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-ci-cd-pipeline.tsx"}]},{"name":"dashboard-overview","type":"registry:block","title":"Dashboard Overview","description":"Animated React dashboard overview block for Next.js with four KPI metric cards showing revenue, users, conversion rate, and MRR with trend indicators, percentage changes, and staggered entrance animations using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-overview.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-overview.tsx"}]},{"name":"dashboard-release-tracker","type":"registry:block","title":"Dashboard Release Tracker","description":"Animated React release management dashboard block for Next.js with version numbers, release titles, date strings, status chips, feature and bug fix counts, author initials, and progress bars for planned releases using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["progress"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-release-tracker.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-release-tracker.tsx"}]},{"name":"dashboard-version-adoption","type":"registry:block","title":"Dashboard Version Adoption","description":"Animated React API version migration tracker block for Next.js with version adoption rates, client migration progress, deprecation timelines, animated usage bars, and expandable version details using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-version-adoption.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-version-adoption.tsx"}]},{"name":"dashboard-file-storage","type":"registry:block","title":"Dashboard File Storage","description":"Animated React file storage dashboard block for Next.js with categorized file type breakdown showing images documents videos audio and archives, individual and total quota usage bars, file count per category, and staggered entrance animations using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-file-storage.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-file-storage.tsx"}]},{"name":"dashboard-key-rotation","type":"registry:block","title":"Dashboard Key Rotation","description":"Animated React API and encryption key rotation dashboard block for Next.js with eight keys displaying key types, masked key prefixes, creation dates, age indicators, next rotation dates, rotation status with semantic colors, and staggered row entrance animations using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-key-rotation.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-key-rotation.tsx"}]},{"name":"dashboard-learning-progress","type":"registry:block","title":"Dashboard Learning Progress","description":"Animated React learning progress dashboard block for Next.js with four courses showing animated progress bars, completion percentages, modules completed counts, time spent tracking, certificate status, and header summary with total hours and active courses using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-learning-progress.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-learning-progress.tsx"}]},{"name":"dashboard-git-activity","type":"registry:block","title":"Dashboard Git Activity","description":"Animated React git activity dashboard block for Next.js with commit history, pull request stats, code review metrics, contribution heatmap-style grid, and staggered entrance animations using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/dashboard/dashboard-git-activity.tsx","type":"registry:block","target":"components/blocks/dashboard/dashboard-git-activity.tsx"}]},{"name":"file-upload-search-filter","type":"registry:block","title":"File Upload Search Filter","description":"A React file search and filter block with text search input, type dropdown filter, date range filter, size range filter, owner filter, active filter badges with remove buttons, and results count using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","input","select"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-search-filter.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-search-filter.tsx"}]},{"name":"file-upload-trash-recovery","type":"registry:block","title":"File Upload Trash Recovery","description":"Recently deleted files recovery block for React and Next.js with trash list, original location, auto-delete countdown, restore and permanent delete controls, and storage summary using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-trash-recovery.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-trash-recovery.tsx"}]},{"name":"file-upload-batch-convert","type":"registry:block","title":"File Upload Batch Convert","description":"A batch file format conversion block for React and Next.js with multiple file upload, target format selection, individual conversion progress bars, download all as ZIP button, and a format compatibility matrix using shadcn/ui Button, Badge, Select, Progress, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","progress"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-batch-convert.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-batch-convert.tsx"}]},{"name":"file-upload-batch-rename","type":"registry:block","title":"File Upload Batch Rename","description":"React batch file upload block for Next.js with editable file names, bulk rename patterns, prefix and suffix options, sequential numbering, renamed file preview, and apply rename action built with shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","input"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-batch-rename.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-batch-rename.tsx"}]},{"name":"file-upload-archive-extract","type":"registry:block","title":"File Upload Archive Extract","description":"A ZIP archive upload block for React and Next.js with extraction preview showing contained files in a tree view, file count, total uncompressed size, selective file extraction with checkboxes, and extraction progress bar using shadcn/ui Button, Badge, Checkbox, Progress, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","checkbox","progress"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-archive-extract.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-archive-extract.tsx"}]},{"name":"file-upload-metadata-editor","type":"registry:block","title":"File Upload Metadata Editor","description":"File upload with metadata editing block for React and Next.js with EXIF field display, editable title, description, author, keywords, copyright, and strip metadata option using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","input"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-metadata-editor.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-metadata-editor.tsx"}]},{"name":"file-upload-backup-restore","type":"registry:block","title":"File Upload Backup Restore","description":"Database and application backup upload block for React and Next.js with file validation, backup metadata, size display, restore confirmation dialog, and warning notice using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","dialog"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-backup-restore.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-backup-restore.tsx"}]},{"name":"file-upload-empty-state","type":"registry:block","title":"File Upload Empty State","description":"An empty state for file managers with illustration placeholder, first-file CTA, quick action buttons for upload and import and folder creation, and getting started tips using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-empty-state.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-empty-state.tsx"}]},{"name":"file-upload-expiring-link","type":"registry:block","title":"File Upload Expiring Link","description":"File upload block with expiring download links for React and Next.js featuring expiry duration selection, generated shareable link with copy button, countdown timer, download count, and auto-delete notice using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","select"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-expiring-link.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-expiring-link.tsx"}]},{"name":"file-upload-camera-capture","type":"registry:block","title":"File Upload Camera Capture","description":"A camera and photo capture upload component with take photo and upload photo toggle, camera viewfinder placeholder, captured photo preview, retake button, and quality selector built with React, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-camera-capture.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-camera-capture.tsx"}]},{"name":"file-upload-queue-manager","type":"registry:block","title":"File Upload Queue Manager","description":"File upload queue manager block for React and Next.js with priority ordering, pause and resume controls, retry failed uploads, and clear completed using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button","progress"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-queue-manager.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-queue-manager.tsx"}]},{"name":"file-upload-cloud-storage","type":"registry:block","title":"File Upload Cloud Storage","description":"A cloud storage file import component with tabs for Google Drive, Dropbox, and OneDrive, each showing a simulated file browser with folders and files, selection checkboxes, and an import button built with React, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button","checkbox","tabs"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-cloud-storage.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-cloud-storage.tsx"}]},{"name":"file-upload-drag-reorder","type":"registry:block","title":"File Upload Drag Reorder","description":"Uploaded file list with drag-to-reorder block for React and Next.js with grip handles, numbered order, move up/down buttons, and save order using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-drag-reorder.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-drag-reorder.tsx"}]},{"name":"file-upload-profile-banner","type":"registry:block","title":"File Upload Profile Banner","description":"A React profile banner and cover image upload block with 16:9 aspect ratio preview, camera icon overlay, position/crop indicator, and upload/remove controls using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-profile-banner.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-profile-banner.tsx"}]},{"name":"file-upload-document","type":"registry:block","title":"File Upload Document","description":"Document upload block for React and Next.js with file type icons, accepted format badges, and metadata display using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-document.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-document.tsx"}]},{"name":"file-upload-social-media-post","type":"registry:block","title":"File Upload Social Media Post","description":"A social media post upload block for React and Next.js with image and video upload area, character count for captions, platform selector for Instagram, Twitter, and LinkedIn, post preview, and schedule toggle using shadcn/ui Button, Badge, Switch, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","switch","textarea"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-social-media-post.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-social-media-post.tsx"}]},{"name":"file-upload-encrypted","type":"registry:block","title":"File Upload Encrypted","description":"React secure file upload block for Next.js with end-to-end encryption, lock icons, encryption badge, encrypting and uploading progress states, and checksum verification using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","progress"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-encrypted.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-encrypted.tsx"}]},{"name":"file-upload-recent-files","type":"registry:block","title":"File Upload Recent Files","description":"A React recent files widget block showing the last 10 uploaded files with recency indicators, quick action buttons for preview, download, and share, a view all link, and compact list format using shadcn/ui and Tailwind CSS","dependencies":["date-fns","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-recent-files.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-recent-files.tsx"}]},{"name":"file-upload-storage-quota","type":"registry:block","title":"File Upload Storage Quota","description":"File upload with storage quota tracking block for React and Next.js with usage bar, file sizes, type breakdown, and upgrade prompt using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button","progress"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-storage-quota.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-storage-quota.tsx"}]},{"name":"file-upload-form-attachment","type":"registry:block","title":"File Upload Form Attachment","description":"A React file attachment block embedded within a contact form with name, email, message textarea, multiple file attachments list, and compact inline upload style using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button","input","label","textarea"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-form-attachment.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-form-attachment.tsx"}]},{"name":"file-upload-diff-viewer","type":"registry:block","title":"File Upload Diff Viewer","description":"A two-file upload diff comparison block for React and Next.js with side-by-side view of added and removed lines, line count diff, and change summary statistics using shadcn/ui Button, Badge, and Tailwind CSS in a max-w-4xl layout","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-diff-viewer.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-diff-viewer.tsx"}]},{"name":"file-upload-error-handling","type":"registry:block","title":"File Upload Error Handling","description":"A file upload error states showcase with network error, file too large, invalid type, server error, and timeout states each with icon, message, retry button, and help link using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-error-handling.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-error-handling.tsx"}]},{"name":"file-upload-restricted-types","type":"registry:block","title":"File Upload Restricted Types","description":"React file upload block for Next.js with strict file type restrictions, accepted type icons, rejected file error messages, and per-file validation indicators using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-restricted-types.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-restricted-types.tsx"}]},{"name":"file-upload-template-import","type":"registry:block","title":"File Upload Template Import","description":"Template file import block for React and Next.js with template download, upload validation, error details, re-upload support, and success count using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-template-import.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-template-import.tsx"}]},{"name":"file-upload-medical-records","type":"registry:block","title":"File Upload Medical Records","description":"A HIPAA-compliant medical records upload block for React and Next.js with encrypted upload badge, patient information fields, record type selector for lab results, imaging, and prescriptions, date of service picker, compliance notice, and audit trail log using shadcn/ui Button, Badge, Input, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","input"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-medical-records.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-medical-records.tsx"}]},{"name":"file-upload-tag-categorize","type":"registry:block","title":"File Upload Tag Categorize","description":"React file upload block for Next.js with tagging and categorization, tag input with suggestions, tag count badges, color-coded tag pills, filter by tag, and category management built with shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","input"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-tag-categorize.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-tag-categorize.tsx"}]},{"name":"file-upload-webhook-integration","type":"registry:block","title":"File Upload Webhook Integration","description":"File upload block with webhook event configuration for React and Next.js showing webhook URL, custom headers, payload format, event type toggles, test webhook, and upload trigger using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","input","switch"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-webhook-integration.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-webhook-integration.tsx"}]},{"name":"file-upload-grid-view","type":"registry:block","title":"File Upload Grid View","description":"A React file manager grid view block with responsive file thumbnail tiles, file type icons, name truncation, selection checkboxes, context menu with rename, download, share, and delete, and grid/list view toggle using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button","checkbox","dropdown-menu"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-grid-view.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-grid-view.tsx"}]},{"name":"file-upload-resize-image","type":"registry:block","title":"File Upload Resize Image","description":"Image resize upload block for React and Next.js with dimension inputs, aspect ratio lock, preset sizes, and download button using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button","input","switch"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-resize-image.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-resize-image.tsx"}]},{"name":"file-upload-invoice-processor","type":"registry:block","title":"File Upload Invoice Processor","description":"An invoice upload and data extraction block for React and Next.js with PDF and image upload, automatic field extraction for vendor, invoice number, date, and line items, editable extracted fields, total calculation, and mark as processed workflow using shadcn/ui Button, Badge, Input, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","input"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-invoice-processor.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-invoice-processor.tsx"}]},{"name":"file-upload-dark-dropzone","type":"registry:block","title":"File Upload Dark Dropzone","description":"A styled dark theme dropzone with dark background upload area, glowing border effect on drag, file list with dark cards, and modern contrast aesthetic using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-dark-dropzone.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-dark-dropzone.tsx"}]},{"name":"file-upload-drag-drop-zone","type":"registry:block","title":"File Upload Drag Drop Zone","description":"A large drag-and-drop file upload zone with animated visual feedback for default, drag-over, uploading, and complete states using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button","progress"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-drag-drop-zone.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-drag-drop-zone.tsx"}]},{"name":"file-upload-crop-tool","type":"registry:block","title":"File Upload Crop Tool","description":"Image upload with crop tool featuring aspect ratio presets for 1:1, 4:3, 16:9, and free crop, a crop preview placeholder, apply button, and original vs cropped size comparison using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-crop-tool.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-crop-tool.tsx"}]},{"name":"file-upload-spreadsheet-preview","type":"registry:block","title":"File Upload Spreadsheet Preview","description":"A spreadsheet upload block for React and Next.js with tabular data preview of first rows and columns, multi-sheet tab selector, row and column counts, and automatic data type detection per column using shadcn/ui Button, Badge, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-spreadsheet-preview.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-spreadsheet-preview.tsx"}]},{"name":"file-upload-multi-step","type":"registry:block","title":"File Upload Multi Step","description":"Multi-step file upload wizard block for React and Next.js with file selection, configuration options, upload progress, and confirmation steps using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","progress"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-multi-step.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-multi-step.tsx"}]},{"name":"file-upload-podcast-episode","type":"registry:block","title":"File Upload Podcast Episode","description":"A podcast episode upload block for React and Next.js with audio file upload, episode title input, description textarea, show notes, episode number, season selector, explicit content toggle, and publish date using shadcn/ui Button, Badge, Input, Switch, Select, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","input","select","switch","textarea"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-podcast-episode.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-podcast-episode.tsx"}]},{"name":"file-upload-music-track","type":"registry:block","title":"File Upload Music Track","description":"A music track upload block for React and Next.js with audio file upload, track metadata including title, artist, album, genre selector, BPM input, key selector, cover art upload placeholder, and ISRC code field using shadcn/ui Button, Badge, Input, Select, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","input","select"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-music-track.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-music-track.tsx"}]},{"name":"file-upload-versioned","type":"registry:block","title":"File Upload Versioned","description":"React file upload block for Next.js with version history timeline, size diffs between versions, restore previous version option, and upload new version button using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-versioned.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-versioned.tsx"}]},{"name":"file-upload-product-images","type":"registry:block","title":"File Upload Product Images","description":"An e-commerce product image upload block for React and Next.js with primary image slot, additional images grid, set-as-primary button, drag-to-reorder indicators, image requirements notice, and delete overlays using shadcn/ui Button, Badge, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-product-images.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-product-images.tsx"}]},{"name":"file-upload-import-export","type":"registry:block","title":"File Upload Import Export","description":"Import and export data panel block for React and Next.js with format selection, column mapping preview, record count, merge versus replace option, and download button using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","radio-group","select"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-import-export.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-import-export.tsx"}]},{"name":"file-upload-legal-document","type":"registry:block","title":"File Upload Legal Document","description":"A legal document upload block for React and Next.js with document type classification selector, parties involved fields, effective date input, confidentiality level badge with public, internal, confidential, and privileged tiers, and attorney review checkbox using shadcn/ui Button, Badge, Input, Checkbox, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","checkbox","input"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-legal-document.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-legal-document.tsx"}]},{"name":"file-upload-comparison","type":"registry:block","title":"File Upload Comparison","description":"Before and after file comparison upload block for React and Next.js with side-by-side upload zones, metadata diff, and format analysis using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-comparison.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-comparison.tsx"}]},{"name":"file-upload-ocr-extract","type":"registry:block","title":"File Upload Ocr Extract","description":"Upload an image or PDF for OCR text extraction with editable output, confidence percentage, copy button, word count, and language detection badge using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","textarea"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-ocr-extract.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-ocr-extract.tsx"}]},{"name":"file-upload-cdn-delivery","type":"registry:block","title":"File Upload Cdn Delivery","description":"File upload block with CDN delivery info for React and Next.js showing CDN URL, cache status badge, edge locations, bandwidth saved, copy URL button, and purge cache option using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-cdn-delivery.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-cdn-delivery.tsx"}]},{"name":"file-upload-csv-import","type":"registry:block","title":"File Upload Csv Import","description":"A CSV and spreadsheet import upload block with parsed data preview table, column mapping, row count, and error validation using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","select","table"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-csv-import.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-csv-import.tsx"}]},{"name":"file-upload-log-viewer","type":"registry:block","title":"File Upload Log Viewer","description":"Log file upload block for React and Next.js with severity-colored entries, search and filter by level, line count, and timestamp column using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","input"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-log-viewer.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-log-viewer.tsx"}]},{"name":"file-upload-activity-log","type":"registry:block","title":"File Upload Activity Log","description":"File upload activity and audit log block for React and Next.js with filterable action types, timestamped entries, user attribution, and pagination using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-activity-log.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-activity-log.tsx"}]},{"name":"file-upload-compress-optimize","type":"registry:block","title":"File Upload Compress Optimize","description":"React file upload block for Next.js with auto-compression, original vs compressed size comparison, compression ratio percentage, quality slider, and savings summary built with shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","progress","slider"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-compress-optimize.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-compress-optimize.tsx"}]},{"name":"file-upload-email-attachment","type":"registry:block","title":"File Upload Email Attachment","description":"An email attachment upload block for React and Next.js with paperclip icon, inline attachment chips showing file icon, name, and size, remove button on each chip, total attachment size counter, and 25 MB limit indicator using shadcn/ui Button, Badge, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-email-attachment.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-email-attachment.tsx"}]},{"name":"file-upload-presigned-url","type":"registry:block","title":"File Upload Presigned Url","description":"Pre-signed URL upload flow block for React and Next.js with URL generation, expiry countdown, token-based auth notice, upload step, and success confirmation using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","progress"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-presigned-url.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-presigned-url.tsx"}]},{"name":"file-upload-duplicate-detection","type":"registry:block","title":"File Upload Duplicate Detection","description":"React file upload block for Next.js with duplicate file detection, name and hash matching, skip replace and keep-both resolution options, duplicate count indicator, and conflict list built with shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-duplicate-detection.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-duplicate-detection.tsx"}]},{"name":"file-upload-transfer-ownership","type":"registry:block","title":"File Upload Transfer Ownership","description":"Transfer file ownership panel for React and Next.js with file list showing current owner, new owner team dropdown, transfer reason field, bulk transfer checkbox, and confirmation with old to new owner display using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","checkbox","input"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-transfer-ownership.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-transfer-ownership.tsx"}]},{"name":"file-upload-json-validator","type":"registry:block","title":"File Upload Json Validator","description":"JSON file upload block for React and Next.js with syntax validation, formatted preview, key count, nesting depth, copy and download prettified output using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-json-validator.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-json-validator.tsx"}]},{"name":"file-upload-collaborative","type":"registry:block","title":"File Upload Collaborative","description":"Collaborative team file upload block for React and Next.js with avatar attribution, file comments, shared folder structure, and team member list using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["avatar","button","input"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-collaborative.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-collaborative.tsx"}]},{"name":"file-upload-dropzone","type":"registry:block","title":"File Upload Dropzone","description":"Drag-and-drop file upload dropzone block for React and Next.js with file list, remove buttons, and size display using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-dropzone.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-dropzone.tsx"}]},{"name":"file-upload-kanban-status","type":"registry:block","title":"File Upload Kanban Status","description":"Kanban-style file upload status board for React and Next.js with drag columns for queued, uploading, processing, and complete stages using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","progress"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-kanban-status.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-kanban-status.tsx"}]},{"name":"file-upload-paste-url","type":"registry:block","title":"File Upload Paste Url","description":"A file upload block with tab interface for uploading files or fetching from a URL with file preview, name, size, and type display using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button","input","tabs"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-paste-url.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-paste-url.tsx"}]},{"name":"file-upload-s3-config","type":"registry:block","title":"File Upload S3 Config","description":"S3 and cloud storage configuration upload panel for React and Next.js with bucket name input, region selector, masked access key fields, path prefix, and test connection button using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button","input","select"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-s3-config.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-s3-config.tsx"}]},{"name":"file-upload-dashboard-stats","type":"registry:block","title":"File Upload Dashboard Stats","description":"Upload analytics dashboard for React and Next.js with total uploads, storage usage, bandwidth metrics, failure rate, uploads by file type breakdown, top uploaders list, and time period selector using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-dashboard-stats.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-dashboard-stats.tsx"}]},{"name":"file-upload-id-verification","type":"registry:block","title":"File Upload Id Verification","description":"An ID document upload block for React and Next.js with front and back image upload, quality checklist for photo clarity, text readability, and expiry validation, verification status tracking with pending, verified, and rejected states, and security notice using shadcn/ui Button, Badge, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-id-verification.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-id-verification.tsx"}]},{"name":"file-upload-markdown-preview","type":"registry:block","title":"File Upload Markdown Preview","description":"Markdown file upload block for React and Next.js with split-view raw editor and rendered preview, word count, heading count, and HTML export using shadcn/ui and Tailwind CSS","dependencies":["lucide-react","shiki"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-markdown-preview.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-markdown-preview.tsx"}]},{"name":"file-upload-audio","type":"registry:block","title":"File Upload Audio","description":"An audio file upload component with waveform visualization, duration, format and bitrate display, simulated play preview, and metadata panel built with React, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-audio.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-audio.tsx"}]},{"name":"file-upload-avatar","type":"registry:block","title":"File Upload Avatar","description":"Avatar and profile photo upload block for React and Next.js with circular preview, camera overlay, and file restrictions using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-avatar.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-avatar.tsx"}]},{"name":"file-upload-chunked","type":"registry:block","title":"File Upload Chunked","description":"React chunked file upload block for Next.js with resumable uploads, chunk-by-chunk progress, individual chunk status indicators, resume after interruption, and chunk size configuration using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","progress"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-chunked.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-chunked.tsx"}]},{"name":"file-upload-bulk","type":"registry:block","title":"File Upload Bulk","description":"A bulk file upload block with batch progress tracking, individual file status indicators, overall progress bar, and Upload All and Cancel All controls using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","progress"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-bulk.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-bulk.tsx"}]},{"name":"file-upload-api-endpoint","type":"registry:block","title":"File Upload Api Endpoint","description":"Upload API endpoint documentation and tester block for React and Next.js with cURL command display, endpoint URL, headers, request body, try-it upload button, and response preview using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","input"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-api-endpoint.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-api-endpoint.tsx"}]},{"name":"file-upload-video","type":"registry:block","title":"File Upload Video","description":"A video file upload component with thumbnail preview, duration display, file size, format badge, max duration notice, and processing status indicator built with React, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-video.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-video.tsx"}]},{"name":"file-upload-resume-parser","type":"registry:block","title":"File Upload Resume Parser","description":"A resume and CV upload block for React and Next.js with automatic parsing of name, email, phone, skills tags, experience timeline, education history, confidence scores per section, and editable parsed fields using shadcn/ui Button, Badge, Input, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","input"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-resume-parser.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-resume-parser.tsx"}]},{"name":"file-upload-virus-scan","type":"registry:block","title":"File Upload Virus Scan","description":"File upload with virus and malware scanning block for React and Next.js with scan progress, threat detection results, file hash display, and quarantine controls using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button","progress"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-virus-scan.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-virus-scan.tsx"}]},{"name":"file-upload-retention-policy","type":"registry:block","title":"File Upload Retention Policy","description":"File retention policy settings for React and Next.js with auto-delete duration selector, per-file-type retention rules, grace period configuration, archive instead of delete toggle, and policy summary using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","switch"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-retention-policy.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-retention-policy.tsx"}]},{"name":"file-upload-ai-analyze","type":"registry:block","title":"File Upload Ai Analyze","description":"Upload a document or image for AI-powered content analysis with tag detection, text extraction, object recognition, and confidence scores using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-ai-analyze.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-ai-analyze.tsx"}]},{"name":"file-upload-breadcrumb-nav","type":"registry:block","title":"File Upload Breadcrumb Nav","description":"A React file browser block with breadcrumb path navigation, folder drill-down, back button, upload to current folder, create new folder, and folder contents list using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-breadcrumb-nav.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-breadcrumb-nav.tsx"}]},{"name":"file-upload-data-room","type":"registry:block","title":"File Upload Data Room","description":"A secure data room upload block for React and Next.js with due diligence section categories for financial, legal, and technical documents, per-section upload, access log, NDA acknowledgment, and watermark notice using shadcn/ui Button, Badge, Checkbox, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","checkbox"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-data-room.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-data-room.tsx"}]},{"name":"file-upload-3d-model","type":"registry:block","title":"File Upload 3d Model","description":"A 3D model file upload block for React and Next.js supporting STL, OBJ, and GLTF formats with a model preview placeholder, file specs including vertex count, face count, file size, material count display, and render quality selector using shadcn/ui Button, Badge, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-3d-model.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-3d-model.tsx"}]},{"name":"file-upload-table-view","type":"registry:block","title":"File Upload Table View","description":"A React file manager table view block with sortable columns for name, type, size, modified date, and owner, checkbox row selection, bulk actions toolbar, and pagination using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button","checkbox","table"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-table-view.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-table-view.tsx"}]},{"name":"file-upload-success-state","type":"registry:block","title":"File Upload Success State","description":"An upload success confirmation block with green checkmark, file details, shareable link with copy button, next action buttons, and upload stats for time, size, and speed using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-success-state.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-success-state.tsx"}]},{"name":"file-upload-annotation","type":"registry:block","title":"File Upload Annotation","description":"Image upload with annotation tools for React and Next.js with clickable hotspot markers, numbered pins, note editor, and export button using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-annotation.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-annotation.tsx"}]},{"name":"file-upload-watermark","type":"registry:block","title":"File Upload Watermark","description":"React image upload block for Next.js with watermark text overlay, position selector, opacity slider, live preview, and download with watermark built with shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","input","slider"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-watermark.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-watermark.tsx"}]},{"name":"file-upload-compliance-check","type":"registry:block","title":"File Upload Compliance Check","description":"A compliance validation upload block for React and Next.js with PII scanning for SSN and credit card numbers, GDPR compliance check, data classification levels from public to restricted, and a findings report using shadcn/ui Button, Badge, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","progress"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-compliance-check.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-compliance-check.tsx"}]},{"name":"file-upload-folder","type":"registry:block","title":"File Upload Folder","description":"A folder and directory upload component with tree structure visualization, file counts per folder, total size display, nested file lists with indentation, and folder and file icons built with React, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-folder.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-folder.tsx"}]},{"name":"file-upload-code-file","type":"registry:block","title":"File Upload Code File","description":"A source code file upload block for React and Next.js with syntax-highlighted preview in monospace font, automatic language detection badge, line count display, file encoding info, and copy-to-clipboard using shadcn/ui Button, Badge, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-code-file.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-code-file.tsx"}]},{"name":"file-upload-gallery-grid","type":"registry:block","title":"File Upload Gallery Grid","description":"A React photo gallery upload block with responsive grid layout, drag-to-reorder indicators, thumbnail placeholders, cover photo selection, per-image captions, and delete overlays using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-gallery-grid.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-gallery-grid.tsx"}]},{"name":"file-upload-brand-assets","type":"registry:block","title":"File Upload Brand Assets","description":"A brand asset management upload block for React and Next.js with category-based organization for logos, icons, banners, and social media assets, per-category grid views, metadata display with dimensions and format, and download original option using shadcn/ui Button, Badge, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-brand-assets.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-brand-assets.tsx"}]},{"name":"file-upload-shared-link","type":"registry:block","title":"File Upload Shared Link","description":"Upload file and generate shareable link block for React and Next.js with copyable URL, expiry selector, password protection, and download count using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button","input","switch"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-shared-link.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-shared-link.tsx"}]},{"name":"file-upload-with-progress","type":"registry:block","title":"File Upload With Progress","description":"A single file upload block with detailed progress bar, upload speed, time remaining, and file size transferred with pause and cancel controls using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button","progress"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-with-progress.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-with-progress.tsx"}]},{"name":"file-upload-size-limit","type":"registry:block","title":"File Upload Size Limit","description":"React file upload block for Next.js with per-file size limits, total upload capacity bar, approaching-limit warnings, and size validation indicators using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","progress"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-size-limit.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-size-limit.tsx"}]},{"name":"file-upload-multi-file","type":"registry:block","title":"File Upload Multi File","description":"Multi-file upload block for React and Next.js with individual progress bars, file type icons, and status indicators using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button","progress"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-multi-file.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-multi-file.tsx"}]},{"name":"file-upload-pdf-viewer","type":"registry:block","title":"File Upload Pdf Viewer","description":"PDF file upload block for React and Next.js with page thumbnails, page navigation, zoom indicator, download and print buttons, and file metadata sidebar using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-pdf-viewer.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-pdf-viewer.tsx"}]},{"name":"file-upload-font-preview","type":"registry:block","title":"File Upload Font Preview","description":"Font file upload block for React and Next.js with sample text preview, font metadata display, character set info, and glyph count using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-font-preview.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-font-preview.tsx"}]},{"name":"file-upload-access-control","type":"registry:block","title":"File Upload Access Control","description":"File access control panel for React and Next.js with per-file permission matrix, user and role listings, read write delete checkboxes per user per file, and inherit permissions toggle using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["checkbox","switch"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-access-control.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-access-control.tsx"}]},{"name":"file-upload-webhook-notify","type":"registry:block","title":"File Upload Webhook Notify","description":"File upload with webhook notification setup block for React and Next.js with event selection, webhook URL configuration, test delivery, and delivery log using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","input","switch"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-webhook-notify.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-webhook-notify.tsx"}]},{"name":"file-upload-permission-manager","type":"registry:block","title":"File Upload Permission Manager","description":"Uploaded files permission management block for React and Next.js with per-file visibility badges, permission dropdowns, user sharing, and access link toggles using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-permission-manager.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-permission-manager.tsx"}]},{"name":"file-upload-mobile-responsive","type":"registry:block","title":"File Upload Mobile Responsive","description":"A mobile-optimized file upload block with large touch-friendly upload button, camera capture shortcut, compact file chips, and fullscreen preview designed for small screens using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-mobile-responsive.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-mobile-responsive.tsx"}]},{"name":"file-upload-notification-settings","type":"registry:block","title":"File Upload Notification Settings","description":"Upload notification preferences panel for React and Next.js with per-event toggles for upload complete, failed, storage warning, and shared access, channel selector for email, in-app, and SMS, and quiet hours configuration using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["switch"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-notification-settings.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-notification-settings.tsx"}]},{"name":"file-upload-receipt-scanner","type":"registry:block","title":"File Upload Receipt Scanner","description":"A React receipt and document scanner upload block with OCR data extraction simulation, editable vendor/date/amount/category fields, and save functionality using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","input","select"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-receipt-scanner.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-receipt-scanner.tsx"}]},{"name":"file-upload-image-preview","type":"registry:block","title":"File Upload Image Preview","description":"Image upload block for React and Next.js with thumbnail grid previews, hover remove overlay, and file count limit using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-image-preview.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-image-preview.tsx"}]},{"name":"file-upload-convert-format","type":"registry:block","title":"File Upload Convert Format","description":"File format conversion upload block for React and Next.js with target format dropdown, quality options, conversion progress, and download button using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button","progress","select"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-convert-format.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-convert-format.tsx"}]},{"name":"file-upload-design-file","type":"registry:block","title":"File Upload Design File","description":"A design file upload block for React and Next.js supporting Figma, Sketch, and PSD files with file preview placeholder, artboard count, layer count, simulated color palette extraction with swatches, and export settings using shadcn/ui Button, Badge, Select, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","select"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-design-file.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-design-file.tsx"}]},{"name":"file-upload-signed-document","type":"registry:block","title":"File Upload Signed Document","description":"A React e-signature document upload block with multi-step workflow for uploading contracts, reviewing status, signing, and downloading signed copies using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","progress"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-signed-document.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-signed-document.tsx"}]},{"name":"file-upload-approval-workflow","type":"registry:block","title":"File Upload Approval Workflow","description":"File upload with approval workflow block for React and Next.js with reviewer assignment, status progression, comment threads, and approval badges using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","input"],"premium":true,"files":[{"path":"blocks/file-upload/file-upload-approval-workflow.tsx","type":"registry:block","target":"components/blocks/file-upload/file-upload-approval-workflow.tsx"}]},{"name":"form-select-basic","type":"registry:block","title":"Form Select Basic","description":"A basic select dropdown form demonstrating the standard Select and Controller pattern","registryDependencies":["button","field","select"],"premium":true,"files":[{"path":"blocks/form/form-select-basic.tsx","type":"registry:block","target":"components/blocks/form/form-select-basic.tsx"}]},{"name":"form-timezone-select","type":"registry:block","title":"Form Timezone Select","description":"A timezone selector displaying UTC offsets for scheduling and time-sensitive applications.","dependencies":["date-fns"],"registryDependencies":["button","field","select"],"premium":true,"files":[{"path":"blocks/form/form-timezone-select.tsx","type":"registry:block","target":"components/blocks/form/form-timezone-select.tsx"}]},{"name":"form-password-strength","type":"registry:block","title":"Form Password Strength","description":"A password input field with a real-time strength meter showing weak, fair, strong, or very strong levels based on length and character variety.","registryDependencies":["button","field","input"],"premium":true,"files":[{"path":"blocks/form/form-password-strength.tsx","type":"registry:block","target":"components/blocks/form/form-password-strength.tsx"}]},{"name":"form-dependent-fields","type":"registry:block","title":"Form Dependent Fields","description":"A form with cascading fields where one field's options depend on another field's value using watch and setValue","registryDependencies":["button","field","input","select"],"premium":true,"files":[{"path":"blocks/form/form-dependent-fields.tsx","type":"registry:block","target":"components/blocks/form/form-dependent-fields.tsx"}]},{"name":"form-credit-card","type":"registry:block","title":"Form Credit Card","description":"A credit card payment form with formatted card number input, expiry date, and CVC fields with proper input masking and validation.","dependencies":["lucide-react"],"registryDependencies":["button","field","input"],"premium":true,"files":[{"path":"blocks/form/form-credit-card.tsx","type":"registry:block","target":"components/blocks/form/form-credit-card.tsx"}]},{"name":"form-error-state","type":"registry:block","title":"Form Error State","description":"A form demonstrating error handling with a dismissible error banner and retry functionality","dependencies":["lucide-react"],"registryDependencies":["button","field","input","select","textarea"],"premium":true,"files":[{"path":"blocks/form/form-error-state.tsx","type":"registry:block","target":"components/blocks/form/form-error-state.tsx"}]},{"name":"form-rich-text","type":"registry:block","title":"Form Rich Text","description":"A textarea form field with a formatting toolbar featuring bold, italic, underline, and list buttons. Demonstrates the pattern for text editors with action bars.","dependencies":["lucide-react"],"registryDependencies":["button","field","textarea"],"premium":true,"files":[{"path":"blocks/form/form-rich-text.tsx","type":"registry:block","target":"components/blocks/form/form-rich-text.tsx"}]},{"name":"form-switch-card","type":"registry:block","title":"Form Switch Card","description":"A switch form with card-style containers for each toggle","registryDependencies":["button","field","switch"],"premium":true,"files":[{"path":"blocks/form/form-switch-card.tsx","type":"registry:block","target":"components/blocks/form/form-switch-card.tsx"}]},{"name":"form-currency-select","type":"registry:block","title":"Form Currency Select","description":"A currency selector with symbols and codes for payment and financial forms.","registryDependencies":["button","field","select"],"premium":true,"files":[{"path":"blocks/form/form-currency-select.tsx","type":"registry:block","target":"components/blocks/form/form-currency-select.tsx"}]},{"name":"form-loading-state","type":"registry:block","title":"Form Loading State","description":"A form showing loading and submitting states with disabled fields and animated spinner","dependencies":["lucide-react"],"registryDependencies":["button","field","input","select","textarea"],"premium":true,"files":[{"path":"blocks/form/form-loading-state.tsx","type":"registry:block","target":"components/blocks/form/form-loading-state.tsx"}]},{"name":"form-stacked-sections","type":"registry:block","title":"Form Stacked Sections","description":"A form divided into logical sections with separators and fieldset groups","registryDependencies":["button","checkbox","field","input","select","textarea"],"premium":true,"files":[{"path":"blocks/form/form-stacked-sections.tsx","type":"registry:block","target":"components/blocks/form/form-stacked-sections.tsx"}]},{"name":"form-compare","type":"registry:block","title":"Form Compare","description":"A side-by-side comparison form showing original read-only values alongside editable fields with visual diff indicators for changed values","registryDependencies":["badge","button","field","input","select","textarea"],"premium":true,"files":[{"path":"blocks/form/form-compare.tsx","type":"registry:block","target":"components/blocks/form/form-compare.tsx"}]},{"name":"form-color-picker","type":"registry:block","title":"Form Color Picker","description":"A color picker form with hex value input and visual swatch","registryDependencies":["button","field","input"],"premium":true,"files":[{"path":"blocks/form/form-color-picker.tsx","type":"registry:block","target":"components/blocks/form/form-color-picker.tsx"}]},{"name":"form-payment","type":"registry:block","title":"Form Payment","description":"A payment method form with radio cards for selecting payment type and corresponding dynamic fields based on the selected method.","dependencies":["lucide-react"],"registryDependencies":["button","field","input","radio-group"],"premium":true,"files":[{"path":"blocks/form/form-payment.tsx","type":"registry:block","target":"components/blocks/form/form-payment.tsx"}]},{"name":"form-review-submit","type":"registry:block","title":"Form Review Submit","description":"A review-and-submit form that shows a summary of all form values in a read-only card layout with inline edit capability per section.","dependencies":["lucide-react"],"registryDependencies":["button","field","input","select","switch"],"premium":true,"files":[{"path":"blocks/form/form-review-submit.tsx","type":"registry:block","target":"components/blocks/form/form-review-submit.tsx"}]},{"name":"form-text-input-basic","type":"registry:block","title":"Form Text Input Basic","description":"A simple text input form demonstrating the basic Field and Controller pattern","registryDependencies":["button","field","input"],"premium":true,"files":[{"path":"blocks/form/form-text-input-basic.tsx","type":"registry:block","target":"components/blocks/form/form-text-input-basic.tsx"}]},{"name":"form-checkbox-grid","type":"registry:block","title":"Form Checkbox Grid","description":"A grid of checkboxes arranged in multiple columns instead of a vertical list for efficient space usage","registryDependencies":["button","checkbox","field"],"premium":true,"files":[{"path":"blocks/form/form-checkbox-grid.tsx","type":"registry:block","target":"components/blocks/form/form-checkbox-grid.tsx"}]},{"name":"form-checkbox-list-with-actions","type":"registry:block","title":"Form Checkbox List With Actions","description":"A checkbox list with select all toggle and selection count display at the top","registryDependencies":["button","checkbox","field"],"premium":true,"files":[{"path":"blocks/form/form-checkbox-list-with-actions.tsx","type":"registry:block","target":"components/blocks/form/form-checkbox-list-with-actions.tsx"}]},{"name":"form-language-select","type":"registry:block","title":"Form Language Select","description":"A language selector displaying native language names with ISO codes for internationalization.","registryDependencies":["button","field","select"],"premium":true,"files":[{"path":"blocks/form/form-language-select.tsx","type":"registry:block","target":"components/blocks/form/form-language-select.tsx"}]},{"name":"form-cascading-select","type":"registry:block","title":"Form Cascading Select","description":"A form with two dependent select dropdowns where the second select's options change based on the first selection","registryDependencies":["button","field","select"],"premium":true,"files":[{"path":"blocks/form/form-cascading-select.tsx","type":"registry:block","target":"components/blocks/form/form-cascading-select.tsx"}]},{"name":"form-multi-section-tabs","type":"registry:block","title":"Form Multi Section Tabs","description":"A tabbed form where each tab contains a different section of fields with single form submission","registryDependencies":["button","field","input","select","switch","tabs","textarea"],"premium":true,"files":[{"path":"blocks/form/form-multi-section-tabs.tsx","type":"registry:block","target":"components/blocks/form/form-multi-section-tabs.tsx"}]},{"name":"form-switch-group","type":"registry:block","title":"Form Switch Group","description":"A switch group form with multiple toggle fields demonstrating grouped boolean settings","registryDependencies":["button","field","switch"],"premium":true,"files":[{"path":"blocks/form/form-switch-group.tsx","type":"registry:block","target":"components/blocks/form/form-switch-group.tsx"}]},{"name":"form-file-input","type":"registry:block","title":"Form File Input","description":"A file upload form with file type and size validation","dependencies":["lucide-react"],"registryDependencies":["button","field","input"],"premium":true,"files":[{"path":"blocks/form/form-file-input.tsx","type":"registry:block","target":"components/blocks/form/form-file-input.tsx"}]},{"name":"form-success-state","type":"registry:block","title":"Form Success State","description":"A form that transitions to a success confirmation view after submission","dependencies":["lucide-react"],"registryDependencies":["button","field","input","select"],"premium":true,"files":[{"path":"blocks/form/form-success-state.tsx","type":"registry:block","target":"components/blocks/form/form-success-state.tsx"}]},{"name":"form-radio-with-descriptions","type":"registry:block","title":"Form Radio With Descriptions","description":"A radio group where each option includes a title and detailed description text for better context","registryDependencies":["button","field","radio-group"],"premium":true,"files":[{"path":"blocks/form/form-radio-with-descriptions.tsx","type":"registry:block","target":"components/blocks/form/form-radio-with-descriptions.tsx"}]},{"name":"form-table-edit","type":"registry:block","title":"Form Table Edit","description":"An editable table form where each row contains editable cells with add and remove functionality","dependencies":["lucide-react"],"registryDependencies":["button","field","input","select"],"premium":true,"files":[{"path":"blocks/form/form-table-edit.tsx","type":"registry:block","target":"components/blocks/form/form-table-edit.tsx"}]},{"name":"form-conditional-fields","type":"registry:block","title":"Form Conditional Fields","description":"A form where certain fields appear or disappear based on select values using React Hook Form's watch function","registryDependencies":["button","field","input","select"],"premium":true,"files":[{"path":"blocks/form/form-conditional-fields.tsx","type":"registry:block","target":"components/blocks/form/form-conditional-fields.tsx"}]},{"name":"form-time-input","type":"registry:block","title":"Form Time Input","description":"A time input form with native time picker and timezone selection","dependencies":["lucide-react"],"registryDependencies":["button","field","input","select"],"premium":true,"files":[{"path":"blocks/form/form-time-input.tsx","type":"registry:block","target":"components/blocks/form/form-time-input.tsx"}]},{"name":"form-switch-basic","type":"registry:block","title":"Form Switch Basic","description":"A basic switch toggle form with a single switch field","registryDependencies":["button","field","switch"],"premium":true,"files":[{"path":"blocks/form/form-switch-basic.tsx","type":"registry:block","target":"components/blocks/form/form-switch-basic.tsx"}]},{"name":"form-textarea-with-counter","type":"registry:block","title":"Form Textarea With Counter","description":"A textarea field with character counter showing remaining characters","registryDependencies":["button","field","textarea"],"premium":true,"files":[{"path":"blocks/form/form-textarea-with-counter.tsx","type":"registry:block","target":"components/blocks/form/form-textarea-with-counter.tsx"}]},{"name":"form-nested-objects","type":"registry:block","title":"Form Nested Objects","description":"A form demonstrating deeply nested object structures using dot notation field names","registryDependencies":["button","field","input","select"],"premium":true,"files":[{"path":"blocks/form/form-nested-objects.tsx","type":"registry:block","target":"components/blocks/form/form-nested-objects.tsx"}]},{"name":"form-switch-with-description","type":"registry:block","title":"Form Switch With Description","description":"A switch form with detailed description and explanation","registryDependencies":["button","field","switch"],"premium":true,"files":[{"path":"blocks/form/form-switch-with-description.tsx","type":"registry:block","target":"components/blocks/form/form-switch-with-description.tsx"}]},{"name":"form-template-fill","type":"registry:block","title":"Form Template Fill","description":"A form with preset templates that automatically populate fields with predefined values for common use cases and faster data entry","dependencies":["lucide-react"],"registryDependencies":["button","field","input","select","textarea"],"premium":true,"files":[{"path":"blocks/form/form-template-fill.tsx","type":"registry:block","target":"components/blocks/form/form-template-fill.tsx"}]},{"name":"form-checkbox-group","type":"registry:block","title":"Form Checkbox Group","description":"A checkbox group form with multiple options demonstrating array field validation","registryDependencies":["button","checkbox","field"],"premium":true,"files":[{"path":"blocks/form/form-checkbox-group.tsx","type":"registry:block","target":"components/blocks/form/form-checkbox-group.tsx"}]},{"name":"form-otp-input","type":"registry:block","title":"Form Otp Input","description":"A one-time password verification code input form with 6-digit validation","registryDependencies":["button","field","input-otp"],"premium":true,"files":[{"path":"blocks/form/form-otp-input.tsx","type":"registry:block","target":"components/blocks/form/form-otp-input.tsx"}]},{"name":"form-tag-input","type":"registry:block","title":"Form Tag Input","description":"A tag input form with add/remove functionality and validation","dependencies":["lucide-react"],"registryDependencies":["badge","button","field","input"],"premium":true,"files":[{"path":"blocks/form/form-tag-input.tsx","type":"registry:block","target":"components/blocks/form/form-tag-input.tsx"}]},{"name":"form-select-grouped","type":"registry:block","title":"Form Select Grouped","description":"A select dropdown form with grouped options using SelectGroup and SelectLabel","registryDependencies":["button","field","select"],"premium":true,"files":[{"path":"blocks/form/form-select-grouped.tsx","type":"registry:block","target":"components/blocks/form/form-select-grouped.tsx"}]},{"name":"form-radio-basic","type":"registry:block","title":"Form Radio Basic","description":"A basic radio group form demonstrating single-selection input","registryDependencies":["button","field","radio-group"],"premium":true,"files":[{"path":"blocks/form/form-radio-basic.tsx","type":"registry:block","target":"components/blocks/form/form-radio-basic.tsx"}]},{"name":"form-switch-responsive","type":"registry:block","title":"Form Switch Responsive","description":"A responsive switch form that adapts layout from vertical to horizontal","registryDependencies":["button","field","switch"],"premium":true,"files":[{"path":"blocks/form/form-switch-responsive.tsx","type":"registry:block","target":"components/blocks/form/form-switch-responsive.tsx"}]},{"name":"form-disabled-fields","type":"registry:block","title":"Form Disabled Fields","description":"A form demonstrating disabled field states across different input types including Input, Select, Textarea, Checkbox, and Switch.","registryDependencies":["button","checkbox","field","input","select","switch","textarea"],"premium":true,"files":[{"path":"blocks/form/form-disabled-fields.tsx","type":"registry:block","target":"components/blocks/form/form-disabled-fields.tsx"}]},{"name":"form-horizontal-layout","type":"registry:block","title":"Form Horizontal Layout","description":"A form with labels on the left and inputs on the right, using responsive field orientation","registryDependencies":["button","field","input","select","textarea"],"premium":true,"files":[{"path":"blocks/form/form-horizontal-layout.tsx","type":"registry:block","target":"components/blocks/form/form-horizontal-layout.tsx"}]},{"name":"form-builder","type":"registry:block","title":"Form Builder","description":"A simple form builder where users can dynamically add and configure different field types to construct custom forms with live preview.","dependencies":["lucide-react"],"registryDependencies":["button","dropdown-menu","field","input","select","switch","textarea"],"premium":true,"files":[{"path":"blocks/form/form-builder.tsx","type":"registry:block","target":"components/blocks/form/form-builder.tsx"}]},{"name":"form-select-searchable","type":"registry:block","title":"Form Select Searchable","description":"A searchable combobox-style select form using Popover and Command components","dependencies":["lucide-react"],"registryDependencies":["button","command","field","popover"],"premium":true,"files":[{"path":"blocks/form/form-select-searchable.tsx","type":"registry:block","target":"components/blocks/form/form-select-searchable.tsx"}]},{"name":"form-date-range","type":"registry:block","title":"Form Date Range","description":"A date range form with start and end date fields featuring cross-field validation to ensure the end date is after the start date.","dependencies":["date-fns","lucide-react"],"registryDependencies":["button","field","input"],"premium":true,"files":[{"path":"blocks/form/form-date-range.tsx","type":"registry:block","target":"components/blocks/form/form-date-range.tsx"}]},{"name":"form-number-input","type":"registry:block","title":"Form Number Input","description":"A number input form with min/max validation","registryDependencies":["button","field","input"],"premium":true,"files":[{"path":"blocks/form/form-number-input.tsx","type":"registry:block","target":"components/blocks/form/form-number-input.tsx"}]},{"name":"form-address","type":"registry:block","title":"Form Address","description":"A comprehensive address form with street, apartment, city, state, and zip code fields in a responsive grid layout with proper field sizing.","dependencies":["lucide-react"],"registryDependencies":["button","field","input","select"],"premium":true,"files":[{"path":"blocks/form/form-address.tsx","type":"registry:block","target":"components/blocks/form/form-address.tsx"}]},{"name":"form-with-preview","type":"registry:block","title":"Form With Preview","description":"A form with a live preview panel showing formatted output of the form data as you type","registryDependencies":["avatar","badge","button","field","input","select","textarea"],"premium":true,"files":[{"path":"blocks/form/form-with-preview.tsx","type":"registry:block","target":"components/blocks/form/form-with-preview.tsx"}]},{"name":"form-search-input","type":"registry:block","title":"Form Search Input","description":"A search form with icon, clear button, and instant validation feedback","dependencies":["lucide-react"],"registryDependencies":["button","field","input"],"premium":true,"files":[{"path":"blocks/form/form-search-input.tsx","type":"registry:block","target":"components/blocks/form/form-search-input.tsx"}]},{"name":"form-grid-layout","type":"registry:block","title":"Form Grid Layout","description":"A responsive form using CSS grid with fields that span different column widths","registryDependencies":["button","field","input","select","textarea"],"premium":true,"files":[{"path":"blocks/form/form-grid-layout.tsx","type":"registry:block","target":"components/blocks/form/form-grid-layout.tsx"}]},{"name":"form-autosave","type":"registry:block","title":"Form Autosave","description":"A form that automatically saves changes as users type with debounced save detection and visual status indicators","dependencies":["lucide-react"],"registryDependencies":["button","field","input","textarea"],"premium":true,"files":[{"path":"blocks/form/form-autosave.tsx","type":"registry:block","target":"components/blocks/form/form-autosave.tsx"}]},{"name":"form-dynamic-options","type":"registry:block","title":"Form Dynamic Options","description":"A form demonstrating dynamically loaded options with loading states using useEffect and useState","registryDependencies":["button","field","input","select","skeleton"],"premium":true,"files":[{"path":"blocks/form/form-dynamic-options.tsx","type":"registry:block","target":"components/blocks/form/form-dynamic-options.tsx"}]},{"name":"form-survey","type":"registry:block","title":"Form Survey","description":"A survey form with mixed question types including radio buttons, checkboxes, textarea, and slider rating scales with progress tracking.","registryDependencies":["button","checkbox","field","radio-group","slider","textarea"],"premium":true,"files":[{"path":"blocks/form/form-survey.tsx","type":"registry:block","target":"components/blocks/form/form-survey.tsx"}]},{"name":"form-multi-select","type":"registry:block","title":"Form Multi Select","description":"A multi-select form using checkboxes inside a popover to select multiple items with badge display","dependencies":["lucide-react"],"registryDependencies":["badge","button","command","field","popover"],"premium":true,"files":[{"path":"blocks/form/form-multi-select.tsx","type":"registry:block","target":"components/blocks/form/form-multi-select.tsx"}]},{"name":"form-compact-dense","type":"registry:block","title":"Form Compact Dense","description":"An ultra-compact form with minimal spacing and smaller text for space-constrained UIs","registryDependencies":["button","checkbox","field","input","select"],"premium":true,"files":[{"path":"blocks/form/form-compact-dense.tsx","type":"registry:block","target":"components/blocks/form/form-compact-dense.tsx"}]},{"name":"form-checkbox-terms","type":"registry:block","title":"Form Checkbox Terms","description":"A single checkbox form for accepting terms of service with link integration","registryDependencies":["button","checkbox","field"],"premium":true,"files":[{"path":"blocks/form/form-checkbox-terms.tsx","type":"registry:block","target":"components/blocks/form/form-checkbox-terms.tsx"}]},{"name":"form-undo-redo","type":"registry:block","title":"Form Undo Redo","description":"A form with full undo and redo functionality that tracks state history and allows users to step backward and forward through changes","dependencies":["lucide-react"],"registryDependencies":["button","field","input","textarea"],"premium":true,"files":[{"path":"blocks/form/form-undo-redo.tsx","type":"registry:block","target":"components/blocks/form/form-undo-redo.tsx"}]},{"name":"form-slider-range","type":"registry:block","title":"Form Slider Range","description":"A slider range input form with real-time value display","registryDependencies":["button","field","slider"],"premium":true,"files":[{"path":"blocks/form/form-slider-range.tsx","type":"registry:block","target":"components/blocks/form/form-slider-range.tsx"}]},{"name":"form-switch-danger","type":"registry:block","title":"Form Switch Danger","description":"A form with dangerous toggle switches requiring careful consideration before enabling","dependencies":["lucide-react"],"registryDependencies":["button","field","switch"],"premium":true,"files":[{"path":"blocks/form/form-switch-danger.tsx","type":"registry:block","target":"components/blocks/form/form-switch-danger.tsx"}]},{"name":"form-kitchen-sink","type":"registry:block","title":"Form Kitchen Sink","description":"A comprehensive showcase form demonstrating all field types and patterns including text inputs, selects, checkboxes, radio groups, switches, textareas, and dynamic fields.","dependencies":["lucide-react"],"registryDependencies":["button","checkbox","field","input","radio-group","select","switch","textarea"],"premium":true,"files":[{"path":"blocks/form/form-kitchen-sink.tsx","type":"registry:block","target":"components/blocks/form/form-kitchen-sink.tsx"}]},{"name":"form-wizard","type":"registry:block","title":"Form Wizard","description":"A wizard form with left sidebar navigation showing progress through multiple steps","dependencies":["lucide-react"],"registryDependencies":["button","checkbox","field","input","select"],"premium":true,"files":[{"path":"blocks/form/form-wizard.tsx","type":"registry:block","target":"components/blocks/form/form-wizard.tsx"}]},{"name":"form-toggle-feature-flags","type":"registry:block","title":"Form Toggle Feature Flags","description":"A form for managing feature flags with toggle switches and code-style identifiers","registryDependencies":["button","field","switch"],"premium":true,"files":[{"path":"blocks/form/form-toggle-feature-flags.tsx","type":"registry:block","target":"components/blocks/form/form-toggle-feature-flags.tsx"}]},{"name":"form-checkbox-indeterminate","type":"registry:block","title":"Form Checkbox Indeterminate","description":"A checkbox form with parent-child relationships demonstrating indeterminate state management","registryDependencies":["button","checkbox","field"],"premium":true,"files":[{"path":"blocks/form/form-checkbox-indeterminate.tsx","type":"registry:block","target":"components/blocks/form/form-checkbox-indeterminate.tsx"}]},{"name":"form-repeatable-group","type":"registry:block","title":"Form Repeatable Group","description":"A form with repeatable field groups where each entry contains multiple related fields using React Hook Form's useFieldArray","dependencies":["lucide-react"],"registryDependencies":["button","field","input","select"],"premium":true,"files":[{"path":"blocks/form/form-repeatable-group.tsx","type":"registry:block","target":"components/blocks/form/form-repeatable-group.tsx"}]},{"name":"form-responsive-layout","type":"registry:block","title":"Form Responsive Layout","description":"A form that automatically switches between vertical and horizontal layouts based on screen size","registryDependencies":["button","checkbox","field","input","select","textarea"],"premium":true,"files":[{"path":"blocks/form/form-responsive-layout.tsx","type":"registry:block","target":"components/blocks/form/form-responsive-layout.tsx"}]},{"name":"form-toggle-notification-prefs","type":"registry:block","title":"Form Toggle Notification Prefs","description":"A categorized notification settings form with email and push notification sections","registryDependencies":["button","field","switch"],"premium":true,"files":[{"path":"blocks/form/form-toggle-notification-prefs.tsx","type":"registry:block","target":"components/blocks/form/form-toggle-notification-prefs.tsx"}]},{"name":"form-sortable-items","type":"registry:block","title":"Form Sortable Items","description":"A form with a dynamic list of items that can be reordered, added, and removed","dependencies":["lucide-react"],"registryDependencies":["button","field","input"],"premium":true,"files":[{"path":"blocks/form/form-sortable-items.tsx","type":"registry:block","target":"components/blocks/form/form-sortable-items.tsx"}]},{"name":"form-required-optional","type":"registry:block","title":"Form Required Optional","description":"A form showing the pattern for required versus optional fields with asterisks and labels.","registryDependencies":["button","field","input","textarea"],"premium":true,"files":[{"path":"blocks/form/form-required-optional.tsx","type":"registry:block","target":"components/blocks/form/form-required-optional.tsx"}]},{"name":"form-multi-step","type":"registry:block","title":"Form Multi Step","description":"A multi-step form with numbered progress indicator, validation at each step, and back/next navigation","dependencies":["lucide-react"],"registryDependencies":["button","field","input","select","textarea"],"premium":true,"files":[{"path":"blocks/form/form-multi-step.tsx","type":"registry:block","target":"components/blocks/form/form-multi-step.tsx"}]},{"name":"form-rating-input","type":"registry:block","title":"Form Rating Input","description":"A star rating input form with interactive stars and validation","dependencies":["lucide-react"],"registryDependencies":["button","field"],"premium":true,"files":[{"path":"blocks/form/form-rating-input.tsx","type":"registry:block","target":"components/blocks/form/form-rating-input.tsx"}]},{"name":"form-inline-edit","type":"registry:block","title":"Form Inline Edit","description":"An inline edit form where text becomes editable on click with smooth transitions between display and edit modes","dependencies":["lucide-react"],"registryDependencies":["button","field","input","textarea"],"premium":true,"files":[{"path":"blocks/form/form-inline-edit.tsx","type":"registry:block","target":"components/blocks/form/form-inline-edit.tsx"}]},{"name":"form-modal-form","type":"registry:block","title":"Form Modal Form","description":"A form inside a dialog modal with proper validation and state handling","dependencies":["lucide-react"],"registryDependencies":["button","dialog","field","input","select","textarea"],"premium":true,"files":[{"path":"blocks/form/form-modal-form.tsx","type":"registry:block","target":"components/blocks/form/form-modal-form.tsx"}]},{"name":"form-select-with-icons","type":"registry:block","title":"Form Select With Icons","description":"A select dropdown component where each option displays a leading icon alongside the text for enhanced visual recognition.","dependencies":["lucide-react"],"registryDependencies":["button","field","select"],"premium":true,"files":[{"path":"blocks/form/form-select-with-icons.tsx","type":"registry:block","target":"components/blocks/form/form-select-with-icons.tsx"}]},{"name":"form-minimal","type":"registry:block","title":"Form Minimal","description":"An ultra-minimal form with no visible labels, using placeholders for a clean aesthetic","registryDependencies":["button","field","input","textarea"],"premium":true,"files":[{"path":"blocks/form/form-minimal.tsx","type":"registry:block","target":"components/blocks/form/form-minimal.tsx"}]},{"name":"form-validation-realtime","type":"registry:block","title":"Form Validation Realtime","description":"A form with real-time validation that validates fields as the user types, showing green checkmarks for valid fields.","dependencies":["lucide-react"],"registryDependencies":["button","field","input"],"premium":true,"files":[{"path":"blocks/form/form-validation-realtime.tsx","type":"registry:block","target":"components/blocks/form/form-validation-realtime.tsx"}]},{"name":"form-radio-visual","type":"registry:block","title":"Form Radio Visual","description":"A radio group where each option is displayed as a visual card with an icon, title, and description","dependencies":["lucide-react"],"registryDependencies":["button","field","radio-group"],"premium":true,"files":[{"path":"blocks/form/form-radio-visual.tsx","type":"registry:block","target":"components/blocks/form/form-radio-visual.tsx"}]},{"name":"form-with-sidebar","type":"registry:block","title":"Form With Sidebar","description":"A form with a sticky navigation sidebar for quick access to different sections","registryDependencies":["button","field","input","radio-group","switch","textarea"],"premium":true,"files":[{"path":"blocks/form/form-with-sidebar.tsx","type":"registry:block","target":"components/blocks/form/form-with-sidebar.tsx"}]},{"name":"form-country-select","type":"registry:block","title":"Form Country Select","description":"A country selector with flag emojis for quick visual identification and improved international user experience.","registryDependencies":["button","field","select"],"premium":true,"files":[{"path":"blocks/form/form-country-select.tsx","type":"registry:block","target":"components/blocks/form/form-country-select.tsx"}]},{"name":"form-import-data","type":"registry:block","title":"Form Import Data","description":"A form with paste and import functionality that parses JSON data to automatically populate form fields for faster data entry","dependencies":["lucide-react"],"registryDependencies":["button","field","input","textarea"],"premium":true,"files":[{"path":"blocks/form/form-import-data.tsx","type":"registry:block","target":"components/blocks/form/form-import-data.tsx"}]},{"name":"form-field-hints","type":"registry:block","title":"Form Field Hints","description":"A form demonstrating various field hint patterns using FieldDescription for helper text and guidance","registryDependencies":["button","field","input","textarea"],"premium":true,"files":[{"path":"blocks/form/form-field-hints.tsx","type":"registry:block","target":"components/blocks/form/form-field-hints.tsx"}]},{"name":"form-readonly-fields","type":"registry:block","title":"Form Readonly Fields","description":"A form demonstrating read-only field states with visual indicators for non-editable inputs","dependencies":["lucide-react"],"registryDependencies":["button","field","input","select","textarea"],"premium":true,"files":[{"path":"blocks/form/form-readonly-fields.tsx","type":"registry:block","target":"components/blocks/form/form-readonly-fields.tsx"}]},{"name":"form-fieldset-groups","type":"registry:block","title":"Form Fieldset Groups","description":"A form organized with multiple FieldSet components for semantic grouping of related fields","registryDependencies":["button","field","input"],"premium":true,"files":[{"path":"blocks/form/form-fieldset-groups.tsx","type":"registry:block","target":"components/blocks/form/form-fieldset-groups.tsx"}]},{"name":"form-email-password","type":"registry:block","title":"Form Email Password","description":"An email and password input form with validation","registryDependencies":["button","field","input"],"premium":true,"files":[{"path":"blocks/form/form-email-password.tsx","type":"registry:block","target":"components/blocks/form/form-email-password.tsx"}]},{"name":"form-array-fields","type":"registry:block","title":"Form Array Fields","description":"A dynamic form with an array of text fields that can be added or removed using React Hook Form's useFieldArray","dependencies":["lucide-react"],"registryDependencies":["button","field","input"],"premium":true,"files":[{"path":"blocks/form/form-array-fields.tsx","type":"registry:block","target":"components/blocks/form/form-array-fields.tsx"}]},{"name":"form-validation-inline","type":"registry:block","title":"Form Validation Inline","description":"A form demonstrating inline validation messages appearing directly below each field with different validation rules.","registryDependencies":["button","field","input"],"premium":true,"files":[{"path":"blocks/form/form-validation-inline.tsx","type":"registry:block","target":"components/blocks/form/form-validation-inline.tsx"}]},{"name":"form-split-panel","type":"registry:block","title":"Form Split Panel","description":"A two-panel form with navigation labels on the left and form fields on the right","registryDependencies":["button","field","input","select","textarea"],"premium":true,"files":[{"path":"blocks/form/form-split-panel.tsx","type":"registry:block","target":"components/blocks/form/form-split-panel.tsx"}]},{"name":"form-radio-cards","type":"registry:block","title":"Form Radio Cards","description":"A radio group form with card-style options containing titles and descriptions","registryDependencies":["button","field","radio-group"],"premium":true,"files":[{"path":"blocks/form/form-radio-cards.tsx","type":"registry:block","target":"components/blocks/form/form-radio-cards.tsx"}]},{"name":"form-switch-nested","type":"registry:block","title":"Form Switch Nested","description":"A switch that reveals additional form fields when enabled with conditional rendering","registryDependencies":["button","field","input","select","switch"],"premium":true,"files":[{"path":"blocks/form/form-switch-nested.tsx","type":"registry:block","target":"components/blocks/form/form-switch-nested.tsx"}]},{"name":"form-accordion-sections","type":"registry:block","title":"Form Accordion Sections","description":"A form with collapsible accordion sections to organize fields and reduce visual complexity","dependencies":["lucide-react"],"registryDependencies":["button","collapsible","field","input","select","switch","textarea"],"premium":true,"files":[{"path":"blocks/form/form-accordion-sections.tsx","type":"registry:block","target":"components/blocks/form/form-accordion-sections.tsx"}]},{"name":"form-validation-summary","type":"registry:block","title":"Form Validation Summary","description":"A form with a validation error summary displayed at the top when there are errors, plus inline field errors.","dependencies":["lucide-react"],"registryDependencies":["button","field","input","textarea"],"premium":true,"files":[{"path":"blocks/form/form-validation-summary.tsx","type":"registry:block","target":"components/blocks/form/form-validation-summary.tsx"}]},{"name":"form-url-input","type":"registry:block","title":"Form Url Input","description":"A URL input form with proper URL validation","registryDependencies":["button","field","input"],"premium":true,"files":[{"path":"blocks/form/form-url-input.tsx","type":"registry:block","target":"components/blocks/form/form-url-input.tsx"}]},{"name":"form-bulk-edit","type":"registry:block","title":"Form Bulk Edit","description":"A bulk edit form for editing multiple items at once with table-like layout and batch actions","dependencies":["lucide-react"],"registryDependencies":["button","field","input","select"],"premium":true,"files":[{"path":"blocks/form/form-bulk-edit.tsx","type":"registry:block","target":"components/blocks/form/form-bulk-edit.tsx"}]},{"name":"form-phone-input","type":"registry:block","title":"Form Phone Input","description":"A phone number input form with formatting mask display and validation","dependencies":["lucide-react"],"registryDependencies":["button","field","input"],"premium":true,"files":[{"path":"blocks/form/form-phone-input.tsx","type":"registry:block","target":"components/blocks/form/form-phone-input.tsx"}]},{"name":"form-radio-horizontal","type":"registry:block","title":"Form Radio Horizontal","description":"A radio group with options laid out horizontally in a row instead of a vertical stack","registryDependencies":["button","field","radio-group"],"premium":true,"files":[{"path":"blocks/form/form-radio-horizontal.tsx","type":"registry:block","target":"components/blocks/form/form-radio-horizontal.tsx"}]},{"name":"form-switch-side-by-side","type":"registry:block","title":"Form Switch Side By Side","description":"A two-column layout displaying multiple toggle switches in a compact grid","registryDependencies":["button","field","switch"],"premium":true,"files":[{"path":"blocks/form/form-switch-side-by-side.tsx","type":"registry:block","target":"components/blocks/form/form-switch-side-by-side.tsx"}]},{"name":"form-branching","type":"registry:block","title":"Form Branching","description":"A decision-tree form that shows different fields based on user selections","registryDependencies":["button","field","input","select"],"premium":true,"files":[{"path":"blocks/form/form-branching.tsx","type":"registry:block","target":"components/blocks/form/form-branching.tsx"}]},{"name":"form-full-width","type":"registry:block","title":"Form Full Width","description":"A full-width stacked form with generous spacing and clear visual hierarchy","registryDependencies":["button","field","input","select","textarea"],"premium":true,"files":[{"path":"blocks/form/form-full-width.tsx","type":"registry:block","target":"components/blocks/form/form-full-width.tsx"}]},{"name":"form-date-input","type":"registry:block","title":"Form Date Input","description":"A date input form with native date picker and validation","dependencies":["lucide-react"],"registryDependencies":["button","field","input"],"premium":true,"files":[{"path":"blocks/form/form-date-input.tsx","type":"registry:block","target":"components/blocks/form/form-date-input.tsx"}]},{"name":"form-inline-fields","type":"registry:block","title":"Form Inline Fields","description":"A compact inline form with fields arranged in a single row, perfect for filters and search bars","dependencies":["lucide-react"],"registryDependencies":["button","field","input","select"],"premium":true,"files":[{"path":"blocks/form/form-inline-fields.tsx","type":"registry:block","target":"components/blocks/form/form-inline-fields.tsx"}]},{"name":"form-drawer-form","type":"registry:block","title":"Form Drawer Form","description":"A form inside a drawer sheet that slides in from the right side with validation","dependencies":["lucide-react"],"registryDependencies":["button","field","input","select","sheet","textarea"],"premium":true,"files":[{"path":"blocks/form/form-drawer-form.tsx","type":"registry:block","target":"components/blocks/form/form-drawer-form.tsx"}]},{"name":"form-two-column","type":"registry:block","title":"Form Two Column","description":"A form with fields arranged in two columns on desktop, single column on mobile","registryDependencies":["button","field","input","select"],"premium":true,"files":[{"path":"blocks/form/form-two-column.tsx","type":"registry:block","target":"components/blocks/form/form-two-column.tsx"}]},{"name":"map-fleet-tracker","type":"registry:block","title":"Map Fleet Tracker","description":"React fleet vehicle tracking dashboard map block for Next.js with animated truck markers, real-time status indicators, route paths, and vehicle info tooltips using mapcn map components, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","map"],"premium":true,"files":[{"path":"blocks/map/map-fleet-tracker.tsx","type":"registry:block","target":"components/blocks/map/map-fleet-tracker.tsx"}]},{"name":"map-warehouse-network","type":"registry:block","title":"Map Warehouse Network","description":"React warehouse network map block for Next.js with hub markers, connection routes, capacity gauges, throughput metrics, and facility tooltips using mapcn and shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["badge","map"],"premium":true,"files":[{"path":"blocks/map/map-warehouse-network.tsx","type":"registry:block","target":"components/blocks/map/map-warehouse-network.tsx"}]},{"name":"map-wildlife-tracker","type":"registry:block","title":"Map Wildlife Tracker","description":"React wildlife migration tracker block for Next.js with animal species markers, migration route paths, season filters, species detail popups, and population stats using mapcn map components and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","map"],"premium":true,"files":[{"path":"blocks/map/map-wildlife-tracker.tsx","type":"registry:block","target":"components/blocks/map/map-wildlife-tracker.tsx"}]},{"name":"map-oil-pipeline","type":"registry:block","title":"Map Oil Pipeline","description":"Interactive oil and gas pipeline network map with pipeline route lines, station markers, flow rate indicators, and infrastructure detail panels built with mapcn, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","map"],"premium":true,"files":[{"path":"blocks/map/map-oil-pipeline.tsx","type":"registry:block","target":"components/blocks/map/map-oil-pipeline.tsx"}]},{"name":"map-gas-stations","type":"registry:block","title":"Map Gas Stations","description":"React gas station finder map block for Next.js with fuel price badges, brand markers, amenity indicators, and price comparison tooltips using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","map"],"premium":true,"files":[{"path":"blocks/map/map-gas-stations.tsx","type":"registry:block","target":"components/blocks/map/map-gas-stations.tsx"}]},{"name":"map-agricultural-fields","type":"registry:block","title":"Map Agricultural Fields","description":"Interactive agricultural field map with crop type colored markers, soil moisture indicators, harvest schedule badges, and field detail cards built with mapcn, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","map"],"premium":true,"files":[{"path":"blocks/map/map-agricultural-fields.tsx","type":"registry:block","target":"components/blocks/map/map-agricultural-fields.tsx"}]},{"name":"map-meetup-locations","type":"registry:block","title":"Map Meetup Locations","description":"React meetup and gathering spot finder map block for Next.js with event type markers, attendee count badges, date and time info, and meetup detail popups using mapcn map components, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button","map"],"premium":true,"files":[{"path":"blocks/map/map-meetup-locations.tsx","type":"registry:block","target":"components/blocks/map/map-meetup-locations.tsx"}]},{"name":"map-tourist-attractions","type":"registry:block","title":"Map Tourist Attractions","description":"Interactive tourist attraction explorer map with category markers, rating stars, visit duration estimates, and attraction detail popups built with mapcn, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","map"],"premium":true,"files":[{"path":"blocks/map/map-tourist-attractions.tsx","type":"registry:block","target":"components/blocks/map/map-tourist-attractions.tsx"}]},{"name":"map-airport-terminal","type":"registry:block","title":"Map Airport Terminal","description":"Interactive airport terminal map with gate markers, airline assignments, flight status badges, terminal section overlays, and gate detail popups built with mapcn, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","map"],"premium":true,"files":[{"path":"blocks/map/map-airport-terminal.tsx","type":"registry:block","target":"components/blocks/map/map-airport-terminal.tsx"}]},{"name":"map-cell-towers","type":"registry:block","title":"Map Cell Towers","description":"React cell tower coverage map block for Next.js with signal strength zones, tower markers, carrier badges, and coverage detail overlays using mapcn and shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["badge","button","map"],"premium":true,"files":[{"path":"blocks/map/map-cell-towers.tsx","type":"registry:block","target":"components/blocks/map/map-cell-towers.tsx"}]},{"name":"map-evacuation-routes","type":"registry:block","title":"Map Evacuation Routes","description":"Interactive evacuation route planner map with route lines, shelter markers, danger zone overlays, assembly point markers, and evacuation detail panel built with mapcn, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","map"],"premium":true,"files":[{"path":"blocks/map/map-evacuation-routes.tsx","type":"registry:block","target":"components/blocks/map/map-evacuation-routes.tsx"}]},{"name":"map-franchise-map","type":"registry:block","title":"Map Franchise Map","description":"Interactive franchise network map with revenue-sized markers, territory type badges, performance metrics popups, and region filtering built with mapcn, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","map"],"premium":true,"files":[{"path":"blocks/map/map-franchise-map.tsx","type":"registry:block","target":"components/blocks/map/map-franchise-map.tsx"}]},{"name":"map-crime-heatmap","type":"registry:block","title":"Map Crime Heatmap","description":"React crime statistics heatmap map block for Next.js with incident type filters, neighborhood safety scores, time-period selector, and incident detail overlays using shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","map"],"premium":true,"files":[{"path":"blocks/map/map-crime-heatmap.tsx","type":"registry:block","target":"components/blocks/map/map-crime-heatmap.tsx"}]},{"name":"map-ev-charging","type":"registry:block","title":"Map Ev Charging","description":"EV charging station finder map with availability indicators, charger type badges, pricing info, and station detail popups built with mapcn, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","map"],"premium":true,"files":[{"path":"blocks/map/map-ev-charging.tsx","type":"registry:block","target":"components/blocks/map/map-ev-charging.tsx"}]},{"name":"map-open-houses","type":"registry:block","title":"Map Open Houses","description":"Interactive open house event map with time slot markers, today and upcoming day filters, RSVP indicators, and event detail popups built with mapcn, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","map"],"premium":true,"files":[{"path":"blocks/map/map-open-houses.tsx","type":"registry:block","target":"components/blocks/map/map-open-houses.tsx"}]},{"name":"map-carbon-emissions","type":"registry:block","title":"Map Carbon Emissions","description":"Interactive carbon emission by region map with emission-sized markers, industry breakdown badges, reduction targets, and region detail panels built with mapcn, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["map"],"premium":true,"files":[{"path":"blocks/map/map-carbon-emissions.tsx","type":"registry:block","target":"components/blocks/map/map-carbon-emissions.tsx"}]},{"name":"map-competitor-analysis","type":"registry:block","title":"Map Competitor Analysis","description":"React competitor analysis map block for Next.js with your store vs competitor markers, market share indicators, overlap zones, and comparison panel using mapcn map components, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","map"],"premium":true,"files":[{"path":"blocks/map/map-competitor-analysis.tsx","type":"registry:block","target":"components/blocks/map/map-competitor-analysis.tsx"}]},{"name":"map-construction-sites","type":"registry:block","title":"Map Construction Sites","description":"React construction project tracker map block for Next.js with site markers, project phase badges, completion progress bars, and project detail popups using mapcn and shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["badge","button","map"],"premium":true,"files":[{"path":"blocks/map/map-construction-sites.tsx","type":"registry:block","target":"components/blocks/map/map-construction-sites.tsx"}]},{"name":"map-broadband-coverage","type":"registry:block","title":"Map Broadband Coverage","description":"Broadband coverage map with ISP markers, speed tier indicators, availability zones, and plan comparison popups built with mapcn, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","map"],"premium":true,"files":[{"path":"blocks/map/map-broadband-coverage.tsx","type":"registry:block","target":"components/blocks/map/map-broadband-coverage.tsx"}]},{"name":"map-fire-stations","type":"registry:block","title":"Map Fire Stations","description":"Fire station coverage map with station markers, response radius circles, crew availability badges, and station detail cards in a sidebar panel built with mapcn, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","map"],"premium":true,"files":[{"path":"blocks/map/map-fire-stations.tsx","type":"registry:block","target":"components/blocks/map/map-fire-stations.tsx"}]},{"name":"map-forest-coverage","type":"registry:block","title":"Map Forest Coverage","description":"Interactive forest coverage change map with deforestation zone boundaries, reforestation markers, carbon sequestration data, and environmental impact overlays built with mapcn, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","map"],"premium":true,"files":[{"path":"blocks/map/map-forest-coverage.tsx","type":"registry:block","target":"components/blocks/map/map-forest-coverage.tsx"}]},{"name":"map-power-grid","type":"registry:block","title":"Map Power Grid","description":"React power grid visualization map block for Next.js with substation markers, transmission line routes, load indicators, and grid capacity detail panels using mapcn map components, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","map"],"premium":true,"files":[{"path":"blocks/map/map-power-grid.tsx","type":"registry:block","target":"components/blocks/map/map-power-grid.tsx"}]},{"name":"map-trip-planner","type":"registry:block","title":"Map Trip Planner","description":"React trip itinerary planner map block for Next.js with numbered stop markers, route connections between stops, a day-by-day sidebar, and duration estimates using mapcn map components, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","map"],"premium":true,"files":[{"path":"blocks/map/map-trip-planner.tsx","type":"registry:block","target":"components/blocks/map/map-trip-planner.tsx"}]},{"name":"map-shipping-lanes","type":"registry:block","title":"Map Shipping Lanes","description":"Maritime shipping lane visualization map with route lines between ports, cargo volume indicators, port markers with throughput data, and lane detail tooltips built with mapcn, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","map"],"premium":true,"files":[{"path":"blocks/map/map-shipping-lanes.tsx","type":"registry:block","target":"components/blocks/map/map-shipping-lanes.tsx"}]},{"name":"map-park-finder","type":"registry:block","title":"Map Park Finder","description":"Interactive public park and green space discovery map with park markers, activity type badges, size info, amenity icons, and park detail popups built with mapcn, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","map"],"premium":true,"files":[{"path":"blocks/map/map-park-finder.tsx","type":"registry:block","target":"components/blocks/map/map-park-finder.tsx"}]},{"name":"map-coral-reefs","type":"registry:block","title":"Map Coral Reefs","description":"Interactive coral reef health monitoring map with reef markers, bleaching severity colors, marine species counts, and reef detail popups built with mapcn, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","map"],"premium":true,"files":[{"path":"blocks/map/map-coral-reefs.tsx","type":"registry:block","target":"components/blocks/map/map-coral-reefs.tsx"}]},{"name":"map-drone-flight-planner","type":"registry:block","title":"Map Drone Flight Planner","description":"Drone flight path planner map block for Next.js with waypoint markers, flight path route lines, altitude indicators, no-fly zones, and mission summary using mapcn map components and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","map"],"premium":true,"files":[{"path":"blocks/map/map-drone-flight-planner.tsx","type":"registry:block","target":"components/blocks/map/map-drone-flight-planner.tsx"}]},{"name":"map-coworking-spaces","type":"registry:block","title":"Map Coworking Spaces","description":"Coworking space finder map block for Next.js with amenity badges, desk availability, pricing info markers, and space detail popups using mapcn map components and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","map"],"premium":true,"files":[{"path":"blocks/map/map-coworking-spaces.tsx","type":"registry:block","target":"components/blocks/map/map-coworking-spaces.tsx"}]},{"name":"map-apartment-finder","type":"registry:block","title":"Map Apartment Finder","description":"React apartment finder map block for Next.js with price range markers, bedroom and bathroom filters, radius search circle, and apartment detail popup cards using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","map"],"premium":true,"files":[{"path":"blocks/map/map-apartment-finder.tsx","type":"registry:block","target":"components/blocks/map/map-apartment-finder.tsx"}]},{"name":"map-walkability-score","type":"registry:block","title":"Map Walkability Score","description":"Walkability score map with POI category markers, density-based scoring, category filters for grocery, transit, and parks, score badges, and area detail popups built with mapcn, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","map"],"premium":true,"files":[{"path":"blocks/map/map-walkability-score.tsx","type":"registry:block","target":"components/blocks/map/map-walkability-score.tsx"}]},{"name":"map-flood-zones","type":"registry:block","title":"Map Flood Zones","description":"Interactive flood zone risk map with colored risk level zones, historical flood markers, infrastructure at-risk indicators, and zone detail cards built with mapcn, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","map"],"premium":true,"files":[{"path":"blocks/map/map-flood-zones.tsx","type":"registry:block","target":"components/blocks/map/map-flood-zones.tsx"}]},{"name":"map-hiking-trails","type":"registry:block","title":"Map Hiking Trails","description":"Hiking trail explorer map with trail route lines, difficulty badges, elevation profiles, trailhead markers, and trail info panels built with mapcn, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","map"],"premium":true,"files":[{"path":"blocks/map/map-hiking-trails.tsx","type":"registry:block","target":"components/blocks/map/map-hiking-trails.tsx"}]},{"name":"map-community-events","type":"registry:block","title":"Map Community Events","description":"Interactive community event map with event type markers, date badges, capacity counts, RSVP indicators, and event detail popups built with mapcn, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","map"],"premium":true,"files":[{"path":"blocks/map/map-community-events.tsx","type":"registry:block","target":"components/blocks/map/map-community-events.tsx"}]},{"name":"map-traffic-heatmap","type":"registry:block","title":"Map Traffic Heatmap","description":"Interactive website traffic origin heatmap with globe view, country-sized markers, visitor count tooltips, and top countries panel built with mapcn, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["map"],"premium":true,"files":[{"path":"blocks/map/map-traffic-heatmap.tsx","type":"registry:block","target":"components/blocks/map/map-traffic-heatmap.tsx"}]},{"name":"map-concert-venues","type":"registry:block","title":"Map Concert Venues","description":"Interactive concert venue discovery map with venue markers, upcoming show badges, capacity info, genre tags, and venue detail popups built with mapcn, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","map"],"premium":true,"files":[{"path":"blocks/map/map-concert-venues.tsx","type":"registry:block","target":"components/blocks/map/map-concert-venues.tsx"}]},{"name":"map-glacier-tracking","type":"registry:block","title":"Map Glacier Tracking","description":"Interactive glacier retreat tracking map with glacier boundary markers, historical extent routes, melt rate data, and glacier detail cards built with mapcn, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","map"],"premium":true,"files":[{"path":"blocks/map/map-glacier-tracking.tsx","type":"registry:block","target":"components/blocks/map/map-glacier-tracking.tsx"}]},{"name":"map-branch-network","type":"registry:block","title":"Map Branch Network","description":"Interactive bank branch and ATM network map with branch markers, ATM locations, service type badges, wait time indicators, and branch detail panel built with mapcn, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","map"],"premium":true,"files":[{"path":"blocks/map/map-branch-network.tsx","type":"registry:block","target":"components/blocks/map/map-branch-network.tsx"}]},{"name":"map-land-parcels","type":"registry:block","title":"Map Land Parcels","description":"Interactive land parcel boundary viewer map with parcel markers, size information, zoning type badges, ownership data, and parcel detail cards built with mapcn, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","map"],"premium":true,"files":[{"path":"blocks/map/map-land-parcels.tsx","type":"registry:block","target":"components/blocks/map/map-land-parcels.tsx"}]},{"name":"map-telecommunications","type":"registry:block","title":"Map Telecommunications","description":"Interactive telecommunications tower network map with tower markers, coverage zone indicators, 5G and 4G technology badges, signal strength data, and tower detail popups built with mapcn, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","map"],"premium":true,"files":[{"path":"blocks/map/map-telecommunications.tsx","type":"registry:block","target":"components/blocks/map/map-telecommunications.tsx"}]},{"name":"map-transit-routes","type":"registry:block","title":"Map Transit Routes","description":"Public transit route map block for Next.js with bus and metro line routes in different colors, stop markers, schedule info, and line detail panel using mapcn map components and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","map"],"premium":true,"files":[{"path":"blocks/map/map-transit-routes.tsx","type":"registry:block","target":"components/blocks/map/map-transit-routes.tsx"}]},{"name":"map-farmers-markets","type":"registry:block","title":"Map Farmers Markets","description":"Interactive farmers market discovery map with market markers, day-of-week badges, vendor counts, seasonal indicators, and market detail popups built with mapcn, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","map"],"premium":true,"files":[{"path":"blocks/map/map-farmers-markets.tsx","type":"registry:block","target":"components/blocks/map/map-farmers-markets.tsx"}]},{"name":"map-emergency-services","type":"registry:block","title":"Map Emergency Services","description":"Emergency services locator map with hospital, fire station, and police markers, response time indicators, and facility detail cards built with mapcn, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","map"],"premium":true,"files":[{"path":"blocks/map/map-emergency-services.tsx","type":"registry:block","target":"components/blocks/map/map-emergency-services.tsx"}]},{"name":"map-school-districts","type":"registry:block","title":"Map School Districts","description":"React school district map block for Next.js with boundary overlays, school markers, rating badges, enrollment stats, and school detail cards using mapcn and shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["badge","map"],"premium":true,"files":[{"path":"blocks/map/map-school-districts.tsx","type":"registry:block","target":"components/blocks/map/map-school-districts.tsx"}]},{"name":"map-neighborhood-guide","type":"registry:block","title":"Map Neighborhood Guide","description":"React neighborhood amenities guide block for Next.js with categorized POI markers, walkability scores, area detail cards, and interactive category filters using mapcn map components and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","map"],"premium":true,"files":[{"path":"blocks/map/map-neighborhood-guide.tsx","type":"registry:block","target":"components/blocks/map/map-neighborhood-guide.tsx"}]},{"name":"map-road-closures","type":"registry:block","title":"Map Road Closures","description":"Interactive road closure and traffic alert map with closure markers, detour routes, estimated delay badges, and incident detail popups built with mapcn, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","map"],"premium":true,"files":[{"path":"blocks/map/map-road-closures.tsx","type":"registry:block","target":"components/blocks/map/map-road-closures.tsx"}]},{"name":"map-fiber-network","type":"registry:block","title":"Map Fiber Network","description":"React fiber optic network map block for Next.js with backbone route lines, exchange markers, connection density clusters, and network capacity indicators using mapcn map components, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","map"],"premium":true,"files":[{"path":"blocks/map/map-fiber-network.tsx","type":"registry:block","target":"components/blocks/map/map-fiber-network.tsx"}]},{"name":"map-earthquake-monitor","type":"registry:block","title":"Map Earthquake Monitor","description":"React earthquake activity monitor map block for Next.js with magnitude-scaled markers, depth indicators, recent quake timeline, and seismic detail tooltips using mapcn and shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["badge","button","map"],"premium":true,"files":[{"path":"blocks/map/map-earthquake-monitor.tsx","type":"registry:block","target":"components/blocks/map/map-earthquake-monitor.tsx"}]},{"name":"map-city-guide","type":"registry:block","title":"Map City Guide","description":"React city walking tour guide map block for Next.js with numbered attraction markers, route path, audio guide indicators, and attraction detail popups using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","map"],"premium":true,"files":[{"path":"blocks/map/map-city-guide.tsx","type":"registry:block","target":"components/blocks/map/map-city-guide.tsx"}]},{"name":"map-real-estate-listings","type":"registry:block","title":"Map Real Estate Listings","description":"Interactive real estate map with price-colored markers, property type filters, listing cards with details, and detailed property popups built with mapcn, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","map"],"premium":true,"files":[{"path":"blocks/map/map-real-estate-listings.tsx","type":"registry:block","target":"components/blocks/map/map-real-estate-listings.tsx"}]},{"name":"map-parking-finder","type":"registry:block","title":"Map Parking Finder","description":"React parking availability map block for Next.js with lot markers, pricing info, availability indicators, real-time space counts, and sortable lot list using mapcn map components and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","map"],"premium":true,"files":[{"path":"blocks/map/map-parking-finder.tsx","type":"registry:block","target":"components/blocks/map/map-parking-finder.tsx"}]},{"name":"map-demographic-overlay","type":"registry:block","title":"Map Demographic Overlay","description":"Interactive demographic data overlay map with census markers, age distribution badges, income level indicators, and demographic detail cards built with mapcn, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","map"],"premium":true,"files":[{"path":"blocks/map/map-demographic-overlay.tsx","type":"registry:block","target":"components/blocks/map/map-demographic-overlay.tsx"}]},{"name":"map-bike-lanes","type":"registry:block","title":"Map Bike Lanes","description":"React bike lane and cycling path map block for Next.js with route quality colors, bike station markers, elevation highlights, and path detail info using mapcn and shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["badge","map"],"premium":true,"files":[{"path":"blocks/map/map-bike-lanes.tsx","type":"registry:block","target":"components/blocks/map/map-bike-lanes.tsx"}]},{"name":"map-utility-outages","type":"registry:block","title":"Map Utility Outages","description":"React utility outage status map block for Next.js with outage zone markers, affected customer counts, restoration ETAs, and outage detail timeline using mapcn map components, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","map"],"premium":true,"files":[{"path":"blocks/map/map-utility-outages.tsx","type":"registry:block","target":"components/blocks/map/map-utility-outages.tsx"}]},{"name":"map-maritime-traffic","type":"registry:block","title":"Map Maritime Traffic","description":"Interactive maritime traffic map with vessel type markers, shipping route paths, cargo info tooltips, port markers, and vessel detail popups built with mapcn, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","map"],"premium":true,"files":[{"path":"blocks/map/map-maritime-traffic.tsx","type":"registry:block","target":"components/blocks/map/map-maritime-traffic.tsx"}]},{"name":"map-cruise-routes","type":"registry:block","title":"Map Cruise Routes","description":"Interactive cruise route map with port markers, colored route lines between ports, ship position indicator, and day-by-day itinerary panel built with mapcn, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","map"],"premium":true,"files":[{"path":"blocks/map/map-cruise-routes.tsx","type":"registry:block","target":"components/blocks/map/map-cruise-routes.tsx"}]},{"name":"map-service-coverage","type":"registry:block","title":"Map Service Coverage","description":"Interactive service coverage area map with coverage zone circles, service tier colors, gap indicators, and coverage detail panel built with mapcn, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","map"],"premium":true,"files":[{"path":"blocks/map/map-service-coverage.tsx","type":"registry:block","target":"components/blocks/map/map-service-coverage.tsx"}]},{"name":"map-store-locator","type":"registry:block","title":"Map Store Locator","description":"React store locator map block for Next.js with search input, clustered store markers, store info popups with hours and address, and distance indicators using mapcn map components, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","input","map"],"premium":true,"files":[{"path":"blocks/map/map-store-locator.tsx","type":"registry:block","target":"components/blocks/map/map-store-locator.tsx"}]},{"name":"map-package-tracking","type":"registry:block","title":"Map Package Tracking","description":"Interactive package tracking map with origin and destination markers, transit route path, status checkpoints, and a package detail timeline panel built with mapcn, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","map"],"premium":true,"files":[{"path":"blocks/map/map-package-tracking.tsx","type":"registry:block","target":"components/blocks/map/map-package-tracking.tsx"}]},{"name":"map-population-density","type":"registry:block","title":"Map Population Density","description":"Interactive population density visualization map with density-colored markers, city labels, growth trend badges, and density detail tooltips built with mapcn, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","map"],"premium":true,"files":[{"path":"blocks/map/map-population-density.tsx","type":"registry:block","target":"components/blocks/map/map-population-density.tsx"}]},{"name":"map-flight-routes","type":"registry:block","title":"Map Flight Routes","description":"React flight route visualization block for Next.js with curved route arcs, airport markers, airline badges, flight info tooltips, and route selection using mapcn map components and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","map"],"premium":true,"files":[{"path":"blocks/map/map-flight-routes.tsx","type":"registry:block","target":"components/blocks/map/map-flight-routes.tsx"}]},{"name":"map-last-mile-delivery","type":"registry:block","title":"Map Last Mile Delivery","description":"Interactive last-mile delivery status map with package markers, delivery route paths, ETA badges, and a delivery status timeline built with mapcn, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","map"],"premium":true,"files":[{"path":"blocks/map/map-last-mile-delivery.tsx","type":"registry:block","target":"components/blocks/map/map-last-mile-delivery.tsx"}]},{"name":"map-space-launch-sites","type":"registry:block","title":"Map Space Launch Sites","description":"Interactive space launch facility globe map with launch pad markers, upcoming launch badges, agency info, and facility detail cards built with mapcn, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","map"],"premium":true,"files":[{"path":"blocks/map/map-space-launch-sites.tsx","type":"registry:block","target":"components/blocks/map/map-space-launch-sites.tsx"}]},{"name":"map-election-results","type":"registry:block","title":"Map Election Results","description":"React election results map block for Next.js with district markers, vote share badges, party color indicators, turnout data, and district detail panels using mapcn map components, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","map"],"premium":true,"files":[{"path":"blocks/map/map-election-results.tsx","type":"registry:block","target":"components/blocks/map/map-election-results.tsx"}]},{"name":"map-water-system","type":"registry:block","title":"Map Water System","description":"React water system infrastructure map block for Next.js with treatment plant markers, pipeline routes, reservoir level gauges, distribution zone indicators, and facility detail panels using mapcn map components, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","map"],"premium":true,"files":[{"path":"blocks/map/map-water-system.tsx","type":"registry:block","target":"components/blocks/map/map-water-system.tsx"}]},{"name":"map-hotel-finder","type":"registry:block","title":"Map Hotel Finder","description":"React hotel search map block for Next.js with star-rated markers, price badges, amenity filters, and hotel detail popup cards with ratings using shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","map"],"premium":true,"files":[{"path":"blocks/map/map-hotel-finder.tsx","type":"registry:block","target":"components/blocks/map/map-hotel-finder.tsx"}]},{"name":"map-commute-calculator","type":"registry:block","title":"Map Commute Calculator","description":"Commute time calculator map with draggable origin marker, destination markers, route lines with travel time labels, and a comparison panel built with mapcn, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","map"],"premium":true,"files":[{"path":"blocks/map/map-commute-calculator.tsx","type":"registry:block","target":"components/blocks/map/map-commute-calculator.tsx"}]},{"name":"map-delivery-zones","type":"registry:block","title":"Map Delivery Zones","description":"React delivery zone map block for Next.js with radius circles, zone boundaries, estimated delivery times per zone, and zone statistics panel using shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","map"],"premium":true,"files":[{"path":"blocks/map/map-delivery-zones.tsx","type":"registry:block","target":"components/blocks/map/map-delivery-zones.tsx"}]},{"name":"map-pollution-monitor","type":"registry:block","title":"Map Pollution Monitor","description":"React pollution monitoring map block for Next.js with AQI-colored station indicators, pollutant breakdown, health alerts, and station detail popups using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","map"],"premium":true,"files":[{"path":"blocks/map/map-pollution-monitor.tsx","type":"registry:block","target":"components/blocks/map/map-pollution-monitor.tsx"}]},{"name":"map-dispatch-dashboard","type":"registry:block","title":"Map Dispatch Dashboard","description":"Interactive dispatch operations dashboard with driver location markers, job assignment routes, status indicators, and a dispatch queue side panel built with mapcn, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","map"],"premium":true,"files":[{"path":"blocks/map/map-dispatch-dashboard.tsx","type":"registry:block","target":"components/blocks/map/map-dispatch-dashboard.tsx"}]},{"name":"map-supply-chain","type":"registry:block","title":"Map Supply Chain","description":"Interactive supply chain flow visualization map with supplier, factory, and warehouse markers, directional flow route lines, and inventory level indicators built with mapcn, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","map"],"premium":true,"files":[{"path":"blocks/map/map-supply-chain.tsx","type":"registry:block","target":"components/blocks/map/map-supply-chain.tsx"}]},{"name":"map-satellite-imagery","type":"registry:block","title":"Map Satellite Imagery","description":"Interactive satellite imagery viewer map block for Next.js with location markers, imagery date selector, zoom level indicator, and comparison overlay controls using mapcn map components, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","map"],"premium":true,"files":[{"path":"blocks/map/map-satellite-imagery.tsx","type":"registry:block","target":"components/blocks/map/map-satellite-imagery.tsx"}]},{"name":"map-bird-sightings","type":"registry:block","title":"Map Bird Sightings","description":"Interactive bird sighting map with species markers, seasonal migration routes, rarity badges, and sighting detail popups built with mapcn, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","map"],"premium":true,"files":[{"path":"blocks/map/map-bird-sightings.tsx","type":"registry:block","target":"components/blocks/map/map-bird-sightings.tsx"}]},{"name":"map-route-planner","type":"registry:block","title":"Map Route Planner","description":"React multi-stop route planner block for Next.js with draggable waypoints, route visualization, distance and time estimates, stop reordering, and optimization controls using mapcn map components and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","map"],"premium":true,"files":[{"path":"blocks/map/map-route-planner.tsx","type":"registry:block","target":"components/blocks/map/map-route-planner.tsx"}]},{"name":"map-air-quality","type":"registry:block","title":"Map Air Quality","description":"Air quality index map block for Next.js with AQI-colored markers, pollutant type badges, health recommendations, and station detail tooltips using mapcn map components and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","map"],"premium":true,"files":[{"path":"blocks/map/map-air-quality.tsx","type":"registry:block","target":"components/blocks/map/map-air-quality.tsx"}]},{"name":"map-restaurant-chain","type":"registry:block","title":"Map Restaurant Chain","description":"Interactive restaurant chain location map with brand markers, daily special badges, drive-thru indicators, and location detail popups built with mapcn, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","map"],"premium":true,"files":[{"path":"blocks/map/map-restaurant-chain.tsx","type":"registry:block","target":"components/blocks/map/map-restaurant-chain.tsx"}]},{"name":"map-property-valuation","type":"registry:block","title":"Map Property Valuation","description":"Property value heatmap block for Next.js with price-gradient markers, comparable sale markers, valuation range info, and property detail cards using mapcn map components, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","map"],"premium":true,"files":[{"path":"blocks/map/map-property-valuation.tsx","type":"registry:block","target":"components/blocks/map/map-property-valuation.tsx"}]},{"name":"map-weather-alerts","type":"registry:block","title":"Map Weather Alerts","description":"React weather alert map block for Next.js with colored severity markers, alert detail panel, affected area indicators, and severity badges using mapcn map components, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","map"],"premium":true,"files":[{"path":"blocks/map/map-weather-alerts.tsx","type":"registry:block","target":"components/blocks/map/map-weather-alerts.tsx"}]},{"name":"map-user-distribution","type":"registry:block","title":"Map User Distribution","description":"React user distribution analytics map block for Next.js with cluster visualization, region stats overlay, top cities sidebar, and user count tooltips using shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","map"],"premium":true,"files":[{"path":"blocks/map/map-user-distribution.tsx","type":"registry:block","target":"components/blocks/map/map-user-distribution.tsx"}]},{"name":"map-festival-map","type":"registry:block","title":"Map Festival Map","description":"Interactive music festival grounds map block for Next.js with stage markers, food vendor locations, restroom markers, first aid points, and schedule overlay using mapcn map components, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","map"],"premium":true,"files":[{"path":"blocks/map/map-festival-map.tsx","type":"registry:block","target":"components/blocks/map/map-festival-map.tsx"}]},{"name":"map-disaster-response","type":"registry:block","title":"Map Disaster Response","description":"React disaster response coordination map block for Next.js with incident markers, resource deployment, evacuation routes, and command center markers using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","map"],"premium":true,"files":[{"path":"blocks/map/map-disaster-response.tsx","type":"registry:block","target":"components/blocks/map/map-disaster-response.tsx"}]},{"name":"map-atm-finder","type":"registry:block","title":"Map Atm Finder","description":"Interactive ATM location finder map with bank markers, fee indicators, accessibility badges, cash availability status, and ATM detail tooltips built with mapcn, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","map"],"premium":true,"files":[{"path":"blocks/map/map-atm-finder.tsx","type":"registry:block","target":"components/blocks/map/map-atm-finder.tsx"}]},{"name":"map-sports-facilities","type":"registry:block","title":"Map Sports Facilities","description":"React sports facility locator map block for Next.js with activity type markers, court availability indicators, booking links, and facility detail cards using mapcn and shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["badge","button","map"],"premium":true,"files":[{"path":"blocks/map/map-sports-facilities.tsx","type":"registry:block","target":"components/blocks/map/map-sports-facilities.tsx"}]},{"name":"map-driver-assignment","type":"registry:block","title":"Map Driver Assignment","description":"Interactive driver assignment map with driver location markers, delivery zone overlays, load capacity badges, and assignment detail cards built with mapcn, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","map"],"premium":true,"files":[{"path":"blocks/map/map-driver-assignment.tsx","type":"registry:block","target":"components/blocks/map/map-driver-assignment.tsx"}]},{"name":"map-ocean-currents","type":"registry:block","title":"Map Ocean Currents","description":"Ocean current visualization map block for Next.js with globe projection, current flow route lines, sea temperature markers, and current detail tooltips using mapcn map components, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","map"],"premium":true,"files":[{"path":"blocks/map/map-ocean-currents.tsx","type":"registry:block","target":"components/blocks/map/map-ocean-currents.tsx"}]},{"name":"map-census-data","type":"registry:block","title":"Map Census Data","description":"Census data choropleth map block for Next.js with population markers, growth rate badges, median income info, and regional detail overlays using mapcn map components, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","map"],"premium":true,"files":[{"path":"blocks/map/map-census-data.tsx","type":"registry:block","target":"components/blocks/map/map-census-data.tsx"}]},{"name":"map-property-search","type":"registry:block","title":"Map Property Search","description":"React interactive property search map block for Next.js with filterable listing markers, price badges, bedroom and bathroom counts, and a sidebar filter panel using mapcn map components, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","input","map","select"],"premium":true,"files":[{"path":"blocks/map/map-property-search.tsx","type":"registry:block","target":"components/blocks/map/map-property-search.tsx"}]},{"name":"map-site-selection","type":"registry:block","title":"Map Site Selection","description":"React retail site selection tool map block for Next.js with candidate site markers, demographic scores, traffic indicators, and site scoring panel using mapcn map components, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","map"],"premium":true,"files":[{"path":"blocks/map/map-site-selection.tsx","type":"registry:block","target":"components/blocks/map/map-site-selection.tsx"}]},{"name":"map-revenue-by-region","type":"registry:block","title":"Map Revenue By Region","description":"React revenue breakdown map block for Next.js with region-sized markers, revenue badges, growth indicators, and regional performance panel using mapcn and shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["map"],"premium":true,"files":[{"path":"blocks/map/map-revenue-by-region.tsx","type":"registry:block","target":"components/blocks/map/map-revenue-by-region.tsx"}]},{"name":"map-hospital-finder","type":"registry:block","title":"Map Hospital Finder","description":"React hospital and clinic locator map block for Next.js with specialty badges, ER wait time indicators, insurance filters, and facility detail popups using mapcn and shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["badge","map"],"premium":true,"files":[{"path":"blocks/map/map-hospital-finder.tsx","type":"registry:block","target":"components/blocks/map/map-hospital-finder.tsx"}]},{"name":"map-market-expansion","type":"registry:block","title":"Map Market Expansion","description":"Interactive market expansion planner map with current and target market markers, opportunity scores, competitor locations, and expansion detail cards built with mapcn, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","map"],"premium":true,"files":[{"path":"blocks/map/map-market-expansion.tsx","type":"registry:block","target":"components/blocks/map/map-market-expansion.tsx"}]},{"name":"map-sales-territories","type":"registry:block","title":"Map Sales Territories","description":"Sales territory map with color-coded regional markers, rep assignment badges, revenue stats per territory, and performance metrics built with mapcn, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","map"],"premium":true,"files":[{"path":"blocks/map/map-sales-territories.tsx","type":"registry:block","target":"components/blocks/map/map-sales-territories.tsx"}]},{"name":"map-beach-finder","type":"registry:block","title":"Map Beach Finder","description":"Interactive beach and coastal explorer map with beach markers, wave condition badges, amenity icons, water temperature info, and beach detail popups built with mapcn, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","map"],"premium":true,"files":[{"path":"blocks/map/map-beach-finder.tsx","type":"registry:block","target":"components/blocks/map/map-beach-finder.tsx"}]},{"name":"map-restaurant-finder","type":"registry:block","title":"Map Restaurant Finder","description":"Interactive restaurant discovery map with cuisine type markers, rating stars, price range indicators, and restaurant detail popups built with mapcn, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","map"],"premium":true,"files":[{"path":"blocks/map/map-restaurant-finder.tsx","type":"registry:block","target":"components/blocks/map/map-restaurant-finder.tsx"}]},{"name":"map-wind-farm","type":"registry:block","title":"Map Wind Farm","description":"React wind farm layout planner map block for Next.js with turbine markers, wind direction arrows, power output metrics, and turbine detail tooltips using mapcn and shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["badge","map"],"premium":true,"files":[{"path":"blocks/map/map-wind-farm.tsx","type":"registry:block","target":"components/blocks/map/map-wind-farm.tsx"}]},{"name":"map-renewable-energy","type":"registry:block","title":"Map Renewable Energy","description":"Renewable energy installation map with solar, wind, and hydro markers, capacity indicators, generation metrics, and facility detail popups built with mapcn, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","map"],"premium":true,"files":[{"path":"blocks/map/map-renewable-energy.tsx","type":"registry:block","target":"components/blocks/map/map-renewable-energy.tsx"}]},{"name":"map-mining-operations","type":"registry:block","title":"Map Mining Operations","description":"React mining operations overview map block for Next.js with mine markers, extraction routes, resource type badges, production output metrics, and facility detail panels using mapcn map components, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","map"],"premium":true,"files":[{"path":"blocks/map/map-mining-operations.tsx","type":"registry:block","target":"components/blocks/map/map-mining-operations.tsx"}]},{"name":"map-economic-indicators","type":"registry:block","title":"Map Economic Indicators","description":"React economic indicator dashboard map block for Next.js with GDP markers, unemployment rates, trade flow arrows, and country detail overlays using mapcn map components, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","map"],"premium":true,"files":[{"path":"blocks/map/map-economic-indicators.tsx","type":"registry:block","target":"components/blocks/map/map-economic-indicators.tsx"}]},{"name":"map-solar-panel-potential","type":"registry:block","title":"Map Solar Panel Potential","description":"Interactive solar panel potential map with irradiance markers, rooftop locations, energy output estimates, savings projections, and panel configuration popups built with mapcn, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","map"],"premium":true,"files":[{"path":"blocks/map/map-solar-panel-potential.tsx","type":"registry:block","target":"components/blocks/map/map-solar-panel-potential.tsx"}]},{"name":"map-event-venue-finder","type":"registry:block","title":"Map Event Venue Finder","description":"React event venue discovery map block for Next.js with capacity badges, venue type filters, availability indicators, and booking detail popups using shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","map"],"premium":true,"files":[{"path":"blocks/map/map-event-venue-finder.tsx","type":"registry:block","target":"components/blocks/map/map-event-venue-finder.tsx"}]},{"name":"map-food-truck-tracker","type":"registry:block","title":"Map Food Truck Tracker","description":"Food truck location tracker map block for Next.js with cuisine type markers, operating hours, menu preview popups, and real-time status indicators using mapcn map components and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","map"],"premium":true,"files":[{"path":"blocks/map/map-food-truck-tracker.tsx","type":"registry:block","target":"components/blocks/map/map-food-truck-tracker.tsx"}]},{"name":"chat-auction-bidding","type":"registry:block","title":"Chat Auction Bidding","description":"A real-time auction bidding chat built with React, Next.js, shadcn/ui, and Tailwind CSS featuring item cards, bid history, and countdown timers","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","scroll-area"],"premium":true,"files":[{"path":"blocks/chat/chat-auction-bidding.tsx","type":"registry:block","target":"components/blocks/chat/chat-auction-bidding.tsx"}]},{"name":"chat-travel-assistant","type":"registry:block","title":"Chat Travel Assistant","description":"React travel booking assistant chat block for Next.js with flight cards, hotel listings, itinerary summary, departure and arrival times, and book now buttons using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["avatar","button","textarea"],"premium":true,"files":[{"path":"blocks/chat/chat-travel-assistant.tsx","type":"registry:block","target":"components/blocks/chat/chat-travel-assistant.tsx"}]},{"name":"chat-customer-feedback","type":"registry:block","title":"Chat Customer Feedback","description":"Customer feedback collection chat with rating cards, sentiment tags, and follow-up prompts built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","input"],"premium":true,"files":[{"path":"blocks/chat/chat-customer-feedback.tsx","type":"registry:block","target":"components/blocks/chat/chat-customer-feedback.tsx"}]},{"name":"chat-drag-drop-files","type":"registry:block","title":"Chat Drag Drop Files","description":"React chat block with drag and drop file upload overlay for Next.js featuring a dashed drop zone, file preview cards, and simulated upload state using TypeScript, shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","button","textarea"],"premium":true,"files":[{"path":"blocks/chat/chat-drag-drop-files.tsx","type":"registry:block","target":"components/blocks/chat/chat-drag-drop-files.tsx"}]},{"name":"chat-code-blocks","type":"registry:block","title":"Chat Code Blocks","description":"React chat block with code snippet messages for Next.js featuring syntax-highlighted dark code blocks, copy buttons, language badges, and mixed text and code using shadcn/ui, TypeScript, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["avatar","badge","button","input"],"premium":true,"files":[{"path":"blocks/chat/chat-code-blocks.tsx","type":"registry:block","target":"components/blocks/chat/chat-code-blocks.tsx"}]},{"name":"chat-whatsapp-style","type":"registry:block","title":"Chat Whatsapp Style","description":"React WhatsApp-inspired chat interface for Next.js with green sent bubbles, white received bubbles, double-check read receipts, wallpaper background, and in-bubble timestamps using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["avatar","button","input"],"premium":true,"files":[{"path":"blocks/chat/chat-whatsapp-style.tsx","type":"registry:block","target":"components/blocks/chat/chat-whatsapp-style.tsx"}]},{"name":"chat-new-message-banner","type":"registry:block","title":"Chat New Message Banner","description":"React chat block with floating new messages banner for Next.js that shows an unread count pill and scrolls to bottom on click using TypeScript, shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","button","textarea"],"premium":true,"files":[{"path":"blocks/chat/chat-new-message-banner.tsx","type":"registry:block","target":"components/blocks/chat/chat-new-message-banner.tsx"}]},{"name":"chat-teams-style","type":"registry:block","title":"Chat Teams Style","description":"React Microsoft Teams-inspired chat interface for Next.js with left-border accent on own messages, emoji reactions bar, thread replies, and compose box with formatting hints using TypeScript, shadcn/ui, Tailwind CSS, and Framer Motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","button","input"],"premium":true,"files":[{"path":"blocks/chat/chat-teams-style.tsx","type":"registry:block","target":"components/blocks/chat/chat-teams-style.tsx"}]},{"name":"chat-disappearing-messages","type":"registry:block","title":"Chat Disappearing Messages","description":"React chat block with self-destructing messages for Next.js featuring expiration timers, disappearing mode toggle, visual countdown indicators, and fading opacity using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["avatar","button","switch","textarea"],"premium":true,"files":[{"path":"blocks/chat/chat-disappearing-messages.tsx","type":"registry:block","target":"components/blocks/chat/chat-disappearing-messages.tsx"}]},{"name":"chat-dating-messages","type":"registry:block","title":"Chat Dating Messages","description":"React dating app chat interface for Next.js with heart reactions, match header, compatibility badge, ice-breaker prompts, and profile preview using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","input"],"premium":true,"files":[{"path":"blocks/chat/chat-dating-messages.tsx","type":"registry:block","target":"components/blocks/chat/chat-dating-messages.tsx"}]},{"name":"chat-message-search","type":"registry:block","title":"Chat Message Search","description":"React chat block with message search and highlighting for Next.js featuring a search input in the header, real-time message filtering, yellow text highlighting, and match count display using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["avatar","button","input"],"premium":true,"files":[{"path":"blocks/chat/chat-message-search.tsx","type":"registry:block","target":"components/blocks/chat/chat-message-search.tsx"}]},{"name":"chat-document-review","type":"registry:block","title":"Chat Document Review","description":"Document review chat with inline annotations, comment threads, and collaborative editing built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","input"],"premium":true,"files":[{"path":"blocks/chat/chat-document-review.tsx","type":"registry:block","target":"components/blocks/chat/chat-document-review.tsx"}]},{"name":"chat-startup-pitch","type":"registry:block","title":"Chat Startup Pitch","description":"A startup pitch practice chat interface built with React, Next.js, shadcn/ui, and Tailwind CSS featuring slide cards, feedback scores, and investor Q&A simulation","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","input","progress","scroll-area"],"premium":true,"files":[{"path":"blocks/chat/chat-startup-pitch.tsx","type":"registry:block","target":"components/blocks/chat/chat-startup-pitch.tsx"}]},{"name":"chat-car-diagnostic","type":"registry:block","title":"Chat Car Diagnostic","description":"React car diagnostic assistant chat block for Next.js with vehicle issue cards, severity indicators, repair cost estimates, part lists, and maintenance timeline using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","textarea"],"premium":true,"files":[{"path":"blocks/chat/chat-car-diagnostic.tsx","type":"registry:block","target":"components/blocks/chat/chat-car-diagnostic.tsx"}]},{"name":"chat-split-inbox","type":"registry:block","title":"Chat Split Inbox","description":"React split-panel inbox chat interface for Next.js with a conversation list, unread badges, active chat messages, and message input using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/chat/chat-split-inbox.tsx","type":"registry:block","target":"components/blocks/chat/chat-split-inbox.tsx"}]},{"name":"chat-code-review","type":"registry:block","title":"Chat Code Review","description":"React inline code review chat interface for Next.js with diff snippets, line comments, approval status badges, and threaded review discussions using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","input"],"premium":true,"files":[{"path":"blocks/chat/chat-code-review.tsx","type":"registry:block","target":"components/blocks/chat/chat-code-review.tsx"}]},{"name":"chat-location-sharing","type":"registry:block","title":"Chat Location Sharing","description":"React chat block with location sharing messages for Next.js featuring map placeholders, address text, and open-in-maps links using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["avatar","button","textarea"],"premium":true,"files":[{"path":"blocks/chat/chat-location-sharing.tsx","type":"registry:block","target":"components/blocks/chat/chat-location-sharing.tsx"}]},{"name":"chat-discord-style","type":"registry:block","title":"Chat Discord Style","description":"React Discord-inspired chat interface for Next.js with dark background, role-colored usernames, grouped messages, hover reaction button, and server channel header using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["avatar","button","input"],"premium":true,"files":[{"path":"blocks/chat/chat-discord-style.tsx","type":"registry:block","target":"components/blocks/chat/chat-discord-style.tsx"}]},{"name":"chat-messenger-style","type":"registry:block","title":"Chat Messenger Style","description":"React Facebook Messenger-inspired chat interface for Next.js with gradient sent bubbles, circular avatars on message groups, quick-send thumbs up, and active status using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["avatar","button","input"],"premium":true,"files":[{"path":"blocks/chat/chat-messenger-style.tsx","type":"registry:block","target":"components/blocks/chat/chat-messenger-style.tsx"}]},{"name":"chat-agent-assignment","type":"registry:block","title":"Chat Agent Assignment","description":"React agent assignment chat block for Next.js with department selection cards, animated connecting state, agent profile card with rating and languages, and live conversation handoff using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["avatar","badge","button","input"],"premium":true,"files":[{"path":"blocks/chat/chat-agent-assignment.tsx","type":"registry:block","target":"components/blocks/chat/chat-agent-assignment.tsx"}]},{"name":"chat-stock-alerts","type":"registry:block","title":"Chat Stock Alerts","description":"React stock price alert notification chat block for Next.js with real-time price cards, alert threshold triggers, portfolio summary, percentage change indicators, and watchlist management using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","textarea"],"premium":true,"files":[{"path":"blocks/chat/chat-stock-alerts.tsx","type":"registry:block","target":"components/blocks/chat/chat-stock-alerts.tsx"}]},{"name":"chat-freelancer-invoice","type":"registry:block","title":"Chat Freelancer Invoice","description":"A freelancer invoicing chat interface with time entry tracking, invoice generation cards, payment status monitoring, client management, and expense tracking built with React, Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","input","scroll-area","separator"],"premium":true,"files":[{"path":"blocks/chat/chat-freelancer-invoice.tsx","type":"registry:block","target":"components/blocks/chat/chat-freelancer-invoice.tsx"}]},{"name":"chat-ecommerce-support","type":"registry:block","title":"Chat Ecommerce Support","description":"React e-commerce customer support chat block for Next.js with order reference cards, tracking status, quick action buttons, and agent header using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["avatar","badge","button","input"],"premium":true,"files":[{"path":"blocks/chat/chat-ecommerce-support.tsx","type":"registry:block","target":"components/blocks/chat/chat-ecommerce-support.tsx"}]},{"name":"chat-meeting-scheduler","type":"registry:block","title":"Chat Meeting Scheduler","description":"A meeting scheduling chat interface built with React, Next.js, shadcn/ui, and Tailwind CSS featuring time slot proposals, availability grids, and instant confirmations","dependencies":["framer-motion","date-fns","lucide-react"],"registryDependencies":["avatar","badge","button","input"],"premium":true,"files":[{"path":"blocks/chat/chat-meeting-scheduler.tsx","type":"registry:block","target":"components/blocks/chat/chat-meeting-scheduler.tsx"}]},{"name":"chat-book-club","type":"registry:block","title":"Chat Book Club","description":"React book club discussion chat block for Next.js with book detail cards, reading progress tracker, discussion question prompts, member avatars, and chapter notes using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","progress","textarea"],"premium":true,"files":[{"path":"blocks/chat/chat-book-club.tsx","type":"registry:block","target":"components/blocks/chat/chat-book-club.tsx"}]},{"name":"chat-therapy-session","type":"registry:block","title":"Chat Therapy Session","description":"A therapy-style reflective chat interface built with React, Next.js, shadcn/ui, and Tailwind CSS featuring guided prompts, emotion tagging, and session notes","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","input","scroll-area"],"premium":true,"files":[{"path":"blocks/chat/chat-therapy-session.tsx","type":"registry:block","target":"components/blocks/chat/chat-therapy-session.tsx"}]},{"name":"chat-interview-prep","type":"registry:block","title":"Chat Interview Prep","description":"React interview preparation chat block for Next.js with question cards, difficulty badges, topic tags, sample answer reveals, self-rating buttons, and session progress using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","progress","textarea"],"premium":true,"files":[{"path":"blocks/chat/chat-interview-prep.tsx","type":"registry:block","target":"components/blocks/chat/chat-interview-prep.tsx"}]},{"name":"chat-time-zone-coordinator","type":"registry:block","title":"Chat Time Zone Coordinator","description":"A time zone coordination chat interface built with React, Next.js, shadcn/ui, and Tailwind CSS featuring world clock cards and optimal meeting time suggestions","dependencies":["framer-motion","date-fns","lucide-react"],"registryDependencies":["avatar","badge","button","card","input","scroll-area"],"premium":true,"files":[{"path":"blocks/chat/chat-time-zone-coordinator.tsx","type":"registry:block","target":"components/blocks/chat/chat-time-zone-coordinator.tsx"}]},{"name":"chat-karaoke-party","type":"registry:block","title":"Chat Karaoke Party","description":"A karaoke party chat block for React and Next.js with song queue, lyrics display, audience reactions, and duet requests built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","input"],"premium":true,"files":[{"path":"blocks/chat/chat-karaoke-party.tsx","type":"registry:block","target":"components/blocks/chat/chat-karaoke-party.tsx"}]},{"name":"chat-offline-banner","type":"registry:block","title":"Chat Offline Banner","description":"React chat offline mode block for Next.js with amber warning banner, disabled input state, visible message history, and reconnection notice using TypeScript, shadcn/ui, Tailwind CSS, and Framer Motion","dependencies":["lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/chat/chat-offline-banner.tsx","type":"registry:block","target":"components/blocks/chat/chat-offline-banner.tsx"}]},{"name":"chat-collaborative-notes","type":"registry:block","title":"Chat Collaborative Notes","description":"React chat block with shared notes and document cards for Next.js featuring edit-together buttons, active editor indicators, and last-edited timestamps using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["avatar","badge","button","textarea"],"premium":true,"files":[{"path":"blocks/chat/chat-collaborative-notes.tsx","type":"registry:block","target":"components/blocks/chat/chat-collaborative-notes.tsx"}]},{"name":"chat-message-reactions","type":"registry:block","title":"Chat Message Reactions","description":"React chat block with interactive emoji reactions for Next.js featuring clickable reaction pills with counts, quick-pick emoji bar on hover, and toggle-your-reaction state using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","button"],"premium":true,"files":[{"path":"blocks/chat/chat-message-reactions.tsx","type":"registry:block","target":"components/blocks/chat/chat-message-reactions.tsx"}]},{"name":"chat-roadmap-discussion","type":"registry:block","title":"Chat Roadmap Discussion","description":"A collaborative product planning chat built with React, Next.js, shadcn/ui, and Tailwind CSS featuring feature cards, priority voting, and timeline discussions","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/chat/chat-roadmap-discussion.tsx","type":"registry:block","target":"components/blocks/chat/chat-roadmap-discussion.tsx"}]},{"name":"chat-education-tutor","type":"registry:block","title":"Chat Education Tutor","description":"React education tutoring chat block for Next.js with tutor profile, quiz question cards, multiple choice options, progress indicator, and hint system using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["avatar","badge","button","progress","textarea"],"premium":true,"files":[{"path":"blocks/chat/chat-education-tutor.tsx","type":"registry:block","target":"components/blocks/chat/chat-education-tutor.tsx"}]},{"name":"chat-news-digest","type":"registry:block","title":"Chat News Digest","description":"A news digest chat interface built with React, Next.js, shadcn/ui, and Tailwind CSS featuring article cards, source badges, and AI-generated summaries","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","input"],"premium":true,"files":[{"path":"blocks/chat/chat-news-digest.tsx","type":"registry:block","target":"components/blocks/chat/chat-news-digest.tsx"}]},{"name":"chat-voice-input","type":"registry:block","title":"Chat Voice Input","description":"React chat interface with voice recording input for Next.js featuring mic toggle, pulsing recording indicator, duration timer, cancel and send controls using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","button"],"premium":true,"files":[{"path":"blocks/chat/chat-voice-input.tsx","type":"registry:block","target":"components/blocks/chat/chat-voice-input.tsx"}]},{"name":"chat-conversation-list","type":"registry:block","title":"Chat Conversation List","description":"React conversation inbox list for Next.js with avatars, message previews, unread badges, timestamps, filter tabs, pin indicators, search bar, hover actions, and active row highlight using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["avatar","badge","button","input"],"premium":true,"files":[{"path":"blocks/chat/chat-conversation-list.tsx","type":"registry:block","target":"components/blocks/chat/chat-conversation-list.tsx"}]},{"name":"chat-rich-text-input","type":"registry:block","title":"Chat Rich Text Input","description":"React chat interface with rich text formatting toolbar for Next.js featuring bold, italic, strikethrough, code, and link buttons with toggle visibility using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","button"],"premium":true,"files":[{"path":"blocks/chat/chat-rich-text-input.tsx","type":"registry:block","target":"components/blocks/chat/chat-rich-text-input.tsx"}]},{"name":"chat-real-estate-agent","type":"registry:block","title":"Chat Real Estate Agent","description":"React real estate inquiry chat block for Next.js with agent profile header, property listing cards, price and specs display, and quick action filters using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["avatar","badge","button","textarea"],"premium":true,"files":[{"path":"blocks/chat/chat-real-estate-agent.tsx","type":"registry:block","target":"components/blocks/chat/chat-real-estate-agent.tsx"}]},{"name":"chat-forwarded-message","type":"registry:block","title":"Chat Forwarded Message","description":"React chat block with forwarded message indicators for Next.js featuring forward labels, original sender attribution, corner arrow icons, and message origin display using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["avatar","badge","button","textarea"],"premium":true,"files":[{"path":"blocks/chat/chat-forwarded-message.tsx","type":"registry:block","target":"components/blocks/chat/chat-forwarded-message.tsx"}]},{"name":"chat-weather-bot","type":"registry:block","title":"Chat Weather Bot","description":"React weather forecast bot chat interface for Next.js with temperature cards, hourly forecasts, condition icons, and natural language queries using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","button","input"],"premium":true,"files":[{"path":"blocks/chat/chat-weather-bot.tsx","type":"registry:block","target":"components/blocks/chat/chat-weather-bot.tsx"}]},{"name":"chat-community-room","type":"registry:block","title":"Chat Community Room","description":"React public community chat room block for Next.js with room name, member count, live indicator, role badges, and collapsible rules section using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","input"],"premium":true,"files":[{"path":"blocks/chat/chat-community-room.tsx","type":"registry:block","target":"components/blocks/chat/chat-community-room.tsx"}]},{"name":"chat-carbon-footprint","type":"registry:block","title":"Chat Carbon Footprint","description":"A carbon footprint tracking chat interface with emission cards, offset suggestions, monthly reports, and sustainability insights built with React, Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["framer-motion","recharts","lucide-react"],"registryDependencies":["avatar","badge","button","input","progress","scroll-area"],"premium":true,"files":[{"path":"blocks/chat/chat-carbon-footprint.tsx","type":"registry:block","target":"components/blocks/chat/chat-carbon-footprint.tsx"}]},{"name":"chat-image-messages","type":"registry:block","title":"Chat Image Messages","description":"React media-rich chat block for Next.js featuring Instagram DM-style image layouts with single full-width images, side-by-side grids, masonry-style multi-image layouts with plus-N overlays, and image captions using shadcn/ui, TypeScript, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["avatar","button","input"],"premium":true,"files":[{"path":"blocks/chat/chat-image-messages.tsx","type":"registry:block","target":"components/blocks/chat/chat-image-messages.tsx"}]},{"name":"chat-sidebar-panel","type":"registry:block","title":"Chat Sidebar Panel","description":"React narrow sidebar chat panel block for Next.js with compact messages, small avatars, condensed input, and content-adjacent layout using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["avatar","button","switch"],"premium":true,"files":[{"path":"blocks/chat/chat-sidebar-panel.tsx","type":"registry:block","target":"components/blocks/chat/chat-sidebar-panel.tsx"}]},{"name":"chat-dark-theme","type":"registry:block","title":"Chat Dark Theme","description":"React dark-themed chat interface block for Next.js with zinc-950 background, indigo sent bubbles, zinc-800 received bubbles, glowing send button, and subtle borders using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["avatar"],"premium":true,"files":[{"path":"blocks/chat/chat-dark-theme.tsx","type":"registry:block","target":"components/blocks/chat/chat-dark-theme.tsx"}]},{"name":"chat-direct-message","type":"registry:block","title":"Chat Direct Message","description":"React one-on-one direct message chat interface for Next.js with rich profile header, video and phone call buttons, date separators, time-grouped messages, and seen indicators using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["avatar","button"],"premium":true,"files":[{"path":"blocks/chat/chat-direct-message.tsx","type":"registry:block","target":"components/blocks/chat/chat-direct-message.tsx"}]},{"name":"chat-job-board","type":"registry:block","title":"Chat Job Board","description":"A job board chat interface built with React, Next.js, shadcn/ui, and Tailwind CSS featuring job listing cards, salary ranges, and quick-apply functionality","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","input"],"premium":true,"files":[{"path":"blocks/chat/chat-job-board.tsx","type":"registry:block","target":"components/blocks/chat/chat-job-board.tsx"}]},{"name":"chat-rental-management","type":"registry:block","title":"Chat Rental Management","description":"A property rental management chat built with React, Next.js, shadcn/ui, and Tailwind CSS featuring tenant requests, maintenance tickets, payment tracking, and lease management","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","button","input","scroll-area"],"premium":true,"files":[{"path":"blocks/chat/chat-rental-management.tsx","type":"registry:block","target":"components/blocks/chat/chat-rental-management.tsx"}]},{"name":"chat-pet-care","type":"registry:block","title":"Chat Pet Care","description":"React pet care advice chat block for Next.js with pet profile cards, vet recommendation listings, symptom checker prompts, medication reminders, and care tip messages using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","textarea"],"premium":true,"files":[{"path":"blocks/chat/chat-pet-care.tsx","type":"registry:block","target":"components/blocks/chat/chat-pet-care.tsx"}]},{"name":"chat-ticket-creation","type":"registry:block","title":"Chat Ticket Creation","description":"React support ticket creation chat block for Next.js with inline ticket form, priority dropdown, description pre-filled from chat context, and success confirmation using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["avatar","button","input","select","textarea"],"premium":true,"files":[{"path":"blocks/chat/chat-ticket-creation.tsx","type":"registry:block","target":"components/blocks/chat/chat-ticket-creation.tsx"}]},{"name":"chat-anonymous-chat","type":"registry:block","title":"Chat Anonymous Chat","description":"React anonymous chat interface for Next.js with randomized animal avatars, ephemeral message styling, privacy shield banner, session info, and input identity display using TypeScript, shadcn/ui, Tailwind CSS, and Lucide React icons","dependencies":["lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/chat/chat-anonymous-chat.tsx","type":"registry:block","target":"components/blocks/chat/chat-anonymous-chat.tsx"}]},{"name":"chat-data-analysis","type":"registry:block","title":"Chat Data Analysis","description":"Data analysis chat interface with inline chart responses and query suggestions built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","button","input"],"premium":true,"files":[{"path":"blocks/chat/chat-data-analysis.tsx","type":"registry:block","target":"components/blocks/chat/chat-data-analysis.tsx"}]},{"name":"chat-yoga-instructor","type":"registry:block","title":"Chat Yoga Instructor","description":"A personalized yoga instructor chat built with React, Next.js, shadcn/ui, and Tailwind CSS featuring pose cards, sequence builder, and practice timer","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","scroll-area"],"premium":true,"files":[{"path":"blocks/chat/chat-yoga-instructor.tsx","type":"registry:block","target":"components/blocks/chat/chat-yoga-instructor.tsx"}]},{"name":"chat-onboarding-wizard","type":"registry:block","title":"Chat Onboarding Wizard","description":"React step-by-step onboarding wizard chat block for Next.js with progress indicator, option cards, checklist items, profile setup, and welcome screen using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","progress","textarea"],"premium":true,"files":[{"path":"blocks/chat/chat-onboarding-wizard.tsx","type":"registry:block","target":"components/blocks/chat/chat-onboarding-wizard.tsx"}]},{"name":"chat-imessage-style","type":"registry:block","title":"Chat Imessage Style","description":"React iMessage-inspired chat interface for Next.js with blue sent bubbles, gray received bubbles, tail effects, delivery status, and typing indicator using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/chat/chat-imessage-style.tsx","type":"registry:block","target":"components/blocks/chat/chat-imessage-style.tsx"}]},{"name":"chat-debug-assistant","type":"registry:block","title":"Chat Debug Assistant","description":"React debugging assistant chat block for Next.js with stack trace cards, error severity indicators, code snippet display, fix suggestions, and copy-to-clipboard using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","textarea"],"premium":true,"files":[{"path":"blocks/chat/chat-debug-assistant.tsx","type":"registry:block","target":"components/blocks/chat/chat-debug-assistant.tsx"}]},{"name":"chat-family-organizer","type":"registry:block","title":"Chat Family Organizer","description":"Family organization chat interface built with React, Next.js, shadcn/ui, and Tailwind CSS. Features chore assignments, calendar events, shared shopping lists, and member avatars.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","input"],"premium":true,"files":[{"path":"blocks/chat/chat-family-organizer.tsx","type":"registry:block","target":"components/blocks/chat/chat-family-organizer.tsx"}]},{"name":"chat-movie-night","type":"registry:block","title":"Chat Movie Night","description":"React movie night voting chat block for Next.js with movie suggestion cards, vote buttons, genre badges, rating display, and group decision making using shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","input"],"premium":true,"files":[{"path":"blocks/chat/chat-movie-night.tsx","type":"registry:block","target":"components/blocks/chat/chat-movie-night.tsx"}]},{"name":"chat-contract-negotiation","type":"registry:block","title":"Chat Contract Negotiation","description":"React contract negotiation chat block for Next.js with clause cards, version comparison, approval buttons, redline indicators, and party-specific message styling using shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","input"],"premium":true,"files":[{"path":"blocks/chat/chat-contract-negotiation.tsx","type":"registry:block","target":"components/blocks/chat/chat-contract-negotiation.tsx"}]},{"name":"chat-knowledge-base","type":"registry:block","title":"Chat Knowledge Base","description":"React knowledge base chat block for Next.js with bot-suggested help articles as card messages, thumbs up and down feedback, article title and snippet preview, and read-more links using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["avatar","button","input"],"premium":true,"files":[{"path":"blocks/chat/chat-knowledge-base.tsx","type":"registry:block","target":"components/blocks/chat/chat-knowledge-base.tsx"}]},{"name":"chat-link-previews","type":"registry:block","title":"Chat Link Previews","description":"React chat block with URL link preview cards for Next.js featuring rich previews with title, description, domain, and external link icons using shadcn/ui, TypeScript, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["avatar","button"],"premium":true,"files":[{"path":"blocks/chat/chat-link-previews.tsx","type":"registry:block","target":"components/blocks/chat/chat-link-previews.tsx"}]},{"name":"chat-poll-messages","type":"registry:block","title":"Chat Poll Messages","description":"React in-chat polling interface for Next.js with interactive poll cards, vote buttons, percentage progress bars, total voter counts, and message history using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/chat/chat-poll-messages.tsx","type":"registry:block","target":"components/blocks/chat/chat-poll-messages.tsx"}]},{"name":"chat-multi-select","type":"registry:block","title":"Chat Multi Select","description":"React chat block with multi-select mode for Next.js featuring message checkboxes, selection count, and bulk actions like forward, delete, and star using TypeScript, shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","button","checkbox","textarea"],"premium":true,"files":[{"path":"blocks/chat/chat-multi-select.tsx","type":"registry:block","target":"components/blocks/chat/chat-multi-select.tsx"}]},{"name":"chat-home-automation","type":"registry:block","title":"Chat Home Automation","description":"React smart home control chat block for Next.js with device cards, toggle switches, temperature sliders, room grouping, scene activation, and voice command input using shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","input","switch"],"premium":true,"files":[{"path":"blocks/chat/chat-home-automation.tsx","type":"registry:block","target":"components/blocks/chat/chat-home-automation.tsx"}]},{"name":"chat-security-alerts","type":"registry:block","title":"Chat Security Alerts","description":"A real-time security monitoring chat built with React, Next.js, shadcn/ui, and Tailwind CSS featuring threat cards, severity classification, and actionable incident responses","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/chat/chat-security-alerts.tsx","type":"registry:block","target":"components/blocks/chat/chat-security-alerts.tsx"}]},{"name":"chat-api-playground","type":"registry:block","title":"Chat Api Playground","description":"An interactive API testing playground built with React, Next.js, shadcn/ui, and Tailwind CSS featuring request/response cards, curl snippets, and endpoint testing","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","scroll-area"],"premium":true,"files":[{"path":"blocks/chat/chat-api-playground.tsx","type":"registry:block","target":"components/blocks/chat/chat-api-playground.tsx"}]},{"name":"chat-meal-prep","type":"registry:block","title":"Chat Meal Prep","description":"A meal prep planning chat interface built with React, Next.js, shadcn/ui, and Tailwind CSS featuring recipe cards, ingredient lists, and detailed nutritional information","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","button","input"],"premium":true,"files":[{"path":"blocks/chat/chat-meal-prep.tsx","type":"registry:block","target":"components/blocks/chat/chat-meal-prep.tsx"}]},{"name":"chat-email-composer","type":"registry:block","title":"Chat Email Composer","description":"Interactive email composition interface built with React, Next.js, shadcn/ui, and Tailwind CSS. Features recipient chips, subject line, rich text formatting toolbar, and send functionality.","dependencies":["lucide-react"],"registryDependencies":["badge","button","input","textarea"],"premium":true,"files":[{"path":"blocks/chat/chat-email-composer.tsx","type":"registry:block","target":"components/blocks/chat/chat-email-composer.tsx"}]},{"name":"chat-auto-reply","type":"registry:block","title":"Chat Auto Reply","description":"React auto-reply chat block for Next.js with away status indicator, automatic response message, business hours info card, and estimated response time using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["avatar","badge","button","input"],"premium":true,"files":[{"path":"blocks/chat/chat-auto-reply.tsx","type":"registry:block","target":"components/blocks/chat/chat-auto-reply.tsx"}]},{"name":"chat-compact-dense","type":"registry:block","title":"Chat Compact Dense","description":"React terminal-style IRC chat interface for Next.js with monospace font, colored usernames, timestamp prefixes on every line, dark bg-zinc-950 background, and no message bubbles using TypeScript, shadcn/ui, Tailwind CSS, and Framer Motion","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/chat/chat-compact-dense.tsx","type":"registry:block","target":"components/blocks/chat/chat-compact-dense.tsx"}]},{"name":"chat-inventory-alert","type":"registry:block","title":"Chat Inventory Alert","description":"React inventory alert notification chat block for Next.js with stock level warnings, reorder suggestions, product cards, threshold indicators, and batch action buttons using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","textarea"],"premium":true,"files":[{"path":"blocks/chat/chat-inventory-alert.tsx","type":"registry:block","target":"components/blocks/chat/chat-inventory-alert.tsx"}]},{"name":"chat-flat-messages","type":"registry:block","title":"Chat Flat Messages","description":"React Slack-style flat chat interface for Next.js with avatars, usernames, timestamps, thread replies, and hover reactions using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["avatar","button"],"premium":true,"files":[{"path":"blocks/chat/chat-flat-messages.tsx","type":"registry:block","target":"components/blocks/chat/chat-flat-messages.tsx"}]},{"name":"chat-event-invitation","type":"registry:block","title":"Chat Event Invitation","description":"React chat block with calendar event invitation cards for Next.js featuring RSVP buttons, attendee counts, date and location display, and response status using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["avatar","badge","button","textarea"],"premium":true,"files":[{"path":"blocks/chat/chat-event-invitation.tsx","type":"registry:block","target":"components/blocks/chat/chat-event-invitation.tsx"}]},{"name":"chat-typing-indicator","type":"registry:block","title":"Chat Typing Indicator","description":"React chat block with animated bouncing dot typing indicator for Next.js showing who is typing with staggered CSS animation using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["avatar","button"],"premium":true,"files":[{"path":"blocks/chat/chat-typing-indicator.tsx","type":"registry:block","target":"components/blocks/chat/chat-typing-indicator.tsx"}]},{"name":"chat-recent-chats","type":"registry:block","title":"Chat Recent Chats","description":"React recent conversations compact widget for Next.js with small avatars, online status dots, message previews, unread indicators, and view-all link using TypeScript, shadcn/ui, Tailwind CSS, and Lucide React icons","dependencies":["lucide-react"],"registryDependencies":["avatar","button"],"premium":true,"files":[{"path":"blocks/chat/chat-recent-chats.tsx","type":"registry:block","target":"components/blocks/chat/chat-recent-chats.tsx"}]},{"name":"chat-sleep-tracker","type":"registry:block","title":"Chat Sleep Tracker","description":"A sleep tracking chat interface built with React, Next.js, shadcn/ui, and Tailwind CSS featuring sleep score cards, duration charts, and improvement tips","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","button","input","progress","scroll-area"],"premium":true,"files":[{"path":"blocks/chat/chat-sleep-tracker.tsx","type":"registry:block","target":"components/blocks/chat/chat-sleep-tracker.tsx"}]},{"name":"chat-satisfaction-rating","type":"registry:block","title":"Chat Satisfaction Rating","description":"React post-chat satisfaction survey block for Next.js with star rating, what-went-well tags, free-text feedback, NPS slider, and animated submit confirmation using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["avatar","button","textarea"],"premium":true,"files":[{"path":"blocks/chat/chat-satisfaction-rating.tsx","type":"registry:block","target":"components/blocks/chat/chat-satisfaction-rating.tsx"}]},{"name":"chat-bubble-style","type":"registry:block","title":"Chat Bubble Style","description":"React classic bubble chat interface for Next.js with rounded bubble tails, message grouping, inline timestamps, delivery status, and avatar collapse using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["avatar","button"],"premium":true,"files":[{"path":"blocks/chat/chat-bubble-style.tsx","type":"registry:block","target":"components/blocks/chat/chat-bubble-style.tsx"}]},{"name":"chat-warehouse-ops","type":"registry:block","title":"Chat Warehouse Ops","description":"A warehouse management chat interface built with React, Next.js, shadcn/ui, and Tailwind CSS featuring inventory alerts, pick lists, shipment tracking, and operational updates","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","button","input","scroll-area"],"premium":true,"files":[{"path":"blocks/chat/chat-warehouse-ops.tsx","type":"registry:block","target":"components/blocks/chat/chat-warehouse-ops.tsx"}]},{"name":"chat-privacy-settings","type":"registry:block","title":"Chat Privacy Settings","description":"React chat privacy and blocking panel for Next.js with blocked users list, messaging permissions radio group, read receipts toggle, and online status visibility using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button","radio-group","switch"],"premium":true,"files":[{"path":"blocks/chat/chat-privacy-settings.tsx","type":"registry:block","target":"components/blocks/chat/chat-privacy-settings.tsx"}]},{"name":"chat-payment-request","type":"registry:block","title":"Chat Payment Request","description":"React chat block with inline payment request cards for Next.js featuring amount display, pay now buttons, receipt confirmations, and status indicators using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["avatar","badge","button","textarea"],"premium":true,"files":[{"path":"blocks/chat/chat-payment-request.tsx","type":"registry:block","target":"components/blocks/chat/chat-payment-request.tsx"}]},{"name":"chat-error-state","type":"registry:block","title":"Chat Error State","description":"React chat error and disconnected state block for Next.js with AlertTriangle icon, reconnection spinner, retry button, and grayed-out messages using TypeScript, shadcn/ui, Tailwind CSS, and Framer Motion","dependencies":["lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/chat/chat-error-state.tsx","type":"registry:block","target":"components/blocks/chat/chat-error-state.tsx"}]},{"name":"chat-encryption-indicator","type":"registry:block","title":"Chat Encryption Indicator","description":"React end-to-end encrypted chat interface for Next.js with lock icon header, per-message encryption badges, expandable encryption details panel, and secure messaging using TypeScript, shadcn/ui Tooltip, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button","input","tooltip"],"premium":true,"files":[{"path":"blocks/chat/chat-encryption-indicator.tsx","type":"registry:block","target":"components/blocks/chat/chat-encryption-indicator.tsx"}]},{"name":"chat-message-actions","type":"registry:block","title":"Chat Message Actions","description":"React chat interface with hover-to-reveal action toolbars for Next.js including reply, react, pin, edit, delete, and forward using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["avatar","button","dropdown-menu","input"],"premium":true,"files":[{"path":"blocks/chat/chat-message-actions.tsx","type":"registry:block","target":"components/blocks/chat/chat-message-actions.tsx"}]},{"name":"chat-queue-position","type":"registry:block","title":"Chat Queue Position","description":"React queue position waiting screen chat block for Next.js with animated position counter, circular progress ring, estimated wait time, agent availability count, rotating tips, and leave-a-message fallback using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button","textarea"],"premium":true,"files":[{"path":"blocks/chat/chat-queue-position.tsx","type":"registry:block","target":"components/blocks/chat/chat-queue-position.tsx"}]},{"name":"chat-starred-messages","type":"registry:block","title":"Chat Starred Messages","description":"React chat block with starred and favorite messages for Next.js featuring star toggle on messages, yellow star indicators, starred messages panel, and filterable bookmarks using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["avatar","badge","button","textarea"],"premium":true,"files":[{"path":"blocks/chat/chat-starred-messages.tsx","type":"registry:block","target":"components/blocks/chat/chat-starred-messages.tsx"}]},{"name":"chat-project-standup","type":"registry:block","title":"Chat Project Standup","description":"A structured daily standup assistant built with React, Next.js, shadcn/ui, and Tailwind CSS featuring yesterday/today/blockers format and team update tracking","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/chat/chat-project-standup.tsx","type":"registry:block","target":"components/blocks/chat/chat-project-standup.tsx"}]},{"name":"chat-apartment-hunt","type":"registry:block","title":"Chat Apartment Hunt","description":"React apartment hunting chat block for Next.js with property listing cards, price comparisons, amenity tags, neighborhood info, and schedule viewing buttons using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","textarea"],"premium":true,"files":[{"path":"blocks/chat/chat-apartment-hunt.tsx","type":"registry:block","target":"components/blocks/chat/chat-apartment-hunt.tsx"}]},{"name":"chat-quiz-game","type":"registry:block","title":"Chat Quiz Game","description":"A gamified quiz assistant built with React, Next.js, shadcn/ui, and Tailwind CSS featuring question cards, multiple choice answers, score tracking, and progress indicators","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/chat/chat-quiz-game.tsx","type":"registry:block","target":"components/blocks/chat/chat-quiz-game.tsx"}]},{"name":"chat-ai-image-generation","type":"registry:block","title":"Chat Ai Image Generation","description":"AI-powered image generation chat with prompt input, generation progress indicators, and inline image results built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","progress"],"premium":true,"files":[{"path":"blocks/chat/chat-ai-image-generation.tsx","type":"registry:block","target":"components/blocks/chat/chat-ai-image-generation.tsx"}]},{"name":"chat-sustainability-tips","type":"registry:block","title":"Chat Sustainability Tips","description":"An eco-friendly tips chat interface built with React, Next.js, shadcn/ui, and Tailwind CSS featuring action cards, environmental impact scores, and sustainability challenges","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","button","input","scroll-area"],"premium":true,"files":[{"path":"blocks/chat/chat-sustainability-tips.tsx","type":"registry:block","target":"components/blocks/chat/chat-sustainability-tips.tsx"}]},{"name":"chat-voice-notes","type":"registry:block","title":"Chat Voice Notes","description":"React chat block with voice message UI for Next.js featuring waveform visualizations, play controls, duration display, and microphone recording using shadcn/ui, TypeScript, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["avatar","button","input"],"premium":true,"files":[{"path":"blocks/chat/chat-voice-notes.tsx","type":"registry:block","target":"components/blocks/chat/chat-voice-notes.tsx"}]},{"name":"chat-incident-response","type":"registry:block","title":"Chat Incident Response","description":"React incident response chat block for Next.js with severity indicators, status timeline, role assignments, runbook links, and escalation controls using shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","input"],"premium":true,"files":[{"path":"blocks/chat/chat-incident-response.tsx","type":"registry:block","target":"components/blocks/chat/chat-incident-response.tsx"}]},{"name":"chat-journal-prompts","type":"registry:block","title":"Chat Journal Prompts","description":"Journaling chat interface built with React, Next.js, shadcn/ui, and Tailwind CSS. Features daily writing prompts, mood tracking, entry summaries, and reflection analytics.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","input","textarea"],"premium":true,"files":[{"path":"blocks/chat/chat-journal-prompts.tsx","type":"registry:block","target":"components/blocks/chat/chat-journal-prompts.tsx"}]},{"name":"chat-customer-support","type":"registry:block","title":"Chat Customer Support","description":"React customer support widget block for Next.js with branded header, queue position indicator, category chips, CSAT star rating, canned response suggestions, transfer to agent button, and ticket reference using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["avatar","badge","button","input"],"premium":true,"files":[{"path":"blocks/chat/chat-customer-support.tsx","type":"registry:block","target":"components/blocks/chat/chat-customer-support.tsx"}]},{"name":"chat-slack-style","type":"registry:block","title":"Chat Slack Style","description":"React Slack-inspired workspace chat for Next.js with flat messages, bold sender names, thread reply counts, emoji reactions, and channel header using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["avatar","button","input"],"premium":true,"files":[{"path":"blocks/chat/chat-slack-style.tsx","type":"registry:block","target":"components/blocks/chat/chat-slack-style.tsx"}]},{"name":"chat-vet-consultation","type":"registry:block","title":"Chat Vet Consultation","description":"A veterinary consultation chat interface built with React, Next.js, shadcn/ui, and Tailwind CSS featuring pet profile cards, symptom checklist, and medical advice","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","card","checkbox","input","scroll-area"],"premium":true,"files":[{"path":"blocks/chat/chat-vet-consultation.tsx","type":"registry:block","target":"components/blocks/chat/chat-vet-consultation.tsx"}]},{"name":"chat-music-collab","type":"registry:block","title":"Chat Music Collab","description":"A music collaboration chat interface built with React, Next.js, shadcn/ui, and Tailwind CSS featuring track stems, BPM tags, and threaded feedback discussions","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","input","progress"],"premium":true,"files":[{"path":"blocks/chat/chat-music-collab.tsx","type":"registry:block","target":"components/blocks/chat/chat-music-collab.tsx"}]},{"name":"chat-minimal","type":"registry:block","title":"Chat Minimal","description":"React ultra-minimal anonymous chat interface for Next.js with no header, no avatars, floating messages, and a single-line input using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/chat/chat-minimal.tsx","type":"registry:block","target":"components/blocks/chat/chat-minimal.tsx"}]},{"name":"chat-kanban-task","type":"registry:block","title":"Chat Kanban Task","description":"A kanban task chat block for React and Next.js with inline task cards, status updates, drag-to-assign mentions, and progress tracking built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","input"],"premium":true,"files":[{"path":"blocks/chat/chat-kanban-task.tsx","type":"registry:block","target":"components/blocks/chat/chat-kanban-task.tsx"}]},{"name":"chat-system-messages","type":"registry:block","title":"Chat System Messages","description":"React chat event stream with rich system event cards for Next.js showing user joins, topic changes, file shares, call starts, and integration events using TypeScript, shadcn/ui, Framer Motion, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["avatar","button","textarea"],"premium":true,"files":[{"path":"blocks/chat/chat-system-messages.tsx","type":"registry:block","target":"components/blocks/chat/chat-system-messages.tsx"}]},{"name":"chat-pinned-messages","type":"registry:block","title":"Chat Pinned Messages","description":"React chat block with pinned messages banner for Next.js featuring collapsible pinned section, pin indicators, and expandable message list using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["avatar","badge","button","textarea"],"premium":true,"files":[{"path":"blocks/chat/chat-pinned-messages.tsx","type":"registry:block","target":"components/blocks/chat/chat-pinned-messages.tsx"}]},{"name":"chat-trivia-night","type":"registry:block","title":"Chat Trivia Night","description":"A trivia night chat interface built with React, Next.js, shadcn/ui, and Tailwind CSS featuring question rounds, team scores, and real-time leaderboard","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","card","progress","scroll-area"],"premium":true,"files":[{"path":"blocks/chat/chat-trivia-night.tsx","type":"registry:block","target":"components/blocks/chat/chat-trivia-night.tsx"}]},{"name":"chat-language-selector","type":"registry:block","title":"Chat Language Selector","description":"A language selector chat block for React and Next.js with multi-language support, locale switching, auto-translation indicators, and RTL-aware layout built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","input","select"],"premium":true,"files":[{"path":"blocks/chat/chat-language-selector.tsx","type":"registry:block","target":"components/blocks/chat/chat-language-selector.tsx"}]},{"name":"chat-chatbot-handoff","type":"registry:block","title":"Chat Chatbot Handoff","description":"React chatbot-to-human-agent handoff block for Next.js with bot messages, animated transfer indicator, agent join notification, and seamless conversation continuity using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["avatar","badge","button","input"],"premium":true,"files":[{"path":"blocks/chat/chat-chatbot-handoff.tsx","type":"registry:block","target":"components/blocks/chat/chat-chatbot-handoff.tsx"}]},{"name":"chat-astrology-reading","type":"registry:block","title":"Chat Astrology Reading","description":"A personalized astrology chat built with React, Next.js, shadcn/ui, and Tailwind CSS featuring birth chart cards, daily horoscope, and compatibility analysis","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","scroll-area"],"premium":true,"files":[{"path":"blocks/chat/chat-astrology-reading.tsx","type":"registry:block","target":"components/blocks/chat/chat-astrology-reading.tsx"}]},{"name":"chat-networking-event","type":"registry:block","title":"Chat Networking Event","description":"A networking event chat interface built with React, Next.js, shadcn/ui, and Tailwind CSS featuring attendee cards, topic tags, and meeting request functionality","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","input"],"premium":true,"files":[{"path":"blocks/chat/chat-networking-event.tsx","type":"registry:block","target":"components/blocks/chat/chat-networking-event.tsx"}]},{"name":"chat-parking-finder","type":"registry:block","title":"Chat Parking Finder","description":"A parking spot finder chat interface built with React, Next.js, shadcn/ui, and Tailwind CSS featuring location cards, real-time availability status, and pricing information","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","button","input","scroll-area"],"premium":true,"files":[{"path":"blocks/chat/chat-parking-finder.tsx","type":"registry:block","target":"components/blocks/chat/chat-parking-finder.tsx"}]},{"name":"chat-emoji-picker","type":"registry:block","title":"Chat Emoji Picker","description":"React chat block with a rich emoji picker panel for Next.js featuring categorized emoji grid with icon tabs, search filtering, recently used row, skin tone selector, emoji preview with name and shortcode, and floating emoji reactions using TypeScript, shadcn/ui, Tailwind CSS, and Framer Motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","button","input","popover","textarea"],"premium":true,"files":[{"path":"blocks/chat/chat-emoji-picker.tsx","type":"registry:block","target":"components/blocks/chat/chat-emoji-picker.tsx"}]},{"name":"chat-escape-room","type":"registry:block","title":"Chat Escape Room","description":"Interactive escape room puzzle interface built with React, Next.js, shadcn/ui, and Tailwind CSS. Features clue revelation, hint system, countdown timer, and success tracking.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","input"],"premium":true,"files":[{"path":"blocks/chat/chat-escape-room.tsx","type":"registry:block","target":"components/blocks/chat/chat-escape-room.tsx"}]},{"name":"chat-workout-tracker","type":"registry:block","title":"Chat Workout Tracker","description":"React workout tracking chat block for Next.js with exercise cards, set logging, rest timers, muscle group tags, and progress indicators using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","textarea"],"premium":true,"files":[{"path":"blocks/chat/chat-workout-tracker.tsx","type":"registry:block","target":"components/blocks/chat/chat-workout-tracker.tsx"}]},{"name":"chat-tech-support","type":"registry:block","title":"Chat Tech Support","description":"A technical support chat interface built with React, Next.js, shadcn/ui, and Tailwind CSS featuring diagnostic cards, solution steps, and escalation options","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","input","scroll-area"],"premium":true,"files":[{"path":"blocks/chat/chat-tech-support.tsx","type":"registry:block","target":"components/blocks/chat/chat-tech-support.tsx"}]},{"name":"chat-read-receipts","type":"registry:block","title":"Chat Read Receipts","description":"React group chat block with per-reader read receipts for Next.js showing tiny avatar rows with seen-by counts and expandable reader details using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","button"],"premium":true,"files":[{"path":"blocks/chat/chat-read-receipts.tsx","type":"registry:block","target":"components/blocks/chat/chat-read-receipts.tsx"}]},{"name":"chat-sports-live","type":"registry:block","title":"Chat Sports Live","description":"A live sports chat interface built with React, Next.js, shadcn/ui, and Tailwind CSS featuring score cards, play-by-play updates, and reaction emojis","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","input","scroll-area"],"premium":true,"files":[{"path":"blocks/chat/chat-sports-live.tsx","type":"registry:block","target":"components/blocks/chat/chat-sports-live.tsx"}]},{"name":"chat-contact-cards","type":"registry:block","title":"Chat Contact Cards","description":"React chat block with contact card sharing for Next.js featuring vCard-style messages with avatar initials, name, phone, email, and action buttons using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["avatar","button","textarea"],"premium":true,"files":[{"path":"blocks/chat/chat-contact-cards.tsx","type":"registry:block","target":"components/blocks/chat/chat-contact-cards.tsx"}]},{"name":"chat-plant-care","type":"registry:block","title":"Chat Plant Care","description":"React plant care advice chat block for Next.js with plant diagnosis cards, care schedule displays, watering reminders, and health status indicators using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","textarea"],"premium":true,"files":[{"path":"blocks/chat/chat-plant-care.tsx","type":"registry:block","target":"components/blocks/chat/chat-plant-care.tsx"}]},{"name":"chat-virtual-classroom","type":"registry:block","title":"Chat Virtual Classroom","description":"A virtual classroom chat interface built with React, Next.js, shadcn/ui, and Tailwind CSS featuring lesson cards, assignment submissions, and Q&A discussions","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","card","input","scroll-area"],"premium":true,"files":[{"path":"blocks/chat/chat-virtual-classroom.tsx","type":"registry:block","target":"components/blocks/chat/chat-virtual-classroom.tsx"}]},{"name":"chat-legal-assistant","type":"registry:block","title":"Chat Legal Assistant","description":"React legal document review chat block for Next.js with clause analysis cards, risk severity indicators, contract summary, and amendment suggestions using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","textarea"],"premium":true,"files":[{"path":"blocks/chat/chat-legal-assistant.tsx","type":"registry:block","target":"components/blocks/chat/chat-legal-assistant.tsx"}]},{"name":"chat-translation-relay","type":"registry:block","title":"Chat Translation Relay","description":"A multi-party translation relay chat interface built with React, Next.js, shadcn/ui, and Tailwind CSS featuring original and translated message pairs","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","input","scroll-area"],"premium":true,"files":[{"path":"blocks/chat/chat-translation-relay.tsx","type":"registry:block","target":"components/blocks/chat/chat-translation-relay.tsx"}]},{"name":"chat-product-recommendation","type":"registry:block","title":"Chat Product Recommendation","description":"React chat block with product recommendation cards for Next.js featuring horizontal scroll carousels, star ratings, pricing, add-to-cart buttons, and image placeholders using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["avatar","badge","button","textarea"],"premium":true,"files":[{"path":"blocks/chat/chat-product-recommendation.tsx","type":"registry:block","target":"components/blocks/chat/chat-product-recommendation.tsx"}]},{"name":"chat-mental-health","type":"registry:block","title":"Chat Mental Health","description":"A mental wellness chat interface built with React, Next.js, shadcn/ui, and Tailwind CSS featuring mood check-ins, guided breathing exercises, and curated resource links","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","input","progress"],"premium":true,"files":[{"path":"blocks/chat/chat-mental-health.tsx","type":"registry:block","target":"components/blocks/chat/chat-mental-health.tsx"}]},{"name":"chat-loading-skeleton","type":"registry:block","title":"Chat Loading Skeleton","description":"React chat loading skeleton block for Next.js with animated pulse placeholders for header, alternating message bubbles, and input bar using TypeScript, shadcn/ui Skeleton, Tailwind CSS, and Framer Motion","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/chat/chat-loading-skeleton.tsx","type":"registry:block","target":"components/blocks/chat/chat-loading-skeleton.tsx"}]},{"name":"chat-social-media-scheduler","type":"registry:block","title":"Chat Social Media Scheduler","description":"A social media scheduling chat interface built with React, Next.js, shadcn/ui, and Tailwind CSS featuring post previews, platform badges, and calendar integration","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","input","scroll-area"],"premium":true,"files":[{"path":"blocks/chat/chat-social-media-scheduler.tsx","type":"registry:block","target":"components/blocks/chat/chat-social-media-scheduler.tsx"}]},{"name":"chat-medical-consultation","type":"registry:block","title":"Chat Medical Consultation","description":"React healthcare telemedicine chat block for Next.js with doctor profile header, medical disclaimer banner, prescription cards, and follow-up booking using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["avatar","badge","button","textarea"],"premium":true,"files":[{"path":"blocks/chat/chat-medical-consultation.tsx","type":"registry:block","target":"components/blocks/chat/chat-medical-consultation.tsx"}]},{"name":"chat-appearance-settings","type":"registry:block","title":"Chat Appearance Settings","description":"React chat appearance and theme settings panel for Next.js with font size slider, message density toggle, bubble style picker, and live preview section using TypeScript, shadcn/ui Slider, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button","slider"],"premium":true,"files":[{"path":"blocks/chat/chat-appearance-settings.tsx","type":"registry:block","target":"components/blocks/chat/chat-appearance-settings.tsx"}]},{"name":"chat-shared-media","type":"registry:block","title":"Chat Shared Media","description":"React shared media gallery panel for Next.js chat apps with tabbed Photos, Files, and Links views, sender attribution, date stamps, and grid layout using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/chat/chat-shared-media.tsx","type":"registry:block","target":"components/blocks/chat/chat-shared-media.tsx"}]},{"name":"chat-pre-chat-form","type":"registry:block","title":"Chat Pre Chat Form","description":"React pre-chat form block for Next.js with name, email, department select, and message textarea that transitions into a live chat interface using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["avatar","button","input","textarea"],"premium":true,"files":[{"path":"blocks/chat/chat-pre-chat-form.tsx","type":"registry:block","target":"components/blocks/chat/chat-pre-chat-form.tsx"}]},{"name":"chat-habit-tracker","type":"registry:block","title":"Chat Habit Tracker","description":"Habit tracking chat interface built with React, Next.js, shadcn/ui, and Tailwind CSS. Features daily check-ins, streak counters, progress visualization, and motivational feedback.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","input","progress"],"premium":true,"files":[{"path":"blocks/chat/chat-habit-tracker.tsx","type":"registry:block","target":"components/blocks/chat/chat-habit-tracker.tsx"}]},{"name":"chat-conversation-summary","type":"registry:block","title":"Chat Conversation Summary","description":"React chat block with AI-generated conversation summary side panel for Next.js featuring key topics, action items, and sentiment analysis using TypeScript, shadcn/ui, Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["avatar","badge","button","input"],"premium":true,"files":[{"path":"blocks/chat/chat-conversation-summary.tsx","type":"registry:block","target":"components/blocks/chat/chat-conversation-summary.tsx"}]},{"name":"chat-reply-quote","type":"registry:block","title":"Chat Reply Quote","description":"React chat block with reply quoting for Next.js featuring quoted parent messages, border-left indicators, truncated previews, and inline reply threading using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","textarea"],"premium":true,"files":[{"path":"blocks/chat/chat-reply-quote.tsx","type":"registry:block","target":"components/blocks/chat/chat-reply-quote.tsx"}]},{"name":"chat-team-collaboration","type":"registry:block","title":"Chat Team Collaboration","description":"React team collaboration chat block for Next.js with channel header, multi-user avatars, system messages, highlighted mentions, emoji reactions, thread counts, unread divider, and typing indicator using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["avatar","button","input"],"premium":true,"files":[{"path":"blocks/chat/chat-team-collaboration.tsx","type":"registry:block","target":"components/blocks/chat/chat-team-collaboration.tsx"}]},{"name":"chat-telegram-style","type":"registry:block","title":"Chat Telegram Style","description":"React Telegram-inspired chat interface for Next.js with green-tinted sent bubbles, reply previews, pinned messages, edited labels, and grouped timestamps using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/chat/chat-telegram-style.tsx","type":"registry:block","target":"components/blocks/chat/chat-telegram-style.tsx"}]},{"name":"chat-ai-assistant","type":"registry:block","title":"Chat Ai Assistant","description":"An AI assistant chat block for React and Next.js with streaming message bubbles, model selector, suggested prompts, and typing animation built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","button","input"],"premium":true,"files":[{"path":"blocks/chat/chat-ai-assistant.tsx","type":"registry:block","target":"components/blocks/chat/chat-ai-assistant.tsx"}]},{"name":"chat-tax-assistant","type":"registry:block","title":"Chat Tax Assistant","description":"A tax filing assistant chat interface built with React, Next.js, shadcn/ui, and Tailwind CSS featuring deduction cards, document checklist, and tax calculations","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","input","progress","scroll-area"],"premium":true,"files":[{"path":"blocks/chat/chat-tax-assistant.tsx","type":"registry:block","target":"components/blocks/chat/chat-tax-assistant.tsx"}]},{"name":"chat-overlay-modal","type":"registry:block","title":"Chat Overlay Modal","description":"React centered modal chat overlay block for Next.js with semi-transparent backdrop, animated dialog window, message thread, and inline input using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","button","input"],"premium":true,"files":[{"path":"blocks/chat/chat-overlay-modal.tsx","type":"registry:block","target":"components/blocks/chat/chat-overlay-modal.tsx"}]},{"name":"chat-concert-planning","type":"registry:block","title":"Chat Concert Planning","description":"A concert and event planning chat interface with lineup cards, ticket tier pricing, RSVP tracking, and venue information built with React, Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","input","scroll-area"],"premium":true,"files":[{"path":"blocks/chat/chat-concert-planning.tsx","type":"registry:block","target":"components/blocks/chat/chat-concert-planning.tsx"}]},{"name":"chat-canned-responses","type":"registry:block","title":"Chat Canned Responses","description":"React support agent chat with canned response picker for Next.js featuring categorized template popover with greetings, troubleshooting, and closing categories using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["avatar","badge","button","input","popover"],"premium":true,"files":[{"path":"blocks/chat/chat-canned-responses.tsx","type":"registry:block","target":"components/blocks/chat/chat-canned-responses.tsx"}]},{"name":"chat-floating-widget","type":"registry:block","title":"Chat Floating Widget","description":"React floating chat widget block for Next.js with expandable bubble button, compact message panel, open/close toggle animation, and bottom-anchored input using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["avatar","button"],"premium":true,"files":[{"path":"blocks/chat/chat-floating-widget.tsx","type":"registry:block","target":"components/blocks/chat/chat-floating-widget.tsx"}]},{"name":"chat-connection-status","type":"registry:block","title":"Chat Connection Status","description":"React chat connection quality indicator block for Next.js with green, amber, and red status dots, animated state transitions, and live status text using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/chat/chat-connection-status.tsx","type":"registry:block","target":"components/blocks/chat/chat-connection-status.tsx"}]},{"name":"chat-sales-conversation","type":"registry:block","title":"Chat Sales Conversation","description":"React sales conversation chat block for Next.js with agent photo, product card messages, quick reply chips, and CRM-style layout using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["avatar","badge","button","input"],"premium":true,"files":[{"path":"blocks/chat/chat-sales-conversation.tsx","type":"registry:block","target":"components/blocks/chat/chat-sales-conversation.tsx"}]},{"name":"chat-date-divider","type":"registry:block","title":"Chat Date Divider","description":"React chat interface with date separator dividers and a calendar widget for Next.js that groups messages by day and lets users navigate to specific dates using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["date-fns","lucide-react"],"registryDependencies":["avatar","button","input"],"premium":true,"files":[{"path":"blocks/chat/chat-date-divider.tsx","type":"registry:block","target":"components/blocks/chat/chat-date-divider.tsx"}]},{"name":"chat-command-palette","type":"registry:block","title":"Chat Command Palette","description":"A command palette chat block for React and Next.js with slash commands, inline autocomplete, keyboard navigation, and command categories built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","button","input"],"premium":true,"files":[{"path":"blocks/chat/chat-command-palette.tsx","type":"registry:block","target":"components/blocks/chat/chat-command-palette.tsx"}]},{"name":"chat-recipe-sharing","type":"registry:block","title":"Chat Recipe Sharing","description":"React recipe sharing chat interface for Next.js with ingredient cards, step-by-step instructions, serving size badges, and cook time indicators using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","input"],"premium":true,"files":[{"path":"blocks/chat/chat-recipe-sharing.tsx","type":"registry:block","target":"components/blocks/chat/chat-recipe-sharing.tsx"}]},{"name":"chat-grocery-list","type":"registry:block","title":"Chat Grocery List","description":"React shared grocery list chat block for Next.js with checkable items, category grouping, contributor avatars, item counts, and real-time collaboration using shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","input"],"premium":true,"files":[{"path":"blocks/chat/chat-grocery-list.tsx","type":"registry:block","target":"components/blocks/chat/chat-grocery-list.tsx"}]},{"name":"chat-study-group","type":"registry:block","title":"Chat Study Group","description":"React study group chat interface for Next.js with inline quiz cards, answer selection, score tracking, explanations, and discussion threads using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","input"],"premium":true,"files":[{"path":"blocks/chat/chat-study-group.tsx","type":"registry:block","target":"components/blocks/chat/chat-study-group.tsx"}]},{"name":"chat-context-menu","type":"registry:block","title":"Chat Context Menu","description":"A context menu chat block for React and Next.js with right-click message actions, reply, edit, pin, and delete options built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","button","context-menu","input"],"premium":true,"files":[{"path":"blocks/chat/chat-context-menu.tsx","type":"registry:block","target":"components/blocks/chat/chat-context-menu.tsx"}]},{"name":"chat-podcast-notes","type":"registry:block","title":"Chat Podcast Notes","description":"An interactive podcast listening assistant built with React, Next.js, shadcn/ui, and Tailwind CSS featuring episode cards, timestamp navigation, and collaborative note sharing","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/chat/chat-podcast-notes.tsx","type":"registry:block","target":"components/blocks/chat/chat-podcast-notes.tsx"}]},{"name":"chat-notification-settings","type":"registry:block","title":"Chat Notification Settings","description":"React chat notification preferences panel for Next.js with per-channel mute toggles, push notification controls, sound settings, and mention filters using TypeScript, shadcn/ui Switch, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button","switch"],"premium":true,"files":[{"path":"blocks/chat/chat-notification-settings.tsx","type":"registry:block","target":"components/blocks/chat/chat-notification-settings.tsx"}]},{"name":"chat-video-call-preview","type":"registry:block","title":"Chat Video Call Preview","description":"React chat block with video call integration for Next.js featuring call status messages, participant avatars, join and leave buttons, and duration display using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["avatar","button","textarea"],"premium":true,"files":[{"path":"blocks/chat/chat-video-call-preview.tsx","type":"registry:block","target":"components/blocks/chat/chat-video-call-preview.tsx"}]},{"name":"chat-photo-editor","type":"registry:block","title":"Chat Photo Editor","description":"An AI-powered photo editing chat interface built with React, Next.js, shadcn/ui, and Tailwind CSS featuring filter previews, crop suggestions, and before/after comparisons","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/chat/chat-photo-editor.tsx","type":"registry:block","target":"components/blocks/chat/chat-photo-editor.tsx"}]},{"name":"chat-file-sharing","type":"registry:block","title":"Chat File Sharing","description":"React chat block with file attachment messages for Next.js featuring file cards with icons, filenames, sizes, and download buttons using shadcn/ui, TypeScript, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["avatar","button","input"],"premium":true,"files":[{"path":"blocks/chat/chat-file-sharing.tsx","type":"registry:block","target":"components/blocks/chat/chat-file-sharing.tsx"}]},{"name":"chat-audio-rooms","type":"registry:block","title":"Chat Audio Rooms","description":"Audio room chat interface with speaker indicators, hand raise queue, and room controls built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","input"],"premium":true,"files":[{"path":"blocks/chat/chat-audio-rooms.tsx","type":"registry:block","target":"components/blocks/chat/chat-audio-rooms.tsx"}]},{"name":"chat-donation-tracker","type":"registry:block","title":"Chat Donation Tracker","description":"React donation tracking chat block for Next.js with goal progress bar, donor acknowledgement cards, milestone celebrations, recent donation feed, and campaign summary using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","button","progress","textarea"],"premium":true,"files":[{"path":"blocks/chat/chat-donation-tracker.tsx","type":"registry:block","target":"components/blocks/chat/chat-donation-tracker.tsx"}]},{"name":"chat-mobile-view","type":"registry:block","title":"Chat Mobile View","description":"React mobile-optimized full-screen chat block for Next.js with large touch targets, profile header, back navigation, safe-area input padding, and swipe-friendly layout using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["avatar","button"],"premium":true,"files":[{"path":"blocks/chat/chat-mobile-view.tsx","type":"registry:block","target":"components/blocks/chat/chat-mobile-view.tsx"}]},{"name":"chat-scheduled-messages","type":"registry:block","title":"Chat Scheduled Messages","description":"React scheduled message chat block for Next.js with schedule send dropdown, time badges on pending messages, clock indicators, and send-now or schedule-later options using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["avatar","button","dropdown-menu","input"],"premium":true,"files":[{"path":"blocks/chat/chat-scheduled-messages.tsx","type":"registry:block","target":"components/blocks/chat/chat-scheduled-messages.tsx"}]},{"name":"chat-recipe-swap","type":"registry:block","title":"Chat Recipe Swap","description":"A recipe sharing community chat built with React, Next.js, shadcn/ui, and Tailwind CSS featuring recipe cards, ingredient lists, ratings, and cooking time estimates","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","button","input","scroll-area"],"premium":true,"files":[{"path":"blocks/chat/chat-recipe-swap.tsx","type":"registry:block","target":"components/blocks/chat/chat-recipe-swap.tsx"}]},{"name":"chat-message-highlight","type":"registry:block","title":"Chat Message Highlight","description":"React chat block with text annotation and highlighting for Next.js that lets users select text ranges in messages and add notes, showing highlighted spans with expandable annotation cards using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["avatar","button","input"],"premium":true,"files":[{"path":"blocks/chat/chat-message-highlight.tsx","type":"registry:block","target":"components/blocks/chat/chat-message-highlight.tsx"}]},{"name":"chat-intercom-style","type":"registry:block","title":"Chat Intercom Style","description":"React Intercom-inspired support widget chat for Next.js with agent avatar, quick reply buttons, gradient header, powered-by footer, and typing indicator using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["avatar","button","input"],"premium":true,"files":[{"path":"blocks/chat/chat-intercom-style.tsx","type":"registry:block","target":"components/blocks/chat/chat-intercom-style.tsx"}]},{"name":"chat-healthcare-triage","type":"registry:block","title":"Chat Healthcare Triage","description":"A healthcare triage chat block for React and Next.js with symptom collection, urgency assessment, priority badges, and appointment booking built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","button","input"],"premium":true,"files":[{"path":"blocks/chat/chat-healthcare-triage.tsx","type":"registry:block","target":"components/blocks/chat/chat-healthcare-triage.tsx"}]},{"name":"chat-resume-review","type":"registry:block","title":"Chat Resume Review","description":"React resume review feedback chat block for Next.js with section scores, improvement suggestions, keyword analysis, ATS compatibility check, and actionable rewrite tips using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","textarea"],"premium":true,"files":[{"path":"blocks/chat/chat-resume-review.tsx","type":"registry:block","target":"components/blocks/chat/chat-resume-review.tsx"}]},{"name":"chat-empty-state","type":"registry:block","title":"Chat Empty State","description":"React empty chat state block for Next.js with centered MessageSquare icon, heading, description text, suggestion chips, and functional input bar using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/chat/chat-empty-state.tsx","type":"registry:block","target":"components/blocks/chat/chat-empty-state.tsx"}]},{"name":"chat-wine-pairing","type":"registry:block","title":"Chat Wine Pairing","description":"A wine sommelier chat interface built with React, Next.js, shadcn/ui, and Tailwind CSS featuring wine cards, food pairing suggestions, and tasting notes","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","scroll-area"],"premium":true,"files":[{"path":"blocks/chat/chat-wine-pairing.tsx","type":"registry:block","target":"components/blocks/chat/chat-wine-pairing.tsx"}]},{"name":"chat-bookmarked-messages","type":"registry:block","title":"Chat Bookmarked Messages","description":"React bookmarked messages chat block for Next.js with hover bookmark icons, filled bookmark state, saved messages side panel, and message save management using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["avatar","badge","button","input"],"premium":true,"files":[{"path":"blocks/chat/chat-bookmarked-messages.tsx","type":"registry:block","target":"components/blocks/chat/chat-bookmarked-messages.tsx"}]},{"name":"chat-investment-advisor","type":"registry:block","title":"Chat Investment Advisor","description":"Investment advisory chat interface built with React, Next.js, shadcn/ui, and Tailwind CSS. Features portfolio analysis, risk indicators, asset allocations, and personalized recommendations.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","input","progress"],"premium":true,"files":[{"path":"blocks/chat/chat-investment-advisor.tsx","type":"registry:block","target":"components/blocks/chat/chat-investment-advisor.tsx"}]},{"name":"chat-expense-split","type":"registry:block","title":"Chat Expense Split","description":"React expense splitting chat interface for Next.js with payment cards, participant breakdowns, settlement status indicators, and balance summaries using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","input"],"premium":true,"files":[{"path":"blocks/chat/chat-expense-split.tsx","type":"registry:block","target":"components/blocks/chat/chat-expense-split.tsx"}]},{"name":"chat-talent-scout","type":"registry:block","title":"Chat Talent Scout","description":"A recruitment talent scouting chat built with React, Next.js, shadcn/ui, and Tailwind CSS featuring candidate profile cards, skill ratings, interview scheduling, and hiring pipeline management","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","button","input","scroll-area"],"premium":true,"files":[{"path":"blocks/chat/chat-talent-scout.tsx","type":"registry:block","target":"components/blocks/chat/chat-talent-scout.tsx"}]},{"name":"chat-broadcast-channel","type":"registry:block","title":"Chat Broadcast Channel","description":"React broadcast channel block for Next.js with admin badge, read-only layout, view counts, subscribe toggle, and one-to-many messaging using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/chat/chat-broadcast-channel.tsx","type":"registry:block","target":"components/blocks/chat/chat-broadcast-channel.tsx"}]},{"name":"chat-fitness-coach","type":"registry:block","title":"Chat Fitness Coach","description":"React fitness coaching chat block for Next.js with workout plan cards, exercise sets and reps, meal plan suggestions, progress tracking, and workout logging using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","textarea"],"premium":true,"files":[{"path":"blocks/chat/chat-fitness-coach.tsx","type":"registry:block","target":"components/blocks/chat/chat-fitness-coach.tsx"}]},{"name":"chat-delivery-status","type":"registry:block","title":"Chat Delivery Status","description":"React chat interface with detailed message delivery status indicators for Next.js showing sending, sent, delivered, and read states with an expandable delivery timeline using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["avatar","button","input"],"premium":true,"files":[{"path":"blocks/chat/chat-delivery-status.tsx","type":"registry:block","target":"components/blocks/chat/chat-delivery-status.tsx"}]},{"name":"chat-language-learning","type":"registry:block","title":"Chat Language Learning","description":"A language learning chat interface built with React, Next.js, shadcn/ui, and Tailwind CSS featuring vocabulary cards, pronunciation tips, and interactive quiz questions","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","input"],"premium":true,"files":[{"path":"blocks/chat/chat-language-learning.tsx","type":"registry:block","target":"components/blocks/chat/chat-language-learning.tsx"}]},{"name":"chat-budget-planner","type":"registry:block","title":"Chat Budget Planner","description":"Collaborative budget planning chat with expense categories, shared totals, and real-time updates built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","input"],"premium":true,"files":[{"path":"blocks/chat/chat-budget-planner.tsx","type":"registry:block","target":"components/blocks/chat/chat-budget-planner.tsx"}]},{"name":"chat-channel-list","type":"registry:block","title":"Chat Channel List","description":"React channel browser and directory for Next.js with workspace header, collapsible sections, starred channels, direct messages with online status, unread indicators, create channel button, and search filter using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["avatar","badge","button","input"],"premium":true,"files":[{"path":"blocks/chat/chat-channel-list.tsx","type":"registry:block","target":"components/blocks/chat/chat-channel-list.tsx"}]},{"name":"chat-attachment-menu","type":"registry:block","title":"Chat Attachment Menu","description":"React chat interface with attachment type selector for Next.js featuring a grid menu with photo, file, location, contact, poll, and audio options with placeholder previews using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","button","popover"],"premium":true,"files":[{"path":"blocks/chat/chat-attachment-menu.tsx","type":"registry:block","target":"components/blocks/chat/chat-attachment-menu.tsx"}]},{"name":"chat-group-chat","type":"registry:block","title":"Chat Group Chat","description":"React multi-person group chat block for Next.js with overlapping avatar stack, color-coded sender names, admin badges, member panel, invite link, and typing indicator using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["avatar","badge","button","input"],"premium":true,"files":[{"path":"blocks/chat/chat-group-chat.tsx","type":"registry:block","target":"components/blocks/chat/chat-group-chat.tsx"}]},{"name":"chat-quick-replies","type":"registry:block","title":"Chat Quick Replies","description":"React chat interface with quick reply suggestion chips for Next.js featuring tappable pill buttons that send predefined responses and update the conversation using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar"],"premium":true,"files":[{"path":"blocks/chat/chat-quick-replies.tsx","type":"registry:block","target":"components/blocks/chat/chat-quick-replies.tsx"}]},{"name":"chat-gaming-overlay","type":"registry:block","title":"Chat Gaming Overlay","description":"React in-game chat overlay block for Next.js with semi-transparent dark background, colored usernames, fade-out on older messages, and compact input using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/chat/chat-gaming-overlay.tsx","type":"registry:block","target":"components/blocks/chat/chat-gaming-overlay.tsx"}]},{"name":"chat-changelog-bot","type":"registry:block","title":"Chat Changelog Bot","description":"Automated changelog bot that posts release summaries and deploy notifications built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/chat/chat-changelog-bot.tsx","type":"registry:block","target":"components/blocks/chat/chat-changelog-bot.tsx"}]},{"name":"chat-developer-console","type":"registry:block","title":"Chat Developer Console","description":"React developer API debug chat block for Next.js with monospace font, JSON code blocks, request-response pairs, HTTP status codes, and ISO timestamps using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","input"],"premium":true,"files":[{"path":"blocks/chat/chat-developer-console.tsx","type":"registry:block","target":"components/blocks/chat/chat-developer-console.tsx"}]},{"name":"chat-diy-project","type":"registry:block","title":"Chat Diy Project","description":"A DIY project planning chat interface with step-by-step instruction cards, tool lists, material requirements, difficulty ratings, and time estimates built with React, Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","input","scroll-area"],"premium":true,"files":[{"path":"blocks/chat/chat-diy-project.tsx","type":"registry:block","target":"components/blocks/chat/chat-diy-project.tsx"}]},{"name":"chat-emergency-dispatch","type":"registry:block","title":"Chat Emergency Dispatch","description":"An emergency dispatch coordination chat interface with location cards, priority codes, unit assignments, real-time status tracking, and incident management built with React, Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","input","scroll-area"],"premium":true,"files":[{"path":"blocks/chat/chat-emergency-dispatch.tsx","type":"registry:block","target":"components/blocks/chat/chat-emergency-dispatch.tsx"}]},{"name":"chat-book-recommendation","type":"registry:block","title":"Chat Book Recommendation","description":"A book recommendation chat interface with book cards, genre tags, star ratings, and reading list management built with React, Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","input","scroll-area"],"premium":true,"files":[{"path":"blocks/chat/chat-book-recommendation.tsx","type":"registry:block","target":"components/blocks/chat/chat-book-recommendation.tsx"}]},{"name":"chat-wedding-planner","type":"registry:block","title":"Chat Wedding Planner","description":"A wedding planning chat interface built with React, Next.js, shadcn/ui, and Tailwind CSS featuring vendor cards, budget tracker, and timeline management","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","card","input","progress","scroll-area"],"premium":true,"files":[{"path":"blocks/chat/chat-wedding-planner.tsx","type":"registry:block","target":"components/blocks/chat/chat-wedding-planner.tsx"}]},{"name":"chat-art-critique","type":"registry:block","title":"Chat Art Critique","description":"A professional art critique chat built with React, Next.js, shadcn/ui, and Tailwind CSS featuring artwork cards, style analysis, and detailed rating system","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","scroll-area"],"premium":true,"files":[{"path":"blocks/chat/chat-art-critique.tsx","type":"registry:block","target":"components/blocks/chat/chat-art-critique.tsx"}]},{"name":"chat-flight-booking","type":"registry:block","title":"Chat Flight Booking","description":"React flight booking assistant chat block for Next.js with flight comparison cards, seat class selection, itinerary summary, fare breakdown, and booking confirmation using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","textarea"],"premium":true,"files":[{"path":"blocks/chat/chat-flight-booking.tsx","type":"registry:block","target":"components/blocks/chat/chat-flight-booking.tsx"}]},{"name":"chat-shipping-tracker","type":"registry:block","title":"Chat Shipping Tracker","description":"A package shipping tracker chat interface built with React, Next.js, shadcn/ui, and Tailwind CSS featuring tracking cards, status timeline, and delivery estimates","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","button","input","scroll-area"],"premium":true,"files":[{"path":"blocks/chat/chat-shipping-tracker.tsx","type":"registry:block","target":"components/blocks/chat/chat-shipping-tracker.tsx"}]},{"name":"chat-password-manager","type":"registry:block","title":"Chat Password Manager","description":"A secure password manager chat interface built with React, Next.js, shadcn/ui, and Tailwind CSS featuring credential cards, security score tracking, and password generation suggestions","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/chat/chat-password-manager.tsx","type":"registry:block","target":"components/blocks/chat/chat-password-manager.tsx"}]},{"name":"chat-gift-finder","type":"registry:block","title":"Chat Gift Finder","description":"A gift recommendation chat interface built with React, Next.js, shadcn/ui, and Tailwind CSS featuring gift cards, price ranges, occasion tags, and wishlist functionality","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","input"],"premium":true,"files":[{"path":"blocks/chat/chat-gift-finder.tsx","type":"registry:block","target":"components/blocks/chat/chat-gift-finder.tsx"}]},{"name":"chat-nutrition-tracker","type":"registry:block","title":"Chat Nutrition Tracker","description":"A nutrition tracker chat block for React and Next.js with food log cards, macro breakdowns, daily goals, and meal suggestions built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","input"],"premium":true,"files":[{"path":"blocks/chat/chat-nutrition-tracker.tsx","type":"registry:block","target":"components/blocks/chat/chat-nutrition-tracker.tsx"}]},{"name":"chat-conversation-info","type":"registry:block","title":"Chat Conversation Info","description":"React chat conversation info side panel for Next.js with group details, member list with roles, shared media preview, notification settings, and leave action using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["avatar","badge","button","switch"],"premium":true,"files":[{"path":"blocks/chat/chat-conversation-info.tsx","type":"registry:block","target":"components/blocks/chat/chat-conversation-info.tsx"}]},{"name":"chat-writing-assistant","type":"registry:block","title":"Chat Writing Assistant","description":"A professional writing assistant chat built with React, Next.js, shadcn/ui, and Tailwind CSS featuring draft suggestions, tone analysis, and revision tracking","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","scroll-area"],"premium":true,"files":[{"path":"blocks/chat/chat-writing-assistant.tsx","type":"registry:block","target":"components/blocks/chat/chat-writing-assistant.tsx"}]},{"name":"chat-music-sharing","type":"registry:block","title":"Chat Music Sharing","description":"A music sharing chat block for React and Next.js with inline track cards, album art, play controls, and shared playlist building built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","button","input"],"premium":true,"files":[{"path":"blocks/chat/chat-music-sharing.tsx","type":"registry:block","target":"components/blocks/chat/chat-music-sharing.tsx"}]},{"name":"chat-immigration-guide","type":"registry:block","title":"Chat Immigration Guide","description":"An immigration guidance chat interface built with React, Next.js, shadcn/ui, and Tailwind CSS featuring visa type cards, document checklists, and process timelines","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","input"],"premium":true,"files":[{"path":"blocks/chat/chat-immigration-guide.tsx","type":"registry:block","target":"components/blocks/chat/chat-immigration-guide.tsx"}]},{"name":"chat-github-integration","type":"registry:block","title":"Chat Github Integration","description":"A GitHub integration chat block for React and Next.js with PR notifications, commit references, issue linking, and inline code diffs built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","input"],"premium":true,"files":[{"path":"blocks/chat/chat-github-integration.tsx","type":"registry:block","target":"components/blocks/chat/chat-github-integration.tsx"}]},{"name":"chat-user-presence","type":"registry:block","title":"Chat User Presence","description":"React chat interface with a rich team roster sidebar for Next.js showing avatar status rings, timezone clocks, calendar hints, detailed status messages, and last-seen times using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["avatar","button","input"],"premium":true,"files":[{"path":"blocks/chat/chat-user-presence.tsx","type":"registry:block","target":"components/blocks/chat/chat-user-presence.tsx"}]},{"name":"chat-homework-help","type":"registry:block","title":"Chat Homework Help","description":"A homework assistance chat interface built with React, Next.js, shadcn/ui, and Tailwind CSS featuring math equation cards, step-by-step solutions, and subject badges","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","input"],"premium":true,"files":[{"path":"blocks/chat/chat-homework-help.tsx","type":"registry:block","target":"components/blocks/chat/chat-homework-help.tsx"}]},{"name":"chat-mention-autocomplete","type":"registry:block","title":"Chat Mention Autocomplete","description":"React chat block with @mention autocomplete for Next.js featuring inline user mentions, dropdown popover, highlighted mention spans, and real-time filtering using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["avatar","badge","button","textarea"],"premium":true,"files":[{"path":"blocks/chat/chat-mention-autocomplete.tsx","type":"registry:block","target":"components/blocks/chat/chat-mention-autocomplete.tsx"}]},{"name":"chat-threaded-replies","type":"registry:block","title":"Chat Threaded Replies","description":"React chat block with threaded reply panel for Next.js featuring a two-panel layout with main chat and side thread view, clickable reply counts, parent message context, and reply chain using TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["avatar","button"],"premium":true,"files":[{"path":"blocks/chat/chat-threaded-replies.tsx","type":"registry:block","target":"components/blocks/chat/chat-threaded-replies.tsx"}]},{"name":"chat-garden-planner","type":"registry:block","title":"Chat Garden Planner","description":"Garden planning chat interface built with React, Next.js, shadcn/ui, and Tailwind CSS. Features plant recommendations, watering schedules, growing zones, and seasonal planting guides.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","input"],"premium":true,"files":[{"path":"blocks/chat/chat-garden-planner.tsx","type":"registry:block","target":"components/blocks/chat/chat-garden-planner.tsx"}]},{"name":"chat-message-translation","type":"registry:block","title":"Chat Message Translation","description":"React chat block with inline message translation for Next.js featuring translate toggle, language labels, original and translated views, and GlobeIcon indicators using TypeScript, shadcn/ui, Framer Motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","button","textarea"],"premium":true,"files":[{"path":"blocks/chat/chat-message-translation.tsx","type":"registry:block","target":"components/blocks/chat/chat-message-translation.tsx"}]},{"name":"footer-theme-toggle","type":"registry:block","title":"Footer Theme Toggle","description":"A React theme toggle footer block for Next.js with dark mode sun/moon icon switcher, three link columns, and copyright bar using shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/footer/footer-theme-toggle.tsx","type":"registry:block","target":"components/blocks/footer/footer-theme-toggle.tsx"}]},{"name":"footer-product-showcase","type":"registry:block","title":"Footer Product Showcase","description":"A product showcase footer block for React and Next.js with three featured products, icon highlights, three navigation columns, and copyright built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/footer/footer-product-showcase.tsx","type":"registry:block","target":"components/blocks/footer/footer-product-showcase.tsx"}]},{"name":"footer-travel","type":"registry:block","title":"Footer Travel","description":"A travel and booking platform footer block for React and Next.js with four navigation columns, 24/7 support phone display, and copyright bar built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/footer/footer-travel.tsx","type":"registry:block","target":"components/blocks/footer/footer-travel.tsx"}]},{"name":"footer-open-source","type":"registry:block","title":"Footer Open Source","description":"A React open source project footer block for Next.js with GitHub stars count, three navigation columns, MIT license badge, and copyright using shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/footer/footer-open-source.tsx","type":"registry:block","target":"components/blocks/footer/footer-open-source.tsx"}]},{"name":"footer-split-brand","type":"registry:block","title":"Footer Split Brand","description":"A split brand React footer block for Next.js with large brand section, tagline, CTA button, and three link columns in a grid layout built with shadcn/ui components and Tailwind CSS","dependencies":["framer-motion"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/footer/footer-split-brand.tsx","type":"registry:block","target":"components/blocks/footer/footer-split-brand.tsx"}]},{"name":"footer-back-to-top","type":"registry:block","title":"Footer Back To Top","description":"A React back-to-top footer block for Next.js with smooth scroll button, three link columns, and copyright bar using shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/footer/footer-back-to-top.tsx","type":"registry:block","target":"components/blocks/footer/footer-back-to-top.tsx"}]},{"name":"footer-stacked-minimal","type":"registry:block","title":"Footer Stacked Minimal","description":"A stacked minimal React footer block for Next.js with three horizontal rows for brand, social icons, language selector, and copyright built with shadcn/ui components and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","select"],"premium":true,"files":[{"path":"blocks/footer/footer-stacked-minimal.tsx","type":"registry:block","target":"components/blocks/footer/footer-stacked-minimal.tsx"}]},{"name":"footer-documentation","type":"registry:block","title":"Footer Documentation","description":"A React documentation site footer block for Next.js with four navigation columns, GitHub edit link, and copyright using shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/footer/footer-documentation.tsx","type":"registry:block","target":"components/blocks/footer/footer-documentation.tsx"}]},{"name":"footer-newsletter","type":"registry:block","title":"Footer Newsletter","description":"A React newsletter footer block for Next.js with two link columns, email signup form, and copyright bar using shadcn/ui and Tailwind CSS","dependencies":["framer-motion"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/footer/footer-newsletter.tsx","type":"registry:block","target":"components/blocks/footer/footer-newsletter.tsx"}]},{"name":"footer-healthcare","type":"registry:block","title":"Footer Healthcare","description":"A React healthcare footer block for Next.js with HIPAA compliance badge, three navigation columns, emergency contact notice, and copyright using shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/footer/footer-healthcare.tsx","type":"registry:block","target":"components/blocks/footer/footer-healthcare.tsx"}]},{"name":"footer-community","type":"registry:block","title":"Footer Community","description":"A React community footer block for Next.js with community stats, contributor count, engagement metrics, three navigation columns, and social links using shadcn/ui and Tailwind CSS","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/footer/footer-community.tsx","type":"registry:block","target":"components/blocks/footer/footer-community.tsx"}]},{"name":"footer-sitemap-tree","type":"registry:block","title":"Footer Sitemap Tree","description":"A React sitemap tree footer block for Next.js with hierarchical navigation tree, vertical connector lines, indented child items, and copyright using shadcn/ui and Tailwind CSS","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/footer/footer-sitemap-tree.tsx","type":"registry:block","target":"components/blocks/footer/footer-sitemap-tree.tsx"}]},{"name":"footer-centered","type":"registry:block","title":"Footer Centered","description":"A centered footer block for React and Next.js with brand name, horizontal navigation links, and copyright in a three-tier vertical stack built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/footer/footer-centered.tsx","type":"registry:block","target":"components/blocks/footer/footer-centered.tsx"}]},{"name":"footer-changelog","type":"registry:block","title":"Footer Changelog","description":"A React changelog footer block for Next.js with latest version updates, version badges, release descriptions, view all link, and navigation columns using shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/footer/footer-changelog.tsx","type":"registry:block","target":"components/blocks/footer/footer-changelog.tsx"}]},{"name":"footer-status-bar","type":"registry:block","title":"Footer Status Bar","description":"A compact status bar React footer block for Next.js with system status indicator, API response time, and navigation links built with shadcn/ui components and Tailwind CSS","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/footer/footer-status-bar.tsx","type":"registry:block","target":"components/blocks/footer/footer-status-bar.tsx"}]},{"name":"footer-version-info","type":"registry:block","title":"Footer Version Info","description":"A version info footer block for React and Next.js with system version, last updated date, environment indicator, navigation link columns, and copyright built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/footer/footer-version-info.tsx","type":"registry:block","target":"components/blocks/footer/footer-version-info.tsx"}]},{"name":"footer-company","type":"registry:block","title":"Footer Company","description":"A React company footer block for Next.js with brand section, social icons, three link columns, and copyright bar using shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/footer/footer-company.tsx","type":"registry:block","target":"components/blocks/footer/footer-company.tsx"}]},{"name":"footer-three-row","type":"registry:block","title":"Footer Three Row","description":"A three-row footer block for React and Next.js with a four-column link grid, centered newsletter signup form, and copyright bar with social icons built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/footer/footer-three-row.tsx","type":"registry:block","target":"components/blocks/footer/footer-three-row.tsx"}]},{"name":"footer-contact-form","type":"registry:block","title":"Footer Contact Form","description":"A contact form footer block for React and Next.js with name input, email input, message textarea, send button, three navigation link columns, and copyright built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","textarea"],"premium":true,"files":[{"path":"blocks/footer/footer-contact-form.tsx","type":"registry:block","target":"components/blocks/footer/footer-contact-form.tsx"}]},{"name":"footer-music","type":"registry:block","title":"Footer Music","description":"A music and streaming platform footer block for React and Next.js with brand section, three navigation columns, platform labels row, and copyright bar built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/footer/footer-music.tsx","type":"registry:block","target":"components/blocks/footer/footer-music.tsx"}]},{"name":"footer-language-selector","type":"registry:block","title":"Footer Language Selector","description":"A language selector footer block for React and Next.js with toggleable language buttons, three navigation link columns, and copyright built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/footer/footer-language-selector.tsx","type":"registry:block","target":"components/blocks/footer/footer-language-selector.tsx"}]},{"name":"footer-ecommerce","type":"registry:block","title":"Footer Ecommerce","description":"An e-commerce footer block for React and Next.js with four navigation columns for shop, support, company, and legal links plus a payment methods badge row built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/footer/footer-ecommerce.tsx","type":"registry:block","target":"components/blocks/footer/footer-ecommerce.tsx"}]},{"name":"footer-media","type":"registry:block","title":"Footer Media","description":"A media and news publication footer block for React and Next.js with four topic columns, newsletter subscription form, editorial note, and copyright bar built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/footer/footer-media.tsx","type":"registry:block","target":"components/blocks/footer/footer-media.tsx"}]},{"name":"footer-accordion-mobile","type":"registry:block","title":"Footer Accordion Mobile","description":"An accordion footer block for React and Next.js with four collapsible link sections using chevron rotation, single-open behavior, and copyright built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/footer/footer-accordion-mobile.tsx","type":"registry:block","target":"components/blocks/footer/footer-accordion-mobile.tsx"}]},{"name":"footer-event","type":"registry:block","title":"Footer Event","description":"An event and conference footer block for React and Next.js with event details, three navigation columns, ticket button, sponsor acknowledgment, and copyright bar built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/footer/footer-event.tsx","type":"registry:block","target":"components/blocks/footer/footer-event.tsx"}]},{"name":"footer-icon-grid","type":"registry:block","title":"Footer Icon Grid","description":"An icon-driven footer block for React and Next.js with a 2x3 grid of Lucide icon feature items, navigation links, and copyright text built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/footer/footer-icon-grid.tsx","type":"registry:block","target":"components/blocks/footer/footer-icon-grid.tsx"}]},{"name":"footer-dual-cta","type":"registry:block","title":"Footer Dual Cta","description":"A React dual call-to-action footer block for Next.js with side-by-side primary and secondary CTA buttons, three link columns, and copyright using shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/footer/footer-dual-cta.tsx","type":"registry:block","target":"components/blocks/footer/footer-dual-cta.tsx"}]},{"name":"footer-awards","type":"registry:block","title":"Footer Awards","description":"A React awards and recognition footer block for Next.js with award badges, industry accolades, three navigation columns, and copyright using shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/footer/footer-awards.tsx","type":"registry:block","target":"components/blocks/footer/footer-awards.tsx"}]},{"name":"footer-multilingual","type":"registry:block","title":"Footer Multilingual","description":"A React multilingual footer block for Next.js with language switcher, three navigation columns, and localized copyright using shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/footer/footer-multilingual.tsx","type":"registry:block","target":"components/blocks/footer/footer-multilingual.tsx"}]},{"name":"footer-changelog-inline","type":"registry:block","title":"Footer Changelog Inline","description":"An inline changelog React footer block for Next.js with latest version entries displayed as compact rows with Badge components, two navigation link columns, and copyright bar built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/footer/footer-changelog-inline.tsx","type":"registry:block","target":"components/blocks/footer/footer-changelog-inline.tsx"}]},{"name":"footer-two-column","type":"registry:block","title":"Footer Two Column","description":"A clean two-column footer block for React and Next.js with brand name, description, social icons on the left and a single navigation link list on the right built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/footer/footer-two-column.tsx","type":"registry:block","target":"components/blocks/footer/footer-two-column.tsx"}]},{"name":"footer-app-download","type":"registry:block","title":"Footer App Download","description":"An app download footer block for React and Next.js with brand description, navigation link columns, App Store and Google Play outline buttons, and copyright built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/footer/footer-app-download.tsx","type":"registry:block","target":"components/blocks/footer/footer-app-download.tsx"}]},{"name":"footer-trust-badges","type":"registry:block","title":"Footer Trust Badges","description":"A trust badges footer block for React and Next.js with security certifications, compliance indicators, navigation link columns, and copyright built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/footer/footer-trust-badges.tsx","type":"registry:block","target":"components/blocks/footer/footer-trust-badges.tsx"}]},{"name":"footer-partner","type":"registry:block","title":"Footer Partner","description":"A partner program React footer block for Next.js with partner type rows, apply button, navigation columns, and copyright built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/footer/footer-partner.tsx","type":"registry:block","target":"components/blocks/footer/footer-partner.tsx"}]},{"name":"footer-progress-bar","type":"registry:block","title":"Footer Progress Bar","description":"A React reading progress footer block for Next.js with animated percentage bar indicator, two link columns, and copyright using shadcn/ui and Tailwind CSS","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/footer/footer-progress-bar.tsx","type":"registry:block","target":"components/blocks/footer/footer-progress-bar.tsx"}]},{"name":"footer-metrics","type":"registry:block","title":"Footer Metrics","description":"A metrics footer block for React and Next.js with four stat counters in a row, three navigation link columns, and copyright text built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/footer/footer-metrics.tsx","type":"registry:block","target":"components/blocks/footer/footer-metrics.tsx"}]},{"name":"footer-marketplace","type":"registry:block","title":"Footer Marketplace","description":"A marketplace footer block for React and Next.js with buyer and seller navigation sections, trust indicator badges, and copyright bar built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/footer/footer-marketplace.tsx","type":"registry:block","target":"components/blocks/footer/footer-marketplace.tsx"}]},{"name":"footer-crypto","type":"registry:block","title":"Footer Crypto","description":"A crypto and web3 exchange footer block for React and Next.js with brand section, three navigation columns, regulatory notice, network status indicator, and copyright bar built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/footer/footer-crypto.tsx","type":"registry:block","target":"components/blocks/footer/footer-crypto.tsx"}]},{"name":"footer-api-status","type":"registry:block","title":"Footer Api Status","description":"A React API status footer block for Next.js with service health indicators, operational status dots, subscribe to updates link, and navigation columns using shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/footer/footer-api-status.tsx","type":"registry:block","target":"components/blocks/footer/footer-api-status.tsx"}]},{"name":"footer-comparison","type":"registry:block","title":"Footer Comparison","description":"A comparison footer block for React and Next.js with a why-choose-us comparison table, navigation link columns, and copyright built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/footer/footer-comparison.tsx","type":"registry:block","target":"components/blocks/footer/footer-comparison.tsx"}]},{"name":"footer-real-estate","type":"registry:block","title":"Footer Real Estate","description":"A React real estate footer block for Next.js with three navigation columns, licensed badge, Equal Housing notice, and copyright using shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/footer/footer-real-estate.tsx","type":"registry:block","target":"components/blocks/footer/footer-real-estate.tsx"}]},{"name":"footer-developer-hub","type":"registry:block","title":"Footer Developer Hub","description":"A developer-focused footer block for React and Next.js with resource links, SDK install command, community and company columns built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/footer/footer-developer-hub.tsx","type":"registry:block","target":"components/blocks/footer/footer-developer-hub.tsx"}]},{"name":"footer-simple","type":"registry:block","title":"Footer Simple","description":"A simple footer block for React and Next.js with brand name, tagline, social icon buttons, and copyright row built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/footer/footer-simple.tsx","type":"registry:block","target":"components/blocks/footer/footer-simple.tsx"}]},{"name":"footer-sitemap","type":"registry:block","title":"Footer Sitemap","description":"A comprehensive sitemap React footer block for Next.js with six organized link columns, search input, and copyright bar built with shadcn/ui components and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["input"],"premium":true,"files":[{"path":"blocks/footer/footer-sitemap.tsx","type":"registry:block","target":"components/blocks/footer/footer-sitemap.tsx"}]},{"name":"footer-social-proof","type":"registry:block","title":"Footer Social Proof","description":"A social proof React footer block for Next.js with trusted-by heading, company logos, three navigation columns, and copyright built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/footer/footer-social-proof.tsx","type":"registry:block","target":"components/blocks/footer/footer-social-proof.tsx"}]},{"name":"footer-support-hub","type":"registry:block","title":"Footer Support Hub","description":"A support-focused React footer block for Next.js with live chat, email, and phone support options, navigation columns, and copyright built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/footer/footer-support-hub.tsx","type":"registry:block","target":"components/blocks/footer/footer-support-hub.tsx"}]},{"name":"footer-fintech","type":"registry:block","title":"Footer Fintech","description":"A React fintech footer block for Next.js with compliance badges, regulatory disclaimer, three navigation columns, and copyright using shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/footer/footer-fintech.tsx","type":"registry:block","target":"components/blocks/footer/footer-fintech.tsx"}]},{"name":"footer-social-feed","type":"registry:block","title":"Footer Social Feed","description":"A social feed React footer block for Next.js with brand section, two link columns, and five social platform rows with follower counts built with shadcn/ui components and Tailwind CSS","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/footer/footer-social-feed.tsx","type":"registry:block","target":"components/blocks/footer/footer-social-feed.tsx"}]},{"name":"footer-localization","type":"registry:block","title":"Footer Localization","description":"A localization footer block for React and Next.js with language selector, currency selector, three navigation columns, and copyright built with shadcn/ui Select and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["select"],"premium":true,"files":[{"path":"blocks/footer/footer-localization.tsx","type":"registry:block","target":"components/blocks/footer/footer-localization.tsx"}]},{"name":"footer-cookie-consent","type":"registry:block","title":"Footer Cookie Consent","description":"A cookie consent React footer block for Next.js with cookie notice banner, accept and manage buttons, three navigation columns, and privacy-focused copyright built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/footer/footer-cookie-consent.tsx","type":"registry:block","target":"components/blocks/footer/footer-cookie-consent.tsx"}]},{"name":"footer-agency","type":"registry:block","title":"Footer Agency","description":"An agency and studio footer block for React and Next.js with a work-together CTA, monospace email, two navigation columns, social icons, and copyright bar built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/footer/footer-agency.tsx","type":"registry:block","target":"components/blocks/footer/footer-agency.tsx"}]},{"name":"footer-newsletter-minimal","type":"registry:block","title":"Footer Newsletter Minimal","description":"A React minimal newsletter footer block for Next.js with centered email input, subscribe button, and copyright bar built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/footer/footer-newsletter-minimal.tsx","type":"registry:block","target":"components/blocks/footer/footer-newsletter-minimal.tsx"}]},{"name":"footer-contact-info","type":"registry:block","title":"Footer Contact Info","description":"A contact information footer block for React and Next.js with email, phone, and address details, navigation link columns, and copyright built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/footer/footer-contact-info.tsx","type":"registry:block","target":"components/blocks/footer/footer-contact-info.tsx"}]},{"name":"footer-map-location","type":"registry:block","title":"Footer Map Location","description":"A location footer block for React and Next.js with visit us section, office hours, placeholder map area, navigation link columns, and copyright built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/footer/footer-map-location.tsx","type":"registry:block","target":"components/blocks/footer/footer-map-location.tsx"}]},{"name":"footer-testimonial","type":"registry:block","title":"Footer Testimonial","description":"A testimonial footer block for React and Next.js with a featured italic quote, author attribution, two navigation link columns, and copyright text built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/footer/footer-testimonial.tsx","type":"registry:block","target":"components/blocks/footer/footer-testimonial.tsx"}]},{"name":"footer-columns","type":"registry:block","title":"Footer Columns","description":"A multi-column footer block for React and Next.js with brand section, social icons, four navigation link columns, and copyright bar built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/footer/footer-columns.tsx","type":"registry:block","target":"components/blocks/footer/footer-columns.tsx"}]},{"name":"footer-links","type":"registry:block","title":"Footer Links","description":"A links footer block for React and Next.js with three navigation link columns and copyright row built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/footer/footer-links.tsx","type":"registry:block","target":"components/blocks/footer/footer-links.tsx"}]},{"name":"footer-referral","type":"registry:block","title":"Footer Referral","description":"A React referral program footer block for Next.js with invite banner, referral code display, copy button, share link, and navigation columns using shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/footer/footer-referral.tsx","type":"registry:block","target":"components/blocks/footer/footer-referral.tsx"}]},{"name":"footer-product-hunt","type":"registry:block","title":"Footer Product Hunt","description":"A React Product Hunt style footer block for Next.js with upvote count badge, rating display, support button, two navigation columns, and copyright bar built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/footer/footer-product-hunt.tsx","type":"registry:block","target":"components/blocks/footer/footer-product-hunt.tsx"}]},{"name":"footer-mobile-app","type":"registry:block","title":"Footer Mobile App","description":"A React mobile app download footer block for Next.js with QR code placeholder, app store download buttons, two link columns, and copyright using shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/footer/footer-mobile-app.tsx","type":"registry:block","target":"components/blocks/footer/footer-mobile-app.tsx"}]},{"name":"footer-dark","type":"registry:block","title":"Footer Dark","description":"A React dark-themed footer block for Next.js with brand name, four link columns, and copyright bar on inverted zinc background using shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/footer/footer-dark.tsx","type":"registry:block","target":"components/blocks/footer/footer-dark.tsx"}]},{"name":"footer-portfolio","type":"registry:block","title":"Footer Portfolio","description":"A portfolio footer block for React and Next.js with centered name, bio, social links, availability badge, and copyright bar built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/footer/footer-portfolio.tsx","type":"registry:block","target":"components/blocks/footer/footer-portfolio.tsx"}]},{"name":"footer-pricing-teaser","type":"registry:block","title":"Footer Pricing Teaser","description":"A pricing teaser React footer block for Next.js with mini plan pills, compare link, navigation columns, and copyright built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/footer/footer-pricing-teaser.tsx","type":"registry:block","target":"components/blocks/footer/footer-pricing-teaser.tsx"}]},{"name":"footer-animated-links","type":"registry:block","title":"Footer Animated Links","description":"An animated links React footer block for Next.js with three navigation columns where each link reveals an ArrowRightIcon and slides right on hover built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/footer/footer-animated-links.tsx","type":"registry:block","target":"components/blocks/footer/footer-animated-links.tsx"}]},{"name":"footer-feedback","type":"registry:block","title":"Footer Feedback","description":"A React feedback footer block for Next.js with thumbs up/down helpfulness rating, expandable feedback input, two link columns, and copyright using shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/footer/footer-feedback.tsx","type":"registry:block","target":"components/blocks/footer/footer-feedback.tsx"}]},{"name":"footer-split-dark-light","type":"registry:block","title":"Footer Split Dark Light","description":"A React split theme footer block for Next.js with dark brand section, light link columns, visual contrast grid layout, and copyright bar built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/footer/footer-split-dark-light.tsx","type":"registry:block","target":"components/blocks/footer/footer-split-dark-light.tsx"}]},{"name":"footer-gradient-border","type":"registry:block","title":"Footer Gradient Border","description":"A React gradient border footer block for Next.js with top border accent, brand section, three link columns, and copyright bar built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/footer/footer-gradient-border.tsx","type":"registry:block","target":"components/blocks/footer/footer-gradient-border.tsx"}]},{"name":"footer-case-study","type":"registry:block","title":"Footer Case Study","description":"A React case study CTA footer block for Next.js with featured result teaser, read more link, two navigation columns, and copyright bar built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/footer/footer-case-study.tsx","type":"registry:block","target":"components/blocks/footer/footer-case-study.tsx"}]},{"name":"footer-government","type":"registry:block","title":"Footer Government","description":"A government and civic organization footer block for React and Next.js with official banner, three navigation columns, accessibility compliance note, and copyright bar built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/footer/footer-government.tsx","type":"registry:block","target":"components/blocks/footer/footer-government.tsx"}]},{"name":"footer-accessibility","type":"registry:block","title":"Footer Accessibility","description":"A React accessibility-focused footer block for Next.js with WCAG compliance badge, accessibility statement, report link, and navigation columns using shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/footer/footer-accessibility.tsx","type":"registry:block","target":"components/blocks/footer/footer-accessibility.tsx"}]},{"name":"footer-upgrade","type":"registry:block","title":"Footer Upgrade","description":"An upgrade CTA footer block for React and Next.js with current plan display, animated usage progress bar, upgrade button, and minimal link row built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/footer/footer-upgrade.tsx","type":"registry:block","target":"components/blocks/footer/footer-upgrade.tsx"}]},{"name":"footer-detailed-enterprise","type":"registry:block","title":"Footer Detailed Enterprise","description":"A comprehensive enterprise footer block for React and Next.js with compliance badges, five navigation columns, office locations, newsletter signup, and social links built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/footer/footer-detailed-enterprise.tsx","type":"registry:block","target":"components/blocks/footer/footer-detailed-enterprise.tsx"}]},{"name":"footer-fitness","type":"registry:block","title":"Footer Fitness","description":"A fitness app footer block for React and Next.js with brand tagline, three navigation columns, app download buttons, and copyright bar built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/footer/footer-fitness.tsx","type":"registry:block","target":"components/blocks/footer/footer-fitness.tsx"}]},{"name":"footer-legal-minimal","type":"registry:block","title":"Footer Legal Minimal","description":"A legal-focused minimal React footer block for Next.js with compliance links row, legal entity info, and copyright built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/footer/footer-legal-minimal.tsx","type":"registry:block","target":"components/blocks/footer/footer-legal-minimal.tsx"}]},{"name":"footer-integration-showcase","type":"registry:block","title":"Footer Integration Showcase","description":"An integration showcase React footer block for Next.js with connected services badges, navigation columns, and copyright built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/footer/footer-integration-showcase.tsx","type":"registry:block","target":"components/blocks/footer/footer-integration-showcase.tsx"}]},{"name":"footer-badge-row","type":"registry:block","title":"Footer Badge Row","description":"A React badge row footer block for Next.js with trust and technology chip indicators, two link columns, and copyright using shadcn/ui and Tailwind CSS","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/footer/footer-badge-row.tsx","type":"registry:block","target":"components/blocks/footer/footer-badge-row.tsx"}]},{"name":"footer-legal-compliance","type":"registry:block","title":"Footer Legal Compliance","description":"A legal and compliance-focused footer block for React and Next.js with GDPR, CCPA, SOC 2, and ISO 27001 badges, legal document links, cookie preferences, and privacy controls built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/footer/footer-legal-compliance.tsx","type":"registry:block","target":"components/blocks/footer/footer-legal-compliance.tsx"}]},{"name":"footer-faq-links","type":"registry:block","title":"Footer Faq Links","description":"A FAQ links footer block for React and Next.js with common questions section, navigation link columns, and copyright built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/footer/footer-faq-links.tsx","type":"registry:block","target":"components/blocks/footer/footer-faq-links.tsx"}]},{"name":"footer-minimal-dark","type":"registry:block","title":"Footer Minimal Dark","description":"A minimal dark React footer block for Next.js with zinc-950 background, copyright text, and three inline legal links in a single compact row built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/footer/footer-minimal-dark.tsx","type":"registry:block","target":"components/blocks/footer/footer-minimal-dark.tsx"}]},{"name":"footer-mega","type":"registry:block","title":"Footer Mega","description":"A React mega footer block for Next.js with brand section, five link columns, newsletter row, social icons, and copyright bar using shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/footer/footer-mega.tsx","type":"registry:block","target":"components/blocks/footer/footer-mega.tsx"}]},{"name":"footer-breadcrumb","type":"registry:block","title":"Footer Breadcrumb","description":"A breadcrumb footer block for React and Next.js with navigation breadcrumb trail, three link columns, and copyright built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/footer/footer-breadcrumb.tsx","type":"registry:block","target":"components/blocks/footer/footer-breadcrumb.tsx"}]},{"name":"footer-command-palette","type":"registry:block","title":"Footer Command Palette","description":"A command palette React footer block for Next.js with centered keyboard shortcut hint, three navigation link columns, and copyright bar built with shadcn/ui Kbd component and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["kbd"],"premium":true,"files":[{"path":"blocks/footer/footer-command-palette.tsx","type":"registry:block","target":"components/blocks/footer/footer-command-palette.tsx"}]},{"name":"footer-timeline","type":"registry:block","title":"Footer Timeline","description":"A timeline footer block for React and Next.js with a horizontal milestone timeline showing company journey, two link columns, and copyright text built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/footer/footer-timeline.tsx","type":"registry:block","target":"components/blocks/footer/footer-timeline.tsx"}]},{"name":"footer-minimal","type":"registry:block","title":"Footer Minimal","description":"A minimal footer block for React and Next.js with inline copyright text and dot-separated navigation links built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/footer/footer-minimal.tsx","type":"registry:block","target":"components/blocks/footer/footer-minimal.tsx"}]},{"name":"footer-gaming","type":"registry:block","title":"Footer Gaming","description":"A gaming platform footer block for React and Next.js with brand tagline, three navigation columns, platform badges row, and copyright bar built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/footer/footer-gaming.tsx","type":"registry:block","target":"components/blocks/footer/footer-gaming.tsx"}]},{"name":"footer-subscription","type":"registry:block","title":"Footer Subscription","description":"A React subscription service footer block for Next.js with plan banner, usage stats, seat counter, manage subscription button, and link columns using shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/footer/footer-subscription.tsx","type":"registry:block","target":"components/blocks/footer/footer-subscription.tsx"}]},{"name":"footer-countdown","type":"registry:block","title":"Footer Countdown","description":"A React countdown launch footer block for Next.js with static time boxes, email signup form, two link columns, and copyright bar built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/footer/footer-countdown.tsx","type":"registry:block","target":"components/blocks/footer/footer-countdown.tsx"}]},{"name":"footer-feature-grid","type":"registry:block","title":"Footer Feature Grid","description":"A feature highlights footer block for React and Next.js with three feature cards, navigation link columns, and copyright built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/footer/footer-feature-grid.tsx","type":"registry:block","target":"components/blocks/footer/footer-feature-grid.tsx"}]},{"name":"footer-brand-focused","type":"registry:block","title":"Footer Brand Focused","description":"A brand-heavy footer block for React and Next.js with large brand name, multi-line mission statement, single row of navigation links, and copyright text built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/footer/footer-brand-focused.tsx","type":"registry:block","target":"components/blocks/footer/footer-brand-focused.tsx"}]},{"name":"footer-saas","type":"registry:block","title":"Footer Saas","description":"A SaaS product footer block for React and Next.js with brand tagline, three navigation link columns, social media icons, and copyright bar built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/footer/footer-saas.tsx","type":"registry:block","target":"components/blocks/footer/footer-saas.tsx"}]},{"name":"footer-environmental","type":"registry:block","title":"Footer Environmental","description":"An environmental sustainability React footer block for Next.js with carbon neutral banner, green metrics, navigation columns, and copyright built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/footer/footer-environmental.tsx","type":"registry:block","target":"components/blocks/footer/footer-environmental.tsx"}]},{"name":"footer-job-board","type":"registry:block","title":"Footer Job Board","description":"A hiring-focused footer block for React and Next.js with a we're hiring banner, open position badge, three link columns for jobs and company info, view all positions button, and copyright text built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/footer/footer-job-board.tsx","type":"registry:block","target":"components/blocks/footer/footer-job-board.tsx"}]},{"name":"footer-nonprofit","type":"registry:block","title":"Footer Nonprofit","description":"A React nonprofit footer block for Next.js with mission statement, three navigation columns, tax-exempt notice, and copyright using shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/footer/footer-nonprofit.tsx","type":"registry:block","target":"components/blocks/footer/footer-nonprofit.tsx"}]},{"name":"footer-education","type":"registry:block","title":"Footer Education","description":"A React education platform footer block for Next.js with four navigation columns, accreditation badge, learning support notice, and copyright using shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/footer/footer-education.tsx","type":"registry:block","target":"components/blocks/footer/footer-education.tsx"}]},{"name":"footer-podcast","type":"registry:block","title":"Footer Podcast","description":"A React podcast footer block for Next.js with latest episode preview, platform links, two navigation columns, and copyright bar built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/footer/footer-podcast.tsx","type":"registry:block","target":"components/blocks/footer/footer-podcast.tsx"}]},{"name":"footer-restaurant","type":"registry:block","title":"Footer Restaurant","description":"A React restaurant footer block for Next.js with brand tagline, hours of operation, location, two navigation columns, order online button, and copyright using shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/footer/footer-restaurant.tsx","type":"registry:block","target":"components/blocks/footer/footer-restaurant.tsx"}]},{"name":"footer-certification","type":"registry:block","title":"Footer Certification","description":"A React certification footer block for Next.js with four compliance badges, audit date, three navigation columns, and copyright bar built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/footer/footer-certification.tsx","type":"registry:block","target":"components/blocks/footer/footer-certification.tsx"}]},{"name":"footer-cta","type":"registry:block","title":"Footer Cta","description":"A React call-to-action footer block for Next.js with promotional banner, three link columns, and copyright bar using shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/footer/footer-cta.tsx","type":"registry:block","target":"components/blocks/footer/footer-cta.tsx"}]},{"name":"footer-startup","type":"registry:block","title":"Footer Startup","description":"A startup footer block for React and Next.js with bold brand statement, single-row navigation links, trust indicator badge, and copyright bar built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/footer/footer-startup.tsx","type":"registry:block","target":"components/blocks/footer/footer-startup.tsx"}]},{"name":"footer-blog","type":"registry:block","title":"Footer Blog","description":"A blog footer block for React and Next.js with popular topic badges, two navigation columns for blog and about links, and a copyright bar built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/footer/footer-blog.tsx","type":"registry:block","target":"components/blocks/footer/footer-blog.tsx"}]},{"name":"cta-centered-light-email-capture","type":"registry:block","title":"Cta Centered Light Email Capture","description":"A centered light email capture CTA for React and Next.js with icon medallion, inline Input plus ShadcnioButton, AnimatePresence success state, and trust text, built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["input"],"premium":true,"files":[{"path":"blocks/cta/cta-centered-light-email-capture.tsx","type":"registry:block","target":"components/blocks/cta/cta-centered-light-email-capture.tsx"}]},{"name":"cta-split-panel-crosshair-visual","type":"registry:block","title":"Cta Split Panel Crosshair Visual","description":"A split panel dark CTA for React and Next.js with left-aligned kicker, headline, and ShadcnioButton pair beside a minimal SVG crosshair visual, built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/cta/cta-split-panel-crosshair-visual.tsx","type":"registry:block","target":"components/blocks/cta/cta-split-panel-crosshair-visual.tsx"}]},{"name":"cta-centered-dark-number-with-stats","type":"registry:block","title":"Cta Centered Dark Number With Stats","description":"A centered dark CTA for React and Next.js with oversized anchor number, three-stat support row, inverted ShadcnioButton, and uppercase kicker, built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/cta/cta-centered-dark-number-with-stats.tsx","type":"registry:block","target":"components/blocks/cta/cta-centered-dark-number-with-stats.tsx"}]},{"name":"cta-split-panel-terminal-cursor","type":"registry:block","title":"Cta Split Panel Terminal Cursor","description":"A split panel dark CTA section for React and Next.js with terminal mockup visual, blinking cursor animation, traffic-light dots, monospace command line, and inverted primary ShadcnioButton built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/cta/cta-split-panel-terminal-cursor.tsx","type":"registry:block","target":"components/blocks/cta/cta-split-panel-terminal-cursor.tsx"}]},{"name":"cta-split-panel-device-mockup","type":"registry:block","title":"Cta Split Panel Device Mockup","description":"A split panel dark CTA for React and Next.js with left copy stack, dual action buttons, and right-side device frame mockup, built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/cta/cta-split-panel-device-mockup.tsx","type":"registry:block","target":"components/blocks/cta/cta-split-panel-device-mockup.tsx"}]},{"name":"cta-card-inset-count-badge","type":"registry:block","title":"Cta Card Inset Count Badge","description":"A card-inset dark CTA for React and Next.js with a count-badge above the headline, inverted primary ShadcnioButton, and light outer frame built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/cta/cta-card-inset-count-badge.tsx","type":"registry:block","target":"components/blocks/cta/cta-card-inset-count-badge.tsx"}]},{"name":"cta-compact-availability-strip","type":"registry:block","title":"Cta Compact Availability Strip","description":"A compact availability strip CTA for React and Next.js with left circular icon tile, two-line message cluster, and right-aligned small ShadcnioButton, built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/cta/cta-compact-availability-strip.tsx","type":"registry:block","target":"components/blocks/cta/cta-compact-availability-strip.tsx"}]},{"name":"cta-compact-icon-action-banner","type":"registry:block","title":"Cta Compact Icon Action Banner","description":"A compact icon action banner CTA for React and Next.js with icon tile, two-line copy stack, and right-aligned ShadcnioButton, built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/cta/cta-compact-icon-action-banner.tsx","type":"registry:block","target":"components/blocks/cta/cta-compact-icon-action-banner.tsx"}]},{"name":"cta-centered-dark-dual-stat-avatar-stack","type":"registry:block","title":"Cta Centered Dark Dual Stat Avatar Stack","description":"A centered dark CTA section for React and Next.js with dual stat badges, contributor avatar stack, and paired ShadcnioButton actions built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/cta/cta-centered-dark-dual-stat-avatar-stack.tsx","type":"registry:block","target":"components/blocks/cta/cta-centered-dark-dual-stat-avatar-stack.tsx"}]},{"name":"cta-centered-light-confetti-burst-overlay","type":"registry:block","title":"Cta Centered Light Confetti Burst Overlay","description":"A centered light CTA for React and Next.js with a static deterministic confetti burst overlay of rotated rectangles and circles scattered around the card edges, celebratory icon badge, and single primary ShadcnioButton built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/cta/cta-centered-light-confetti-burst-overlay.tsx","type":"registry:block","target":"components/blocks/cta/cta-centered-light-confetti-burst-overlay.tsx"}]},{"name":"cta-split-panel-avatar-team","type":"registry:block","title":"Cta Split Panel Avatar Team","description":"A split panel dark CTA section for React and Next.js with left-side headline and benefit checklist, right-side team avatar stack, inverted primary ShadcnioButton, and trust row built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/cta/cta-split-panel-avatar-team.tsx","type":"registry:block","target":"components/blocks/cta/cta-split-panel-avatar-team.tsx"}]},{"name":"cta-split-panel-pill-toggle-plan-card","type":"registry:block","title":"Cta Split Panel Pill Toggle Plan Card","description":"A split panel CTA section for React and Next.js with a left-side pill toggle, animated savings badge, and right-side plan card featuring price reveal, feature checklist, and ShadcnioButton built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/cta/cta-split-panel-pill-toggle-plan-card.tsx","type":"registry:block","target":"components/blocks/cta/cta-split-panel-pill-toggle-plan-card.tsx"}]},{"name":"cta-compact-segmented-tab-control","type":"registry:block","title":"Cta Compact Segmented Tab Control","description":"A compact segmented tab control banner CTA for React and Next.js with interactive three-way plan toggle, dynamic price label, and right-aligned small ShadcnioButton built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/cta/cta-compact-segmented-tab-control.tsx","type":"registry:block","target":"components/blocks/cta/cta-compact-segmented-tab-control.tsx"}]},{"name":"cta-split-panel-inbox-message-list","type":"registry:block","title":"Cta Split Panel Inbox Message List","description":"A split panel CTA for React and Next.js with a left-side inbox message list preview, search bar, selected row highlight, right-side headline, and dual ShadcnioButton row built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/cta/cta-split-panel-inbox-message-list.tsx","type":"registry:block","target":"components/blocks/cta/cta-split-panel-inbox-message-list.tsx"}]},{"name":"cta-compact-dismissible-action-banner","type":"registry:block","title":"Cta Compact Dismissible Action Banner","description":"A compact dismissible action banner CTA for React and Next.js with inline icon, message, meta badge, ShadcnioButton action, and close affordance built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/cta/cta-compact-dismissible-action-banner.tsx","type":"registry:block","target":"components/blocks/cta/cta-compact-dismissible-action-banner.tsx"}]},{"name":"cta-centered-dark-icon-accent","type":"registry:block","title":"Cta Centered Dark Icon Accent","description":"A centered dark CTA for React and Next.js with a large top icon accent, bold headline, subtitle, and inverted ShadcnioButton pair, built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/cta/cta-centered-dark-icon-accent.tsx","type":"registry:block","target":"components/blocks/cta/cta-centered-dark-icon-accent.tsx"}]},{"name":"cta-centered-dark-email-capture","type":"registry:block","title":"Cta Centered Dark Email Capture","description":"A centered dark email capture CTA section for React and Next.js with bold two-line headline, inline feature checkmark row, flexing Input with fixed submit ShadcnioButton, and trust text (demonstrated with a free trial signup) built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["input"],"premium":true,"files":[{"path":"blocks/cta/cta-centered-dark-email-capture.tsx","type":"registry:block","target":"components/blocks/cta/cta-centered-dark-email-capture.tsx"}]},{"name":"cta-split-panel-dual-preview","type":"registry:block","title":"Cta Split Panel Dual Preview","description":"A split panel dark CTA for React and Next.js with dual skeleton preview cards, inverted primary ShadcnioButton, ghost secondary action, and trust row built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/cta/cta-split-panel-dual-preview.tsx","type":"registry:block","target":"components/blocks/cta/cta-split-panel-dual-preview.tsx"}]},{"name":"cta-centered-light-category-tile-grid","type":"registry:block","title":"Cta Centered Light Category Tile Grid","description":"A centered light CTA section for React and Next.js with an eyebrow count badge, headline, two-up to four-up category tile grid, and primary ShadcnioButton browse action built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/cta/cta-centered-light-category-tile-grid.tsx","type":"registry:block","target":"components/blocks/cta/cta-centered-light-category-tile-grid.tsx"}]},{"name":"cta-compact-dark-upsell-strip","type":"registry:block","title":"Cta Compact Dark Upsell Strip","description":"A compact dark upsell strip CTA for React and Next.js with inline sparkle icon, two-line message cluster, and right-pinned inverted ShadcnioButton, built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/cta/cta-compact-dark-upsell-strip.tsx","type":"registry:block","target":"components/blocks/cta/cta-compact-dark-upsell-strip.tsx"}]},{"name":"cta-centered-light-email-capture-progress","type":"registry:block","title":"Cta Centered Light Email Capture Progress","description":"A centered light email capture CTA section for React and Next.js with avatar stack social proof, inline Input and ShadcnioButton form, animated progress bar, and spots-claimed counter built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"registryDependencies":["input"],"premium":true,"files":[{"path":"blocks/cta/cta-centered-light-email-capture-progress.tsx","type":"registry:block","target":"components/blocks/cta/cta-centered-light-email-capture-progress.tsx"}]},{"name":"cta-split-panel-counter-stats-grid","type":"registry:block","title":"Cta Split Panel Counter Stats Grid","description":"A split panel dark CTA for React and Next.js with a 2x2 counter stats grid on the right panel using gap-as-border cells, animated tabular-nums number count-up, inline icons, and a dual ShadcnioButton row, built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/cta/cta-split-panel-counter-stats-grid.tsx","type":"registry:block","target":"components/blocks/cta/cta-split-panel-counter-stats-grid.tsx"}]},{"name":"cta-centered-dark-dot-grid-backdrop","type":"registry:block","title":"Cta Centered Dark Dot Grid Backdrop","description":"A centered dark CTA for React and Next.js with a subtle radial-gradient dot grid backdrop on bg-foreground, edge runtime release content, inverted primary ShadcnioButton, and ghost secondary action built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/cta/cta-centered-dark-dot-grid-backdrop.tsx","type":"registry:block","target":"components/blocks/cta/cta-centered-dark-dot-grid-backdrop.tsx"}]},{"name":"cta-card-inset-announcement-badge","type":"registry:block","title":"Cta Card Inset Announcement Badge","description":"A card inset dark CTA for React and Next.js with an announcement badge pill above the headline, inverted ShadcnioButton, and light outer wrapper framing the dark inner card built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/cta/cta-card-inset-announcement-badge.tsx","type":"registry:block","target":"components/blocks/cta/cta-card-inset-announcement-badge.tsx"}]},{"name":"cta-card-inset-notification-toast-preview","type":"registry:block","title":"Cta Card Inset Notification Toast Preview","description":"A card-inset notification toast preview CTA for React and Next.js with floating toast mockup, app icon square, sender title, message snippet, timestamp, dismiss control, and centered primary ShadcnioButton built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/cta/cta-card-inset-notification-toast-preview.tsx","type":"registry:block","target":"components/blocks/cta/cta-card-inset-notification-toast-preview.tsx"}]},{"name":"cta-compact-dark-digit-countdown","type":"registry:block","title":"Cta Compact Dark Digit Countdown","description":"A compact dark digit countdown CTA strip for React and Next.js with an eyebrow pill, single-line headline, four-cell monospace timer row with colon separators, and right-pinned inverted ShadcnioButton built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/cta/cta-compact-dark-digit-countdown.tsx","type":"registry:block","target":"components/blocks/cta/cta-compact-dark-digit-countdown.tsx"}]},{"name":"cta-split-panel-calendar-grid","type":"registry:block","title":"Cta Split Panel Calendar Grid","description":"A split panel dark CTA section for React and Next.js with left-side headline and inverted primary ShadcnioButton plus a 5x4 calendar grid visual on the right built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/cta/cta-split-panel-calendar-grid.tsx","type":"registry:block","target":"components/blocks/cta/cta-split-panel-calendar-grid.tsx"}]},{"name":"cta-email-capture-light-pill","type":"registry:block","title":"Cta Email Capture Light Pill","description":"A light email capture CTA for React and Next.js with a bordered card, status-dot announcement pill, inline email form, AnimatePresence success state, and user count trust row, built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["input"],"premium":true,"files":[{"path":"blocks/cta/cta-email-capture-light-pill.tsx","type":"registry:block","target":"components/blocks/cta/cta-email-capture-light-pill.tsx"}]},{"name":"cta-card-inset-feature-checklist","type":"registry:block","title":"Cta Card Inset Feature Checklist","description":"A card-inset dark CTA for React and Next.js with kicker, headline, two-column feature checklist, and inverted ShadcnioButton, built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/cta/cta-card-inset-feature-checklist.tsx","type":"registry:block","target":"components/blocks/cta/cta-card-inset-feature-checklist.tsx"}]},{"name":"cta-left-right-dark-install-snippet","type":"registry:block","title":"Cta Left Right Dark Install Snippet","description":"A compact left-right dark CTA section for React and Next.js with left-side headline and inline monospace install snippet, right-side inverted primary ShadcnioButton paired with a ghost docs action built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/cta/cta-left-right-dark-install-snippet.tsx","type":"registry:block","target":"components/blocks/cta/cta-left-right-dark-install-snippet.tsx"}]},{"name":"cta-centered-dark-progress-urgency","type":"registry:block","title":"Cta Centered Dark Progress Urgency","description":"A centered dark urgency CTA for React and Next.js with announcement pill, price comparison, animated progress bar, and ShadcnioButton, built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/cta/cta-centered-dark-progress-urgency.tsx","type":"registry:block","target":"components/blocks/cta/cta-centered-dark-progress-urgency.tsx"}]},{"name":"cta-centered-dark-event-details-row","type":"registry:block","title":"Cta Centered Dark Event Details Row","description":"A centered dark CTA section for React and Next.js with announcement pill, event metadata row, overlapping speaker avatar stack, inverted primary ShadcnioButton, and live attendee counter built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/cta/cta-centered-dark-event-details-row.tsx","type":"registry:block","target":"components/blocks/cta/cta-centered-dark-event-details-row.tsx"}]},{"name":"cta-compact-left-right-dark","type":"registry:block","title":"Cta Compact Left Right Dark","description":"A compact left-right dark CTA for React and Next.js with headline column on the left, dual ShadcnioButton row on the right, and no subtitle wrap, built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/cta/cta-compact-left-right-dark.tsx","type":"registry:block","target":"components/blocks/cta/cta-compact-left-right-dark.tsx"}]},{"name":"cta-split-panel-icon-grid","type":"registry:block","title":"Cta Split Panel Icon Grid","description":"A split panel dark CTA for React and Next.js with a 3x3 icon-tile grid visual, inverted primary ShadcnioButton, and ghost secondary action built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/cta/cta-split-panel-icon-grid.tsx","type":"registry:block","target":"components/blocks/cta/cta-split-panel-icon-grid.tsx"}]},{"name":"cta-centered-dark-copy-link-share","type":"registry:block","title":"Cta Centered Dark Copy Link Share","description":"A centered dark CTA section for React and Next.js with inline copy-link field, primary ShadcnioButton share action, and secondary channel chips built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/cta/cta-centered-dark-copy-link-share.tsx","type":"registry:block","target":"components/blocks/cta/cta-centered-dark-copy-link-share.tsx"}]},{"name":"cta-card-inset-star-rating-big","type":"registry:block","title":"Cta Card Inset Star Rating Big","description":"A card-inset light CTA for React and Next.js with an oversized 5-star amber rating cluster, a large tabular rating score, a row of plain-text platform badges, headline, and primary ShadcnioButton built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/cta/cta-card-inset-star-rating-big.tsx","type":"registry:block","target":"components/blocks/cta/cta-card-inset-star-rating-big.tsx"}]},{"name":"cta-split-panel-video-player-preview","type":"registry:block","title":"Cta Split Panel Video Player Preview","description":"A split panel dark CTA section for React and Next.js with a video player preview on the right, eyebrow label plus headline on the left, a bulleted feature trio, and an inverted primary ShadcnioButton built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/cta/cta-split-panel-video-player-preview.tsx","type":"registry:block","target":"components/blocks/cta/cta-split-panel-video-player-preview.tsx"}]},{"name":"cta-centered-dark-metric-cluster","type":"registry:block","title":"Cta Centered Dark Metric Cluster","description":"A centered dark CTA section for React and Next.js with large metric cluster (icon tile plus oversized tabular number), announcement badge, headline, and inverted primary ShadcnioButton built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/cta/cta-centered-dark-metric-cluster.tsx","type":"registry:block","target":"components/blocks/cta/cta-centered-dark-metric-cluster.tsx"}]},{"name":"cta-centered-light-avatar-email-capture","type":"registry:block","title":"Cta Centered Light Avatar Email Capture","description":"A centered light email capture CTA for React and Next.js with avatar stack above the headline, inline Input plus ShadcnioButton, AnimatePresence success state, and join-count trust row, built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["input"],"premium":true,"files":[{"path":"blocks/cta/cta-centered-light-avatar-email-capture.tsx","type":"registry:block","target":"components/blocks/cta/cta-centered-light-avatar-email-capture.tsx"}]},{"name":"cta-centered-dark-diagonal-accent-beam","type":"registry:block","title":"Cta Centered Dark Diagonal Accent Beam","description":"A centered dark CTA band for React and Next.js with a diagonal SVG light beam sweeping across bg-foreground, version announcement pill, inverted ShadcnioButton and text link secondary built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/cta/cta-centered-dark-diagonal-accent-beam.tsx","type":"registry:block","target":"components/blocks/cta/cta-centered-dark-diagonal-accent-beam.tsx"}]},{"name":"cta-centered-dark-spotlight-vignette","type":"registry:block","title":"Cta Centered Dark Spotlight Vignette","description":"A centered dark CTA for React and Next.js with a radial spotlight vignette overlay on bg-foreground, eyebrow label, inverted primary ShadcnioButton, and ghost secondary action built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/cta/cta-centered-dark-spotlight-vignette.tsx","type":"registry:block","target":"components/blocks/cta/cta-centered-dark-spotlight-vignette.tsx"}]},{"name":"cta-centered-light-speech-bubble-hero","type":"registry:block","title":"Cta Centered Light Speech Bubble Hero","description":"A centered light CTA for React and Next.js where the card itself is a giant speech bubble with a downward tail notch, a quote-style headline, and an attributed speaker row below, built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/cta/cta-centered-light-speech-bubble-hero.tsx","type":"registry:block","target":"components/blocks/cta/cta-centered-light-speech-bubble-hero.tsx"}]},{"name":"cta-left-right-dark-live-status-pill","type":"registry:block","title":"Cta Left Right Dark Live Status Pill","description":"A left-right dark CTA section for React and Next.js with a pulsing live status pill, left-aligned headline on bg-foreground, inverted primary ShadcnioButton, and ghost secondary action built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/cta/cta-left-right-dark-live-status-pill.tsx","type":"registry:block","target":"components/blocks/cta/cta-left-right-dark-live-status-pill.tsx"}]},{"name":"cta-centered-light-tier-selector","type":"registry:block","title":"Cta Centered Light Tier Selector","description":"A centered light CTA section for React and Next.js with icon accent, tier pill selector, dynamic ShadcnioButton label, and avatar stack with count footer (demonstrated with an open source sponsorship) built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/cta/cta-centered-light-tier-selector.tsx","type":"registry:block","target":"components/blocks/cta/cta-centered-light-tier-selector.tsx"}]},{"name":"cta-split-benefits-visual","type":"registry:block","title":"Cta Split Benefits Visual","description":"A split panel dark CTA for React and Next.js with uppercase kicker, checkmark benefits list, inverted ShadcnioButton, and right-side visual panel, built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/cta/cta-split-benefits-visual.tsx","type":"registry:block","target":"components/blocks/cta/cta-split-benefits-visual.tsx"}]},{"name":"cta-centered-light-trust-row","type":"registry:block","title":"Cta Centered Light Trust Row","description":"A centered light CTA for React and Next.js with trust icon badge, dual ShadcnioButton row, and middle-dot trust row, built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/cta/cta-centered-light-trust-row.tsx","type":"registry:block","target":"components/blocks/cta/cta-centered-light-trust-row.tsx"}]},{"name":"cta-centered-light-polaroid-stack","type":"registry:block","title":"Cta Centered Light Polaroid Stack","description":"A centered light CTA for React and Next.js with three rotated offset polaroid cards stacked above the headline on bg-card, creative story sample content, and single primary ShadcnioButton built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/cta/cta-centered-light-polaroid-stack.tsx","type":"registry:block","target":"components/blocks/cta/cta-centered-light-polaroid-stack.tsx"}]},{"name":"cta-centered-dark-eligibility-capture","type":"registry:block","title":"Cta Centered Dark Eligibility Capture","description":"A centered dark eligibility capture CTA section for React and Next.js with verification pill, inline email input, ShadcnioButton submit, and trust row built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["input"],"premium":true,"files":[{"path":"blocks/cta/cta-centered-dark-eligibility-capture.tsx","type":"registry:block","target":"components/blocks/cta/cta-centered-dark-eligibility-capture.tsx"}]},{"name":"cta-left-right-icon-stat-footer","type":"registry:block","title":"Cta Left Right Icon Stat Footer","description":"A compact left-right dark CTA section for React and Next.js with an icon-led headline pair, right-aligned inverted primary ShadcnioButton, and a pipe-separated stat footer strip (demonstrated with a GitHub Action install) built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/cta/cta-left-right-icon-stat-footer.tsx","type":"registry:block","target":"components/blocks/cta/cta-left-right-icon-stat-footer.tsx"}]},{"name":"cta-card-inset-step-list","type":"registry:block","title":"Cta Card Inset Step List","description":"A card-inset dark CTA for React and Next.js with a numbered three-step vertical list, inverted primary ShadcnioButton, and outer trust-row strip built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/cta/cta-card-inset-step-list.tsx","type":"registry:block","target":"components/blocks/cta/cta-card-inset-step-list.tsx"}]},{"name":"cta-centered-dark-store-buttons","type":"registry:block","title":"Cta Centered Dark Store Buttons","description":"A centered dark CTA for React and Next.js with dual ShadcnioButton store actions, star rating trust cluster, and uppercase platform kicker, built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/cta/cta-centered-dark-store-buttons.tsx","type":"registry:block","target":"components/blocks/cta/cta-centered-dark-store-buttons.tsx"}]},{"name":"cta-card-inset-code-snippet-copy","type":"registry:block","title":"Cta Card Inset Code Snippet Copy","description":"A card-inset dark CTA section for React and Next.js with a light outer wrapper, dark inner card, prominent copy-to-clipboard code block with toggle feedback, and inverted primary ShadcnioButton built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/cta/cta-card-inset-code-snippet-copy.tsx","type":"registry:block","target":"components/blocks/cta/cta-card-inset-code-snippet-copy.tsx"}]},{"name":"cta-card-inset-keyboard-hero","type":"registry:block","title":"Cta Card Inset Keyboard Hero","description":"A card-inset dark CTA section for React and Next.js with a light outer wrapper, dark inner card, oversized keyboard key mockup hero with plus connectors, and an inverted primary ShadcnioButton built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/cta/cta-card-inset-keyboard-hero.tsx","type":"registry:block","target":"components/blocks/cta/cta-card-inset-keyboard-hero.tsx"}]},{"name":"cta-centered-dark-dual-action","type":"registry:block","title":"Cta Centered Dark Dual Action","description":"A centered dark CTA band for React and Next.js with inverted primary ShadcnioButton, ghost secondary action, and tracking-tight headline, built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/cta/cta-centered-dark-dual-action.tsx","type":"registry:block","target":"components/blocks/cta/cta-centered-dark-dual-action.tsx"}]},{"name":"cta-left-right-dark-progress-ring-tracker","type":"registry:block","title":"Cta Left Right Dark Progress Ring Tracker","description":"A left right dark CTA section for React and Next.js with a circular SVG progress ring tracker beside the headline, subtext, and dual inverted ShadcnioButton actions built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/cta/cta-left-right-dark-progress-ring-tracker.tsx","type":"registry:block","target":"components/blocks/cta/cta-left-right-dark-progress-ring-tracker.tsx"}]},{"name":"cta-centered-dark-testimonial-quote","type":"registry:block","title":"Cta Centered Dark Testimonial Quote","description":"A centered dark CTA with testimonial quote for React and Next.js with inset quote icon, customer attribution row, and inverted ShadcnioButton, built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/cta/cta-centered-dark-testimonial-quote.tsx","type":"registry:block","target":"components/blocks/cta/cta-centered-dark-testimonial-quote.tsx"}]},{"name":"cta-centered-dark-stat-strip","type":"registry:block","title":"Cta Centered Dark Stat Strip","description":"A centered dark CTA for React and Next.js with headline, three-stat horizontal strip, dual ShadcnioButton row, and trust row, built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/cta/cta-centered-dark-stat-strip.tsx","type":"registry:block","target":"components/blocks/cta/cta-centered-dark-stat-strip.tsx"}]},{"name":"cta-centered-light-icon-medallion","type":"registry:block","title":"Cta Centered Light Icon Medallion","description":"A centered light CTA with icon medallion for React and Next.js with circular icon tile, short headline, subtitle, and dual ShadcnioButton row, built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/cta/cta-centered-light-icon-medallion.tsx","type":"registry:block","target":"components/blocks/cta/cta-centered-light-icon-medallion.tsx"}]},{"name":"cta-split-panel-waveform-visual","type":"registry:block","title":"Cta Split Panel Waveform Visual","description":"A split panel dark CTA for React and Next.js with a staggered audio waveform visual on the left, featured episode card and paired ShadcnioButton actions on the right, built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/cta/cta-split-panel-waveform-visual.tsx","type":"registry:block","target":"components/blocks/cta/cta-split-panel-waveform-visual.tsx"}]},{"name":"cta-card-inset-big-metric-checklist","type":"registry:block","title":"Cta Card Inset Big Metric Checklist","description":"A card-inset dark CTA block for React and Next.js with a muted outer panel, a dark inset card containing a big hero metric, a three-item emerald checklist, an inverted primary ShadcnioButton, and an eligibility footnote built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/cta/cta-card-inset-big-metric-checklist.tsx","type":"registry:block","target":"components/blocks/cta/cta-card-inset-big-metric-checklist.tsx"}]},{"name":"cta-centered-light-numbered-steps","type":"registry:block","title":"Cta Centered Light Numbered Steps","description":"A centered light CTA for React and Next.js with uppercase kicker, three numbered-circle setup steps, a primary ShadcnioButton, and a trust row, built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/cta/cta-centered-light-numbered-steps.tsx","type":"registry:block","target":"components/blocks/cta/cta-centered-light-numbered-steps.tsx"}]},{"name":"cta-left-right-dark-eyebrow-pill","type":"registry:block","title":"Cta Left Right Dark Eyebrow Pill","description":"A left right row dark CTA for React and Next.js with an eyebrow pill above the headline stack, inverted primary ShadcnioButton, ghost secondary action, and compact single-row layout built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/cta/cta-left-right-dark-eyebrow-pill.tsx","type":"registry:block","target":"components/blocks/cta/cta-left-right-dark-eyebrow-pill.tsx"}]},{"name":"cta-centered-light-ticket-perforated-edge","type":"registry:block","title":"Cta Centered Light Ticket Perforated Edge","description":"A centered light CTA for React and Next.js shaped like a perforated admission ticket with two semi-circle notches cut into a vertical tear line, a left info panel, and a right stub panel holding a mono promo code and primary ShadcnioButton, built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/cta/cta-centered-light-ticket-perforated-edge.tsx","type":"registry:block","target":"components/blocks/cta/cta-centered-light-ticket-perforated-edge.tsx"}]},{"name":"cta-centered-dark-badge-cloud","type":"registry:block","title":"Cta Centered Dark Badge Cloud","description":"A centered dark CTA for React and Next.js with a badge-cloud header of translucent code chips, inverted primary ShadcnioButton, and ghost secondary action built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/cta/cta-centered-dark-badge-cloud.tsx","type":"registry:block","target":"components/blocks/cta/cta-centered-dark-badge-cloud.tsx"}]},{"name":"cta-centered-dark-pill-dual-action","type":"registry:block","title":"Cta Centered Dark Pill Dual Action","description":"A centered dark CTA band for React and Next.js with a status-dot announcement pill, dual ShadcnioButton action row, and trust text below, built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/cta/cta-centered-dark-pill-dual-action.tsx","type":"registry:block","target":"components/blocks/cta/cta-centered-dark-pill-dual-action.tsx"}]},{"name":"cta-centered-dark-orbit-ring-avatars","type":"registry:block","title":"Cta Centered Dark Orbit Ring Avatars","description":"A centered dark CTA for React and Next.js with a circular orbital ring of 8 avatars around a central icon medallion on bg-foreground, community-building headline, and single inverted ShadcnioButton built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/cta/cta-centered-dark-orbit-ring-avatars.tsx","type":"registry:block","target":"components/blocks/cta/cta-centered-dark-orbit-ring-avatars.tsx"}]},{"name":"cta-centered-dark-red-ribbon-urgency","type":"registry:block","title":"Cta Centered Dark Red Ribbon Urgency","description":"A centered dark CTA section for React and Next.js with a red ribbon urgency strip, large headline, inverted primary ShadcnioButton, and deadline trust line built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/cta/cta-centered-dark-red-ribbon-urgency.tsx","type":"registry:block","target":"components/blocks/cta/cta-centered-dark-red-ribbon-urgency.tsx"}]},{"name":"cta-card-inset-shield-trust-list","type":"registry:block","title":"Cta Card Inset Shield Trust List","description":"A card inset dark CTA section for React and Next.js with shield icon focal, trust checklist, inverted primary ShadcnioButton, and outer light wrapper built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/cta/cta-card-inset-shield-trust-list.tsx","type":"registry:block","target":"components/blocks/cta/cta-card-inset-shield-trust-list.tsx"}]},{"name":"cta-centered-dark-shield-seal","type":"registry:block","title":"Cta Centered Dark Shield Seal","description":"A centered dark CTA section for React and Next.js with a circular shield seal icon above the headline, inverted primary ShadcnioButton, and trust line below built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/cta/cta-centered-dark-shield-seal.tsx","type":"registry:block","target":"components/blocks/cta/cta-centered-dark-shield-seal.tsx"}]},{"name":"cta-split-panel-browser-url-bar-tabs","type":"registry:block","title":"Cta Split Panel Browser Url Bar Tabs","description":"A split panel CTA for React and Next.js with a detailed browser window mockup, traffic light dots, monospace URL bar, tabbed chrome, and dual ShadcnioButton row built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/cta/cta-split-panel-browser-url-bar-tabs.tsx","type":"registry:block","target":"components/blocks/cta/cta-split-panel-browser-url-bar-tabs.tsx"}]},{"name":"cta-left-right-dark-compliance-badges","type":"registry:block","title":"Cta Left Right Dark Compliance Badges","description":"A left right dark CTA section for React and Next.js with a shield icon headline cluster, uppercase compliance badge row, and dual inverted ShadcnioButton actions built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/cta/cta-left-right-dark-compliance-badges.tsx","type":"registry:block","target":"components/blocks/cta/cta-left-right-dark-compliance-badges.tsx"}]},{"name":"cta-centered-light-chat-message-bubble","type":"registry:block","title":"Cta Centered Light Chat Message Bubble","description":"A centered light CTA for React and Next.js with a mini chat message bubble preview above the headline showing user and AI reply bubbles and an animated typing indicator, plus a single primary ShadcnioButton, built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/cta/cta-centered-light-chat-message-bubble.tsx","type":"registry:block","target":"components/blocks/cta/cta-centered-light-chat-message-bubble.tsx"}]},{"name":"cta-centered-dark-avatar-stack-social-proof","type":"registry:block","title":"Cta Centered Dark Avatar Stack Social Proof","description":"A centered dark CTA section for React and Next.js with overlapping avatar stack, team count label, h2 headline, inverted primary ShadcnioButton, and trust row built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"registryDependencies":["avatar"],"premium":true,"files":[{"path":"blocks/cta/cta-centered-dark-avatar-stack-social-proof.tsx","type":"registry:block","target":"components/blocks/cta/cta-centered-dark-avatar-stack-social-proof.tsx"}]},{"name":"cta-centered-dark-price-savings","type":"registry:block","title":"Cta Centered Dark Price Savings","description":"A centered dark CTA for React and Next.js with uppercase kicker, crossed-out price compare, inline feature row, and inverted ShadcnioButton, built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/cta/cta-centered-dark-price-savings.tsx","type":"registry:block","target":"components/blocks/cta/cta-centered-dark-price-savings.tsx"}]},{"name":"cta-centered-dark-noise-grain-texture","type":"registry:block","title":"Cta Centered Dark Noise Grain Texture","description":"A centered dark CTA section for React and Next.js with an inline SVG fractal noise grain texture overlay, editorial-scale headline, eyebrow label, and single inverted primary ShadcnioButton built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/cta/cta-centered-dark-noise-grain-texture.tsx","type":"registry:block","target":"components/blocks/cta/cta-centered-dark-noise-grain-texture.tsx"}]},{"name":"cta-left-right-marquee-logo-belt","type":"registry:block","title":"Cta Left Right Marquee Logo Belt","description":"A left right dark CTA for React and Next.js with an infinite horizontal logo marquee belt spanning the full width below the headline and dual ShadcnioButton row, built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/cta/cta-left-right-marquee-logo-belt.tsx","type":"registry:block","target":"components/blocks/cta/cta-left-right-marquee-logo-belt.tsx"}]},{"name":"cta-compact-version-banner","type":"registry:block","title":"Cta Compact Version Banner","description":"A compact single-row CTA banner for React and Next.js with monospace version badge, one-line summary, and inline small ShadcnioButton, built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/cta/cta-compact-version-banner.tsx","type":"registry:block","target":"components/blocks/cta/cta-compact-version-banner.tsx"}]},{"name":"cta-split-panel-kanban-columns-preview","type":"registry:block","title":"Cta Split Panel Kanban Columns Preview","description":"A split panel CTA for React and Next.js with a three-column kanban board preview, task cards with avatar and priority dot, uppercase column headers, and dual ShadcnioButton row built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/cta/cta-split-panel-kanban-columns-preview.tsx","type":"registry:block","target":"components/blocks/cta/cta-split-panel-kanban-columns-preview.tsx"}]},{"name":"cta-split-before-after-list","type":"registry:block","title":"Cta Split Before After List","description":"A split dark CTA for React and Next.js with a two-column before after list using X and check icons, dual ShadcnioButton row, and centered headline built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/cta/cta-split-before-after-list.tsx","type":"registry:block","target":"components/blocks/cta/cta-split-before-after-list.tsx"}]},{"name":"cta-centered-dark-starfield-sparse","type":"registry:block","title":"Cta Centered Dark Starfield Sparse","description":"A centered dark CTA section for React and Next.js with a sparse starfield backdrop of deterministic dot positions, eyebrow pill, inverted primary ShadcnioButton, and ghost secondary action built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/cta/cta-centered-dark-starfield-sparse.tsx","type":"registry:block","target":"components/blocks/cta/cta-centered-dark-starfield-sparse.tsx"}]},{"name":"cta-split-panel-product-mockup","type":"registry:block","title":"Cta Split Panel Product Mockup","description":"A split panel CTA for React and Next.js with left-side copy, right-side mockup, inverted ShadcnioButton, and trust stats row, built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/cta/cta-split-panel-product-mockup.tsx","type":"registry:block","target":"components/blocks/cta/cta-split-panel-product-mockup.tsx"}]},{"name":"cta-centered-dark-feature-card-trio","type":"registry:block","title":"Cta Centered Dark Feature Card Trio","description":"A centered dark CTA for React and Next.js with a rounded icon badge above the headline, a three-column feature card trio, inverted ShadcnioButton, and trust text below, built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/cta/cta-centered-dark-feature-card-trio.tsx","type":"registry:block","target":"components/blocks/cta/cta-centered-dark-feature-card-trio.tsx"}]},{"name":"cta-compact-icon-banner","type":"registry:block","title":"Cta Compact Icon Banner","description":"A compact icon CTA banner for React and Next.js with left-aligned icon tile, two-line headline and subtitle, and inline ShadcnioButton action, built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/cta/cta-compact-icon-banner.tsx","type":"registry:block","target":"components/blocks/cta/cta-compact-icon-banner.tsx"}]},{"name":"cta-centered-dark-metadata-tagline","type":"registry:block","title":"Cta Centered Dark Metadata Tagline","description":"A centered dark CTA for React and Next.js with an uppercase metadata tagline, headline plus subtitle stack, inline price compare, inverted ShadcnioButton, and small-print trust line built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/cta/cta-centered-dark-metadata-tagline.tsx","type":"registry:block","target":"components/blocks/cta/cta-centered-dark-metadata-tagline.tsx"}]},{"name":"cta-centered-avatar-social-proof","type":"registry:block","title":"Cta Centered Avatar Social Proof","description":"A centered light CTA for React and Next.js with an avatar stack social proof cluster, member count pill, headline, and ShadcnioButton, built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"registryDependencies":["avatar"],"premium":true,"files":[{"path":"blocks/cta/cta-centered-avatar-social-proof.tsx","type":"registry:block","target":"components/blocks/cta/cta-centered-avatar-social-proof.tsx"}]},{"name":"cta-split-panel-numbered-module-list","type":"registry:block","title":"Cta Split Panel Numbered Module List","description":"A split panel CTA with numbered module list for React and Next.js with dark card, eyebrow pill, four-step list on the left, skeleton visual on the right, and inverted ShadcnioButton, built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/cta/cta-split-panel-numbered-module-list.tsx","type":"registry:block","target":"components/blocks/cta/cta-split-panel-numbered-module-list.tsx"}]},{"name":"cta-card-inset-metric-row","type":"registry:block","title":"Cta Card Inset Metric Row","description":"A card-inset dark CTA for React and Next.js with a light outer frame, dark inner card, inline metric trust row, and dual ShadcnioButton action, built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/cta/cta-card-inset-metric-row.tsx","type":"registry:block","target":"components/blocks/cta/cta-card-inset-metric-row.tsx"}]},{"name":"cta-centered-dark-savings-badge","type":"registry:block","title":"Cta Centered Dark Savings Badge","description":"A centered dark CTA for React and Next.js with a prominent savings Badge above the headline, inverted primary ShadcnioButton, and clock-icon deadline footer built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/cta/cta-centered-dark-savings-badge.tsx","type":"registry:block","target":"components/blocks/cta/cta-centered-dark-savings-badge.tsx"}]},{"name":"cta-card-inset-benefits-stack","type":"registry:block","title":"Cta Card Inset Benefits Stack","description":"A card-inset dark CTA for React and Next.js with outer light panel, inner dark card, icon medallion, emerald check benefits list, headline stat, and dual ShadcnioButton row, built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/cta/cta-card-inset-benefits-stack.tsx","type":"registry:block","target":"components/blocks/cta/cta-card-inset-benefits-stack.tsx"}]},{"name":"cta-centered-light-ranked-avatar-list","type":"registry:block","title":"Cta Centered Light Ranked Avatar List","description":"A centered light CTA section for React and Next.js with numbered ranked avatar list, highlighted user position callout, and inverted primary ShadcnioButton built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/cta/cta-centered-light-ranked-avatar-list.tsx","type":"registry:block","target":"components/blocks/cta/cta-centered-light-ranked-avatar-list.tsx"}]},{"name":"cta-centered-light-feature-checks","type":"registry:block","title":"Cta Centered Light Feature Checks","description":"A centered light CTA for React and Next.js with a bordered card, inline feature check row, single primary ShadcnioButton, and trust text, built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/cta/cta-centered-light-feature-checks.tsx","type":"registry:block","target":"components/blocks/cta/cta-centered-light-feature-checks.tsx"}]},{"name":"cta-centered-dark-graph-grid-paper","type":"registry:block","title":"Cta Centered Dark Graph Grid Paper","description":"A centered dark CTA for React and Next.js with an engineering graph grid paper backdrop on bg-foreground, monospace version badge, inverted primary ShadcnioButton, and ghost secondary action built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/cta/cta-centered-dark-graph-grid-paper.tsx","type":"registry:block","target":"components/blocks/cta/cta-centered-dark-graph-grid-paper.tsx"}]},{"name":"cta-centered-light-handwritten-arrow-scribble","type":"registry:block","title":"Cta Centered Light Handwritten Arrow Scribble","description":"A centered light CTA for React and Next.js with a hand-drawn SVG curved arrow scribble pointing from the subtext down to the primary ShadcnioButton, italic handwritten note, and friendly onboarding copy built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/cta/cta-centered-light-handwritten-arrow-scribble.tsx","type":"registry:block","target":"components/blocks/cta/cta-centered-light-handwritten-arrow-scribble.tsx"}]},{"name":"cta-centered-dark-stat-hero","type":"registry:block","title":"Cta Centered Dark Stat Hero","description":"A centered dark CTA for React and Next.js with uppercase kicker, oversized stat hero, inverted ShadcnioButton, and ghost secondary action, built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/cta/cta-centered-dark-stat-hero.tsx","type":"registry:block","target":"components/blocks/cta/cta-centered-dark-stat-hero.tsx"}]},{"name":"cta-split-panel-tier-benefits","type":"registry:block","title":"Cta Split Panel Tier Benefits","description":"A split panel dark CTA for React and Next.js with a tier benefits list on the left, minimalist icon visual on the right, and ShadcnioButton action built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/cta/cta-split-panel-tier-benefits.tsx","type":"registry:block","target":"components/blocks/cta/cta-split-panel-tier-benefits.tsx"}]},{"name":"cta-centered-light-seat-capacity-capture","type":"registry:block","title":"Cta Centered Light Seat Capacity Capture","description":"A centered light seat capacity capture CTA for React and Next.js with email input, ShadcnioButton send action, avatar stack of existing members, and remaining seat counter built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"registryDependencies":["avatar","input"],"premium":true,"files":[{"path":"blocks/cta/cta-centered-light-seat-capacity-capture.tsx","type":"registry:block","target":"components/blocks/cta/cta-centered-light-seat-capacity-capture.tsx"}]},{"name":"cta-split-panel-pricing-card-visual","type":"registry:block","title":"Cta Split Panel Pricing Card Visual","description":"A split panel dark CTA for React and Next.js with a left-side feature checklist, eyebrow pill, primary ShadcnioButton action, and a right-side pricing card visual built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/cta/cta-split-panel-pricing-card-visual.tsx","type":"registry:block","target":"components/blocks/cta/cta-split-panel-pricing-card-visual.tsx"}]},{"name":"cta-split-panel-email-capture-document-visual","type":"registry:block","title":"Cta Split Panel Email Capture Document Visual","description":"A split panel dark CTA for React and Next.js with inline email capture form on the left panel, stylized document placeholder visual on the right panel, AnimatePresence success swap, and compact trust line built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["input"],"premium":true,"files":[{"path":"blocks/cta/cta-split-panel-email-capture-document-visual.tsx","type":"registry:block","target":"components/blocks/cta/cta-split-panel-email-capture-document-visual.tsx"}]},{"name":"cta-left-right-row-dark","type":"registry:block","title":"Cta Left Right Row Dark","description":"A compact left right row dark CTA for React and Next.js with left-aligned headline block, right-aligned dual ShadcnioButton row, and single-line responsive layout built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/cta/cta-left-right-row-dark.tsx","type":"registry:block","target":"components/blocks/cta/cta-left-right-row-dark.tsx"}]},{"name":"cta-centered-light-link-secondary","type":"registry:block","title":"Cta Centered Light Link Secondary","description":"A centered light CTA section for React and Next.js with eyebrow label, bold h2 headline, primary ShadcnioButton, and a secondary text link below built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/cta/cta-centered-light-link-secondary.tsx","type":"registry:block","target":"components/blocks/cta/cta-centered-light-link-secondary.tsx"}]},{"name":"testimonials-one-liner","type":"registry:block","title":"Testimonials One Liner","description":"A one-liner testimonial masonry wall for React and Next.js with a dense CSS-columns layout, compact star ratings, avatar attribution footers, and rapid shuffled entrance animation built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-one-liner.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-one-liner.tsx"}]},{"name":"testimonials-dark-minimal","type":"registry:block","title":"Testimonials Dark Minimal","description":"A dark inset featured testimonial quote panel for React and Next.js with inverted foreground background, oversized quote typography, large avatar, and subtle grid pattern built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-dark-minimal.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-dark-minimal.tsx"}]},{"name":"testimonials-tag-filter","type":"registry:block","title":"Testimonials Tag Filter","description":"A high-density testimonials masonry wall block for React and Next.js with a multi-column layout, variable card heights, sparse star accents, and staggered cascade animations built with motion/react, shadcn/ui, and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-tag-filter.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-tag-filter.tsx"}]},{"name":"testimonials-numbered-top","type":"registry:block","title":"Testimonials Numbered Top","description":"A three-column ranked testimonials card grid for React and Next.js with oversized rank numerals, per-card star ratings, and staggered left-to-right entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-numbered-top.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-numbered-top.tsx"}]},{"name":"testimonials-kanban","type":"registry:block","title":"Testimonials Kanban","description":"A three-column sentiment-grouped testimonials grid for React and Next.js with a centered marketing headline, category columns, and breathing-room cards built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-kanban.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-kanban.tsx"}]},{"name":"testimonials-side-scroll","type":"registry:block","title":"Testimonials Side Scroll","description":"A horizontal snap-scroll testimonials carousel for React and Next.js with CSS snap points, gradient edge masks, arrow navigation, touch swipe, and marketing-scale headline built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-side-scroll.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-side-scroll.tsx"}]},{"name":"testimonials-with-rating","type":"registry:block","title":"Testimonials With Rating","description":"A featured rating hero testimonial for React and Next.js with an aggregate star chrome line, hero-scale pull quote, oversized avatar attribution, and marketing headline cluster built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-with-rating.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-with-rating.tsx"}]},{"name":"testimonials-rotating","type":"registry:block","title":"Testimonials Rotating","description":"A draggable layered testimonials swipe stack for React and Next.js with real drag gestures, autoplay rotation, keyboard navigation, and pagination dots built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-rotating.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-rotating.tsx"}]},{"name":"testimonials-bubble-chat","type":"registry:block","title":"Testimonials Bubble Chat","description":"A Slack-style conversation thread testimonials block for React and Next.js with alternating chat bubbles, staggered message reveal, and a marketing headline cluster built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-bubble-chat.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-bubble-chat.tsx"}]},{"name":"testimonials-mobile-review","type":"registry:block","title":"Testimonials Mobile Review","description":"A dark inset featured-quote testimonials block for React and Next.js with inverted color panel, oversized quote typography, credibility star row, and a marketing headline cluster, built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-mobile-review.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-mobile-review.tsx"}]},{"name":"testimonials-triple-stack","type":"registry:block","title":"Testimonials Triple Stack","description":"A draggable layered testimonial swipe stack for React and Next.js with real drag gestures, autoplay, keyboard navigation, pagination dots, and a deep card stack built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-triple-stack.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-triple-stack.tsx"}]},{"name":"testimonials-logo-bar","type":"registry:block","title":"Testimonials Logo Bar","description":"A logo wall and featured quote split testimonial for React and Next.js with a centered marketing headline, single anchor quote, and a grid of customer company logos built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-logo-bar.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-logo-bar.tsx"}]},{"name":"testimonials-enterprise","type":"registry:block","title":"Testimonials Enterprise","description":"A testimonial card grid with a top metric bar for React and Next.js featuring four social-proof metrics, three stacked quote cards with large avatars, employee count chips, and ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-enterprise.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-enterprise.tsx"}]},{"name":"testimonials-mosaic","type":"registry:block","title":"Testimonials Mosaic","description":"An asymmetric bento testimonials block for React and Next.js with one featured quote cell spanning two columns plus a trio of smaller supporting quotes, built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-mosaic.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-mosaic.tsx"}]},{"name":"testimonials-rating-breakdown","type":"registry:block","title":"Testimonials Rating Breakdown","description":"A rating breakdown testimonials block for React and Next.js with a focal hero quote, animated star distribution bars, average rating summary, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-rating-breakdown.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-rating-breakdown.tsx"}]},{"name":"testimonials-mini-cards","type":"registry:block","title":"Testimonials Mini Cards","description":"A compact three-column testimonials card grid for React and Next.js with short pull-quotes, font-mono initial avatars, star ratings, and a marketing headline cluster, built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-mini-cards.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-mini-cards.tsx"}]},{"name":"testimonials-bento-grid","type":"registry:block","title":"Testimonials Bento Grid","description":"A bento featured-plus-trio testimonials grid for React and Next.js with an asymmetric col-span layout, one oversized featured quote, three supporting cards, star ratings, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-bento-grid.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-bento-grid.tsx"}]},{"name":"testimonials-stack-overlap","type":"registry:block","title":"Testimonials Stack Overlap","description":"A draggable layered testimonial swipe stack for React and Next.js with real drag gestures, autoplay rotation, keyboard navigation, pagination dots, and a deep card stack built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-stack-overlap.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-stack-overlap.tsx"}]},{"name":"testimonials-featured-hero","type":"registry:block","title":"Testimonials Featured Hero","description":"A featured hero single-quote testimonial block for React and Next.js with oversized decorative quote mark, marketing-scale typography, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-featured-hero.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-featured-hero.tsx"}]},{"name":"testimonials-inverted","type":"registry:block","title":"Testimonials Inverted","description":"A dark inset featured quote testimonial for React and Next.js with an inverted bg-foreground panel, oversized serif quote mark, marketing-scale typography, and a hero attribution atom built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-inverted.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-inverted.tsx"}]},{"name":"testimonials-avatar-stack","type":"registry:block","title":"Testimonials Avatar Stack","description":"A featured hero testimonial with an overlapping avatar stack for React and Next.js with animated customer count, oversized pull quote, star rating, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-avatar-stack.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-avatar-stack.tsx"}]},{"name":"testimonials-masonry","type":"registry:block","title":"Testimonials Masonry","description":"A Pinterest-style masonry testimonials block for React and Next.js using CSS columns with break-inside-avoid, varying card heights, and a marketing headline cluster, built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-masonry.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-masonry.tsx"}]},{"name":"testimonials-pull-quote","type":"registry:block","title":"Testimonials Pull Quote","description":"A featured hero pull quote testimonials block for React and Next.js with an oversized decorative quote mark, marketing-scale serif headline typography, and a centered attribution built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-pull-quote.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-pull-quote.tsx"}]},{"name":"testimonials-carousel-image","type":"registry:block","title":"Testimonials Carousel Image","description":"A split panel portrait carousel testimonials block for React and Next.js with a full-bleed gradient portrait, real drag gestures, keyboard navigation, autoplay, and pagination dots built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-carousel-image.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-carousel-image.tsx"}]},{"name":"testimonials-notification","type":"registry:block","title":"Testimonials Notification","description":"A Slack-style conversation thread testimonials block for React and Next.js with stacked message cards, colored status dots, timestamps, and staggered cascade animation built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-notification.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-notification.tsx"}]},{"name":"testimonials-verified-buyer","type":"registry:block","title":"Testimonials Verified Buyer","description":"A verified-purchase testimonials block for React and Next.js with one focal review, a verified-badge credibility row, star ratings, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-verified-buyer.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-verified-buyer.tsx"}]},{"name":"testimonials-stats","type":"registry:block","title":"Testimonials Stats","description":"A metric bar grid testimonials block for React and Next.js with an animated CountUp statistics banner, three-column card grid, star ratings, and ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-stats.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-stats.tsx"}]},{"name":"testimonials-voice-note","type":"registry:block","title":"Testimonials Voice Note","description":"A voice note testimonial card list for React and Next.js with static waveform visualizations, play controls, duration labels, and transcript pull quotes built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-voice-note.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-voice-note.tsx"}]},{"name":"testimonials-story-timeline","type":"registry:block","title":"Testimonials Story Timeline","description":"A vertical timeline testimonials block for React and Next.js with dated milestone cards, a connecting rail, avatar attribution, and staggered entrance animations built with motion/react, shadcn/ui, and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-story-timeline.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-story-timeline.tsx"}]},{"name":"testimonials-three-column","type":"registry:block","title":"Testimonials Three Column","description":"A three-column testimonial card grid for React and Next.js with marketing-scale headline, semantic figure blockquotes, avatar attribution atoms, and ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-three-column.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-three-column.tsx"}]},{"name":"testimonials-role-badge","type":"registry:block","title":"Testimonials Role Badge","description":"A role-badged testimonials card grid for React and Next.js with colored role pills for engineers, designers, PMs, and founders, hero attribution, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-role-badge.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-role-badge.tsx"}]},{"name":"testimonials-card-flip","type":"registry:block","title":"Testimonials Card Flip","description":"An asymmetric bento grid testimonials block for React and Next.js with one featured hero quote, three supporting cards, star ratings, and a marketing headline cluster built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-card-flip.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-card-flip.tsx"}]},{"name":"testimonials-duo","type":"registry:block","title":"Testimonials Duo","description":"A two-column testimonial card grid for React and Next.js with category tag chips, star ratings, and paired attribution atoms built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-duo.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-duo.tsx"}]},{"name":"testimonials-with-cta","type":"registry:block","title":"Testimonials With Cta","description":"A conversion-focused testimonials block for React and Next.js pairing two anchor quotes with a prominent headline CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-with-cta.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-with-cta.tsx"}]},{"name":"testimonials-headline","type":"registry:block","title":"Testimonials Headline","description":"A three-column testimonials card grid for React and Next.js with bold summary headlines, supporting quotes, a marketing headline cluster, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-headline.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-headline.tsx"}]},{"name":"testimonials-single-focus","type":"registry:block","title":"Testimonials Single Focus","description":"A featured hero testimonial block for React and Next.js with an oversized single quote, large portrait avatar, credibility line, and dual CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-single-focus.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-single-focus.tsx"}]},{"name":"testimonials-year-review","type":"registry:block","title":"Testimonials Year Review","description":"A quarterly timeline testimonial grid for React and Next.js with a year-in-review metric bar, four quarter tagged quote cards, avatar attribution, and marketing headline cluster built with shadcn/ui and Tailwind CSS","dependencies":["motion","date-fns"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-year-review.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-year-review.tsx"}]},{"name":"testimonials-conversation","type":"registry:block","title":"Testimonials Conversation","description":"A chat-style conversation thread testimonials block for React and Next.js with alternating message bubbles, a skeptic-to-advocate customer journey, verified badge, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-conversation.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-conversation.tsx"}]},{"name":"testimonials-animated-count","type":"registry:block","title":"Testimonials Animated Count","description":"A testimonials block for React and Next.js with an animated CountUp metric bar above a two-column quote grid, star ratings, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-animated-count.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-animated-count.tsx"}]},{"name":"testimonials-grid-interactive","type":"registry:block","title":"Testimonials Grid Interactive","description":"An asymmetric bento testimonials grid for React and Next.js with one featured quote cell, three supporting cards, a marketing headline cluster, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-grid-interactive.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-grid-interactive.tsx"}]},{"name":"testimonials-fullwidth","type":"registry:block","title":"Testimonials Fullwidth","description":"A dark inset featured testimonial block for React and Next.js with inverted color panel, marketing-scale quote typography, metric strip, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-fullwidth.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-fullwidth.tsx"}]},{"name":"testimonials-role-tabs","type":"registry:block","title":"Testimonials Role Tabs","description":"A tabbed role switcher testimonials block for React and Next.js with persona tabs, animated panel transitions, hero attribution, and a ShadcnioButton CTA pair built with shadcn/ui Tabs and Tailwind CSS","dependencies":["motion"],"registryDependencies":["tabs"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-role-tabs.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-role-tabs.tsx"}]},{"name":"testimonials-blockquote","type":"registry:block","title":"Testimonials Blockquote","description":"A magazine-style editorial dropcap blockquote testimonial for React and Next.js with an oversized first-letter dropcap, long-form pull quote, em-dash attribution line, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-blockquote.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-blockquote.tsx"}]},{"name":"testimonials-nps-score","type":"registry:block","title":"Testimonials Nps Score","description":"A dark inset featured testimonial block for React and Next.js with an inverted panel, oversized hero quote, a supporting score credibility metric, and staggered entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-nps-score.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-nps-score.tsx"}]},{"name":"testimonials-marquee","type":"registry:block","title":"Testimonials Marquee","description":"A dual-row infinite marquee testimonials block for React and Next.js with opposite-direction CSS keyframe scrolling, gradient edge masks, reduced-motion support, and hover pause, built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-marquee.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-marquee.tsx"}]},{"name":"testimonials-timeline","type":"registry:block","title":"Testimonials Timeline","description":"A vertical timeline testimonial story for React and Next.js with milestone markers, progressive marketing-scale quotes, semantic blockquotes, and ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-timeline.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-timeline.tsx"}]},{"name":"testimonials-top-rated","type":"registry:block","title":"Testimonials Top Rated","description":"A featured hero testimonial with aggregate rating for React and Next.js with marketing-scale quote, amber star credibility row, monospace avatar, and ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-top-rated.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-top-rated.tsx"}]},{"name":"testimonials-industry-tabs","type":"registry:block","title":"Testimonials Industry Tabs","description":"A tab-switched testimonials card grid for React and Next.js with keyboard-accessible category tabs, two-column quote cards per tab, icon accents, and marketing-scale typography built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["tabs"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-industry-tabs.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-industry-tabs.tsx"}]},{"name":"testimonials-compact-list","type":"registry:block","title":"Testimonials Compact List","description":"A high-density testimonials wall block for React and Next.js with masonry columns, varying card heights, compact attribution, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-compact-list.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-compact-list.tsx"}]},{"name":"testimonials-impact-number","type":"registry:block","title":"Testimonials Impact Number","description":"An asymmetric bento testimonial grid for React and Next.js with a featured metric hero, three supporting metric cards, tabular numerals, and marketing-scale typography built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-impact-number.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-impact-number.tsx"}]},{"name":"testimonials-social-media","type":"registry:block","title":"Testimonials Social Media","description":"A social-post styled testimonials grid for React and Next.js with tweet-style cards, engagement metrics, handle attribution, and responsive two-column layout built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-social-media.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-social-media.tsx"}]},{"name":"testimonials-quote-large","type":"registry:block","title":"Testimonials Quote Large","description":"A featured hero testimonial block for React and Next.js with an oversized focal quote, decorative quote mark, star rating line, hero attribution, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-quote-large.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-quote-large.tsx"}]},{"name":"testimonials-use-case","type":"registry:block","title":"Testimonials Use Case","description":"A segmented testimonials block for React and Next.js with an audience tab switcher, animated active quote, avatar attribution, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-use-case.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-use-case.tsx"}]},{"name":"testimonials-keyword-bold","type":"registry:block","title":"Testimonials Keyword Bold","description":"A single-column testimonial list with inline bolded keywords for React and Next.js with a centered marketing headline, highlighted feature mentions, and breathing-room cards built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-keyword-bold.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-keyword-bold.tsx"}]},{"name":"testimonials-inline-metric","type":"registry:block","title":"Testimonials Inline Metric","description":"A stacked list of testimonials for React and Next.js with bold highlighted metrics embedded directly inside each quote, marketing-scale type, and verified attribution atoms built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-inline-metric.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-inline-metric.tsx"}]},{"name":"testimonials-switcher","type":"registry:block","title":"Testimonials Switcher","description":"A featured hero testimonial switcher for React and Next.js with a row of author pills, oversized focal quote, active pill accent, keyboard navigation, and smooth motion/react transitions built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-switcher.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-switcher.tsx"}]},{"name":"testimonials-video","type":"registry:block","title":"Testimonials Video","description":"A video thumbnail testimonial grid for React and Next.js with aspect-video placeholders, play button overlays, duration badges, and hover scale built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-video.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-video.tsx"}]},{"name":"testimonials-with-photo","type":"registry:block","title":"Testimonials With Photo","description":"A split panel portrait testimonial for React and Next.js with a full-bleed gradient portrait, caption overlay, hero-scale pull quote, and marketing headline cluster built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-with-photo.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-with-photo.tsx"}]},{"name":"testimonials-case-study","type":"registry:block","title":"Testimonials Case Study","description":"An editorial dropcap case study testimonial block for React and Next.js with challenge-solution-result narrative, animated key metric, and pull quote attribution built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-case-study.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-case-study.tsx"}]},{"name":"testimonials-snippet","type":"registry:block","title":"Testimonials Snippet","description":"A compact testimonials card grid for React and Next.js with short specific quotes, three-column responsive layout, and staggered entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-snippet.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-snippet.tsx"}]},{"name":"testimonials-before-after","type":"registry:block","title":"Testimonials Before After","description":"A two-column before-and-after split panel testimonial for React and Next.js with pain-point and result columns, animated improvement metrics, a bridging customer quote, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-before-after.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-before-after.tsx"}]},{"name":"testimonials-spotlight","type":"registry:block","title":"Testimonials Spotlight","description":"A featured hero spotlight testimonials block for React and Next.js with oversized marketing-scale quote, decorative quote mark, large avatar, star credibility line, and ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-spotlight.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-spotlight.tsx"}]},{"name":"testimonials-editorial","type":"registry:block","title":"Testimonials Editorial","description":"A magazine-style editorial testimonial block for React and Next.js with oversized dropcap first letter, generous leading, em-dash attribution, and featured-in credibility line built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-editorial.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-editorial.tsx"}]},{"name":"testimonials-form","type":"registry:block","title":"Testimonials Form","description":"A verified-buyer testimonial card grid for React and Next.js with emerald verified badges, five-star ratings, marketing-scale headline, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-form.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-form.tsx"}]},{"name":"testimonials-quote-carousel","type":"registry:block","title":"Testimonials Quote Carousel","description":"A draggable layered testimonial swipe stack for React and Next.js with real drag gestures, velocity rotation, autoplay, keyboard navigation, and pagination dots built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-quote-carousel.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-quote-carousel.tsx"}]},{"name":"testimonials-centered","type":"registry:block","title":"Testimonials Centered","description":"A centered featured hero quote testimonials block for React and Next.js with oversized typography, dot pagination, animated quote transitions, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-centered.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-centered.tsx"}]},{"name":"testimonials-list-detailed","type":"registry:block","title":"Testimonials List Detailed","description":"A detailed testimonial review list for React and Next.js with long-form quotes, review metadata, helpfulness voting, and a centered marketing headline built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-list-detailed.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-list-detailed.tsx"}]},{"name":"testimonials-truncated","type":"registry:block","title":"Testimonials Truncated","description":"A two-column expandable testimonial card grid for React and Next.js with line-clamp preview, read-more toggle, marketing-scale quotes, and ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-truncated.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-truncated.tsx"}]},{"name":"testimonials-accordion","type":"registry:block","title":"Testimonials Accordion","description":"An expandable accordion testimonial list for React and Next.js with compact preview rows, full quote reveal on expand, single-open collapse behavior, and a marketing headline with ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["accordion"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-accordion.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-accordion.tsx"}]},{"name":"testimonials-social-proof-bar","type":"registry:block","title":"Testimonials Social Proof Bar","description":"A compact social proof credibility bar for React and Next.js with avatar stack, aggregate star rating, review count, and metric tiles built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-social-proof-bar.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-social-proof-bar.tsx"}]},{"name":"testimonials-two-column","type":"registry:block","title":"Testimonials Two Column","description":"A balanced two-column testimonials card grid for React and Next.js with star ratings, avatar attribution, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-two-column.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-two-column.tsx"}]},{"name":"testimonials-search","type":"registry:block","title":"Testimonials Search","description":"A six-card testimonial grid for React and Next.js with marketing-scale headline, semantic figure and blockquote markup, star ratings, and staggered reveal animations built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-search.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-search.tsx"}]},{"name":"testimonials-star-distribution","type":"registry:block","title":"Testimonials Star Distribution","description":"A star rating distribution credibility testimonials block for React and Next.js with an animated horizontal bar chart, featured quote, verified badge, and ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-star-distribution.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-star-distribution.tsx"}]},{"name":"testimonials-progress-bar","type":"registry:block","title":"Testimonials Progress Bar","description":"A metric bar testimonials block for React and Next.js pairing an animated five-category rating breakdown with two supporting marketing-scale quotes and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-progress-bar.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-progress-bar.tsx"}]},{"name":"testimonials-with-metric","type":"registry:block","title":"Testimonials With Metric","description":"A metric bar testimonials grid for React and Next.js with tabular numeric proof tiles, quote cards, avatar attribution, and a marketing headline cluster built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-with-metric.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-with-metric.tsx"}]},{"name":"testimonials-photo-placeholder","type":"registry:block","title":"Testimonials Photo Placeholder","description":"A split panel testimonial block for React and Next.js pairing a full-bleed portrait placeholder with a marketing-scale quote, star rating, and attribution built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-photo-placeholder.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-photo-placeholder.tsx"}]},{"name":"testimonials-trust-badges","type":"registry:block","title":"Testimonials Trust Badges","description":"A testimonials block for React and Next.js featuring a third-party trust badge strip, one focal customer quote, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-trust-badges.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-trust-badges.tsx"}]},{"name":"testimonials-waterfall","type":"registry:block","title":"Testimonials Waterfall","description":"A cascading two-column waterfall testimonials layout for React and Next.js with offset columns, varied card heights, and marketing-scale quote typography built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-waterfall.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-waterfall.tsx"}]},{"name":"testimonials-slider-minimal","type":"registry:block","title":"Testimonials Slider Minimal","description":"A draggable layered testimonial swipe stack for React and Next.js with real drag gestures, velocity-based rotation, autoplay, keyboard navigation, and pagination dots built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-slider-minimal.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-slider-minimal.tsx"}]},{"name":"testimonials-detail-expand","type":"registry:block","title":"Testimonials Detail Expand","description":"An expandable accordion testimonial list for React and Next.js with two-line preview truncation, height-animated reveal, rotating chevron indicators, and large avatar attribution atoms built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-detail-expand.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-detail-expand.tsx"}]},{"name":"testimonials-tweet-style","type":"registry:block","title":"Testimonials Tweet Style","description":"A tweet-style testimonials card grid for React and Next.js with verified profile chrome, engagement metrics, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-tweet-style.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-tweet-style.tsx"}]},{"name":"testimonials-simple","type":"registry:block","title":"Testimonials Simple","description":"A minimal stacked testimonials column for React and Next.js with marketing-scale headline, three featured quotes, semantic figure markup, and staggered reveals built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-simple.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-simple.tsx"}]},{"name":"testimonials-multi-format","type":"registry:block","title":"Testimonials Multi Format","description":"An asymmetric bento testimonial layout for React and Next.js with a featured hero quote, a metric highlight tile, and a video thumbnail tile built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-multi-format.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-multi-format.tsx"}]},{"name":"testimonials-wall","type":"registry:block","title":"Testimonials Wall","description":"A high-density masonry testimonials wall for React and Next.js with CSS columns, break-inside-avoid cards, sparse star accents, and 12 compact reviews built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-wall.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-wall.tsx"}]},{"name":"testimonials-grid-compact","type":"registry:block","title":"Testimonials Grid Compact","description":"A dense masonry testimonial wall for React and Next.js with a centered marketing headline, multi-column break-inside layout, sparse star accents, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-grid-compact.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-grid-compact.tsx"}]},{"name":"testimonials-cards","type":"registry:block","title":"Testimonials Cards","description":"A symmetric three-column testimonials card grid for React and Next.js with star ratings, verified badges, marketing headline cluster, and staggered entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-cards.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-cards.tsx"}]},{"name":"testimonials-company-logos","type":"registry:block","title":"Testimonials Company Logos","description":"A logo wall and quote split testimonials block for React and Next.js with featured customer quote, company logo grid, trust chrome, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-company-logos.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-company-logos.tsx"}]},{"name":"testimonials-podcast-style","type":"registry:block","title":"Testimonials Podcast Style","description":"A waveform audio card grid testimonials block for React and Next.js with play button chrome, static waveform visuals, marketing-scale quotes, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-podcast-style.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-podcast-style.tsx"}]},{"name":"testimonials-interview","type":"registry:block","title":"Testimonials Interview","description":"A long-form interview Q&A testimonial thread for React and Next.js with alternating questions and answers, a single interviewee attribution hero, and marketing-scale typography built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-interview.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-interview.tsx"}]},{"name":"testimonials-horizontal-scroll","type":"registry:block","title":"Testimonials Horizontal Scroll","description":"A draggable layered testimonials swipe stack for React and Next.js with real drag gestures, autoplay, keyboard navigation, pagination dots, and a deep card stack built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-horizontal-scroll.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-horizontal-scroll.tsx"}]},{"name":"testimonials-layered","type":"registry:block","title":"Testimonials Layered","description":"A draggable layered testimonial swipe stack for React and Next.js with real drag gestures, autoplay, keyboard navigation, pagination dots, and a deep card stack built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-layered.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-layered.tsx"}]},{"name":"testimonials-carousel-dark","type":"registry:block","title":"Testimonials Carousel Dark","description":"A dark inset featured quote carousel for React and Next.js with real drag gestures, keyboard navigation, autoplay rotation, pagination dots, and a theme-safe inverted color scheme built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-carousel-dark.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-carousel-dark.tsx"}]},{"name":"testimonials-text-only","type":"registry:block","title":"Testimonials Text Only","description":"An editorial dropcap testimonials block for React and Next.js with magazine-style typography, an oversized first letter, a long-form pull quote, em-dash attribution, and a featured-in credibility line built with motion/react, shadcn/ui, and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-text-only.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-text-only.tsx"}]},{"name":"testimonials-filterable","type":"registry:block","title":"Testimonials Filterable","description":"A role-filterable testimonial card grid for React and Next.js with animated category tabs, AnimatePresence layout transitions, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-filterable.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-filterable.tsx"}]},{"name":"testimonials-split","type":"registry:block","title":"Testimonials Split","description":"A split panel portrait testimonials block for React and Next.js with a full-bleed portrait placeholder, featured marketing-scale quote, secondary supporting quotes, and ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-split.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-split.tsx"}]},{"name":"testimonials-reaction","type":"registry:block","title":"Testimonials Reaction","description":"A conversation-thread testimonials block for React and Next.js with Slack-style chat messages, emoji reaction counters, author timestamps, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-reaction.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-reaction.tsx"}]},{"name":"testimonials-scroll-reveal","type":"registry:block","title":"Testimonials Scroll Reveal","description":"A viewport-triggered scroll-reveal testimonials column for React and Next.js using motion/react whileInView with staggered fade-up reveals, large quote typography, and semantic figure markup built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-scroll-reveal.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-scroll-reveal.tsx"}]},{"name":"testimonials-featured-badge","type":"registry:block","title":"Testimonials Featured Badge","description":"A bento-style testimonial grid for React and Next.js with one featured hero quote spanning two rows and three supporting trio cards built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-featured-badge.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-featured-badge.tsx"}]},{"name":"testimonials-tab-carousel","type":"registry:block","title":"Testimonials Tab Carousel","description":"A layered swipe tab carousel testimonials block for React and Next.js with category tabs, autoplay rotation, keyboard arrow navigation, real AnimatePresence card transitions, and pagination dots built with motion/react, shadcn/ui, and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-tab-carousel.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-tab-carousel.tsx"}]},{"name":"testimonials-highlight-quote","type":"registry:block","title":"Testimonials Highlight Quote","description":"A featured hero testimonial for React and Next.js with a huge pull quote, a highlighted key phrase, an oversized decorative quote mark, a size-16 avatar, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/testimonials/testimonials-highlight-quote.tsx","type":"registry:block","target":"components/blocks/testimonials/testimonials-highlight-quote.tsx"}]},{"name":"storefront-saved-carts","type":"registry:block","title":"Storefront Saved Carts","description":"Multiple saved carts with load, merge, share, and delete actions for React, Next.js, shadcn/ui, and Tailwind CSS storefronts","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/storefront/storefront-saved-carts.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-saved-carts.tsx"}]},{"name":"storefront-loyalty","type":"registry:block","title":"Storefront Loyalty","description":"React loyalty points block with tier progress and redeemable rewards using Next.js, shadcn/ui Progress, Button, and Tailwind CSS for e-commerce","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","progress"],"premium":true,"files":[{"path":"blocks/storefront/storefront-loyalty.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-loyalty.tsx"}]},{"name":"storefront-express-checkout","type":"registry:block","title":"Storefront Express Checkout","description":"Express checkout with saved payment and shipping. Built with React, Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/storefront/storefront-express-checkout.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-express-checkout.tsx"}]},{"name":"storefront-order-tracking","type":"registry:block","title":"Storefront Order Tracking","description":"Track orders with status timeline in React, Next.js, shadcn/ui, and Tailwind CSS. Features shipping details and delivery estimates.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/storefront/storefront-order-tracking.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-order-tracking.tsx"}]},{"name":"storefront-shipping-zones","type":"registry:block","title":"Storefront Shipping Zones","description":"Shipping zones and rates table with domestic and international zones, carrier options, weight-based pricing built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","table"],"premium":true,"files":[{"path":"blocks/storefront/storefront-shipping-zones.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-shipping-zones.tsx"}]},{"name":"storefront-product-certifications","type":"registry:block","title":"Storefront Product Certifications","description":"Organic, fair-trade, and cruelty-free badges with verification dates and expandable details. Built with React, Next.js, shadcn/ui Button, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/storefront/storefront-product-certifications.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-product-certifications.tsx"}]},{"name":"storefront-wishlist","type":"registry:block","title":"Storefront Wishlist","description":"Saved items list with add-to-cart and real-time availability. Built with React, Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","toggle-group"],"premium":true,"files":[{"path":"blocks/storefront/storefront-wishlist.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-wishlist.tsx"}]},{"name":"storefront-product-variants","type":"registry:block","title":"Storefront Product Variants","description":"Product variant selector with colors, sizes, materials. React, Next.js, shadcn/ui Button & Label, Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","label","radio-group","toggle-group"],"premium":true,"files":[{"path":"blocks/storefront/storefront-product-variants.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-product-variants.tsx"}]},{"name":"storefront-gift-card","type":"registry:block","title":"Storefront Gift Card","description":"Gift card purchase with amount selector and delivery options. Built with React, Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","label","textarea","toggle-group"],"premium":true,"files":[{"path":"blocks/storefront/storefront-gift-card.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-gift-card.tsx"}]},{"name":"storefront-mini-cart","type":"registry:block","title":"Storefront Mini Cart","description":"Build a mini cart sidebar with React, Next.js, shadcn/ui Button, Progress, and Tailwind CSS featuring free shipping progress.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","progress"],"premium":true,"files":[{"path":"blocks/storefront/storefront-mini-cart.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-mini-cart.tsx"}]},{"name":"storefront-product-care","type":"registry:block","title":"Storefront Product Care","description":"Care instructions with wash/dry labels, material breakdown, and storage tips. Built with React, Next.js, shadcn/ui Button, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/storefront/storefront-product-care.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-product-care.tsx"}]},{"name":"storefront-currency-selector","type":"registry:block","title":"Storefront Currency Selector","description":"React currency selector with exchange rates and price conversion built with Next.js, shadcn/ui Button, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["select"],"premium":true,"files":[{"path":"blocks/storefront/storefront-currency-selector.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-currency-selector.tsx"}]},{"name":"storefront-price-history","type":"registry:block","title":"Storefront Price History","description":"Price tracking with 90-day trends and alerts for React, Next.js, shadcn/ui, and Tailwind CSS e-commerce storefronts","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","input","label","switch"],"premium":true,"files":[{"path":"blocks/storefront/storefront-price-history.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-price-history.tsx"}]},{"name":"storefront-inventory-alert","type":"registry:block","title":"Storefront Inventory Alert","description":"React inventory alert block with product watchlist and real-time stock status using Next.js, shadcn/ui Switch, Button, and Tailwind CSS for e-commerce","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","switch"],"premium":true,"files":[{"path":"blocks/storefront/storefront-inventory-alert.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-inventory-alert.tsx"}]},{"name":"storefront-gift-wrap","type":"registry:block","title":"Storefront Gift Wrap","description":"Gift wrapping options with message and receipt toggle. Built with React, Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","label","switch","textarea"],"premium":true,"files":[{"path":"blocks/storefront/storefront-gift-wrap.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-gift-wrap.tsx"}]},{"name":"storefront-outlet","type":"registry:block","title":"Storefront Outlet","description":"Clearance outlet with category filters in React, Next.js, shadcn/ui, and Tailwind CSS. Features discount sorting and final sale badges.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/storefront/storefront-outlet.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-outlet.tsx"}]},{"name":"storefront-multi-address-checkout","type":"registry:block","title":"Storefront Multi Address Checkout","description":"Build multi-address shipping with React, Next.js, shadcn/ui Button, and Tailwind CSS featuring per-address method selection.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","tabs"],"premium":true,"files":[{"path":"blocks/storefront/storefront-multi-address-checkout.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-multi-address-checkout.tsx"}]},{"name":"storefront-cross-sell","type":"registry:block","title":"Storefront Cross Sell","description":"React cross-sell block with complementary products, running total, and bulk add to cart built with Next.js, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","checkbox"],"premium":true,"files":[{"path":"blocks/storefront/storefront-cross-sell.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-cross-sell.tsx"}]},{"name":"storefront-comparison","type":"registry:block","title":"Storefront Comparison","description":"React product comparison tool with side-by-side specs using Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","checkbox","sheet","table"],"premium":true,"files":[{"path":"blocks/storefront/storefront-comparison.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-comparison.tsx"}]},{"name":"storefront-reviews","type":"registry:block","title":"Storefront Reviews","description":"Product reviews with star ratings, filtering, and helpful votes for React, Next.js, shadcn/ui, and Tailwind CSS storefronts","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","progress","toggle-group"],"premium":true,"files":[{"path":"blocks/storefront/storefront-reviews.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-reviews.tsx"}]},{"name":"storefront-dispute-resolution","type":"registry:block","title":"Storefront Dispute Resolution","description":"Order dispute form with photo upload and case timeline. Built with React, Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","radio-group","textarea"],"premium":true,"files":[{"path":"blocks/storefront/storefront-dispute-resolution.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-dispute-resolution.tsx"}]},{"name":"storefront-categories","type":"registry:block","title":"Storefront Categories","description":"React category grid with product images and counts using Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/storefront/storefront-categories.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-categories.tsx"}]},{"name":"storefront-cart","type":"registry:block","title":"Storefront Cart","description":"Shopping cart with promo code using React, Next.js, shadcn/ui Button and Input components, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","progress","tooltip"],"premium":true,"files":[{"path":"blocks/storefront/storefront-cart.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-cart.tsx"}]},{"name":"storefront-lookbook","type":"registry:block","title":"Storefront Lookbook","description":"React lookbook block with styled outfit looks and product breakdowns using Next.js, shadcn/ui Button, and Tailwind CSS for fashion merchandising","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/storefront/storefront-lookbook.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-lookbook.tsx"}]},{"name":"storefront-product-availability-map","type":"registry:block","title":"Storefront Product Availability Map","description":"Regional stock levels and delivery estimates for React, Next.js, shadcn/ui, and Tailwind CSS storefronts","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/storefront/storefront-product-availability-map.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-product-availability-map.tsx"}]},{"name":"storefront-store-locator","type":"registry:block","title":"Storefront Store Locator","description":"Product availability search with stock status, distance, and reserve-for-pickup for React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","input"],"premium":true,"files":[{"path":"blocks/storefront/storefront-store-locator.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-store-locator.tsx"}]},{"name":"storefront-new-collection","type":"registry:block","title":"Storefront New Collection","description":"Build collection launch pages with React, Next.js, shadcn/ui Button, Input, and Tailwind CSS featuring newsletter signup.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","input"],"premium":true,"files":[{"path":"blocks/storefront/storefront-new-collection.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-new-collection.tsx"}]},{"name":"storefront-notification-preferences","type":"registry:block","title":"Storefront Notification Preferences","description":"Build notification preferences with React, Next.js, shadcn/ui Button, Switch, and Tailwind CSS featuring channel toggles.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","switch"],"premium":true,"files":[{"path":"blocks/storefront/storefront-notification-preferences.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-notification-preferences.tsx"}]},{"name":"storefront-checkout","type":"registry:block","title":"Storefront Checkout","description":"React checkout form with shipping and order summary using Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","label","radio-group"],"premium":true,"files":[{"path":"blocks/storefront/storefront-checkout.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-checkout.tsx"}]},{"name":"storefront-product-dimensions","type":"registry:block","title":"Storefront Product Dimensions","description":"Product dimension viewer with diagram, cm/inch toggle, and fit guide. Built with React, Next.js, shadcn/ui Button, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/storefront/storefront-product-dimensions.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-product-dimensions.tsx"}]},{"name":"storefront-customer-photos","type":"registry:block","title":"Storefront Customer Photos","description":"React user-generated content gallery with customer photos and reviews built with Next.js, shadcn/ui Button, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","button"],"premium":true,"files":[{"path":"blocks/storefront/storefront-customer-photos.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-customer-photos.tsx"}]},{"name":"storefront-order-cancellation","type":"registry:block","title":"Storefront Order Cancellation","description":"Multi-step order cancellation with reason selection, refund estimate, and confirmation using React, Next.js, shadcn/ui Button, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/storefront/storefront-order-cancellation.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-order-cancellation.tsx"}]},{"name":"storefront-donation-checkout","type":"registry:block","title":"Storefront Donation Checkout","description":"Donation option at checkout with impact statements. Built with React, Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","label","progress","switch"],"premium":true,"files":[{"path":"blocks/storefront/storefront-donation-checkout.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-donation-checkout.tsx"}]},{"name":"storefront-layaway","type":"registry:block","title":"Storefront Layaway","description":"React layaway plan block with payment frequency selector and installment calculator using Next.js, shadcn/ui Button, and Tailwind CSS for e-commerce","dependencies":["framer-motion","date-fns","lucide-react"],"registryDependencies":["button","progress"],"premium":true,"files":[{"path":"blocks/storefront/storefront-layaway.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-layaway.tsx"}]},{"name":"storefront-rewards-tier","type":"registry:block","title":"Storefront Rewards Tier","description":"Loyalty tier progress with points balance, benefits, and expiry alerts for React, Next.js, shadcn/ui, and Tailwind CSS storefronts","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","progress"],"premium":true,"files":[{"path":"blocks/storefront/storefront-rewards-tier.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-rewards-tier.tsx"}]},{"name":"storefront-product-showcase","type":"registry:block","title":"Storefront Product Showcase","description":"Tabbed product showcase with category navigation and grid for React, Next.js, shadcn/ui, Tailwind CSS - browse collections dynamically","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","tabs"],"premium":true,"files":[{"path":"blocks/storefront/storefront-product-showcase.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-product-showcase.tsx"}]},{"name":"storefront-split-payment","type":"registry:block","title":"Storefront Split Payment","description":"Multi-method payment form with card, gift card, and store credit allocation for React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","radio-group","slider"],"premium":true,"files":[{"path":"blocks/storefront/storefront-split-payment.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-split-payment.tsx"}]},{"name":"storefront-customer-service","type":"registry:block","title":"Storefront Customer Service","description":"React customer support panel with live chat, order lookup, and help topics built with Next.js, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","button","textarea"],"premium":true,"files":[{"path":"blocks/storefront/storefront-customer-service.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-customer-service.tsx"}]},{"name":"storefront-order-history","type":"registry:block","title":"Storefront Order History","description":"Order history with expandable rows, status filters, and reorder actions built with React, Next.js, shadcn/ui Button, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/storefront/storefront-order-history.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-order-history.tsx"}]},{"name":"storefront-review-form","type":"registry:block","title":"Storefront Review Form","description":"Product review form with star rating, photo upload, and pros/cons for React, Next.js, shadcn/ui, and Tailwind CSS storefronts","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","label","radio-group","textarea"],"premium":true,"files":[{"path":"blocks/storefront/storefront-review-form.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-review-form.tsx"}]},{"name":"storefront-size-guide","type":"registry:block","title":"Storefront Size Guide","description":"Interactive size guide with fit finder and measurement chart to help customers find their perfect fit using React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["accordion","button","label","select","table","tabs"],"premium":true,"files":[{"path":"blocks/storefront/storefront-size-guide.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-size-guide.tsx"}]},{"name":"storefront-exchange-request","type":"registry:block","title":"Storefront Exchange Request","description":"Product exchange form with variant picker and price calculation. Built with React, Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","radio-group","select"],"premium":true,"files":[{"path":"blocks/storefront/storefront-exchange-request.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-exchange-request.tsx"}]},{"name":"storefront-product-details","type":"registry:block","title":"Storefront Product Details","description":"Full product detail with image, pricing, color/size selectors, and similar items. Built with React, Next.js, shadcn/ui Accordion/Button/RadioGroup, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["accordion","button","label","radio-group"],"premium":true,"files":[{"path":"blocks/storefront/storefront-product-details.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-product-details.tsx"}]},{"name":"storefront-tax-calculator","type":"registry:block","title":"Storefront Tax Calculator","description":"Tax calculator with region selector, VAT support, and itemized breakdown. Built with React, Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","label","switch"],"premium":true,"files":[{"path":"blocks/storefront/storefront-tax-calculator.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-tax-calculator.tsx"}]},{"name":"storefront-bulk-order","type":"registry:block","title":"Storefront Bulk Order","description":"Wholesale ordering with tiered pricing using React, Next.js, shadcn/ui Button and Input components, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","table"],"premium":true,"files":[{"path":"blocks/storefront/storefront-bulk-order.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-bulk-order.tsx"}]},{"name":"storefront-seasonal-sale","type":"registry:block","title":"Storefront Seasonal Sale","description":"Seasonal sale component with featured deals, copyable promo code, category links, and stats using React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","toggle-group"],"premium":true,"files":[{"path":"blocks/storefront/storefront-seasonal-sale.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-seasonal-sale.tsx"}]},{"name":"storefront-product-qa","type":"registry:block","title":"Storefront Product Qa","description":"Searchable question list with expandable answers, voting, and submission form. Built with React, Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","textarea"],"premium":true,"files":[{"path":"blocks/storefront/storefront-product-qa.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-product-qa.tsx"}]},{"name":"storefront-recently-viewed","type":"registry:block","title":"Storefront Recently Viewed","description":"Recently viewed products with timestamps. React, Next.js, shadcn/ui Button, Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/storefront/storefront-recently-viewed.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-recently-viewed.tsx"}]},{"name":"storefront-coupon-wallet","type":"registry:block","title":"Storefront Coupon Wallet","description":"React coupon wallet with active and expired offers using Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","input"],"premium":true,"files":[{"path":"blocks/storefront/storefront-coupon-wallet.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-coupon-wallet.tsx"}]},{"name":"storefront-product-timeline","type":"registry:block","title":"Storefront Product Timeline","description":"Product lifecycle timeline with releases, pre-orders, shipping, limited editions for React, Next.js, shadcn/ui, Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/storefront/storefront-product-timeline.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-product-timeline.tsx"}]},{"name":"storefront-sample-request","type":"registry:block","title":"Storefront Sample Request","description":"Free sample request form with checkboxes, limits, and shipping for React, Next.js, shadcn/ui, and Tailwind CSS storefronts","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","checkbox"],"premium":true,"files":[{"path":"blocks/storefront/storefront-sample-request.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-sample-request.tsx"}]},{"name":"storefront-product-set","type":"registry:block","title":"Storefront Product Set","description":"Curated product set with toggle selection, set discount, price comparison, and add-to-cart for React, Next.js, shadcn/ui, Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","checkbox"],"premium":true,"files":[{"path":"blocks/storefront/storefront-product-set.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-product-set.tsx"}]},{"name":"storefront-membership","type":"registry:block","title":"Storefront Membership","description":"Build membership tier comparison with React, Next.js, shadcn/ui Button, Switch, and Tailwind CSS featuring annual billing toggle.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","label","switch"],"premium":true,"files":[{"path":"blocks/storefront/storefront-membership.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-membership.tsx"}]},{"name":"storefront-collection-filter","type":"registry:block","title":"Storefront Collection Filter","description":"React product filter with sidebar and filter chips using Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","slider","toggle-group"],"premium":true,"files":[{"path":"blocks/storefront/storefront-collection-filter.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-collection-filter.tsx"}]},{"name":"storefront-shipping-calculator","type":"registry:block","title":"Storefront Shipping Calculator","description":"Shipping rate estimator with country and zip input, method selection, and free shipping progress built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","input","label","progress","radio-group","select"],"premium":true,"files":[{"path":"blocks/storefront/storefront-shipping-calculator.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-shipping-calculator.tsx"}]},{"name":"storefront-back-in-stock","type":"registry:block","title":"Storefront Back In Stock","description":"Restock alerts with email/SMS and variant selection for React, Next.js, shadcn/ui, and Tailwind CSS storefronts","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","input","label","switch"],"premium":true,"files":[{"path":"blocks/storefront/storefront-back-in-stock.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-back-in-stock.tsx"}]},{"name":"storefront-order-invoice","type":"registry:block","title":"Storefront Order Invoice","description":"Downloadable invoice with line items, tax breakdown, and billing addresses using React, Next.js, shadcn/ui Button, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/storefront/storefront-order-invoice.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-order-invoice.tsx"}]},{"name":"storefront-product-sustainability","type":"registry:block","title":"Storefront Product Sustainability","description":"Product sustainability info with carbon score, recyclability, certifications, and environmental impact for React, Next.js, shadcn/ui, Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","progress"],"premium":true,"files":[{"path":"blocks/storefront/storefront-product-sustainability.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-product-sustainability.tsx"}]},{"name":"storefront-product-ingredients","type":"registry:block","title":"Storefront Product Ingredients","description":"Expandable ingredient list with sourcing, allergen flags, and certifications. Built with React, Next.js, shadcn/ui Button, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/storefront/storefront-product-ingredients.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-product-ingredients.tsx"}]},{"name":"storefront-pick-up-in-store","type":"registry:block","title":"Storefront Pick Up In Store","description":"BOPIS flow with store selector in React, Next.js, shadcn/ui, and Tailwind CSS. Features pickup time slots and item availability.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/storefront/storefront-pick-up-in-store.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-pick-up-in-store.tsx"}]},{"name":"storefront-product-nutrition","type":"registry:block","title":"Storefront Product Nutrition","description":"FDA-style nutrition label with serving options, macronutrients, and ingredients. Built with React, Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","progress","select"],"premium":true,"files":[{"path":"blocks/storefront/storefront-product-nutrition.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-product-nutrition.tsx"}]},{"name":"storefront-return-request","type":"registry:block","title":"Storefront Return Request","description":"React return and exchange form with refund calculator using Next.js, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","checkbox","progress","radio-group"],"premium":true,"files":[{"path":"blocks/storefront/storefront-return-request.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-return-request.tsx"}]},{"name":"storefront-order-summary","type":"registry:block","title":"Storefront Order Summary","description":"Order confirmation receipt with itemized breakdown and delivery estimate built with React, Next.js, shadcn/ui Button, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/storefront/storefront-order-summary.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-order-summary.tsx"}]},{"name":"storefront-product-warranty","type":"registry:block","title":"Storefront Product Warranty","description":"Warranty plan selector with tiered options. React, Next.js, shadcn/ui Button, Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["accordion","badge","button","radio-group"],"premium":true,"files":[{"path":"blocks/storefront/storefront-product-warranty.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-product-warranty.tsx"}]},{"name":"storefront-auction","type":"registry:block","title":"Storefront Auction","description":"Live auction with bid history and buy-now for React, Next.js, shadcn/ui, and Tailwind CSS marketplaces","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","button","input","progress","tooltip"],"premium":true,"files":[{"path":"blocks/storefront/storefront-auction.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-auction.tsx"}]},{"name":"storefront-payment-methods","type":"registry:block","title":"Storefront Payment Methods","description":"Manage saved payment cards in React, Next.js, shadcn/ui, and Tailwind CSS. Features card addition, default selection, and removal actions.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","checkbox","input","label"],"premium":true,"files":[{"path":"blocks/storefront/storefront-payment-methods.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-payment-methods.tsx"}]},{"name":"storefront-featured-product","type":"registry:block","title":"Storefront Featured Product","description":"Featured product block with size selector, quantity picker, and cart actions. Built with React, Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","label","toggle-group"],"premium":true,"files":[{"path":"blocks/storefront/storefront-featured-product.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-featured-product.tsx"}]},{"name":"storefront-product-video","type":"registry:block","title":"Storefront Product Video","description":"Product video showcase with tabs and thumbnails. React, Next.js, shadcn/ui Button, Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/storefront/storefront-product-video.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-product-video.tsx"}]},{"name":"storefront-product-specs","type":"registry:block","title":"Storefront Product Specs","description":"Product specs table with alternating rows, key features, and downloadable spec sheet for React, Next.js, shadcn/ui, Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["accordion","button","table"],"premium":true,"files":[{"path":"blocks/storefront/storefront-product-specs.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-product-specs.tsx"}]},{"name":"storefront-reorder","type":"registry:block","title":"Storefront Reorder","description":"React reorder panel with price tracking, quantity controls, and bulk cart actions using Next.js, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","checkbox"],"premium":true,"files":[{"path":"blocks/storefront/storefront-reorder.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-reorder.tsx"}]},{"name":"storefront-brand-directory","type":"registry:block","title":"Storefront Brand Directory","description":"A-Z brand directory with search using React, Next.js, shadcn/ui Input component, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","input","toggle-group"],"premium":true,"files":[{"path":"blocks/storefront/storefront-brand-directory.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-brand-directory.tsx"}]},{"name":"storefront-pre-order","type":"registry:block","title":"Storefront Pre Order","description":"Pre-order block with deposit pricing, benefits, and social proof for React, Next.js, shadcn/ui, and Tailwind CSS storefronts","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","input","label","progress"],"premium":true,"files":[{"path":"blocks/storefront/storefront-pre-order.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-pre-order.tsx"}]},{"name":"storefront-search-results","type":"registry:block","title":"Storefront Search Results","description":"Product search results with query display, category filters, sort controls, and listing rows built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","checkbox","input","label","slider","toggle-group"],"premium":true,"files":[{"path":"blocks/storefront/storefront-search-results.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-search-results.tsx"}]},{"name":"storefront-product-customizer","type":"registry:block","title":"Storefront Product Customizer","description":"Two-panel customizer with color swatches, monogram input, and dynamic pricing. Built with React, Next.js, shadcn/ui Input/Button/Label, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","label"],"premium":true,"files":[{"path":"blocks/storefront/storefront-product-customizer.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-product-customizer.tsx"}]},{"name":"storefront-vendor-profile","type":"registry:block","title":"Storefront Vendor Profile","description":"Seller profile with ratings, sales count, and top products. Built with React, Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/storefront/storefront-vendor-profile.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-vendor-profile.tsx"}]},{"name":"storefront-order-notes","type":"registry:block","title":"Storefront Order Notes","description":"Order instructions with delivery notes, gift messages, and dietary preferences using React, Next.js, shadcn/ui Switch, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","label","switch","textarea"],"premium":true,"files":[{"path":"blocks/storefront/storefront-order-notes.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-order-notes.tsx"}]},{"name":"storefront-waitlist","type":"registry:block","title":"Storefront Waitlist","description":"Waitlist signup with email/SMS preferences and referral sharing. Built with React, Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","checkbox","input","label","progress"],"premium":true,"files":[{"path":"blocks/storefront/storefront-waitlist.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-waitlist.tsx"}]},{"name":"storefront-bundles","type":"registry:block","title":"Storefront Bundles","description":"Product bundle builder with tabs using React, Next.js, shadcn/ui Tabs and Button components, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","checkbox","progress","switch","tabs"],"premium":true,"files":[{"path":"blocks/storefront/storefront-bundles.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-bundles.tsx"}]},{"name":"storefront-abandoned-cart-recovery","type":"registry:block","title":"Storefront Abandoned Cart Recovery","description":"Cart recovery panel with saved items, discount codes, and purchase CTA for React, Next.js, shadcn/ui, and Tailwind CSS storefronts","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","input"],"premium":true,"files":[{"path":"blocks/storefront/storefront-abandoned-cart-recovery.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-abandoned-cart-recovery.tsx"}]},{"name":"storefront-bestsellers-ranking","type":"registry:block","title":"Storefront Bestsellers Ranking","description":"Ranked bestseller product list with time filters using React, Next.js, shadcn/ui Button component, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["tabs"],"premium":true,"files":[{"path":"blocks/storefront/storefront-bestsellers-ranking.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-bestsellers-ranking.tsx"}]},{"name":"storefront-social-proof","type":"registry:block","title":"Storefront Social Proof","description":"Real-time purchase activity dashboard with live viewers, recent orders, and velocity metrics for React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","button"],"premium":true,"files":[{"path":"blocks/storefront/storefront-social-proof.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-social-proof.tsx"}]},{"name":"storefront-store-credit","type":"registry:block","title":"Storefront Store Credit","description":"Balance tracker with transaction history, pending credits, and redemption info for React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","input"],"premium":true,"files":[{"path":"blocks/storefront/storefront-store-credit.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-store-credit.tsx"}]},{"name":"storefront-product-gallery","type":"registry:block","title":"Storefront Product Gallery","description":"Product image gallery with thumbnails, color swatches, and details panel. Built with React, Next.js, shadcn/ui Button, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/storefront/storefront-product-gallery.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-product-gallery.tsx"}]},{"name":"storefront-product-bundle-builder","type":"registry:block","title":"Storefront Product Bundle Builder","description":"Build-your-own bundle with step-by-step selection for React, Next.js, shadcn/ui, and Tailwind CSS storefronts","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","progress"],"premium":true,"files":[{"path":"blocks/storefront/storefront-product-bundle-builder.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-product-bundle-builder.tsx"}]},{"name":"storefront-personalized","type":"registry:block","title":"Storefront Personalized","description":"Personalized shopping with viewed products in React, Next.js, shadcn/ui, and Tailwind CSS. Features tabbed interface with recommendations.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","tabs"],"premium":true,"files":[{"path":"blocks/storefront/storefront-personalized.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-personalized.tsx"}]},{"name":"storefront-quick-view","type":"registry:block","title":"Storefront Quick View","description":"Product list with quick view modal. React, Next.js, shadcn/ui Dialog & Button, Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","dialog","label","separator","toggle-group"],"premium":true,"files":[{"path":"blocks/storefront/storefront-quick-view.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-quick-view.tsx"}]},{"name":"storefront-trade-in","type":"registry:block","title":"Storefront Trade In","description":"Trade-in calculator with condition grading and real-time value display. Built with React, Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["framer-motion"],"registryDependencies":["button","radio-group"],"premium":true,"files":[{"path":"blocks/storefront/storefront-trade-in.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-trade-in.tsx"}]},{"name":"storefront-rental","type":"registry:block","title":"Storefront Rental","description":"React rental product selector with insurance, deposit terms, and pricing using Next.js, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","checkbox","label","radio-group"],"premium":true,"files":[{"path":"blocks/storefront/storefront-rental.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-rental.tsx"}]},{"name":"storefront-price-match","type":"registry:block","title":"Storefront Price Match","description":"Price match claim form with competitor comparison for React, Next.js, shadcn/ui, and Tailwind CSS storefronts","dependencies":["framer-motion","lucide-react"],"registryDependencies":["accordion","badge","button","input","label","textarea"],"premium":true,"files":[{"path":"blocks/storefront/storefront-price-match.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-price-match.tsx"}]},{"name":"storefront-installments","type":"registry:block","title":"Storefront Installments","description":"React installment plan selector with Klarna, Afterpay, and Affirm using Next.js, shadcn/ui Button, and Tailwind CSS for clean payment scheduling","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","radio-group"],"premium":true,"files":[{"path":"blocks/storefront/storefront-installments.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-installments.tsx"}]},{"name":"storefront-address-book","type":"registry:block","title":"Storefront Address Book","description":"Manage saved shipping and billing addresses with default selection and inline editing for React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","checkbox","input","label","radio-group","tooltip"],"premium":true,"files":[{"path":"blocks/storefront/storefront-address-book.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-address-book.tsx"}]},{"name":"storefront-digital-download","type":"registry:block","title":"Storefront Digital Download","description":"Digital product delivery panel with download links and license key. Built with React, Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","progress"],"premium":true,"files":[{"path":"blocks/storefront/storefront-digital-download.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-digital-download.tsx"}]},{"name":"storefront-gift-finder","type":"registry:block","title":"Storefront Gift Finder","description":"Interactive gift finder quiz with product recommendations. Built with React, Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","label","progress","radio-group"],"premium":true,"files":[{"path":"blocks/storefront/storefront-gift-finder.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-gift-finder.tsx"}]},{"name":"storefront-referral-program","type":"registry:block","title":"Storefront Referral Program","description":"React referral program with shareable link, earnings tracker, and referral history using Next.js, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/storefront/storefront-referral-program.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-referral-program.tsx"}]},{"name":"storefront-delivery-slots","type":"registry:block","title":"Storefront Delivery Slots","description":"React delivery scheduler with time slots and pricing built with Next.js, shadcn/ui RadioGroup, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","label","radio-group"],"premium":true,"files":[{"path":"blocks/storefront/storefront-delivery-slots.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-delivery-slots.tsx"}]},{"name":"storefront-registry","type":"registry:block","title":"Storefront Registry","description":"React gift and wedding registry with funding goal, item tracking, and shareable link using Next.js, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","progress"],"premium":true,"files":[{"path":"blocks/storefront/storefront-registry.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-registry.tsx"}]},{"name":"storefront-subscription-box","type":"registry:block","title":"Storefront Subscription Box","description":"Subscribe-and-save block with frequency options, savings calculator, and benefits for React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","label","radio-group"],"premium":true,"files":[{"path":"blocks/storefront/storefront-subscription-box.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-subscription-box.tsx"}]},{"name":"storefront-product-comparison-table","type":"registry:block","title":"Storefront Product Comparison Table","description":"Side-by-side feature matrix with check marks, prices, and add-to-cart buttons. Built with React, Next.js, shadcn/ui Button, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/storefront/storefront-product-comparison-table.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-product-comparison-table.tsx"}]},{"name":"storefront-flash-sale","type":"registry:block","title":"Storefront Flash Sale","description":"Flash sale block with countdown timer and deal products. Built with React, Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","progress"],"premium":true,"files":[{"path":"blocks/storefront/storefront-flash-sale.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-flash-sale.tsx"}]},{"name":"storefront-age-verification","type":"registry:block","title":"Storefront Age Verification","description":"Age verification gate with date-of-birth selectors, remember-me toggle, and animated state transitions for React, Next.js, shadcn/ui, and Tailwind CSS age-restricted storefronts","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","checkbox","select"],"premium":true,"files":[{"path":"blocks/storefront/storefront-age-verification.tsx","type":"registry:block","target":"components/blocks/storefront/storefront-age-verification.tsx"}]},{"name":"features-ai-capabilities","type":"registry:block","title":"Features Ai Capabilities","description":"A bento asymmetric grid features section for React and Next.js with one hero cell, five smaller capability cells, and a live NLU parse output visualization built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-ai-capabilities.tsx","type":"registry:block","target":"components/blocks/features/features-ai-capabilities.tsx"}]},{"name":"features-status-ops-board","type":"registry:block","title":"Features Status Ops Board","description":"A status ops board features section for React and Next.js with service rows, status dots, response times, uptime percentages, and 30-day mini bar charts built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-status-ops-board.tsx","type":"registry:block","target":"components/blocks/features/features-status-ops-board.tsx"}]},{"name":"features-terminal-command-showcase","type":"registry:block","title":"Features Terminal Command Showcase","description":"A terminal command showcase features section for React and Next.js with a PillTabs category selector, a dark terminal window mockup displaying emerald command prompts with muted output, and a three-card value prop row built with shadcn/ui PillTabs and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["pill-tabs"],"premium":true,"files":[{"path":"blocks/features/features-terminal-command-showcase.tsx","type":"registry:block","target":"components/blocks/features/features-terminal-command-showcase.tsx"}]},{"name":"features-bento-mixed-cell-grid","type":"registry:block","title":"Features Bento Mixed Cell Grid","description":"A bento mixed cell grid features section for React and Next.js with six visually distinct cells combining an image mockup cell a stat tile a quote cell icon cells and a dual-CTA footer built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-bento-mixed-cell-grid.tsx","type":"registry:block","target":"components/blocks/features/features-bento-mixed-cell-grid.tsx"}]},{"name":"features-badge-counter-wall-grid","type":"registry:block","title":"Features Badge Counter Wall Grid","description":"A wide 4x2 grid features section for React and Next.js displaying eight notification channel cards each with a bell icon, tabular counter, channel name, last message preview, unread red dot indicator, and mark all read button, built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-badge-counter-wall-grid.tsx","type":"registry:block","target":"components/blocks/features/features-badge-counter-wall-grid.tsx"}]},{"name":"features-floating-icon-sextet","type":"registry:block","title":"Features Floating Icon Sextet","description":"A borderless floating icon sextet feature section for React and Next.js with a centered headline and a six-item icon grid rendered on pure typography without cards, borders, or backgrounds built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-floating-icon-sextet.tsx","type":"registry:block","target":"components/blocks/features/features-floating-icon-sextet.tsx"}]},{"name":"features-fanned-card-deck-hover","type":"registry:block","title":"Features Fanned Card Deck Hover","description":"A fanned card deck hover features layout for React and Next.js with 5 overlapping rotated cards that spread horizontally on group hover built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-fanned-card-deck-hover.tsx","type":"registry:block","target":"components/blocks/features/features-fanned-card-deck-hover.tsx"}]},{"name":"features-dark-inset-split-mockup","type":"registry:block","title":"Features Dark Inset Split Mockup","description":"A dark inset split feature section for React and Next.js with an inverted bg-foreground panel containing a left headline and CheckIcon bullet list plus a right browser-chrome product mockup built with ShadcnioButton, shadcn/ui, and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-dark-inset-split-mockup.tsx","type":"registry:block","target":"components/blocks/features/features-dark-inset-split-mockup.tsx"}]},{"name":"features-split-screenshot-with-stats","type":"registry:block","title":"Features Split Screenshot With Stats","description":"A split features section for React and Next.js with a large crosshair screenshot placeholder, three floating stat cards overlaid at absolute positions, and a right-side headline, four feature rows, and CTA built with ShadcnioButton, shadcn/ui, and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-split-screenshot-with-stats.tsx","type":"registry:block","target":"components/blocks/features/features-split-screenshot-with-stats.tsx"}]},{"name":"features-book-chapter-toc","type":"registry:block","title":"Features Book Chapter Toc","description":"A book chapter table of contents features section for React and Next.js with a serif title page and two-column chapter list with leader dots built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-book-chapter-toc.tsx","type":"registry:block","target":"components/blocks/features/features-book-chapter-toc.tsx"}]},{"name":"features-toggle-switch-control-panel","type":"registry:block","title":"Features Toggle Switch Control Panel","description":"A control panel features section for React and Next.js with a grid of labeled toggle switches, save configuration banner, and enabled counter, built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-toggle-switch-control-panel.tsx","type":"registry:block","target":"components/blocks/features/features-toggle-switch-control-panel.tsx"}]},{"name":"features-zigzag-screenshot-rows","type":"registry:block","title":"Features Zigzag Screenshot Rows","description":"A zigzag screenshot rows features section for React and Next.js with four alternating hero-scale crosshair image placeholders, eyebrow pills, and CheckIcon benefit lists built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-zigzag-screenshot-rows.tsx","type":"registry:block","target":"components/blocks/features/features-zigzag-screenshot-rows.tsx"}]},{"name":"features-analytics-widget-dashboard","type":"registry:block","title":"Features Analytics Widget Dashboard","description":"An analytics widget dashboard features section for React and Next.js with a line chart, uptime stat tile, weekly bar chart, and donut chart built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-analytics-widget-dashboard.tsx","type":"registry:block","target":"components/blocks/features/features-analytics-widget-dashboard.tsx"}]},{"name":"features-numbered-alternating-rows","type":"registry:block","title":"Features Numbered Alternating Rows","description":"A numbered alternating rows features section for React and Next.js with four zigzag rows each anchored by an oversized text-6xl font-black ghost number, crosshair image placeholders, and descriptive copy built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-numbered-alternating-rows.tsx","type":"registry:block","target":"components/blocks/features/features-numbered-alternating-rows.tsx"}]},{"name":"features-dark-inset-numbered-pillars","type":"registry:block","title":"Features Dark Inset Numbered Pillars","description":"A dark inset numbered pillars feature section for React and Next.js with a high-contrast editorial dark panel and three ghost-numeraled vertical pillars separated by dividers built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-dark-inset-numbered-pillars.tsx","type":"registry:block","target":"components/blocks/features/features-dark-inset-numbered-pillars.tsx"}]},{"name":"features-timeline-evolution-story","type":"registry:block","title":"Features Timeline Evolution Story","description":"A horizontal timeline evolution story features section for React and Next.js with five clickable year nodes along a top rail and a single detail card below that swaps with AnimatePresence built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-timeline-evolution-story.tsx","type":"registry:block","target":"components/blocks/features/features-timeline-evolution-story.tsx"}]},{"name":"features-quadrant-plot-two-axis-map","type":"registry:block","title":"Features Quadrant Plot Two Axis Map","description":"A two-axis quadrant plot features section for React and Next.js with six plotted feature dots, click-to-select scatter interactions, dimmed neighbors, and a side detail panel built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-quadrant-plot-two-axis-map.tsx","type":"registry:block","target":"components/blocks/features/features-quadrant-plot-two-axis-map.tsx"}]},{"name":"features-circular-orbit-layout","type":"registry:block","title":"Features Circular Orbit Layout","description":"A circular orbit feature layout for React and Next.js with a central brand hub and six feature nodes arranged in a 360 degree orbit built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-circular-orbit-layout.tsx","type":"registry:block","target":"components/blocks/features/features-circular-orbit-layout.tsx"}]},{"name":"features-traditional-vs-modern-split","type":"registry:block","title":"Features Traditional Vs Modern Split","description":"A traditional vs modern split features section for React and Next.js with two parallel columns in a single card, a center VS badge divider, dashed desaturated legacy items on the left and clean accented modern items on the right built with ShadcnioButton, shadcn/ui, and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-traditional-vs-modern-split.tsx","type":"registry:block","target":"components/blocks/features/features-traditional-vs-modern-split.tsx"}]},{"name":"features-layered-stack-diagram","type":"registry:block","title":"Features Layered Stack Diagram","description":"A vertical layered stack diagram feature section for React and Next.js showing five stacked tech layers with per-layer vendors and cross-cutting concern callouts built with ShadcnioButton, shadcn/ui, and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-layered-stack-diagram.tsx","type":"registry:block","target":"components/blocks/features/features-layered-stack-diagram.tsx"}]},{"name":"features-metric-hero-strip","type":"registry:block","title":"Features Metric Hero Strip","description":"A metric hero strip features section for React and Next.js with a full-width four-cell divided stat strip as the hero and a supporting three-column feature row built with ShadcnioButton, shadcn/ui, and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-metric-hero-strip.tsx","type":"registry:block","target":"components/blocks/features/features-metric-hero-strip.tsx"}]},{"name":"features-stats-ribbon-over-grid","type":"registry:block","title":"Features Stats Ribbon Over Grid","description":"A features section for React and Next.js with a compact pill-shaped stats ribbon above a three-cell feature grid and dual CTAs built with ShadcnioButton, shadcn/ui, and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-stats-ribbon-over-grid.tsx","type":"registry:block","target":"components/blocks/features/features-stats-ribbon-over-grid.tsx"}]},{"name":"features-manila-folder-tab-row","type":"registry:block","title":"Features Manila Folder Tab Row","description":"A manila folder tab features section for React and Next.js with clickable folder tabs, active tab content panel, filed-under metadata tags, and paper file styling built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-manila-folder-tab-row.tsx","type":"registry:block","target":"components/blocks/features/features-manila-folder-tab-row.tsx"}]},{"name":"features-filmstrip-frame-row","type":"registry:block","title":"Features Filmstrip Frame Row","description":"A 35mm filmstrip features section for React and Next.js with sprocket hole borders, five numbered film frames, and a director credit stamp, built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-filmstrip-frame-row.tsx","type":"registry:block","target":"components/blocks/features/features-filmstrip-frame-row.tsx"}]},{"name":"features-pill-driven-flagship-card","type":"registry:block","title":"Features Pill Driven Flagship Card","description":"A pill-driven flagship card features section for React and Next.js with a four-tab PillTabs selector above a single asymmetric 40/60 split card featuring a stylized window-chrome product mockup built with shadcn/ui PillTabs and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["pill-tabs"],"premium":true,"files":[{"path":"blocks/features/features-pill-driven-flagship-card.tsx","type":"registry:block","target":"components/blocks/features/features-pill-driven-flagship-card.tsx"}]},{"name":"features-boarding-pass-ticket-stub","type":"registry:block","title":"Features Boarding Pass Ticket Stub","description":"A boarding pass features section for React and Next.js rendering each capability as an airline ticket with a perforated stub, flight metadata, and barcode built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-boarding-pass-ticket-stub.tsx","type":"registry:block","target":"components/blocks/features/features-boarding-pass-ticket-stub.tsx"}]},{"name":"features-wave-graph-point-selector","type":"registry:block","title":"Features Wave Graph Point Selector","description":"A wave graph point selector features section for React and Next.js with an SVG smooth-curve line chart, six clickable data points, hover tooltips, and a detail panel that updates with the active milestone built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-wave-graph-point-selector.tsx","type":"registry:block","target":"components/blocks/features/features-wave-graph-point-selector.tsx"}]},{"name":"features-newspaper-column-spread","type":"registry:block","title":"Features Newspaper Column Spread","description":"A newspaper column spread features section for React and Next.js with a serif masthead, three-column article layout, and a boxed breaking feature built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-newspaper-column-spread.tsx","type":"registry:block","target":"components/blocks/features/features-newspaper-column-spread.tsx"}]},{"name":"features-world-map-pin-overlay","type":"registry:block","title":"Features World Map Pin Overlay","description":"A world map pin overlay features section for React and Next.js with a dot-grid world map, six numbered region pins, a region legend grid below the map, and a four-tile stats row built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/features/features-world-map-pin-overlay.tsx","type":"registry:block","target":"components/blocks/features/features-world-map-pin-overlay.tsx"}]},{"name":"features-keyboard-shortcut-reference-card","type":"registry:block","title":"Features Keyboard Shortcut Reference Card","description":"A keyboard shortcut reference card features section for React and Next.js with a centered marketing headline, an eight-tile grid showing an icon action label and Kbd key badges per tile, and a footer with a See all shortcuts link plus ShadcnioButton CTA built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["kbd"],"premium":true,"files":[{"path":"blocks/features/features-keyboard-shortcut-reference-card.tsx","type":"registry:block","target":"components/blocks/features/features-keyboard-shortcut-reference-card.tsx"}]},{"name":"features-segmented-tab-split-frame","type":"registry:block","title":"Features Segmented Tab Split Frame","description":"A segmented tab split frame features section for React and Next.js with PillTabs navigation above a browser chrome wrapped split card containing a text panel and a mini dashboard mockup with fake chart bars built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["pill-tabs"],"premium":true,"files":[{"path":"blocks/features/features-segmented-tab-split-frame.tsx","type":"registry:block","target":"components/blocks/features/features-segmented-tab-split-frame.tsx"}]},{"name":"features-architecture-flow-diagram","type":"registry:block","title":"Features Architecture Flow Diagram","description":"A horizontal architecture flow diagram feature section for React and Next.js showing five connected pipeline nodes with per-stage metrics built with ShadcnioButton, shadcn/ui, and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-architecture-flow-diagram.tsx","type":"registry:block","target":"components/blocks/features/features-architecture-flow-diagram.tsx"}]},{"name":"features-toast-notification-stack-hero","type":"registry:block","title":"Features Toast Notification Stack Hero","description":"A split hero features section for React and Next.js with a headline cluster beside a layered stack of five offset toast notification cards each showing status icon, title, description, timestamp, and dismiss button, built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-toast-notification-stack-hero.tsx","type":"registry:block","target":"components/blocks/features/features-toast-notification-stack-hero.tsx"}]},{"name":"features-receipt-itemized-printout","type":"registry:block","title":"Features Receipt Itemized Printout","description":"A thermal receipt features section for React and Next.js rendering an itemized POS printout with header metadata, monospaced line items, totals, barcode footer, and zigzag bottom edge built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-receipt-itemized-printout.tsx","type":"registry:block","target":"components/blocks/features/features-receipt-itemized-printout.tsx"}]},{"name":"features-invoice-line-item-breakdown","type":"registry:block","title":"Features Invoice Line Item Breakdown","description":"A professional invoice features section for React and Next.js rendering a billing document with INVOICE header, bill-to/bill-from columns, itemized table, totals, terms block, and rotated PAID stamp watermark built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-invoice-line-item-breakdown.tsx","type":"registry:block","target":"components/blocks/features/features-invoice-line-item-breakdown.tsx"}]},{"name":"features-borderless-compact-icon-grid","type":"registry:block","title":"Features Borderless Compact Icon Grid","description":"A borderless compact icon grid features section for React and Next.js with a thin outer card wrapper and a dense 3x3 inner grid of nine small icon features built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-borderless-compact-icon-grid.tsx","type":"registry:block","target":"components/blocks/features/features-borderless-compact-icon-grid.tsx"}]},{"name":"features-anchored-headline-grid","type":"registry:block","title":"Features Anchored Headline Grid","description":"An anchored headline split feature section for React and Next.js with a large left-pinned marketing headline and a 2x2 CheckIcon reinforcement grid on the right built with ShadcnioButton, shadcn/ui, and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-anchored-headline-grid.tsx","type":"registry:block","target":"components/blocks/features/features-anchored-headline-grid.tsx"}]},{"name":"features-integration-logo-mark-grid","type":"registry:block","title":"Features Integration Logo Mark Grid","description":"An integration logo mark grid features section for React and Next.js with a PillTabs category filter above a 4 column grid of 12 integration tiles each with a geometric brand mark name and category label built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"registryDependencies":["pill-tabs"],"premium":true,"files":[{"path":"blocks/features/features-integration-logo-mark-grid.tsx","type":"registry:block","target":"components/blocks/features/features-integration-logo-mark-grid.tsx"}]},{"name":"features-api-endpoints","type":"registry:block","title":"Features Api Endpoints","description":"A code card grid features section for React and Next.js with a centered headline, six image-card cells containing dark code block mockups, and per-card icon and description built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-api-endpoints.tsx","type":"registry:block","target":"components/blocks/features/features-api-endpoints.tsx"}]},{"name":"features-live-code-playground-showcase","type":"registry:block","title":"Features Live Code Playground Showcase","description":"A live code playground showcase features section for React and Next.js with a language PillTabs selector, a dark terminal code editor panel with fake syntax highlighting and line numbers, and a right-side live preview pane rendering a miniature card with button toggle and chart mockup built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react","shiki"],"registryDependencies":["pill-tabs"],"premium":true,"files":[{"path":"blocks/features/features-live-code-playground-showcase.tsx","type":"registry:block","target":"components/blocks/features/features-live-code-playground-showcase.tsx"}]},{"name":"features-spotlight-hover-mask-grid","type":"registry:block","title":"Features Spotlight Hover Mask Grid","description":"A spotlight hover mask grid features section for React and Next.js with a cursor-tracking radial reveal, dimmed sibling cards, and a six-cell analytics feature grid built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-spotlight-hover-mask-grid.tsx","type":"registry:block","target":"components/blocks/features/features-spotlight-hover-mask-grid.tsx"}]},{"name":"features-dark-inset-icon-grid","type":"registry:block","title":"Features Dark Inset Icon Grid","description":"A dark inset icon grid features section for React and Next.js with a light outer card wrapping a dramatic dark inset panel that holds a centered headline and a six-item 2x3 icon grid built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-dark-inset-icon-grid.tsx","type":"registry:block","target":"components/blocks/features/features-dark-inset-icon-grid.tsx"}]},{"name":"features-road-trip-milestone-path","type":"registry:block","title":"Features Road Trip Milestone Path","description":"A road trip milestone path features section for React and Next.js with a curvy dashed SVG road, five numbered milestone markers, start and finish flags, and staggered reveal animations built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-road-trip-milestone-path.tsx","type":"registry:block","target":"components/blocks/features/features-road-trip-milestone-path.tsx"}]},{"name":"features-passport-stamp-collection-grid","type":"registry:block","title":"Features Passport Stamp Collection Grid","description":"A passport stamp features section for React and Next.js arranging capabilities as rotated ink-stamp impressions on a lined passport page with serif typography and arched country labels built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-passport-stamp-collection-grid.tsx","type":"registry:block","target":"components/blocks/features/features-passport-stamp-collection-grid.tsx"}]},{"name":"features-compliance-badge-grid","type":"registry:block","title":"Features Compliance Badge Grid","description":"A compliance badge grid features section for React and Next.js with a 2x3 grid of certification seal cards each with a shield mark verified label and audit description built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-compliance-badge-grid.tsx","type":"registry:block","target":"components/blocks/features/features-compliance-badge-grid.tsx"}]},{"name":"features-numbered-question-feature-list","type":"registry:block","title":"Features Numbered Question Feature List","description":"A numbered question feature list block for React and Next.js where each capability is framed as a dev pain-point question that the product feature answers with a two-column number plus answer layout built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-numbered-question-feature-list.tsx","type":"registry:block","target":"components/blocks/features/features-numbered-question-feature-list.tsx"}]},{"name":"features-top-image-card-sextet","type":"registry:block","title":"Features Top Image Card Sextet","description":"A six-card feature grid for React and Next.js with a top image area on every card, a floating corner icon badge, and eyebrow headline above the grid built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-top-image-card-sextet.tsx","type":"registry:block","target":"components/blocks/features/features-top-image-card-sextet.tsx"}]},{"name":"features-segmented-accordion-mockup","type":"registry:block","title":"Features Segmented Accordion Mockup","description":"A segmented accordion mockup feature section for React and Next.js with a top PillTabs category selector, a 40/60 accordion and image split, and a crosshair mockup that swaps via AnimatePresence when the accordion selection changes built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["accordion","pill-tabs"],"premium":true,"files":[{"path":"blocks/features/features-segmented-accordion-mockup.tsx","type":"registry:block","target":"components/blocks/features/features-segmented-accordion-mockup.tsx"}]},{"name":"features-gauge-cluster-dashboard-row","type":"registry:block","title":"Features Gauge Cluster Dashboard Row","description":"A dashboard-inspired features section for React and Next.js with a row of three semicircular SVG gauges, tick marks, and needle indicators visualizing capability metrics, built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-gauge-cluster-dashboard-row.tsx","type":"registry:block","target":"components/blocks/features/features-gauge-cluster-dashboard-row.tsx"}]},{"name":"features-sticky-headline-scroll-list","type":"registry:block","title":"Features Sticky Headline Scroll List","description":"A sticky headline scroll list feature section for React and Next.js with a pinned left headline column and a tall right-side scrolling list of eight numbered feature items with mini mockups built with ShadcnioButton, shadcn/ui, and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-sticky-headline-scroll-list.tsx","type":"registry:block","target":"components/blocks/features/features-sticky-headline-scroll-list.tsx"}]},{"name":"features-thin-sidebar-marquee-panel","type":"registry:block","title":"Features Thin Sidebar Marquee Panel","description":"A thin icon-only sidebar master-detail features section for React and Next.js with a w-16 vertical icon rail, hover tooltips, and a large marquee text-3xl detail panel with crosshair image placeholder built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["tooltip"],"premium":true,"files":[{"path":"blocks/features/features-thin-sidebar-marquee-panel.tsx","type":"registry:block","target":"components/blocks/features/features-thin-sidebar-marquee-panel.tsx"}]},{"name":"features-horizontal-marquee-band","type":"registry:block","title":"Features Horizontal Marquee Band","description":"A horizontal auto-scrolling marquee band feature section for React and Next.js with infinitely looping feature pills, a headline header, and a condensed three-column expansion grid built with motion/react, shadcn/ui, and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-horizontal-marquee-band.tsx","type":"registry:block","target":"components/blocks/features/features-horizontal-marquee-band.tsx"}]},{"name":"features-alternating-stripe-sections","type":"registry:block","title":"Features Alternating Stripe Sections","description":"An alternating stripe sections features layout for React and Next.js with full-width magazine-style rhythm bands, no outer card wrapper, and a final centered tri-column mini-grid built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-alternating-stripe-sections.tsx","type":"registry:block","target":"components/blocks/features/features-alternating-stripe-sections.tsx"}]},{"name":"features-quote-driven-feature-cards","type":"registry:block","title":"Features Quote Driven Feature Cards","description":"A quote-driven feature card grid for React and Next.js where each card is a customer pull quote about one specific capability with decorative quote mark, italic quote, feature label, and author row built with ShadcnioButton, shadcn/ui, and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-quote-driven-feature-cards.tsx","type":"registry:block","target":"components/blocks/features/features-quote-driven-feature-cards.tsx"}]},{"name":"features-card-carousel","type":"registry:block","title":"Features Card Carousel","description":"A horizontal snap-scroll card carousel features section for React and Next.js with prev and next arrow navigation, multi-card visible layout, and crosshair image placeholder cards built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-card-carousel.tsx","type":"registry:block","target":"components/blocks/features/features-card-carousel.tsx"}]},{"name":"features-staggered-hex-cluster-grid","type":"registry:block","title":"Features Staggered Hex Cluster Grid","description":"A staggered honeycomb cluster feature section for React and Next.js with six feature cells arranged in offset rows that form a distinctive hex silhouette and hover tooltips for descriptions built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-staggered-hex-cluster-grid.tsx","type":"registry:block","target":"components/blocks/features/features-staggered-hex-cluster-grid.tsx"}]},{"name":"features-video-placeholder-with-feature-grid","type":"registry:block","title":"Features Video Placeholder With Feature Grid","description":"A video-forward features section for React and Next.js with a 16:9 video placeholder hero, centered play button, bottom title overlay, scrubber, and a three-column supporting feature grid built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-video-placeholder-with-feature-grid.tsx","type":"registry:block","target":"components/blocks/features/features-video-placeholder-with-feature-grid.tsx"}]},{"name":"features-form-validation-checklist","type":"registry:block","title":"Features Form Validation Checklist","description":"A form validation features section for React and Next.js pairing a password creation form mockup with a live requirements checklist, strength meter, and semantic validation icons built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-form-validation-checklist.tsx","type":"registry:block","target":"components/blocks/features/features-form-validation-checklist.tsx"}]},{"name":"features-ribbon-wave-timeline-scroll","type":"registry:block","title":"Features Ribbon Wave Timeline Scroll","description":"A ribbon wave timeline features section for React and Next.js with an SVG sine-wave path, six feature nodes positioned along the curve, an animated drawing stroke, and a detail card for the selected capability built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-ribbon-wave-timeline-scroll.tsx","type":"registry:block","target":"components/blocks/features/features-ribbon-wave-timeline-scroll.tsx"}]},{"name":"features-magazine-cover-hero-split","type":"registry:block","title":"Features Magazine Cover Hero Split","description":"A magazine cover hero split features section for React and Next.js with a monogram cover art panel and an \"Inside this issue\" article list built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-magazine-cover-hero-split.tsx","type":"registry:block","target":"components/blocks/features/features-magazine-cover-hero-split.tsx"}]},{"name":"features-pipeline-step-diagram","type":"registry:block","title":"Features Pipeline Step Diagram","description":"A horizontal pipeline step diagram features section for React and Next.js with five numbered processing stages, animated chevron connectors, and before-after impact stats built with ShadcnioButton, shadcn/ui, and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-pipeline-step-diagram.tsx","type":"registry:block","target":"components/blocks/features/features-pipeline-step-diagram.tsx"}]},{"name":"features-periodic-table-element-grid","type":"registry:block","title":"Features Periodic Table Element Grid","description":"A periodic table element grid features section for React and Next.js with atomic number corners, oversized two-letter symbols, and asymmetric row offsets built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-periodic-table-element-grid.tsx","type":"registry:block","target":"components/blocks/features/features-periodic-table-element-grid.tsx"}]},{"name":"features-scroll-progress-ruler-track","type":"registry:block","title":"Features Scroll Progress Ruler Track","description":"A scroll progress ruler track features section for React and Next.js with a sticky horizontal ruler, numbered tick marks, a sliding thumb indicator, and six IntersectionObserver-linked feature cards built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-scroll-progress-ruler-track.tsx","type":"registry:block","target":"components/blocks/features/features-scroll-progress-ruler-track.tsx"}]},{"name":"features-changelog","type":"registry:block","title":"Features Changelog","description":"A vertical changelog-style timeline features section for React and Next.js with a year filter, dated entry nodes along a left-side rail, and status pills built with shadcn/ui PillTabs and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["pill-tabs"],"premium":true,"files":[{"path":"blocks/features/features-changelog.tsx","type":"registry:block","target":"components/blocks/features/features-changelog.tsx"}]},{"name":"features-image-background-overlay-cards","type":"registry:block","title":"Features Image Background Overlay Cards","description":"A media-forward features section for React and Next.js with a full-bleed 16:9 image background, three staircase-positioned overlay feature cards, a frosted eyebrow and headline pill, and a ShadcnioButton CTA built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-image-background-overlay-cards.tsx","type":"registry:block","target":"components/blocks/features/features-image-background-overlay-cards.tsx"}]},{"name":"features-testimonial-embedded-split","type":"registry:block","title":"Features Testimonial Embedded Split","description":"A split features section for React and Next.js with three CheckIcon bullets, an inline testimonial quote embedded between bullets as a border-l-2 pulled quote, and a crosshair image placeholder built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-testimonial-embedded-split.tsx","type":"registry:block","target":"components/blocks/features/features-testimonial-embedded-split.tsx"}]},{"name":"features-scorecard-letter-grade-grid","type":"registry:block","title":"Features Scorecard Letter Grade Grid","description":"A scorecard grid features section for React and Next.js with oversized serif letter grades, category reports, and a GPA summary strip built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-scorecard-letter-grade-grid.tsx","type":"registry:block","target":"components/blocks/features/features-scorecard-letter-grade-grid.tsx"}]},{"name":"features-agenda-hour-timeline","type":"registry:block","title":"Features Agenda Hour Timeline","description":"A vertical daily agenda timeline features section for React and Next.js with hour markers, positioned event cards, a now indicator line, and a ShadcnioButton CTA pair, built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-agenda-hour-timeline.tsx","type":"registry:block","target":"components/blocks/features/features-agenda-hour-timeline.tsx"}]},{"name":"features-audio-mixer-slider-board","type":"registry:block","title":"Features Audio Mixer Slider Board","description":"A mixer-inspired features section for React and Next.js with six vertical channel strips featuring knobs, faders, level meters, and mute/solo controls, built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/features/features-audio-mixer-slider-board.tsx","type":"registry:block","target":"components/blocks/features/features-audio-mixer-slider-board.tsx"}]},{"name":"features-peek-drawer-hover-reveal-row","type":"registry:block","title":"Features Peek Drawer Hover Reveal Row","description":"A peek drawer hover reveal row features section for React and Next.js with four fixed-height support cards, hover-triggered slide-up drawers, and no layout reflow built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-peek-drawer-hover-reveal-row.tsx","type":"registry:block","target":"components/blocks/features/features-peek-drawer-hover-reveal-row.tsx"}]},{"name":"features-video-seekbar-scrubber-preview","type":"registry:block","title":"Features Video Seekbar Scrubber Preview","description":"A video seekbar scrubber preview features section for React and Next.js with six timestamped feature markers, a hover scrubber tooltip, click-to-jump playhead, and a simulated video preview frame built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-video-seekbar-scrubber-preview.tsx","type":"registry:block","target":"components/blocks/features/features-video-seekbar-scrubber-preview.tsx"}]},{"name":"features-photo-booth-strip-layout","type":"registry:block","title":"Features Photo Booth Strip Layout","description":"A vertical photo booth strip features section for React and Next.js with four polaroid style photos, tape corners, handwritten captions, and date stamp footer, built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-photo-booth-strip-layout.tsx","type":"registry:block","target":"components/blocks/features/features-photo-booth-strip-layout.tsx"}]},{"name":"features-pinned-headline-numbered-grid","type":"registry:block","title":"Features Pinned Headline Numbered Grid","description":"A pinned headline split feature section for React and Next.js with a left eyebrow, marketing headline, subtitle, ghost CTA, and a right 2x2 grid of numbered feature items with circled 01-04 badges built with ShadcnioButton, shadcn/ui, and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/features/features-pinned-headline-numbered-grid.tsx","type":"registry:block","target":"components/blocks/features/features-pinned-headline-numbered-grid.tsx"}]},{"name":"features-dark-inset-bento-grid","type":"registry:block","title":"Features Dark Inset Bento Grid","description":"A dark inset bento grid feature section for React and Next.js with an inverted bg-foreground panel containing a centered headline and an asymmetric six-column bento grid of five feature cells with mixed col-span hero and supporting cells built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-dark-inset-bento-grid.tsx","type":"registry:block","target":"components/blocks/features/features-dark-inset-bento-grid.tsx"}]},{"name":"features-large-headline-side-checklist","type":"registry:block","title":"Features Large Headline Side Checklist","description":"A dominant oversized headline split feature section for React and Next.js with a huge left marketing headline, dual CTA row, and a single-column right checklist of five features built with ShadcnioButton, shadcn/ui, and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-large-headline-side-checklist.tsx","type":"registry:block","target":"components/blocks/features/features-large-headline-side-checklist.tsx"}]},{"name":"features-venn-diagram-overlap","type":"registry:block","title":"Features Venn Diagram Overlap","description":"A three-circle Venn diagram features section for React and Next.js showing intersecting capability circles with labeled overlap zones and legend cards, built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-venn-diagram-overlap.tsx","type":"registry:block","target":"components/blocks/features/features-venn-diagram-overlap.tsx"}]},{"name":"features-inset-border-card-grid","type":"registry:block","title":"Features Inset Border Card Grid","description":"An inset ring border card grid features section for React and Next.js with a centered eyebrow and marketing headline and a 3-column grid of six compact cards each using ring-1 ring-inset instead of a full border with a small rounded icon wrapper and two-line description built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-inset-border-card-grid.tsx","type":"registry:block","target":"components/blocks/features/features-inset-border-card-grid.tsx"}]},{"name":"features-plan-inclusive-list","type":"registry:block","title":"Features Plan Inclusive List","description":"A plan inclusive list features section for React and Next.js with a centered headline, a long vertical list of grouped check icon feature items, three uppercase section headers, and a ShadcnioButton trial CTA built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-plan-inclusive-list.tsx","type":"registry:block","target":"components/blocks/features/features-plan-inclusive-list.tsx"}]},{"name":"features-tabbed-hero-feature-split","type":"registry:block","title":"Features Tabbed Hero Feature Split","description":"A tabbed hero feature split section for React and Next.js with centered eyebrow headline, PillTabs navigation, and a large animated split card showing a feature title, description, benefit checklist, and CTA beside a crosshair image placeholder built with ShadcnioButton, shadcn/ui, and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["pill-tabs"],"premium":true,"files":[{"path":"blocks/features/features-tabbed-hero-feature-split.tsx","type":"registry:block","target":"components/blocks/features/features-tabbed-hero-feature-split.tsx"}]},{"name":"features-divided-three-column-card","type":"registry:block","title":"Features Divided Three Column Card","description":"A divided three-column card feature section for React and Next.js with a single bordered container internally split into three equal columns each showing an icon, title, description, and inline arrow link built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-divided-three-column-card.tsx","type":"registry:block","target":"components/blocks/features/features-divided-three-column-card.tsx"}]},{"name":"features-added-removed-diff-list","type":"registry:block","title":"Features Added Removed Diff List","description":"A diff viewer features section for React and Next.js pairing removed and added rows inside a filename-labelled code frame with commit metadata footer built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-added-removed-diff-list.tsx","type":"registry:block","target":"components/blocks/features/features-added-removed-diff-list.tsx"}]},{"name":"features-dotted-corner-card-grid","type":"registry:block","title":"Features Dotted Corner Card Grid","description":"A dotted corner 3-column card grid feature section for React and Next.js with six dashed border cards each anchored by four decorative corner dots built with shadcn/ui, motion/react, and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-dotted-corner-card-grid.tsx","type":"registry:block","target":"components/blocks/features/features-dotted-corner-card-grid.tsx"}]},{"name":"features-before-after-visual","type":"registry:block","title":"Features Before After Visual","description":"A before after visual features section for React and Next.js with alternating image rows, a per-row before/after toggle, and crosshair image placeholders built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["pill-tabs"],"premium":true,"files":[{"path":"blocks/features/features-before-after-visual.tsx","type":"registry:block","target":"components/blocks/features/features-before-after-visual.tsx"}]},{"name":"features-achievement-trophy-wall","type":"registry:block","title":"Features Achievement Trophy Wall","description":"An achievement trophy wall features section for React and Next.js with hexagon badges, rarity percentages, and XP rewards built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-achievement-trophy-wall.tsx","type":"registry:block","target":"components/blocks/features/features-achievement-trophy-wall.tsx"}]},{"name":"features-carousel-slider","type":"registry:block","title":"Features Carousel Slider","description":"A single-slide auto-advancing carousel features section for React and Next.js with dot pagination, cross-fade transitions, and a split image plus benefit checklist inside each slide built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-carousel-slider.tsx","type":"registry:block","target":"components/blocks/features/features-carousel-slider.tsx"}]},{"name":"features-product-shelf-aisle-row","type":"registry:block","title":"Features Product Shelf Aisle Row","description":"A product shelf aisle row features section for React and Next.js with stacked shelves, varying height product boxes, hanging price tags, and an end-of-aisle shopping cart built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-product-shelf-aisle-row.tsx","type":"registry:block","target":"components/blocks/features/features-product-shelf-aisle-row.tsx"}]},{"name":"features-stepper-wizard-progression","type":"registry:block","title":"Features Stepper Wizard Progression","description":"A stepper wizard features section for React and Next.js showcasing an onboarding flow with a numbered step header, active step form mockup, progress bar, and navigation controls built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-stepper-wizard-progression.tsx","type":"registry:block","target":"components/blocks/features/features-stepper-wizard-progression.tsx"}]},{"name":"features-shadow-lift-card-grid","type":"registry:block","title":"Features Shadow Lift Card Grid","description":"A shadow lift 2x3 card grid feature section for React and Next.js with six hover-lifting cards each containing a corner icon, title, description, and inline arrow link built with shadcn/ui, motion/react, and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-shadow-lift-card-grid.tsx","type":"registry:block","target":"components/blocks/features/features-shadow-lift-card-grid.tsx"}]},{"name":"features-aspect-ratio-mockup-cards","type":"registry:block","title":"Features Aspect Ratio Mockup Cards","description":"An image-heavy 2x3 aspect ratio mockup card grid feature section for React and Next.js where each card gives 60 percent of its height to a crosshair screenshot placeholder and 40 percent to compact text built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-aspect-ratio-mockup-cards.tsx","type":"registry:block","target":"components/blocks/features/features-aspect-ratio-mockup-cards.tsx"}]},{"name":"features-stamped-number-card-grid","type":"registry:block","title":"Features Stamped Number Card Grid","description":"A stamped number card grid feature section for React and Next.js with six cards in a 3-column layout each showing a large outlined number stamp behind title and description built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-stamped-number-card-grid.tsx","type":"registry:block","target":"components/blocks/features/features-stamped-number-card-grid.tsx"}]},{"name":"features-vending-machine-slot-grid","type":"registry:block","title":"Features Vending Machine Slot Grid","description":"A vending machine slot grid features section for React and Next.js with a 4x3 product slot panel, coin slot entry, and numeric keypad selector built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-vending-machine-slot-grid.tsx","type":"registry:block","target":"components/blocks/features/features-vending-machine-slot-grid.tsx"}]},{"name":"features-scanner-beam-sweep-grid","type":"registry:block","title":"Features Scanner Beam Sweep Grid","description":"A scanner beam sweep grid features section for React and Next.js with an auto-sweeping horizontal beam, a four-by-two cell grid, hover-to-pause interaction, and an animated detail swap for the active cell built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-scanner-beam-sweep-grid.tsx","type":"registry:block","target":"components/blocks/features/features-scanner-beam-sweep-grid.tsx"}]},{"name":"features-dock-magnifier-hover-bar","type":"registry:block","title":"Features Dock Magnifier Hover Bar","description":"A dock magnifier hover bar features section for React and Next.js with macOS style icon magnification, bell curve distance falloff, and a synced active feature detail card built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-dock-magnifier-hover-bar.tsx","type":"registry:block","target":"components/blocks/features/features-dock-magnifier-hover-bar.tsx"}]},{"name":"features-music-album-track-list","type":"registry:block","title":"Features Music Album Track List","description":"A music album page mockup features section for React and Next.js with a square cover placeholder, album metadata header, and a track listing table where each track represents a capability built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-music-album-track-list.tsx","type":"registry:block","target":"components/blocks/features/features-music-album-track-list.tsx"}]},{"name":"features-masonry-mixed-height-cards","type":"registry:block","title":"Features Masonry Mixed Height Cards","description":"A Pinterest style masonry feature layout for React and Next.js with six mixed height cards that cascade across three columns using CSS columns and break-inside-avoid built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-masonry-mixed-height-cards.tsx","type":"registry:block","target":"components/blocks/features/features-masonry-mixed-height-cards.tsx"}]},{"name":"features-roadmap-kanban-columns","type":"registry:block","title":"Features Roadmap Kanban Columns","description":"A roadmap kanban columns features section for React and Next.js with three status columns for shipped in progress and planned work colored status dots feature cards with tags progress bars and lock icons and a suggest a feature CTA built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-roadmap-kanban-columns.tsx","type":"registry:block","target":"components/blocks/features/features-roadmap-kanban-columns.tsx"}]},{"name":"features-keyboard-navigator-focus-grid","type":"registry:block","title":"Features Keyboard Navigator Focus Grid","description":"A keyboard navigator focus grid features section for React and Next.js with arrow-key navigation across a six-cell grid, shared layout focus ring, Enter-to-select detail strip, and a live keystroke indicator built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-keyboard-navigator-focus-grid.tsx","type":"registry:block","target":"components/blocks/features/features-keyboard-navigator-focus-grid.tsx"}]},{"name":"features-split-browser-frame-list","type":"registry:block","title":"Features Split Browser Frame List","description":"A split features section for React and Next.js with a large browser-chrome mockup on the left and an eyebrow, headline, subtitle, and four icon-labeled feature rows on the right built with ShadcnioButton, shadcn/ui, and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-split-browser-frame-list.tsx","type":"registry:block","target":"components/blocks/features/features-split-browser-frame-list.tsx"}]},{"name":"features-sankey-flow-diagram","type":"registry:block","title":"Features Sankey Flow Diagram","description":"A horizontal Sankey flow diagram features section for React and Next.js with three input blocks routed through curved SVG paths to four output blocks, built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/features/features-sankey-flow-diagram.tsx","type":"registry:block","target":"components/blocks/features/features-sankey-flow-diagram.tsx"}]},{"name":"features-skill-tree-branch-graph","type":"registry:block","title":"Features Skill Tree Branch Graph","description":"A skill tree branch graph features section for React and Next.js with a central root node, six surrounding skill nodes, SVG connecting lines, and a skill point counter built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-skill-tree-branch-graph.tsx","type":"registry:block","target":"components/blocks/features/features-skill-tree-branch-graph.tsx"}]},{"name":"features-layered-deck-shuffle-stack","type":"registry:block","title":"Features Layered Deck Shuffle Stack","description":"A layered deck shuffle stack features section for React and Next.js with a front active card, cascading peek cards offset behind it, click-to-promote animation, and a stacked progress dot rail built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-layered-deck-shuffle-stack.tsx","type":"registry:block","target":"components/blocks/features/features-layered-deck-shuffle-stack.tsx"}]},{"name":"features-stat-paired-feature-quad","type":"registry:block","title":"Features Stat Paired Feature Quad","description":"A stat paired feature quad features section for React and Next.js with a 2x2 grid where each cell pairs a giant left column stat with a right column icon plus paragraph explaining the feature that produces that number built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-stat-paired-feature-quad.tsx","type":"registry:block","target":"components/blocks/features/features-stat-paired-feature-quad.tsx"}]},{"name":"features-framed-preview-card-trio","type":"registry:block","title":"Features Framed Preview Card Trio","description":"A single-row framed preview card trio feature section for React and Next.js with three large spacious cards each showing an inset-framed crosshair image placeholder with a corner Preview label and generous p-6 text below built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-framed-preview-card-trio.tsx","type":"registry:block","target":"components/blocks/features/features-framed-preview-card-trio.tsx"}]},{"name":"features-index-card-file-rolodex","type":"registry:block","title":"Features Index Card File Rolodex","description":"A rolodex index card features section for React and Next.js with fanned paper cards, punch-hole icons, ruled line backgrounds, and card number stamps built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-index-card-file-rolodex.tsx","type":"registry:block","target":"components/blocks/features/features-index-card-file-rolodex.tsx"}]},{"name":"features-alternating-rows","type":"registry:block","title":"Features Alternating Rows","description":"An alternating image rows features section for React and Next.js with zigzag text-image pairs, crosshair image placeholders, and inline per-row CTA links built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-alternating-rows.tsx","type":"registry:block","target":"components/blocks/features/features-alternating-rows.tsx"}]},{"name":"features-trading-card-collection-row","type":"registry:block","title":"Features Trading Card Collection Row","description":"A trading card collection row features section for React and Next.js with Magic the Gathering style cards, rarity stars, and power toughness stats built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-trading-card-collection-row.tsx","type":"registry:block","target":"components/blocks/features/features-trading-card-collection-row.tsx"}]},{"name":"features-with-logos-trust-row","type":"registry:block","title":"Features With Logos Trust Row","description":"A features section for React and Next.js that pairs a 2x3 icon feature grid with an inline logo trust row for social proof built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-with-logos-trust-row.tsx","type":"registry:block","target":"components/blocks/features/features-with-logos-trust-row.tsx"}]},{"name":"features-month-contribution-heatmap","type":"registry:block","title":"Features Month Contribution Heatmap","description":"A GitHub-style contribution heatmap features section for React and Next.js with a 7 by 26 square grid, intensity legend, shipped stat, and quarterly highlight list, built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-month-contribution-heatmap.tsx","type":"registry:block","target":"components/blocks/features/features-month-contribution-heatmap.tsx"}]},{"name":"features-animated-reveal","type":"registry:block","title":"Features Animated Reveal","description":"A split image and icon list features section for React and Next.js with a large crosshair image placeholder, an eyebrow pill, and a staggered icon-row feature list built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-animated-reveal.tsx","type":"registry:block","target":"components/blocks/features/features-animated-reveal.tsx"}]},{"name":"features-category-rail-detail-panel","type":"registry:block","title":"Features Category Rail Detail Panel","description":"A categorized sidebar rail feature section for React and Next.js with uppercase category headers grouping feature items and a detail panel showing a crosshair image placeholder with description and bullet list built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-category-rail-detail-panel.tsx","type":"registry:block","target":"components/blocks/features/features-category-rail-detail-panel.tsx"}]},{"name":"features-drag-handle-split-comparator","type":"registry:block","title":"Features Drag Handle Split Comparator","description":"A drag handle split comparator features section for React and Next.js with a draggable vertical divider revealing traditional versus modern panels and a synced before-after metric table built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-drag-handle-split-comparator.tsx","type":"registry:block","target":"components/blocks/features/features-drag-handle-split-comparator.tsx"}]},{"name":"features-forum-thread-replies","type":"registry:block","title":"Features Forum Thread Replies","description":"A forum thread replies features section for React and Next.js presenting capabilities as an OP post with upvoted indented replies in a Hacker News style discussion built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-forum-thread-replies.tsx","type":"registry:block","target":"components/blocks/features/features-forum-thread-replies.tsx"}]},{"name":"features-scoreboard-split-flap-display","type":"registry:block","title":"Features Scoreboard Split Flap Display","description":"A scoreboard split flap display features section for React and Next.js with a dark departures board, monospaced character cells, live indicator, and status column built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-scoreboard-split-flap-display.tsx","type":"registry:block","target":"components/blocks/features/features-scoreboard-split-flap-display.tsx"}]},{"name":"features-bento-grid","type":"registry:block","title":"Features Bento Grid","description":"A bento asymmetric grid features section for React and Next.js with a large hero cell containing a crosshair image, five smaller icon and metric cells, and a mini code block mockup built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-bento-grid.tsx","type":"registry:block","target":"components/blocks/features/features-bento-grid.tsx"}]},{"name":"features-toggle-grid-checkered-mode-switch","type":"registry:block","title":"Features Toggle Grid Checkered Mode Switch","description":"A toggle grid checkered mode switch features section for React and Next.js with a segmented Free/Pro control, a six-cell comparison grid that crossfades all content, per-cell stagger, and animated metric deltas built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-toggle-grid-checkered-mode-switch.tsx","type":"registry:block","target":"components/blocks/features/features-toggle-grid-checkered-mode-switch.tsx"}]},{"name":"features-email-client-inbox","type":"registry:block","title":"Features Email Client Inbox","description":"An email client inbox features section for React and Next.js presenting capabilities as a realistic mail app mockup with a folder sidebar, sender avatars, unread dots, and search bar built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-email-client-inbox.tsx","type":"registry:block","target":"components/blocks/features/features-email-client-inbox.tsx"}]},{"name":"features-vs-competitor-comparison-table","type":"registry:block","title":"Features Vs Competitor Comparison Table","description":"A vs competitor comparison table features section for React and Next.js with an 8-row 3-column feature parity table, brand versus competitor columns, and green check and red cross markers built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["table"],"premium":true,"files":[{"path":"blocks/features/features-vs-competitor-comparison-table.tsx","type":"registry:block","target":"components/blocks/features/features-vs-competitor-comparison-table.tsx"}]},{"name":"features-alternating-device-frame-rows","type":"registry:block","title":"Features Alternating Device Frame Rows","description":"An alternating feature rows features section for React and Next.js with a phone device frame mockup on the image side and a compact benefit bullet list on the text side built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-alternating-device-frame-rows.tsx","type":"registry:block","target":"components/blocks/features/features-alternating-device-frame-rows.tsx"}]},{"name":"features-lab-report-specimen-cards","type":"registry:block","title":"Features Lab Report Specimen Cards","description":"A lab report specimen card features section for React and Next.js with specimen code headers, crosshair illustrations, classification fields, and signature footers built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-lab-report-specimen-cards.tsx","type":"registry:block","target":"components/blocks/features/features-lab-report-specimen-cards.tsx"}]},{"name":"features-scroll-snap-reel-viewport","type":"registry:block","title":"Features Scroll Snap Reel Viewport","description":"A scroll snap reel viewport features section for React and Next.js with a fixed-height snapping scroll container, five full-slide capabilities, and a vertical dot navigator built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-scroll-snap-reel-viewport.tsx","type":"registry:block","target":"components/blocks/features/features-scroll-snap-reel-viewport.tsx"}]},{"name":"features-split-dark-mockup-list","type":"registry:block","title":"Features Split Dark Mockup List","description":"A high-contrast split features section for React and Next.js with a dark inverted product mockup panel on the left and a light eyebrow, headline, four icon feature rows, and CTA on the right built with ShadcnioButton, shadcn/ui, and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-split-dark-mockup-list.tsx","type":"registry:block","target":"components/blocks/features/features-split-dark-mockup-list.tsx"}]},{"name":"features-depth-layered-stack","type":"registry:block","title":"Features Depth Layered Stack","description":"A depth layered stack feature section for React and Next.js with three feature cards arranged in a spatial 3D illusion and arrow navigation to cycle the front card built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-depth-layered-stack.tsx","type":"registry:block","target":"components/blocks/features/features-depth-layered-stack.tsx"}]},{"name":"features-radial-dial-wheel-selector","type":"registry:block","title":"Features Radial Dial Wheel Selector","description":"A radial dial wheel selector features section for React and Next.js with a six-wedge SVG dial, click-to-select wedges, a spring-animated pointer needle, and a center detail panel built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-radial-dial-wheel-selector.tsx","type":"registry:block","target":"components/blocks/features/features-radial-dial-wheel-selector.tsx"}]},{"name":"features-sticky-headline-six-point","type":"registry:block","title":"Features Sticky Headline Six Point","description":"A sticky headline split feature section for React and Next.js with a left-pinned marketing headline and a 2x3 numbered six-point feature grid on the right built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/features/features-sticky-headline-six-point.tsx","type":"registry:block","target":"components/blocks/features/features-sticky-headline-six-point.tsx"}]},{"name":"features-alternating-mockup-rows","type":"registry:block","title":"Features Alternating Mockup Rows","description":"An alternating image rows features section for React and Next.js with three zigzag rows each pairing text with a browser-chrome-style mockup placeholder URL bar three window buttons inline Learn more links and whileInView scroll reveals built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-alternating-mockup-rows.tsx","type":"registry:block","target":"components/blocks/features/features-alternating-mockup-rows.tsx"}]},{"name":"features-hover-accordion-mockup-split","type":"registry:block","title":"Features Hover Accordion Mockup Split","description":"A hover-triggered accordion split feature section for React and Next.js with onMouseEnter row expansion and a synced crosshair mockup placeholder built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-hover-accordion-mockup-split.tsx","type":"registry:block","target":"components/blocks/features/features-hover-accordion-mockup-split.tsx"}]},{"name":"features-customer-quote-feature-split","type":"registry:block","title":"Features Customer Quote Feature Split","description":"A customer quote split features section for React and Next.js with a left column headline, three CheckIcon bullets, dual ShadcnioButton CTAs, and a right column square image placeholder with a floating testimonial card overlay built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-customer-quote-feature-split.tsx","type":"registry:block","target":"components/blocks/features/features-customer-quote-feature-split.tsx"}]},{"name":"features-radar-chart-capability-trio","type":"registry:block","title":"Features Radar Chart Capability Trio","description":"A three-column radar chart features section for React and Next.js rendering pure-SVG spider charts across five capability axes per panel, built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/features/features-radar-chart-capability-trio.tsx","type":"registry:block","target":"components/blocks/features/features-radar-chart-capability-trio.tsx"}]},{"name":"features-numbered-sidebar-benefit-panel","type":"registry:block","title":"Features Numbered Sidebar Benefit Panel","description":"A numbered sidebar master-detail feature section for React and Next.js with 01 through 06 feature labels and a right-side detail panel showing an emerald CheckIcon benefit list built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-numbered-sidebar-benefit-panel.tsx","type":"registry:block","target":"components/blocks/features/features-numbered-sidebar-benefit-panel.tsx"}]},{"name":"features-screenshot-topped-card-grid","type":"registry:block","title":"Features Screenshot Topped Card Grid","description":"A screenshot topped card grid features section for React and Next.js with a centered eyebrow, headline, and subtitle above a three column grid of six cards each topped by a 16 by 9 crosshair image placeholder and a title plus description built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-screenshot-topped-card-grid.tsx","type":"registry:block","target":"components/blocks/features/features-screenshot-topped-card-grid.tsx"}]},{"name":"features-metro-line-journey-diagram","type":"registry:block","title":"Features Metro Line Journey Diagram","description":"A metro line journey diagram features section for React and Next.js with a horizontal subway track, six station nodes, alternating top and bottom labels, and terminus markers built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-metro-line-journey-diagram.tsx","type":"registry:block","target":"components/blocks/features/features-metro-line-journey-diagram.tsx"}]},{"name":"features-accordion-faq","type":"registry:block","title":"Features Accordion Faq","description":"A tabbed accordion feature section for React and Next.js with PillTabs category switching and shadcn/ui Accordion capability questions that expand to reveal feature details built with Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["accordion","pill-tabs"],"premium":true,"files":[{"path":"blocks/features/features-accordion-faq.tsx","type":"registry:block","target":"components/blocks/features/features-accordion-faq.tsx"}]},{"name":"features-tab-swap-split-showcase","type":"registry:block","title":"Features Tab Swap Split Showcase","description":"A centered tabs split showcase features section for React and Next.js with a PillTabs selector above a single large split card that swaps via AnimatePresence built with shadcn/ui PillTabs, Lucide React, and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["pill-tabs"],"premium":true,"files":[{"path":"blocks/features/features-tab-swap-split-showcase.tsx","type":"registry:block","target":"components/blocks/features/features-tab-swap-split-showcase.tsx"}]},{"name":"features-vertical-tab-accordion-preview","type":"registry:block","title":"Features Vertical Tab Accordion Preview","description":"A vertical tab tri-column feature section for React and Next.js with a left vertical tab rail, a middle shadcn/ui Accordion of feature items, and a right crosshair image preview built with Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["accordion"],"premium":true,"files":[{"path":"blocks/features/features-vertical-tab-accordion-preview.tsx","type":"registry:block","target":"components/blocks/features/features-vertical-tab-accordion-preview.tsx"}]},{"name":"features-pill-tab-expand-preview","type":"registry:block","title":"Features Pill Tab Expand Preview","description":"A pill tab expandable accordion feature section for React and Next.js with a centered PillTabs category selector, a single full-width shadcn/ui Accordion, and inline crosshair preview panels rendered next to each expanded item built with Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["accordion","pill-tabs"],"premium":true,"files":[{"path":"blocks/features/features-pill-tab-expand-preview.tsx","type":"registry:block","target":"components/blocks/features/features-pill-tab-expand-preview.tsx"}]},{"name":"features-swipe-deck-drag-gesture-browser","type":"registry:block","title":"Features Swipe Deck Drag Gesture Browser","description":"A swipe deck drag gesture features section for React and Next.js with draggable horizontal cards, velocity-based fling dismissal, rotation on drag offset, and left/right arrow controls built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/features/features-swipe-deck-drag-gesture-browser.tsx","type":"registry:block","target":"components/blocks/features/features-swipe-deck-drag-gesture-browser.tsx"}]},{"name":"features-card-ring-3d-rotating-carousel","type":"registry:block","title":"Features Card Ring 3d Rotating Carousel","description":"A 3D rotating card ring carousel features section for React and Next.js with six perspective cards arranged in a circle, spring-animated ring rotation, and a dimmed off-axis treatment built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-card-ring-3d-rotating-carousel.tsx","type":"registry:block","target":"components/blocks/features/features-card-ring-3d-rotating-carousel.tsx"}]},{"name":"features-horizontal-panel-concertina","type":"registry:block","title":"Features Horizontal Panel Concertina","description":"A horizontal panel concertina features section for React and Next.js with six side-by-side vertical panels, click-to-expand horizontal compression, rotated inactive labels, and an inline preview mockup built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-horizontal-panel-concertina.tsx","type":"registry:block","target":"components/blocks/features/features-horizontal-panel-concertina.tsx"}]},{"name":"features-before-after-toggle","type":"registry:block","title":"Features Before After Toggle","description":"A before after toggle features section for React and Next.js with a single large swapping mockup panel, a PillTabs state switch, and a dashboard redesign story built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["pill-tabs"],"premium":true,"files":[{"path":"blocks/features/features-before-after-toggle.tsx","type":"registry:block","target":"components/blocks/features/features-before-after-toggle.tsx"}]},{"name":"features-annotated-mockup-pin-tooltips","type":"registry:block","title":"Features Annotated Mockup Pin Tooltips","description":"An annotated mockup pin tooltips features section for React and Next.js with a simulated dashboard background, six numbered pin markers at absolute coordinates, hover and click tooltip cards, and a clickable legend list built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-annotated-mockup-pin-tooltips.tsx","type":"registry:block","target":"components/blocks/features/features-annotated-mockup-pin-tooltips.tsx"}]},{"name":"features-tilt-parallax-card-grid","type":"registry:block","title":"Features Tilt Parallax Card Grid","description":"A tilt parallax card grid features section for React and Next.js with six 3D mouse-tilt cards, multi-layer parallax depth, and floating accent badges that lift on hover built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-tilt-parallax-card-grid.tsx","type":"registry:block","target":"components/blocks/features/features-tilt-parallax-card-grid.tsx"}]},{"name":"features-magazine-editorial-layout","type":"registry:block","title":"Features Magazine Editorial Layout","description":"A magazine editorial layout features section for React and Next.js with a drop cap opening paragraph, a two-column flowing body, and a sidebar aside with stats, a pulled quote, and related links built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-magazine-editorial-layout.tsx","type":"registry:block","target":"components/blocks/features/features-magazine-editorial-layout.tsx"}]},{"name":"features-alternating-code-block-rows","type":"registry:block","title":"Features Alternating Code Block Rows","description":"An alternating code block rows features section for React and Next.js with three zigzag rows pairing developer-platform copy against dark terminal-style code mockups and inline View docs links built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react","shiki"],"premium":true,"files":[{"path":"blocks/features/features-alternating-code-block-rows.tsx","type":"registry:block","target":"components/blocks/features/features-alternating-code-block-rows.tsx"}]},{"name":"features-leaderboard-medal-podium","type":"registry:block","title":"Features Leaderboard Medal Podium","description":"A leaderboard medal podium features section for React and Next.js with a three-tier Olympic podium, ranked scoreboard table, and trend arrows built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-leaderboard-medal-podium.tsx","type":"registry:block","target":"components/blocks/features/features-leaderboard-medal-podium.tsx"}]},{"name":"features-radial-hub-satellite-graph","type":"registry:block","title":"Features Radial Hub Satellite Graph","description":"A radial hub and satellite graph features section for React and Next.js with a central product hub, six orbiting integration nodes, and SVG connector lines built with ShadcnioButton, shadcn/ui, and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-radial-hub-satellite-graph.tsx","type":"registry:block","target":"components/blocks/features/features-radial-hub-satellite-graph.tsx"}]},{"name":"features-rounded-tile-card-grid","type":"registry:block","title":"Features Rounded Tile Card Grid","description":"A rounded tile card grid features section for React and Next.js with a centered marketing headline, an eyebrow tagline, and a 2x3 grid of spacious rounded-2xl tiles each with a soft bg-muted icon wrapper, a semantic h3 title, and a two-line description built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-rounded-tile-card-grid.tsx","type":"registry:block","target":"components/blocks/features/features-rounded-tile-card-grid.tsx"}]},{"name":"features-manifesto-split-quad-grid","type":"registry:block","title":"Features Manifesto Split Quad Grid","description":"A manifesto-style split feature section for React and Next.js with a left-pinned headline and a 2x2 quad grid of icon-wrapper feature items on the right built with ShadcnioButton, shadcn/ui, and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-manifesto-split-quad-grid.tsx","type":"registry:block","target":"components/blocks/features/features-manifesto-split-quad-grid.tsx"}]},{"name":"features-zoom-focus-lens-master-detail","type":"registry:block","title":"Features Zoom Focus Lens Master Detail","description":"A zoom focus lens master detail features section for React and Next.js with a thumbnail sidebar, a large focused panel with scale-in animation, a hover zoom indicator, and a detailed illustration swap built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-zoom-focus-lens-master-detail.tsx","type":"registry:block","target":"components/blocks/features/features-zoom-focus-lens-master-detail.tsx"}]},{"name":"features-chat-conversation-thread","type":"registry:block","title":"Features Chat Conversation Thread","description":"A chat conversation thread features section for React and Next.js presenting capabilities as alternating message bubbles with a typing indicator, online dot, and message composer built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-chat-conversation-thread.tsx","type":"registry:block","target":"components/blocks/features/features-chat-conversation-thread.tsx"}]},{"name":"features-animated-icons","type":"registry:block","title":"Features Animated Icons","description":"A dark inset icon grid features section for React and Next.js with a three-column layout, icon-first cards, and subtle hover scale animations built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-animated-icons.tsx","type":"registry:block","target":"components/blocks/features/features-animated-icons.tsx"}]},{"name":"features-ring-progress-metric-split","type":"registry:block","title":"Features Ring Progress Metric Split","description":"A split layout features section for React and Next.js with a headline and benefit checklist on the left beside a 2x2 grid of SVG circular progress rings visualizing platform metrics, built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-ring-progress-metric-split.tsx","type":"registry:block","target":"components/blocks/features/features-ring-progress-metric-split.tsx"}]},{"name":"features-indexed-sidebar-detail-view","type":"registry:block","title":"Features Indexed Sidebar Detail View","description":"An indexed sidebar master-detail features section for React and Next.js with lettered A to F index badges beside each sidebar item and a detail panel showing title description and three bullet benefits built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-indexed-sidebar-detail-view.tsx","type":"registry:block","target":"components/blocks/features/features-indexed-sidebar-detail-view.tsx"}]},{"name":"features-monochrome-card-lattice","type":"registry:block","title":"Features Monochrome Card Lattice","description":"A monochrome 3x3 card lattice features section for React and Next.js with a centered eyebrow and marketing headline and nine tight compact cells using gap-px on a bg-muted parent so gaps act as dividers without individual card borders seven with small icon plus title and two summary cells built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-monochrome-card-lattice.tsx","type":"registry:block","target":"components/blocks/features/features-monochrome-card-lattice.tsx"}]},{"name":"features-browser-chrome-card-grid","type":"registry:block","title":"Features Browser Chrome Card Grid","description":"A six-card feature grid for React and Next.js where each card's image area is decorated as a mini browser window with traffic lights, URL bar, and crosshair placeholder content built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-browser-chrome-card-grid.tsx","type":"registry:block","target":"components/blocks/features/features-browser-chrome-card-grid.tsx"}]},{"name":"features-sequential-milestone-checklist","type":"registry:block","title":"Features Sequential Milestone Checklist","description":"A progressive numbered milestone checklist features section for React and Next.js with vertical timeline progress tracking, expandable milestone cards, nested requirement categories, and completion state built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-sequential-milestone-checklist.tsx","type":"registry:block","target":"components/blocks/features/features-sequential-milestone-checklist.tsx"}]},{"name":"features-video-playlist-sidebar","type":"registry:block","title":"Features Video Playlist Sidebar","description":"A video player with sidebar playlist features section for React and Next.js with a 16:9 main video placeholder, duration badge, and a scrollable sidebar of upcoming feature tutorials built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-video-playlist-sidebar.tsx","type":"registry:block","target":"components/blocks/features/features-video-playlist-sidebar.tsx"}]},{"name":"features-minimal-outline-card-trio","type":"registry:block","title":"Features Minimal Outline Card Trio","description":"A minimal outline card trio feature section for React and Next.js with three large spacious numbered cards in a single horizontal row built with shadcn/ui, motion/react, and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/features/features-minimal-outline-card-trio.tsx","type":"registry:block","target":"components/blocks/features/features-minimal-outline-card-trio.tsx"}]},{"name":"features-glossary-term-definition-grid","type":"registry:block","title":"Features Glossary Term Definition Grid","description":"A dictionary-style glossary grid features section for React and Next.js with serif terms, pronunciation guides, numbered definitions, and italic example sentences built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-glossary-term-definition-grid.tsx","type":"registry:block","target":"components/blocks/features/features-glossary-term-definition-grid.tsx"}]},{"name":"features-magnifier-lens-hover-scanner","type":"registry:block","title":"Features Magnifier Lens Hover Scanner","description":"A magnifier lens hover scanner features section for React and Next.js with a twelve-tile integration grid, draggable circular lens that scales tiles under its radius, tooltip reveals, and a fading onboarding hint built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-magnifier-lens-hover-scanner.tsx","type":"registry:block","target":"components/blocks/features/features-magnifier-lens-hover-scanner.tsx"}]},{"name":"features-wireframe-sketch-grid","type":"registry:block","title":"Features Wireframe Sketch Grid","description":"A hand-drawn wireframe sketch grid features section for React and Next.js rendering four UI mockups with dashed sketchy borders, placeholder shapes, and handwritten captions, built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-wireframe-sketch-grid.tsx","type":"registry:block","target":"components/blocks/features/features-wireframe-sketch-grid.tsx"}]},{"name":"features-heatmap-density-grid","type":"registry:block","title":"Features Heatmap Density Grid","description":"A 12x24 activity heatmap density grid features section for React and Next.js with three feature callout cards pointing at specific zones, built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-heatmap-density-grid.tsx","type":"registry:block","target":"components/blocks/features/features-heatmap-density-grid.tsx"}]},{"name":"features-minimal-text-divider-stack","type":"registry:block","title":"Features Minimal Text Divider Stack","description":"An ultra-minimalist text-only feature list section for React and Next.js with a typographic headline, thin hairline dividers, and right-aligned status descriptors built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-minimal-text-divider-stack.tsx","type":"registry:block","target":"components/blocks/features/features-minimal-text-divider-stack.tsx"}]},{"name":"features-split-mockup-icon-checklist","type":"registry:block","title":"Features Split Mockup Icon Checklist","description":"A split mockup icon checklist features section for React and Next.js with a large square crosshair image placeholder on the left and an eyebrow headline subtitle icon row list and dual CTA row on the right built with ShadcnioButton, shadcn/ui, and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-split-mockup-icon-checklist.tsx","type":"registry:block","target":"components/blocks/features/features-split-mockup-icon-checklist.tsx"}]},{"name":"features-podcast-episode-playlist","type":"registry:block","title":"Features Podcast Episode Playlist","description":"A podcast player mockup features section for React and Next.js with show header, episode list, waveform SVGs, duration badges, and platform links built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-podcast-episode-playlist.tsx","type":"registry:block","target":"components/blocks/features/features-podcast-episode-playlist.tsx"}]},{"name":"features-sticky-note-wall-grid","type":"registry:block","title":"Features Sticky Note Wall Grid","description":"A sticky note wall features section for React and Next.js with cork-board dotted background, rotated amber notes, pushpin markers, and handwritten-style titles built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-sticky-note-wall-grid.tsx","type":"registry:block","target":"components/blocks/features/features-sticky-note-wall-grid.tsx"}]},{"name":"features-quote-reinforced-split-panel","type":"registry:block","title":"Features Quote Reinforced Split Panel","description":"A split panel features section for React and Next.js with an eyebrow headline, four CheckIcon bullets, a testimonial quote card below the bullets, and a crosshair image placeholder built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-quote-reinforced-split-panel.tsx","type":"registry:block","target":"components/blocks/features/features-quote-reinforced-split-panel.tsx"}]},{"name":"features-command-center-metric-board","type":"registry:block","title":"Features Command Center Metric Board","description":"A command center metric board features section for React and Next.js with a dark inset 3x2 grid of glowing metric tiles, deltas, and sparklines built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-command-center-metric-board.tsx","type":"registry:block","target":"components/blocks/features/features-command-center-metric-board.tsx"}]},{"name":"features-bento-hero-cell-grid","type":"registry:block","title":"Features Bento Hero Cell Grid","description":"A bento hero cell grid features section for React and Next.js with one dominant lg:col-span-4 lg:row-span-2 flagship cell containing a mini browser mockup and four supporting cells built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-bento-hero-cell-grid.tsx","type":"registry:block","target":"components/blocks/features/features-bento-hero-cell-grid.tsx"}]},{"name":"features-command-menu-grouped-list","type":"registry:block","title":"Features Command Menu Grouped List","description":"A command menu features section for React and Next.js presenting capabilities inside a Cmd+K palette mockup with grouped rows, keyboard shortcuts, and live footer hints built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-command-menu-grouped-list.tsx","type":"registry:block","target":"components/blocks/features/features-command-menu-grouped-list.tsx"}]},{"name":"features-split-aspect-ratio-list","type":"registry:block","title":"Features Split Aspect Ratio List","description":"A split features section for React and Next.js with a tall portrait aspect 3 by 4 crosshair image placeholder beside an eyebrow, large headline, icon feature list, and dual ShadcnioButton CTA row built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/features/features-split-aspect-ratio-list.tsx","type":"registry:block","target":"components/blocks/features/features-split-aspect-ratio-list.tsx"}]},{"name":"todo-list-table-view","type":"registry:block","title":"Todo List Table View","description":"A spreadsheet-style todo list block for React and Next.js with sortable columns, assignee avatars, and status indicators built with shadcn/ui Table and Tailwind CSS","dependencies":["framer-motion","motion","lucide-react"],"registryDependencies":["badge","checkbox","table"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-table-view.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-table-view.tsx"}]},{"name":"todo-list-review-checklist","type":"registry:block","title":"Todo List Review Checklist","description":"React todo list code review checklist block for Next.js with section headers, checkable items, and overall review status using shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","checkbox"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-review-checklist.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-review-checklist.tsx"}]},{"name":"todo-list-pomodoro","type":"registry:block","title":"Todo List Pomodoro","description":"A pomodoro-integrated todo list block for React and Next.js with focus timer, session tracking, and per-task time logging built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","motion","lucide-react"],"registryDependencies":["button","checkbox"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-pomodoro.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-pomodoro.tsx"}]},{"name":"todo-list-weekly-review","type":"registry:block","title":"Todo List Weekly Review","description":"A weekly review todo list block for React and Next.js with completed, carried-over, and new task sections, week navigation, and add input built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","motion","lucide-react"],"registryDependencies":["badge","button","checkbox","input"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-weekly-review.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-weekly-review.tsx"}]},{"name":"todo-list-deployment","type":"registry:block","title":"Todo List Deployment","description":"A deployment checklist todo list block for React and Next.js with progress tracking, step-by-step verification, and deploy gating built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","motion","lucide-react"],"registryDependencies":["button","checkbox","progress"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-deployment.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-deployment.tsx"}]},{"name":"todo-list-goal-progress","type":"registry:block","title":"Todo List Goal Progress","description":"A goal tracking todo list block for React and Next.js with milestone checkpoints, progress bars, target dates, and overall completion built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-goal-progress.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-goal-progress.tsx"}]},{"name":"todo-list-recipe","type":"registry:block","title":"Todo List Recipe","description":"A recipe step checklist block for React and Next.js with ingredient checkboxes, expandable numbered steps, timer indicators, servings adjuster, and prep/cook time display built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","motion","lucide-react"],"registryDependencies":["badge","button","checkbox"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-recipe.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-recipe.tsx"}]},{"name":"todo-list-recurring","type":"registry:block","title":"Todo List Recurring","description":"A recurring task todo list block for React and Next.js with repeat schedules, streak counters, and next-due indicators built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","motion","lucide-react"],"registryDependencies":["badge","checkbox"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-recurring.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-recurring.tsx"}]},{"name":"todo-list-estimation","type":"registry:block","title":"Todo List Estimation","description":"A todo list block with Fibonacci story point estimation for React and Next.js featuring point selectors, velocity indicators, color-coded sizing, and total point summaries built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button","checkbox"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-estimation.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-estimation.tsx"}]},{"name":"todo-list-email-queue","type":"registry:block","title":"Todo List Email Queue","description":"An email management queue todo list block for React and Next.js with campaign labels, delivery status, open rate tracking, and send scheduling built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","motion","lucide-react"],"registryDependencies":["badge","button","checkbox"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-email-queue.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-email-queue.tsx"}]},{"name":"todo-list-roadmap","type":"registry:block","title":"Todo List Roadmap","description":"React todo list roadmap block for Next.js with now, next, and later status lanes, priority indicators, and effort badges using shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-roadmap.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-roadmap.tsx"}]},{"name":"todo-list-streak-counter","type":"registry:block","title":"Todo List Streak Counter","description":"A streak-based task tracking todo list block for React and Next.js with flame indicators, sparkline dots, best streak records, and active streak summary built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","motion","lucide-react"],"registryDependencies":["checkbox"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-streak-counter.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-streak-counter.tsx"}]},{"name":"todo-list-daily-planner","type":"registry:block","title":"Todo List Daily Planner","description":"A daily planner todo list block for React and Next.js with morning, afternoon, and evening sections, progress bar, and motivational completion message built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","motion","lucide-react"],"registryDependencies":["button","checkbox","input"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-daily-planner.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-daily-planner.tsx"}]},{"name":"todo-list-moving","type":"registry:block","title":"Todo List Moving","description":"A moving checklist block for React and Next.js with timeline sections from 8 weeks before to after move day, progress per phase, important item alerts, and mover contact info built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","motion","lucide-react"],"registryDependencies":["checkbox","progress"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-moving.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-moving.tsx"}]},{"name":"todo-list-support-tickets","type":"registry:block","title":"Todo List Support Tickets","description":"A support ticket queue todo list block for React and Next.js with ticket IDs, priority sorting, SLA timers, category badges, and agent assignment built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","motion","lucide-react"],"registryDependencies":["badge","button","checkbox"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-support-tickets.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-support-tickets.tsx"}]},{"name":"todo-list-accessibility-check","type":"registry:block","title":"Todo List Accessibility Check","description":"An accessibility compliance checklist block for React and Next.js with WCAG principles, conformance level badges, pass/fail tracking, and compliance percentage built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","motion","lucide-react"],"registryDependencies":["badge","button","checkbox"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-accessibility-check.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-accessibility-check.tsx"}]},{"name":"todo-list-calendar-view","type":"registry:block","title":"Todo List Calendar View","description":"A calendar-organized todo list block for React and Next.js with date-grouped tasks, due date indicators, and overdue highlighting built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","motion","lucide-react"],"registryDependencies":["badge","checkbox"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-calendar-view.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-calendar-view.tsx"}]},{"name":"todo-list-emoji-status","type":"registry:block","title":"Todo List Emoji Status","description":"An emoji-based status indicator todo list block for React and Next.js with clickable emoji cycling, status filter bar, and status counts built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","motion","lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-emoji-status.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-emoji-status.tsx"}]},{"name":"todo-list-time-blocking","type":"registry:block","title":"Todo List Time Blocking","description":"A time-blocked daily planner todo list block for React and Next.js with hour-slot scheduling, task assignment sidebar, and duration display built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-time-blocking.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-time-blocking.tsx"}]},{"name":"todo-list-nested","type":"registry:block","title":"Todo List Nested","description":"A multi-level nested todo list block for React and Next.js with three levels of depth, collapsible children, and progress rollup built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","motion","lucide-react"],"registryDependencies":["checkbox"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-nested.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-nested.tsx"}]},{"name":"todo-list-bug-tracker","type":"registry:block","title":"Todo List Bug Tracker","description":"A bug tracking list block for React and Next.js with severity filtering, expandable reproduction steps, status management, and reporter info built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-bug-tracker.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-bug-tracker.tsx"}]},{"name":"todo-list-tags","type":"registry:block","title":"Todo List Tags","description":"A tag-based todo list block for React and Next.js with filterable tag chips, real-time search, and multi-label task organization built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","motion","lucide-react"],"registryDependencies":["badge","checkbox","input"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-tags.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-tags.tsx"}]},{"name":"todo-list-matrix","type":"registry:block","title":"Todo List Matrix","description":"An effort vs impact matrix todo list block for React and Next.js with four quadrants, task placement, and drag-to-move workflow built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","motion","lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-matrix.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-matrix.tsx"}]},{"name":"todo-list-assignee","type":"registry:block","title":"Todo List Assignee","description":"A team-based todo list block for React and Next.js with avatar assignees, member filtering, and per-person task counts built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","motion","lucide-react"],"registryDependencies":["checkbox"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-assignee.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-assignee.tsx"}]},{"name":"todo-list-archive","type":"registry:block","title":"Todo List Archive","description":"A todo list block with archive functionality for React and Next.js featuring active and archived sections, batch archive action, collapsible archive panel, and restore capability built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","checkbox"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-archive.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-archive.tsx"}]},{"name":"todo-list-keyboard-shortcuts","type":"registry:block","title":"Todo List Keyboard Shortcuts","description":"A keyboard navigation focused todo list block for React and Next.js with shortcut hints, active row highlighting, and toggleable shortcut legend built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","motion","lucide-react"],"registryDependencies":["button","checkbox","input"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-keyboard-shortcuts.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-keyboard-shortcuts.tsx"}]},{"name":"todo-list-grouped","type":"registry:block","title":"Todo List Grouped","description":"A grouped todo list block for React and Next.js with collapsible category sections, task counts, and chevron expand animations built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","motion","lucide-react"],"registryDependencies":["checkbox"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-grouped.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-grouped.tsx"}]},{"name":"todo-list-packing","type":"registry:block","title":"Todo List Packing","description":"A travel packing list block for React and Next.js with categorized essentials, weight tracking, overall progress bar, and trip details built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","motion","lucide-react"],"registryDependencies":["badge","checkbox","progress"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-packing.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-packing.tsx"}]},{"name":"todo-list-standup","type":"registry:block","title":"Todo List Standup","description":"A daily standup format todo list block for React and Next.js with yesterday, today, and blockers sections, add inputs, and read-only summary toggle built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","motion","lucide-react"],"registryDependencies":["badge","button","input","switch"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-standup.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-standup.tsx"}]},{"name":"todo-list-team-workload","type":"registry:block","title":"Todo List Team Workload","description":"React todo list team workload balance block for Next.js with task distribution bars, assignee avatars, and rebalance suggestions using shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-team-workload.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-team-workload.tsx"}]},{"name":"todo-list-shopping","type":"registry:block","title":"Todo List Shopping","description":"A categorized shopping list block for React and Next.js with produce, dairy, pantry, and household sections, quantity badges, total cost, and clear purchased action built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","motion","lucide-react"],"registryDependencies":["badge","button","checkbox"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-shopping.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-shopping.tsx"}]},{"name":"todo-list-compliance","type":"registry:block","title":"Todo List Compliance","description":"A compliance checklist block for React and Next.js with regulatory framework sections, evidence status tracking, per-framework scores, and audit due dates built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","motion","lucide-react"],"registryDependencies":["badge","button","checkbox","progress"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-compliance.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-compliance.tsx"}]},{"name":"todo-list-card-view","type":"registry:block","title":"Todo List Card View","description":"A card-based todo list block for React and Next.js with responsive grid layout, priority indicators, and list/card toggle built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","motion","lucide-react"],"registryDependencies":["badge","button","checkbox"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-card-view.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-card-view.tsx"}]},{"name":"todo-list-natural-language","type":"registry:block","title":"Todo List Natural Language","description":"A natural language task input block for React and Next.js with smart text parsing, token preview, date and priority detection built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","motion","lucide-react"],"registryDependencies":["badge","button","input"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-natural-language.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-natural-language.tsx"}]},{"name":"todo-list-notification","type":"registry:block","title":"Todo List Notification","description":"React todo list notification panel block for Next.js with grouped notifications, read and unread states, type icons, and mark-all-as-read using shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-notification.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-notification.tsx"}]},{"name":"todo-list-retro","type":"registry:block","title":"Todo List Retro","description":"React todo list sprint retrospective block for Next.js with three-column layout, voting, and action items using shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-retro.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-retro.tsx"}]},{"name":"todo-list-tax-prep","type":"registry:block","title":"Todo List Tax Prep","description":"A tax preparation checklist todo list block for React and Next.js with document sections, collection status indicators, filing deadlines, and completion percentages built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","motion","lucide-react"],"registryDependencies":["badge","checkbox","progress"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-tax-prep.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-tax-prep.tsx"}]},{"name":"todo-list-hiring-pipeline","type":"registry:block","title":"Todo List Hiring Pipeline","description":"A hiring pipeline todo list block for React and Next.js with candidate stages, interview scores, role filters, and stage progression built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","motion","lucide-react"],"registryDependencies":["badge","button","checkbox"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-hiring-pipeline.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-hiring-pipeline.tsx"}]},{"name":"todo-list-basic","type":"registry:block","title":"Todo List Basic","description":"A basic todo list block for React and Next.js with checkbox completion, add task input, and completion counter built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","motion","lucide-react"],"registryDependencies":["button","checkbox","input"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-basic.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-basic.tsx"}]},{"name":"todo-list-attachments","type":"registry:block","title":"Todo List Attachments","description":"A todo list block with file attachment indicators for React and Next.js featuring expandable file lists, file type icons, and size badges built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","checkbox"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-attachments.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-attachments.tsx"}]},{"name":"todo-list-patient-care","type":"registry:block","title":"Todo List Patient Care","description":"A healthcare task list todo list block for React and Next.js with patient rooms, task types, shift indicators, priority levels, and HIPAA compliance notices built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","motion","lucide-react"],"registryDependencies":["badge","checkbox"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-patient-care.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-patient-care.tsx"}]},{"name":"todo-list-qa-checklist","type":"registry:block","title":"Todo List Qa Checklist","description":"A QA testing checklist block for React and Next.js with pass/fail/skip test results, category grouping, severity badges, and pass rate summary built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-qa-checklist.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-qa-checklist.tsx"}]},{"name":"todo-list-bulk-actions","type":"registry:block","title":"Todo List Bulk Actions","description":"A todo list block with multi-select and bulk operations for React and Next.js featuring select-all checkbox, floating action bar, selection count, and batch complete/delete actions built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","checkbox"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-bulk-actions.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-bulk-actions.tsx"}]},{"name":"todo-list-changelog","type":"registry:block","title":"Todo List Changelog","description":"React todo list activity changelog block for Next.js with expandable task histories, event type filters, user avatars, and timestamps using shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-changelog.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-changelog.tsx"}]},{"name":"todo-list-voice-memo","type":"registry:block","title":"Todo List Voice Memo","description":"A voice memo attachment todo list block for React and Next.js with waveform visualization, duration badges, play controls, and recording indicator built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","motion","lucide-react"],"registryDependencies":["badge","button","checkbox","input"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-voice-memo.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-voice-memo.tsx"}]},{"name":"todo-list-event-planning","type":"registry:block","title":"Todo List Event Planning","description":"An event planning checklist block for React and Next.js with venue, catering, entertainment, logistics, and marketing sections, budget tracking, vendor assignments, and status indicators built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","motion","lucide-react"],"registryDependencies":["badge","checkbox","progress"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-event-planning.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-event-planning.tsx"}]},{"name":"todo-list-quick-add","type":"registry:block","title":"Todo List Quick Add","description":"A todo list block with smart syntax parsing for React and Next.js featuring inline token detection for priority, assignee, tags, and due dates with live preview badges built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","checkbox","input"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-quick-add.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-quick-add.tsx"}]},{"name":"todo-list-eisenhower","type":"registry:block","title":"Todo List Eisenhower","description":"An Eisenhower urgency-importance matrix todo list block for React and Next.js with four-quadrant task organization, drag-to-reclassify, and batch actions built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","motion","lucide-react"],"registryDependencies":["button","checkbox","input"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-eisenhower.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-eisenhower.tsx"}]},{"name":"todo-list-finance","type":"registry:block","title":"Todo List Finance","description":"A financial task checklist block for React and Next.js with monthly bill sections, investment tasks, tax prep items, auto-pay indicators, overdue highlighting, and paid amount tracking built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","motion","lucide-react"],"registryDependencies":["badge","checkbox"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-finance.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-finance.tsx"}]},{"name":"todo-list-batch-edit","type":"registry:block","title":"Todo List Batch Edit","description":"A todo list block with inline batch editing mode for React and Next.js featuring edit mode toggle, inline text inputs, change highlighting, per-row undo, and batch save/cancel actions built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","checkbox","input"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-batch-edit.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-batch-edit.tsx"}]},{"name":"todo-list-notes","type":"registry:block","title":"Todo List Notes","description":"A todo list block with expandable inline notes for React and Next.js featuring collapsible note previews, editable text areas, and staggered animations built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["checkbox","textarea"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-notes.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-notes.tsx"}]},{"name":"todo-list-timeline","type":"registry:block","title":"Todo List Timeline","description":"A vertical timeline todo list block for React and Next.js with connected dots, completion tracking, and staggered animations built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-timeline.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-timeline.tsx"}]},{"name":"todo-list-import-export","type":"registry:block","title":"Todo List Import Export","description":"An import and export tasks todo list block for React and Next.js with paste import, format selector, export preview, and copy button built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","motion","lucide-react"],"registryDependencies":["badge","button","checkbox","textarea"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-import-export.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-import-export.tsx"}]},{"name":"todo-list-security-audit","type":"registry:block","title":"Todo List Security Audit","description":"A security audit checklist block for React and Next.js with severity-coded items, category grouping, compliance badges, and auditor tracking built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","motion","lucide-react"],"registryDependencies":["badge","checkbox"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-security-audit.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-security-audit.tsx"}]},{"name":"todo-list-onboarding","type":"registry:block","title":"Todo List Onboarding","description":"An employee onboarding checklist block for React and Next.js with sectioned phases, per-section progress, assignees, and due dates built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","motion","lucide-react"],"registryDependencies":["badge","checkbox"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-onboarding.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-onboarding.tsx"}]},{"name":"todo-list-multi-board","type":"registry:block","title":"Todo List Multi Board","description":"A tabbed multi-board todo list block for React and Next.js with independent task lists per tab, badge counts, and smooth transitions built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","motion","lucide-react"],"registryDependencies":["button","checkbox","input","tabs"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-multi-board.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-multi-board.tsx"}]},{"name":"todo-list-legal-review","type":"registry:block","title":"Todo List Legal Review","description":"A legal document review todo list block for React and Next.js with document types, reviewer assignments, risk levels, deadline tracking, and section grouping built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","motion","lucide-react"],"registryDependencies":["badge","button","checkbox"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-legal-review.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-legal-review.tsx"}]},{"name":"todo-list-automation","type":"registry:block","title":"Todo List Automation","description":"A task automation rules block for React and Next.js with trigger-action rules, active toggles, and rule builder display built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","motion","lucide-react"],"registryDependencies":["badge","button","switch"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-automation.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-automation.tsx"}]},{"name":"todo-list-crm-tasks","type":"registry:block","title":"Todo List Crm Tasks","description":"A CRM follow-up tasks todo list block for React and Next.js with deal stages, contact details, follow-up types, and deal values built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","motion","lucide-react"],"registryDependencies":["badge","checkbox"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-crm-tasks.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-crm-tasks.tsx"}]},{"name":"todo-list-time-tracking","type":"registry:block","title":"Todo List Time Tracking","description":"A todo list block with per-task time logging for React and Next.js featuring play/pause timers, pulsing active indicators, daily totals, and logged duration display built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button","checkbox"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-time-tracking.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-time-tracking.tsx"}]},{"name":"todo-list-priority","type":"registry:block","title":"Todo List Priority","description":"A priority-based todo list block for React and Next.js with color-coded priority levels, filter controls, and completion tracking built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","checkbox","input"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-priority.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-priority.tsx"}]},{"name":"todo-list-dark-minimal","type":"registry:block","title":"Todo List Dark Minimal","description":"A dark-themed minimal todo list block for React and Next.js with zinc-950 background, subtle borders, glowing focus states, and ultra-clean aesthetic built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","motion","lucide-react"],"registryDependencies":["input"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-dark-minimal.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-dark-minimal.tsx"}]},{"name":"todo-list-workout","type":"registry:block","title":"Todo List Workout","description":"A workout routine tracker block for React and Next.js with warm-up, main set, and cool-down sections, sets and reps, weight tracking, rest timers, and muscle group badges built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","motion","lucide-react"],"registryDependencies":["badge","checkbox"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-workout.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-workout.tsx"}]},{"name":"todo-list-collaborative","type":"registry:block","title":"Todo List Collaborative","description":"React todo list collaborative editing block for Next.js with real-time presence indicators, viewer counts, and last-edited-by info using shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","checkbox"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-collaborative.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-collaborative.tsx"}]},{"name":"todo-list-social-media","type":"registry:block","title":"Todo List Social Media","description":"A social media post scheduler todo list block for React and Next.js with platform badges, scheduled times, engagement placeholders, and queue management built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","motion","lucide-react"],"registryDependencies":["badge","button","checkbox"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-social-media.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-social-media.tsx"}]},{"name":"todo-list-focus-mode","type":"registry:block","title":"Todo List Focus Mode","description":"A single-task focus mode todo list block for React and Next.js with prominent active task display, task queue, and progress tracking built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-focus-mode.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-focus-mode.tsx"}]},{"name":"todo-list-search-filter","type":"registry:block","title":"Todo List Search Filter","description":"A filterable todo list block for React and Next.js with real-time search, status tabs, and bulk actions for efficient task management built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","motion","lucide-react"],"registryDependencies":["button","checkbox","input"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-search-filter.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-search-filter.tsx"}]},{"name":"todo-list-content-calendar","type":"registry:block","title":"Todo List Content Calendar","description":"A content planning calendar todo list block for React and Next.js with content type organization, pipeline progress, and publishing status built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","motion","lucide-react"],"registryDependencies":["badge","checkbox","progress"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-content-calendar.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-content-calendar.tsx"}]},{"name":"todo-list-drag-sort","type":"registry:block","title":"Todo List Drag Sort","description":"A reorderable todo list block for React and Next.js with manual sorting controls, completion tracking, and smooth layout animations built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","motion","lucide-react"],"registryDependencies":["button","checkbox","input"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-drag-sort.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-drag-sort.tsx"}]},{"name":"todo-list-meeting-agenda","type":"registry:block","title":"Todo List Meeting Agenda","description":"React todo list meeting agenda block for Next.js with time allocations, speaker assignments, notes toggle, and active item highlighting using shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","button"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-meeting-agenda.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-meeting-agenda.tsx"}]},{"name":"todo-list-inventory","type":"registry:block","title":"Todo List Inventory","description":"An inventory checklist todo list block for React and Next.js with SKU codes, stock levels, reorder thresholds, and stock status indicators built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","motion","lucide-react"],"registryDependencies":["badge","button","checkbox"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-inventory.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-inventory.tsx"}]},{"name":"todo-list-okr","type":"registry:block","title":"Todo List Okr","description":"React todo list OKR tracking block for Next.js with objectives, key results, progress percentages, and quarterly status indicators using shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-okr.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-okr.tsx"}]},{"name":"todo-list-maintenance","type":"registry:block","title":"Todo List Maintenance","description":"A maintenance schedule tracker block for React and Next.js with recurring tasks, overdue highlighting, category grouping, and next-due tracking built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","motion","lucide-react"],"registryDependencies":["badge","checkbox"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-maintenance.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-maintenance.tsx"}]},{"name":"todo-list-full-task","type":"registry:block","title":"Todo List Full Task","description":"An advanced todo list block for React and Next.js with date, priority, reminders, and assignee fields for comprehensive task creation built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","checkbox","input"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-full-task.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-full-task.tsx"}]},{"name":"todo-list-progress-board","type":"registry:block","title":"Todo List Progress Board","description":"A visual progress tracking todo list block for React and Next.js with progress sliders per task, grouped sections by progress range, and overall project progress built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","motion"],"registryDependencies":["slider"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-progress-board.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-progress-board.tsx"}]},{"name":"todo-list-gtd-inbox","type":"registry:block","title":"Todo List Gtd Inbox","description":"A Getting Things Done inbox processing todo list block for React and Next.js with task classification, category counts, and animated card transitions built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-gtd-inbox.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-gtd-inbox.tsx"}]},{"name":"todo-list-color-coded","type":"registry:block","title":"Todo List Color Coded","description":"A color-coded category todo list block for React and Next.js with color dot selectors, category filtering, and color legend built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","motion","lucide-react"],"registryDependencies":["button","checkbox","input"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-color-coded.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-color-coded.tsx"}]},{"name":"todo-list-delegation","type":"registry:block","title":"Todo List Delegation","description":"React todo list delegation workflow block for Next.js with assignee dropdowns, delegation chains, status badges, and notification indicators using shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-delegation.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-delegation.tsx"}]},{"name":"todo-list-subtasks","type":"registry:block","title":"Todo List Subtasks","description":"A todo list block for React and Next.js with expandable nested subtasks, progress indicators, and parent-child completion tracking built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","motion","lucide-react"],"registryDependencies":["checkbox"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-subtasks.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-subtasks.tsx"}]},{"name":"todo-list-burndown","type":"registry:block","title":"Todo List Burndown","description":"A sprint burndown visualization todo list block for React and Next.js with task progress bars, daily breakdown, and point tracking built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-burndown.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-burndown.tsx"}]},{"name":"todo-list-kanban","type":"registry:block","title":"Todo List Kanban","description":"A kanban-style todo list block for React and Next.js with three-column workflow, task cards, and click-to-move progression built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","motion","lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-kanban.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-kanban.tsx"}]},{"name":"todo-list-minimal","type":"registry:block","title":"Todo List Minimal","description":"An ultra-minimal todo list block for React and Next.js with no borders between items, maximum whitespace, and a single bottom input built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","motion"],"registryDependencies":["checkbox","input"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-minimal.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-minimal.tsx"}]},{"name":"todo-list-habit-tracker","type":"registry:block","title":"Todo List Habit Tracker","description":"A weekly habit tracking grid todo list block for React and Next.js with day columns, streak counts, and completion rates built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","motion","lucide-react"],"registryDependencies":["checkbox"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-habit-tracker.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-habit-tracker.tsx"}]},{"name":"todo-list-travel","type":"registry:block","title":"Todo List Travel","description":"A travel itinerary block for React and Next.js with day-by-day sections, timed activities, location pins, booking status badges, and transportation indicators built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","motion","lucide-react"],"registryDependencies":["badge","checkbox"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-travel.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-travel.tsx"}]},{"name":"todo-list-sprint-backlog","type":"registry:block","title":"Todo List Sprint Backlog","description":"An agile sprint backlog todo list block for React and Next.js with story points, burndown progress, and status sections built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-sprint-backlog.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-sprint-backlog.tsx"}]},{"name":"todo-list-compact","type":"registry:block","title":"Todo List Compact","description":"An ultra-dense compact todo list block for React and Next.js with tiny rows, minimal padding, and density toggle built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","motion","lucide-react"],"registryDependencies":["button","checkbox","input"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-compact.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-compact.tsx"}]},{"name":"todo-list-gantt","type":"registry:block","title":"Todo List Gantt","description":"A simplified Gantt-style timeline todo list block for React and Next.js with horizontal task bars, five-day grid, dependency arrows, and status coloring built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","motion"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-gantt.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-gantt.tsx"}]},{"name":"todo-list-learning-path","type":"registry:block","title":"Todo List Learning Path","description":"A course progress tracker block for React and Next.js with module sections, lesson checkboxes, duration labels, type badges for video, quiz, and exercise, module progress bars, and streak indicator built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","motion","lucide-react"],"registryDependencies":["badge","checkbox","progress"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-learning-path.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-learning-path.tsx"}]},{"name":"todo-list-design-review","type":"registry:block","title":"Todo List Design Review","description":"A design review checklist block for React and Next.js with categorized visual, UX, and technical checks, reviewer notes, and completion tracking built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","motion","lucide-react"],"registryDependencies":["badge","button","checkbox","textarea"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-design-review.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-design-review.tsx"}]},{"name":"todo-list-release-notes","type":"registry:block","title":"Todo List Release Notes","description":"A release preparation checklist block for React and Next.js with code, documentation, marketing, and operations sections, version tracking, and readiness indicator built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","motion","lucide-react"],"registryDependencies":["badge","button","checkbox"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-release-notes.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-release-notes.tsx"}]},{"name":"todo-list-order-fulfillment","type":"registry:block","title":"Todo List Order Fulfillment","description":"An order processing checklist todo list block for React and Next.js with order IDs, mini status steppers, tracking numbers, and fulfillment actions built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","motion","lucide-react"],"registryDependencies":["button","checkbox"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-order-fulfillment.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-order-fulfillment.tsx"}]},{"name":"todo-list-analytics","type":"registry:block","title":"Todo List Analytics","description":"A task statistics dashboard todo list block for React and Next.js with stat cards, completion rate, week-over-week comparison, and productivity score built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","motion","lucide-react"],"registryDependencies":["checkbox"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-analytics.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-analytics.tsx"}]},{"name":"todo-list-split-view","type":"registry:block","title":"Todo List Split View","description":"A split-panel todo list block for React and Next.js with a task list and detail panel showing metadata, description, and actions built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","motion","lucide-react"],"registryDependencies":["badge","button","checkbox"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-split-view.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-split-view.tsx"}]},{"name":"todo-list-comments","type":"registry:block","title":"Todo List Comments","description":"A todo list block with threaded comments for React and Next.js featuring comment counts, avatar initials, timestamps, and inline reply input built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button","checkbox","input"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-comments.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-comments.tsx"}]},{"name":"todo-list-feature-request","type":"registry:block","title":"Todo List Feature Request","description":"A feature request board block for React and Next.js with upvoting, status filtering, category badges, and submission input built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","motion","lucide-react"],"registryDependencies":["badge","button","input"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-feature-request.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-feature-request.tsx"}]},{"name":"todo-list-dependencies","type":"registry:block","title":"Todo List Dependencies","description":"A todo list block with task dependency visualization for React and Next.js featuring blocked task indicators, lock icons, dependency chains, and auto-unlock behavior built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["checkbox"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-dependencies.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-dependencies.tsx"}]},{"name":"todo-list-approval","type":"registry:block","title":"Todo List Approval","description":"React todo list approval workflow block for Next.js with draft, pending, approved, and rejected states, reviewer avatars, and action buttons using shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-approval.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-approval.tsx"}]},{"name":"todo-list-template","type":"registry:block","title":"Todo List Template","description":"A todo list block with task templates for React and Next.js featuring preset task lists, template dropdown selector, custom template saving, and template badge indicators built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","checkbox","dropdown-menu","input"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-template.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-template.tsx"}]},{"name":"todo-list-home-renovation","type":"registry:block","title":"Todo List Home Renovation","description":"A home renovation tracker block for React and Next.js with room-based sections, contractor assignments, estimated costs, budget progress, permit checkboxes, and task status indicators built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","motion","lucide-react"],"registryDependencies":["badge","checkbox","progress"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-home-renovation.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-home-renovation.tsx"}]},{"name":"todo-list-reading-list","type":"registry:block","title":"Todo List Reading List","description":"A reading tracker block for React and Next.js with currently reading highlight, page progress bars, genre badges, star ratings, and want-to-read queue built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","motion","lucide-react"],"registryDependencies":["badge","progress"],"premium":true,"files":[{"path":"blocks/todo-list/todo-list-reading-list.tsx","type":"registry:block","target":"components/blocks/todo-list/todo-list-reading-list.tsx"}]},{"name":"banner-metric-reading-progress","type":"registry:block","title":"Banner Metric Reading Progress","description":"A progress metric banner for React and Next.js showing article reading completion with a label row, monospace percentage, thin progress bar, and subtext line for minutes remaining built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/banner/banner-metric-reading-progress.tsx","type":"registry:block","target":"components/blocks/banner/banner-metric-reading-progress.tsx"}]},{"name":"banner-minimalist-command-hint","type":"registry:block","title":"Banner Minimalist Command Hint","description":"A minimalist one-line command palette hint banner for React and Next.js with inline kbd key caps, a subtle underlined link, and zero chrome decoration built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/banner/banner-minimalist-command-hint.tsx","type":"registry:block","target":"components/blocks/banner/banner-minimalist-command-hint.tsx"}]},{"name":"banner-metric-single-stat","type":"registry:block","title":"Banner Metric Single Stat","description":"A single-stat progress metric banner for React and Next.js with an icon, right-aligned tabular metric, a semantic progress bar, and a subtext line built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/banner/banner-metric-single-stat.tsx","type":"registry:block","target":"components/blocks/banner/banner-metric-single-stat.tsx"}]},{"name":"banner-alert-warning","type":"registry:block","title":"Banner Alert Warning","description":"A warning alert strip banner for React and Next.js with a refined amber left border, AlertTriangle icon, title plus description, and an inline fix action built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/banner/banner-alert-warning.tsx","type":"registry:block","target":"components/blocks/banner/banner-alert-warning.tsx"}]},{"name":"banner-top-bar-workspace","type":"registry:block","title":"Banner Top Bar Workspace","description":"A top bar banner for React and Next.js showing the active workspace avatar, name, role badge, and a switch link inside a compact single-line chrome strip built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge"],"premium":true,"files":[{"path":"blocks/banner/banner-top-bar-workspace.tsx","type":"registry:block","target":"components/blocks/banner/banner-top-bar-workspace.tsx"}]},{"name":"banner-multi-action-consent-granular","type":"registry:block","title":"Banner Multi Action Consent Granular","description":"A multi-action consent banner for React and Next.js with four category rows, inline Switch toggles, and a primary plus outline action pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button","switch"],"premium":true,"files":[{"path":"blocks/banner/banner-multi-action-consent-granular.tsx","type":"registry:block","target":"components/blocks/banner/banner-multi-action-consent-granular.tsx"}]},{"name":"banner-ribbon-achievement","type":"registry:block","title":"Banner Ribbon Achievement","description":"A ribbon corner accent banner for React and Next.js with a diagonal monochrome ribbon over a stacked centered card announcing a milestone unlock built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/banner/banner-ribbon-achievement.tsx","type":"registry:block","target":"components/blocks/banner/banner-ribbon-achievement.tsx"}]},{"name":"banner-live-integration-sync","type":"registry:block","title":"Banner Live Integration Sync","description":"A live integration sync banner for React and Next.js with a pulsing status dot, service presence line, static last-sync label, and inline status link built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/banner/banner-live-integration-sync.tsx","type":"registry:block","target":"components/blocks/banner/banner-live-integration-sync.tsx"}]},{"name":"banner-top-bar-rating","type":"registry:block","title":"Banner Top Bar Rating","description":"A single-line top bar banner for React and Next.js with an inline five-star rating, numeric score, review count, and underlined review link built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/banner/banner-top-bar-rating.tsx","type":"registry:block","target":"components/blocks/banner/banner-top-bar-rating.tsx"}]},{"name":"banner-alert-icon-left","type":"registry:block","title":"Banner Alert Icon Left","description":"An alert strip banner for React and Next.js with a muted icon on the left, tight title and description, an inline arrow link action, and a refined layout built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/banner/banner-alert-icon-left.tsx","type":"registry:block","target":"components/blocks/banner/banner-alert-icon-left.tsx"}]},{"name":"banner-pill-language-selector","type":"registry:block","title":"Banner Pill Language Selector","description":"A floating pill language selector banner for React and Next.js with a rounded-full container, Globe icon, inline native locale label, and a compact pill popover of six languages built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/banner/banner-pill-language-selector.tsx","type":"registry:block","target":"components/blocks/banner/banner-pill-language-selector.tsx"}]},{"name":"banner-pill-environment","type":"registry:block","title":"Banner Pill Environment","description":"A floating pill banner for React and Next.js showing the active deployment environment as a compact rounded-full badge with a status dot, branch slug, and copy action built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/banner/banner-pill-environment.tsx","type":"registry:block","target":"components/blocks/banner/banner-pill-environment.tsx"}]},{"name":"banner-live-api-health","type":"registry:block","title":"Banner Live Api Health","description":"A live status indicator banner for React and Next.js with a pulsing emerald dot, operational message, and static last-checked timestamp built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/banner/banner-live-api-health.tsx","type":"registry:block","target":"components/blocks/banner/banner-live-api-health.tsx"}]},{"name":"banner-metric-usage-quota","type":"registry:block","title":"Banner Metric Usage Quota","description":"A progress metric banner for React and Next.js showing monthly API request quota with a thin progress bar a tabular-nums readout and a quiet reset date label built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/banner/banner-metric-usage-quota.tsx","type":"registry:block","target":"components/blocks/banner/banner-metric-usage-quota.tsx"}]},{"name":"banner-pill-floating-bottom","type":"registry:block","title":"Banner Pill Floating Bottom","description":"A bottom-anchored floating pill banner for React and Next.js with a rounded-full container, inline Sparkles icon, compact pill button, and subtle dismiss control built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/banner/banner-pill-floating-bottom.tsx","type":"registry:block","target":"components/blocks/banner/banner-pill-floating-bottom.tsx"}]},{"name":"banner-top-bar-saved-draft","type":"registry:block","title":"Banner Top Bar Saved Draft","description":"A single-line top bar banner for React and Next.js confirming auto-save status with an inline check indicator, static timestamp, and inline restore link built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/banner/banner-top-bar-saved-draft.tsx","type":"registry:block","target":"components/blocks/banner/banner-top-bar-saved-draft.tsx"}]},{"name":"banner-live-connectivity","type":"registry:block","title":"Banner Live Connectivity","description":"A live connectivity status banner for React and Next.js with a pulsing emerald dot indicator, one-line status message, last-checked timestamp, and inline retry link built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/banner/banner-live-connectivity.tsx","type":"registry:block","target":"components/blocks/banner/banner-live-connectivity.tsx"}]},{"name":"banner-multi-action-dropdown","type":"registry:block","title":"Banner Multi Action Dropdown","description":"A multi-action banner for React and Next.js with an icon, stacked title and description, an inline dropdown select, and a primary plus outline button row built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button","select"],"premium":true,"files":[{"path":"blocks/banner/banner-multi-action-dropdown.tsx","type":"registry:block","target":"components/blocks/banner/banner-multi-action-dropdown.tsx"}]},{"name":"banner-full-bleed-launch","type":"registry:block","title":"Banner Full Bleed Launch","description":"An edge-to-edge inverted launch-week banner for React and Next.js with an eyebrow label, dated headline, supporting copy, and outline action built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/banner/banner-full-bleed-launch.tsx","type":"registry:block","target":"components/blocks/banner/banner-full-bleed-launch.tsx"}]},{"name":"banner-countdown-trial","type":"registry:block","title":"Banner Countdown Trial","description":"A hydration-safe countdown banner for React and Next.js showing days, hours, and minutes remaining on a trial, with tabular-nums typography and a compact upgrade button built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/banner/banner-countdown-trial.tsx","type":"registry:block","target":"components/blocks/banner/banner-countdown-trial.tsx"}]},{"name":"banner-top-bar-breadcrumb","type":"registry:block","title":"Banner Top Bar Breadcrumb","description":"A compact top bar banner for React and Next.js rendering a single-line breadcrumb trail with chevron separators, inline links, and a current-page label built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/banner/banner-top-bar-breadcrumb.tsx","type":"registry:block","target":"components/blocks/banner/banner-top-bar-breadcrumb.tsx"}]},{"name":"banner-alert-toggle-setting","type":"registry:block","title":"Banner Alert Toggle Setting","description":"An alert strip banner for React and Next.js with a muted blue left border, info icon, tight title and description, and an inline shadcn/ui Switch setting control built with Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["switch"],"premium":true,"files":[{"path":"blocks/banner/banner-alert-toggle-setting.tsx","type":"registry:block","target":"components/blocks/banner/banner-alert-toggle-setting.tsx"}]},{"name":"banner-multi-action-cookie-consent","type":"registry:block","title":"Banner Multi Action Cookie Consent","description":"A multi-action cookie consent banner for React and Next.js with a Cookie icon, specific privacy copy, and a three-button action stack for accepting all, managing preferences, or declining non-essential cookies built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/banner/banner-multi-action-cookie-consent.tsx","type":"registry:block","target":"components/blocks/banner/banner-multi-action-cookie-consent.tsx"}]},{"name":"banner-split-image-content","type":"registry:block","title":"Banner Split Image Content","description":"A split two-tone image content banner for React and Next.js with an inverted left image panel, a light right content half, eyebrow label, and inline arrow link action built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/banner/banner-split-image-content.tsx","type":"registry:block","target":"components/blocks/banner/banner-split-image-content.tsx"}]},{"name":"banner-collapsible-details","type":"registry:block","title":"Banner Collapsible Details","description":"An expandable banner for React and Next.js with a single-line summary header, smooth height animation reveal, and an affected services list built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/banner/banner-collapsible-details.tsx","type":"registry:block","target":"components/blocks/banner/banner-collapsible-details.tsx"}]},{"name":"banner-numbered-changelog","type":"registry:block","title":"Banner Numbered Changelog","description":"A numbered changelog list banner for React and Next.js with mono version digits, truncated entry titles, and trailing arrow links built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/banner/banner-numbered-changelog.tsx","type":"registry:block","target":"components/blocks/banner/banner-numbered-changelog.tsx"}]},{"name":"banner-alert-stacked","type":"registry:block","title":"Banner Alert Stacked","description":"A vertically stacked set of semantic alert strip banners for React and Next.js showing error, warning, info, and success variants with refined 3px left border accents, inline arrow links, and individual dismiss controls built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/banner/banner-alert-stacked.tsx","type":"registry:block","target":"components/blocks/banner/banner-alert-stacked.tsx"}]},{"name":"banner-pill-toast","type":"registry:block","title":"Banner Pill Toast","description":"A floating pill toast banner for React and Next.js with a success check icon one line confirmation message an inline undo link and a subtle dismiss control built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/banner/banner-pill-toast.tsx","type":"registry:block","target":"components/blocks/banner/banner-pill-toast.tsx"}]},{"name":"banner-stacked-centered","type":"registry:block","title":"Banner Stacked Centered","description":"A vertically stacked centered banner for React and Next.js with a muted icon container, a secondary badge, a tight title and description pair, and a compact call to action built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/banner/banner-stacked-centered.tsx","type":"registry:block","target":"components/blocks/banner/banner-stacked-centered.tsx"}]},{"name":"banner-minimalist-text","type":"registry:block","title":"Banner Minimalist Text","description":"An ultra-minimal text-only banner for React and Next.js with a single centered paragraph and one inline underlined link built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/banner/banner-minimalist-text.tsx","type":"registry:block","target":"components/blocks/banner/banner-minimalist-text.tsx"}]},{"name":"banner-ribbon-corner","type":"registry:block","title":"Banner Ribbon Corner","description":"A ribbon corner banner for React and Next.js with a diagonal uppercase corner strip, overflow-hidden card clipping, and a stacked centered content column built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/banner/banner-ribbon-corner.tsx","type":"registry:block","target":"components/blocks/banner/banner-ribbon-corner.tsx"}]},{"name":"banner-full-bleed-animated-outline","type":"registry:block","title":"Banner Full Bleed Animated Outline","description":"A full-bleed inverted announcement banner for React and Next.js with a subtle animated outline accent, centered eyebrow and headline, and outline CTA built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/banner/banner-full-bleed-animated-outline.tsx","type":"registry:block","target":"components/blocks/banner/banner-full-bleed-animated-outline.tsx"}]},{"name":"banner-minimalist-social-links","type":"registry:block","title":"Banner Minimalist Social Links","description":"An ultra-minimal text banner for React and Next.js presenting social platforms as an inline list of underlined text links separated by dot glyphs with no icons or buttons built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/banner/banner-minimalist-social-links.tsx","type":"registry:block","target":"components/blocks/banner/banner-minimalist-social-links.tsx"}]},{"name":"banner-metric-progress-inline","type":"registry:block","title":"Banner Metric Progress Inline","description":"A progress metric banner for React and Next.js with an inline label, tabular metric, thin progress bar, and subtext built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/banner/banner-metric-progress-inline.tsx","type":"registry:block","target":"components/blocks/banner/banner-metric-progress-inline.tsx"}]},{"name":"banner-metric-dual-stat","type":"registry:block","title":"Banner Metric Dual Stat","description":"A dual metric banner for React and Next.js with two side-by-side progress bars, tabular stat values, delta change indicators, and a central divider built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/banner/banner-metric-dual-stat.tsx","type":"registry:block","target":"components/blocks/banner/banner-metric-dual-stat.tsx"}]},{"name":"banner-stacked-download-card","type":"registry:block","title":"Banner Stacked Download Card","description":"A centered stacked download card banner for React and Next.js with a rounded icon container, version badge, compact title-description pair, and a single primary download button built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/banner/banner-stacked-download-card.tsx","type":"registry:block","target":"components/blocks/banner/banner-stacked-download-card.tsx"}]},{"name":"banner-full-bleed-inverted","type":"registry:block","title":"Banner Full Bleed Inverted","description":"A full-bleed inverted announcement banner for React and Next.js with a dark edge-to-edge panel, eyebrow label, centered copy, and outline action built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/banner/banner-full-bleed-inverted.tsx","type":"registry:block","target":"components/blocks/banner/banner-full-bleed-inverted.tsx"}]},{"name":"banner-countdown-flash-sale","type":"registry:block","title":"Banner Countdown Flash Sale","description":"A hydration-safe flash sale countdown banner for React and Next.js with a hardcoded target timestamp, client-only interval ticking, tabular number blocks, and an inline claim action built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/banner/banner-countdown-flash-sale.tsx","type":"registry:block","target":"components/blocks/banner/banner-countdown-flash-sale.tsx"}]},{"name":"banner-alert-success","type":"registry:block","title":"Banner Alert Success","description":"A success alert strip banner for React and Next.js with a refined 3px emerald left accent, CheckCircle icon at 90 percent opacity, tight title and description, and inline arrow link built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/banner/banner-alert-success.tsx","type":"registry:block","target":"components/blocks/banner/banner-alert-success.tsx"}]},{"name":"banner-top-bar-search","type":"registry:block","title":"Banner Top Bar Search","description":"A compact top bar search banner for React and Next.js with an inline SearchIcon, a borderless transparent input, and a trailing command-K keyboard hint built with shadcn/ui Kbd and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["input","kbd"],"premium":true,"files":[{"path":"blocks/banner/banner-top-bar-search.tsx","type":"registry:block","target":"components/blocks/banner/banner-top-bar-search.tsx"}]},{"name":"banner-multi-action-preferences","type":"registry:block","title":"Banner Multi Action Preferences","description":"A multi-action preferences banner for React and Next.js with a title-description header, a row of aria-pressed toggle chips, and a primary Save plus outline Reset and ghost Dismiss action stack built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button","tooltip"],"premium":true,"files":[{"path":"blocks/banner/banner-multi-action-preferences.tsx","type":"registry:block","target":"components/blocks/banner/banner-multi-action-preferences.tsx"}]},{"name":"banner-split-icon-features","type":"registry:block","title":"Banner Split Icon Features","description":"A split two-tone banner for React and Next.js with an inverted dark headline panel on the left and a right card listing three icon-labeled capabilities with an inline arrow link built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/banner/banner-split-icon-features.tsx","type":"registry:block","target":"components/blocks/banner/banner-split-icon-features.tsx"}]},{"name":"banner-top-bar-tab-switch","type":"registry:block","title":"Banner Top Bar Tab Switch","description":"A compact top bar banner for React and Next.js with inline tab segmented control and active indicator underline for lightweight section switching built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/banner/banner-top-bar-tab-switch.tsx","type":"registry:block","target":"components/blocks/banner/banner-top-bar-tab-switch.tsx"}]},{"name":"banner-full-bleed-border-accent","type":"registry:block","title":"Banner Full Bleed Border Accent","description":"A full-bleed inverted announcement banner for React and Next.js with a dark edge-to-edge panel, uppercase eyebrow label, and centered outline action built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/banner/banner-full-bleed-border-accent.tsx","type":"registry:block","target":"components/blocks/banner/banner-full-bleed-border-accent.tsx"}]},{"name":"banner-numbered-feature-highlights","type":"registry:block","title":"Banner Numbered Feature Highlights","description":"A numbered announcement list banner for React and Next.js with a labeled header row, three numbered rows, arrow links, and a tight chrome silhouette built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/banner/banner-numbered-feature-highlights.tsx","type":"registry:block","target":"components/blocks/banner/banner-numbered-feature-highlights.tsx"}]},{"name":"banner-alert-maintenance","type":"registry:block","title":"Banner Alert Maintenance","description":"A warning alert strip banner for React and Next.js with a muted amber left border accent, AlertTriangle icon, specific downtime window, and inline arrow link action built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/banner/banner-alert-maintenance.tsx","type":"registry:block","target":"components/blocks/banner/banner-alert-maintenance.tsx"}]},{"name":"banner-expandable-timeline","type":"registry:block","title":"Banner Expandable Timeline","description":"An expandable summary banner for React and Next.js with a one-line current-stage header and a collapsible vertical timeline of completed and upcoming steps built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/banner/banner-expandable-timeline.tsx","type":"registry:block","target":"components/blocks/banner/banner-expandable-timeline.tsx"}]},{"name":"banner-numbered-onboarding-steps","type":"registry:block","title":"Banner Numbered Onboarding Steps","description":"A numbered announcement list banner for React and Next.js showing five onboarding steps with completed state, neutral numbered circles, and trailing arrow links built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/banner/banner-numbered-onboarding-steps.tsx","type":"registry:block","target":"components/blocks/banner/banner-numbered-onboarding-steps.tsx"}]},{"name":"banner-multi-action-email-signup","type":"registry:block","title":"Banner Multi Action Email Signup","description":"A multi-action email signup banner for React and Next.js with a title and description pair, inline email input, primary Subscribe button, outline remind-later action, and corner dismiss built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/banner/banner-multi-action-email-signup.tsx","type":"registry:block","target":"components/blocks/banner/banner-multi-action-email-signup.tsx"}]},{"name":"banner-marquee-tags","type":"registry:block","title":"Banner Marquee Tags","description":"A marquee tags ticker banner for React and Next.js with an infinite horizontal scroll of tag pills, trending dot accents, and edge fade masks built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/banner/banner-marquee-tags.tsx","type":"registry:block","target":"components/blocks/banner/banner-marquee-tags.tsx"}]},{"name":"banner-ribbon-guarantee","type":"registry:block","title":"Banner Ribbon Guarantee","description":"A ribbon corner banner for React and Next.js with a diagonal inverted ribbon label, centered shield icon, stacked headline, and fine print built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/banner/banner-ribbon-guarantee.tsx","type":"registry:block","target":"components/blocks/banner/banner-ribbon-guarantee.tsx"}]},{"name":"banner-pill-sticky-bottom","type":"registry:block","title":"Banner Pill Sticky Bottom","description":"A sticky bottom floating pill banner for React and Next.js with a rounded-full container, inline icon, compact pill button, and dismiss control anchored above page content built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/banner/banner-pill-sticky-bottom.tsx","type":"registry:block","target":"components/blocks/banner/banner-pill-sticky-bottom.tsx"}]},{"name":"banner-full-bleed-version","type":"registry:block","title":"Banner Full Bleed Version","description":"A full-bleed inverted announcement banner for React and Next.js with a monochrome dark panel, tiny uppercase eyebrow, centered headline, and outline action button built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/banner/banner-full-bleed-version.tsx","type":"registry:block","target":"components/blocks/banner/banner-full-bleed-version.tsx"}]},{"name":"banner-live-indicator","type":"registry:block","title":"Banner Live Indicator","description":"A live status banner for React and Next.js with a pulsing emerald dot, operational message, static last-checked timestamp, and an inline status page link built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/banner/banner-live-indicator.tsx","type":"registry:block","target":"components/blocks/banner/banner-live-indicator.tsx"}]},{"name":"banner-live-team-presence","type":"registry:block","title":"Banner Live Team Presence","description":"A live status banner for React and Next.js with a pulsing emerald dot, online team count, static last-synced timestamp, and an inline view link built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/banner/banner-live-team-presence.tsx","type":"registry:block","target":"components/blocks/banner/banner-live-team-presence.tsx"}]},{"name":"banner-carousel-tabbed","type":"registry:block","title":"Banner Carousel Tabbed","description":"A tabbed carousel banner for React and Next.js with three inline tab triggers, a motion/react cross-fade slide transition, and pagination dots built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/banner/banner-carousel-tabbed.tsx","type":"registry:block","target":"components/blocks/banner/banner-carousel-tabbed.tsx"}]},{"name":"banner-metric-storage-quota","type":"registry:block","title":"Banner Metric Storage Quota","description":"A progress metric banner for React and Next.js showing storage quota with a thin bar, tabular-nums readout, and inline upgrade link built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/banner/banner-metric-storage-quota.tsx","type":"registry:block","target":"components/blocks/banner/banner-metric-storage-quota.tsx"}]},{"name":"banner-alert-location-consent","type":"registry:block","title":"Banner Alert Location Consent","description":"An informational alert strip banner for React and Next.js with a refined 3px muted blue left border, MapPin icon, compact title-description pair, and an inline arrow link action built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/banner/banner-alert-location-consent.tsx","type":"registry:block","target":"components/blocks/banner/banner-alert-location-consent.tsx"}]},{"name":"banner-countdown-session","type":"registry:block","title":"Banner Countdown Session","description":"A hydration-safe session countdown banner for React and Next.js with a ShieldAlert icon, monospace tabular countdown to a fixed expiry timestamp, and an extend session button built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/banner/banner-countdown-session.tsx","type":"registry:block","target":"components/blocks/banner/banner-countdown-session.tsx"}]},{"name":"banner-pill-quick-actions","type":"registry:block","title":"Banner Pill Quick Actions","description":"A floating pill banner for React and Next.js with an inline icon, a one-line message, and a compact rounded action button built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/banner/banner-pill-quick-actions.tsx","type":"registry:block","target":"components/blocks/banner/banner-pill-quick-actions.tsx"}]},{"name":"banner-minimalist-keyboard-hint","type":"registry:block","title":"Banner Minimalist Keyboard Hint","description":"A minimalist one-line keyboard shortcut hint banner for React and Next.js with inline kbd key caps, muted body copy, and a single underlined link built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/banner/banner-minimalist-keyboard-hint.tsx","type":"registry:block","target":"components/blocks/banner/banner-minimalist-keyboard-hint.tsx"}]},{"name":"banner-alert-consent-check","type":"registry:block","title":"Banner Alert Consent Check","description":"A muted blue alert strip banner for React and Next.js with an info icon, a compact title and description, and an inline checkbox plus outline dismiss action built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button","checkbox"],"premium":true,"files":[{"path":"blocks/banner/banner-alert-consent-check.tsx","type":"registry:block","target":"components/blocks/banner/banner-alert-consent-check.tsx"}]},{"name":"banner-numbered-announcements","type":"registry:block","title":"Banner Numbered Announcements","description":"A numbered announcement list banner for React and Next.js with a quiet uppercase header, three numbered rows, and trailing arrow links built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/banner/banner-numbered-announcements.tsx","type":"registry:block","target":"components/blocks/banner/banner-numbered-announcements.tsx"}]},{"name":"banner-top-bar-payment-methods","type":"registry:block","title":"Banner Top Bar Payment Methods","description":"A compact top bar banner for React and Next.js showing accepted payment method tokens inline with a centered secure-checkout note and subtle lock icon built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/banner/banner-top-bar-payment-methods.tsx","type":"registry:block","target":"components/blocks/banner/banner-top-bar-payment-methods.tsx"}]},{"name":"banner-countdown-event","type":"registry:block","title":"Banner Countdown Event","description":"A hydration-safe event countdown banner for React and Next.js with live days hours minutes seconds, a calendar icon, and a compact register link built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/banner/banner-countdown-event.tsx","type":"registry:block","target":"components/blocks/banner/banner-countdown-event.tsx"}]},{"name":"banner-top-bar","type":"registry:block","title":"Banner Top Bar","description":"A top bar banner for React and Next.js with a single centered message line, inline underlined link, and a compact dismiss ghost button built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/banner/banner-top-bar.tsx","type":"registry:block","target":"components/blocks/banner/banner-top-bar.tsx"}]},{"name":"banner-top-bar-shipping","type":"registry:block","title":"Banner Top Bar Shipping","description":"A single-line top bar banner for React and Next.js with three chrome-scale info chips separated by a dot bullet for shipping perks built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/banner/banner-top-bar-shipping.tsx","type":"registry:block","target":"components/blocks/banner/banner-top-bar-shipping.tsx"}]},{"name":"banner-pill-theme-toggle","type":"registry:block","title":"Banner Pill Theme Toggle","description":"A compact floating pill banner for React and Next.js with sun and moon icons flanking an inline theme switch and shadow-lg lift built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button","switch"],"premium":true,"files":[{"path":"blocks/banner/banner-pill-theme-toggle.tsx","type":"registry:block","target":"components/blocks/banner/banner-pill-theme-toggle.tsx"}]},{"name":"banner-carousel-rotating","type":"registry:block","title":"Banner Carousel Rotating","description":"A rotating carousel banner for React and Next.js that autoplays three announcement slides with slide-in motion and pagination dots built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/banner/banner-carousel-rotating.tsx","type":"registry:block","target":"components/blocks/banner/banner-carousel-rotating.tsx"}]},{"name":"banner-live-data-sync","type":"registry:block","title":"Banner Live Data Sync","description":"A live status banner for React and Next.js with a pulsing emerald dot, a concise sync state message, a static last-sync timestamp, and an inline view-log link built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/banner/banner-live-data-sync.tsx","type":"registry:block","target":"components/blocks/banner/banner-live-data-sync.tsx"}]},{"name":"banner-top-bar-new-feature","type":"registry:block","title":"Banner Top Bar New Feature","description":"A single-line top bar banner for React and Next.js announcing a new feature with a compact eyebrow label, inline underlined link, and ghost dismiss control built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/banner/banner-top-bar-new-feature.tsx","type":"registry:block","target":"components/blocks/banner/banner-top-bar-new-feature.tsx"}]},{"name":"banner-marquee-scroll","type":"registry:block","title":"Banner Marquee Scroll","description":"A marquee ticker banner for React and Next.js with an infinite horizontal scroll, doubled dataset, reduced-motion fallback, and edge-fade masks built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/banner/banner-marquee-scroll.tsx","type":"registry:block","target":"components/blocks/banner/banner-marquee-scroll.tsx"}]},{"name":"banner-expandable-code","type":"registry:block","title":"Banner Expandable Code","description":"An expandable banner for React and Next.js revealing a dark CLI install snippet with copy-to-clipboard on click, built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/banner/banner-expandable-code.tsx","type":"registry:block","target":"components/blocks/banner/banner-expandable-code.tsx"}]},{"name":"banner-stacked-referral-invite","type":"registry:block","title":"Banner Stacked Referral Invite","description":"A stacked centered referral banner for React and Next.js with a rounded icon container, muted badge, title and description stack, and a compact primary share button built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/banner/banner-stacked-referral-invite.tsx","type":"registry:block","target":"components/blocks/banner/banner-stacked-referral-invite.tsx"}]},{"name":"banner-split-qr-download","type":"registry:block","title":"Banner Split Qr Download","description":"A split two-tone banner for React and Next.js with an inverted QR panel on the left and a compact scan-to-download copy column on the right built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/banner/banner-split-qr-download.tsx","type":"registry:block","target":"components/blocks/banner/banner-split-qr-download.tsx"}]},{"name":"banner-marquee-trust-badges","type":"registry:block","title":"Banner Marquee Trust Badges","description":"A marquee ticker banner for React and Next.js scrolling a doubled row of compliance and trust badges with Lucide icons, edge gradient masks, and a reduced-motion fallback built with Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/banner/banner-marquee-trust-badges.tsx","type":"registry:block","target":"components/blocks/banner/banner-marquee-trust-badges.tsx"}]},{"name":"banner-alert-error","type":"registry:block","title":"Banner Alert Error","description":"An error alert strip banner for React and Next.js with a refined red left border accent, XCircle icon, tight title and description, and inline arrow link built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/banner/banner-alert-error.tsx","type":"registry:block","target":"components/blocks/banner/banner-alert-error.tsx"}]},{"name":"banner-multi-action-feedback-prompt","type":"registry:block","title":"Banner Multi Action Feedback Prompt","description":"A multi-action feedback prompt banner for React and Next.js with a flask icon, title and description, and a row of thumbs up, thumbs down, and send feedback buttons built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/banner/banner-multi-action-feedback-prompt.tsx","type":"registry:block","target":"components/blocks/banner/banner-multi-action-feedback-prompt.tsx"}]},{"name":"banner-top-bar-language-switch","type":"registry:block","title":"Banner Top Bar Language Switch","description":"A compact top bar banner for React and Next.js with a centered single-line message, an inline underlined language-switch link, and a dismiss control built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/banner/banner-top-bar-language-switch.tsx","type":"registry:block","target":"components/blocks/banner/banner-top-bar-language-switch.tsx"}]},{"name":"banner-top-bar-dismissible","type":"registry:block","title":"Banner Top Bar Dismissible","description":"A compact single-line top bar banner for React and Next.js with centered message, inline link, and a quiet ghost dismiss button built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/banner/banner-top-bar-dismissible.tsx","type":"registry:block","target":"components/blocks/banner/banner-top-bar-dismissible.tsx"}]},{"name":"banner-metric-sparkline-trend","type":"registry:block","title":"Banner Metric Sparkline Trend","description":"A metric trend banner for React and Next.js with a headline stat, a positive change pill, and an inline 24-bar sparkline mini chart built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/banner/banner-metric-sparkline-trend.tsx","type":"registry:block","target":"components/blocks/banner/banner-metric-sparkline-trend.tsx"}]},{"name":"banner-stacked-partner-logo","type":"registry:block","title":"Banner Stacked Partner Logo","description":"A stacked centered banner for React and Next.js with a partner logo mark, eyebrow badge, short title, and compact call to action built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/banner/banner-stacked-partner-logo.tsx","type":"registry:block","target":"components/blocks/banner/banner-stacked-partner-logo.tsx"}]},{"name":"banner-expandable","type":"registry:block","title":"Banner Expandable","description":"An expandable details banner for React and Next.js with a clickable header, animated chevron, and motion/react height collapse built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/banner/banner-expandable.tsx","type":"registry:block","target":"components/blocks/banner/banner-expandable.tsx"}]},{"name":"banner-minimalist-notification-dot","type":"registry:block","title":"Banner Minimalist Notification Dot","description":"An ultra-minimal one-line notification banner for React and Next.js with a single pulsing dot, a short message, and one inline underlined link built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/banner/banner-minimalist-notification-dot.tsx","type":"registry:block","target":"components/blocks/banner/banner-minimalist-notification-dot.tsx"}]},{"name":"banner-live-services-status","type":"registry:block","title":"Banner Live Services Status","description":"A live status indicator banner for React and Next.js with a pulsing emerald dot, overall status message, static last-checked label, and an inline arrow link to the status page built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/banner/banner-live-services-status.tsx","type":"registry:block","target":"components/blocks/banner/banner-live-services-status.tsx"}]},{"name":"banner-multi-action-trial-upgrade","type":"registry:block","title":"Banner Multi Action Trial Upgrade","description":"A multi action trial upgrade banner for React and Next.js with title, description, primary upgrade button, outline secondary action, ghost dismiss, and smooth AnimatePresence collapse built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/banner/banner-multi-action-trial-upgrade.tsx","type":"registry:block","target":"components/blocks/banner/banner-multi-action-trial-upgrade.tsx"}]},{"name":"banner-top-bar-pricing-hint","type":"registry:block","title":"Banner Top Bar Pricing Hint","description":"A compact top bar banner for React and Next.js teasing a limited-time discount with a single-line message, inline price contrast, and underlined text link built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/banner/banner-top-bar-pricing-hint.tsx","type":"registry:block","target":"components/blocks/banner/banner-top-bar-pricing-hint.tsx"}]},{"name":"banner-alert-info","type":"registry:block","title":"Banner Alert Info","description":"An informational alert strip banner for React and Next.js with a 3px muted blue left accent, Info icon, tight title and description, and inline arrow link built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/banner/banner-alert-info.tsx","type":"registry:block","target":"components/blocks/banner/banner-alert-info.tsx"}]},{"name":"banner-stacked-testimonial","type":"registry:block","title":"Banner Stacked Testimonial","description":"A stacked testimonial banner for React and Next.js with a centered quote icon container, short attributed quote, inline avatar with name, and subtle arrow link action built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar"],"premium":true,"files":[{"path":"blocks/banner/banner-stacked-testimonial.tsx","type":"registry:block","target":"components/blocks/banner/banner-stacked-testimonial.tsx"}]},{"name":"banner-stacked-user-quote","type":"registry:block","title":"Banner Stacked User Quote","description":"A stacked centered card banner for React and Next.js featuring a circular avatar a short user quote a name and handle attribution and a quiet inline arrow link built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar"],"premium":true,"files":[{"path":"blocks/banner/banner-stacked-user-quote.tsx","type":"registry:block","target":"components/blocks/banner/banner-stacked-user-quote.tsx"}]},{"name":"banner-stacked-activity-proof","type":"registry:block","title":"Banner Stacked Activity Proof","description":"A stacked centered banner for React and Next.js with overlapping avatar group, recent activity headline, and a primary action button built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","button"],"premium":true,"files":[{"path":"blocks/banner/banner-stacked-activity-proof.tsx","type":"registry:block","target":"components/blocks/banner/banner-stacked-activity-proof.tsx"}]},{"name":"banner-marquee-badges","type":"registry:block","title":"Banner Marquee Badges","description":"A horizontal marquee ticker banner for React and Next.js with infinite scrolling badge chips, gradient edge masks, and reduced-motion fallback built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/banner/banner-marquee-badges.tsx","type":"registry:block","target":"components/blocks/banner/banner-marquee-badges.tsx"}]},{"name":"banner-pill-app-install","type":"registry:block","title":"Banner Pill App Install","description":"A floating pill banner for React and Next.js featuring a rounded-full container, inline app icon, compact pill install button, and dismiss control built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/banner/banner-pill-app-install.tsx","type":"registry:block","target":"components/blocks/banner/banner-pill-app-install.tsx"}]},{"name":"banner-numbered-steps","type":"registry:block","title":"Banner Numbered Steps","description":"A numbered list banner for React and Next.js with an uppercase header label, four step rows, mono number circles, completion states, and inline next links built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/banner/banner-numbered-steps.tsx","type":"registry:block","target":"components/blocks/banner/banner-numbered-steps.tsx"}]},{"name":"banner-numbered-social-proof","type":"registry:block","title":"Banner Numbered Social Proof","description":"A numbered list banner for React and Next.js presenting three recent community actions as numbered rows with truncated names quiet timestamps and arrow links built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/banner/banner-numbered-social-proof.tsx","type":"registry:block","target":"components/blocks/banner/banner-numbered-social-proof.tsx"}]},{"name":"banner-multi-action-theme-picker","type":"registry:block","title":"Banner Multi Action Theme Picker","description":"A multi-action theme picker banner for React and Next.js with an icon header, six swatch buttons, an apply action, and a reset ghost built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/banner/banner-multi-action-theme-picker.tsx","type":"registry:block","target":"components/blocks/banner/banner-multi-action-theme-picker.tsx"}]},{"name":"banner-top-bar-nav-links","type":"registry:block","title":"Banner Top Bar Nav Links","description":"A top bar banner for React and Next.js with inline dot-separated navigation links and a moving active underline indicator built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/banner/banner-top-bar-nav-links.tsx","type":"registry:block","target":"components/blocks/banner/banner-top-bar-nav-links.tsx"}]},{"name":"banner-split-dual-actions","type":"registry:block","title":"Banner Split Dual Actions","description":"A two-tone split banner for React and Next.js with an inverted dark left half carrying an eyebrow and headline and a light right half carrying a description plus two inline arrow link actions built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/banner/banner-split-dual-actions.tsx","type":"registry:block","target":"components/blocks/banner/banner-split-dual-actions.tsx"}]},{"name":"banner-split-two-tone","type":"registry:block","title":"Banner Split Two Tone","description":"A split two-tone banner for React and Next.js with an inverted dark headline half and a light detail half separated by a grid divider, including an inline arrow action link built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/banner/banner-split-two-tone.tsx","type":"registry:block","target":"components/blocks/banner/banner-split-two-tone.tsx"}]},{"name":"banner-multi-action-survey","type":"registry:block","title":"Banner Multi Action Survey","description":"A multi-action survey prompt banner for React and Next.js with title description and three inline sentiment buttons for quick one-click feedback built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/banner/banner-multi-action-survey.tsx","type":"registry:block","target":"components/blocks/banner/banner-multi-action-survey.tsx"}]},{"name":"settings-notification-channels","type":"registry:block","title":"Settings Notification Channels","description":"Animated React notification channel routing settings page for Next.js with Slack, email, PagerDuty, and webhook configuration plus event-to-channel mapping built with shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","switch"],"premium":true,"files":[{"path":"blocks/settings/settings-notification-channels.tsx","type":"registry:block","target":"components/blocks/settings/settings-notification-channels.tsx"}]},{"name":"settings-email-templates","type":"registry:block","title":"Settings Email Templates","description":"Animated React email template management page for Next.js with template list, variable insertion, preview mode, and send test email button built with shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","input","textarea"],"premium":true,"files":[{"path":"blocks/settings/settings-email-templates.tsx","type":"registry:block","target":"components/blocks/settings/settings-email-templates.tsx"}]},{"name":"settings-feature-toggles","type":"registry:block","title":"Settings Feature Toggles","description":"Animated React feature flag management page for Next.js with environment toggles, rollout percentages, user targeting, and kill switch built with shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","slider","switch"],"premium":true,"files":[{"path":"blocks/settings/settings-feature-toggles.tsx","type":"registry:block","target":"components/blocks/settings/settings-feature-toggles.tsx"}]},{"name":"settings-security","type":"registry:block","title":"Settings Security","description":"Animated React security settings page for Next.js with password change form, two-factor authentication toggle, active sessions list, and login history built with shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","input","switch"],"premium":true,"files":[{"path":"blocks/settings/settings-security.tsx","type":"registry:block","target":"components/blocks/settings/settings-security.tsx"}]},{"name":"settings-language-region","type":"registry:block","title":"Settings Language Region","description":"React animated language and region settings block for Next.js with locale picker, timezone selection, date and number format previews, and currency display using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","select"],"premium":true,"files":[{"path":"blocks/settings/settings-language-region.tsx","type":"registry:block","target":"components/blocks/settings/settings-language-region.tsx"}]},{"name":"settings-cache-policy","type":"registry:block","title":"Settings Cache Policy","description":"Animated React cache policy configuration settings page for Next.js with per-resource TTL controls, CDN purge actions, and edge caching toggles using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","input","switch"],"premium":true,"files":[{"path":"blocks/settings/settings-cache-policy.tsx","type":"registry:block","target":"components/blocks/settings/settings-cache-policy.tsx"}]},{"name":"settings-appearance","type":"registry:block","title":"Settings Appearance","description":"Animated React appearance settings page for Next.js with theme toggle for light dark and system modes, font size slider, UI density selector, and accent color picker built with shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","switch"],"premium":true,"files":[{"path":"blocks/settings/settings-appearance.tsx","type":"registry:block","target":"components/blocks/settings/settings-appearance.tsx"}]},{"name":"settings-version-control","type":"registry:block","title":"Settings Version Control","description":"Animated React version control settings page for Next.js with branch protection rules, merge strategy selector, auto-merge toggles, and commit signing using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","input","select","switch"],"premium":true,"files":[{"path":"blocks/settings/settings-version-control.tsx","type":"registry:block","target":"components/blocks/settings/settings-version-control.tsx"}]},{"name":"settings-sso-config","type":"registry:block","title":"Settings Sso Config","description":"React animated SSO and SAML configuration settings block for Next.js with identity provider setup, metadata URL input, certificate upload, connection testing, and enforcement toggle using shadcn/ui, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","switch","textarea"],"premium":true,"files":[{"path":"blocks/settings/settings-sso-config.tsx","type":"registry:block","target":"components/blocks/settings/settings-sso-config.tsx"}]},{"name":"settings-onboarding-flow","type":"registry:block","title":"Settings Onboarding Flow","description":"Animated React onboarding flow builder settings page for Next.js with step management, required and optional markers, completion tracking, and drag-to-reorder built with shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","switch"],"premium":true,"files":[{"path":"blocks/settings/settings-onboarding-flow.tsx","type":"registry:block","target":"components/blocks/settings/settings-onboarding-flow.tsx"}]},{"name":"settings-changelog-widget","type":"registry:block","title":"Settings Changelog Widget","description":"Animated React in-app changelog widget settings page for Next.js with position selection, badge visibility, auto-show configuration, and entry management using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","select","switch"],"premium":true,"files":[{"path":"blocks/settings/settings-changelog-widget.tsx","type":"registry:block","target":"components/blocks/settings/settings-changelog-widget.tsx"}]},{"name":"settings-default-values","type":"registry:block","title":"Settings Default Values","description":"Animated React default values configuration page for Next.js with type-specific inputs for text, number, select, boolean, and date fields built with shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","input","select","switch"],"premium":true,"files":[{"path":"blocks/settings/settings-default-values.tsx","type":"registry:block","target":"components/blocks/settings/settings-default-values.tsx"}]},{"name":"settings-support-widget","type":"registry:block","title":"Settings Support Widget","description":"Animated React support widget settings block for Next.js with widget position, brand color, greeting message, availability hours, and live preview built with shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","select","switch","textarea"],"premium":true,"files":[{"path":"blocks/settings/settings-support-widget.tsx","type":"registry:block","target":"components/blocks/settings/settings-support-widget.tsx"}]},{"name":"settings-data-export","type":"registry:block","title":"Settings Data Export","description":"React animated data export settings block for Next.js with format selection, scheduled exports, download history, and progress tracking using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","progress","select","switch"],"premium":true,"files":[{"path":"blocks/settings/settings-data-export.tsx","type":"registry:block","target":"components/blocks/settings/settings-data-export.tsx"}]},{"name":"settings-error-reporting","type":"registry:block","title":"Settings Error Reporting","description":"Animated React error reporting configuration settings page for Next.js with source map uploads, grouping rules, ignore patterns, and environment filtering using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","switch"],"premium":true,"files":[{"path":"blocks/settings/settings-error-reporting.tsx","type":"registry:block","target":"components/blocks/settings/settings-error-reporting.tsx"}]},{"name":"settings-backup-schedule","type":"registry:block","title":"Settings Backup Schedule","description":"Animated React automated backup schedule settings page for Next.js with frequency selection, retention count, destination configuration, and last run status using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","input","select","switch"],"premium":true,"files":[{"path":"blocks/settings/settings-backup-schedule.tsx","type":"registry:block","target":"components/blocks/settings/settings-backup-schedule.tsx"}]},{"name":"settings-payment-gateway","type":"registry:block","title":"Settings Payment Gateway","description":"Animated React payment gateway settings page for Next.js with Stripe and PayPal API key management, test mode toggle, webhook URL, and transaction summary built with shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","input","switch"],"premium":true,"files":[{"path":"blocks/settings/settings-payment-gateway.tsx","type":"registry:block","target":"components/blocks/settings/settings-payment-gateway.tsx"}]},{"name":"settings-custom-fields","type":"registry:block","title":"Settings Custom Fields","description":"Animated React custom field builder settings page for Next.js with field types, drag reordering, required toggles, and live preview built with shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","input","select","switch"],"premium":true,"files":[{"path":"blocks/settings/settings-custom-fields.tsx","type":"registry:block","target":"components/blocks/settings/settings-custom-fields.tsx"}]},{"name":"settings-access-tokens","type":"registry:block","title":"Settings Access Tokens","description":"React animated personal access token management settings block for Next.js with scope selection, expiry configuration, create and revoke actions, masked keys, and copy-to-clipboard using shadcn/ui, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/settings/settings-access-tokens.tsx","type":"registry:block","target":"components/blocks/settings/settings-access-tokens.tsx"}]},{"name":"settings-social-links","type":"registry:block","title":"Settings Social Links","description":"Animated React social media links management page for Next.js with platform URL fields, display order controls, visibility toggles, and preview rendering built with shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","switch"],"premium":true,"files":[{"path":"blocks/settings/settings-social-links.tsx","type":"registry:block","target":"components/blocks/settings/settings-social-links.tsx"}]},{"name":"settings-custom-domain","type":"registry:block","title":"Settings Custom Domain","description":"React animated custom domain settings block for Next.js with DNS verification steps, SSL certificate status, domain input, and CNAME record instructions using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","input"],"premium":true,"files":[{"path":"blocks/settings/settings-custom-domain.tsx","type":"registry:block","target":"components/blocks/settings/settings-custom-domain.tsx"}]},{"name":"settings-slack-integration","type":"registry:block","title":"Settings Slack Integration","description":"Animated React Slack integration settings page for Next.js with channel mapping, bot configuration, event subscription toggles, and webhook URL management built with shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","select","switch"],"premium":true,"files":[{"path":"blocks/settings/settings-slack-integration.tsx","type":"registry:block","target":"components/blocks/settings/settings-slack-integration.tsx"}]},{"name":"settings-account-deletion","type":"registry:block","title":"Settings Account Deletion","description":"React animated account deletion settings block for Next.js with multi-step confirmation, data download, cooldown period countdown, and reason selection using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","input"],"premium":true,"files":[{"path":"blocks/settings/settings-account-deletion.tsx","type":"registry:block","target":"components/blocks/settings/settings-account-deletion.tsx"}]},{"name":"settings-collaboration-rules","type":"registry:block","title":"Settings Collaboration Rules","description":"Animated React collaboration rules settings page for Next.js with commenting permissions, mention controls, guest access management, and sharing policies using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","select","switch"],"premium":true,"files":[{"path":"blocks/settings/settings-collaboration-rules.tsx","type":"registry:block","target":"components/blocks/settings/settings-collaboration-rules.tsx"}]},{"name":"settings-brand-assets","type":"registry:block","title":"Settings Brand Assets","description":"React animated brand asset management settings block for Next.js with logo variant uploads, brand color palette, typography settings, and usage guidelines using shadcn/ui, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/settings/settings-brand-assets.tsx","type":"registry:block","target":"components/blocks/settings/settings-brand-assets.tsx"}]},{"name":"settings-login-methods","type":"registry:block","title":"Settings Login Methods","description":"Animated React login method settings page for Next.js with email/password, OAuth providers, magic link, passkey toggles, session duration, and brute-force protection built with shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","select","switch"],"premium":true,"files":[{"path":"blocks/settings/settings-login-methods.tsx","type":"registry:block","target":"components/blocks/settings/settings-login-methods.tsx"}]},{"name":"settings-dns-settings","type":"registry:block","title":"Settings Dns Settings","description":"Animated React DNS record management page for Next.js with A, CNAME, MX, TXT record types, verification status, and add/remove records built with shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","input","select"],"premium":true,"files":[{"path":"blocks/settings/settings-dns-settings.tsx","type":"registry:block","target":"components/blocks/settings/settings-dns-settings.tsx"}]},{"name":"settings-connected-accounts","type":"registry:block","title":"Settings Connected Accounts","description":"React animated connected accounts settings block for Next.js with social and service account linking, OAuth status indicators, sync timestamps, and unlink confirmation using shadcn/ui, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","switch"],"premium":true,"files":[{"path":"blocks/settings/settings-connected-accounts.tsx","type":"registry:block","target":"components/blocks/settings/settings-connected-accounts.tsx"}]},{"name":"settings-rate-limiting","type":"registry:block","title":"Settings Rate Limiting","description":"Animated React rate limit configuration settings page for Next.js with tier-based limits, burst allowance, custom rules, and usage monitoring built with shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","input","select","switch"],"premium":true,"files":[{"path":"blocks/settings/settings-rate-limiting.tsx","type":"registry:block","target":"components/blocks/settings/settings-rate-limiting.tsx"}]},{"name":"settings-compliance-controls","type":"registry:block","title":"Settings Compliance Controls","description":"React animated compliance control settings block for Next.js with SOC2, GDPR, and HIPAA framework toggles, evidence collection status, audit readiness indicators, and policy management using shadcn/ui, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","switch"],"premium":true,"files":[{"path":"blocks/settings/settings-compliance-controls.tsx","type":"registry:block","target":"components/blocks/settings/settings-compliance-controls.tsx"}]},{"name":"settings-usage-limits","type":"registry:block","title":"Settings Usage Limits","description":"Animated React usage limit settings block for Next.js with per-resource limits, current usage bars, overage policy selection, and alert threshold configuration built with shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","input","select","switch"],"premium":true,"files":[{"path":"blocks/settings/settings-usage-limits.tsx","type":"registry:block","target":"components/blocks/settings/settings-usage-limits.tsx"}]},{"name":"settings-identity-provider","type":"registry:block","title":"Settings Identity Provider","description":"Animated React identity provider settings page for Next.js with OIDC and SAML configuration, issuer URL, client credentials, user attribute mapping, and JIT provisioning toggle built with shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","input","select","switch"],"premium":true,"files":[{"path":"blocks/settings/settings-identity-provider.tsx","type":"registry:block","target":"components/blocks/settings/settings-identity-provider.tsx"}]},{"name":"settings-integrations","type":"registry:block","title":"Settings Integrations","description":"Animated React connected integrations settings page for Next.js with OAuth app connections, status indicators, connect and disconnect actions, and last-synced timestamps built with shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/settings/settings-integrations.tsx","type":"registry:block","target":"components/blocks/settings/settings-integrations.tsx"}]},{"name":"settings-user-fields","type":"registry:block","title":"Settings User Fields","description":"Animated React custom user profile field management settings block for Next.js with drag-reorderable field list, field type selector, validation rules, required toggle, and expandable configuration rows built with shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","input","select","switch"],"premium":true,"files":[{"path":"blocks/settings/settings-user-fields.tsx","type":"registry:block","target":"components/blocks/settings/settings-user-fields.tsx"}]},{"name":"settings-cors-origins","type":"registry:block","title":"Settings Cors Origins","description":"Animated React CORS origin management page for Next.js with add/remove origins, wildcard support, and test connectivity button built with shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","input"],"premium":true,"files":[{"path":"blocks/settings/settings-cors-origins.tsx","type":"registry:block","target":"components/blocks/settings/settings-cors-origins.tsx"}]},{"name":"settings-git-connection","type":"registry:block","title":"Settings Git Connection","description":"Animated React Git connection settings page for Next.js with provider selection, repository URL, branch config, deploy key management, and auto-deploy toggle built with shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","input","select","switch"],"premium":true,"files":[{"path":"blocks/settings/settings-git-connection.tsx","type":"registry:block","target":"components/blocks/settings/settings-git-connection.tsx"}]},{"name":"settings-scheduled-reports","type":"registry:block","title":"Settings Scheduled Reports","description":"Animated React scheduled report configuration page for Next.js with report list, recipient management, frequency selection, and format options built with shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","input","select","switch"],"premium":true,"files":[{"path":"blocks/settings/settings-scheduled-reports.tsx","type":"registry:block","target":"components/blocks/settings/settings-scheduled-reports.tsx"}]},{"name":"settings-localization","type":"registry:block","title":"Settings Localization","description":"Animated React localization settings page for Next.js with language management, translation progress, fallback locale selector, RTL toggle, and date format configuration built with shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","select","switch"],"premium":true,"files":[{"path":"blocks/settings/settings-localization.tsx","type":"registry:block","target":"components/blocks/settings/settings-localization.tsx"}]},{"name":"settings-tax-config","type":"registry:block","title":"Settings Tax Config","description":"Animated React tax configuration settings block for Next.js with per-region tax rates, tax ID management, automatic calculation toggle, and expandable region rows built with shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","switch"],"premium":true,"files":[{"path":"blocks/settings/settings-tax-config.tsx","type":"registry:block","target":"components/blocks/settings/settings-tax-config.tsx"}]},{"name":"settings-workflow-rules","type":"registry:block","title":"Settings Workflow Rules","description":"Animated React workflow automation rules settings page for Next.js with trigger configuration, condition builder, action mapping, and per-rule enabled toggle using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","select","switch"],"premium":true,"files":[{"path":"blocks/settings/settings-workflow-rules.tsx","type":"registry:block","target":"components/blocks/settings/settings-workflow-rules.tsx"}]},{"name":"settings-export-schedule","type":"registry:block","title":"Settings Export Schedule","description":"Animated React scheduled data export settings page for Next.js with format selection, S3 and SFTP destination configuration, frequency controls, and column filters using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","input","select","switch"],"premium":true,"files":[{"path":"blocks/settings/settings-export-schedule.tsx","type":"registry:block","target":"components/blocks/settings/settings-export-schedule.tsx"}]},{"name":"settings-notifications","type":"registry:block","title":"Settings Notifications","description":"Animated React notification preferences settings page for Next.js with per-category email, push, and SMS toggles using shadcn/ui Switch, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","switch"],"premium":true,"files":[{"path":"blocks/settings/settings-notifications.tsx","type":"registry:block","target":"components/blocks/settings/settings-notifications.tsx"}]},{"name":"settings-session-management","type":"registry:block","title":"Settings Session Management","description":"Animated React session management settings page for Next.js with active session list, timeout configuration, concurrent session limits, and device revocation built with shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","select","switch"],"premium":true,"files":[{"path":"blocks/settings/settings-session-management.tsx","type":"registry:block","target":"components/blocks/settings/settings-session-management.tsx"}]},{"name":"settings-cookie-consent","type":"registry:block","title":"Settings Cookie Consent","description":"Animated React cookie consent banner configuration page for Next.js with category toggles, consent log history, and compliance status built with shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","switch"],"premium":true,"files":[{"path":"blocks/settings/settings-cookie-consent.tsx","type":"registry:block","target":"components/blocks/settings/settings-cookie-consent.tsx"}]},{"name":"settings-ip-allowlist","type":"registry:block","title":"Settings Ip Allowlist","description":"Animated React IP allowlist and blocklist settings page for Next.js with CIDR range entries, labels, expiry dates, enable toggle, and rule management built with shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","input","switch"],"premium":true,"files":[{"path":"blocks/settings/settings-ip-allowlist.tsx","type":"registry:block","target":"components/blocks/settings/settings-ip-allowlist.tsx"}]},{"name":"settings-api-rate-tiers","type":"registry:block","title":"Settings Api Rate Tiers","description":"Animated React API rate limit tier configuration settings page for Next.js with per-plan rate limits, burst allowance, cooldown periods, and usage monitoring using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","input","select","switch"],"premium":true,"files":[{"path":"blocks/settings/settings-api-rate-tiers.tsx","type":"registry:block","target":"components/blocks/settings/settings-api-rate-tiers.tsx"}]},{"name":"settings-profile","type":"registry:block","title":"Settings Profile","description":"Animated React user profile settings page for Next.js with avatar upload area, name, email, bio fields, and timezone selector built with shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","select","textarea"],"premium":true,"files":[{"path":"blocks/settings/settings-profile.tsx","type":"registry:block","target":"components/blocks/settings/settings-profile.tsx"}]},{"name":"settings-auto-replies","type":"registry:block","title":"Settings Auto Replies","description":"React animated auto-reply settings block for Next.js with message templates, schedule configuration, trigger conditions, and preview toggle using shadcn/ui, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","switch"],"premium":true,"files":[{"path":"blocks/settings/settings-auto-replies.tsx","type":"registry:block","target":"components/blocks/settings/settings-auto-replies.tsx"}]},{"name":"settings-workspace-invites","type":"registry:block","title":"Settings Workspace Invites","description":"Animated React workspace invite settings page for Next.js with shareable invite link, domain restrictions, auto-join rules, pending invitations list, and role assignment using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","input","select","switch"],"premium":true,"files":[{"path":"blocks/settings/settings-workspace-invites.tsx","type":"registry:block","target":"components/blocks/settings/settings-workspace-invites.tsx"}]},{"name":"settings-maintenance-mode","type":"registry:block","title":"Settings Maintenance Mode","description":"Animated React maintenance mode settings page for Next.js with enable toggle, scheduled maintenance window, status page message editor, allowed IPs for bypass, and notification configuration built with shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","input","switch","textarea"],"premium":true,"files":[{"path":"blocks/settings/settings-maintenance-mode.tsx","type":"registry:block","target":"components/blocks/settings/settings-maintenance-mode.tsx"}]},{"name":"settings-changelog-preferences","type":"registry:block","title":"Settings Changelog Preferences","description":"React animated changelog notification preferences settings block for Next.js with product area subscriptions, delivery frequency selector, release channel toggles, and digest preview using shadcn/ui, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","switch"],"premium":true,"files":[{"path":"blocks/settings/settings-changelog-preferences.tsx","type":"registry:block","target":"components/blocks/settings/settings-changelog-preferences.tsx"}]},{"name":"settings-audit-retention","type":"registry:block","title":"Settings Audit Retention","description":"Animated React audit log retention settings page for Next.js with retention period selector, archival destination, export policy configuration, and storage usage display using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","select","switch"],"premium":true,"files":[{"path":"blocks/settings/settings-audit-retention.tsx","type":"registry:block","target":"components/blocks/settings/settings-audit-retention.tsx"}]},{"name":"settings-search-config","type":"registry:block","title":"Settings Search Config","description":"Animated React search configuration page for Next.js with indexing rules, synonym management, boosting weights, and result tuning built with shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","select","switch"],"premium":true,"files":[{"path":"blocks/settings/settings-search-config.tsx","type":"registry:block","target":"components/blocks/settings/settings-search-config.tsx"}]},{"name":"settings-gdpr-consent","type":"registry:block","title":"Settings Gdpr Consent","description":"Animated React GDPR consent management settings page for Next.js with purpose-based consent toggles, data retention policies, data subject rights actions, and legal basis display built with shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","select","switch"],"premium":true,"files":[{"path":"blocks/settings/settings-gdpr-consent.tsx","type":"registry:block","target":"components/blocks/settings/settings-gdpr-consent.tsx"}]},{"name":"settings-oauth-apps","type":"registry:block","title":"Settings Oauth Apps","description":"React animated OAuth app management settings block for Next.js with client credentials display, redirect URI configuration, scope selection, and secret rotation using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","input","switch"],"premium":true,"files":[{"path":"blocks/settings/settings-oauth-apps.tsx","type":"registry:block","target":"components/blocks/settings/settings-oauth-apps.tsx"}]},{"name":"settings-content-moderation","type":"registry:block","title":"Settings Content Moderation","description":"Animated React content moderation settings page for Next.js with auto-mod rule toggles, banned words management, escalation workflows, and moderation queue configuration using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","input","select","switch"],"premium":true,"files":[{"path":"blocks/settings/settings-content-moderation.tsx","type":"registry:block","target":"components/blocks/settings/settings-content-moderation.tsx"}]},{"name":"settings-transfer-ownership","type":"registry:block","title":"Settings Transfer Ownership","description":"Animated React ownership transfer settings block for Next.js with new owner search, role comparison, confirmation steps, and transfer countdown built with shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","input"],"premium":true,"files":[{"path":"blocks/settings/settings-transfer-ownership.tsx","type":"registry:block","target":"components/blocks/settings/settings-transfer-ownership.tsx"}]},{"name":"settings-video-conferencing","type":"registry:block","title":"Settings Video Conferencing","description":"Animated React video conferencing settings page for Next.js with default provider selection, recording toggle, transcription preferences, and meeting defaults using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","input","select","switch"],"premium":true,"files":[{"path":"blocks/settings/settings-video-conferencing.tsx","type":"registry:block","target":"components/blocks/settings/settings-video-conferencing.tsx"}]},{"name":"settings-danger-zone","type":"registry:block","title":"Settings Danger Zone","description":"Animated React danger zone settings page for Next.js with archive workspace, ownership transfer, and delete account with confirmation dialogs built with shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/settings/settings-danger-zone.tsx","type":"registry:block","target":"components/blocks/settings/settings-danger-zone.tsx"}]},{"name":"settings-workspace-general","type":"registry:block","title":"Settings Workspace General","description":"React animated workspace general settings block for Next.js with name, URL slug, logo upload, description, timezone selector, and danger zone using shadcn/ui, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","textarea"],"premium":true,"files":[{"path":"blocks/settings/settings-workspace-general.tsx","type":"registry:block","target":"components/blocks/settings/settings-workspace-general.tsx"}]},{"name":"settings-email-preferences","type":"registry:block","title":"Settings Email Preferences","description":"Animated React email preference center settings page for Next.js with frequency selector, digest options, per-topic unsubscribe toggles, and global opt-out built with shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","select","switch"],"premium":true,"files":[{"path":"blocks/settings/settings-email-preferences.tsx","type":"registry:block","target":"components/blocks/settings/settings-email-preferences.tsx"}]},{"name":"settings-alert-rules","type":"registry:block","title":"Settings Alert Rules","description":"React animated alert rule configuration settings block for Next.js with condition builder, threshold inputs, notification channel selection, and rule toggle using shadcn/ui, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","switch"],"premium":true,"files":[{"path":"blocks/settings/settings-alert-rules.tsx","type":"registry:block","target":"components/blocks/settings/settings-alert-rules.tsx"}]},{"name":"settings-organization-profile","type":"registry:block","title":"Settings Organization Profile","description":"Animated React organization profile settings page for Next.js with company name, logo upload, industry selector, team size, and business address fields built with shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","input","select"],"premium":true,"files":[{"path":"blocks/settings/settings-organization-profile.tsx","type":"registry:block","target":"components/blocks/settings/settings-organization-profile.tsx"}]},{"name":"settings-mobile-push","type":"registry:block","title":"Settings Mobile Push","description":"Animated React mobile push notification settings page for Next.js with device management, sound preferences, badge toggles, and quiet hours configuration built with shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","select","switch"],"premium":true,"files":[{"path":"blocks/settings/settings-mobile-push.tsx","type":"registry:block","target":"components/blocks/settings/settings-mobile-push.tsx"}]},{"name":"settings-billing","type":"registry:block","title":"Settings Billing","description":"Animated React billing settings page for Next.js with current plan display, payment method management, invoice history, and usage meter built with shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","progress"],"premium":true,"files":[{"path":"blocks/settings/settings-billing.tsx","type":"registry:block","target":"components/blocks/settings/settings-billing.tsx"}]},{"name":"settings-pipeline-config","type":"registry:block","title":"Settings Pipeline Config","description":"Animated React CI/CD pipeline configuration settings page for Next.js with stage management, trigger rules, environment matrix, and build history built with shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","select","switch"],"premium":true,"files":[{"path":"blocks/settings/settings-pipeline-config.tsx","type":"registry:block","target":"components/blocks/settings/settings-pipeline-config.tsx"}]},{"name":"settings-subscription-cancel","type":"registry:block","title":"Settings Subscription Cancel","description":"Animated React subscription cancellation settings block for Next.js with reason survey, retention offers, pause option, and multi-step confirmation built with shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/settings/settings-subscription-cancel.tsx","type":"registry:block","target":"components/blocks/settings/settings-subscription-cancel.tsx"}]},{"name":"settings-smtp-config","type":"registry:block","title":"Settings Smtp Config","description":"Animated React SMTP email configuration page for Next.js with host and port fields, authentication credentials, TLS toggle, and send test email functionality built with shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","input","select","switch"],"premium":true,"files":[{"path":"blocks/settings/settings-smtp-config.tsx","type":"registry:block","target":"components/blocks/settings/settings-smtp-config.tsx"}]},{"name":"settings-plan-upgrade","type":"registry:block","title":"Settings Plan Upgrade","description":"React animated plan upgrade settings block for Next.js with current plan summary, side-by-side feature comparison, billing toggle, and upgrade CTA using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","switch"],"premium":true,"files":[{"path":"blocks/settings/settings-plan-upgrade.tsx","type":"registry:block","target":"components/blocks/settings/settings-plan-upgrade.tsx"}]},{"name":"settings-waitlist-config","type":"registry:block","title":"Settings Waitlist Config","description":"Animated React waitlist configuration settings page for Next.js with capacity limits, invite batch size, priority rules, and signup status using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","input","select","switch"],"premium":true,"files":[{"path":"blocks/settings/settings-waitlist-config.tsx","type":"registry:block","target":"components/blocks/settings/settings-waitlist-config.tsx"}]},{"name":"settings-theme-editor","type":"registry:block","title":"Settings Theme Editor","description":"Animated React theme editor settings block for Next.js with color token text inputs, border radius slider, font selector, live preview swatch, and dark mode toggle built with shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","select","switch"],"premium":true,"files":[{"path":"blocks/settings/settings-theme-editor.tsx","type":"registry:block","target":"components/blocks/settings/settings-theme-editor.tsx"}]},{"name":"settings-media-library","type":"registry:block","title":"Settings Media Library","description":"Animated React media library settings page for Next.js with storage provider selection, upload limits, image processing options, and CDN configuration built with shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","input","select","switch"],"premium":true,"files":[{"path":"blocks/settings/settings-media-library.tsx","type":"registry:block","target":"components/blocks/settings/settings-media-library.tsx"}]},{"name":"settings-import-export","type":"registry:block","title":"Settings Import Export","description":"Animated React data import and export settings page for Next.js with file upload, field mapping, format selection, export history, and progress display built with shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","select"],"premium":true,"files":[{"path":"blocks/settings/settings-import-export.tsx","type":"registry:block","target":"components/blocks/settings/settings-import-export.tsx"}]},{"name":"settings-shipping-zones","type":"registry:block","title":"Settings Shipping Zones","description":"Animated React shipping zone configuration page for Next.js with region management, rate tables, carrier selection, and free shipping thresholds built with shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","input","select","switch"],"premium":true,"files":[{"path":"blocks/settings/settings-shipping-zones.tsx","type":"registry:block","target":"components/blocks/settings/settings-shipping-zones.tsx"}]},{"name":"settings-multi-factor","type":"registry:block","title":"Settings Multi Factor","description":"Animated React multi-factor authentication settings page for Next.js with TOTP setup, SMS verification, backup codes management, and recovery options built with shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","input"],"premium":true,"files":[{"path":"blocks/settings/settings-multi-factor.tsx","type":"registry:block","target":"components/blocks/settings/settings-multi-factor.tsx"}]},{"name":"settings-registration-fields","type":"registry:block","title":"Settings Registration Fields","description":"Animated React registration form field configuration page for Next.js with drag-to-reorder fields, required and optional toggles, field type selection, and validation rules built with shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","select","switch"],"premium":true,"files":[{"path":"blocks/settings/settings-registration-fields.tsx","type":"registry:block","target":"components/blocks/settings/settings-registration-fields.tsx"}]},{"name":"settings-timezone-calendar","type":"registry:block","title":"Settings Timezone Calendar","description":"Animated React timezone and calendar settings block for Next.js with working hours grid, week start day, holiday management, and date format preferences built with shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","select","switch"],"premium":true,"files":[{"path":"blocks/settings/settings-timezone-calendar.tsx","type":"registry:block","target":"components/blocks/settings/settings-timezone-calendar.tsx"}]},{"name":"settings-backup-restore","type":"registry:block","title":"Settings Backup Restore","description":"React animated backup and restore settings block for Next.js with schedule configuration, retention policy, manual backup trigger, and restore history using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","select","switch"],"premium":true,"files":[{"path":"blocks/settings/settings-backup-restore.tsx","type":"registry:block","target":"components/blocks/settings/settings-backup-restore.tsx"}]},{"name":"settings-api-keys","type":"registry:block","title":"Settings Api Keys","description":"Animated React API key management settings page for Next.js with create, revoke, scopes, last-used timestamps, and masked key values built with shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","input"],"premium":true,"files":[{"path":"blocks/settings/settings-api-keys.tsx","type":"registry:block","target":"components/blocks/settings/settings-api-keys.tsx"}]},{"name":"settings-file-storage","type":"registry:block","title":"Settings File Storage","description":"Animated React file storage settings page for Next.js with cloud provider selection, bucket configuration, upload size limits, and storage usage display built with shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","input","select","switch"],"premium":true,"files":[{"path":"blocks/settings/settings-file-storage.tsx","type":"registry:block","target":"components/blocks/settings/settings-file-storage.tsx"}]},{"name":"settings-webhook-endpoints","type":"registry:block","title":"Settings Webhook Endpoints","description":"React animated webhook endpoint management settings block for Next.js with URL configuration, event subscriptions, secret rotation, delivery log, and status indicators using shadcn/ui, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","switch"],"premium":true,"files":[{"path":"blocks/settings/settings-webhook-endpoints.tsx","type":"registry:block","target":"components/blocks/settings/settings-webhook-endpoints.tsx"}]},{"name":"settings-sidebar-layout","type":"registry:block","title":"Settings Sidebar Layout","description":"Animated React sidebar layout customization page for Next.js with menu item reordering, icon selection, collapse state toggle, and visibility controls built with shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","select","switch"],"premium":true,"files":[{"path":"blocks/settings/settings-sidebar-layout.tsx","type":"registry:block","target":"components/blocks/settings/settings-sidebar-layout.tsx"}]},{"name":"settings-time-tracking","type":"registry:block","title":"Settings Time Tracking","description":"Animated React time tracking settings block for Next.js with rounding rules, billable hour defaults, overtime configuration, and approval workflows built with shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","select","switch"],"premium":true,"files":[{"path":"blocks/settings/settings-time-tracking.tsx","type":"registry:block","target":"components/blocks/settings/settings-time-tracking.tsx"}]},{"name":"settings-trial-settings","type":"registry:block","title":"Settings Trial Settings","description":"Animated React trial period settings block for Next.js with trial duration, feature gate toggles, conversion trigger rules, and usage limit overrides built with shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","input","select","switch"],"premium":true,"files":[{"path":"blocks/settings/settings-trial-settings.tsx","type":"registry:block","target":"components/blocks/settings/settings-trial-settings.tsx"}]},{"name":"settings-deployment-config","type":"registry:block","title":"Settings Deployment Config","description":"Animated React deployment configuration page for Next.js with build command, environment selector, region picker, and auto-deploy toggle built with shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","input","select","switch"],"premium":true,"files":[{"path":"blocks/settings/settings-deployment-config.tsx","type":"registry:block","target":"components/blocks/settings/settings-deployment-config.tsx"}]},{"name":"settings-audit-log","type":"registry:block","title":"Settings Audit Log","description":"React animated audit log settings block for Next.js with filterable event list, actor identification, action descriptions, timestamps, and IP addresses using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","input","select"],"premium":true,"files":[{"path":"blocks/settings/settings-audit-log.tsx","type":"registry:block","target":"components/blocks/settings/settings-audit-log.tsx"}]},{"name":"settings-password-policy","type":"registry:block","title":"Settings Password Policy","description":"Animated React password policy settings page for Next.js with minimum length, complexity rules, expiry period, history tracking, and lockout configuration built with shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","input","select","switch"],"premium":true,"files":[{"path":"blocks/settings/settings-password-policy.tsx","type":"registry:block","target":"components/blocks/settings/settings-password-policy.tsx"}]},{"name":"settings-voice-assistant","type":"registry:block","title":"Settings Voice Assistant","description":"Animated React voice assistant settings page for Next.js with wake word configuration, language selection, voice type, speed slider, and privacy controls using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","select","switch"],"premium":true,"files":[{"path":"blocks/settings/settings-voice-assistant.tsx","type":"registry:block","target":"components/blocks/settings/settings-voice-assistant.tsx"}]},{"name":"settings-incident-escalation","type":"registry:block","title":"Settings Incident Escalation","description":"Animated React incident escalation policy settings page for Next.js with multi-tier escalation levels, contact assignments, auto-escalation timers, and severity configuration using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","input","select","switch"],"premium":true,"files":[{"path":"blocks/settings/settings-incident-escalation.tsx","type":"registry:block","target":"components/blocks/settings/settings-incident-escalation.tsx"}]},{"name":"settings-team-members","type":"registry:block","title":"Settings Team Members","description":"Animated React team member management settings page for Next.js with invite form, role selector, member status indicators, and remove actions built with shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","input","select"],"premium":true,"files":[{"path":"blocks/settings/settings-team-members.tsx","type":"registry:block","target":"components/blocks/settings/settings-team-members.tsx"}]},{"name":"settings-environment-variables","type":"registry:block","title":"Settings Environment Variables","description":"Animated React environment variable management page for Next.js with key-value editor, encrypted secrets, per-environment overrides, and bulk import built with shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","switch"],"premium":true,"files":[{"path":"blocks/settings/settings-environment-variables.tsx","type":"registry:block","target":"components/blocks/settings/settings-environment-variables.tsx"}]},{"name":"settings-keyboard-shortcuts","type":"registry:block","title":"Settings Keyboard Shortcuts","description":"Animated React keyboard shortcut settings page for Next.js with key binding editor, conflict detection, category groups, and reset defaults built with shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","input"],"premium":true,"files":[{"path":"blocks/settings/settings-keyboard-shortcuts.tsx","type":"registry:block","target":"components/blocks/settings/settings-keyboard-shortcuts.tsx"}]},{"name":"settings-data-classification","type":"registry:block","title":"Settings Data Classification","description":"Animated React data classification settings page for Next.js with sensitivity levels, handling rules, retention policies, and label management using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","select","switch"],"premium":true,"files":[{"path":"blocks/settings/settings-data-classification.tsx","type":"registry:block","target":"components/blocks/settings/settings-data-classification.tsx"}]},{"name":"settings-referral-program","type":"registry:block","title":"Settings Referral Program","description":"Animated React referral program settings page for Next.js with reward tiers, referral link sharing, invite tracking, and commission configuration built with shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","input","switch"],"premium":true,"files":[{"path":"blocks/settings/settings-referral-program.tsx","type":"registry:block","target":"components/blocks/settings/settings-referral-program.tsx"}]},{"name":"settings-billing-alerts","type":"registry:block","title":"Settings Billing Alerts","description":"Animated React billing alert thresholds settings page for Next.js with spend limit configuration, projected overage warnings, alert contacts, and notification preferences using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","switch"],"premium":true,"files":[{"path":"blocks/settings/settings-billing-alerts.tsx","type":"registry:block","target":"components/blocks/settings/settings-billing-alerts.tsx"}]},{"name":"settings-privacy","type":"registry:block","title":"Settings Privacy","description":"Animated React privacy settings page for Next.js with data sharing toggles, cookie preferences by category, data export request, and account data deletion built with shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","switch"],"premium":true,"files":[{"path":"blocks/settings/settings-privacy.tsx","type":"registry:block","target":"components/blocks/settings/settings-privacy.tsx"}]},{"name":"settings-developer-tools","type":"registry:block","title":"Settings Developer Tools","description":"React animated developer tools settings block for Next.js with debug mode toggle, API sandbox environment, request logging, and performance profiling using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","select","switch"],"premium":true,"files":[{"path":"blocks/settings/settings-developer-tools.tsx","type":"registry:block","target":"components/blocks/settings/settings-developer-tools.tsx"}]},{"name":"settings-widget-embed","type":"registry:block","title":"Settings Widget Embed","description":"Animated React widget embed settings page for Next.js with script snippet preview, color customization, position selection, and allowed domains management using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","input","select","switch"],"premium":true,"files":[{"path":"blocks/settings/settings-widget-embed.tsx","type":"registry:block","target":"components/blocks/settings/settings-widget-embed.tsx"}]},{"name":"settings-role-permissions","type":"registry:block","title":"Settings Role Permissions","description":"React animated role and permission management settings block for Next.js with CRUD permission matrix, role creation, member assignment, and expandable resource controls using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","switch"],"premium":true,"files":[{"path":"blocks/settings/settings-role-permissions.tsx","type":"registry:block","target":"components/blocks/settings/settings-role-permissions.tsx"}]},{"name":"settings-email-domain","type":"registry:block","title":"Settings Email Domain","description":"Animated React email domain verification settings page for Next.js with SPF, DKIM, DMARC DNS record validation, status indicators, and domain management using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","input"],"premium":true,"files":[{"path":"blocks/settings/settings-email-domain.tsx","type":"registry:block","target":"components/blocks/settings/settings-email-domain.tsx"}]},{"name":"comments-nested-threads","type":"registry:block","title":"Comments Nested Threads","description":"A deeply nested comment thread system for React and Next.js with collapsible branches, depth indicators, and load more replies built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/comments/comments-nested-threads.tsx","type":"registry:block","target":"components/blocks/comments/comments-nested-threads.tsx"}]},{"name":"comments-auto-archive","type":"registry:block","title":"Comments Auto Archive","description":"Automatic comment archiving by age rules for React and Next.js with age indicators, archive preview, and manual override built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/comments/comments-auto-archive.tsx","type":"registry:block","target":"components/blocks/comments/comments-auto-archive.tsx"}]},{"name":"comments-ai-summarization","type":"registry:block","title":"Comments Ai Summarization","description":"An AI-powered comment summarization system for React and Next.js with thread summaries, key points extraction, participant count, and topic highlights built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/comments/comments-ai-summarization.tsx","type":"registry:block","target":"components/blocks/comments/comments-ai-summarization.tsx"}]},{"name":"comments-drawing-canvas","type":"registry:block","title":"Comments Drawing Canvas","description":"A freehand drawing comment system for React and Next.js with HTML5 canvas, color picker, brush sizes, undo/redo, and inline sketch display built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","button","textarea"],"premium":true,"files":[{"path":"blocks/comments/comments-drawing-canvas.tsx","type":"registry:block","target":"components/blocks/comments/comments-drawing-canvas.tsx"}]},{"name":"comments-mentions","type":"registry:block","title":"Comments Mentions","description":"A comment system with @mention autocomplete for React and Next.js featuring user suggestions, notification triggers, and highlighted mentions built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","button","command","textarea"],"premium":true,"files":[{"path":"blocks/comments/comments-mentions.tsx","type":"registry:block","target":"components/blocks/comments/comments-mentions.tsx"}]},{"name":"comments-thread-templates","type":"registry:block","title":"Comments Thread Templates","description":"React comment block for Next.js with pre-filled forms, structured templates, and guided comment creation built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","input","textarea"],"premium":true,"files":[{"path":"blocks/comments/comments-thread-templates.tsx","type":"registry:block","target":"components/blocks/comments/comments-thread-templates.tsx"}]},{"name":"comments-scheduled-publishing","type":"registry:block","title":"Comments Scheduled Publishing","description":"Schedule comments for future publishing in React and Next.js with datetime picker, scheduled queue display, and draft management built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","input","textarea"],"premium":true,"files":[{"path":"blocks/comments/comments-scheduled-publishing.tsx","type":"registry:block","target":"components/blocks/comments/comments-scheduled-publishing.tsx"}]},{"name":"comments-sentiment-trends","type":"registry:block","title":"Comments Sentiment Trends","description":"A sentiment analysis trend dashboard for React and Next.js with emotion distribution, time-series sentiment graphs, polarity scores, and mood indicators built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/comments/comments-sentiment-trends.tsx","type":"registry:block","target":"components/blocks/comments/comments-sentiment-trends.tsx"}]},{"name":"comments-future-dated","type":"registry:block","title":"Comments Future Dated","description":"Scheduled visibility reveals for comments in React and Next.js with embargo dates, countdown timers, and automatic publishing built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/comments/comments-future-dated.tsx","type":"registry:block","target":"components/blocks/comments/comments-future-dated.tsx"}]},{"name":"comments-status-workflow","type":"registry:block","title":"Comments Status Workflow","description":"React comment block for Next.js with custom status pipelines, stage transitions, and workflow automation built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/comments/comments-status-workflow.tsx","type":"registry:block","target":"components/blocks/comments/comments-status-workflow.tsx"}]},{"name":"comments-thread-merging","type":"registry:block","title":"Comments Thread Merging","description":"React comment block for Next.js with duplicate thread detection, merge preview, and conversation consolidation built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/comments/comments-thread-merging.tsx","type":"registry:block","target":"components/blocks/comments/comments-thread-merging.tsx"}]},{"name":"comments-webhook-triggers","type":"registry:block","title":"Comments Webhook Triggers","description":"A custom webhook trigger system for React and Next.js with event configuration, payload customization, retry policies, and delivery logs built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/comments/comments-webhook-triggers.tsx","type":"registry:block","target":"components/blocks/comments/comments-webhook-triggers.tsx"}]},{"name":"comments-tag-taxonomy","type":"registry:block","title":"Comments Tag Taxonomy","description":"A hierarchical tag system for React and Next.js with nested categories, multi-select filtering, and tag counts built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","checkbox"],"premium":true,"files":[{"path":"blocks/comments/comments-tag-taxonomy.tsx","type":"registry:block","target":"components/blocks/comments/comments-tag-taxonomy.tsx"}]},{"name":"comments-moderation","type":"registry:block","title":"Comments Moderation","description":"An admin comment moderation interface for React and Next.js with flag review, bulk actions, and approval queue built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","button","checkbox"],"premium":true,"files":[{"path":"blocks/comments/comments-moderation.tsx","type":"registry:block","target":"components/blocks/comments/comments-moderation.tsx"}]},{"name":"comments-engagement-metrics","type":"registry:block","title":"Comments Engagement Metrics","description":"A comment engagement analytics dashboard for React and Next.js with activity charts, trend visualization, engagement rates, and time-series graphs built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/comments/comments-engagement-metrics.tsx","type":"registry:block","target":"components/blocks/comments/comments-engagement-metrics.tsx"}]},{"name":"comments-self-destructing","type":"registry:block","title":"Comments Self Destructing","description":"A self-destructing comment section for React and Next.js with auto-delete timers, view-once messages, and countdown indicators built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge","progress"],"premium":true,"files":[{"path":"blocks/comments/comments-self-destructing.tsx","type":"registry:block","target":"components/blocks/comments/comments-self-destructing.tsx"}]},{"name":"comments-collaborative-editing","type":"registry:block","title":"Comments Collaborative Editing","description":"React comment block for Next.js with real-time co-editing, presence indicators, and conflict resolution built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge","textarea"],"premium":true,"files":[{"path":"blocks/comments/comments-collaborative-editing.tsx","type":"registry:block","target":"components/blocks/comments/comments-collaborative-editing.tsx"}]},{"name":"comments-alpha-index","type":"registry:block","title":"Comments Alpha Index","description":"An alphabetical comment navigation for React and Next.js with A-Z jump links, author grouping, and quick scroll built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/comments/comments-alpha-index.tsx","type":"registry:block","target":"components/blocks/comments/comments-alpha-index.tsx"}]},{"name":"comments-ai-tone-adjustment","type":"registry:block","title":"Comments Ai Tone Adjustment","description":"React comment block for Next.js with AI-powered tone rewriting, sentiment analysis, and style transformations built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","textarea"],"premium":true,"files":[{"path":"blocks/comments/comments-ai-tone-adjustment.tsx","type":"registry:block","target":"components/blocks/comments/comments-ai-tone-adjustment.tsx"}]},{"name":"comments-code-snippet","type":"registry:block","title":"Comments Code Snippet","description":"A code snippet comment system for React and Next.js with syntax highlighting, language selection, line numbers, and copy-to-clipboard functionality built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge","button","select","textarea"],"premium":true,"files":[{"path":"blocks/comments/comments-code-snippet.tsx","type":"registry:block","target":"components/blocks/comments/comments-code-snippet.tsx"}]},{"name":"comments-smart-search","type":"registry:block","title":"Comments Smart Search","description":"An advanced search interface for React and Next.js with search operators, field-specific queries, and result highlighting built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","input"],"premium":true,"files":[{"path":"blocks/comments/comments-smart-search.tsx","type":"registry:block","target":"components/blocks/comments/comments-smart-search.tsx"}]},{"name":"comments-consensus-voting","type":"registry:block","title":"Comments Consensus Voting","description":"React comment block for Next.js with team decision tracking, consensus voting, and approval threshold indicators built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/comments/comments-consensus-voting.tsx","type":"registry:block","target":"components/blocks/comments/comments-consensus-voting.tsx"}]},{"name":"comments-ai-topic-extraction","type":"registry:block","title":"Comments Ai Topic Extraction","description":"An AI-powered topic extraction comment system for React and Next.js with automatic tag generation, topic clustering, keyword badges, and filter-by-topic functionality built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"registryDependencies":["avatar","badge","button","textarea"],"premium":true,"files":[{"path":"blocks/comments/comments-ai-topic-extraction.tsx","type":"registry:block","target":"components/blocks/comments/comments-ai-topic-extraction.tsx"}]},{"name":"comments-global-search","type":"registry:block","title":"Comments Global Search","description":"A cross-project comment search for React and Next.js with project filtering, full-text search, and result grouping built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","checkbox","input"],"premium":true,"files":[{"path":"blocks/comments/comments-global-search.tsx","type":"registry:block","target":"components/blocks/comments/comments-global-search.tsx"}]},{"name":"comments-code-review","type":"registry:block","title":"Comments Code Review","description":"A GitHub-style code review comment system for React and Next.js with line-level annotations, diff views, and suggestion blocks built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/comments/comments-code-review.tsx","type":"registry:block","target":"components/blocks/comments/comments-code-review.tsx"}]},{"name":"comments-follow-thread","type":"registry:block","title":"Comments Follow Thread","description":"A thread subscription comment section for React and Next.js with follow/unfollow toggles, notification settings, and subscriber lists built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","button"],"premium":true,"files":[{"path":"blocks/comments/comments-follow-thread.tsx","type":"registry:block","target":"components/blocks/comments/comments-follow-thread.tsx"}]},{"name":"comments-video-timestamp","type":"registry:block","title":"Comments Video Timestamp","description":"Link comments to video timestamps for React and Next.js with time-coded feedback, playback controls, and chapter navigation built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge","button","slider","textarea"],"premium":true,"files":[{"path":"blocks/comments/comments-video-timestamp.tsx","type":"registry:block","target":"components/blocks/comments/comments-video-timestamp.tsx"}]},{"name":"comments-digital-signature","type":"registry:block","title":"Comments Digital Signature","description":"A cryptographically signed comment section for React and Next.js with digital signatures, verification badges, and non-repudiation proof built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/comments/comments-digital-signature.tsx","type":"registry:block","target":"components/blocks/comments/comments-digital-signature.tsx"}]},{"name":"comments-priority-levels","type":"registry:block","title":"Comments Priority Levels","description":"React comment block for Next.js with priority badges, severity sorting, and urgency indicators built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/comments/comments-priority-levels.tsx","type":"registry:block","target":"components/blocks/comments/comments-priority-levels.tsx"}]},{"name":"comments-gif-search","type":"registry:block","title":"Comments Gif Search","description":"A GIF-enabled comment system for React and Next.js with Giphy/Tenor search, trending GIFs, preview cards, and inline GIF display built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","button","input","textarea"],"premium":true,"files":[{"path":"blocks/comments/comments-gif-search.tsx","type":"registry:block","target":"components/blocks/comments/comments-gif-search.tsx"}]},{"name":"comments-basic","type":"registry:block","title":"Comments Basic","description":"A basic threaded comment section for React and Next.js with nested replies, timestamps, and reply functionality built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","button","textarea"],"premium":true,"files":[{"path":"blocks/comments/comments-basic.tsx","type":"registry:block","target":"components/blocks/comments/comments-basic.tsx"}]},{"name":"comments-user-journey","type":"registry:block","title":"Comments User Journey","description":"A user activity timeline block for React and Next.js with chronological comment history, engagement patterns, interaction types, and contribution metrics built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge"],"premium":true,"files":[{"path":"blocks/comments/comments-user-journey.tsx","type":"registry:block","target":"components/blocks/comments/comments-user-journey.tsx"}]},{"name":"comments-folder-organization","type":"registry:block","title":"Comments Folder Organization","description":"A comment folder manager for React and Next.js with drag-drop organization, nested folders, and move operations built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","input"],"premium":true,"files":[{"path":"blocks/comments/comments-folder-organization.tsx","type":"registry:block","target":"components/blocks/comments/comments-folder-organization.tsx"}]},{"name":"comments-activity-stream","type":"registry:block","title":"Comments Activity Stream","description":"Real-time activity feed for comments in React and Next.js with live updates, action indicators, and auto-scroll to new content built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/comments/comments-activity-stream.tsx","type":"registry:block","target":"components/blocks/comments/comments-activity-stream.tsx"}]},{"name":"comments-anonymous-posting","type":"registry:block","title":"Comments Anonymous Posting","description":"An anonymous comment system for React and Next.js with privacy toggle, masked identities, and moderation built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","switch","textarea"],"premium":true,"files":[{"path":"blocks/comments/comments-anonymous-posting.tsx","type":"registry:block","target":"components/blocks/comments/comments-anonymous-posting.tsx"}]},{"name":"comments-reaction-notifications","type":"registry:block","title":"Comments Reaction Notifications","description":"A reaction-based notification system for React and Next.js with emoji alerts, aggregated reactions, and notification preferences built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/comments/comments-reaction-notifications.tsx","type":"registry:block","target":"components/blocks/comments/comments-reaction-notifications.tsx"}]},{"name":"comments-a-b-testing","type":"registry:block","title":"Comments A B Testing","description":"A comment UI variant testing system for React and Next.js with experiment configuration, traffic allocation, performance metrics, and statistical significance built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/comments/comments-a-b-testing.tsx","type":"registry:block","target":"components/blocks/comments/comments-a-b-testing.tsx"}]},{"name":"comments-audit-log","type":"registry:block","title":"Comments Audit Log","description":"A compliance-focused comment audit log for React and Next.js with activity tracking, change history, and exportable reports built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/comments/comments-audit-log.tsx","type":"registry:block","target":"components/blocks/comments/comments-audit-log.tsx"}]},{"name":"comments-ai-compliance-check","type":"registry:block","title":"Comments Ai Compliance Check","description":"React comment block for Next.js with AI-powered sensitive data detection, PII scanning, and compliance warnings built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","textarea"],"premium":true,"files":[{"path":"blocks/comments/comments-ai-compliance-check.tsx","type":"registry:block","target":"components/blocks/comments/comments-ai-compliance-check.tsx"}]},{"name":"comments-time-boxed-discussion","type":"registry:block","title":"Comments Time Boxed Discussion","description":"Phased discussion rounds with timers for React and Next.js with countdown displays, phase transitions, and locked previous rounds built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","progress","textarea"],"premium":true,"files":[{"path":"blocks/comments/comments-time-boxed-discussion.tsx","type":"registry:block","target":"components/blocks/comments/comments-time-boxed-discussion.tsx"}]},{"name":"comments-heat-map","type":"registry:block","title":"Comments Heat Map","description":"A comment density heat map visualization for React and Next.js with hourly activity grids, day-of-week patterns, intensity indicators, and peak time detection built with shadcn/ui and Tailwind CSS","dependencies":["motion","date-fns","lucide-react"],"premium":true,"files":[{"path":"blocks/comments/comments-heat-map.tsx","type":"registry:block","target":"components/blocks/comments/comments-heat-map.tsx"}]},{"name":"comments-table-view","type":"registry:block","title":"Comments Table View","description":"A spreadsheet-style comment table for React and Next.js with sortable columns, inline editing, and bulk selection built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","checkbox","table"],"premium":true,"files":[{"path":"blocks/comments/comments-table-view.tsx","type":"registry:block","target":"components/blocks/comments/comments-table-view.tsx"}]},{"name":"comments-response-time","type":"registry:block","title":"Comments Response Time","description":"A comment response time SLA tracker for React and Next.js with average response metrics, SLA compliance rates, breach alerts, and team performance built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/comments/comments-response-time.tsx","type":"registry:block","target":"components/blocks/comments/comments-response-time.tsx"}]},{"name":"comments-assignment-tracking","type":"registry:block","title":"Comments Assignment Tracking","description":"React comment block for Next.js with team member assignment, workload tracking, and due date management built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/comments/comments-assignment-tracking.tsx","type":"registry:block","target":"components/blocks/comments/comments-assignment-tracking.tsx"}]},{"name":"comments-two-factor-posting","type":"registry:block","title":"Comments Two Factor Posting","description":"A 2FA-protected comment section for React and Next.js with verification prompts, TOTP codes, and critical action protection built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge","button","input","textarea"],"premium":true,"files":[{"path":"blocks/comments/comments-two-factor-posting.tsx","type":"registry:block","target":"components/blocks/comments/comments-two-factor-posting.tsx"}]},{"name":"comments-thread-splitting","type":"registry:block","title":"Comments Thread Splitting","description":"React comment block for Next.js with thread splitting, conversation branching, and topic reorganization built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","checkbox","input"],"premium":true,"files":[{"path":"blocks/comments/comments-thread-splitting.tsx","type":"registry:block","target":"components/blocks/comments/comments-thread-splitting.tsx"}]},{"name":"comments-file-attachment","type":"registry:block","title":"Comments File Attachment","description":"A file attachment comment system for React and Next.js with multi-file upload, file preview cards, size limits, and delete functionality built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","button","textarea"],"premium":true,"files":[{"path":"blocks/comments/comments-file-attachment.tsx","type":"registry:block","target":"components/blocks/comments/comments-file-attachment.tsx"}]},{"name":"comments-approval-workflow","type":"registry:block","title":"Comments Approval Workflow","description":"React comment block for Next.js with multi-step approval process, status tracking, and reviewer assignment built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge","button","textarea"],"premium":true,"files":[{"path":"blocks/comments/comments-approval-workflow.tsx","type":"registry:block","target":"components/blocks/comments/comments-approval-workflow.tsx"}]},{"name":"comments-timeline-view","type":"registry:block","title":"Comments Timeline View","description":"A chronological timeline comment view for React and Next.js with date markers, time grouping, and scroll navigation built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","button"],"premium":true,"files":[{"path":"blocks/comments/comments-timeline-view.tsx","type":"registry:block","target":"components/blocks/comments/comments-timeline-view.tsx"}]},{"name":"comments-image-annotation","type":"registry:block","title":"Comments Image Annotation","description":"Image annotation with comment markers for React and Next.js with pin placement, coordinate tracking, and annotation overlay built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge","button","textarea"],"premium":true,"files":[{"path":"blocks/comments/comments-image-annotation.tsx","type":"registry:block","target":"components/blocks/comments/comments-image-annotation.tsx"}]},{"name":"comments-redaction-tools","type":"registry:block","title":"Comments Redaction Tools","description":"A content redaction comment section for React and Next.js with sensitive data masking, auto-detection, and manual redaction controls built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/comments/comments-redaction-tools.tsx","type":"registry:block","target":"components/blocks/comments/comments-redaction-tools.tsx"}]},{"name":"comments-saved-filters","type":"registry:block","title":"Comments Saved Filters","description":"A saved filter preset system for React and Next.js with custom filters, quick access, and filter sharing built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","input"],"premium":true,"files":[{"path":"blocks/comments/comments-saved-filters.tsx","type":"registry:block","target":"components/blocks/comments/comments-saved-filters.tsx"}]},{"name":"comments-ai-action-item-detection","type":"registry:block","title":"Comments Ai Action Item Detection","description":"React comment block for Next.js with AI-powered task extraction, deadline detection, and assignee suggestions built with shadcn/ui and Tailwind CSS","dependencies":["motion","date-fns","lucide-react"],"registryDependencies":["badge","button","checkbox","textarea"],"premium":true,"files":[{"path":"blocks/comments/comments-ai-action-item-detection.tsx","type":"registry:block","target":"components/blocks/comments/comments-ai-action-item-detection.tsx"}]},{"name":"comments-notification-center","type":"registry:block","title":"Comments Notification Center","description":"A unified notification inbox for React and Next.js with tabbed filtering, read/unread states, and bulk actions built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/comments/comments-notification-center.tsx","type":"registry:block","target":"components/blocks/comments/comments-notification-center.tsx"}]},{"name":"comments-retention-cohorts","type":"registry:block","title":"Comments Retention Cohorts","description":"A user retention cohort analysis dashboard for React and Next.js with cohort tables, retention curves, churn indicators, and time-based segmentation built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/comments/comments-retention-cohorts.tsx","type":"registry:block","target":"components/blocks/comments/comments-retention-cohorts.tsx"}]},{"name":"comments-mention-autocomplete","type":"registry:block","title":"Comments Mention Autocomplete","description":"An @-mention autocomplete comment section for React and Next.js with fuzzy search, keyboard navigation, and user avatars built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge","button","textarea"],"premium":true,"files":[{"path":"blocks/comments/comments-mention-autocomplete.tsx","type":"registry:block","target":"components/blocks/comments/comments-mention-autocomplete.tsx"}]},{"name":"comments-bookmark-collections","type":"registry:block","title":"Comments Bookmark Collections","description":"A personal bookmark system for React and Next.js with custom collections, saved comments, and quick access built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","input"],"premium":true,"files":[{"path":"blocks/comments/comments-bookmark-collections.tsx","type":"registry:block","target":"components/blocks/comments/comments-bookmark-collections.tsx"}]},{"name":"comments-reactions","type":"registry:block","title":"Comments Reactions","description":"A comment section with emoji reactions for React and Next.js featuring inline emoji picker, reaction counts, and user lists built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","button","popover"],"premium":true,"files":[{"path":"blocks/comments/comments-reactions.tsx","type":"registry:block","target":"components/blocks/comments/comments-reactions.tsx"}]},{"name":"comments-screen-recording","type":"registry:block","title":"Comments Screen Recording","description":"Attach screen recordings to comments for React and Next.js with recording capture, thumbnail preview, and playback modal built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge","button","textarea"],"premium":true,"files":[{"path":"blocks/comments/comments-screen-recording.tsx","type":"registry:block","target":"components/blocks/comments/comments-screen-recording.tsx"}]},{"name":"comments-push-notifications","type":"registry:block","title":"Comments Push Notifications","description":"A browser push notification system for React and Next.js with permission prompts, real-time alerts, and notification preferences built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["alert","avatar","badge","button","switch"],"premium":true,"files":[{"path":"blocks/comments/comments-push-notifications.tsx","type":"registry:block","target":"components/blocks/comments/comments-push-notifications.tsx"}]},{"name":"comments-ai-similar-threads","type":"registry:block","title":"Comments Ai Similar Threads","description":"An AI-powered similar threads comment system for React and Next.js with semantic search, related discussion suggestions, relevance scores, and thread navigation built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge","button","textarea"],"premium":true,"files":[{"path":"blocks/comments/comments-ai-similar-threads.tsx","type":"registry:block","target":"components/blocks/comments/comments-ai-similar-threads.tsx"}]},{"name":"comments-private-notes","type":"registry:block","title":"Comments Private Notes","description":"React comment block for Next.js with team-only visibility, internal notes, and role-based access control built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","switch","textarea"],"premium":true,"files":[{"path":"blocks/comments/comments-private-notes.tsx","type":"registry:block","target":"components/blocks/comments/comments-private-notes.tsx"}]},{"name":"comments-kanban-board","type":"registry:block","title":"Comments Kanban Board","description":"A kanban-style comment workflow board for React and Next.js with drag-drop columns, status tracking, and visual progress built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge"],"premium":true,"files":[{"path":"blocks/comments/comments-kanban-board.tsx","type":"registry:block","target":"components/blocks/comments/comments-kanban-board.tsx"}]},{"name":"comments-version-comparison","type":"registry:block","title":"Comments Version Comparison","description":"Compare comments across document versions in React and Next.js with side-by-side view, version selector, and change highlighting built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/comments/comments-version-comparison.tsx","type":"registry:block","target":"components/blocks/comments/comments-version-comparison.tsx"}]},{"name":"comments-recent-activity","type":"registry:block","title":"Comments Recent Activity","description":"A real-time activity feed for React and Next.js with new comments, replies, and updates stream built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/comments/comments-recent-activity.tsx","type":"registry:block","target":"components/blocks/comments/comments-recent-activity.tsx"}]},{"name":"comments-batch-actions","type":"registry:block","title":"Comments Batch Actions","description":"A comment management block for React and Next.js with multi-select, bulk operations, and action confirmation built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge","button","checkbox"],"premium":true,"files":[{"path":"blocks/comments/comments-batch-actions.tsx","type":"registry:block","target":"components/blocks/comments/comments-batch-actions.tsx"}]},{"name":"comments-cross-reference","type":"registry:block","title":"Comments Cross Reference","description":"React comment block for Next.js with related comment linking, reference detection, and conversation connection built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","textarea"],"premium":true,"files":[{"path":"blocks/comments/comments-cross-reference.tsx","type":"registry:block","target":"components/blocks/comments/comments-cross-reference.tsx"}]},{"name":"comments-digest-email","type":"registry:block","title":"Comments Digest Email","description":"An email digest preview for React and Next.js with notification summaries, frequency controls, and unsubscribe options built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/comments/comments-digest-email.tsx","type":"registry:block","target":"components/blocks/comments/comments-digest-email.tsx"}]},{"name":"comments-markdown-preview","type":"registry:block","title":"Comments Markdown Preview","description":"A markdown-enabled comment system for React and Next.js with split-pane editor, live preview, syntax toolbar, and rendered markdown display built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","button","textarea"],"premium":true,"files":[{"path":"blocks/comments/comments-markdown-preview.tsx","type":"registry:block","target":"components/blocks/comments/comments-markdown-preview.tsx"}]},{"name":"comments-ai-toxicity-detection","type":"registry:block","title":"Comments Ai Toxicity Detection","description":"An AI-powered toxicity detection comment system for React and Next.js with real-time content moderation, severity indicators, warning messages, and auto-flag functionality built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["alert","avatar","badge","button","textarea"],"premium":true,"files":[{"path":"blocks/comments/comments-ai-toxicity-detection.tsx","type":"registry:block","target":"components/blocks/comments/comments-ai-toxicity-detection.tsx"}]},{"name":"comments-ip-geoblocking","type":"registry:block","title":"Comments Ip Geoblocking","description":"A geographic restriction comment section for React and Next.js with IP-based access control, country blocking, and location indicators built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge"],"premium":true,"files":[{"path":"blocks/comments/comments-ip-geoblocking.tsx","type":"registry:block","target":"components/blocks/comments/comments-ip-geoblocking.tsx"}]},{"name":"comments-link-preview","type":"registry:block","title":"Comments Link Preview","description":"A link preview comment system for React and Next.js with automatic URL detection, rich metadata cards, og:image display, and favicon icons built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","button","textarea"],"premium":true,"files":[{"path":"blocks/comments/comments-link-preview.tsx","type":"registry:block","target":"components/blocks/comments/comments-link-preview.tsx"}]},{"name":"comments-encrypted-private","type":"registry:block","title":"Comments Encrypted Private","description":"An end-to-end encrypted comment system for React and Next.js with private messaging, encryption indicators, and secure sharing built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","textarea"],"premium":true,"files":[{"path":"blocks/comments/comments-encrypted-private.tsx","type":"registry:block","target":"components/blocks/comments/comments-encrypted-private.tsx"}]},{"name":"comments-pinned","type":"registry:block","title":"Comments Pinned","description":"A comment section with pinned comments and sorting for React and Next.js featuring sticky pins, sort controls, and moderator actions built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge","button","dropdown-menu","select"],"premium":true,"files":[{"path":"blocks/comments/comments-pinned.tsx","type":"registry:block","target":"components/blocks/comments/comments-pinned.tsx"}]},{"name":"comments-read-receipts","type":"registry:block","title":"Comments Read Receipts","description":"Track who has read each comment in React and Next.js with read status indicators, viewer lists, and read timestamp tracking built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/comments/comments-read-receipts.tsx","type":"registry:block","target":"components/blocks/comments/comments-read-receipts.tsx"}]},{"name":"comments-ai-suggested-replies","type":"registry:block","title":"Comments Ai Suggested Replies","description":"An AI-powered suggested reply comment system for React and Next.js with context-aware suggestions, quick reply chips, tone selection, and one-click response built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge","button","textarea"],"premium":true,"files":[{"path":"blocks/comments/comments-ai-suggested-replies.tsx","type":"registry:block","target":"components/blocks/comments/comments-ai-suggested-replies.tsx"}]},{"name":"comments-ai-grammar-check","type":"registry:block","title":"Comments Ai Grammar Check","description":"React comment block for Next.js with real-time AI grammar correction, spelling fixes, and writing suggestions built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","textarea"],"premium":true,"files":[{"path":"blocks/comments/comments-ai-grammar-check.tsx","type":"registry:block","target":"components/blocks/comments/comments-ai-grammar-check.tsx"}]},{"name":"comments-topic-clustering","type":"registry:block","title":"Comments Topic Clustering","description":"A topic extraction and clustering dashboard for React and Next.js with word frequency analysis, topic tags, cluster visualization, and keyword trends built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/comments/comments-topic-clustering.tsx","type":"registry:block","target":"components/blocks/comments/comments-topic-clustering.tsx"}]},{"name":"comments-network-graph","type":"registry:block","title":"Comments Network Graph","description":"A conversation network visualization for React and Next.js with user nodes, reply connections, interaction strength, and community clusters built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"registryDependencies":["avatar","badge"],"premium":true,"files":[{"path":"blocks/comments/comments-network-graph.tsx","type":"registry:block","target":"components/blocks/comments/comments-network-graph.tsx"}]},{"name":"comments-audio-note","type":"registry:block","title":"Comments Audio Note","description":"Record audio comments with waveform visualization for React and Next.js with voice recording, playback controls, and duration tracking built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge","button","slider"],"premium":true,"files":[{"path":"blocks/comments/comments-audio-note.tsx","type":"registry:block","target":"components/blocks/comments/comments-audio-note.tsx"}]},{"name":"comments-edit-history","type":"registry:block","title":"Comments Edit History","description":"Full revision history for comments in React and Next.js with diff view, version comparison, and rollback capability built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge","button","separator"],"premium":true,"files":[{"path":"blocks/comments/comments-edit-history.tsx","type":"registry:block","target":"components/blocks/comments/comments-edit-history.tsx"}]},{"name":"comments-expiring-feedback","type":"registry:block","title":"Comments Expiring Feedback","description":"Time-limited comment collection for React and Next.js with countdown timers, auto-archive on expiration, and urgency indicators built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge","button","progress","textarea"],"premium":true,"files":[{"path":"blocks/comments/comments-expiring-feedback.tsx","type":"registry:block","target":"components/blocks/comments/comments-expiring-feedback.tsx"}]},{"name":"comments-reminder-followup","type":"registry:block","title":"Comments Reminder Followup","description":"Set reminders on comments for React and Next.js with due date tracking, notification scheduling, and followup management built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge","button","input"],"premium":true,"files":[{"path":"blocks/comments/comments-reminder-followup.tsx","type":"registry:block","target":"components/blocks/comments/comments-reminder-followup.tsx"}]},{"name":"comments-ai-sentiment-analysis","type":"registry:block","title":"Comments Ai Sentiment Analysis","description":"An AI-powered sentiment analysis comment system for React and Next.js with emotion detection, sentiment badges, mood indicators, and thread tone visualization built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge","button","progress","textarea"],"premium":true,"files":[{"path":"blocks/comments/comments-ai-sentiment-analysis.tsx","type":"registry:block","target":"components/blocks/comments/comments-ai-sentiment-analysis.tsx"}]},{"name":"comments-export-reporting","type":"registry:block","title":"Comments Export Reporting","description":"A comment export and reporting system for React and Next.js with multiple format options, date range filtering, field selection, and download management built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","checkbox"],"premium":true,"files":[{"path":"blocks/comments/comments-export-reporting.tsx","type":"registry:block","target":"components/blocks/comments/comments-export-reporting.tsx"}]},{"name":"comments-watermarked","type":"registry:block","title":"Comments Watermarked","description":"A watermarked comment section for React and Next.js with unique identifiers, leak prevention tracking, and screenshot protection built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["alert","avatar","badge"],"premium":true,"files":[{"path":"blocks/comments/comments-watermarked.tsx","type":"registry:block","target":"components/blocks/comments/comments-watermarked.tsx"}]},{"name":"comments-poll-embed","type":"registry:block","title":"Comments Poll Embed","description":"An inline poll comment system for React and Next.js with multi-choice voting, real-time results, percentage bars, and vote count display built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge","button","progress","textarea"],"premium":true,"files":[{"path":"blocks/comments/comments-poll-embed.tsx","type":"registry:block","target":"components/blocks/comments/comments-poll-embed.tsx"}]},{"name":"comments-keyword-alerts","type":"registry:block","title":"Comments Keyword Alerts","description":"A comment keyword alert system for React and Next.js with pattern matching, priority levels, notification triggers, and alert history built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","input"],"premium":true,"files":[{"path":"blocks/comments/comments-keyword-alerts.tsx","type":"registry:block","target":"components/blocks/comments/comments-keyword-alerts.tsx"}]},{"name":"comments-smart-notifications","type":"registry:block","title":"Comments Smart Notifications","description":"An AI-prioritized notification system for React and Next.js with importance scoring, smart batching, and adaptive delivery built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge","progress"],"premium":true,"files":[{"path":"blocks/comments/comments-smart-notifications.tsx","type":"registry:block","target":"components/blocks/comments/comments-smart-notifications.tsx"}]},{"name":"comments-escalation-alerts","type":"registry:block","title":"Comments Escalation Alerts","description":"A comment escalation alert system for React and Next.js with SLA tracking, auto-escalation rules, priority queues, and team assignment built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/comments/comments-escalation-alerts.tsx","type":"registry:block","target":"components/blocks/comments/comments-escalation-alerts.tsx"}]},{"name":"comments-inline","type":"registry:block","title":"Comments Inline","description":"A Google Docs style inline comment system for React and Next.js with text selection, anchor positioning, and resolved states built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge","button","checkbox"],"premium":true,"files":[{"path":"blocks/comments/comments-inline.tsx","type":"registry:block","target":"components/blocks/comments/comments-inline.tsx"}]},{"name":"comments-slack-integration","type":"registry:block","title":"Comments Slack Integration","description":"A comment Slack integration block for React and Next.js with webhook configuration, channel routing, notification formatting, and delivery status built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","input"],"premium":true,"files":[{"path":"blocks/comments/comments-slack-integration.tsx","type":"registry:block","target":"components/blocks/comments/comments-slack-integration.tsx"}]},{"name":"comments-calendar-view","type":"registry:block","title":"Comments Calendar View","description":"A calendar-based comment organization for React and Next.js with month/week/day views, date filtering, and activity indicators built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/comments/comments-calendar-view.tsx","type":"registry:block","target":"components/blocks/comments/comments-calendar-view.tsx"}]},{"name":"comments-access-control","type":"registry:block","title":"Comments Access Control","description":"A granular permission-based comment section for React and Next.js with role-based visibility, comment-level permissions, and access badges built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge"],"premium":true,"files":[{"path":"blocks/comments/comments-access-control.tsx","type":"registry:block","target":"components/blocks/comments/comments-access-control.tsx"}]},{"name":"comments-emoji-only","type":"registry:block","title":"Comments Emoji Only","description":"An emoji-only quick feedback comment system for React and Next.js with emoji picker, reaction counts, and filter-by-emoji functionality built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/comments/comments-emoji-only.tsx","type":"registry:block","target":"components/blocks/comments/comments-emoji-only.tsx"}]},{"name":"comments-dependency-tracking","type":"registry:block","title":"Comments Dependency Tracking","description":"A comment dependency tracker for React and Next.js with blocking relationships, visual dependency chains, and resolution status built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/comments/comments-dependency-tracking.tsx","type":"registry:block","target":"components/blocks/comments/comments-dependency-tracking.tsx"}]},{"name":"comments-ai-translation","type":"registry:block","title":"Comments Ai Translation","description":"An AI-powered translation comment system for React and Next.js with automatic language detection, one-click translation, language badges, and bilingual comment display built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge","button","textarea"],"premium":true,"files":[{"path":"blocks/comments/comments-ai-translation.tsx","type":"registry:block","target":"components/blocks/comments/comments-ai-translation.tsx"}]},{"name":"comments-rich-text","type":"registry:block","title":"Comments Rich Text","description":"A rich text comment editor for React and Next.js with formatting toolbar, markdown preview, and styled output built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","button","separator","textarea","toggle"],"premium":true,"files":[{"path":"blocks/comments/comments-rich-text.tsx","type":"registry:block","target":"components/blocks/comments/comments-rich-text.tsx"}]},{"name":"comments-voting","type":"registry:block","title":"Comments Voting","description":"A Reddit-style comment section with upvote/downvote for React and Next.js featuring score display, vote buttons, and best comment sorting built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","button","select"],"premium":true,"files":[{"path":"blocks/comments/comments-voting.tsx","type":"registry:block","target":"components/blocks/comments/comments-voting.tsx"}]},{"name":"comments-influence-score","type":"registry:block","title":"Comments Influence Score","description":"A user influence ranking system for React and Next.js with reputation scores, engagement metrics, quality indicators, and leaderboard rankings built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge"],"premium":true,"files":[{"path":"blocks/comments/comments-influence-score.tsx","type":"registry:block","target":"components/blocks/comments/comments-influence-score.tsx"}]},{"name":"sidebar-education-lms","type":"registry:block","title":"Sidebar Education Lms","description":"Learning management sidebar with React, Next.js, shadcn/ui Sidebar components, and Tailwind CSS featuring collapsible course sub-menus, assignments, and community groups.","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","collapsible","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-education-lms.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-education-lms.tsx"}]},{"name":"sidebar-nav-secondary","type":"registry:block","title":"Sidebar Nav Secondary","description":"React sidebar with primary nav at top and secondary links at bottom using Tailwind mt-auto. Built with Next.js, shadcn/ui Sidebar components, and Tailwind CSS.","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-nav-secondary.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-nav-secondary.tsx"}]},{"name":"sidebar-supply-chain","type":"registry:block","title":"Sidebar Supply Chain","description":"A React sidebar for supply chain management with grouped navigation for orders, vendors, logistics, and reporting built with Next.js, shadcn/ui Sidebar components, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-supply-chain.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-supply-chain.tsx"}]},{"name":"sidebar-devops-platform","type":"registry:block","title":"Sidebar Devops Platform","description":"React DevOps sidebar with grouped navigation for services, observability, and infrastructure. Built with Next.js, TypeScript, shadcn/ui Sidebar, and Tailwind CSS.","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-devops-platform.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-devops-platform.tsx"}]},{"name":"sidebar-restaurant-pos","type":"registry:block","title":"Sidebar Restaurant Pos","description":"React restaurant POS sidebar with Orders, Menu, and Management sections with active order badges. Built with Next.js, shadcn/ui Sidebar components, and Tailwind CSS.","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-restaurant-pos.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-restaurant-pos.tsx"}]},{"name":"sidebar-chat-app","type":"registry:block","title":"Sidebar Chat App","description":"React chat sidebar with channels, direct messages, and online status indicators using Next.js, shadcn/ui Sidebar, and Tailwind CSS. Features searchable conversations with unread badges.","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","input","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-chat-app.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-chat-app.tsx"}]},{"name":"sidebar-podcast-platform","type":"registry:block","title":"Sidebar Podcast Platform","description":"React podcast sidebar with Listen, Create, and Preferences sections. Built with Next.js, shadcn/ui Sidebar components, and Tailwind CSS for audio platforms.","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-podcast-platform.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-podcast-platform.tsx"}]},{"name":"sidebar-with-input-filter","type":"registry:block","title":"Sidebar With Input Filter","description":"A React sidebar with search input in the header that filters navigation items in real time using React useState. Built with Next.js, shadcn/ui Sidebar and Input, and Tailwind CSS.","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","input","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-with-input-filter.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-with-input-filter.tsx"}]},{"name":"sidebar-ci-cd-pipeline","type":"registry:block","title":"Sidebar Ci Cd Pipeline","description":"A React sidebar for CI/CD pipeline dashboards with grouped navigation for pipeline runs, workflow configuration, and deployment monitoring using Next.js, shadcn/ui Sidebar, and Tailwind CSS.","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-ci-cd-pipeline.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-ci-cd-pipeline.tsx"}]},{"name":"sidebar-kanban-board","type":"registry:block","title":"Sidebar Kanban Board","description":"Kanban project management React sidebar with boards, filters, and view toggles using Next.js, shadcn/ui Sidebar components, and Tailwind CSS for agile workflows.","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-kanban-board.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-kanban-board.tsx"}]},{"name":"sidebar-with-tooltip-menu","type":"registry:block","title":"Sidebar With Tooltip Menu","description":"A React sidebar showing tooltips when collapsed to icon-only mode. Built with Next.js, TypeScript, shadcn/ui Sidebar and Tooltip components, Tailwind CSS.","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-with-tooltip-menu.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-with-tooltip-menu.tsx"}]},{"name":"sidebar-blog-admin","type":"registry:block","title":"Sidebar Blog Admin","description":"React CMS sidebar with grouped navigation for content, media, and users using Next.js, shadcn/ui Sidebar, and Tailwind CSS. Features organized group sections with contextual icons.","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-blog-admin.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-blog-admin.tsx"}]},{"name":"sidebar-with-footer-links","type":"registry:block","title":"Sidebar With Footer Links","description":"A React sidebar with secondary navigation links in the SidebarFooter using small-sized buttons and SidebarSeparator. Built with Next.js, shadcn/ui Sidebar, and Tailwind CSS.","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-with-footer-links.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-with-footer-links.tsx"}]},{"name":"sidebar-analytics-dashboard","type":"registry:block","title":"Sidebar Analytics Dashboard","description":"A React analytics sidebar with grouped navigation for Overview, Acquisition, Engagement, and Settings. Built with Next.js, shadcn/ui Sidebar, and Tailwind CSS for metric organization.","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-analytics-dashboard.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-analytics-dashboard.tsx"}]},{"name":"sidebar-team-switcher","type":"registry:block","title":"Sidebar Team Switcher","description":"A React sidebar with team/org switcher dropdown showing team avatar, name, and member count, built with Next.js, shadcn/ui Sidebar, DropdownMenu components, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","dropdown-menu","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-team-switcher.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-team-switcher.tsx"}]},{"name":"sidebar-api-docs","type":"registry:block","title":"Sidebar Api Docs","description":"A React API documentation sidebar with grouped endpoints, HTTP method badges, and sections for Authentication, Webhooks, and SDKs. Built with Next.js, shadcn/ui Sidebar, and Tailwind CSS.","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-api-docs.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-api-docs.tsx"}]},{"name":"sidebar-nav-projects","type":"registry:block","title":"Sidebar Nav Projects","description":"React sidebar with Platform and Projects groups featuring context menu actions. Built with Next.js, shadcn/ui Sidebar and DropdownMenu, and Tailwind CSS.","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","dropdown-menu","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-nav-projects.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-nav-projects.tsx"}]},{"name":"sidebar-marketplace","type":"registry:block","title":"Sidebar Marketplace","description":"A React e-commerce sidebar with buyer and seller navigation using shadcn/ui Sidebar, Next.js, and Tailwind CSS with product browsing and order management.","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-marketplace.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-marketplace.tsx"}]},{"name":"sidebar-scrollable-content","type":"registry:block","title":"Sidebar Scrollable Content","description":"React sidebar with 30+ navigation items demonstrating natural scrolling with Next.js, shadcn/ui SidebarContent components, and Tailwind CSS styling.","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-scrollable-content.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-scrollable-content.tsx"}]},{"name":"sidebar-finance-dashboard","type":"registry:block","title":"Sidebar Finance Dashboard","description":"React finance dashboard sidebar with grouped navigation, notification badges, and trading features. Built with Next.js, shadcn/ui Sidebar components, and Tailwind CSS.","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-finance-dashboard.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-finance-dashboard.tsx"}]},{"name":"sidebar-separator-sections","type":"registry:block","title":"Sidebar Separator Sections","description":"React sidebar using visual dividers instead of labels with Next.js, shadcn/ui SidebarSeparator components, and Tailwind CSS for minimal navigation sections.","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-separator-sections.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-separator-sections.tsx"}]},{"name":"sidebar-sticky-header","type":"registry:block","title":"Sidebar Sticky Header","description":"A React sidebar layout with sticky content header that stays fixed while scrolling, built with Next.js, shadcn/ui Sidebar components, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-sticky-header.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-sticky-header.tsx"}]},{"name":"sidebar-crm-dashboard","type":"registry:block","title":"Sidebar Crm Dashboard","description":"A React sidebar for CRM platforms with nested navigation, built with Next.js, TypeScript, shadcn/ui Sidebar and SidebarMenuSub components, and Tailwind CSS. Features pipeline, activities, and reports.","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","collapsible","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-crm-dashboard.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-crm-dashboard.tsx"}]},{"name":"sidebar-sub-menus","type":"registry:block","title":"Sidebar Sub Menus","description":"A React sidebar with hierarchical nested sub-menu items using shadcn/ui SidebarMenuSub, SidebarMenuSubButton, and SidebarMenuSubItem components styled with Next.js and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-sub-menus.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-sub-menus.tsx"}]},{"name":"sidebar-warehouse-management","type":"registry:block","title":"Sidebar Warehouse Management","description":"A React warehouse management sidebar with Next.js, shadcn/ui Collapsible groups, and Tailwind CSS. Features operations, inventory tracking, and workforce management navigation.","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","collapsible","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-warehouse-management.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-warehouse-management.tsx"}]},{"name":"sidebar-with-header-actions","type":"registry:block","title":"Sidebar With Header Actions","description":"A React sidebar with multiple action buttons in the SidebarHeader arranged horizontally including add, notifications, and settings icons. Built with Next.js, shadcn/ui Sidebar, and Tailwind CSS.","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","button","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-with-header-actions.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-with-header-actions.tsx"}]},{"name":"sidebar-draggable-items","type":"registry:block","title":"Sidebar Draggable Items","description":"React sidebar with drag handle icons on navigation items for reordering. Built with Next.js, TypeScript, shadcn/ui Sidebar components, and Tailwind CSS transitions.","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-draggable-items.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-draggable-items.tsx"}]},{"name":"sidebar-floating-variant","type":"registry:block","title":"Sidebar Floating Variant","description":"React floating sidebar with shadow, rounded corners, and card-like detached panel design. Built with Next.js, shadcn/ui Sidebar components, and Tailwind CSS.","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-floating-variant.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-floating-variant.tsx"}]},{"name":"sidebar-photo-editor","type":"registry:block","title":"Sidebar Photo Editor","description":"React sidebar for photo editing applications with grouped navigation for editing tools, enhancement features, and export options built with Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-photo-editor.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-photo-editor.tsx"}]},{"name":"sidebar-icon-nav","type":"registry:block","title":"Sidebar Icon Nav","description":"Collapsible React sidebar with icon-only mode, tooltips, and drag-to-resize using Next.js, shadcn/ui Sidebar components, and Tailwind CSS for responsive layouts.","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-icon-nav.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-icon-nav.tsx"}]},{"name":"sidebar-right-side","type":"registry:block","title":"Sidebar Right Side","description":"React right-aligned sidebar with Properties and Inspector sections. Built with Next.js, shadcn/ui Sidebar components with side=\"right\", and Tailwind CSS.","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-right-side.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-right-side.tsx"}]},{"name":"sidebar-ecommerce-admin","type":"registry:block","title":"Sidebar Ecommerce Admin","description":"React e-commerce admin sidebar with collapsible groups for catalog, sales, and analytics. Built with Next.js, TypeScript, shadcn/ui Sidebar and Collapsible, and Tailwind CSS.","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","collapsible","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-ecommerce-admin.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-ecommerce-admin.tsx"}]},{"name":"sidebar-action-buttons","type":"registry:block","title":"Sidebar Action Buttons","description":"A React sidebar with hover-revealed action buttons on nav items using shadcn/ui SidebarMenuAction. Built with Next.js and Tailwind CSS for context menus and quick actions.","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-action-buttons.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-action-buttons.tsx"}]},{"name":"sidebar-email-client","type":"registry:block","title":"Sidebar Email Client","description":"Email client navigation with React, Next.js, shadcn/ui Sidebar, and Tailwind CSS featuring mailbox folders, unread count badges, and label categories.","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-email-client.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-email-client.tsx"}]},{"name":"sidebar-inset-variant","type":"registry:block","title":"Sidebar Inset Variant","description":"Modern React sidebar with inset variant, rounded content panel, and shadow effects using Next.js, shadcn/ui Sidebar components, and Tailwind CSS styling.","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-inset-variant.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-inset-variant.tsx"}]},{"name":"sidebar-customer-support","type":"registry:block","title":"Sidebar Customer Support","description":"A React sidebar for help desk platforms with badge counts, built with Next.js, TypeScript, shadcn/ui Sidebar components, and Tailwind CSS. Features conversations, contacts, and support tools.","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-customer-support.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-customer-support.tsx"}]},{"name":"sidebar-project-management","type":"registry:block","title":"Sidebar Project Management","description":"React project sidebar with Projects, Views, and Settings groups. Built with Next.js, shadcn/ui Sidebar components, and Tailwind CSS for task management apps.","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-project-management.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-project-management.tsx"}]},{"name":"sidebar-settings-panel","type":"registry:block","title":"Sidebar Settings Panel","description":"React and Next.js settings sidebar with grouped Account, Preferences, and Billing sections using shadcn/ui Sidebar components and Tailwind CSS for organized navigation","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-settings-panel.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-settings-panel.tsx"}]},{"name":"sidebar-badges","type":"registry:block","title":"Sidebar Badges","description":"React sidebar with notification badges and unread counts using Next.js, shadcn/ui Sidebar, and Tailwind CSS. Features right-aligned badge positioning and overflow indicators.","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-badges.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-badges.tsx"}]},{"name":"sidebar-admin-panel","type":"registry:block","title":"Sidebar Admin Panel","description":"A React admin panel sidebar with logo header, grouped navigation, and user dropdown footer. Built with Next.js, shadcn/ui Sidebar and DropdownMenu, and Tailwind CSS for management consoles.","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","dropdown-menu","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-admin-panel.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-admin-panel.tsx"}]},{"name":"sidebar-dark-theme","type":"registry:block","title":"Sidebar Dark Theme","description":"A React sidebar with dark zinc-950 background and light text contrasting against light content using Next.js, shadcn/ui Sidebar, and Tailwind CSS.","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-dark-theme.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-dark-theme.tsx"}]},{"name":"sidebar-data-science","type":"registry:block","title":"Sidebar Data Science","description":"A React data science platform sidebar with collapsible groups for workspace, ML pipelines, and compute resources using Next.js, shadcn/ui Sidebar, and Tailwind CSS.","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","collapsible","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-data-science.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-data-science.tsx"}]},{"name":"sidebar-changelog-nav","type":"registry:block","title":"Sidebar Changelog Nav","description":"React changelog sidebar with version-grouped collapsible navigation and dated entries using Next.js, shadcn/ui Sidebar, and Tailwind CSS. Features expandable version sections with release dates.","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","collapsible","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-changelog-nav.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-changelog-nav.tsx"}]},{"name":"sidebar-design-tool","type":"registry:block","title":"Sidebar Design Tool","description":"A React design tool sidebar with grouped navigation for tools, layers, and assets using Next.js, shadcn/ui Sidebar components, and Tailwind CSS.","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-design-tool.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-design-tool.tsx"}]},{"name":"sidebar-collapsible-items","type":"registry:block","title":"Sidebar Collapsible Items","description":"A React sidebar with collapsible navigation items using Collapsible and SidebarMenuAction with ChevronRight rotation and expandable SidebarMenuSub children using Next.js, shadcn/ui Sidebar, and Tailwind CSS.","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","collapsible","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-collapsible-items.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-collapsible-items.tsx"}]},{"name":"sidebar-favorites-section","type":"registry:block","title":"Sidebar Favorites Section","description":"Organized navigation with React, Next.js, shadcn/ui Sidebar, and Tailwind CSS featuring starred favorites group and quick-add action button for instant page access.","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-favorites-section.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-favorites-section.tsx"}]},{"name":"sidebar-controlled-state","type":"registry:block","title":"Sidebar Controlled State","description":"A React sidebar with programmatic state control, built with Next.js, TypeScript, shadcn/ui Sidebar components, and Tailwind CSS. Features external open/close controls and state synchronization.","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","button","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-controlled-state.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-controlled-state.tsx"}]},{"name":"sidebar-developer-tools","type":"registry:block","title":"Sidebar Developer Tools","description":"A React developer tools sidebar with collapsible icon groups for code editing, source control, and deployment using Next.js, shadcn/ui Sidebar, and Tailwind CSS.","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","collapsible","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-developer-tools.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-developer-tools.tsx"}]},{"name":"sidebar-newsletter-editor","type":"registry:block","title":"Sidebar Newsletter Editor","description":"React sidebar for newsletter editing platforms with grouped navigation for campaign management, audience segments, subscriber growth, and design templates built with Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-newsletter-editor.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-newsletter-editor.tsx"}]},{"name":"sidebar-status-indicators","type":"registry:block","title":"Sidebar Status Indicators","description":"React and Next.js sidebar with colored status dots showing online, offline, and busy states using shadcn/ui Sidebar components and Tailwind CSS indicators","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-status-indicators.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-status-indicators.tsx"}]},{"name":"sidebar-with-progress","type":"registry:block","title":"Sidebar With Progress","description":"A React sidebar with progress bars below nav items showing completion state. Built with Next.js, TypeScript, shadcn/ui Sidebar components, and Tailwind CSS.","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-with-progress.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-with-progress.tsx"}]},{"name":"sidebar-travel-booking","type":"registry:block","title":"Sidebar Travel Booking","description":"A React travel booking sidebar with Next.js, shadcn/ui Sidebar components, and Tailwind CSS. Features flight/hotel/car search, trip management, and account settings navigation.","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-travel-booking.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-travel-booking.tsx"}]},{"name":"sidebar-group-actions","type":"registry:block","title":"Sidebar Group Actions","description":"React sidebar with SidebarGroupAction buttons in group headers for adding items and quick actions. Built with Next.js, shadcn/ui Sidebar components, and Tailwind CSS.","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-group-actions.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-group-actions.tsx"}]},{"name":"sidebar-legal-practice","type":"registry:block","title":"Sidebar Legal Practice","description":"A React sidebar for law firm case management using shadcn/ui Sidebar, Next.js, and Tailwind CSS with case tracking, billing, and document organization.","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-legal-practice.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-legal-practice.tsx"}]},{"name":"sidebar-skeleton-loading","type":"registry:block","title":"Sidebar Skeleton Loading","description":"React and Next.js sidebar with SidebarMenuSkeleton loading states and toggle functionality using shadcn/ui components, useState, and Tailwind CSS animations","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","button","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-skeleton-loading.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-skeleton-loading.tsx"}]},{"name":"sidebar-fitness-app","type":"registry:block","title":"Sidebar Fitness App","description":"React fitness app sidebar with workout tracking, nutrition logging, and social features. Built with Next.js, shadcn/ui Sidebar components, and Tailwind CSS.","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-fitness-app.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-fitness-app.tsx"}]},{"name":"sidebar-accounting-app","type":"registry:block","title":"Sidebar Accounting App","description":"A React sidebar for accounting apps with collapsible groups for banking, invoicing, and tax management. Built with Next.js, shadcn/ui Sidebar, and Tailwind CSS with organized financial navigation.","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","collapsible","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-accounting-app.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-accounting-app.tsx"}]},{"name":"sidebar-emoji-labels","type":"registry:block","title":"Sidebar Emoji Labels","description":"Playful sidebar navigation with React, Next.js, shadcn/ui Sidebar, and Tailwind CSS using emoji-prefixed group labels and text-only menu items for clean visual identity.","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-emoji-labels.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-emoji-labels.tsx"}]},{"name":"sidebar-file-tree","type":"registry:block","title":"Sidebar File Tree","description":"React file tree sidebar with hierarchical nested folders and collapsible directories. Built with Next.js, shadcn/ui Sidebar components, and Tailwind CSS.","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","collapsible","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-file-tree.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-file-tree.tsx"}]},{"name":"sidebar-with-toggle-theme","type":"registry:block","title":"Sidebar With Toggle Theme","description":"A React sidebar with theme toggle button swapping between sun and moon icons. Built with Next.js, TypeScript, shadcn/ui Sidebar components, Tailwind CSS.","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-with-toggle-theme.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-with-toggle-theme.tsx"}]},{"name":"sidebar-date-picker-header","type":"registry:block","title":"Sidebar Date Picker Header","description":"A React sidebar with compact date display header and time-based navigation for day, week, month, and year views using Next.js, shadcn/ui Sidebar, and Tailwind CSS.","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-date-picker-header.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-date-picker-header.tsx"}]},{"name":"sidebar-with-command-menu","type":"registry:block","title":"Sidebar With Command Menu","description":"A React sidebar with command palette trigger button in the header styled as a search bar with Cmd+K shortcut hint. Built with Next.js, shadcn/ui Sidebar, and Tailwind CSS.","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-with-command-menu.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-with-command-menu.tsx"}]},{"name":"sidebar-search-header","type":"registry:block","title":"Sidebar Search Header","description":"React sidebar with search input in header using Next.js, shadcn/ui SidebarInput and Label components, and Tailwind CSS for accessible navigation filtering.","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","label","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-search-header.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-search-header.tsx"}]},{"name":"sidebar-content-management","type":"registry:block","title":"Sidebar Content Management","description":"A React sidebar for CMS platforms with collapsible groups, built with Next.js, TypeScript, shadcn/ui Sidebar components, and Tailwind CSS. Features content, media, structure navigation.","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","collapsible","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-content-management.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-content-management.tsx"}]},{"name":"sidebar-workspace-switcher","type":"registry:block","title":"Sidebar Workspace Switcher","description":"A React sidebar with dropdown workspace switcher showing icon, name, and plan. Built with Next.js, TypeScript, shadcn/ui Sidebar and DropdownMenu, Tailwind CSS.","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","dropdown-menu","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-workspace-switcher.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-workspace-switcher.tsx"}]},{"name":"sidebar-header-with-logo","type":"registry:block","title":"Sidebar Header With Logo","description":"React sidebar with geometric logo, app name, and tagline in header with navigation groups. Built with Next.js, TypeScript, shadcn/ui Sidebar components, and Tailwind CSS.","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-header-with-logo.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-header-with-logo.tsx"}]},{"name":"sidebar-documentation-tree","type":"registry:block","title":"Sidebar Documentation Tree","description":"React documentation sidebar with nested tree navigation and collapsible sections. Built with Next.js, TypeScript, shadcn/ui Sidebar and Collapsible, and Tailwind CSS.","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","collapsible","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-documentation-tree.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-documentation-tree.tsx"}]},{"name":"sidebar-helpdesk","type":"registry:block","title":"Sidebar Helpdesk","description":"React helpdesk sidebar with ticket management, badge counts on menu items, knowledge base navigation, and reports. Built with Next.js, shadcn/ui SidebarMenuBadge, and Tailwind CSS.","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-helpdesk.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-helpdesk.tsx"}]},{"name":"sidebar-with-avatars","type":"registry:block","title":"Sidebar With Avatars","description":"A React team sidebar with Next.js, shadcn/ui Avatar and Sidebar components, and Tailwind CSS. Features avatar initials fallbacks for team members and project navigation.","dependencies":["lucide-react"],"registryDependencies":["avatar","breadcrumb","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-with-avatars.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-with-avatars.tsx"}]},{"name":"sidebar-collapsible-groups","type":"registry:block","title":"Sidebar Collapsible Groups","description":"A React sidebar with collapsible group sections using Radix Collapsible primitives, ChevronRight rotation animation, and grouped navigation with Next.js, shadcn/ui Sidebar, and Tailwind CSS.","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","collapsible","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-collapsible-groups.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-collapsible-groups.tsx"}]},{"name":"sidebar-event-management","type":"registry:block","title":"Sidebar Event Management","description":"Event platform navigation with React, Next.js, shadcn/ui Sidebar, and Tailwind CSS featuring collapsible groups for scheduling, attendees, and logistics coordination.","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","collapsible","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-event-management.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-event-management.tsx"}]},{"name":"sidebar-iot-dashboard","type":"registry:block","title":"Sidebar Iot Dashboard","description":"IoT device management React sidebar with live alerts, automation controls, and analytics using Next.js, shadcn/ui Sidebar, and Tailwind CSS for smart platforms.","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-iot-dashboard.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-iot-dashboard.tsx"}]},{"name":"sidebar-hr-portal","type":"registry:block","title":"Sidebar Hr Portal","description":"React HR management sidebar with people directory, recruitment pipeline, and admin sections for payroll, benefits, and compliance. Built with Next.js, shadcn/ui Sidebar, Tailwind CSS.","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-hr-portal.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-hr-portal.tsx"}]},{"name":"sidebar-gaming-platform","type":"registry:block","title":"Sidebar Gaming Platform","description":"React gaming platform sidebar with game library, social features, and achievement tracking. Built with Next.js, shadcn/ui Sidebar components, and Tailwind CSS.","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-gaming-platform.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-gaming-platform.tsx"}]},{"name":"sidebar-nested-collapsible","type":"registry:block","title":"Sidebar Nested Collapsible","description":"React sidebar with two-level collapsible navigation using nested Collapsible components, ChevronRight rotation animation, and grouped items built with Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","collapsible","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-nested-collapsible.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-nested-collapsible.tsx"}]},{"name":"sidebar-with-footer-user","type":"registry:block","title":"Sidebar With Footer User","description":"A React sidebar with user dropdown menu in the footer showing Avatar, name, and email with account management options. Built with Next.js, shadcn/ui Sidebar, and Tailwind CSS.","dependencies":["lucide-react"],"registryDependencies":["avatar","breadcrumb","dropdown-menu","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-with-footer-user.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-with-footer-user.tsx"}]},{"name":"sidebar-simple-groups","type":"registry:block","title":"Sidebar Simple Groups","description":"React and Next.js sidebar with labeled navigation groups using shadcn/ui SidebarGroupLabel components and Tailwind CSS for clean documentation-style menus","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-simple-groups.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-simple-groups.tsx"}]},{"name":"sidebar-notification-dots","type":"registry:block","title":"Sidebar Notification Dots","description":"React sidebar with small notification dots on icons indicating unread content for specific navigation items built with Next.js, shadcn/ui, and Tailwind CSS using absolute positioning.","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-notification-dots.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-notification-dots.tsx"}]},{"name":"sidebar-social-media","type":"registry:block","title":"Sidebar Social Media","description":"React and Next.js social media dashboard sidebar with notification badges, feed navigation, and content tools using shadcn/ui SidebarMenuBadge and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-social-media.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-social-media.tsx"}]},{"name":"sidebar-real-estate","type":"registry:block","title":"Sidebar Real Estate","description":"React real estate sidebar with Listings, Clients, Marketing, and Analytics sections. Built with Next.js, shadcn/ui Sidebar components, and Tailwind CSS for property management.","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-real-estate.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-real-estate.tsx"}]},{"name":"sidebar-marketing-hub","type":"registry:block","title":"Sidebar Marketing Hub","description":"A React sidebar for marketing platforms with collapsible campaign groups using shadcn/ui Sidebar, Next.js, and Tailwind CSS for multi-channel management.","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","collapsible","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-marketing-hub.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-marketing-hub.tsx"}]},{"name":"sidebar-cloud-console","type":"registry:block","title":"Sidebar Cloud Console","description":"A React sidebar for cloud infrastructure consoles with collapsible groups for compute, storage, networking, and IAM management using Next.js, shadcn/ui Sidebar, and Tailwind CSS.","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","collapsible","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-cloud-console.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-cloud-console.tsx"}]},{"name":"sidebar-compact-icons","type":"registry:block","title":"Sidebar Compact Icons","description":"A React icon-only collapsed sidebar using collapsible icon mode with tooltips for labels and no visible text with Next.js, shadcn/ui Sidebar and Tooltip components, and Tailwind CSS.","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-compact-icons.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-compact-icons.tsx"}]},{"name":"sidebar-keyboard-shortcuts","type":"registry:block","title":"Sidebar Keyboard Shortcuts","description":"A React sidebar displaying keyboard shortcut hints using shadcn/ui Sidebar components, Next.js, and Tailwind CSS with monospace kbd-style badges.","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-keyboard-shortcuts.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-keyboard-shortcuts.tsx"}]},{"name":"sidebar-learning-platform","type":"registry:block","title":"Sidebar Learning Platform","description":"A React sidebar for e-learning platforms with collapsible groups using shadcn/ui Sidebar, Next.js, and Tailwind CSS for course progress tracking.","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","collapsible","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-learning-platform.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-learning-platform.tsx"}]},{"name":"sidebar-calendar-app","type":"registry:block","title":"Sidebar Calendar App","description":"React calendar sidebar with view switching, toggleable calendar sources, and color-coded tags using Next.js, shadcn/ui Sidebar, and Tailwind CSS. Features interactive calendar filters.","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-calendar-app.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-calendar-app.tsx"}]},{"name":"sidebar-with-switch-toggle","type":"registry:block","title":"Sidebar With Switch Toggle","description":"A React sidebar with Switch toggle controls for enabling/disabling features. Built with Next.js, TypeScript, shadcn/ui Sidebar and Switch components, Tailwind CSS.","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","separator","sidebar","switch"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-with-switch-toggle.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-with-switch-toggle.tsx"}]},{"name":"sidebar-dual-column","type":"registry:block","title":"Sidebar Dual Column","description":"React two-column sidebar with ultra-narrow icon rail and wider navigation panel. Built with Next.js, TypeScript, shadcn/ui Sidebar components, and Tailwind CSS.","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","button","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-dual-column.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-dual-column.tsx"}]},{"name":"sidebar-healthcare-portal","type":"registry:block","title":"Sidebar Healthcare Portal","description":"React healthcare portal sidebar with patient management, clinical tools, and admin groups. Icon navigation for appointments, records, billing. Next.js, shadcn/ui, Tailwind CSS.","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-healthcare-portal.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-healthcare-portal.tsx"}]},{"name":"sidebar-version-switcher","type":"registry:block","title":"Sidebar Version Switcher","description":"A React documentation sidebar with Next.js, shadcn/ui DropdownMenu version switcher, and Tailwind CSS. Displays app name, version selector, and check icon for active version.","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","dropdown-menu","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-version-switcher.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-version-switcher.tsx"}]},{"name":"sidebar-security-center","type":"registry:block","title":"Sidebar Security Center","description":"React sidebar for SOC with collapsible threat, asset, and compliance groups using Next.js, shadcn/ui Sidebar and Collapsible components, Tailwind CSS styling.","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","collapsible","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-security-center.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-security-center.tsx"}]},{"name":"sidebar-video-editor","type":"registry:block","title":"Sidebar Video Editor","description":"A React video editing sidebar with Next.js, shadcn/ui Sidebar components, and Tailwind CSS. Features grouped navigation for timeline, scenes, effects, transitions, and export rendering.","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-video-editor.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-video-editor.tsx"}]},{"name":"sidebar-tab-groups","type":"registry:block","title":"Sidebar Tab Groups","description":"A React sidebar with tab-like toggle buttons that switch between different navigation groups using React state, built with Next.js, shadcn/ui Sidebar components, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["breadcrumb","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-tab-groups.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-tab-groups.tsx"}]},{"name":"sidebar-inventory-manager","type":"registry:block","title":"Sidebar Inventory Manager","description":"Full-featured React inventory sidebar with products, warehouses, orders, and analytics using Next.js, shadcn/ui Sidebar, and Tailwind CSS for e-commerce apps.","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-inventory-manager.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-inventory-manager.tsx"}]},{"name":"sidebar-multi-level-menu","type":"registry:block","title":"Sidebar Multi Level Menu","description":"React sidebar with three levels of nested navigation using SidebarMenuSub. Built with Next.js, shadcn/ui Sidebar and Collapsible components, and Tailwind CSS.","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","collapsible","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-multi-level-menu.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-multi-level-menu.tsx"}]},{"name":"sidebar-offcanvas","type":"registry:block","title":"Sidebar Offcanvas","description":"React sidebar using collapsible offcanvas mode that slides completely off screen when collapsed, built with Next.js, shadcn/ui, and Tailwind CSS with smooth CSS transitions.","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-offcanvas.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-offcanvas.tsx"}]},{"name":"sidebar-mini-cards","type":"registry:block","title":"Sidebar Mini Cards","description":"React sidebar with compact header card showing plan and usage stats. Built with Next.js, shadcn/ui Sidebar, Progress components, and Tailwind CSS.","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","progress","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-mini-cards.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-mini-cards.tsx"}]},{"name":"sidebar-custom-width","type":"registry:block","title":"Sidebar Custom Width","description":"A React sidebar with custom width configuration, built with Next.js, TypeScript, shadcn/ui Sidebar components, and Tailwind CSS. Features CSS variable override for width customization.","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-custom-width.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-custom-width.tsx"}]},{"name":"sidebar-music-app","type":"registry:block","title":"Sidebar Music App","description":"React music app sidebar with Library, Discover, and Account navigation groups. Built with Next.js, shadcn/ui Sidebar components, and Tailwind CSS.","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-music-app.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-music-app.tsx"}]},{"name":"sidebar-saas-billing","type":"registry:block","title":"Sidebar Saas Billing","description":"React sidebar for SaaS billing dashboards with subscription, payment, and team navigation using Next.js, shadcn/ui Sidebar components, and Tailwind CSS.","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","separator","sidebar"],"premium":true,"files":[{"path":"blocks/sidebar/sidebar-saas-billing.tsx","type":"registry:block","target":"components/blocks/sidebar/sidebar-saas-billing.tsx"}]},{"name":"calendar-seasonal-events","type":"registry:block","title":"Calendar Seasonal Events","description":"A seasonal and holiday event planner calendar block for Next.js with holiday tracking, seasonal campaigns, team celebrations, and countdown displays using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/calendar/calendar-seasonal-events.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-seasonal-events.tsx"}]},{"name":"calendar-travel-itinerary","type":"registry:block","title":"Calendar Travel Itinerary","description":"React travel itinerary timeline block for Next.js with flights, hotels, activities per day, map markers, and trip progress tracking built with shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/calendar/calendar-travel-itinerary.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-travel-itinerary.tsx"}]},{"name":"calendar-reading-plan","type":"registry:block","title":"Calendar Reading Plan","description":"A reading plan and book tracker calendar block for Next.js with reading goals, page progress, daily reading streaks, and book list management using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/calendar/calendar-reading-plan.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-reading-plan.tsx"}]},{"name":"calendar-habit-tracker","type":"registry:block","title":"Calendar Habit Tracker","description":"React daily habit tracking calendar block for Next.js with streak counters, completion dots, monthly grid view, and progress percentages using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button","progress"],"premium":true,"files":[{"path":"blocks/calendar/calendar-habit-tracker.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-habit-tracker.tsx"}]},{"name":"calendar-podcast-schedule","type":"registry:block","title":"Calendar Podcast Schedule","description":"A podcast recording and publishing schedule calendar block for Next.js with episode planning, guest management, recording status, and publishing timeline using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/calendar/calendar-podcast-schedule.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-podcast-schedule.tsx"}]},{"name":"calendar-movie-releases","type":"registry:block","title":"Calendar Movie Releases","description":"A movie and show release calendar block for Next.js with release dates, genre tags, and watchlist tracking using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/calendar/calendar-movie-releases.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-movie-releases.tsx"}]},{"name":"calendar-exercise-log","type":"registry:block","title":"Calendar Exercise Log","description":"An exercise and workout log calendar block for Next.js with session tracking, muscle group tags, and weekly volume stats using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/calendar/calendar-exercise-log.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-exercise-log.tsx"}]},{"name":"calendar-editorial-calendar","type":"registry:block","title":"Calendar Editorial Calendar","description":"React editorial content calendar block for Next.js with article status tracking, author assignments, category columns, and publishing schedule built with shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/calendar/calendar-editorial-calendar.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-editorial-calendar.tsx"}]},{"name":"calendar-daily-standup","type":"registry:block","title":"Calendar Daily Standup","description":"A daily standup schedule block for Next.js with team member updates, blockers, and time slots using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/calendar/calendar-daily-standup.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-daily-standup.tsx"}]},{"name":"calendar-payment-schedule","type":"registry:block","title":"Calendar Payment Schedule","description":"A React payment due date schedule block for Next.js with amount, payment status indicators, auto-pay toggle, and overdue alerts built with shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","switch"],"premium":true,"files":[{"path":"blocks/calendar/calendar-payment-schedule.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-payment-schedule.tsx"}]},{"name":"calendar-due-dates","type":"registry:block","title":"Calendar Due Dates","description":"An assignment due date tracker block for Next.js with priority levels, subject tags, and countdown indicators using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/calendar/calendar-due-dates.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-due-dates.tsx"}]},{"name":"calendar-subscription-renewal","type":"registry:block","title":"Calendar Subscription Renewal","description":"A React subscription renewal calendar block for Next.js showing service names, monthly costs, renewal dates, and billing cycle management built with shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/calendar/calendar-subscription-renewal.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-subscription-renewal.tsx"}]},{"name":"calendar-moon-phases","type":"registry:block","title":"Calendar Moon Phases","description":"A React moon phase calendar block for Next.js with lunar phase icons, phase names, illumination percentage, and monthly cycle view built with shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/calendar/calendar-moon-phases.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-moon-phases.tsx"}]},{"name":"calendar-invoice-dates","type":"registry:block","title":"Calendar Invoice Dates","description":"An invoice date tracker block for Next.js with payment status, due date alerts, and client billing summaries using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/calendar/calendar-invoice-dates.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-invoice-dates.tsx"}]},{"name":"calendar-conference-agenda","type":"registry:block","title":"Calendar Conference Agenda","description":"A conference multi-track agenda block for Next.js with parallel session tracks, speaker profiles, and room assignments using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/calendar/calendar-conference-agenda.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-conference-agenda.tsx"}]},{"name":"calendar-client-meetings","type":"registry:block","title":"Calendar Client Meetings","description":"A client meeting schedule block for Next.js with meeting types, client details, preparation notes, and timeline view using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/calendar/calendar-client-meetings.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-client-meetings.tsx"}]},{"name":"calendar-meeting-scheduler","type":"registry:block","title":"Calendar Meeting Scheduler","description":"React meeting scheduling calendar block for Next.js with participant availability overlay, time slot suggestions, attendee conflict detection, and one-click booking using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/calendar/calendar-meeting-scheduler.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-meeting-scheduler.tsx"}]},{"name":"calendar-energy-usage","type":"registry:block","title":"Calendar Energy Usage","description":"An energy usage schedule block for Next.js with hourly consumption tracking, peak/off-peak indicators, and cost estimates using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/calendar/calendar-energy-usage.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-energy-usage.tsx"}]},{"name":"calendar-pet-care","type":"registry:block","title":"Calendar Pet Care","description":"A pet care schedule calendar block for Next.js with feeding times, vet appointments, grooming sessions, and medication reminders using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/calendar/calendar-pet-care.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-pet-care.tsx"}]},{"name":"calendar-year-overview","type":"registry:block","title":"Calendar Year Overview","description":"React 12-month year overview calendar block for Next.js with heat map style event density per day, month grids, color-coded intensity levels, and yearly statistics using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/calendar/calendar-year-overview.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-year-overview.tsx"}]},{"name":"calendar-leave-tracker","type":"registry:block","title":"Calendar Leave Tracker","description":"A React employee leave and PTO tracker block for Next.js with leave type, remaining balance, approval status, and team calendar view built with shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","progress"],"premium":true,"files":[{"path":"blocks/calendar/calendar-leave-tracker.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-leave-tracker.tsx"}]},{"name":"calendar-sleep-tracker","type":"registry:block","title":"Calendar Sleep Tracker","description":"A sleep schedule tracker calendar block for Next.js with bedtime tracking, sleep quality scoring, weekly patterns, and sleep goal monitoring using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/calendar/calendar-sleep-tracker.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-sleep-tracker.tsx"}]},{"name":"calendar-celebration-dates","type":"registry:block","title":"Calendar Celebration Dates","description":"A company celebration calendar block for Next.js with birthdays, work anniversaries, team events, and milestone badges using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/calendar/calendar-celebration-dates.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-celebration-dates.tsx"}]},{"name":"calendar-goals-tracker","type":"registry:block","title":"Calendar Goals Tracker","description":"A goal milestone tracker block for Next.js with progress tracking, deadline management, and milestone checklists using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["progress"],"premium":true,"files":[{"path":"blocks/calendar/calendar-goals-tracker.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-goals-tracker.tsx"}]},{"name":"calendar-volunteer-shifts","type":"registry:block","title":"Calendar Volunteer Shifts","description":"A volunteer shift scheduler calendar block for Next.js with shift signup, role assignment, coverage tracking, and availability management using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/calendar/calendar-volunteer-shifts.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-volunteer-shifts.tsx"}]},{"name":"calendar-medication-tracker","type":"registry:block","title":"Calendar Medication Tracker","description":"A medication reminder calendar block for Next.js with dose schedules, refill alerts, and adherence tracking using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","progress"],"premium":true,"files":[{"path":"blocks/calendar/calendar-medication-tracker.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-medication-tracker.tsx"}]},{"name":"calendar-fiscal-quarters","type":"registry:block","title":"Calendar Fiscal Quarters","description":"A React fiscal quarter overview calendar block for Next.js with revenue targets, quarterly deadlines, milestone tracking, and progress indicators built with shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","progress"],"premium":true,"files":[{"path":"blocks/calendar/calendar-fiscal-quarters.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-fiscal-quarters.tsx"}]},{"name":"calendar-inventory-restock","type":"registry:block","title":"Calendar Inventory Restock","description":"A React inventory restock schedule block for Next.js with product names, restock quantities, supplier details, ETA tracking, and stock level alerts built with shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","progress"],"premium":true,"files":[{"path":"blocks/calendar/calendar-inventory-restock.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-inventory-restock.tsx"}]},{"name":"calendar-office-events","type":"registry:block","title":"Calendar Office Events","description":"An office events calendar block for Next.js with team gatherings, company-wide events, department activities, and RSVP tracking using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/calendar/calendar-office-events.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-office-events.tsx"}]},{"name":"calendar-project-milestones","type":"registry:block","title":"Calendar Project Milestones","description":"React project milestone timeline calendar block for Next.js with dependency tracking, completion status, date ranges, and progress indicators using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","progress"],"premium":true,"files":[{"path":"blocks/calendar/calendar-project-milestones.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-project-milestones.tsx"}]},{"name":"calendar-group-poll","type":"registry:block","title":"Calendar Group Poll","description":"A group availability poll block for Next.js with time slot voting, participant responses, and best-time suggestions using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/calendar/calendar-group-poll.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-group-poll.tsx"}]},{"name":"calendar-booking-slots","type":"registry:block","title":"Calendar Booking Slots","description":"An appointment booking interface with date selection, available time slot grid, and booking confirmation built with React, Next.js, shadcn/ui Calendar component, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/calendar/calendar-booking-slots.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-booking-slots.tsx"}]},{"name":"calendar-compact-week","type":"registry:block","title":"Calendar Compact Week","description":"A compact 7-day overview calendar block for Next.js with mini event indicators, daily summaries, and quick-glance layout using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/calendar/calendar-compact-week.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-compact-week.tsx"}]},{"name":"calendar-mini-widget","type":"registry:block","title":"Calendar Mini Widget","description":"A compact mini calendar widget with today indicator, event count badges, and quick navigation built with React, Next.js, shadcn/ui Badge component, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/calendar/calendar-mini-widget.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-mini-widget.tsx"}]},{"name":"calendar-lecture-schedule","type":"registry:block","title":"Calendar Lecture Schedule","description":"A university lecture schedule block for Next.js with course timetable, room assignments, and professor details using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/calendar/calendar-lecture-schedule.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-lecture-schedule.tsx"}]},{"name":"calendar-event-rsvp","type":"registry:block","title":"Calendar Event Rsvp","description":"React event RSVP card block for Next.js with attending, maybe, and decline buttons, guest count tracker, notes field, and response summary built with shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/calendar/calendar-event-rsvp.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-event-rsvp.tsx"}]},{"name":"calendar-training-program","type":"registry:block","title":"Calendar Training Program","description":"A training program schedule calendar block for Next.js with workout plans, weekly periodization, exercise tracking, and progress logging using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/calendar/calendar-training-program.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-training-program.tsx"}]},{"name":"calendar-budget-timeline","type":"registry:block","title":"Calendar Budget Timeline","description":"A budget allocation timeline block for Next.js with monthly spend tracking, category breakdowns, and progress bars using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["progress"],"premium":true,"files":[{"path":"blocks/calendar/calendar-budget-timeline.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-budget-timeline.tsx"}]},{"name":"calendar-meal-planner","type":"registry:block","title":"Calendar Meal Planner","description":"React weekly meal planner calendar block for Next.js with breakfast, lunch, and dinner slots, calorie counts, and nutritional summaries using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/calendar/calendar-meal-planner.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-meal-planner.tsx"}]},{"name":"calendar-production-schedule","type":"registry:block","title":"Calendar Production Schedule","description":"A production line schedule calendar block for Next.js with shift tracking, machine allocation, output targets, and downtime management using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/calendar/calendar-production-schedule.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-production-schedule.tsx"}]},{"name":"calendar-class-timetable","type":"registry:block","title":"Calendar Class Timetable","description":"React class timetable calendar block for Next.js with subject color coding, room numbers, instructor names, and weekly schedule grid using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/calendar/calendar-class-timetable.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-class-timetable.tsx"}]},{"name":"calendar-block-schedule","type":"registry:block","title":"Calendar Block Schedule","description":"A time blocking schedule manager block for Next.js with color-coded focus blocks, drag-friendly layout, and daily productivity stats using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/calendar/calendar-block-schedule.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-block-schedule.tsx"}]},{"name":"calendar-shift-planner","type":"registry:block","title":"Calendar Shift Planner","description":"React employee shift planning calendar block for Next.js with morning afternoon and night shift slots per person, weekly grid layout, shift type indicators, and coverage summary using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/calendar/calendar-shift-planner.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-shift-planner.tsx"}]},{"name":"calendar-release-calendar","type":"registry:block","title":"Calendar Release Calendar","description":"React software release calendar block for Next.js with version tags, feature freeze dates, milestone tracking, and release status indicators built with shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","progress"],"premium":true,"files":[{"path":"blocks/calendar/calendar-release-calendar.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-release-calendar.tsx"}]},{"name":"calendar-monthly-view","type":"registry:block","title":"Calendar Monthly View","description":"A full month calendar grid with event dot indicators, interactive day selection, and an event list sidebar built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/calendar/calendar-monthly-view.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-monthly-view.tsx"}]},{"name":"calendar-construction-timeline","type":"registry:block","title":"Calendar Construction Timeline","description":"A construction project timeline block for Next.js with phase tracking, contractor assignments, and Gantt-style progress bars using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["progress"],"premium":true,"files":[{"path":"blocks/calendar/calendar-construction-timeline.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-construction-timeline.tsx"}]},{"name":"calendar-birthday-tracker","type":"registry:block","title":"Calendar Birthday Tracker","description":"React birthday and anniversary tracker calendar block for Next.js with upcoming celebrations list, month view grid, age and tenure display, and notification preferences using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/calendar/calendar-birthday-tracker.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-birthday-tracker.tsx"}]},{"name":"calendar-plant-watering","type":"registry:block","title":"Calendar Plant Watering","description":"A plant watering and care schedule calendar block for Next.js with watering frequency, sunlight needs, last-watered tracking, and room grouping using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/calendar/calendar-plant-watering.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-plant-watering.tsx"}]},{"name":"calendar-appointment-queue","type":"registry:block","title":"Calendar Appointment Queue","description":"A queue-based appointment scheduler block for Next.js with priority ordering, wait times, status indicators, and position tracking using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/calendar/calendar-appointment-queue.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-appointment-queue.tsx"}]},{"name":"calendar-sports-fixtures","type":"registry:block","title":"Calendar Sports Fixtures","description":"A sports fixtures calendar block for Next.js with match schedules, team standings, venue details, and score tracking using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/calendar/calendar-sports-fixtures.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-sports-fixtures.tsx"}]},{"name":"calendar-delivery-tracking","type":"registry:block","title":"Calendar Delivery Tracking","description":"A package delivery tracking calendar block for Next.js with shipment statuses, estimated arrival dates, and carrier details using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/calendar/calendar-delivery-tracking.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-delivery-tracking.tsx"}]},{"name":"calendar-timeline-view","type":"registry:block","title":"Calendar Timeline View","description":"React horizontal timeline calendar block for Next.js with scrollable day view, event blocks at time positions, color-coded categories, duration bars, and current time indicator using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/calendar/calendar-timeline-view.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-timeline-view.tsx"}]},{"name":"calendar-countdown-timer","type":"registry:block","title":"Calendar Countdown Timer","description":"React event countdown display calendar block for Next.js with days hours and minutes remaining for upcoming events, progress rings, category labels, and pinned priority events using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/calendar/calendar-countdown-timer.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-countdown-timer.tsx"}]},{"name":"calendar-water-intake","type":"registry:block","title":"Calendar Water Intake","description":"A water intake tracking calendar block for Next.js with daily hydration goals, glass counting, weekly trends, and reminder scheduling using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/calendar/calendar-water-intake.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-water-intake.tsx"}]},{"name":"calendar-cleaning-schedule","type":"registry:block","title":"Calendar Cleaning Schedule","description":"A cleaning and maintenance rotation schedule block for Next.js with assignee tracking, task checklists, and room-by-room organization using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/calendar/calendar-cleaning-schedule.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-cleaning-schedule.tsx"}]},{"name":"calendar-sales-pipeline","type":"registry:block","title":"Calendar Sales Pipeline","description":"A sales pipeline timeline calendar block for Next.js with deal stages, revenue forecasting, close dates, and opportunity tracking using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/calendar/calendar-sales-pipeline.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-sales-pipeline.tsx"}]},{"name":"calendar-gym-sessions","type":"registry:block","title":"Calendar Gym Sessions","description":"React gym and fitness class schedule calendar block for Next.js with workout type, trainer info, capacity bar, and booking buttons using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","progress"],"premium":true,"files":[{"path":"blocks/calendar/calendar-gym-sessions.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-gym-sessions.tsx"}]},{"name":"calendar-recurring-events","type":"registry:block","title":"Calendar Recurring Events","description":"A recurring event configuration form with frequency selector, interval controls, end date options, and exception management built with React, Next.js, shadcn/ui Select, and Tailwind CSS","dependencies":["date-fns","lucide-react"],"registryDependencies":["badge","button","input","select"],"premium":true,"files":[{"path":"blocks/calendar/calendar-recurring-events.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-recurring-events.tsx"}]},{"name":"calendar-multi-calendar","type":"registry:block","title":"Calendar Multi Calendar","description":"A multiple calendar overlay block for Next.js with layered calendar views, toggle visibility, and merged event display using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/calendar/calendar-multi-calendar.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-multi-calendar.tsx"}]},{"name":"calendar-review-cycle","type":"registry:block","title":"Calendar Review Cycle","description":"A performance review cycle calendar block for Next.js with review phases, self-assessments, manager reviews, calibration tracking, and deadline management using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/calendar/calendar-review-cycle.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-review-cycle.tsx"}]},{"name":"calendar-sync-settings","type":"registry:block","title":"Calendar Sync Settings","description":"React calendar sync settings block for Next.js with Google, Outlook, and iCal integration toggles, sync frequency selector, and conflict resolution options built with shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","select","switch"],"premium":true,"files":[{"path":"blocks/calendar/calendar-sync-settings.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-sync-settings.tsx"}]},{"name":"calendar-agenda-list","type":"registry:block","title":"Calendar Agenda List","description":"A chronological agenda list view with grouped date headers, event times, category indicators, and expandable event cards built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/calendar/calendar-agenda-list.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-agenda-list.tsx"}]},{"name":"calendar-content-schedule","type":"registry:block","title":"Calendar Content Schedule","description":"React content publishing schedule calendar block for Next.js with draft, scheduled, and published status indicators per day, weekly view, and content type labels using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/calendar/calendar-content-schedule.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-content-schedule.tsx"}]},{"name":"calendar-court-booking","type":"registry:block","title":"Calendar Court Booking","description":"React sports court and facility booking calendar block for Next.js with court selection, hourly time slots, duration options, and pricing display using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/calendar/calendar-court-booking.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-court-booking.tsx"}]},{"name":"calendar-property-viewings","type":"registry:block","title":"Calendar Property Viewings","description":"A property viewing schedule calendar block for Next.js with listing details, time slot booking, agent assignment, and viewing feedback using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/calendar/calendar-property-viewings.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-property-viewings.tsx"}]},{"name":"calendar-timezone-converter","type":"registry:block","title":"Calendar Timezone Converter","description":"React multi-timezone time converter block for Next.js with city selector, UTC offset comparison, business hours overlay, and meeting time finder built with shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/calendar/calendar-timezone-converter.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-timezone-converter.tsx"}]},{"name":"calendar-holiday-manager","type":"registry:block","title":"Calendar Holiday Manager","description":"React holiday and PTO management calendar block for Next.js with country preset holidays, custom holiday creation, approval status tracking, and categorized leave types using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/calendar/calendar-holiday-manager.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-holiday-manager.tsx"}]},{"name":"calendar-kids-activities","type":"registry:block","title":"Calendar Kids Activities","description":"A kids activity schedule block for Next.js with after-school programs, class times, and parent coordination using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/calendar/calendar-kids-activities.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-kids-activities.tsx"}]},{"name":"calendar-event-details","type":"registry:block","title":"Calendar Event Details","description":"A detailed event card with attendee avatars, location map link, time display, rich description, and RSVP action buttons built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/calendar/calendar-event-details.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-event-details.tsx"}]},{"name":"calendar-availability-picker","type":"registry:block","title":"Calendar Availability Picker","description":"An interactive availability selector with a toggleable day/time grid for scheduling preferences built with React, Next.js, shadcn/ui Switch component, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button","switch"],"premium":true,"files":[{"path":"blocks/calendar/calendar-availability-picker.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-availability-picker.tsx"}]},{"name":"calendar-weekly-planner","type":"registry:block","title":"Calendar Weekly Planner","description":"A weekly planner calendar with hourly time slots, event blocks spanning time ranges, and navigable day headers built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/calendar/calendar-weekly-planner.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-weekly-planner.tsx"}]},{"name":"calendar-garden-planner","type":"registry:block","title":"Calendar Garden Planner","description":"A garden planting calendar block for Next.js with seasonal planting windows, plant care schedules, and harvest date tracking using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/calendar/calendar-garden-planner.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-garden-planner.tsx"}]},{"name":"calendar-doctor-appointments","type":"registry:block","title":"Calendar Doctor Appointments","description":"React medical appointment scheduler calendar block for Next.js with doctor profiles, specialty tags, available time slots, and booking confirmation using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/calendar/calendar-doctor-appointments.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-doctor-appointments.tsx"}]},{"name":"calendar-rental-availability","type":"registry:block","title":"Calendar Rental Availability","description":"A rental property availability calendar block for Next.js with booking status, pricing tiers, guest management, and availability grid using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/calendar/calendar-rental-availability.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-rental-availability.tsx"}]},{"name":"calendar-task-deadlines","type":"registry:block","title":"Calendar Task Deadlines","description":"React task deadline calendar block for Next.js with priority indicators, overdue warnings, due date sorting, progress tracking, and assignee avatars using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","progress"],"premium":true,"files":[{"path":"blocks/calendar/calendar-task-deadlines.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-task-deadlines.tsx"}]},{"name":"calendar-prayer-times","type":"registry:block","title":"Calendar Prayer Times","description":"A prayer and meditation times schedule block for Next.js with daily prayer times, meditation sessions, streak tracking, and mindfulness reminders using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/calendar/calendar-prayer-times.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-prayer-times.tsx"}]},{"name":"calendar-weather-forecast","type":"registry:block","title":"Calendar Weather Forecast","description":"A React 7-day weather forecast calendar block for Next.js with temperature, conditions, wind speed, and daily weather icons built with shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/calendar/calendar-weather-forecast.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-weather-forecast.tsx"}]},{"name":"calendar-social-media-planner","type":"registry:block","title":"Calendar Social Media Planner","description":"React social media post scheduler block for Next.js with platform icons, post preview queue, scheduling timeline, and engagement metrics built with shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/calendar/calendar-social-media-planner.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-social-media-planner.tsx"}]},{"name":"calendar-sprint-timeline","type":"registry:block","title":"Calendar Sprint Timeline","description":"React agile sprint timeline calendar block for Next.js with sprint start and end dates, story status indicators, burndown progress data, velocity tracking, and team capacity display using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","progress"],"premium":true,"files":[{"path":"blocks/calendar/calendar-sprint-timeline.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-sprint-timeline.tsx"}]},{"name":"calendar-tax-deadlines","type":"registry:block","title":"Calendar Tax Deadlines","description":"A tax filing deadline tracker calendar block for Next.js with filing dates, document checklists, penalty alerts, and status tracking using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/calendar/calendar-tax-deadlines.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-tax-deadlines.tsx"}]},{"name":"calendar-drag-schedule","type":"registry:block","title":"Calendar Drag Schedule","description":"A drag-to-schedule interface block for Next.js with click-to-create time slots, visual hour grid, and event placement using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/calendar/calendar-drag-schedule.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-drag-schedule.tsx"}]},{"name":"calendar-maintenance-schedule","type":"registry:block","title":"Calendar Maintenance Schedule","description":"React maintenance window scheduler block for Next.js with affected services list, recurrence options, approval workflow, and downtime estimation built with shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/calendar/calendar-maintenance-schedule.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-maintenance-schedule.tsx"}]},{"name":"calendar-color-coded","type":"registry:block","title":"Calendar Color Coded","description":"A color-coded event categories calendar block for Next.js with filterable categories, event legends, and daily event listings using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/calendar/calendar-color-coded.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-color-coded.tsx"}]},{"name":"calendar-shared-availability","type":"registry:block","title":"Calendar Shared Availability","description":"React shared team availability overlay block for Next.js with member schedules, best-time suggestions, availability heatmap, and one-click meeting booking built with shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/calendar/calendar-shared-availability.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-shared-availability.tsx"}]},{"name":"calendar-exam-schedule","type":"registry:block","title":"Calendar Exam Schedule","description":"A React exam and test schedule calendar block for Next.js with subject name, exam date, time, location, and study countdown timer built with shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/calendar/calendar-exam-schedule.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-exam-schedule.tsx"}]},{"name":"calendar-diet-journal","type":"registry:block","title":"Calendar Diet Journal","description":"A diet and nutrition tracking calendar block for Next.js with macro breakdowns, meal logging, and daily nutrition scores using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["progress"],"premium":true,"files":[{"path":"blocks/calendar/calendar-diet-journal.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-diet-journal.tsx"}]},{"name":"calendar-resource-scheduler","type":"registry:block","title":"Calendar Resource Scheduler","description":"React resource scheduling grid block for Next.js with room and equipment rows, time column headers, booking slots, conflict indicators, and availability status using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/calendar/calendar-resource-scheduler.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-resource-scheduler.tsx"}]},{"name":"calendar-campaign-timeline","type":"registry:block","title":"Calendar Campaign Timeline","description":"A React marketing campaign timeline block for Next.js with campaign phases, budget allocation, channel breakdown, and status tracking built with shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","progress"],"premium":true,"files":[{"path":"blocks/calendar/calendar-campaign-timeline.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-campaign-timeline.tsx"}]},{"name":"calendar-on-call-rotation","type":"registry:block","title":"Calendar On Call Rotation","description":"React on-call rotation calendar block for Next.js with escalation chain display, swap request management, coverage gaps, and weekly rotation schedule built with shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/calendar/calendar-on-call-rotation.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-on-call-rotation.tsx"}]},{"name":"calendar-renovation-timeline","type":"registry:block","title":"Calendar Renovation Timeline","description":"A home renovation timeline calendar block for Next.js with phase tracking, contractor management, budget monitoring, and milestone completion using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/calendar/calendar-renovation-timeline.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-renovation-timeline.tsx"}]},{"name":"calendar-date-range-picker","type":"registry:block","title":"Calendar Date Range Picker","description":"A date range selection component with preset range buttons, custom date inputs, and visual range highlighting built with React, Next.js, shadcn/ui Calendar, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/calendar/calendar-date-range-picker.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-date-range-picker.tsx"}]},{"name":"calendar-family-organizer","type":"registry:block","title":"Calendar Family Organizer","description":"A family activity organizer calendar block for Next.js with member-specific schedules, color-coded members, and shared event management using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/calendar/calendar-family-organizer.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-family-organizer.tsx"}]},{"name":"calendar-parking-reservation","type":"registry:block","title":"Calendar Parking Reservation","description":"A parking spot reservation calendar block for Next.js with floor maps, spot selection, time slots, and vehicle assignment using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/calendar/calendar-parking-reservation.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-parking-reservation.tsx"}]},{"name":"calendar-interview-scheduler","type":"registry:block","title":"Calendar Interview Scheduler","description":"React interview scheduling calendar block for Next.js with candidate info, interviewer assignments, round types, room details, and status tracking using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/calendar/calendar-interview-scheduler.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-interview-scheduler.tsx"}]},{"name":"calendar-car-service","type":"registry:block","title":"Calendar Car Service","description":"A vehicle service reminder calendar block for Next.js with maintenance schedules, mileage tracking, and service history using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/calendar/calendar-car-service.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-car-service.tsx"}]},{"name":"calendar-study-planner","type":"registry:block","title":"Calendar Study Planner","description":"A study session planner calendar block for Next.js with subject scheduling, study hour tracking, exam countdowns, and progress monitoring using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/calendar/calendar-study-planner.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-study-planner.tsx"}]},{"name":"calendar-room-booking","type":"registry:block","title":"Calendar Room Booking","description":"React room and space booking calendar block for Next.js with floor plan style room list, availability time slots, capacity info, and reservation controls using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/calendar/calendar-room-booking.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-room-booking.tsx"}]},{"name":"calendar-team-schedule","type":"registry:block","title":"Calendar Team Schedule","description":"A team availability matrix with member rows, time slot columns, status indicators, and overlap detection built with React, Next.js, shadcn/ui Avatar, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/calendar/calendar-team-schedule.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-team-schedule.tsx"}]},{"name":"calendar-focus-time","type":"registry:block","title":"Calendar Focus Time","description":"A focus time scheduler block for Next.js with distraction-free time slots, focus session types, and daily deep work tracking using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/calendar/calendar-focus-time.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-focus-time.tsx"}]},{"name":"calendar-employee-onboarding","type":"registry:block","title":"Calendar Employee Onboarding","description":"A React employee onboarding timeline block for Next.js with task checklist, due dates, assigned owners, and completion progress built with shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","progress"],"premium":true,"files":[{"path":"blocks/calendar/calendar-employee-onboarding.tsx","type":"registry:block","target":"components/blocks/calendar/calendar-employee-onboarding.tsx"}]},{"name":"checkout-subscription","type":"registry:block","title":"Checkout Subscription","description":"Subscription checkout block for React and Next.js with plan details, monthly and yearly billing toggle with savings badge, payment form, and start subscription CTA using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","input","label"],"premium":true,"files":[{"path":"blocks/checkout/checkout-subscription.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-subscription.tsx"}]},{"name":"checkout-cart-review","type":"registry:block","title":"Checkout Cart Review","description":"Cart review checkout block for React and Next.js with editable item quantities, remove buttons, item thumbnails, line item prices, subtotal calculation, and proceed to payment CTA using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/checkout/checkout-cart-review.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-cart-review.tsx"}]},{"name":"checkout-saved-cards","type":"registry:block","title":"Checkout Saved Cards","description":"A checkout block for React and Next.js with saved payment method selection, card brand display with last four digits, expiry dates, radio selection between stored cards, and an expandable add-new-card form built with shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button","input","radio-group"],"premium":true,"files":[{"path":"blocks/checkout/checkout-saved-cards.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-saved-cards.tsx"}]},{"name":"checkout-free-trial","type":"registry:block","title":"Checkout Free Trial","description":"A free trial signup checkout for React and Next.js with plan details, 14-day trial duration, post-trial billing notice, payment method collection, and start trial CTA using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","input","label"],"premium":true,"files":[{"path":"blocks/checkout/checkout-free-trial.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-free-trial.tsx"}]},{"name":"checkout-gift-card","type":"registry:block","title":"Checkout Gift Card","description":"A checkout gift card and store credit redemption block for React and Next.js with card number input, PIN field, balance check, applied amount display, remaining card balance, multiple gift card support, and remaining payment method indicator built with shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/checkout/checkout-gift-card.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-gift-card.tsx"}]},{"name":"checkout-membership","type":"registry:block","title":"Checkout Membership","description":"A membership tier selection checkout for React and Next.js with tiered benefits, member info form, billing cycle toggle, auto-renewal notice, and terms acceptance using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","checkbox","input","label"],"premium":true,"files":[{"path":"blocks/checkout/checkout-membership.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-membership.tsx"}]},{"name":"checkout-carbon-offset","type":"registry:block","title":"Checkout Carbon Offset","description":"A React carbon offset add-on block for Next.js checkout with estimated carbon footprint, offset project details, environmental impact stats, and add offset CTA using shadcn/ui Button, Badge, Switch, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","switch"],"premium":true,"files":[{"path":"blocks/checkout/checkout-carbon-offset.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-carbon-offset.tsx"}]},{"name":"checkout-split-layout","type":"registry:block","title":"Checkout Split Layout","description":"A two-panel checkout layout for React and Next.js with cart summary on the left and shipping plus payment form on the right using shadcn/ui Input, Label, Button, Badge, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","input","label"],"premium":true,"files":[{"path":"blocks/checkout/checkout-split-layout.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-split-layout.tsx"}]},{"name":"checkout-order-confirmation","type":"registry:block","title":"Checkout Order Confirmation","description":"A post-checkout order confirmation page with success indicator, order number, thank you message, order summary, shipping address, estimated delivery, and action buttons","dependencies":["lucide-react","nanoid"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/checkout/checkout-order-confirmation.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-order-confirmation.tsx"}]},{"name":"checkout-appointment-booking","type":"registry:block","title":"Checkout Appointment Booking","description":"A service appointment booking checkout block for React and Next.js with service type, provider name, date and time slot, duration, price, contact information form, and cancellation policy notice built with shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","input","separator"],"premium":true,"files":[{"path":"blocks/checkout/checkout-appointment-booking.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-appointment-booking.tsx"}]},{"name":"checkout-split-payment","type":"registry:block","title":"Checkout Split Payment","description":"A split payment checkout block for React and Next.js with multiple payment method slots, per-method amount inputs, remaining balance indicator, and cart total validation built with shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button","input","select"],"premium":true,"files":[{"path":"blocks/checkout/checkout-split-payment.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-split-payment.tsx"}]},{"name":"checkout-sidebar-cart","type":"registry:block","title":"Checkout Sidebar Cart","description":"A checkout form for React and Next.js with a collapsible cart summary at the top, shipping form, and payment section using shadcn/ui Input, Label, Button, Badge, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","input","label"],"premium":true,"files":[{"path":"blocks/checkout/checkout-sidebar-cart.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-sidebar-cart.tsx"}]},{"name":"checkout-refund-request","type":"registry:block","title":"Checkout Refund Request","description":"A refund and return request flow for React and Next.js with item selection checkboxes, return reason dropdowns, refund method choice, and estimated refund amount using shadcn/ui and Tailwind CSS","registryDependencies":["button","checkbox","radio-group","select"],"premium":true,"files":[{"path":"blocks/checkout/checkout-refund-request.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-refund-request.tsx"}]},{"name":"checkout-pickup-delivery","type":"registry:block","title":"Checkout Pickup Delivery","description":"A pickup versus delivery checkout block for React and Next.js with fulfillment toggle, store selector with address and hours, delivery address form, time slot picker, and estimated arrival display built with shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","input","label"],"premium":true,"files":[{"path":"blocks/checkout/checkout-pickup-delivery.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-pickup-delivery.tsx"}]},{"name":"checkout-multi-currency","type":"registry:block","title":"Checkout Multi Currency","description":"A multi-currency checkout block for React and Next.js with currency selector dropdown, real-time price conversion, exchange rate notice, USD base charge clarification, and local currency equivalent display using shadcn/ui Select, Input, Label, Button, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button","input","label","select"],"premium":true,"files":[{"path":"blocks/checkout/checkout-multi-currency.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-multi-currency.tsx"}]},{"name":"checkout-order-history-reorder","type":"registry:block","title":"Checkout Order History Reorder","description":"An order history reorder block for React and Next.js with past order items, reorder all button, individual add-to-cart, quantity adjustments, and price change warnings using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/checkout/checkout-order-history-reorder.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-order-history-reorder.tsx"}]},{"name":"checkout-order-notes","type":"registry:block","title":"Checkout Order Notes","description":"A checkout block for React and Next.js with order notes textarea, delivery instructions, preferred delivery time dropdown, leave at door checkbox, and contact preference radio buttons using shadcn/ui Textarea, Select, Checkbox, RadioGroup, Button, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button","checkbox","label","radio-group","select","textarea"],"premium":true,"files":[{"path":"blocks/checkout/checkout-order-notes.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-order-notes.tsx"}]},{"name":"checkout-minimal","type":"registry:block","title":"Checkout Minimal","description":"An ultra-minimal checkout form for React and Next.js with only email, card number, and pay button using shadcn/ui Input, Label, Button, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button","input","label"],"premium":true,"files":[{"path":"blocks/checkout/checkout-minimal.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-minimal.tsx"}]},{"name":"checkout-address-book","type":"registry:block","title":"Checkout Address Book","description":"An address book checkout block for React and Next.js with saved addresses list, default badge, radio selection, edit and delete options, and an add new address form using shadcn/ui RadioGroup, Input, Label, Button, Badge, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","input","label","radio-group"],"premium":true,"files":[{"path":"blocks/checkout/checkout-address-book.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-address-book.tsx"}]},{"name":"checkout-order-summary","type":"registry:block","title":"Checkout Order Summary","description":"An order summary and review panel for React and Next.js with line items, thumbnail placeholders, subtotal, shipping, tax, promo code input, and total using shadcn/ui Input, Button, Badge, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","input"],"premium":true,"files":[{"path":"blocks/checkout/checkout-order-summary.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-order-summary.tsx"}]},{"name":"checkout-item-variants","type":"registry:block","title":"Checkout Item Variants","description":"A React and Next.js checkout block with inline variant selectors for size and color on each cart item, live price updates, and order summary using shadcn/ui Select, Button, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button","select"],"premium":true,"files":[{"path":"blocks/checkout/checkout-item-variants.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-item-variants.tsx"}]},{"name":"checkout-exchange-flow","type":"registry:block","title":"Checkout Exchange Flow","description":"A product exchange flow for React and Next.js with current item display, variant selection for size and color, price difference indicator, exchange shipping options, and confirm button using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","radio-group","select"],"premium":true,"files":[{"path":"blocks/checkout/checkout-exchange-flow.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-exchange-flow.tsx"}]},{"name":"checkout-coupon-stacking","type":"registry:block","title":"Checkout Coupon Stacking","description":"A checkout coupon stacking block for React and Next.js with multiple applied discount codes, percentage off and fixed amount coupons, free shipping coupon, add another code input, and savings summary showing total saved built with shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/checkout/checkout-coupon-stacking.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-coupon-stacking.tsx"}]},{"name":"checkout-international","type":"registry:block","title":"Checkout International","description":"An international checkout block for React and Next.js with country selector, currency display, international shipping options, customs duty estimate, and adaptive address format using shadcn/ui Select, Input, Label, Button, RadioGroup, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button","input","label","radio-group","select"],"premium":true,"files":[{"path":"blocks/checkout/checkout-international.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-international.tsx"}]},{"name":"checkout-team-seats","type":"registry:block","title":"Checkout Team Seats","description":"A team seat-based checkout for React and Next.js with seat count selector, per-seat pricing, volume discount tiers, admin email input, bulk invite textarea, and order total using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","input","label","textarea"],"premium":true,"files":[{"path":"blocks/checkout/checkout-team-seats.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-team-seats.tsx"}]},{"name":"checkout-express","type":"registry:block","title":"Checkout Express","description":"Express checkout block for React and Next.js with Apple Pay, Google Pay, and PayPal quick-pay buttons, card fallback form, and order summary using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button","input","label"],"premium":true,"files":[{"path":"blocks/checkout/checkout-express.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-express.tsx"}]},{"name":"checkout-saas-upgrade","type":"registry:block","title":"Checkout Saas Upgrade","description":"A SaaS plan upgrade checkout for React and Next.js with current vs new plan comparison, prorated billing, feature diff, and payment method on file using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/checkout/checkout-saas-upgrade.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-saas-upgrade.tsx"}]},{"name":"checkout-shipping-options","type":"registry:block","title":"Checkout Shipping Options","description":"A shipping method selection block with radio options for Standard, Express, and Overnight delivery including delivery estimates and pricing","dependencies":["lucide-react"],"registryDependencies":["button","radio-group"],"premium":true,"files":[{"path":"blocks/checkout/checkout-shipping-options.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-shipping-options.tsx"}]},{"name":"checkout-trust-badges","type":"registry:block","title":"Checkout Trust Badges","description":"A checkout block for React and Next.js with SSL security badge, money-back guarantee, secure payment icons, customer review count, and a payment form with trust signals integrated alongside input fields built with shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","input"],"premium":true,"files":[{"path":"blocks/checkout/checkout-trust-badges.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-trust-badges.tsx"}]},{"name":"checkout-subscription-management","type":"registry:block","title":"Checkout Subscription Management","description":"A subscription management block for React and Next.js with current plan details, upgrade/downgrade options, pause toggle, cancel confirmation, billing history summary, and next billing date using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","switch"],"premium":true,"files":[{"path":"blocks/checkout/checkout-subscription-management.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-subscription-management.tsx"}]},{"name":"checkout-error-validation","type":"registry:block","title":"Checkout Error Validation","description":"A checkout form with inline validation error states for React and Next.js featuring red-bordered invalid fields, error messages below each input, an error summary banner with anchor links, and real-time blur validation using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button","input","label"],"premium":true,"files":[{"path":"blocks/checkout/checkout-error-validation.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-error-validation.tsx"}]},{"name":"checkout-multi-step","type":"registry:block","title":"Checkout Multi Step","description":"A three-step checkout wizard for React and Next.js with shipping, payment, and review steps, progress indicators, and back/next navigation using shadcn/ui Input, Label, Button, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button","input","label"],"premium":true,"files":[{"path":"blocks/checkout/checkout-multi-step.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-multi-step.tsx"}]},{"name":"checkout-service-package","type":"registry:block","title":"Checkout Service Package","description":"A service package checkout for React and Next.js with package description, included services checklist, add-on services, project timeline, deposit or full payment option, and service agreement using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button","checkbox"],"premium":true,"files":[{"path":"blocks/checkout/checkout-service-package.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-service-package.tsx"}]},{"name":"checkout-course-enrollment","type":"registry:block","title":"Checkout Course Enrollment","description":"An online course enrollment checkout for React and Next.js with course details, collapsible curriculum preview, student info form, payment fields, and enrollment terms using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button","checkbox","input","label"],"premium":true,"files":[{"path":"blocks/checkout/checkout-course-enrollment.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-course-enrollment.tsx"}]},{"name":"checkout-crypto","type":"registry:block","title":"Checkout Crypto","description":"A cryptocurrency payment checkout block for React and Next.js with coin selector, wallet address display, QR code placeholder, crypto and USD amount conversion, and static payment timer built with shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/checkout/checkout-crypto.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-crypto.tsx"}]},{"name":"checkout-payment-failed","type":"registry:block","title":"Checkout Payment Failed","description":"A payment failed error state for React and Next.js with error reason display, retry button, alternative payment option, support link, and order preserved notice using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button","separator"],"premium":true,"files":[{"path":"blocks/checkout/checkout-payment-failed.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-payment-failed.tsx"}]},{"name":"checkout-travel-booking","type":"registry:block","title":"Checkout Travel Booking","description":"A travel and flight booking checkout block for React and Next.js with trip summary, traveler details form, baggage add-on options, travel insurance toggle, and fare breakdown built with shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","input","separator","switch"],"premium":true,"files":[{"path":"blocks/checkout/checkout-travel-booking.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-travel-booking.tsx"}]},{"name":"checkout-enterprise-quote","type":"registry:block","title":"Checkout Enterprise Quote","description":"An enterprise quote acceptance checkout for React and Next.js with quote ID, validity date, itemized line items, custom pricing, accept quote button, and contact sales link using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/checkout/checkout-enterprise-quote.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-enterprise-quote.tsx"}]},{"name":"checkout-guest-account","type":"registry:block","title":"Checkout Guest Account","description":"A checkout block for React and Next.js with guest vs sign-in toggle, express checkout buttons for Google Pay and Apple Pay, email and shipping form, and payment section using shadcn/ui Input, Label, Button, Separator, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button","input","label","separator"],"premium":true,"files":[{"path":"blocks/checkout/checkout-guest-account.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-guest-account.tsx"}]},{"name":"checkout-b2b-purchase-order","type":"registry:block","title":"Checkout B2b Purchase Order","description":"A B2B purchase order checkout block for React and Next.js with company info fields, department, cost center, PO number, approver email, budget code, approval workflow notice, net terms selector, and company billing address using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","input","label","select"],"premium":true,"files":[{"path":"blocks/checkout/checkout-b2b-purchase-order.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-b2b-purchase-order.tsx"}]},{"name":"checkout-reward-tier","type":"registry:block","title":"Checkout Reward Tier","description":"A React checkout block for Next.js with loyalty reward tier progress, points earned, next tier benefits, and motivational spending threshold using shadcn/ui Badge, Button, Progress, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","progress"],"premium":true,"files":[{"path":"blocks/checkout/checkout-reward-tier.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-reward-tier.tsx"}]},{"name":"checkout-comparison-upsell","type":"registry:block","title":"Checkout Comparison Upsell","description":"A React checkout upsell block for Next.js with side-by-side feature comparison between current and premium products, price difference highlight, and upgrade CTA using shadcn/ui Button, Badge, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/checkout/checkout-comparison-upsell.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-comparison-upsell.tsx"}]},{"name":"checkout-pay-what-you-want","type":"registry:block","title":"Checkout Pay What You Want","description":"A pay-what-you-want checkout for React and Next.js with suggested price, minimum price, average paid indicator, custom price slider, contributor count, and above-average badge using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","input","slider"],"premium":true,"files":[{"path":"blocks/checkout/checkout-pay-what-you-want.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-pay-what-you-want.tsx"}]},{"name":"checkout-age-verification","type":"registry:block","title":"Checkout Age Verification","description":"An age verification gate checkout block for React and Next.js with date of birth input, one-click confirmation, age requirement notice, and product restriction badge using shadcn/ui Input, Label, Button, Badge, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","input","label"],"premium":true,"files":[{"path":"blocks/checkout/checkout-age-verification.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-age-verification.tsx"}]},{"name":"checkout-payment-methods","type":"registry:block","title":"Checkout Payment Methods","description":"A payment method selector block with tabs for Credit Card, PayPal, Bank Transfer, and Buy Now Pay Later, each showing relevant form fields","dependencies":["lucide-react"],"registryDependencies":["badge","button","input"],"premium":true,"files":[{"path":"blocks/checkout/checkout-payment-methods.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-payment-methods.tsx"}]},{"name":"checkout-installments","type":"registry:block","title":"Checkout Installments","description":"A buy now pay later installment checkout block for React and Next.js with plan selector, four equal payment amounts with dates, monthly preview, interest rate display, and APR notice built with shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/checkout/checkout-installments.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-installments.tsx"}]},{"name":"checkout-hotel-reservation","type":"registry:block","title":"Checkout Hotel Reservation","description":"A hotel reservation checkout block for React and Next.js with hotel name, room type, check-in and check-out dates, guest count, nightly rate, extras selection, and cancellation policy notice built with shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","separator","switch"],"premium":true,"files":[{"path":"blocks/checkout/checkout-hotel-reservation.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-hotel-reservation.tsx"}]},{"name":"checkout-recurring-order","type":"registry:block","title":"Checkout Recurring Order","description":"A recurring subscription order checkout with frequency selector, next delivery date, skip and pause options, subscription discount display, and first order vs recurring price comparison using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","radio-group"],"premium":true,"files":[{"path":"blocks/checkout/checkout-recurring-order.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-recurring-order.tsx"}]},{"name":"checkout-timer-urgency","type":"registry:block","title":"Checkout Timer Urgency","description":"A checkout block with urgency elements for React and Next.js featuring a static countdown timer display, reserved items notice, per-item stock level warnings, social proof viewer count, and a timer progress bar using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button","input","label"],"premium":true,"files":[{"path":"blocks/checkout/checkout-timer-urgency.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-timer-urgency.tsx"}]},{"name":"checkout-progress-indicator","type":"registry:block","title":"Checkout Progress Indicator","description":"A checkout flow with a prominent horizontal step progress bar for React and Next.js showing Cart, Shipping, Payment, Review, and Confirm steps with checkmarks, step numbers, and current step highlighting using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button","input","label"],"premium":true,"files":[{"path":"blocks/checkout/checkout-progress-indicator.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-progress-indicator.tsx"}]},{"name":"checkout-bundle-builder","type":"registry:block","title":"Checkout Bundle Builder","description":"A build-a-bundle checkout block where customers select items to create a discounted bundle with dynamic pricing, savings badge, and individual vs bundle price comparison using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/checkout/checkout-bundle-builder.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-bundle-builder.tsx"}]},{"name":"checkout-bulk-order","type":"registry:block","title":"Checkout Bulk Order","description":"A React and Next.js wholesale bulk order checkout with table-style layout, SKU columns, quantity inputs, line totals, import button, and minimum order notice using shadcn/ui Input, Button, Badge, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","input"],"premium":true,"files":[{"path":"blocks/checkout/checkout-bulk-order.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-bulk-order.tsx"}]},{"name":"checkout-credits-purchase","type":"registry:block","title":"Checkout Credits Purchase","description":"A credits and tokens purchase checkout for React and Next.js with credit package selector, per-credit pricing, bonus credits at higher tiers, current balance display, auto-refill toggle, and purchase button using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","radio-group","switch"],"premium":true,"files":[{"path":"blocks/checkout/checkout-credits-purchase.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-credits-purchase.tsx"}]},{"name":"checkout-terms-consent","type":"registry:block","title":"Checkout Terms Consent","description":"A terms and conditions consent checkout block for React and Next.js with scrollable terms preview, required checkboxes for terms of service, privacy policy, and return policy, accept all toggle, and full document links using shadcn/ui Checkbox, Button, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button","checkbox"],"premium":true,"files":[{"path":"blocks/checkout/checkout-terms-consent.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-terms-consent.tsx"}]},{"name":"checkout-warranty-addon","type":"registry:block","title":"Checkout Warranty Addon","description":"A warranty and protection plan add-on selector during checkout with tiered coverage options, expandable coverage details, auto-selected recommendation, and add-to-order button using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","radio-group"],"premium":true,"files":[{"path":"blocks/checkout/checkout-warranty-addon.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-warranty-addon.tsx"}]},{"name":"checkout-restaurant-order","type":"registry:block","title":"Checkout Restaurant Order","description":"A restaurant and food delivery checkout block for React and Next.js with order items, item customizations, special instructions, tip selector with custom amount, estimated delivery time, and driver instructions built with shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","input","separator","textarea"],"premium":true,"files":[{"path":"blocks/checkout/checkout-restaurant-order.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-restaurant-order.tsx"}]},{"name":"checkout-upsell-cross-sell","type":"registry:block","title":"Checkout Upsell Cross Sell","description":"A checkout upsell and cross-sell block for React and Next.js with frequently bought together section, add-on checkboxes with prices, complete the look suggestions, and bundle discount indicator built with shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button","checkbox"],"premium":true,"files":[{"path":"blocks/checkout/checkout-upsell-cross-sell.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-upsell-cross-sell.tsx"}]},{"name":"checkout-language-selector","type":"registry:block","title":"Checkout Language Selector","description":"A multilingual checkout block for React and Next.js with language toggle switching between English, Spanish, and French, right-to-left layout indicator, localized address format, and locale-driven currency display using shadcn/ui Select, Input, Label, Button, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button","input","label","select"],"premium":true,"files":[{"path":"blocks/checkout/checkout-language-selector.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-language-selector.tsx"}]},{"name":"checkout-loyalty-points","type":"registry:block","title":"Checkout Loyalty Points","description":"A checkout loyalty points redemption block for React and Next.js with points balance display, slider to apply points, conversion rate indicator, remaining points calculation, and points earned from purchase built with shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","slider"],"premium":true,"files":[{"path":"blocks/checkout/checkout-loyalty-points.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-loyalty-points.tsx"}]},{"name":"checkout-one-click","type":"registry:block","title":"Checkout One Click","description":"A one-click purchase checkout for React and Next.js with saved address, saved payment method, order summary, and single buy-now button using shadcn/ui Button, Badge, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/checkout/checkout-one-click.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-one-click.tsx"}]},{"name":"checkout-store-pickup","type":"registry:block","title":"Checkout Store Pickup","description":"An in-store pickup checkout block with a searchable store list showing distance, address, and hours, pickup person name field, ready estimate, and pickup instructions","dependencies":["lucide-react"],"registryDependencies":["button","input","radio-group"],"premium":true,"files":[{"path":"blocks/checkout/checkout-store-pickup.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-store-pickup.tsx"}]},{"name":"checkout-locker-delivery","type":"registry:block","title":"Checkout Locker Delivery","description":"A package locker and pickup point delivery block with locker locations list, map placeholder area, selected locker details, access code notice, and a 3-day pickup window reminder","dependencies":["lucide-react"],"registryDependencies":["button","radio-group"],"premium":true,"files":[{"path":"blocks/checkout/checkout-locker-delivery.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-locker-delivery.tsx"}]},{"name":"checkout-quantity-breaks","type":"registry:block","title":"Checkout Quantity Breaks","description":"A quantity-based pricing checkout block for React and Next.js with tiered pricing display, quantity input, current tier highlight, savings calculation, and next-tier nudge using shadcn/ui Input, Button, Badge, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/checkout/checkout-quantity-breaks.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-quantity-breaks.tsx"}]},{"name":"checkout-marketplace-multi-seller","type":"registry:block","title":"Checkout Marketplace Multi Seller","description":"A marketplace checkout for React and Next.js with items grouped by seller, per-seller shipping options, seller policy badges, and a combined order total using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","select"],"premium":true,"files":[{"path":"blocks/checkout/checkout-marketplace-multi-seller.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-marketplace-multi-seller.tsx"}]},{"name":"checkout-processing-state","type":"registry:block","title":"Checkout Processing State","description":"A payment processing state block for React and Next.js with animated spinner, order details summary, progress steps indicator, and a do-not-close notice using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/checkout/checkout-processing-state.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-processing-state.tsx"}]},{"name":"checkout-save-for-later","type":"registry:block","title":"Checkout Save For Later","description":"A React and Next.js cart block with active cart items and a separate saved for later section, move between lists buttons, and order summary using shadcn/ui Button, Badge, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/checkout/checkout-save-for-later.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-save-for-later.tsx"}]},{"name":"checkout-abandoned-recovery","type":"registry:block","title":"Checkout Abandoned Recovery","description":"A React abandoned cart recovery page for Next.js with saved cart items, discount offer, countdown timer, and complete purchase CTA using shadcn/ui Button, Badge, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/checkout/checkout-abandoned-recovery.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-abandoned-recovery.tsx"}]},{"name":"checkout-grouped-items","type":"registry:block","title":"Checkout Grouped Items","description":"A checkout cart block that organizes items by category with collapsible groups, item counts per group, individual item details, and group subtotals for managing large diverse carts","dependencies":["lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/checkout/checkout-grouped-items.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-grouped-items.tsx"}]},{"name":"checkout-order-tracking","type":"registry:block","title":"Checkout Order Tracking","description":"A post-checkout order tracking display for React and Next.js with status timeline, tracking number copy button, carrier info, and estimated delivery using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/checkout/checkout-order-tracking.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-order-tracking.tsx"}]},{"name":"checkout-event-tickets","type":"registry:block","title":"Checkout Event Tickets","description":"An event ticket checkout block for React and Next.js with event details, ticket type selector, quantity picker, seat selection placeholder, and per-ticket attendee name fields built with shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","input","separator"],"premium":true,"files":[{"path":"blocks/checkout/checkout-event-tickets.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-event-tickets.tsx"}]},{"name":"checkout-billing-address","type":"registry:block","title":"Checkout Billing Address","description":"A checkout billing address form for React and Next.js with same-as-shipping toggle, separate billing fields, country selector with flag emoji, address validation indicators, and clean form layout built with shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button","checkbox","input","select"],"premium":true,"files":[{"path":"blocks/checkout/checkout-billing-address.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-billing-address.tsx"}]},{"name":"checkout-product-customization","type":"registry:block","title":"Checkout Product Customization","description":"A product customization checkout block for React and Next.js with size selector, color swatches, engraving text input, material upgrade radio, customization summary with price adjustments, and preview section using shadcn/ui RadioGroup, Input, Label, Button, Badge, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","input","label","radio-group"],"premium":true,"files":[{"path":"blocks/checkout/checkout-product-customization.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-product-customization.tsx"}]},{"name":"checkout-single-page","type":"registry:block","title":"Checkout Single Page","description":"A single-page checkout form for React and Next.js with shipping address, payment method, and order summary sections using shadcn/ui Input, Label, Button, Separator, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button","input","label","select"],"premium":true,"files":[{"path":"blocks/checkout/checkout-single-page.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-single-page.tsx"}]},{"name":"checkout-pre-order","type":"registry:block","title":"Checkout Pre Order","description":"A pre-order checkout block with expected ship date, pre-order badge, release date information, deferred charge notice, guarantee terms, and estimated delivery window using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","input","label"],"premium":true,"files":[{"path":"blocks/checkout/checkout-pre-order.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-pre-order.tsx"}]},{"name":"checkout-wishlist-to-cart","type":"registry:block","title":"Checkout Wishlist To Cart","description":"A React and Next.js wishlist to cart conversion block with multi-select checkboxes, bulk add to cart action, price change indicators, and item management using shadcn/ui Checkbox, Button, Badge, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","checkbox"],"premium":true,"files":[{"path":"blocks/checkout/checkout-wishlist-to-cart.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-wishlist-to-cart.tsx"}]},{"name":"checkout-accordion-steps","type":"registry:block","title":"Checkout Accordion Steps","description":"An accordion-style checkout for React and Next.js with collapsible Contact, Shipping, and Payment sections that show summaries when completed using shadcn/ui Input, Label, Button, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button","input","label"],"premium":true,"files":[{"path":"blocks/checkout/checkout-accordion-steps.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-accordion-steps.tsx"}]},{"name":"checkout-receipt-email","type":"registry:block","title":"Checkout Receipt Email","description":"An email receipt preview for React and Next.js with order summary, line items table, payment method, shipping address, and support contact using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["separator"],"premium":true,"files":[{"path":"blocks/checkout/checkout-receipt-email.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-receipt-email.tsx"}]},{"name":"checkout-invoice-request","type":"registry:block","title":"Checkout Invoice Request","description":"A B2B pay-by-invoice checkout block for React and Next.js with company name, VAT number, PO number fields, invoice delivery email, payment terms selector, and billing contact form built with shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","input","label","select"],"premium":true,"files":[{"path":"blocks/checkout/checkout-invoice-request.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-invoice-request.tsx"}]},{"name":"checkout-breadcrumb-nav","type":"registry:block","title":"Checkout Breadcrumb Nav","description":"A checkout flow with breadcrumb navigation for React and Next.js featuring clickable completed steps, current step as plain text, item count display, and a back-to-cart link using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button","input","label"],"premium":true,"files":[{"path":"blocks/checkout/checkout-breadcrumb-nav.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-breadcrumb-nav.tsx"}]},{"name":"checkout-weight-based-shipping","type":"registry:block","title":"Checkout Weight Based Shipping","description":"A shipping cost calculator block that displays per-item weight, total package weight, tiered shipping rates by weight range, dimensional weight notice, and a combine shipments toggle","dependencies":["lucide-react"],"registryDependencies":["button","switch"],"premium":true,"files":[{"path":"blocks/checkout/checkout-weight-based-shipping.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-weight-based-shipping.tsx"}]},{"name":"checkout-tax-calculator","type":"registry:block","title":"Checkout Tax Calculator","description":"A checkout tax calculator block for React and Next.js with subtotal display, regional tax breakdown by type, tax-exempt toggle with ID input, and final total with tax built with shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","checkbox","input"],"premium":true,"files":[{"path":"blocks/checkout/checkout-tax-calculator.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-tax-calculator.tsx"}]},{"name":"checkout-digital-product","type":"registry:block","title":"Checkout Digital Product","description":"Digital product checkout block for React and Next.js with product details, instant download badge, email delivery field, payment form, and license agreement using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","checkbox","input","label"],"premium":true,"files":[{"path":"blocks/checkout/checkout-digital-product.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-digital-product.tsx"}]},{"name":"checkout-mobile-optimized","type":"registry:block","title":"Checkout Mobile Optimized","description":"A mobile-first checkout form for React and Next.js with large touch targets, stacked full-width inputs, collapsible order summary, and sticky bottom pay bar using shadcn/ui Input, Label, Button, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button","input","label"],"premium":true,"files":[{"path":"blocks/checkout/checkout-mobile-optimized.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-mobile-optimized.tsx"}]},{"name":"checkout-donation","type":"registry:block","title":"Checkout Donation","description":"Donation checkout block for React and Next.js with preset amount buttons, custom amount input, optional recurring toggle, donor information form, and tax deductible notice using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button","input","label","switch"],"premium":true,"files":[{"path":"blocks/checkout/checkout-donation.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-donation.tsx"}]},{"name":"checkout-free-shipping-bar","type":"registry:block","title":"Checkout Free Shipping Bar","description":"A React and Next.js checkout block with a free shipping progress bar, threshold message, suggested add-on items, shipping cost preview, and order summary using shadcn/ui Progress, Button, Badge, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","progress"],"premium":true,"files":[{"path":"blocks/checkout/checkout-free-shipping-bar.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-free-shipping-bar.tsx"}]},{"name":"checkout-social-login","type":"registry:block","title":"Checkout Social Login","description":"A checkout block with social login options for React and Next.js featuring Google, Apple, and GitHub sign-in buttons for faster checkout, a guest checkout divider, autofill benefits, and a compact order form using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button","input","label"],"premium":true,"files":[{"path":"blocks/checkout/checkout-social-login.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-social-login.tsx"}]},{"name":"checkout-shipping-insurance","type":"registry:block","title":"Checkout Shipping Insurance","description":"A shipping insurance add-on block for React and Next.js with coverage details for lost, damaged, and stolen packages, premium cost calculation, toggle to add insurance, and claims process overview using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","switch"],"premium":true,"files":[{"path":"blocks/checkout/checkout-shipping-insurance.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-shipping-insurance.tsx"}]},{"name":"checkout-charity-roundup","type":"registry:block","title":"Checkout Charity Roundup","description":"A React charity round-up donation block for Next.js checkout with round-up toggle, charity selection, community donation total, and impact statement using shadcn/ui Button, Switch, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button","switch"],"premium":true,"files":[{"path":"blocks/checkout/checkout-charity-roundup.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-charity-roundup.tsx"}]},{"name":"checkout-gift-options","type":"registry:block","title":"Checkout Gift Options","description":"A checkout gift options block for React and Next.js with gift toggle, message textarea, gift wrapping selection with pricing, gift receipt switch, and recipient fields built with shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button","checkbox","input","switch","textarea"],"premium":true,"files":[{"path":"blocks/checkout/checkout-gift-options.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-gift-options.tsx"}]},{"name":"checkout-mini-cart","type":"registry:block","title":"Checkout Mini Cart","description":"A compact mini cart dropdown widget for React and Next.js with recent item thumbnails, item count badge, subtotal, and quick action buttons for cart view and checkout using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/checkout/checkout-mini-cart.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-mini-cart.tsx"}]},{"name":"checkout-delivery-schedule","type":"registry:block","title":"Checkout Delivery Schedule","description":"A delivery date and time scheduler block with a static calendar grid for date selection, morning, afternoon, and evening time slots, preferred date highlight, and a recurring delivery toggle","dependencies":["react-day-picker","lucide-react"],"registryDependencies":["button","radio-group","switch"],"premium":true,"files":[{"path":"blocks/checkout/checkout-delivery-schedule.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-delivery-schedule.tsx"}]},{"name":"checkout-referral-credit","type":"registry:block","title":"Checkout Referral Credit","description":"A checkout referral credit application block for React and Next.js with credit balance display, auto-apply toggle, applied credit amount, referral code input for new credits, and invite friends CTA built with shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button","input","switch"],"premium":true,"files":[{"path":"blocks/checkout/checkout-referral-credit.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-referral-credit.tsx"}]},{"name":"checkout-promo-code","type":"registry:block","title":"Checkout Promo Code","description":"A promo and discount code section with input field, apply button, applied discount display with remove option, multiple code support, and order total summary","dependencies":["lucide-react"],"registryDependencies":["badge","button","input"],"premium":true,"files":[{"path":"blocks/checkout/checkout-promo-code.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-promo-code.tsx"}]},{"name":"checkout-back-in-stock","type":"registry:block","title":"Checkout Back In Stock","description":"A back-in-stock purchase checkout block with stock badge, limited quantity warning, reserve timer, quick checkout form with urgency indicators, and real-time stock count using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","input","label"],"premium":true,"files":[{"path":"blocks/checkout/checkout-back-in-stock.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-back-in-stock.tsx"}]},{"name":"checkout-print-invoice","type":"registry:block","title":"Checkout Print Invoice","description":"A printable invoice and receipt block for React and Next.js with company logo placeholder, invoice number, line items table, tax breakdown, total, and print/download buttons using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/checkout/checkout-print-invoice.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-print-invoice.tsx"}]},{"name":"checkout-cart-drawer","type":"registry:block","title":"Checkout Cart Drawer","description":"A slide-over cart drawer block for React and Next.js with item list, product thumbnails, quantity adjusters, remove buttons, shipping estimate, and sticky checkout button using shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/checkout/checkout-cart-drawer.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-cart-drawer.tsx"}]},{"name":"checkout-address-form","type":"registry:block","title":"Checkout Address Form","description":"A detailed shipping address form with autocomplete-style fields, state and country selects, save address checkbox, and same-as-billing toggle","registryDependencies":["button","checkbox","input","select","switch"],"premium":true,"files":[{"path":"blocks/checkout/checkout-address-form.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-address-form.tsx"}]},{"name":"checkout-cart-empty","type":"registry:block","title":"Checkout Cart Empty","description":"An empty shopping cart state block for React and Next.js with shopping bag icon, call-to-action, recently viewed product thumbnails, and popular item suggestions using shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/checkout/checkout-cart-empty.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-cart-empty.tsx"}]},{"name":"checkout-persistent-summary","type":"registry:block","title":"Checkout Persistent Summary","description":"A two-panel checkout block for React and Next.js with a scrollable shipping and payment form on the left and a sticky order summary with items, totals, and pay button on the right using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button","input","label","select"],"premium":true,"files":[{"path":"blocks/checkout/checkout-persistent-summary.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-persistent-summary.tsx"}]},{"name":"checkout-accessibility-options","type":"registry:block","title":"Checkout Accessibility Options","description":"An accessible checkout block for React and Next.js with large text toggle, high contrast mode, screen reader hints, properly labeled form fields, descriptive error states, and tab order indicators using shadcn/ui Switch, Input, Label, Button, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button","input","label","switch"],"premium":true,"files":[{"path":"blocks/checkout/checkout-accessibility-options.tsx","type":"registry:block","target":"components/blocks/checkout/checkout-accessibility-options.tsx"}]},{"name":"monitoring-seo-health-check","type":"registry:block","title":"Monitoring Seo Health Check","description":"Real-time technical SEO monitoring dashboard featuring meta tag validation, indexability status, and content optimization scores using shadcn/ui and Framer Motion.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","separator"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-seo-health-check.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-seo-health-check.tsx"}]},{"name":"monitoring-zendesk-integration-status","type":"registry:block","title":"Monitoring Zendesk Integration Status","description":"Real-time monitoring for Zendesk API connectivity, webhook delivery, and synchronization health using shadcn/ui and Framer Motion.","dependencies":["framer-motion","recharts","lucide-react"],"registryDependencies":["badge","separator"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-zendesk-integration-status.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-zendesk-integration-status.tsx"}]},{"name":"monitoring-discord-webhook-status","type":"registry:block","title":"Monitoring Discord Webhook Status","description":"Real-time monitoring of Discord webhook connectivity, payload delivery status, and rate limit health using shadcn/ui and Framer Motion.","dependencies":["framer-motion","recharts","lucide-react"],"registryDependencies":["badge","separator"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-discord-webhook-status.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-discord-webhook-status.tsx"}]},{"name":"monitoring-celery-worker-activity","type":"registry:block","title":"Monitoring Celery Worker Activity","description":"Distributed task monitoring dashboard featuring Celery worker status, task latency, and concurrency metrics with shadcn/ui and Framer Motion.","dependencies":["framer-motion","recharts","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-celery-worker-activity.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-celery-worker-activity.tsx"}]},{"name":"monitoring-bigquery-usage-stats","type":"registry:block","title":"Monitoring Bigquery Usage Stats","description":"Advanced BigQuery monitoring dashboard featuring query slot utilization, bytes processed analysis, and reservation tracking with shadcn/ui and Recharts.","dependencies":["framer-motion","recharts","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-bigquery-usage-stats.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-bigquery-usage-stats.tsx"}]},{"name":"monitoring-active-connections","type":"registry:block","title":"Monitoring Active Connections","description":"A real-time infrastructure dashboard tracking concurrent network connections, WebSocket health, and protocol distribution.","dependencies":["framer-motion","recharts","lucide-react"],"registryDependencies":["badge","separator"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-active-connections.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-active-connections.tsx"}]},{"name":"monitoring-sidekiq-job-stats","type":"registry:block","title":"Monitoring Sidekiq Job Stats","description":"Professional Sidekiq monitoring dashboard featuring background job throughput, retry rates, and worker utilization metrics with shadcn/ui and Framer Motion.","dependencies":["framer-motion","recharts","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-sidekiq-job-stats.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-sidekiq-job-stats.tsx"}]},{"name":"monitoring-user-session-count","type":"registry:block","title":"Monitoring User Session Count","description":"A real-time user activity dashboard tracking active sessions, concurrent users, and session duration trends.","dependencies":["framer-motion","recharts","lucide-react"],"registryDependencies":["badge","separator"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-user-session-count.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-user-session-count.tsx"}]},{"name":"monitoring-system-load-average","type":"registry:block","title":"Monitoring System Load Average","description":"A high-fidelity infrastructure monitoring block for system load averages (1m, 5m, 15m), tracking process queue depth and CPU pressure.","dependencies":["framer-motion","recharts","lucide-react"],"registryDependencies":["badge","separator"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-system-load-average.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-system-load-average.tsx"}]},{"name":"monitoring-request-payload-size","type":"registry:block","title":"Monitoring Request Payload Size","description":"A high-granularity API monitoring dashboard tracking the distribution and trends of incoming request body sizes and outgoing response sizes.","dependencies":["framer-motion","recharts","lucide-react"],"registryDependencies":["badge","separator"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-request-payload-size.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-request-payload-size.tsx"}]},{"name":"monitoring-notification-history","type":"registry:block","title":"Monitoring Notification History","description":"Operational alert audit block featuring a historical log of sent notifications, delivery status tracking, and channel-specific performance metrics with shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-notification-history.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-notification-history.tsx"}]},{"name":"monitoring-inference-latency","type":"registry:block","title":"Monitoring Inference Latency","description":"High-performance ML monitoring dashboard featuring inference timing breakdowns, cold start analysis, and throughput metrics with shadcn/ui and Framer Motion.","dependencies":["framer-motion","recharts","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-inference-latency.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-inference-latency.tsx"}]},{"name":"monitoring-broken-link-checker","type":"registry:block","title":"Monitoring Broken Link Checker","description":"Real-time site integrity monitoring dashboard featuring automated broken link detection, HTTP response codes, and source page tracking using shadcn/ui and Framer Motion.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","separator"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-broken-link-checker.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-broken-link-checker.tsx"}]},{"name":"monitoring-ssl-certificate-expiry","type":"registry:block","title":"Monitoring Ssl Certificate Expiry","description":"Operational security monitoring block featuring SSL/TLS certificate expiry tracking, domain-specific health checks, and automated renewal alerts with shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","progress"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-ssl-certificate-expiry.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-ssl-certificate-expiry.tsx"}]},{"name":"monitoring-real-user-monitoring-rum","type":"registry:block","title":"Monitoring Real User Monitoring Rum","description":"Real-time dashboard for tracking actual user experience metrics including page load times, interaction latency, and device distribution using shadcn/ui and Framer Motion.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","separator"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-real-user-monitoring-rum.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-real-user-monitoring-rum.tsx"}]},{"name":"monitoring-cpu-usage","type":"registry:block","title":"Monitoring Cpu Usage","description":"In-depth processor monitoring block featuring multi-core utilization charts, load averages, and process-level CPU tracking with Recharts and shadcn/ui.","dependencies":["framer-motion","recharts","lucide-react"],"registryDependencies":["progress"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-cpu-usage.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-cpu-usage.tsx"}]},{"name":"monitoring-server-health","type":"registry:block","title":"Monitoring Server Health","description":"Real-time server monitoring dashboard featuring CPU, memory, and disk utilization metrics with live sparklines using shadcn/ui, Recharts, and Framer Motion.","dependencies":["framer-motion","recharts","lucide-react"],"registryDependencies":["badge","separator"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-server-health.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-server-health.tsx"}]},{"name":"monitoring-network-request-waterfall","type":"registry:block","title":"Monitoring Network Request Waterfall","description":"Professional network timing visualization dashboard featuring request waterfall charts, resource size analysis, and TTFB tracking with shadcn/ui and Framer Motion.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","separator"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-network-request-waterfall.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-network-request-waterfall.tsx"}]},{"name":"monitoring-response-code-distribution","type":"registry:block","title":"Monitoring Response Code Distribution","description":"A comprehensive API health dashboard tracking HTTP status code distribution (2xx, 3xx, 4xx, 5xx) with real-time error rate analysis.","dependencies":["framer-motion","recharts","lucide-react"],"registryDependencies":["badge","separator"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-response-code-distribution.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-response-code-distribution.tsx"}]},{"name":"monitoring-websocket-connection-status","type":"registry:block","title":"Monitoring Websocket Connection Status","description":"Real-time WebSocket monitoring dashboard featuring connection lifecycle tracking, message throughput, and latency analysis with shadcn/ui and Framer Motion.","dependencies":["framer-motion","recharts","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-websocket-connection-status.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-websocket-connection-status.tsx"}]},{"name":"monitoring-mongodb-latency","type":"registry:block","title":"Monitoring Mongodb Latency","description":"A high-granularity monitoring dashboard for MongoDB operations, tracking read/write latency, command execution times, and collection-level performance.","dependencies":["framer-motion","recharts","lucide-react"],"registryDependencies":["badge","separator"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-mongodb-latency.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-mongodb-latency.tsx"}]},{"name":"monitoring-pipeline-visualizer","type":"registry:block","title":"Monitoring Pipeline Visualizer","description":"Operational CI/CD workflow monitoring block featuring multi-stage pipeline visualization, stage-specific timing, and real-time step status with shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-pipeline-visualizer.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-pipeline-visualizer.tsx"}]},{"name":"monitoring-langchain-trace-visualizer","type":"registry:block","title":"Monitoring Langchain Trace Visualizer","description":"Advanced AI monitoring dashboard featuring LangChain trace visualization, chain execution timing, and tool-use analytics with shadcn/ui and Framer Motion.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-langchain-trace-visualizer.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-langchain-trace-visualizer.tsx"}]},{"name":"monitoring-grpc-latency","type":"registry:block","title":"Monitoring Grpc Latency","description":"High-performance gRPC monitoring dashboard featuring RPC-level latency tracking, status code distribution, and streaming metrics with shadcn/ui and Framer Motion.","dependencies":["framer-motion","recharts","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-grpc-latency.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-grpc-latency.tsx"}]},{"name":"monitoring-firewall-block-log","type":"registry:block","title":"Monitoring Firewall Block Log","description":"Real-time dashboard for monitoring firewall activity, blocked IP volumes, and traffic security trends using shadcn/ui and Framer Motion.","dependencies":["framer-motion","recharts","lucide-react"],"registryDependencies":["badge","separator"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-firewall-block-log.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-firewall-block-log.tsx"}]},{"name":"monitoring-cache-hit-rate","type":"registry:block","title":"Monitoring Cache Hit Rate","description":"Real-time cache performance monitoring block featuring hit vs. miss area charts, eviction tracking, and latency impact analysis for Redis and CDN with Recharts and shadcn/ui.","dependencies":["framer-motion","recharts","lucide-react"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-cache-hit-rate.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-cache-hit-rate.tsx"}]},{"name":"monitoring-edge-function-latency","type":"registry:block","title":"Monitoring Edge Function Latency","description":"Real-time global latency monitoring dashboard for edge functions featuring regional performance tracking and p99 distribution using shadcn/ui and Framer Motion.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","separator"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-edge-function-latency.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-edge-function-latency.tsx"}]},{"name":"monitoring-stripe-webhook-delivery-status","type":"registry:block","title":"Monitoring Stripe Webhook Delivery Status","description":"Real-time monitoring of Stripe webhook delivery success, processing latency, and event volumes using shadcn/ui and Framer Motion.","dependencies":["framer-motion","recharts","lucide-react"],"registryDependencies":["badge","separator"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-stripe-webhook-delivery-status.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-stripe-webhook-delivery-status.tsx"}]},{"name":"monitoring-customer-support-ticket-volume","type":"registry:block","title":"Monitoring Customer Support Ticket Volume","description":"Professional support dashboard for monitoring ticket volume, resolution rates, and response times using shadcn/ui, Recharts, and Framer Motion.","dependencies":["framer-motion","recharts","lucide-react"],"registryDependencies":["badge","separator"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-customer-support-ticket-volume.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-customer-support-ticket-volume.tsx"}]},{"name":"monitoring-log-stream","type":"registry:block","title":"Monitoring Log Stream","description":"Real-time log visualization block featuring live tailing, level-based filtering, and auto-scrolling terminal interface for application observability.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-log-stream.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-log-stream.tsx"}]},{"name":"monitoring-graphql-query-analyzer","type":"registry:block","title":"Monitoring Graphql Query Analyzer","description":"Advanced GraphQL monitoring dashboard featuring query complexity scores, resolver latency tracking, and schema usage analytics with shadcn/ui and Recharts.","dependencies":["framer-motion","recharts","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-graphql-query-analyzer.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-graphql-query-analyzer.tsx"}]},{"name":"monitoring-system-uptime-kpi","type":"registry:block","title":"Monitoring System Uptime Kpi","description":"High-level executive dashboard for monitoring system uptime, incident frequency, and recovery performance using shadcn/ui and Recharts.","dependencies":["framer-motion","recharts","lucide-react"],"registryDependencies":["badge","separator"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-system-uptime-kpi.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-system-uptime-kpi.tsx"}]},{"name":"monitoring-lambda-execution-time","type":"registry:block","title":"Monitoring Lambda Execution Time","description":"Real-time serverless function monitoring dashboard featuring execution time trends, cold start analysis, and memory utilization using shadcn/ui, Recharts, and Framer Motion.","dependencies":["framer-motion","recharts","lucide-react"],"registryDependencies":["badge","separator"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-lambda-execution-time.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-lambda-execution-time.tsx"}]},{"name":"monitoring-cors-error-log","type":"registry:block","title":"Monitoring Cors Error Log","description":"Real-time monitoring dashboard for Cross-Origin Resource Sharing (CORS) errors featuring origin tracking, endpoint analysis, and policy validation using shadcn/ui and Framer Motion.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","separator"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-cors-error-log.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-cors-error-log.tsx"}]},{"name":"monitoring-gpu-utilization","type":"registry:block","title":"Monitoring Gpu Utilization","description":"Professional GPU monitoring dashboard featuring compute utilization, VRAM usage, and power consumption tracking with shadcn/ui and Recharts.","dependencies":["framer-motion","recharts","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-gpu-utilization.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-gpu-utilization.tsx"}]},{"name":"monitoring-security-vulnerability-scan","type":"registry:block","title":"Monitoring Security Vulnerability Scan","description":"Real-time security monitoring dashboard featuring automated vulnerability scanning results, severity tracking, and remediation status using shadcn/ui and Framer Motion.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","separator"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-security-vulnerability-scan.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-security-vulnerability-scan.tsx"}]},{"name":"monitoring-process-list","type":"registry:block","title":"Monitoring Process List","description":"Real-time system process monitor featuring CPU and memory utilization per process with status indicators and search functionality using shadcn/ui and Framer Motion.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","separator"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-process-list.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-process-list.tsx"}]},{"name":"monitoring-identity-verification-status","type":"registry:block","title":"Monitoring Identity Verification Status","description":"Professional monitoring block for identity verification workflows, showing completion rates, pending reviews, and failure trends with shadcn/ui.","dependencies":["framer-motion","recharts","lucide-react"],"registryDependencies":["badge","separator"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-identity-verification-status.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-identity-verification-status.tsx"}]},{"name":"monitoring-feature-flag-rollout-status","type":"registry:block","title":"Monitoring Feature Flag Rollout Status","description":"Real-time monitoring of feature flag rollouts, showing adoption percentages, active flags, and rollout velocity with live sparklines using shadcn/ui and Framer Motion.","dependencies":["framer-motion","recharts","lucide-react"],"registryDependencies":["badge","separator"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-feature-flag-rollout-status.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-feature-flag-rollout-status.tsx"}]},{"name":"monitoring-sendgrid-bounce-log","type":"registry:block","title":"Monitoring Sendgrid Bounce Log","description":"Real-time monitoring for SendGrid email bounces, spam complaints, and delivery failures using shadcn/ui and Framer Motion.","dependencies":["framer-motion","recharts","lucide-react"],"registryDependencies":["badge","separator"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-sendgrid-bounce-log.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-sendgrid-bounce-log.tsx"}]},{"name":"monitoring-console-log-aggregator","type":"registry:block","title":"Monitoring Console Log Aggregator","description":"Real-time console log aggregation dashboard featuring log level distribution, error frequency tracking, and live stream visualization with shadcn/ui and Framer Motion.","dependencies":["framer-motion","recharts","lucide-react"],"registryDependencies":["badge","separator"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-console-log-aggregator.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-console-log-aggregator.tsx"}]},{"name":"monitoring-vector-database-latency","type":"registry:block","title":"Monitoring Vector Database Latency","description":"Advanced RAG monitoring dashboard featuring vector search latency, index retrieval speed, and embedding dimensions tracking with shadcn/ui and Recharts.","dependencies":["framer-motion","recharts","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-vector-database-latency.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-vector-database-latency.tsx"}]},{"name":"monitoring-dbt-run-history","type":"registry:block","title":"Monitoring Dbt Run History","description":"Professional dbt monitoring dashboard featuring model execution status, test results, and transformation latency trends with shadcn/ui and Framer Motion.","dependencies":["framer-motion","recharts","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-dbt-run-history.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-dbt-run-history.tsx"}]},{"name":"monitoring-content-security-policy-violations","type":"registry:block","title":"Monitoring Content Security Policy Violations","description":"Real-time security monitoring dashboard for Content Security Policy violations featuring threat analysis, source tracking, and policy validation using shadcn/ui and Framer Motion.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","separator"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-content-security-policy-violations.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-content-security-policy-violations.tsx"}]},{"name":"monitoring-s3-usage","type":"registry:block","title":"Monitoring S3 Usage","description":"A cloud storage monitoring dashboard for AWS S3, tracking storage capacity, request volumes, and data transfer rates.","dependencies":["framer-motion","recharts","lucide-react"],"registryDependencies":["badge","separator"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-s3-usage.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-s3-usage.tsx"}]},{"name":"monitoring-rabbitmq-queue-depth","type":"registry:block","title":"Monitoring Rabbitmq Queue Depth","description":"Real-time RabbitMQ monitoring dashboard featuring queue depth tracking, message rates, and consumer count analytics with shadcn/ui and Framer Motion.","dependencies":["framer-motion","recharts","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-rabbitmq-queue-depth.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-rabbitmq-queue-depth.tsx"}]},{"name":"monitoring-javascript-error-stack-trace","type":"registry:block","title":"Monitoring Javascript Error Stack Trace","description":"Real-time frontend error monitoring dashboard featuring automated stack trace capture, error grouping, and device telemetry using shadcn/ui and Framer Motion.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","separator"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-javascript-error-stack-trace.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-javascript-error-stack-trace.tsx"}]},{"name":"monitoring-deployment-status","type":"registry:block","title":"Monitoring Deployment Status","description":"Operational CI/CD monitoring block featuring recent deployment history, environment-specific versions, and real-time build status with shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","progress"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-deployment-status.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-deployment-status.tsx"}]},{"name":"monitoring-on-call-schedule","type":"registry:block","title":"Monitoring On Call Schedule","description":"Operational team management block featuring current on-call personnel, rotation timelines, and contact information for incident response with shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-on-call-schedule.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-on-call-schedule.tsx"}]},{"name":"monitoring-incident-timeline","type":"registry:block","title":"Monitoring Incident Timeline","description":"Operational incident tracking block featuring vertical event timelines, status updates, and historical outage logs for public or internal status pages with shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-incident-timeline.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-incident-timeline.tsx"}]},{"name":"monitoring-postgres-connections","type":"registry:block","title":"Monitoring Postgres Connections","description":"A specialized monitoring dashboard for PostgreSQL connection pools, tracking active vs idle connections, transaction throughput, and pool saturation.","dependencies":["framer-motion","recharts","lucide-react"],"registryDependencies":["badge","separator"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-postgres-connections.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-postgres-connections.tsx"}]},{"name":"monitoring-slack-notification-bot-log","type":"registry:block","title":"Monitoring Slack Notification Bot Log","description":"Real-time monitoring for Slack bot notifications, message delivery rates, and channel activity logs using shadcn/ui and Recharts.","dependencies":["framer-motion","recharts","lucide-react"],"registryDependencies":["badge","separator"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-slack-notification-bot-log.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-slack-notification-bot-log.tsx"}]},{"name":"monitoring-uptime-status","type":"registry:block","title":"Monitoring Uptime Status","description":"Service availability monitoring block featuring multi-region status bars, historical uptime tracking, and real-time operational state using shadcn/ui and Framer Motion.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","tooltip"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-uptime-status.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-uptime-status.tsx"}]},{"name":"monitoring-worker-queue","type":"registry:block","title":"Monitoring Worker Queue","description":"A professional worker queue monitoring dashboard for tracking background jobs, worker health, and throughput with real-time sparklines.","dependencies":["framer-motion","recharts","lucide-react"],"registryDependencies":["badge","separator"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-worker-queue.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-worker-queue.tsx"}]},{"name":"monitoring-email-deliverability-rate","type":"registry:block","title":"Monitoring Email Deliverability Rate","description":"High-level dashboard for monitoring email delivery rates, open rates, and engagement metrics with shadcn/ui and Framer Motion.","dependencies":["framer-motion","recharts","lucide-react"],"registryDependencies":["badge","separator"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-email-deliverability-rate.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-email-deliverability-rate.tsx"}]},{"name":"monitoring-vercel-deployment-log","type":"registry:block","title":"Monitoring Vercel Deployment Log","description":"A real-time monitoring dashboard for Vercel deployments, tracking build logs, serverless function performance, and deployment status history.","dependencies":["framer-motion","recharts","lucide-react"],"registryDependencies":["badge","separator"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-vercel-deployment-log.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-vercel-deployment-log.tsx"}]},{"name":"monitoring-openai-api-usage","type":"registry:block","title":"Monitoring Openai Api Usage","description":"Professional AI monitoring dashboard featuring OpenAI token consumption, model spend tracking, and rate limit analysis with shadcn/ui and Recharts.","dependencies":["framer-motion","recharts","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-openai-api-usage.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-openai-api-usage.tsx"}]},{"name":"monitoring-alert-rules","type":"registry:block","title":"Monitoring Alert Rules","description":"Operational alerting configuration block featuring rule definitions, threshold management, and current firing state with shadcn/ui and Framer Motion.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","switch"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-alert-rules.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-alert-rules.tsx"}]},{"name":"monitoring-lighthouse-audit-history","type":"registry:block","title":"Monitoring Lighthouse Audit History","description":"Historical monitoring dashboard for synthetic performance audits featuring Lighthouse scores, regression detection, and audit deep-dives using shadcn/ui and Framer Motion.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","separator"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-lighthouse-audit-history.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-lighthouse-audit-history.tsx"}]},{"name":"monitoring-machine-learning-model-drift","type":"registry:block","title":"Monitoring Machine Learning Model Drift","description":"Advanced ML monitoring dashboard featuring feature drift tracking, label distribution shifts, and model performance decay with shadcn/ui and Recharts.","dependencies":["framer-motion","recharts","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-machine-learning-model-drift.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-machine-learning-model-drift.tsx"}]},{"name":"monitoring-payment-gateway-uptime","type":"registry:block","title":"Monitoring Payment Gateway Uptime","description":"Multi-provider dashboard for monitoring the availability and response times of payment gateways like Stripe, PayPal, and Adyen.","dependencies":["framer-motion","recharts","lucide-react"],"registryDependencies":["badge","separator"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-payment-gateway-uptime.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-payment-gateway-uptime.tsx"}]},{"name":"monitoring-dependency-updates","type":"registry:block","title":"Monitoring Dependency Updates","description":"Real-time project dependency monitoring dashboard featuring version tracking, security patch alerts, and automated update recommendations using shadcn/ui and Framer Motion.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","separator"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-dependency-updates.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-dependency-updates.tsx"}]},{"name":"monitoring-tpu-usage-monitor","type":"registry:block","title":"Monitoring Tpu Usage Monitor","description":"Specialized Google Cloud TPU monitoring dashboard featuring tensor core utilization, HBM usage, and MXU execution analytics with shadcn/ui and Recharts.","dependencies":["framer-motion","recharts","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-tpu-usage-monitor.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-tpu-usage-monitor.tsx"}]},{"name":"monitoring-airflow-dag-status","type":"registry:block","title":"Monitoring Airflow Dag Status","description":"Advanced workflow monitoring dashboard featuring Airflow DAG execution history, task duration analysis, and pipeline health scores with shadcn/ui and Recharts.","dependencies":["framer-motion","recharts","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-airflow-dag-status.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-airflow-dag-status.tsx"}]},{"name":"monitoring-intercom-chat-activity","type":"registry:block","title":"Monitoring Intercom Chat Activity","description":"Compact dashboard for monitoring Intercom chat volume, active conversations, and support agent responsiveness with shadcn/ui and Framer Motion.","dependencies":["framer-motion","recharts","lucide-react"],"registryDependencies":["badge","separator"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-intercom-chat-activity.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-intercom-chat-activity.tsx"}]},{"name":"monitoring-endpoint-check","type":"registry:block","title":"Monitoring Endpoint Check","description":"Operational synthetic monitoring block featuring global endpoint health checks, response time trends, and regional availability status with shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-endpoint-check.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-endpoint-check.tsx"}]},{"name":"monitoring-job-scheduler","type":"registry:block","title":"Monitoring Job Scheduler","description":"A comprehensive dashboard for monitoring scheduled tasks and cron jobs with execution history and success rate tracking.","dependencies":["framer-motion","recharts","lucide-react"],"registryDependencies":["badge","separator"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-job-scheduler.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-job-scheduler.tsx"}]},{"name":"monitoring-domain-status","type":"registry:block","title":"Monitoring Domain Status","description":"Comprehensive domain monitoring block featuring DNS health checks, WHOIS expiry tracking, and global propagation status with shadcn/ui and Framer Motion.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-domain-status.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-domain-status.tsx"}]},{"name":"monitoring-error-rate","type":"registry:block","title":"Monitoring Error Rate","description":"Real-time error rate tracking dashboard featuring error frequency charts, status code distribution, and critical exception alerts with Recharts and shadcn/ui.","dependencies":["framer-motion","recharts","lucide-react"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-error-rate.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-error-rate.tsx"}]},{"name":"monitoring-prompt-performance-score","type":"registry:block","title":"Monitoring Prompt Performance Score","description":"Professional AI monitoring dashboard featuring prompt version comparison, output quality scores, and latency metrics with shadcn/ui and Framer Motion.","dependencies":["framer-motion","recharts","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-prompt-performance-score.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-prompt-performance-score.tsx"}]},{"name":"monitoring-snowflake-query-cost","type":"registry:block","title":"Monitoring Snowflake Query Cost","description":"Professional Snowflake monitoring dashboard featuring query cost analysis, warehouse credit usage, and expensive query tracking with shadcn/ui and Framer Motion.","dependencies":["framer-motion","recharts","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-snowflake-query-cost.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-snowflake-query-cost.tsx"}]},{"name":"monitoring-guardrails-violation-log","type":"registry:block","title":"Monitoring Guardrails Violation Log","description":"Professional AI safety monitoring dashboard featuring LLM guardrail violations, toxicity detection, and PII leakage logs with shadcn/ui and Framer Motion.","dependencies":["framer-motion","recharts","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-guardrails-violation-log.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-guardrails-violation-log.tsx"}]},{"name":"monitoring-web-vitals-score","type":"registry:block","title":"Monitoring Web Vitals Score","description":"Real-time Core Web Vitals monitoring dashboard featuring LCP, FID, and CLS scores with optimization recommendations using shadcn/ui and Framer Motion.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","separator"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-web-vitals-score.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-web-vitals-score.tsx"}]},{"name":"monitoring-data-pipeline-freshness","type":"registry:block","title":"Monitoring Data Pipeline Freshness","description":"Real-time data monitoring dashboard featuring pipeline latency tracking, data arrival trends, and SLA compliance scores with shadcn/ui and Framer Motion.","dependencies":["framer-motion","recharts","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-data-pipeline-freshness.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-data-pipeline-freshness.tsx"}]},{"name":"monitoring-p99-latency-chart","type":"registry:block","title":"Monitoring P99 Latency Chart","description":"A high-precision latency monitoring dashboard focusing on tail performance (P50, P95, P99) with multi-series trend analysis.","dependencies":["framer-motion","recharts","lucide-react"],"registryDependencies":["badge","separator"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-p99-latency-chart.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-p99-latency-chart.tsx"}]},{"name":"monitoring-environment-variables-check","type":"registry:block","title":"Monitoring Environment Variables Check","description":"Secure monitoring dashboard for environment variable consistency across deployments featuring status validation, masking, and drift detection using shadcn/ui and Framer Motion.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","separator"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-environment-variables-check.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-environment-variables-check.tsx"}]},{"name":"monitoring-api-latency","type":"registry:block","title":"Monitoring Api Latency","description":"API performance monitoring block featuring response time percentiles (P50, P95, P99) and endpoint-specific latency tracking with Recharts and shadcn/ui.","dependencies":["framer-motion","recharts","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-api-latency.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-api-latency.tsx"}]},{"name":"monitoring-kubernetes-pod-logs","type":"registry:block","title":"Monitoring Kubernetes Pod Logs","description":"Real-time log streaming dashboard for Kubernetes pods featuring log severity highlighting, search filtering, and pod selection using shadcn/ui and Framer Motion.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","separator"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-kubernetes-pod-logs.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-kubernetes-pod-logs.tsx"}]},{"name":"monitoring-disk-io","type":"registry:block","title":"Monitoring Disk Io","description":"Real-time storage performance monitoring block featuring dual-axis charts for read/write throughput, IOPS tracking, and disk latency metrics with Recharts and shadcn/ui.","dependencies":["framer-motion","recharts","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-disk-io.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-disk-io.tsx"}]},{"name":"monitoring-anthropic-token-count","type":"registry:block","title":"Monitoring Anthropic Token Count","description":"Advanced AI monitoring dashboard featuring Claude model token tracking, prompt-to-completion ratios, and cost attribution with shadcn/ui and Recharts.","dependencies":["framer-motion","recharts","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-anthropic-token-count.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-anthropic-token-count.tsx"}]},{"name":"monitoring-network-traffic","type":"registry:block","title":"Monitoring Network Traffic","description":"Real-time network monitoring block featuring mirrored area charts for inbound/outbound traffic, bandwidth utilization tracking, and packet loss metrics with Recharts and shadcn/ui.","dependencies":["framer-motion","recharts","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-network-traffic.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-network-traffic.tsx"}]},{"name":"monitoring-ssh-login-activity","type":"registry:block","title":"Monitoring Ssh Login Activity","description":"Real-time monitoring of SSH login attempts, active server sessions, and authentication failure trends using shadcn/ui and Framer Motion.","dependencies":["framer-motion","recharts","lucide-react"],"registryDependencies":["badge","separator"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-ssh-login-activity.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-ssh-login-activity.tsx"}]},{"name":"monitoring-kafka-consumer-lag","type":"registry:block","title":"Monitoring Kafka Consumer Lag","description":"Real-time Kafka monitoring dashboard featuring consumer group lag tracking, partition offset analysis, and message throughput metrics with shadcn/ui and Framer Motion.","dependencies":["framer-motion","recharts","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-kafka-consumer-lag.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-kafka-consumer-lag.tsx"}]},{"name":"monitoring-pinecone-index-status","type":"registry:block","title":"Monitoring Pinecone Index Status","description":"Advanced vector database monitoring dashboard featuring Pinecone index health, vector count tracking, and pod utilization metrics with shadcn/ui and Recharts.","dependencies":["framer-motion","recharts","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-pinecone-index-status.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-pinecone-index-status.tsx"}]},{"name":"monitoring-agent-reasoning-log","type":"registry:block","title":"Monitoring Agent Reasoning Log","description":"Advanced AI monitoring dashboard featuring LLM agent reasoning traces, thought-action-observation loops, and decision-making logs with shadcn/ui and Framer Motion.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-agent-reasoning-log.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-agent-reasoning-log.tsx"}]},{"name":"monitoring-cloudflare-stats","type":"registry:block","title":"Monitoring Cloudflare Stats","description":"An edge-network monitoring dashboard for Cloudflare, tracking request traffic, cache performance, and security threats in real-time.","dependencies":["framer-motion","recharts","lucide-react"],"registryDependencies":["badge","separator"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-cloudflare-stats.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-cloudflare-stats.tsx"}]},{"name":"monitoring-database-queries","type":"registry:block","title":"Monitoring Database Queries","description":"Database performance monitoring block featuring query volume charts, slow query tracking, and connection pool utilization with Recharts and shadcn/ui.","dependencies":["framer-motion","recharts","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-database-queries.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-database-queries.tsx"}]},{"name":"monitoring-audit-log-viewer","type":"registry:block","title":"Monitoring Audit Log Viewer","description":"Compact monitoring block for visualizing system audit logs, user action frequencies, and security event trends using shadcn/ui and Recharts.","dependencies":["framer-motion","recharts","lucide-react"],"registryDependencies":["badge","separator"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-audit-log-viewer.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-audit-log-viewer.tsx"}]},{"name":"monitoring-container-status","type":"registry:block","title":"Monitoring Container Status","description":"Real-time container monitoring dashboard featuring resource utilization metrics, health checks, and lifecycle status for Docker and Kubernetes environments using shadcn/ui and Framer Motion.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","separator"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-container-status.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-container-status.tsx"}]},{"name":"monitoring-fraud-detection-score","type":"registry:block","title":"Monitoring Fraud Detection Score","description":"Specialized monitoring dashboard for tracking transaction risk scores, blocked fraud attempts, and risk distribution metrics with shadcn/ui.","dependencies":["framer-motion","recharts","lucide-react"],"registryDependencies":["badge","separator"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-fraud-detection-score.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-fraud-detection-score.tsx"}]},{"name":"monitoring-git-commit-activity","type":"registry:block","title":"Monitoring Git Commit Activity","description":"A repository monitoring dashboard tracking commit frequency, author contributions, and code churn over time.","dependencies":["framer-motion","recharts","lucide-react"],"registryDependencies":["badge","separator"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-git-commit-activity.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-git-commit-activity.tsx"}]},{"name":"monitoring-page-speed-monitor","type":"registry:block","title":"Monitoring Page Speed Monitor","description":"Real-time page load speed monitoring dashboard featuring TTFB, FCP, and interactive trends with global geographic distribution using shadcn/ui and Framer Motion.","dependencies":["framer-motion","recharts","lucide-react"],"registryDependencies":["badge","separator"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-page-speed-monitor.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-page-speed-monitor.tsx"}]},{"name":"monitoring-access-control-changes","type":"registry:block","title":"Monitoring Access Control Changes","description":"Real-time monitoring for IAM and access control modifications, featuring role updates and permission change trends with shadcn/ui.","dependencies":["framer-motion","recharts","lucide-react"],"registryDependencies":["badge","separator"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-access-control-changes.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-access-control-changes.tsx"}]},{"name":"monitoring-kyc-compliance-check","type":"registry:block","title":"Monitoring Kyc Compliance Check","description":"Real-time monitoring of Know Your Customer (KYC) compliance status, user verification throughput, and compliance health using shadcn/ui.","dependencies":["framer-motion","recharts","lucide-react"],"registryDependencies":["badge","separator"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-kyc-compliance-check.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-kyc-compliance-check.tsx"}]},{"name":"monitoring-aws-cost-monitor","type":"registry:block","title":"Monitoring Aws Cost Monitor","description":"A financial monitoring dashboard for AWS infrastructure, tracking real-time spending, cost projections, and service-level budget distribution.","dependencies":["framer-motion","recharts","lucide-react"],"registryDependencies":["badge","separator"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-aws-cost-monitor.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-aws-cost-monitor.tsx"}]},{"name":"monitoring-ab-test-performance","type":"registry:block","title":"Monitoring Ab Test Performance","description":"Advanced product monitoring dashboard featuring experiment conversion tracking, statistical significance analysis, and variant performance comparison with shadcn/ui and Recharts.","dependencies":["framer-motion","recharts","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-ab-test-performance.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-ab-test-performance.tsx"}]},{"name":"monitoring-experimentation-dashboard-mini","type":"registry:block","title":"Monitoring Experimentation Dashboard Mini","description":"A compact experimentation dashboard for tracking A/B test performance, statistical significance, and conversion lifts using shadcn/ui and Recharts.","dependencies":["framer-motion","recharts","lucide-react"],"registryDependencies":["badge","separator"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-experimentation-dashboard-mini.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-experimentation-dashboard-mini.tsx"}]},{"name":"monitoring-redis-status","type":"registry:block","title":"Monitoring Redis Status","description":"A high-performance monitoring block for Redis instances, tracking memory usage, command throughput, and cache hit rates in real-time.","dependencies":["framer-motion","recharts","lucide-react"],"registryDependencies":["badge","separator"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-redis-status.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-redis-status.tsx"}]},{"name":"monitoring-user-feedback-sentiment","type":"registry:block","title":"Monitoring User Feedback Sentiment","description":"Real-time sentiment analysis dashboard for monitoring user feedback trends and customer satisfaction metrics with shadcn/ui and Framer Motion.","dependencies":["framer-motion","recharts","lucide-react"],"registryDependencies":["badge","separator"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-user-feedback-sentiment.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-user-feedback-sentiment.tsx"}]},{"name":"monitoring-memory-usage","type":"registry:block","title":"Monitoring Memory Usage","description":"Comprehensive memory monitoring block featuring stacked area charts for heap and resident set size (RSS), memory leak detection, and cache efficiency metrics with Recharts and shadcn/ui.","dependencies":["framer-motion","recharts","lucide-react"],"registryDependencies":["progress"],"premium":true,"files":[{"path":"blocks/monitoring/monitoring-memory-usage.tsx","type":"registry:block","target":"components/blocks/monitoring/monitoring-memory-usage.tsx"}]},{"name":"reviews-sentiment-badges","type":"registry:block","title":"Reviews Sentiment Badges","description":"AI-powered sentiment analysis badges for React and Next.js reviews with five sentiment categories, animated filter chips, confidence scores, and keyword extraction using shadcn/ui Badge, Tooltip, and Tailwind CSS.","dependencies":["motion","lucide-react"],"registryDependencies":["badge","tooltip"],"premium":true,"files":[{"path":"blocks/reviews/reviews-sentiment-badges.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-sentiment-badges.tsx"}]},{"name":"reviews-compact-stars","type":"registry:block","title":"Reviews Compact Stars","description":"An ultra-compact star rating widget built with React, Next.js, shadcn/ui, and Tailwind CSS. Features animated star fill on mount, inline rating summary, review count breakdown, and embeddable snippet layout with motion/react transitions.","dependencies":["motion","lucide-react"],"registryDependencies":["tooltip"],"premium":true,"files":[{"path":"blocks/reviews/reviews-compact-stars.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-compact-stars.tsx"}]},{"name":"reviews-customer-stories","type":"registry:block","title":"Reviews Customer Stories","description":"A customer stories block for React and Next.js with before-after metrics, quote highlights, company logos, and staggered card stack layout built with shadcn/ui Avatar, Badge, Button components and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge"],"premium":true,"files":[{"path":"blocks/reviews/reviews-customer-stories.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-customer-stories.tsx"}]},{"name":"reviews-benchmark-compare","type":"registry:block","title":"Reviews Benchmark Compare","description":"A side-by-side product review benchmark comparison block for React and Next.js with split-panel layout, criteria ratings, win/loss indicators, and animated bar charts built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/reviews/reviews-benchmark-compare.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-benchmark-compare.tsx"}]},{"name":"reviews-category-ratings","type":"registry:block","title":"Reviews Category Ratings","description":"A multi-category rating breakdown block for React and Next.js with animated horizontal bars, weighted score calculations, trend indicators, and reviewer highlights built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge","tooltip"],"premium":true,"files":[{"path":"blocks/reviews/reviews-category-ratings.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-category-ratings.tsx"}]},{"name":"reviews-trend-overview","type":"registry:block","title":"Reviews Trend Overview","description":"A review analytics trend dashboard for React and Next.js with period comparison metrics, SVG sparkline charts, rating distribution bars, and category breakdowns built with shadcn/ui and Tailwind CSS.","dependencies":["motion","lucide-react"],"registryDependencies":["badge","tabs","tooltip"],"premium":true,"files":[{"path":"blocks/reviews/reviews-trend-overview.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-trend-overview.tsx"}]},{"name":"reviews-location-based","type":"registry:block","title":"Reviews Location Based","description":"A geographic review aggregation component for React and Next.js with region cards showing average ratings, review counts, sentiment indicators, top reviewer highlights, and expandable review lists per location built with shadcn/ui Avatar, Badge, and Collapsible components, motion/react animations, and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge"],"premium":true,"files":[{"path":"blocks/reviews/reviews-location-based.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-location-based.tsx"}]},{"name":"reviews-quick-rating","type":"registry:block","title":"Reviews Quick Rating","description":"A compact one-tap quick rating widget for React and Next.js with animated star selector, emoji sentiment feedback, optional comment input, and submission confirmation built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button","textarea"],"premium":true,"files":[{"path":"blocks/reviews/reviews-quick-rating.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-quick-rating.tsx"}]},{"name":"reviews-checkout-prompt","type":"registry:block","title":"Reviews Checkout Prompt","description":"A conversion-focused review prompt block for React and Next.js with social proof counter, star rating selector, mini featured quote, and urgency indicators built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge","button","textarea"],"premium":true,"files":[{"path":"blocks/reviews/reviews-checkout-prompt.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-checkout-prompt.tsx"}]},{"name":"reviews-email-request","type":"registry:block","title":"Reviews Email Request","description":"A post-purchase review request email template builder for React and Next.js with subject line editing, timing controls, star rating CTA, and live email preview built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","input","tabs"],"premium":true,"files":[{"path":"blocks/reviews/reviews-email-request.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-email-request.tsx"}]},{"name":"reviews-helpful-votes","type":"registry:block","title":"Reviews Helpful Votes","description":"A review list with interactive helpful voting for React and Next.js featuring animated vote counts, user vote state tracking, auto-sorting by helpfulness score, verified badges, and vote percentage indicators built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/reviews/reviews-helpful-votes.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-helpful-votes.tsx"}]},{"name":"reviews-expert-editorial","type":"registry:block","title":"Reviews Expert Editorial","description":"A magazine-style expert editorial review layout for React and Next.js with sidebar section navigation, pull quotes, category scoring with progress bars, and pros-cons analysis built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/reviews/reviews-expert-editorial.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-expert-editorial.tsx"}]},{"name":"reviews-approval-workflow","type":"registry:block","title":"Reviews Approval Workflow","description":"A multi-column review moderation pipeline for React and Next.js with pending, approved, and rejected columns, drag-style card transitions, bulk actions, and status badges built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","checkbox"],"premium":true,"files":[{"path":"blocks/reviews/reviews-approval-workflow.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-approval-workflow.tsx"}]},{"name":"reviews-year-in-review","type":"registry:block","title":"Reviews Year In Review","description":"An annual review recap dashboard for React and Next.js with bento grid layout, monthly rating trends, milestone achievements, top reviews, and community stats built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge","progress","tabs"],"premium":true,"files":[{"path":"blocks/reviews/reviews-year-in-review.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-year-in-review.tsx"}]},{"name":"reviews-keyword-mentions","type":"registry:block","title":"Reviews Keyword Mentions","description":"A keyword frequency analysis component for React and Next.js with weighted tag cloud, sentiment-colored keywords, click-to-filter interaction, mention frequency bars, and filtered review list built with shadcn/ui Badge and Tooltip components, motion/react animations, and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","tooltip"],"premium":true,"files":[{"path":"blocks/reviews/reviews-keyword-mentions.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-keyword-mentions.tsx"}]},{"name":"reviews-social-feed","type":"registry:block","title":"Reviews Social Feed","description":"An interactive social media-style review feed for React and Next.js with like toggle, comment thread expansion, bookmark save, share action, reply input, image attachments, and engagement metrics built with shadcn/ui Avatar, Button, and Input components, motion/react AnimatePresence animations, and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","button","input"],"premium":true,"files":[{"path":"blocks/reviews/reviews-social-feed.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-social-feed.tsx"}]},{"name":"reviews-timeline-feed","type":"registry:block","title":"Reviews Timeline Feed","description":"A chronological review timeline for React and Next.js with vertical date markers, animated review cards, verified badges, star ratings, helpful vote counts, and expandable replies built with shadcn/ui Avatar, Badge, and Button components and Tailwind CSS.","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/reviews/reviews-timeline-feed.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-timeline-feed.tsx"}]},{"name":"reviews-media-carousel","type":"registry:block","title":"Reviews Media Carousel","description":"A visual-first review media carousel block for React and Next.js with horizontal scrolling photo and video thumbnails, expandable review detail panel, media type filters, lightbox-style selection, and smooth scroll animations built with shadcn/ui Badge and Button components, motion/react animations, and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/reviews/reviews-media-carousel.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-media-carousel.tsx"}]},{"name":"reviews-testimonial-slider","type":"registry:block","title":"Reviews Testimonial Slider","description":"A premium testimonial slider for React and Next.js with animated slide transitions, large quote typography, author photos, company branding, star ratings, and keyboard-navigable arrows built with shadcn/ui Button and Tailwind CSS.","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/reviews/reviews-testimonial-slider.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-testimonial-slider.tsx"}]},{"name":"reviews-pros-cons","type":"registry:block","title":"Reviews Pros Cons","description":"A React split pros and cons review summary for Next.js with two-column layout, vote counts per item, aggregated themes, and contributor avatars using shadcn/ui Avatar, Badge, Button and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/reviews/reviews-pros-cons.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-pros-cons.tsx"}]},{"name":"reviews-response-rate-panel","type":"registry:block","title":"Reviews Response Rate Panel","description":"A React merchant response rate analytics dashboard for Next.js with sidebar navigation, response time metrics, SLA compliance gauge, agent performance table, and pending review queue built with shadcn/ui Table, Badge, Progress components, motion/react animations, and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/reviews/reviews-response-rate-panel.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-response-rate-panel.tsx"}]},{"name":"reviews-nps-display","type":"registry:block","title":"Reviews Nps Display","description":"A React Net Promoter Score dashboard for Next.js with animated score gauge, promoter/passive/detractor segmentation, monthly trend sparkline, and response drill-down built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"registryDependencies":["avatar","badge","tooltip"],"premium":true,"files":[{"path":"blocks/reviews/reviews-nps-display.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-nps-display.tsx"}]},{"name":"reviews-question-answer","type":"registry:block","title":"Reviews Question Answer","description":"A React Q&A-style review block for Next.js with threaded questions, community and seller answers, upvoting, official answer badges, and search filtering using shadcn/ui Badge, Button, Input and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/reviews/reviews-question-answer.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-question-answer.tsx"}]},{"name":"reviews-moderation-queue","type":"registry:block","title":"Reviews Moderation Queue","description":"A React review moderation queue for Next.js with timeline-style severity indicators, approve/reject/escalate actions, flag reason context, and animated card transitions built with shadcn/ui Button, Badge, Avatar components, motion/react animations, and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/reviews/reviews-moderation-queue.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-moderation-queue.tsx"}]},{"name":"reviews-infinite-scroll","type":"registry:block","title":"Reviews Infinite Scroll","description":"A fixed-height scrollable review list for React and Next.js with load-more simulation, skeleton loading placeholders, smooth entrance animations, and helpful vote interactions. Built with shadcn/ui Button, Badge, Skeleton, and Tailwind CSS.","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","skeleton"],"premium":true,"files":[{"path":"blocks/reviews/reviews-infinite-scroll.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-infinite-scroll.tsx"}]},{"name":"reviews-collection-widget","type":"registry:block","title":"Reviews Collection Widget","description":"An embeddable review collection widget for React and Next.js with multi-step star rating, category criteria, photo upload zone, and animated form progression built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","progress","textarea"],"premium":true,"files":[{"path":"blocks/reviews/reviews-collection-widget.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-collection-widget.tsx"}]},{"name":"reviews-upvote-system","type":"registry:block","title":"Reviews Upvote System","description":"A Reddit-style review upvote system for React and Next.js with animated vote counts, sorting by score, reply threading, and award badges built with shadcn/ui and Tailwind CSS.","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","tooltip"],"premium":true,"files":[{"path":"blocks/reviews/reviews-upvote-system.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-upvote-system.tsx"}]},{"name":"reviews-insight-metrics","type":"registry:block","title":"Reviews Insight Metrics","description":"A bento grid analytics dashboard for React and Next.js with sentiment gauge, NPS score, response time tracking, review volume sparklines, and period comparison built with shadcn/ui Tabs and Badge components, motion/react animations, and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","tabs"],"premium":true,"files":[{"path":"blocks/reviews/reviews-insight-metrics.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-insight-metrics.tsx"}]},{"name":"reviews-request-prompt","type":"registry:block","title":"Reviews Request Prompt","description":"A React review request prompt for Next.js with interactive star rating selector, quick feedback tags, optional text area, animated submission flow, and delivery confirmation built with shadcn/ui Button, Badge, Textarea components, motion/react animations, and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","textarea"],"premium":true,"files":[{"path":"blocks/reviews/reviews-request-prompt.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-request-prompt.tsx"}]},{"name":"reviews-distribution-bars","type":"registry:block","title":"Reviews Distribution Bars","description":"A rating distribution bars block for React and Next.js with animated bar fills, star-level percentages, satisfaction labels, hover interaction, and aggregate statistics built with shadcn/ui Badge, Button components and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/reviews/reviews-distribution-bars.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-distribution-bars.tsx"}]},{"name":"reviews-tagged-categories","type":"registry:block","title":"Reviews Tagged Categories","description":"A sidebar-driven tagged category review browser for React and Next.js with a tag frequency sidebar, click-to-filter navigation, tag pills on reviews, and staggered animations built with shadcn/ui Avatar, Badge, and Separator components and Tailwind CSS.","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge","separator"],"premium":true,"files":[{"path":"blocks/reviews/reviews-tagged-categories.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-tagged-categories.tsx"}]},{"name":"reviews-accordion-expandable","type":"registry:block","title":"Reviews Accordion Expandable","description":"A premium expandable review accordion block for React and Next.js with smooth AnimatePresence height animations, staggered entrance transitions, star ratings with author avatars, chevron rotation, and helpful vote interactions. Built with shadcn/ui and Tailwind CSS.","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/reviews/reviews-accordion-expandable.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-accordion-expandable.tsx"}]},{"name":"reviews-flagged-queue","type":"registry:block","title":"Reviews Flagged Queue","description":"A flagged review moderation queue block for React and Next.js with severity levels, flag reasons, reporter details, timeline layout, and dismiss/remove actions built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/reviews/reviews-flagged-queue.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-flagged-queue.tsx"}]},{"name":"reviews-avatar-stack","type":"registry:block","title":"Reviews Avatar Stack","description":"A social proof avatar stack widget for React and Next.js with animated overlapping reviewer avatars, rating summary, recent reviewer names, and category breakdown built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar"],"premium":true,"files":[{"path":"blocks/reviews/reviews-avatar-stack.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-avatar-stack.tsx"}]},{"name":"reviews-heatmap-activity","type":"registry:block","title":"Reviews Heatmap Activity","description":"A GitHub-style review activity heatmap for React and Next.js with color-coded cells, interactive hover tooltips, month labels, weekday axis, summary statistics, and streak tracking built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","tooltip"],"premium":true,"files":[{"path":"blocks/reviews/reviews-heatmap-activity.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-heatmap-activity.tsx"}]},{"name":"reviews-service-provider","type":"registry:block","title":"Reviews Service Provider","description":"A service provider review block for React and Next.js with provider profile sidebar, multi-criteria ratings, verified hire badges, service tags, and response time stats using shadcn/ui Avatar, Progress, Badge, and Tailwind CSS.","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge","progress","separator"],"premium":true,"files":[{"path":"blocks/reviews/reviews-service-provider.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-service-provider.tsx"}]},{"name":"reviews-long-form-review","type":"registry:block","title":"Reviews Long Form Review","description":"A long-form editorial review block for React and Next.js with sidebar table of contents navigation, section anchors, verdict box, pros and cons summary, and reading progress built with shadcn/ui Badge and Button components, motion/react animations, and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/reviews/reviews-long-form-review.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-long-form-review.tsx"}]},{"name":"reviews-filter-sort-bar","type":"registry:block","title":"Reviews Filter Sort Bar","description":"A reviews filter and sort toolbar block for React and Next.js with rating dropdowns, verified toggle, date range select, sort options, active filter badges, and live result counts built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/reviews/reviews-filter-sort-bar.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-filter-sort-bar.tsx"}]},{"name":"reviews-recent-activity","type":"registry:block","title":"Reviews Recent Activity","description":"A real-time review activity timeline feed for React and Next.js with color-coded event types, product context, rating displays, avatar indicators, and expandable detail panels built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/reviews/reviews-recent-activity.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-recent-activity.tsx"}]},{"name":"reviews-hotel-travel","type":"registry:block","title":"Reviews Hotel Travel","description":"A split-panel hotel review block for React and Next.js with category bar ratings, trip metadata badges, room type indicators, and expandable guest comments. Built with shadcn/ui Badge, Progress, Tabs, and Tailwind CSS.","dependencies":["motion","lucide-react"],"registryDependencies":["badge","progress","tabs"],"premium":true,"files":[{"path":"blocks/reviews/reviews-hotel-travel.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-hotel-travel.tsx"}]},{"name":"reviews-reviewer-profile","type":"registry:block","title":"Reviews Reviewer Profile","description":"A sidebar-and-content reviewer profile page for React and Next.js with avatar, expertise badges, review stats, activity timeline, and top reviews list built with shadcn/ui Avatar, Badge, and Progress components and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge","progress"],"premium":true,"files":[{"path":"blocks/reviews/reviews-reviewer-profile.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-reviewer-profile.tsx"}]},{"name":"reviews-tabbed-sections","type":"registry:block","title":"Reviews Tabbed Sections","description":"A tabbed review organization block for React and Next.js with animated content transitions between Most Recent, Most Helpful, Highest Rated, Lowest Rated, and With Photos tabs using shadcn/ui Avatar, Badge, and Tabs components and Tailwind CSS.","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge","separator"],"premium":true,"files":[{"path":"blocks/reviews/reviews-tabbed-sections.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-tabbed-sections.tsx"}]},{"name":"reviews-star-rating-grid","type":"registry:block","title":"Reviews Star Rating Grid","description":"A product rating comparison grid block for React and Next.js with star ratings, review counts, category scores, sort controls, and hover detail panels built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","select"],"premium":true,"files":[{"path":"blocks/reviews/reviews-star-rating-grid.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-star-rating-grid.tsx"}]},{"name":"reviews-top-reviewers","type":"registry:block","title":"Reviews Top Reviewers","description":"A gamified top reviewers leaderboard for React and Next.js with podium top-three display, ranked contributor list, expertise badges, helpfulness scores, progress bars toward next tier, and time period filtering built with shadcn/ui Badge and Button components and Tailwind CSS.","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/reviews/reviews-top-reviewers.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-top-reviewers.tsx"}]},{"name":"reviews-progress-tracker","type":"registry:block","title":"Reviews Progress Tracker","description":"A React review collection progress dashboard for Next.js with animated goal tracking, milestone timeline, weekly velocity chart, and gamified badges using shadcn/ui Progress, Badge, Button and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","progress"],"premium":true,"files":[{"path":"blocks/reviews/reviews-progress-tracker.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-progress-tracker.tsx"}]},{"name":"reviews-snippet-cards","type":"registry:block","title":"Reviews Snippet Cards","description":"A responsive review snippet card grid for React and Next.js with featured highlight card, star ratings, verified badges, product tags, helpful counts, and staggered entrance animations built with shadcn/ui Badge and Avatar components, motion/react, and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge"],"premium":true,"files":[{"path":"blocks/reviews/reviews-snippet-cards.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-snippet-cards.tsx"}]},{"name":"reviews-restaurant-food","type":"registry:block","title":"Reviews Restaurant Food","description":"A bento grid restaurant review block for React and Next.js with cuisine tags, dish photo cards, multi-criteria radar-style scores, price tier indicator, and atmosphere badges built with shadcn/ui Avatar, Badge, and Progress components and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge","progress"],"premium":true,"files":[{"path":"blocks/reviews/reviews-restaurant-food.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-restaurant-food.tsx"}]},{"name":"reviews-community-aggregate","type":"registry:block","title":"Reviews Community Aggregate","description":"A multi-source community aggregate review block for React and Next.js with platform score cards, weighted average calculation, and distribution breakdown built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","tooltip"],"premium":true,"files":[{"path":"blocks/reviews/reviews-community-aggregate.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-community-aggregate.tsx"}]},{"name":"reviews-aggregate-score","type":"registry:block","title":"Reviews Aggregate Score","description":"A premium bento-style aggregate review score block for React and Next.js featuring a prominent score display, star visualization, five-tier rating distribution bars with animated fill widths, recent sentiment breakdown with progress indicators, and category sub-ratings. Built with shadcn/ui and Tailwind CSS.","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/reviews/reviews-aggregate-score.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-aggregate-score.tsx"}]},{"name":"reviews-search-reviews","type":"registry:block","title":"Reviews Search Reviews","description":"A full-text review search block for React and Next.js with live filtering, text highlighting, faceted sidebar filters, and result stats using shadcn/ui Input, Badge, Checkbox, and Tailwind CSS.","dependencies":["motion","lucide-react"],"registryDependencies":["badge","checkbox","input","separator"],"premium":true,"files":[{"path":"blocks/reviews/reviews-search-reviews.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-search-reviews.tsx"}]},{"name":"reviews-summary-header","type":"registry:block","title":"Reviews Summary Header","description":"A hero-style review summary header block for React and Next.js with large rating display, animated star distribution, key satisfaction metrics, category breakdown, and write-review CTA built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","separator"],"premium":true,"files":[{"path":"blocks/reviews/reviews-summary-header.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-summary-header.tsx"}]},{"name":"reviews-photo-wall","type":"registry:block","title":"Reviews Photo Wall","description":"A React dense photo wall mosaic for Next.js with asymmetric bento grid layout, hover-to-reveal reviewer details, star ratings, and photo count overlays built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","tooltip"],"premium":true,"files":[{"path":"blocks/reviews/reviews-photo-wall.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-photo-wall.tsx"}]},{"name":"reviews-write-form","type":"registry:block","title":"Reviews Write Form","description":"A rich review writing form for React and Next.js with interactive star rating, pros and cons inputs, photo upload with preview, character counter, and submit validation built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","input","progress","textarea"],"premium":true,"files":[{"path":"blocks/reviews/reviews-write-form.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-write-form.tsx"}]},{"name":"reviews-recommendation-rate","type":"registry:block","title":"Reviews Recommendation Rate","description":"A React recommendation rate visualization for Next.js with animated percentage ring, yes/no split bar, monthly trend sparkline, and segment breakdown built with shadcn/ui Tooltip and Tailwind CSS","dependencies":["motion"],"registryDependencies":["tooltip"],"premium":true,"files":[{"path":"blocks/reviews/reviews-recommendation-rate.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-recommendation-rate.tsx"}]},{"name":"reviews-course-education","type":"registry:block","title":"Reviews Course Education","description":"A course review display for education platforms built with React, Next.js, shadcn/ui, and Tailwind CSS. Features sidebar curriculum navigation, instructor rating, skill progression bars, student reviews with difficulty badges, and learning outcome indicators with motion/react animations.","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge"],"premium":true,"files":[{"path":"blocks/reviews/reviews-course-education.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-course-education.tsx"}]},{"name":"reviews-highlight-quotes","type":"registry:block","title":"Reviews Highlight Quotes","description":"A pull-quote showcase block for React and Next.js with large typography featured quotes, animated carousel navigation, source attribution, star ratings, and a compact quote selector panel built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge"],"premium":true,"files":[{"path":"blocks/reviews/reviews-highlight-quotes.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-highlight-quotes.tsx"}]},{"name":"reviews-rating-breakdown","type":"registry:block","title":"Reviews Rating Breakdown","description":"A detailed rating breakdown analytics panel for React and Next.js with per-category scores, star distribution bars, comparison to category averages, and time period filtering built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/reviews/reviews-rating-breakdown.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-rating-breakdown.tsx"}]},{"name":"reviews-split-view","type":"registry:block","title":"Reviews Split View","description":"A split-panel review comparison block for React and Next.js with selectable reviews, side-by-side detail view, highlighted differences, and sentiment indicators built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/reviews/reviews-split-view.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-split-view.tsx"}]},{"name":"reviews-compact-list","type":"registry:block","title":"Reviews Compact List","description":"A dense scannable review list block for React and Next.js with inline ratings, helpful vote counts, verified badges, and sort controls built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","select"],"premium":true,"files":[{"path":"blocks/reviews/reviews-compact-list.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-compact-list.tsx"}]},{"name":"reviews-photo-grid-gallery","type":"registry:block","title":"Reviews Photo Grid Gallery","description":"A React photo gallery component for Next.js displaying customer review images in a responsive grid with click-to-expand detail overlay, star ratings, and category filters built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/reviews/reviews-photo-grid-gallery.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-photo-grid-gallery.tsx"}]},{"name":"reviews-export-panel","type":"registry:block","title":"Reviews Export Panel","description":"An admin export panel for React and Next.js with format selection, date range filtering, field picker, export history table, and download management built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","checkbox","input","table"],"premium":true,"files":[{"path":"blocks/reviews/reviews-export-panel.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-export-panel.tsx"}]},{"name":"reviews-notification-feed","type":"registry:block","title":"Reviews Notification Feed","description":"A React review notification feed for Next.js with timeline-style event layout, icon-per-event-type indicators, grouped timestamps, mark-as-read interactions, and animated entry transitions built with shadcn/ui Button, Badge, Avatar components, motion/react staggered animations, and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/reviews/reviews-notification-feed.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-notification-feed.tsx"}]},{"name":"reviews-settings-config","type":"registry:block","title":"Reviews Settings Config","description":"A review system admin settings panel for React and Next.js with sidebar navigation, toggle switches for moderation, auto-publish, email notifications, display preferences, and spam filter configuration using shadcn/ui Switch, Select, and Tailwind CSS.","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","select","separator","switch"],"premium":true,"files":[{"path":"blocks/reviews/reviews-settings-config.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-settings-config.tsx"}]},{"name":"reviews-translation-view","type":"registry:block","title":"Reviews Translation View","description":"A multilingual review translation view for React and Next.js with split-panel original and translated text, language detection badges, and animated toggle transitions built with shadcn/ui and Tailwind CSS.","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","select","tooltip"],"premium":true,"files":[{"path":"blocks/reviews/reviews-translation-view.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-translation-view.tsx"}]},{"name":"reviews-star-histogram","type":"registry:block","title":"Reviews Star Histogram","description":"An interactive star rating histogram block for React and Next.js with animated distribution bars, click-to-filter reviews, sentiment breakdown, and review preview list built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","separator"],"premium":true,"files":[{"path":"blocks/reviews/reviews-star-histogram.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-star-histogram.tsx"}]},{"name":"reviews-comparison-panel","type":"registry:block","title":"Reviews Comparison Panel","description":"A side-by-side product review comparison panel built with React, Next.js, shadcn/ui, and Tailwind CSS. Features split-panel layout with per-category winner highlighting, animated distribution bars, pros/cons lists, and customer review excerpts with motion/react transitions.","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/reviews/reviews-comparison-panel.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-comparison-panel.tsx"}]},{"name":"reviews-multi-criteria","type":"registry:block","title":"Reviews Multi Criteria","description":"A React multi-criteria product review block for Next.js with weighted score dimensions, horizontal bar visualization, overall computed score, individual reviewer breakdowns, and helpful vote counts built with shadcn/ui Progress, Avatar, Tabs, Badge components, motion/react animations, and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge","button","progress","tabs"],"premium":true,"files":[{"path":"blocks/reviews/reviews-multi-criteria.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-multi-criteria.tsx"}]},{"name":"reviews-survey-results","type":"registry:block","title":"Reviews Survey Results","description":"A post-purchase survey results dashboard for React and Next.js with NPS scoring, response distribution bars, completion rate tracking, and question-level breakdowns built with shadcn/ui Progress and Badge components and Tailwind CSS.","dependencies":["motion","lucide-react"],"registryDependencies":["badge","progress","separator"],"premium":true,"files":[{"path":"blocks/reviews/reviews-survey-results.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-survey-results.tsx"}]},{"name":"reviews-rating-card-widget","type":"registry:block","title":"Reviews Rating Card Widget","description":"An embeddable compact rating card widget for React and Next.js with circular score indicator, star display, review highlights, mini distribution bars, and call-to-action button built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button","separator"],"premium":true,"files":[{"path":"blocks/reviews/reviews-rating-card-widget.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-rating-card-widget.tsx"}]},{"name":"reviews-inline-rating-widget","type":"registry:block","title":"Reviews Inline Rating Widget","description":"A compact interactive star rating widget for React and Next.js with hover previews, one-line comment input, submission feedback, and embedded product context. Built with shadcn/ui Input, Button, Popover, and Tailwind CSS.","dependencies":["motion","lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/reviews/reviews-inline-rating-widget.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-inline-rating-widget.tsx"}]},{"name":"reviews-testimonial-wall","type":"registry:block","title":"Reviews Testimonial Wall","description":"A masonry testimonial wall for React and Next.js with staggered entrance animations, varied card sizes, hover-to-reveal author details, star ratings, and industry badges built with shadcn/ui Badge and Avatar components and Tailwind CSS.","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/reviews/reviews-testimonial-wall.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-testimonial-wall.tsx"}]},{"name":"reviews-highlighted-phrases","type":"registry:block","title":"Reviews Highlighted Phrases","description":"An AI-powered phrase extraction review block for React and Next.js with inline highlighted text spans, sentiment-colored phrase badges, filterable phrase cloud, review cards with annotated text, and phrase frequency counts built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge","scroll-area"],"premium":true,"files":[{"path":"blocks/reviews/reviews-highlighted-phrases.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-highlighted-phrases.tsx"}]},{"name":"reviews-emoji-reactions","type":"registry:block","title":"Reviews Emoji Reactions","description":"A social-media inspired review list with toggleable emoji reaction buttons for React and Next.js featuring animated counts, reaction summaries, and author avatars built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","tooltip"],"premium":true,"files":[{"path":"blocks/reviews/reviews-emoji-reactions.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-emoji-reactions.tsx"}]},{"name":"reviews-response-templates","type":"registry:block","title":"Reviews Response Templates","description":"A split-panel response template manager for React and Next.js with category sidebar, template preview, variable placeholders, copy-to-clipboard, and usage stats built with shadcn/ui Badge, Button, Input, and Textarea components and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","input","textarea"],"premium":true,"files":[{"path":"blocks/reviews/reviews-response-templates.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-response-templates.tsx"}]},{"name":"reviews-featured-carousel","type":"registry:block","title":"Reviews Featured Carousel","description":"A featured reviews carousel block for React and Next.js with AnimatePresence slide transitions, dot indicators, prev/next navigation, star ratings, and verified badges built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/reviews/reviews-featured-carousel.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-featured-carousel.tsx"}]},{"name":"reviews-multi-step-form","type":"registry:block","title":"Reviews Multi Step Form","description":"A React multi-step review submission wizard for Next.js with animated step transitions, star rating with hover preview, title and body text inputs, photo upload slots, tag selection, and a summary confirmation step built with shadcn/ui Button, Input, Textarea, Badge components, motion/react AnimatePresence transitions, and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","input","textarea"],"premium":true,"files":[{"path":"blocks/reviews/reviews-multi-step-form.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-multi-step-form.tsx"}]},{"name":"reviews-detailed-breakdown","type":"registry:block","title":"Reviews Detailed Breakdown","description":"A detailed rating breakdown block for React and Next.js with category scores, expandable criteria sections, trend sparklines, keyword analysis, and overall verdict built with shadcn/ui Badge, Button, Separator components and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","separator"],"premium":true,"files":[{"path":"blocks/reviews/reviews-detailed-breakdown.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-detailed-breakdown.tsx"}]},{"name":"reviews-verified-purchases","type":"registry:block","title":"Reviews Verified Purchases","description":"A verified purchase review timeline for React and Next.js with order details, trust scores, purchase receipts, and authenticity badges built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge","progress","tooltip"],"premium":true,"files":[{"path":"blocks/reviews/reviews-verified-purchases.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-verified-purchases.tsx"}]},{"name":"reviews-satisfaction-meter","type":"registry:block","title":"Reviews Satisfaction Meter","description":"An animated CSAT satisfaction gauge visualization for React and Next.js with SVG arc meter, satisfaction level breakdown, trend indicator, period comparison, and response segmentation built with shadcn/ui Badge component, motion/react animations, and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/reviews/reviews-satisfaction-meter.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-satisfaction-meter.tsx"}]},{"name":"reviews-ai-summary","type":"registry:block","title":"Reviews Ai Summary","description":"A premium AI-generated review summary block for React and Next.js with sentiment score analysis, extracted key themes with mention counts, pros and cons split panel, confidence indicators, and supporting review quotes with staggered entrance animations. Built with shadcn/ui and Tailwind CSS.","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge"],"premium":true,"files":[{"path":"blocks/reviews/reviews-ai-summary.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-ai-summary.tsx"}]},{"name":"reviews-criteria-spider","type":"registry:block","title":"Reviews Criteria Spider","description":"A multi-criteria radar chart review visualization built with React, Next.js, shadcn/ui, and Tailwind CSS. Features an animated SVG spider/radar polygon with 6 scored dimensions, comparison overlay, score legend, and written review summary using pure CSS and SVG with motion/react draw-in animation.","dependencies":["motion"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/reviews/reviews-criteria-spider.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-criteria-spider.tsx"}]},{"name":"reviews-detailed-card","type":"registry:block","title":"Reviews Detailed Card","description":"A detailed review card block for React and Next.js with author profile, verified purchase badge, star ratings, photo gallery, pros and cons, helpful voting with animation, and merchant reply thread built with shadcn/ui Avatar, Badge, Button components and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/reviews/reviews-detailed-card.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-detailed-card.tsx"}]},{"name":"reviews-merchant-dashboard","type":"registry:block","title":"Reviews Merchant Dashboard","description":"A merchant review management dashboard block for React and Next.js with bento grid stats overview, response rate indicator, pending replies queue with inline reply input, sentiment breakdown, and recent activity feed built with shadcn/ui Avatar, Badge, Button, and Input components, motion/react animations, and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge","button","input"],"premium":true,"files":[{"path":"blocks/reviews/reviews-merchant-dashboard.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-merchant-dashboard.tsx"}]},{"name":"reviews-reply-thread","type":"registry:block","title":"Reviews Reply Thread","description":"A React threaded review conversation block for Next.js with nested merchant replies, inline reply composer, helpful vote counters, and animated message threads built with shadcn/ui Avatar, Button, Textarea components, motion/react animations, and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge","button","textarea"],"premium":true,"files":[{"path":"blocks/reviews/reviews-reply-thread.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-reply-thread.tsx"}]},{"name":"reviews-paginated-list","type":"registry:block","title":"Reviews Paginated List","description":"A React paginated reviews component for Next.js with animated page transitions, star ratings, verified badges, per-page selector, and keyboard-navigable pagination controls built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/reviews/reviews-paginated-list.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-paginated-list.tsx"}]},{"name":"reviews-bulk-actions","type":"registry:block","title":"Reviews Bulk Actions","description":"An admin bulk review moderation panel for React and Next.js with selectable data table rows, sticky action toolbar, status filtering, and animated state transitions built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button","checkbox","input","table"],"premium":true,"files":[{"path":"blocks/reviews/reviews-bulk-actions.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-bulk-actions.tsx"}]},{"name":"reviews-analytics-summary","type":"registry:block","title":"Reviews Analytics Summary","description":"A bento grid analytics dashboard for React and Next.js displaying total reviews, average rating, response rate, sentiment score, rating distribution, and trend indicators built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","tooltip"],"premium":true,"files":[{"path":"blocks/reviews/reviews-analytics-summary.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-analytics-summary.tsx"}]},{"name":"reviews-featured-pinned","type":"registry:block","title":"Reviews Featured Pinned","description":"A featured pinned reviews management block for React and Next.js with pin/unpin toggle actions, drag-to-reorder visual, priority ordering, and admin controls built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/reviews/reviews-featured-pinned.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-featured-pinned.tsx"}]},{"name":"reviews-social-proof-banner","type":"registry:block","title":"Reviews Social Proof Banner","description":"A compact horizontal social proof banner strip for React and Next.js with avatar stack, animated review counter, star rating, trust badges, recent activity ticker, and embeddable strip layout built with shadcn/ui Avatar and Badge components, motion/react animations, and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge"],"premium":true,"files":[{"path":"blocks/reviews/reviews-social-proof-banner.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-social-proof-banner.tsx"}]},{"name":"reviews-app-store","type":"registry:block","title":"Reviews App Store","description":"A mobile app store review display for React and Next.js with large rating number, star histogram, version filtering, developer responses, and helpful voting built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge","button","select"],"premium":true,"files":[{"path":"blocks/reviews/reviews-app-store.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-app-store.tsx"}]},{"name":"reviews-badge-ranks","type":"registry:block","title":"Reviews Badge Ranks","description":"A gamification reviewer leaderboard block for React and Next.js with tiered rank badges, progress bars, helpfulness scores, and staggered animations built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge","tooltip"],"premium":true,"files":[{"path":"blocks/reviews/reviews-badge-ranks.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-badge-ranks.tsx"}]},{"name":"reviews-trust-signals","type":"registry:block","title":"Reviews Trust Signals","description":"A review trust and authenticity signals panel for React and Next.js with verification scores, fraud detection metrics, platform certifications, and animated progress indicators built with shadcn/ui and Tailwind CSS.","dependencies":["motion","lucide-react"],"registryDependencies":["badge","tooltip"],"premium":true,"files":[{"path":"blocks/reviews/reviews-trust-signals.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-trust-signals.tsx"}]},{"name":"reviews-masonry-layout","type":"registry:block","title":"Reviews Masonry Layout","description":"A Pinterest-style masonry grid reviews block for React and Next.js with varying card heights, star ratings, filter tabs, verified badges, helpful vote counts, and staggered entrance animations built with shadcn/ui Badge and Button components, motion/react animations, and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/reviews/reviews-masonry-layout.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-masonry-layout.tsx"}]},{"name":"reviews-product-card-rating","type":"registry:block","title":"Reviews Product Card Rating","description":"A React ecommerce product card with embedded star rating summary, review count, most helpful review quote, and price display for Next.js built with shadcn/ui Badge, Tooltip components and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","tooltip"],"premium":true,"files":[{"path":"blocks/reviews/reviews-product-card-rating.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-product-card-rating.tsx"}]},{"name":"reviews-tag-cloud","type":"registry:block","title":"Reviews Tag Cloud","description":"A visual keyword tag cloud block for React and Next.js with weighted tag sizes based on mention frequency, click-to-filter functionality, and animated tag transitions built with shadcn/ui Badge and Separator components and Tailwind CSS.","dependencies":["motion","lucide-react"],"registryDependencies":["badge","separator"],"premium":true,"files":[{"path":"blocks/reviews/reviews-tag-cloud.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-tag-cloud.tsx"}]},{"name":"reviews-verified-toggle","type":"registry:block","title":"Reviews Verified Toggle","description":"A split-panel verified review filter for React and Next.js with real-time metric comparison, animated stat transitions, and rating distribution shifts built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","switch"],"premium":true,"files":[{"path":"blocks/reviews/reviews-verified-toggle.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-verified-toggle.tsx"}]},{"name":"reviews-advanced-sort","type":"registry:block","title":"Reviews Advanced Sort","description":"A premium review sort and filter panel for React and Next.js with multi-column sort controls, star rating pill filters, verified purchase toggle, date range presets, animated list transitions on reorder, and active filter badge management. Built with shadcn/ui and Tailwind CSS.","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","switch"],"premium":true,"files":[{"path":"blocks/reviews/reviews-advanced-sort.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-advanced-sort.tsx"}]},{"name":"reviews-sidebar-summary","type":"registry:block","title":"Reviews Sidebar Summary","description":"A compact sidebar review summary widget for React and Next.js with overall score, star distribution mini-bars, keyword highlights, recent review preview, and write review CTA built with shadcn/ui Button and Progress components, motion/react animations, and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/reviews/reviews-sidebar-summary.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-sidebar-summary.tsx"}]},{"name":"reviews-incentive-program","type":"registry:block","title":"Reviews Incentive Program","description":"A bento-grid gamified review rewards dashboard for React and Next.js with point tracking, tier progress, streak multipliers, milestone badges, and redeemable rewards. Built with shadcn/ui Badge, Button, Progress, and Tailwind CSS.","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","progress"],"premium":true,"files":[{"path":"blocks/reviews/reviews-incentive-program.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-incentive-program.tsx"}]},{"name":"reviews-kanban-board","type":"registry:block","title":"Reviews Kanban Board","description":"A multi-column kanban board for React and Next.js with drag-style review moderation across New, In Review, Approved, and Published stages with reviewer avatars, star ratings, priority flags, and status transitions built with shadcn/ui Button, Badge, and Avatar components, motion/react layout animations, and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/reviews/reviews-kanban-board.tsx","type":"registry:block","target":"components/blocks/reviews/reviews-kanban-board.tsx"}]},{"name":"carousel-environment-config","type":"registry:block","title":"Carousel Environment Config","description":"Animated environment configuration carousel slider for React and Next.js with masked variable values in monospace font, region chips, deployment timestamps, full-width environment slides, and staggered entrance animations using shadcn/ui Carousel, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-environment-config.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-environment-config.tsx"}]},{"name":"carousel-api-endpoints","type":"registry:block","title":"Carousel Api Endpoints","description":"Animated API documentation endpoints carousel slider for React and Next.js with HTTP method chips, monospace paths, response times, description text, color-coded method badges, and hover lift animations using shadcn/ui Carousel, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-api-endpoints.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-api-endpoints.tsx"}]},{"name":"carousel-learning-path","type":"registry:block","title":"Carousel Learning Path","description":"Animated learning path module carousel slider for React and Next.js with module titles, lesson counts, estimated hours, difficulty chips, animated progress bars, completion percentages, prerequisite indicators, and staggered entrance animations using shadcn/ui Carousel, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-learning-path.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-learning-path.tsx"}]},{"name":"carousel-blog-posts","type":"registry:block","title":"Carousel Blog Posts","description":"Animated blog post cards carousel slider for React and Next.js with article thumbnails, author initials, category chips, reading time, hover lift animations, and responsive card grid using shadcn/ui Carousel, Button, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-blog-posts.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-blog-posts.tsx"}]},{"name":"carousel-portfolio","type":"registry:block","title":"Carousel Portfolio","description":"Animated portfolio and case study carousel slider for React and Next.js with project cards, hover scale effects, staggered metric animations, and industry categorization using shadcn/ui Carousel, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-portfolio.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-portfolio.tsx"}]},{"name":"carousel-customer-profiles","type":"registry:block","title":"Carousel Customer Profiles","description":"Animated customer segment profiles carousel slider for React and Next.js with segment cards showing customer counts, average revenue, churn risk dots, top traits lists, growth trends, hover lift animations, and staggered entrance using shadcn/ui Carousel, framer-motion, and Tailwind CSS","dependencies":["framer-motion"],"registryDependencies":["carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-customer-profiles.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-customer-profiles.tsx"}]},{"name":"carousel-design-tokens","type":"registry:block","title":"Carousel Design Tokens","description":"Animated design system token browser carousel for React and Next.js with token categories, visual previews, value displays, and staggered animations using shadcn/ui Carousel, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-design-tokens.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-design-tokens.tsx"}]},{"name":"carousel-roadmap","type":"registry:block","title":"Carousel Roadmap","description":"Animated product roadmap carousel slider for React and Next.js with quarterly planning slides, feature lists, status dots for shipped, in-progress, and planned items, current quarter highlighting, and staggered entrance animations using shadcn/ui Carousel, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-roadmap.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-roadmap.tsx"}]},{"name":"carousel-social-feed","type":"registry:block","title":"Carousel Social Feed","description":"Animated social media post carousel slider for React and Next.js with author initials, handles, post text, engagement stats with tabular-nums for likes comments and shares, timestamp strings, platform chips, and fade transitions using shadcn/ui Carousel, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-social-feed.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-social-feed.tsx"}]},{"name":"carousel-notification-settings","type":"registry:block","title":"Carousel Notification Settings","description":"Animated notification preference settings carousel slider for React and Next.js with channel icons, toggle-style enable and disable buttons, frequency chips, last-sent timestamps, and staggered entrance animations using shadcn/ui Carousel, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-notification-settings.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-notification-settings.tsx"}]},{"name":"carousel-release-channels","type":"registry:block","title":"Carousel Release Channels","description":"Animated release channel cards carousel slider for React and Next.js with version numbers in monospace font, release date strings, stability indicators, feature lists, download counts in tabular-nums, and switch channel action buttons using shadcn/ui Carousel, Button, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-release-channels.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-release-channels.tsx"}]},{"name":"carousel-payment-methods","type":"registry:block","title":"Carousel Payment Methods","description":"Animated payment method carousel slider for React and Next.js with card type display, masked digits, expiry dates, cardholder names, default indicator, and set default action using shadcn/ui Carousel, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-payment-methods.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-payment-methods.tsx"}]},{"name":"carousel-pricing-plans","type":"registry:block","title":"Carousel Pricing Plans","description":"Animated pricing plans carousel slider for React and Next.js with tiered pricing cards, feature checklists, recommended plan highlight, hover lift animations, and staggered entrance using shadcn/ui Carousel, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-pricing-plans.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-pricing-plans.tsx"}]},{"name":"carousel-stats-metrics","type":"registry:block","title":"Carousel Stats Metrics","description":"Animated stats and metrics KPI dashboard carousel slider for React and Next.js with animated counters, trend indicators, spring-based number animations, and semantic color coding using shadcn/ui Carousel, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-stats-metrics.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-stats-metrics.tsx"}]},{"name":"carousel-photo-stories","type":"registry:block","title":"Carousel Photo Stories","description":"Animated photo story cards carousel slider for React and Next.js with tall aspect ratio placeholders, story titles, location labels, author initials, like counts with tabular-nums, hover scale animations, and responsive five-column grid using shadcn/ui Carousel, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-photo-stories.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-photo-stories.tsx"}]},{"name":"carousel-file-browser","type":"registry:block","title":"Carousel File Browser","description":"Animated file browser document cards carousel slider for React and Next.js with file type icons, sizes, modified dates, owner initials, sharing status chips, hover lift animations, and staggered entrance using shadcn/ui Carousel, framer-motion, Lucide icons, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-file-browser.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-file-browser.tsx"}]},{"name":"carousel-achievement-badges","type":"registry:block","title":"Carousel Achievement Badges","description":"Animated gamification achievement badge carousel slider for React and Next.js with badge names, point values, rarity chips, earned indicators, progress percentages, and staggered entrance animations using shadcn/ui Carousel, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-achievement-badges.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-achievement-badges.tsx"}]},{"name":"carousel-data-sources","type":"registry:block","title":"Carousel Data Sources","description":"Animated data source connection cards carousel slider for React and Next.js with database status indicators, last sync timestamps, record counts in tabular-nums, configure action buttons, and staggered entrance animations using shadcn/ui Carousel, Button, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-data-sources.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-data-sources.tsx"}]},{"name":"carousel-user-personas","type":"registry:block","title":"Carousel User Personas","description":"Animated user persona profile carousel slider for React and Next.js with goals, pain points, behavioral traits, tool chips, and staggered entrance animations using shadcn/ui Carousel, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-user-personas.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-user-personas.tsx"}]},{"name":"carousel-code-snippets","type":"registry:block","title":"Carousel Code Snippets","description":"Animated code snippet showcase carousel slider for React and Next.js with language chips, syntax-highlighted code blocks, copy-to-clipboard buttons with check icon swap, title and description text, and entrance animations using shadcn/ui Carousel, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-code-snippets.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-code-snippets.tsx"}]},{"name":"carousel-notifications","type":"registry:block","title":"Carousel Notifications","description":"Animated activity feed notification carousel slider for React and Next.js with grouped notifications by time period, colored status dots, action chips, staggered row entrance, and hover highlights using shadcn/ui Carousel, framer-motion, and Tailwind CSS","dependencies":["framer-motion","date-fns"],"registryDependencies":["carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-notifications.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-notifications.tsx"}]},{"name":"carousel-image-gallery","type":"registry:block","title":"Carousel Image Gallery","description":"Animated image gallery carousel slider for React and Next.js with placeholder thumbnails, animated dot indicators, opacity entrance transitions, and view actions using shadcn/ui Carousel, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-image-gallery.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-image-gallery.tsx"}]},{"name":"carousel-countdown-events","type":"registry:block","title":"Carousel Countdown Events","description":"Animated upcoming event countdown carousel slider for React and Next.js with days, hours, and minutes countdown grids, event type chips, location labels, register buttons, and staggered entrance animations using shadcn/ui Carousel, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-countdown-events.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-countdown-events.tsx"}]},{"name":"carousel-incident-timeline","type":"registry:block","title":"Carousel Incident Timeline","description":"Animated incident response timeline carousel slider for React and Next.js with severity priority levels and semantic color dots, affected service lists, chronological update entries with timestamps and actions, current status indicators, resolution time metrics, and staggered entrance animations using shadcn/ui Carousel, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-incident-timeline.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-incident-timeline.tsx"}]},{"name":"carousel-analytics-cards","type":"registry:block","title":"Carousel Analytics Cards","description":"Animated KPI analytics overview carousel slider for React and Next.js with metric cards showing sparkline bars, period chips, change percentages with semantic colors, and staggered entrance animations using shadcn/ui Carousel, framer-motion, and Tailwind CSS","dependencies":["framer-motion"],"registryDependencies":["carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-analytics-cards.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-analytics-cards.tsx"}]},{"name":"carousel-app-screenshots","type":"registry:block","title":"Carousel App Screenshots","description":"Animated app screenshot tour carousel slider for React and Next.js with screen titles, placeholder visuals, feature callout bullets, dot indicators with active scale animation, and smooth slide transitions using shadcn/ui Carousel, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-app-screenshots.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-app-screenshots.tsx"}]},{"name":"carousel-office-locations","type":"registry:block","title":"Carousel Office Locations","description":"Animated office location cards carousel slider for React and Next.js with city names, timezone displays, team size counters, contact details, headquarters highlighting, and hover lift animations using shadcn/ui Carousel, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-office-locations.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-office-locations.tsx"}]},{"name":"carousel-job-listings","type":"registry:block","title":"Carousel Job Listings","description":"Animated job openings carousel slider for React and Next.js with position titles, department chips, salary ranges, location tags, remote work indicators, apply buttons, and hover lift animations using shadcn/ui Carousel, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-job-listings.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-job-listings.tsx"}]},{"name":"carousel-webhook-events","type":"registry:block","title":"Carousel Webhook Events","description":"Animated webhook event log carousel slider for React and Next.js with event type chips, delivery status dots, monospace endpoint URLs, response codes, expandable payload previews, and staggered row animations using shadcn/ui Carousel, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-webhook-events.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-webhook-events.tsx"}]},{"name":"carousel-team-members","type":"registry:block","title":"Carousel Team Members","description":"Animated team member carousel slider for React and Next.js with initials avatars, expandable bios, department chips, hover lift animations, and social links using shadcn/ui Carousel, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-team-members.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-team-members.tsx"}]},{"name":"carousel-loyalty-tiers","type":"registry:block","title":"Carousel Loyalty Tiers","description":"Animated loyalty program tiers carousel slider for React and Next.js with tier cards, points thresholds, perks checklists, current tier highlighting, and staggered entrance animations using shadcn/ui Carousel, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-loyalty-tiers.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-loyalty-tiers.tsx"}]},{"name":"carousel-awards","type":"registry:block","title":"Carousel Awards","description":"Animated awards and recognition carousel slider for React and Next.js with award badges, issuing organizations, year indicators, hover lift with subtle scale, staggered entrance animations using shadcn/ui Carousel, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-awards.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-awards.tsx"}]},{"name":"carousel-feature-flags","type":"registry:block","title":"Carousel Feature Flags","description":"Animated feature flag management carousel slider for React and Next.js with monospace flag names, environment toggle dots for dev staging and production, rollout percentages, owner initials, hover highlight rows, and staggered entrance animations using shadcn/ui Carousel, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-feature-flags.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-feature-flags.tsx"}]},{"name":"carousel-meeting-agenda","type":"registry:block","title":"Carousel Meeting Agenda","description":"Animated meeting agenda carousel slider for React and Next.js with time allocations, topic titles, presenter initials, type chips for discussion, decision, update, and demo items, notes indicators, and staggered entrance animations using shadcn/ui Carousel, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-meeting-agenda.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-meeting-agenda.tsx"}]},{"name":"carousel-feature-highlights","type":"registry:block","title":"Carousel Feature Highlights","description":"Animated feature highlights carousel slider for React and Next.js with icon-driven cards, expandable detail panels, and staggered entrance animations using shadcn/ui Carousel, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-feature-highlights.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-feature-highlights.tsx"}]},{"name":"carousel-compliance-badges","type":"registry:block","title":"Carousel Compliance Badges","description":"Animated compliance certification badges carousel slider for React and Next.js with issuing body details, certification and renewal dates, scope descriptions, validity status dots, and staggered entrance animations using shadcn/ui Carousel, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-compliance-badges.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-compliance-badges.tsx"}]},{"name":"carousel-testimonial","type":"registry:block","title":"Carousel Testimonial","description":"Animated testimonial carousel slider for React and Next.js with star ratings, customer reviews, hover lift animations, and staggered entrance effects using shadcn/ui Carousel, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-testimonial.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-testimonial.tsx"}]},{"name":"carousel-backup-history","type":"registry:block","title":"Carousel Backup History","description":"Animated backup snapshot history carousel slider for React and Next.js with backup IDs, file sizes, durations, type chips for full incremental and differential, status dots, timestamps, and restore buttons using shadcn/ui Carousel, framer-motion, and Tailwind CSS","dependencies":["framer-motion"],"registryDependencies":["button","carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-backup-history.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-backup-history.tsx"}]},{"name":"carousel-timeline","type":"registry:block","title":"Carousel Timeline","description":"Animated company timeline history carousel slider for React and Next.js with milestone events, year badges, key metrics, connected timeline dots with scale animation, and slide transitions using shadcn/ui Carousel, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-timeline.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-timeline.tsx"}]},{"name":"carousel-onboarding-steps","type":"registry:block","title":"Carousel Onboarding Steps","description":"Animated onboarding wizard steps carousel slider for React and Next.js with animated progress bar, completion indicators, step navigation, estimated time, and slide transitions using shadcn/ui Carousel, Button, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-onboarding-steps.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-onboarding-steps.tsx"}]},{"name":"carousel-quote-wall","type":"registry:block","title":"Carousel Quote Wall","description":"Animated inspirational quote carousel slider for React and Next.js with large italic text, author names with roles, category chips, animated quotation marks, fade transitions with AnimatePresence, and navigation controls using shadcn/ui Carousel, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-quote-wall.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-quote-wall.tsx"}]},{"name":"carousel-music-playlist","type":"registry:block","title":"Carousel Music Playlist","description":"Animated music playlist carousel slider for React and Next.js with track numbers, song titles, artists, albums, durations, genre chips, play and pause buttons, hover row highlighting, and slide-based track listing using shadcn/ui Carousel, Button, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-music-playlist.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-music-playlist.tsx"}]},{"name":"carousel-feedback-wall","type":"registry:block","title":"Carousel Feedback Wall","description":"Animated user feedback wall carousel slider for React and Next.js with sentiment indicators, category chips, upvote counts, line-clamped review text, and staggered hover lift animations using shadcn/ui Carousel, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-feedback-wall.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-feedback-wall.tsx"}]},{"name":"carousel-leaderboard","type":"registry:block","title":"Carousel Leaderboard","description":"Animated ranking leaderboard carousel slider for React and Next.js with weekly, monthly, and all-time periods, top 5 user rankings, initials avatars, score counters, change delta indicators, medal colors, and staggered entrance animations using shadcn/ui Carousel, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-leaderboard.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-leaderboard.tsx"}]},{"name":"carousel-permission-roles","type":"registry:block","title":"Carousel Permission Roles","description":"Animated permission and role management carousel slider for React and Next.js with role cards, user counts, permission checklists with check and cross indicators, role descriptions, and hover lift animations using shadcn/ui Carousel, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-permission-roles.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-permission-roles.tsx"}]},{"name":"carousel-theme-preview","type":"registry:block","title":"Carousel Theme Preview","description":"Animated theme appearance preview carousel for React and Next.js with mini preview cards, color samples, button previews, and selection state using shadcn/ui Carousel and Button, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-theme-preview.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-theme-preview.tsx"}]},{"name":"carousel-news-headlines","type":"registry:block","title":"Carousel News Headlines","description":"Animated news article cards carousel slider for React and Next.js with headlines, source names, category chips, publication dates, excerpts, read buttons, staggered entrance animations, and responsive grid using shadcn/ui Carousel, Button, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-news-headlines.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-news-headlines.tsx"}]},{"name":"carousel-comparison","type":"registry:block","title":"Carousel Comparison","description":"Animated product comparison carousel slider for React and Next.js with side-by-side tool ratings, pros and cons lists, pricing, and verdict with hover lift animations and staggered entrance using shadcn/ui Carousel, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-comparison.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-comparison.tsx"}]},{"name":"carousel-event-schedule","type":"registry:block","title":"Carousel Event Schedule","description":"Animated conference event schedule carousel slider for React and Next.js with speaker initials, talk titles, room chips, time slots, duration badges, and staggered bullet entrance animations using shadcn/ui Carousel, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-event-schedule.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-event-schedule.tsx"}]},{"name":"carousel-keyboard-shortcuts","type":"registry:block","title":"Carousel Keyboard Shortcuts","description":"Animated keyboard shortcut reference carousel for React and Next.js with categorized shortcuts, kbd-styled key combos, and staggered entrance animations using shadcn/ui Carousel, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-keyboard-shortcuts.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-keyboard-shortcuts.tsx"}]},{"name":"carousel-investor-updates","type":"registry:block","title":"Carousel Investor Updates","description":"Animated investor quarterly update carousel slider for React and Next.js with revenue figures, growth percentages, customer counts, ARR metrics, key highlights, and animated metric bars using shadcn/ui Carousel, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-investor-updates.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-investor-updates.tsx"}]},{"name":"carousel-travel-destinations","type":"registry:block","title":"Carousel Travel Destinations","description":"Animated travel destination carousel slider for React and Next.js with city cards, temperature, flight time, daily budget, season chips, and hover lift animations using shadcn/ui Carousel, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-travel-destinations.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-travel-destinations.tsx"}]},{"name":"carousel-logo-cloud","type":"registry:block","title":"Carousel Logo Cloud","description":"Animated logo cloud marquee carousel for React and Next.js with auto-scrolling company logos in two opposing rows, infinite CSS animation, and hover pause effect using framer-motion and Tailwind CSS","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/carousel/carousel-logo-cloud.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-logo-cloud.tsx"}]},{"name":"carousel-component-library","type":"registry:block","title":"Carousel Component Library","description":"Animated component library browser carousel for React and Next.js with variant counts, bundle sizes, status chips, and hover scale animations using shadcn/ui Carousel and Button, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-component-library.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-component-library.tsx"}]},{"name":"carousel-shipping-options","type":"registry:block","title":"Carousel Shipping Options","description":"Animated shipping method selector carousel slider for React and Next.js with delivery estimates, carrier names, pricing, tracking indicators, and selected state highlighting using shadcn/ui Carousel, framer-motion, and Tailwind CSS","dependencies":["framer-motion","date-fns","lucide-react"],"registryDependencies":["button","carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-shipping-options.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-shipping-options.tsx"}]},{"name":"carousel-movie-cards","type":"registry:block","title":"Carousel Movie Cards","description":"Animated movie cards carousel slider for React and Next.js with genre chips, tabular-nums ratings, director credits, runtime display, staggered entrance animations, and responsive four-column grid using shadcn/ui Carousel, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-movie-cards.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-movie-cards.tsx"}]},{"name":"carousel-font-showcase","type":"registry:block","title":"Carousel Font Showcase","description":"Animated typography and font specimen carousel for React and Next.js with classification chips, weight samples, character set previews, and hover scale animations using shadcn/ui Carousel and Button, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-font-showcase.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-font-showcase.tsx"}]},{"name":"carousel-workflow-templates","type":"registry:block","title":"Carousel Workflow Templates","description":"Animated workflow template library carousel slider for React and Next.js with category chips, step counts, trigger descriptions, time-saved estimates, popularity indicators, use-template action buttons, and staggered entrance animations using shadcn/ui Carousel, Button, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-workflow-templates.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-workflow-templates.tsx"}]},{"name":"carousel-culture-values","type":"registry:block","title":"Carousel Culture Values","description":"Animated company culture values carousel slider for React and Next.js with value descriptions, word-by-word team quote reveal animations, related icons, and spring-based stagger transitions using shadcn/ui Carousel, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-culture-values.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-culture-values.tsx"}]},{"name":"carousel-color-palette","type":"registry:block","title":"Carousel Color Palette","description":"Animated color theme palette browser carousel for React and Next.js with swatch grids, hex values, usage context chips, and hover lift animations using shadcn/ui Carousel, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-color-palette.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-color-palette.tsx"}]},{"name":"carousel-api-keys","type":"registry:block","title":"Carousel Api Keys","description":"Animated API key management carousel slider for React and Next.js with masked key values in monospace font, scope permission chips, usage statistics, status indicators, revoke actions, and expandable detail rows using shadcn/ui Carousel, Button, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-api-keys.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-api-keys.tsx"}]},{"name":"carousel-email-templates","type":"registry:block","title":"Carousel Email Templates","description":"Animated email template preview carousel for React and Next.js with category chips, subject line previews, send counts, open rates, and hover scale animations using shadcn/ui Carousel and Button, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-email-templates.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-email-templates.tsx"}]},{"name":"carousel-social-proof","type":"registry:block","title":"Carousel Social Proof","description":"Animated social proof trust signal carousel slider for React and Next.js with large animated metric counters, verification sources, semantic icons, and spring-based entrance animations using shadcn/ui Carousel, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-social-proof.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-social-proof.tsx"}]},{"name":"carousel-feature-requests","type":"registry:block","title":"Carousel Feature Requests","description":"Animated feature request voting carousel slider for React and Next.js with vote counts, status chips, comment counters, requester initials, and spring-animated upvote interactions using shadcn/ui Carousel, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-feature-requests.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-feature-requests.tsx"}]},{"name":"carousel-icon-showcase","type":"registry:block","title":"Carousel Icon Showcase","description":"Animated icon library browser carousel for React and Next.js with categorized icon grids, click-to-copy names, and staggered entrance animations using shadcn/ui Carousel, framer-motion, Lucide icons, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-icon-showcase.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-icon-showcase.tsx"}]},{"name":"carousel-audit-log","type":"registry:block","title":"Carousel Audit Log","description":"Animated security audit trail carousel slider for React and Next.js with event rows showing user initials, action types, affected resources, IP addresses, risk level dots, and staggered entrance animations using shadcn/ui Carousel, framer-motion, and Tailwind CSS","dependencies":["framer-motion"],"registryDependencies":["carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-audit-log.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-audit-log.tsx"}]},{"name":"carousel-changelog-timeline","type":"registry:block","title":"Carousel Changelog Timeline","description":"Animated changelog timeline carousel slider for React and Next.js with connected version dots, active dot scale animation, detailed release notes per version, type chips, and staggered bullet entrance animations using shadcn/ui Carousel, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-changelog-timeline.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-changelog-timeline.tsx"}]},{"name":"carousel-property-listings","type":"registry:block","title":"Carousel Property Listings","description":"Animated real estate property listings carousel slider for React and Next.js with property cards, pricing, bed/bath/sqft stats, type chips, and hover lift animations using shadcn/ui Carousel, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-property-listings.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-property-listings.tsx"}]},{"name":"carousel-restaurant-menu","type":"registry:block","title":"Carousel Restaurant Menu","description":"Animated restaurant menu carousel slider for React and Next.js with dish cards, pricing, dietary chips, popular indicators, and hover lift animations using shadcn/ui Carousel, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-restaurant-menu.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-restaurant-menu.tsx"}]},{"name":"carousel-brand-guidelines","type":"registry:block","title":"Carousel Brand Guidelines","description":"Animated brand guideline reference carousel for React and Next.js with section cards, do and don't rules, guideline chips, and staggered animations using shadcn/ui Carousel, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-brand-guidelines.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-brand-guidelines.tsx"}]},{"name":"carousel-flash-sales","type":"registry:block","title":"Carousel Flash Sales","description":"Animated flash sale product carousel slider for React and Next.js with original and sale pricing, discount percentage chips, limited stock indicators, buy now actions, and staggered entrance animations using shadcn/ui Carousel, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-flash-sales.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-flash-sales.tsx"}]},{"name":"carousel-before-after","type":"registry:block","title":"Carousel Before After","description":"Animated before and after comparison carousel slider for React and Next.js with split-panel metrics, sequential entrance animations, and improvement indicators using shadcn/ui Carousel, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-before-after.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-before-after.tsx"}]},{"name":"carousel-video-gallery","type":"registry:block","title":"Carousel Video Gallery","description":"Animated video thumbnail gallery carousel slider for React and Next.js with aspect-video placeholders, play button overlays, duration chips, channel names, view counts with tabular-nums, dot indicators, and entrance animations using shadcn/ui Carousel, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-video-gallery.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-video-gallery.tsx"}]},{"name":"carousel-partner-showcase","type":"registry:block","title":"Carousel Partner Showcase","description":"Animated partner and ecosystem showcase carousel slider for React and Next.js with partnership type chips, featured project highlights, company descriptions, learn more actions, and staggered entrance animations using shadcn/ui Carousel, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-partner-showcase.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-partner-showcase.tsx"}]},{"name":"carousel-coupon-codes","type":"registry:block","title":"Carousel Coupon Codes","description":"Animated discount coupon carousel slider for React and Next.js with discount amounts, promo codes in monospace, descriptions, expiry dates, minimum order values, and copy-to-clipboard action using shadcn/ui Carousel, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-coupon-codes.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-coupon-codes.tsx"}]},{"name":"carousel-widget-gallery","type":"registry:block","title":"Carousel Widget Gallery","description":"Animated dashboard widget picker carousel for React and Next.js with type chips, size indicators, preview placeholders, and hover scale animations using shadcn/ui Carousel and Button, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-widget-gallery.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-widget-gallery.tsx"}]},{"name":"carousel-sprint-board","type":"registry:block","title":"Carousel Sprint Board","description":"Animated sprint kanban board carousel slider for React and Next.js with task cards, assignee initials, priority dots, story point chips, status labels, and hover lift animations using shadcn/ui Carousel, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-sprint-board.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-sprint-board.tsx"}]},{"name":"carousel-course-modules","type":"registry:block","title":"Carousel Course Modules","description":"Animated online course curriculum carousel slider for React and Next.js with module numbers, lesson counts, duration badges, difficulty chips, animated progress bars, and staggered entrance animations using shadcn/ui Carousel, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-course-modules.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-course-modules.tsx"}]},{"name":"carousel-integrations","type":"registry:block","title":"Carousel Integrations","description":"Animated integrations showcase carousel slider for React and Next.js with app connection cards, category chips, connected status indicators, hover lift animations, and responsive grid using shadcn/ui Carousel, Button, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-integrations.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-integrations.tsx"}]},{"name":"carousel-how-it-works","type":"registry:block","title":"Carousel How It Works","description":"Animated how it works process steps carousel slider for React and Next.js with step numbers, icons, animated step indicator dots, active dot scaling, connecting line animation, and slide transitions using shadcn/ui Carousel, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-how-it-works.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-how-it-works.tsx"}]},{"name":"carousel-recipe-cards","type":"registry:block","title":"Carousel Recipe Cards","description":"Animated recipe cards carousel slider for React and Next.js with prep and cook times, difficulty chips, serving counts, ingredient totals, hover lift animations, and responsive grid using shadcn/ui Carousel, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-recipe-cards.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-recipe-cards.tsx"}]},{"name":"carousel-fitness-workouts","type":"registry:block","title":"Carousel Fitness Workouts","description":"Animated fitness workout routine carousel slider for React and Next.js with difficulty dots, calorie estimates, muscle group chips, duration badges, and staggered entrance animations using shadcn/ui Carousel, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-fitness-workouts.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-fitness-workouts.tsx"}]},{"name":"carousel-press-mentions","type":"registry:block","title":"Carousel Press Mentions","description":"Animated press and media coverage carousel slider for React and Next.js with publication names, article titles, quote excerpts, sentiment indicators, date strings, and hover highlight animations using shadcn/ui Carousel, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-press-mentions.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-press-mentions.tsx"}]},{"name":"carousel-podcast-episodes","type":"registry:block","title":"Carousel Podcast Episodes","description":"Animated podcast episode cards carousel slider for React and Next.js with episode numbers, guest initials, duration badges, play buttons, staggered entrance animations, and responsive grid using shadcn/ui Carousel, Button, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-podcast-episodes.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-podcast-episodes.tsx"}]},{"name":"carousel-survey-results","type":"registry:block","title":"Carousel Survey Results","description":"Animated survey response summary carousel slider for React and Next.js with question cards showing response distribution bars, option percentages, total response counts, top answer highlights, and width-animated bars using shadcn/ui Carousel, framer-motion, and Tailwind CSS","dependencies":["framer-motion"],"registryDependencies":["carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-survey-results.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-survey-results.tsx"}]},{"name":"carousel-subscription-boxes","type":"registry:block","title":"Carousel Subscription Boxes","description":"Animated subscription box showcase carousel slider for React and Next.js with box names, monthly pricing, item counts, theme categories, past box preview lists, popular highlighting, and subscribe actions using shadcn/ui Carousel, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-subscription-boxes.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-subscription-boxes.tsx"}]},{"name":"carousel-faq","type":"registry:block","title":"Carousel Faq","description":"Animated FAQ carousel slider for React and Next.js with expandable answers, category chips, chevron rotation, height animations using AnimatePresence, and staggered entrance using shadcn/ui Carousel, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-faq.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-faq.tsx"}]},{"name":"carousel-weather-forecast","type":"registry:block","title":"Carousel Weather Forecast","description":"Animated weather forecast carousel slider for React and Next.js with temperature highs and lows, condition icons, humidity and wind data, precipitation percentages, and today-highlight border using shadcn/ui Carousel, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-weather-forecast.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-weather-forecast.tsx"}]},{"name":"carousel-security-features","type":"registry:block","title":"Carousel Security Features","description":"Animated security feature cards carousel slider for React and Next.js with compliance tag chips, active status dot indicators, feature descriptions, staggered entrance animations, and responsive grid using shadcn/ui Carousel, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-security-features.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-security-features.tsx"}]},{"name":"carousel-error-logs","type":"registry:block","title":"Carousel Error Logs","description":"Animated error log browser carousel slider for React and Next.js with severity-coded entries, monospace stack traces, expandable details with AnimatePresence, and staggered row animations using shadcn/ui Carousel, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-error-logs.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-error-logs.tsx"}]},{"name":"carousel-tech-stack","type":"registry:block","title":"Carousel Tech Stack","description":"Animated technology stack carousel slider for React and Next.js with category chips, version badges, adoption status indicators, tech descriptions, and staggered entrance animations using shadcn/ui Carousel, framer-motion, and Tailwind CSS","dependencies":["framer-motion"],"registryDependencies":["carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-tech-stack.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-tech-stack.tsx"}]},{"name":"carousel-database-tables","type":"registry:block","title":"Carousel Database Tables","description":"Animated database table schema viewer carousel slider for React and Next.js with monospace table names, column and row counts, sizes, migration dates, relationship indicators, and expandable column details using shadcn/ui Carousel, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-database-tables.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-database-tables.tsx"}]},{"name":"carousel-migration-steps","type":"registry:block","title":"Carousel Migration Steps","description":"Animated database migration wizard carousel slider for React and Next.js with step progress indicators, SQL code preview blocks on dark backgrounds, risk level dots, estimated duration, rollback availability, and staggered entrance animations using shadcn/ui Carousel, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-migration-steps.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-migration-steps.tsx"}]},{"name":"carousel-deployment-history","type":"registry:block","title":"Carousel Deployment History","description":"Animated CI/CD deployment history carousel slider for React and Next.js with commit hashes, status dots, environment chips, branch names, deploy timestamps, and staggered entrance animations using shadcn/ui Carousel, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-deployment-history.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-deployment-history.tsx"}]},{"name":"carousel-wishlist","type":"registry:block","title":"Carousel Wishlist","description":"Animated wishlist item carousel slider for React and Next.js with product cards, pricing, availability dot indicators, priority chips, added date strings, and move-to-cart actions using shadcn/ui Carousel, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-wishlist.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-wishlist.tsx"}]},{"name":"carousel-server-status","type":"registry:block","title":"Carousel Server Status","description":"Animated infrastructure server status carousel slider for React and Next.js with service names, health status dots, uptime percentages, response times, region chips, and hover lift animations using shadcn/ui Carousel, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-server-status.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-server-status.tsx"}]},{"name":"carousel-product-showcase","type":"registry:block","title":"Carousel Product Showcase","description":"Animated product showcase carousel slider for React and Next.js with product cards, pricing, category chips, and hover scale animations using shadcn/ui Carousel, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-product-showcase.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-product-showcase.tsx"}]},{"name":"carousel-ab-test-results","type":"registry:block","title":"Carousel Ab Test Results","description":"Animated A/B test experiment results carousel slider for React and Next.js with variant comparison bars, conversion rates, winner indicators, confidence levels, sample sizes, and status chips using shadcn/ui Carousel, framer-motion, and Tailwind CSS","dependencies":["framer-motion"],"registryDependencies":["carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-ab-test-results.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-ab-test-results.tsx"}]},{"name":"carousel-changelog","type":"registry:block","title":"Carousel Changelog","description":"Animated product changelog carousel slider for React and Next.js with version badges, release notes, staggered bullet entrance animations, type chips, and smooth slide transitions using shadcn/ui Carousel, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-changelog.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-changelog.tsx"}]},{"name":"carousel-book-shelf","type":"registry:block","title":"Carousel Book Shelf","description":"Animated book recommendation cards carousel slider for React and Next.js with genre chips, page counts, star ratings, brief reviews, tall card aspect ratio, and staggered entrance animations using shadcn/ui Carousel, framer-motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["carousel"],"premium":true,"files":[{"path":"blocks/carousel/carousel-book-shelf.tsx","type":"registry:block","target":"components/blocks/carousel/carousel-book-shelf.tsx"}]},{"name":"ai-prompt-with-persona","type":"registry:block","title":"Ai Prompt With Persona","description":"A React AI prompt with persona selection block for Next.js featuring a split panel with persona cards on the left and adaptive prompt input on the right built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/ai/ai-prompt-with-persona.tsx","type":"registry:block","target":"components/blocks/ai/ai-prompt-with-persona.tsx"}]},{"name":"ai-customer-support","type":"registry:block","title":"Ai Customer Support","description":"A scrollable AI customer support chat block for React and Next.js with ticket metadata, sentiment analysis, canned responses, and escalation controls built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","textarea"],"premium":true,"files":[{"path":"blocks/ai/ai-customer-support.tsx","type":"registry:block","target":"components/blocks/ai/ai-customer-support.tsx"}]},{"name":"ai-evaluation-results","type":"registry:block","title":"Ai Evaluation Results","description":"A data table evaluation results block for React and Next.js with model comparison, pass/fail indicators, score heatmap, expandable test cases, and category filtering built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","table"],"premium":true,"files":[{"path":"blocks/ai/ai-evaluation-results.tsx","type":"registry:block","target":"components/blocks/ai/ai-evaluation-results.tsx"}]},{"name":"ai-knowledge-base","type":"registry:block","title":"Ai Knowledge Base","description":"A sidebar and content AI knowledge base block for React and Next.js with searchable article tree, AI-generated summaries, related articles, and category navigation built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","input","scroll-area"],"premium":true,"files":[{"path":"blocks/ai/ai-knowledge-base.tsx","type":"registry:block","target":"components/blocks/ai/ai-knowledge-base.tsx"}]},{"name":"ai-prompt-with-history","type":"registry:block","title":"Ai Prompt With History","description":"A React AI prompt with history block for Next.js featuring searchable recent prompts, reuse functionality, category badges, and timestamp display built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/ai/ai-prompt-with-history.tsx","type":"registry:block","target":"components/blocks/ai/ai-prompt-with-history.tsx"}]},{"name":"ai-message-image-generation","type":"registry:block","title":"Ai Message Image Generation","description":"An AI image generation response block for React and Next.js with a bento-style image grid, prompt display, variation controls, download actions, and generation metadata using shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/ai/ai-message-image-generation.tsx","type":"registry:block","target":"components/blocks/ai/ai-message-image-generation.tsx"}]},{"name":"ai-prompt-multimodal","type":"registry:block","title":"Ai Prompt Multimodal","description":"A React AI multimodal prompt block for Next.js with image, audio, document, and URL attachment support including drag-drop and preview thumbnails built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","tooltip"],"premium":true,"files":[{"path":"blocks/ai/ai-prompt-multimodal.tsx","type":"registry:block","target":"components/blocks/ai/ai-prompt-multimodal.tsx"}]},{"name":"ai-recipe-generator","type":"registry:block","title":"Ai Recipe Generator","description":"A recipe generation card for React and Next.js with ingredient tag input, dietary filters, serving adjuster, and structured recipe output with checkable ingredients and numbered steps built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","checkbox","input"],"premium":true,"files":[{"path":"blocks/ai/ai-recipe-generator.tsx","type":"registry:block","target":"components/blocks/ai/ai-recipe-generator.tsx"}]},{"name":"ai-presentation-builder","type":"registry:block","title":"Ai Presentation Builder","description":"A sidebar-plus-content AI presentation builder block for React and Next.js with slide thumbnail navigator, live slide preview, AI content generation controls, and editable speaker notes built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","scroll-area","textarea"],"premium":true,"files":[{"path":"blocks/ai/ai-presentation-builder.tsx","type":"registry:block","target":"components/blocks/ai/ai-presentation-builder.tsx"}]},{"name":"ai-code-review","type":"registry:block","title":"Ai Code Review","description":"A timeline-based AI code review block for React and Next.js with severity-coded review nodes, inline code snippets, suggested fixes, and resolve workflow built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/ai/ai-code-review.tsx","type":"registry:block","target":"components/blocks/ai/ai-code-review.tsx"}]},{"name":"ai-form-filler","type":"registry:block","title":"Ai Form Filler","description":"A standard card AI form auto-fill block for React and Next.js with confidence indicators, source attribution, manual override, and regenerate controls built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","input","select","textarea"],"premium":true,"files":[{"path":"blocks/ai/ai-form-filler.tsx","type":"registry:block","target":"components/blocks/ai/ai-form-filler.tsx"}]},{"name":"ai-tutor-chat","type":"registry:block","title":"Ai Tutor Chat","description":"An educational AI tutor chat block for React and Next.js with quiz cards, hint system, progress tracking, knowledge assessment, and step-by-step reasoning built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge","button","textarea","tooltip"],"premium":true,"files":[{"path":"blocks/ai/ai-tutor-chat.tsx","type":"registry:block","target":"components/blocks/ai/ai-tutor-chat.tsx"}]},{"name":"ai-data-analyst","type":"registry:block","title":"Ai Data Analyst","description":"A split panel AI data analyst block for React and Next.js with natural language query input, generated SQL preview, results table, and chart visualization area built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","table","textarea"],"premium":true,"files":[{"path":"blocks/ai/ai-data-analyst.tsx","type":"registry:block","target":"components/blocks/ai/ai-data-analyst.tsx"}]},{"name":"ai-chat-empty-state","type":"registry:block","title":"Ai Chat Empty State","description":"A premium AI chat empty state block for React and Next.js with bento grid suggestion cards, animated hero area, quick prompt chips, and a centered message input built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/ai/ai-chat-empty-state.tsx","type":"registry:block","target":"components/blocks/ai/ai-chat-empty-state.tsx"}]},{"name":"ai-debug-assistant","type":"registry:block","title":"Ai Debug Assistant","description":"A timeline AI debug assistant block for React and Next.js with vertical stack trace nodes, variable inspection panels, AI diagnosis at each frame, and severity indicators built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/ai/ai-debug-assistant.tsx","type":"registry:block","target":"components/blocks/ai/ai-debug-assistant.tsx"}]},{"name":"ai-message-with-reactions","type":"registry:block","title":"Ai Message With Reactions","description":"A React AI message block with emoji reactions for Next.js featuring an animated reaction bar, popover emoji picker, toggle counts, and optimistic updates built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button","popover"],"premium":true,"files":[{"path":"blocks/ai/ai-message-with-reactions.tsx","type":"registry:block","target":"components/blocks/ai/ai-message-with-reactions.tsx"}]},{"name":"ai-agent-multi-step","type":"registry:block","title":"Ai Agent Multi Step","description":"A timeline-based AI agent multi-step execution block for React and Next.js with vertical timeline, branching sub-tasks, status nodes, duration tracking, and collapsible tree using shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/ai/ai-agent-multi-step.tsx","type":"registry:block","target":"components/blocks/ai/ai-agent-multi-step.tsx"}]},{"name":"ai-tool-file-search","type":"registry:block","title":"Ai Tool File Search","description":"A sidebar and content file search block for React and Next.js with file tree navigation, search input, code preview with AI-highlighted matches, and relevance scoring built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","input","scroll-area"],"premium":true,"files":[{"path":"blocks/ai/ai-tool-file-search.tsx","type":"registry:block","target":"components/blocks/ai/ai-tool-file-search.tsx"}]},{"name":"ai-document-qa","type":"registry:block","title":"Ai Document Qa","description":"A chat-style AI document question and answer block for React and Next.js with uploaded document context panel, source-cited responses, page reference badges, and conversation history built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","input"],"premium":true,"files":[{"path":"blocks/ai/ai-document-qa.tsx","type":"registry:block","target":"components/blocks/ai/ai-document-qa.tsx"}]},{"name":"ai-document-generator","type":"registry:block","title":"Ai Document Generator","description":"A sidebar and content AI document generator block for React and Next.js with outline navigation, editable sections, tone controls, and word count tracking built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","select","textarea"],"premium":true,"files":[{"path":"blocks/ai/ai-document-generator.tsx","type":"registry:block","target":"components/blocks/ai/ai-document-generator.tsx"}]},{"name":"ai-interview-coach","type":"registry:block","title":"Ai Interview Coach","description":"A scrollable AI interview coach block for React and Next.js with mock interview simulation, answer evaluation, scoring rubric, strengths and improvements feedback, and model answers built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","scroll-area","textarea"],"premium":true,"files":[{"path":"blocks/ai/ai-interview-coach.tsx","type":"registry:block","target":"components/blocks/ai/ai-interview-coach.tsx"}]},{"name":"ai-prompt-with-system-role","type":"registry:block","title":"Ai Prompt With System Role","description":"A split-panel AI prompt editor for React and Next.js with role presets, editable system instructions, and live chat preview built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","select","separator","textarea"],"premium":true,"files":[{"path":"blocks/ai/ai-prompt-with-system-role.tsx","type":"registry:block","target":"components/blocks/ai/ai-prompt-with-system-role.tsx"}]},{"name":"ai-chat-with-tools","type":"registry:block","title":"Ai Chat With Tools","description":"An AI chat with tool execution block for React and Next.js with inline tool cards, expandable JSON results, execution timelines, and streaming status using shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","textarea"],"premium":true,"files":[{"path":"blocks/ai/ai-chat-with-tools.tsx","type":"registry:block","target":"components/blocks/ai/ai-chat-with-tools.tsx"}]},{"name":"ai-chat-with-canvas","type":"registry:block","title":"Ai Chat With Canvas","description":"A ChatGPT Canvas-style AI writing block for React and Next.js with sidebar chat, rich text canvas, version history, and inline editing toolbar built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","separator","textarea"],"premium":true,"files":[{"path":"blocks/ai/ai-chat-with-canvas.tsx","type":"registry:block","target":"components/blocks/ai/ai-chat-with-canvas.tsx"}]},{"name":"ai-prompt-voice-first","type":"registry:block","title":"Ai Prompt Voice First","description":"A React AI voice-first prompt block for Next.js with large microphone button, animated waveform visualization, live transcript display, and push-to-talk built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/ai/ai-prompt-voice-first.tsx","type":"registry:block","target":"components/blocks/ai/ai-prompt-voice-first.tsx"}]},{"name":"ai-contract-reviewer","type":"registry:block","title":"Ai Contract Reviewer","description":"A sidebar-and-content AI contract review block for React and Next.js with clause navigation sidebar, risk-highlighted clause text, AI analysis annotations, confidence scoring, and actionable recommendations built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/ai/ai-contract-reviewer.tsx","type":"registry:block","target":"components/blocks/ai/ai-contract-reviewer.tsx"}]},{"name":"ai-content-moderator","type":"registry:block","title":"Ai Content Moderator","description":"A data table AI content moderation dashboard block for React and Next.js with content queue table, severity-coded assessment badges, confidence score bars, category violation tags, and per-row approve and reject actions built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","table"],"premium":true,"files":[{"path":"blocks/ai/ai-content-moderator.tsx","type":"registry:block","target":"components/blocks/ai/ai-content-moderator.tsx"}]},{"name":"ai-tool-results-panel","type":"registry:block","title":"Ai Tool Results Panel","description":"A data table block for React and Next.js showing AI tool execution logs with status filters, expandable rows for input/output JSON, duration tracking, and sortable columns built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","table"],"premium":true,"files":[{"path":"blocks/ai/ai-tool-results-panel.tsx","type":"registry:block","target":"components/blocks/ai/ai-tool-results-panel.tsx"}]},{"name":"ai-prompt-with-files","type":"registry:block","title":"Ai Prompt With Files","description":"A React AI prompt with file attachments block for Next.js featuring drag-drop upload, file type icons, upload progress bars, and settings toggles built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button","dropdown-menu","switch"],"premium":true,"files":[{"path":"blocks/ai/ai-prompt-with-files.tsx","type":"registry:block","target":"components/blocks/ai/ai-prompt-with-files.tsx"}]},{"name":"ai-translation-panel","type":"registry:block","title":"Ai Translation Panel","description":"A split panel translation block for React and Next.js with side-by-side source and target text, language selectors, alternative translations, glossary terms, and quality confidence scoring built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","select","textarea","tooltip"],"premium":true,"files":[{"path":"blocks/ai/ai-translation-panel.tsx","type":"registry:block","target":"components/blocks/ai/ai-translation-panel.tsx"}]},{"name":"ai-cost-tracker","type":"registry:block","title":"Ai Cost Tracker","description":"A bento grid AI cost tracking dashboard block for React and Next.js with model spend breakdown, daily trend bars, budget alerts, and projected costs built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/ai/ai-cost-tracker.tsx","type":"registry:block","target":"components/blocks/ai/ai-cost-tracker.tsx"}]},{"name":"ai-chat-branching","type":"registry:block","title":"Ai Chat Branching","description":"A chat interface with response branching block for React and Next.js with alternative AI responses, branch navigation arrows, regeneration, and message actions built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","input"],"premium":true,"files":[{"path":"blocks/ai/ai-chat-branching.tsx","type":"registry:block","target":"components/blocks/ai/ai-chat-branching.tsx"}]},{"name":"ai-chat-minimal","type":"registry:block","title":"Ai Chat Minimal","description":"An ultra-clean minimal AI chat block for React and Next.js with borderless messages, auto-resizing textarea, keyboard shortcuts, and zen-like monospace AI responses using shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button","textarea"],"premium":true,"files":[{"path":"blocks/ai/ai-chat-minimal.tsx","type":"registry:block","target":"components/blocks/ai/ai-chat-minimal.tsx"}]},{"name":"ai-code-assistant","type":"registry:block","title":"Ai Code Assistant","description":"A split-panel AI code assistant block for React and Next.js with chat conversation, tabbed code editor, reasoning trace, diff highlighting, and clipboard actions using shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","tabs","textarea"],"premium":true,"files":[{"path":"blocks/ai/ai-code-assistant.tsx","type":"registry:block","target":"components/blocks/ai/ai-code-assistant.tsx"}]},{"name":"ai-medical-assistant","type":"registry:block","title":"Ai Medical Assistant","description":"A medical symptom triage chat block for React and Next.js with structured assessment cards, severity indicators, follow-up questions, and safety disclaimers using shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","textarea"],"premium":true,"files":[{"path":"blocks/ai/ai-medical-assistant.tsx","type":"registry:block","target":"components/blocks/ai/ai-medical-assistant.tsx"}]},{"name":"ai-meeting-notes","type":"registry:block","title":"Ai Meeting Notes","description":"A meeting notes summary block for React and Next.js with AI-generated summaries, attendee avatars, action items checkboxes, key decisions, and collapsible transcript using shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","checkbox"],"premium":true,"files":[{"path":"blocks/ai/ai-meeting-notes.tsx","type":"registry:block","target":"components/blocks/ai/ai-meeting-notes.tsx"}]},{"name":"ai-message-comparison","type":"registry:block","title":"Ai Message Comparison","description":"A side-by-side AI model comparison block for React and Next.js with dual response panels, rating controls, token counts, latency metrics, and preference voting using shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/ai/ai-message-comparison.tsx","type":"registry:block","target":"components/blocks/ai/ai-message-comparison.tsx"}]},{"name":"ai-chat-split-panel","type":"registry:block","title":"Ai Chat Split Panel","description":"A split-panel AI coding assistant block for React and Next.js with live preview, code editor, and console output tabs built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","textarea"],"premium":true,"files":[{"path":"blocks/ai/ai-chat-split-panel.tsx","type":"registry:block","target":"components/blocks/ai/ai-chat-split-panel.tsx"}]},{"name":"ai-agent-task-queue","type":"registry:block","title":"Ai Agent Task Queue","description":"A data table AI agent task queue block for React and Next.js with sortable columns, priority badges, status indicators, agent assignment, and bulk actions built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","table"],"premium":true,"files":[{"path":"blocks/ai/ai-agent-task-queue.tsx","type":"registry:block","target":"components/blocks/ai/ai-agent-task-queue.tsx"}]},{"name":"ai-product-description","type":"registry:block","title":"Ai Product Description","description":"A split-panel AI product description generator block for React and Next.js with product details form, feature tags, audience selector, tone variants, SEO scoring, and copy-to-clipboard built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","input","select"],"premium":true,"files":[{"path":"blocks/ai/ai-product-description.tsx","type":"registry:block","target":"components/blocks/ai/ai-product-description.tsx"}]},{"name":"ai-usage-dashboard","type":"registry:block","title":"Ai Usage Dashboard","description":"A bento grid AI usage dashboard block for React and Next.js with request counts, token consumption bars, cost breakdown, model distribution, rate limit status, and trend indicators built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/ai/ai-usage-dashboard.tsx","type":"registry:block","target":"components/blocks/ai/ai-usage-dashboard.tsx"}]},{"name":"ai-message-code-execution","type":"registry:block","title":"Ai Message Code Execution","description":"An AI message with code execution block for React and Next.js with syntax-highlighted code, terminal output, runtime metrics, stdout and stderr tabs, and re-run controls using shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/ai/ai-message-code-execution.tsx","type":"registry:block","target":"components/blocks/ai/ai-message-code-execution.tsx"}]},{"name":"ai-tool-approval","type":"registry:block","title":"Ai Tool Approval","description":"A standard card AI tool approval block for React and Next.js with human-in-the-loop confirmation, risk level badges, parameter review, impact assessment, affected resources, and approve/reject controls built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/ai/ai-tool-approval.tsx","type":"registry:block","target":"components/blocks/ai/ai-tool-approval.tsx"}]},{"name":"ai-prompt-with-preview","type":"registry:block","title":"Ai Prompt With Preview","description":"A React AI prompt with live preview block for Next.js featuring a split-pane layout with a markdown-aware editor on the left and formatted preview on the right built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/ai/ai-prompt-with-preview.tsx","type":"registry:block","target":"components/blocks/ai/ai-prompt-with-preview.tsx"}]},{"name":"ai-terminal-output","type":"registry:block","title":"Ai Terminal Output","description":"A dark terminal output block for React and Next.js with colorized console lines, command input, auto-scroll, error and warning counters, and copy controls built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/ai/ai-terminal-output.tsx","type":"registry:block","target":"components/blocks/ai/ai-terminal-output.tsx"}]},{"name":"ai-agent-plan-builder","type":"registry:block","title":"Ai Agent Plan Builder","description":"A sidebar navigation AI agent plan builder block for React and Next.js with step navigation, editable descriptions, dependency tracking, estimated durations, and completion management built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/ai/ai-agent-plan-builder.tsx","type":"registry:block","target":"components/blocks/ai/ai-agent-plan-builder.tsx"}]},{"name":"ai-code-diff-viewer","type":"registry:block","title":"Ai Code Diff Viewer","description":"A split-panel AI code diff viewer block for React and Next.js with file tabs, unified and side-by-side views, line-level diff highlighting, and apply actions built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/ai/ai-code-diff-viewer.tsx","type":"registry:block","target":"components/blocks/ai/ai-code-diff-viewer.tsx"}]},{"name":"ai-tool-database-query","type":"registry:block","title":"Ai Tool Database Query","description":"A database query tool execution block for React and Next.js with SQL syntax highlighting, schema badges, results table, execution metadata, and expandable query explanation built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/ai/ai-tool-database-query.tsx","type":"registry:block","target":"components/blocks/ai/ai-tool-database-query.tsx"}]},{"name":"ai-model-selector-panel","type":"registry:block","title":"Ai Model Selector Panel","description":"A React AI model selector panel block for Next.js with bento grid model cards, capability badges, pricing tiers, speed benchmarks, and context window specs built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/ai/ai-model-selector-panel.tsx","type":"registry:block","target":"components/blocks/ai/ai-model-selector-panel.tsx"}]},{"name":"ai-file-analyzer","type":"registry:block","title":"Ai File Analyzer","description":"A split panel AI file analyzer block for React and Next.js with drag-and-drop upload, file list navigation, entity extraction, AI summaries, and metadata display built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","progress"],"premium":true,"files":[{"path":"blocks/ai/ai-file-analyzer.tsx","type":"registry:block","target":"components/blocks/ai/ai-file-analyzer.tsx"}]},{"name":"ai-message-with-feedback","type":"registry:block","title":"Ai Message With Feedback","description":"A React AI message feedback block for Next.js with thumbs up and down voting, category tags, detailed text input, and animated submit flow built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","textarea"],"premium":true,"files":[{"path":"blocks/ai/ai-message-with-feedback.tsx","type":"registry:block","target":"components/blocks/ai/ai-message-with-feedback.tsx"}]},{"name":"ai-prompt-input","type":"registry:block","title":"Ai Prompt Input","description":"A rich AI prompt input block for React and Next.js with auto-resizing textarea, file attachments, model selector dropdown, temperature control, voice input button, and contextual action menu built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","dropdown-menu","slider"],"premium":true,"files":[{"path":"blocks/ai/ai-prompt-input.tsx","type":"registry:block","target":"components/blocks/ai/ai-prompt-input.tsx"}]},{"name":"ai-message-chain-of-thought","type":"registry:block","title":"Ai Message Chain Of Thought","description":"A chain-of-thought AI message block for React and Next.js with numbered reasoning steps, expandable thought details, timing indicators, and a final synthesized answer using shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/ai/ai-message-chain-of-thought.tsx","type":"registry:block","target":"components/blocks/ai/ai-message-chain-of-thought.tsx"}]},{"name":"ai-diagram-generator","type":"registry:block","title":"Ai Diagram Generator","description":"A split panel AI diagram generator block for React and Next.js with natural language input, diagram type selector, live CSS flowchart preview, and exportable mermaid code built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","select","textarea"],"premium":true,"files":[{"path":"blocks/ai/ai-diagram-generator.tsx","type":"registry:block","target":"components/blocks/ai/ai-diagram-generator.tsx"}]},{"name":"ai-tool-api-caller","type":"registry:block","title":"Ai Tool Api Caller","description":"A standard card AI API tool execution block for React and Next.js with HTTP method badge, endpoint display, request/response JSON, collapsible headers, status code, and latency timing built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/ai/ai-tool-api-caller.tsx","type":"registry:block","target":"components/blocks/ai/ai-tool-api-caller.tsx"}]},{"name":"ai-commit-message","type":"registry:block","title":"Ai Commit Message","description":"A standard card AI commit message generator block for React and Next.js with staged files list, diff statistics, conventional commit format selector, editable AI-generated message, and copy-to-clipboard workflow built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","select","textarea"],"premium":true,"files":[{"path":"blocks/ai/ai-commit-message.tsx","type":"registry:block","target":"components/blocks/ai/ai-commit-message.tsx"}]},{"name":"ai-legal-assistant","type":"registry:block","title":"Ai Legal Assistant","description":"A legal document review assistant block for React and Next.js with sidebar clause navigation, AI-powered risk annotations, suggested edits, and contract analysis using shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/ai/ai-legal-assistant.tsx","type":"registry:block","target":"components/blocks/ai/ai-legal-assistant.tsx"}]},{"name":"ai-changelog-generator","type":"registry:block","title":"Ai Changelog Generator","description":"A timeline-based AI changelog generator block for React and Next.js with version nodes, commit categorization, diff indicators, and copy-as-markdown built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/ai/ai-changelog-generator.tsx","type":"registry:block","target":"components/blocks/ai/ai-changelog-generator.tsx"}]},{"name":"ai-chat-with-sidebar","type":"registry:block","title":"Ai Chat With Sidebar","description":"A wide AI chat with collapsible sidebar block for React and Next.js with navigation sections, prompt library, model switcher, and context panel using shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","input","select","separator","textarea"],"premium":true,"files":[{"path":"blocks/ai/ai-chat-with-sidebar.tsx","type":"registry:block","target":"components/blocks/ai/ai-chat-with-sidebar.tsx"}]},{"name":"ai-agent-workflow","type":"registry:block","title":"Ai Agent Workflow","description":"A multi-column AI agent workflow pipeline block for React and Next.js with stage columns, step cards, live status tracking, and animated transitions built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","tooltip"],"premium":true,"files":[{"path":"blocks/ai/ai-agent-workflow.tsx","type":"registry:block","target":"components/blocks/ai/ai-agent-workflow.tsx"}]},{"name":"ai-sentiment-analyzer","type":"registry:block","title":"Ai Sentiment Analyzer","description":"A bento grid sentiment analysis dashboard block for React and Next.js with overall sentiment gauge, emotion breakdown bars, keyword extraction, and confidence scoring built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button","textarea"],"premium":true,"files":[{"path":"blocks/ai/ai-sentiment-analyzer.tsx","type":"registry:block","target":"components/blocks/ai/ai-sentiment-analyzer.tsx"}]},{"name":"ai-message-with-artifacts","type":"registry:block","title":"Ai Message With Artifacts","description":"An AI message with artifact panel block for React and Next.js with a split chat and preview layout, tabbed code and preview views, artifact versioning, and download controls using shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","textarea"],"premium":true,"files":[{"path":"blocks/ai/ai-message-with-artifacts.tsx","type":"registry:block","target":"components/blocks/ai/ai-message-with-artifacts.tsx"}]},{"name":"ai-prompt-with-templates","type":"registry:block","title":"Ai Prompt With Templates","description":"A sidebar-plus-content AI prompt template browser for React and Next.js with category navigation, variable placeholders, and one-click prompt filling built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","input","textarea"],"premium":true,"files":[{"path":"blocks/ai/ai-prompt-with-templates.tsx","type":"registry:block","target":"components/blocks/ai/ai-prompt-with-templates.tsx"}]},{"name":"ai-code-editor","type":"registry:block","title":"Ai Code Editor","description":"A sidebar-and-content AI code editor block for React and Next.js with file tree navigation, syntax-highlighted code display, inline AI suggestions, and diagnostic markers built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","card"],"premium":true,"files":[{"path":"blocks/ai/ai-code-editor.tsx","type":"registry:block","target":"components/blocks/ai/ai-code-editor.tsx"}]},{"name":"ai-prompt-model-selector","type":"registry:block","title":"Ai Prompt Model Selector","description":"A React AI prompt input with integrated model selector showing speed, quality, and cost indicators for Next.js built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","tooltip"],"premium":true,"files":[{"path":"blocks/ai/ai-prompt-model-selector.tsx","type":"registry:block","target":"components/blocks/ai/ai-prompt-model-selector.tsx"}]},{"name":"ai-learning-path","type":"registry:block","title":"Ai Learning Path","description":"A vertical timeline learning path block for React and Next.js with module nodes, progress tracking, skill badges, lesson counts, and completion states built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","tooltip"],"premium":true,"files":[{"path":"blocks/ai/ai-learning-path.tsx","type":"registry:block","target":"components/blocks/ai/ai-learning-path.tsx"}]},{"name":"ai-multimodal-chat","type":"registry:block","title":"Ai Multimodal Chat","description":"A React AI multimodal chat block for Next.js with image attachments, file uploads, audio indicators, rich message rendering, and a multimodal input bar built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/ai/ai-multimodal-chat.tsx","type":"registry:block","target":"components/blocks/ai/ai-multimodal-chat.tsx"}]},{"name":"ai-api-playground","type":"registry:block","title":"Ai Api Playground","description":"A split-panel AI API playground block for React and Next.js with request builder, method selector, parameter controls, response viewer with JSON and headers tabs built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","select","slider","textarea"],"premium":true,"files":[{"path":"blocks/ai/ai-api-playground.tsx","type":"registry:block","target":"components/blocks/ai/ai-api-playground.tsx"}]},{"name":"ai-image-generator","type":"registry:block","title":"Ai Image Generator","description":"A bento grid AI image generator block for React and Next.js with prompt input, style presets, aspect ratio controls, generation history, and hover actions built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","input"],"premium":true,"files":[{"path":"blocks/ai/ai-image-generator.tsx","type":"registry:block","target":"components/blocks/ai/ai-image-generator.tsx"}]},{"name":"ai-token-usage","type":"registry:block","title":"Ai Token Usage","description":"A bento grid AI token usage dashboard block for React and Next.js with model breakdown, cost tracking, usage bars, budget alerts, and conversation history built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/ai/ai-token-usage.tsx","type":"registry:block","target":"components/blocks/ai/ai-token-usage.tsx"}]},{"name":"ai-rag-search","type":"registry:block","title":"Ai Rag Search","description":"A split-panel retrieval-augmented generation search interface for React and Next.js with source documents, relevance scoring, and AI-synthesized answers with inline citations built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","input","separator"],"premium":true,"files":[{"path":"blocks/ai/ai-rag-search.tsx","type":"registry:block","target":"components/blocks/ai/ai-rag-search.tsx"}]},{"name":"ai-prompt-inline-suggestions","type":"registry:block","title":"Ai Prompt Inline Suggestions","description":"An AI prompt input block for React and Next.js with ghost text inline suggestions, tab-to-accept completion, multiple alternative suggestion chips, and context-aware matching built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/ai/ai-prompt-inline-suggestions.tsx","type":"registry:block","target":"components/blocks/ai/ai-prompt-inline-suggestions.tsx"}]},{"name":"ai-research-chat","type":"registry:block","title":"Ai Research Chat","description":"A research chat interface with sidebar for React and Next.js featuring source document panels, collapsible reasoning, inline citations, and follow-up suggestions built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","textarea"],"premium":true,"files":[{"path":"blocks/ai/ai-research-chat.tsx","type":"registry:block","target":"components/blocks/ai/ai-research-chat.tsx"}]},{"name":"ai-onboarding-wizard","type":"registry:block","title":"Ai Onboarding Wizard","description":"A multi-step AI onboarding wizard block for React and Next.js with animated progress stepper, persona selection cards, model preference configuration, and deployment summary built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","slider","switch"],"premium":true,"files":[{"path":"blocks/ai/ai-onboarding-wizard.tsx","type":"registry:block","target":"components/blocks/ai/ai-onboarding-wizard.tsx"}]},{"name":"ai-writing-assistant","type":"registry:block","title":"Ai Writing Assistant","description":"A split panel AI writing assistant block for React and Next.js with a text editor on the left and AI suggestions panel on the right featuring tone analysis, grammar fixes, clarity improvements, and readability scoring built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","select","separator","textarea"],"premium":true,"files":[{"path":"blocks/ai/ai-writing-assistant.tsx","type":"registry:block","target":"components/blocks/ai/ai-writing-assistant.tsx"}]},{"name":"ai-accessibility-checker","type":"registry:block","title":"Ai Accessibility Checker","description":"A split-panel AI accessibility audit block for React and Next.js with score visualization, severity filtering, expandable issues with AI fix suggestions, and copy-to-clipboard built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","input"],"premium":true,"files":[{"path":"blocks/ai/ai-accessibility-checker.tsx","type":"registry:block","target":"components/blocks/ai/ai-accessibility-checker.tsx"}]},{"name":"ai-resume-builder","type":"registry:block","title":"Ai Resume Builder","description":"A sidebar-plus-content AI resume builder for React and Next.js with section navigation, inline editing, AI improvement suggestions, and live preview built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","input","separator","textarea"],"premium":true,"files":[{"path":"blocks/ai/ai-resume-builder.tsx","type":"registry:block","target":"components/blocks/ai/ai-resume-builder.tsx"}]},{"name":"ai-chat-with-history","type":"registry:block","title":"Ai Chat With History","description":"A ChatGPT-style AI chat with history block for React and Next.js with grouped conversation sidebar, pinned chats, message reactions, and streaming indicators using shadcn/ui and Tailwind CSS","dependencies":["motion","date-fns","lucide-react"],"registryDependencies":["badge","button","input","textarea","tooltip"],"premium":true,"files":[{"path":"blocks/ai/ai-chat-with-history.tsx","type":"registry:block","target":"components/blocks/ai/ai-chat-with-history.tsx"}]},{"name":"ai-voice-assistant","type":"registry:block","title":"Ai Voice Assistant","description":"A voice assistant interface block for React and Next.js with animated waveform visualization, live transcript, voice activity detection, conversation history, and voice settings controls built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","select"],"premium":true,"files":[{"path":"blocks/ai/ai-voice-assistant.tsx","type":"registry:block","target":"components/blocks/ai/ai-voice-assistant.tsx"}]},{"name":"ai-social-media-post","type":"registry:block","title":"Ai Social Media Post","description":"A social media post composer block for React and Next.js with platform-specific tabs, character limits, tone selection, AI hashtag suggestions, and live preview built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","textarea"],"premium":true,"files":[{"path":"blocks/ai/ai-social-media-post.tsx","type":"registry:block","target":"components/blocks/ai/ai-social-media-post.tsx"}]},{"name":"ai-chat-with-context","type":"registry:block","title":"Ai Chat With Context","description":"A RAG-powered AI chat block for React and Next.js with collapsible context panel, uploaded document chips, relevance scoring, and source citations built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge","button","textarea"],"premium":true,"files":[{"path":"blocks/ai/ai-chat-with-context.tsx","type":"registry:block","target":"components/blocks/ai/ai-chat-with-context.tsx"}]},{"name":"ai-conversation-analytics","type":"registry:block","title":"Ai Conversation Analytics","description":"A bento grid AI conversation analytics dashboard block for React and Next.js with metric tiles, sentiment distribution bars, topic breakdown chart, response time statistics, and recent conversation list built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/ai/ai-conversation-analytics.tsx","type":"registry:block","target":"components/blocks/ai/ai-conversation-analytics.tsx"}]},{"name":"ai-tool-execution","type":"registry:block","title":"Ai Tool Execution","description":"A vertical timeline block for React and Next.js showing AI tool call execution with status nodes, input/output display, timing markers, and animated transitions built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","tooltip"],"premium":true,"files":[{"path":"blocks/ai/ai-tool-execution.tsx","type":"registry:block","target":"components/blocks/ai/ai-tool-execution.tsx"}]},{"name":"ai-message-with-citations","type":"registry:block","title":"Ai Message With Citations","description":"A React AI message block with inline numbered citations for Next.js featuring expandable source cards, hover preview tooltips, and animated source highlighting built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","tooltip"],"premium":true,"files":[{"path":"blocks/ai/ai-message-with-citations.tsx","type":"registry:block","target":"components/blocks/ai/ai-message-with-citations.tsx"}]},{"name":"ai-performance-metrics","type":"registry:block","title":"Ai Performance Metrics","description":"A bento grid AI performance metrics dashboard block for React and Next.js with latency percentiles, throughput gauges, error rate indicators, model comparison table, and time-range selector built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/ai/ai-performance-metrics.tsx","type":"registry:block","target":"components/blocks/ai/ai-performance-metrics.tsx"}]},{"name":"ai-model-comparison","type":"registry:block","title":"Ai Model Comparison","description":"A React AI model comparison block for Next.js with side-by-side response columns, prompt input, speed and quality metrics, and cost analysis built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","input"],"premium":true,"files":[{"path":"blocks/ai/ai-model-comparison.tsx","type":"registry:block","target":"components/blocks/ai/ai-model-comparison.tsx"}]},{"name":"ai-message-with-steps","type":"registry:block","title":"Ai Message With Steps","description":"A React AI message block with numbered execution steps for Next.js featuring a vertical timeline with status indicators, progress tracking, expandable code snippets, and copy functionality built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/ai/ai-message-with-steps.tsx","type":"registry:block","target":"components/blocks/ai/ai-message-with-steps.tsx"}]},{"name":"ai-code-refactor","type":"registry:block","title":"Ai Code Refactor","description":"A split-panel AI code refactoring block for React and Next.js with original code issues highlighted on the left, refactored code with improvement annotations on the right, and priority-based suggestion management built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/ai/ai-code-refactor.tsx","type":"registry:block","target":"components/blocks/ai/ai-code-refactor.tsx"}]},{"name":"ai-test-results","type":"registry:block","title":"Ai Test Results","description":"A data table AI test results block for React and Next.js with suite grouping, pass/fail/skip filtering, expandable error details, duration tracking, and re-run controls built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/ai/ai-test-results.tsx","type":"registry:block","target":"components/blocks/ai/ai-test-results.tsx"}]},{"name":"ai-prompt-command-style","type":"registry:block","title":"Ai Prompt Command Style","description":"A terminal-style AI command prompt block for React and Next.js with slash command autocomplete, history navigation, output rendering, and keyboard shortcuts built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/ai/ai-prompt-command-style.tsx","type":"registry:block","target":"components/blocks/ai/ai-prompt-command-style.tsx"}]},{"name":"ai-prompt-with-mentions","type":"registry:block","title":"Ai Prompt With Mentions","description":"A React AI prompt with @mention autocomplete block for Next.js featuring inline context badges, keyboard-navigable popover, and source linking built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/ai/ai-prompt-with-mentions.tsx","type":"registry:block","target":"components/blocks/ai/ai-prompt-with-mentions.tsx"}]},{"name":"ai-chat-floating-widget","type":"registry:block","title":"Ai Chat Floating Widget","description":"A floating AI chat widget block for React and Next.js with collapsible bubble trigger, animated popup chat panel, typing indicator, message actions, and embedded input using shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/ai/ai-chat-floating-widget.tsx","type":"registry:block","target":"components/blocks/ai/ai-chat-floating-widget.tsx"}]},{"name":"ai-group-chat","type":"registry:block","title":"Ai Group Chat","description":"A scrollable multi-agent AI group chat block for React and Next.js with colored avatars, participant roster, typing indicators, @mentions, and copy-to-clipboard built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","input","scroll-area"],"premium":true,"files":[{"path":"blocks/ai/ai-group-chat.tsx","type":"registry:block","target":"components/blocks/ai/ai-group-chat.tsx"}]},{"name":"ai-chat-fullscreen","type":"registry:block","title":"Ai Chat Fullscreen","description":"A fullscreen AI chat block for React and Next.js with conversation list sidebar, main chat area, collapsible context panel, model selector, and message streaming using shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","input"],"premium":true,"files":[{"path":"blocks/ai/ai-chat-fullscreen.tsx","type":"registry:block","target":"components/blocks/ai/ai-chat-fullscreen.tsx"}]},{"name":"ai-message-with-web-preview","type":"registry:block","title":"Ai Message With Web Preview","description":"A React AI message block with rich URL preview cards for Next.js featuring link metadata extraction, site favicon initials, expandable descriptions, and Open Graph-style layouts built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/ai/ai-message-with-web-preview.tsx","type":"registry:block","target":"components/blocks/ai/ai-message-with-web-preview.tsx"}]},{"name":"ai-prompt-library","type":"registry:block","title":"Ai Prompt Library","description":"A sidebar-plus-content AI prompt template library block for React and Next.js with category navigation, searchable prompt cards grid, copy-to-clipboard, favorite toggle, and use actions built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","input","scroll-area"],"premium":true,"files":[{"path":"blocks/ai/ai-prompt-library.tsx","type":"registry:block","target":"components/blocks/ai/ai-prompt-library.tsx"}]},{"name":"ai-summarizer","type":"registry:block","title":"Ai Summarizer","description":"A split-panel AI text summarization block for React and Next.js with source input, format controls, key points extraction, and word count reduction stats built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","textarea"],"premium":true,"files":[{"path":"blocks/ai/ai-summarizer.tsx","type":"registry:block","target":"components/blocks/ai/ai-summarizer.tsx"}]},{"name":"ai-text-to-sql","type":"registry:block","title":"Ai Text To Sql","description":"A split-panel AI natural language to SQL block for React and Next.js with schema browser, query input, syntax-highlighted SQL output, and results table built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/ai/ai-text-to-sql.tsx","type":"registry:block","target":"components/blocks/ai/ai-text-to-sql.tsx"}]},{"name":"ai-email-composer","type":"registry:block","title":"Ai Email Composer","description":"A standard card AI email composer block for React and Next.js with recipient fields, tone selector, AI rewrite suggestions, inline refinement chips, and compose/preview toggle built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","input","select","textarea"],"premium":true,"files":[{"path":"blocks/ai/ai-email-composer.tsx","type":"registry:block","target":"components/blocks/ai/ai-email-composer.tsx"}]},{"name":"ai-chat-threaded","type":"registry:block","title":"Ai Chat Threaded","description":"A threaded AI chat block for React and Next.js with nested reply branches, collapsible sub-conversations, inline reply compose, and participant avatars built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge","button","textarea"],"premium":true,"files":[{"path":"blocks/ai/ai-chat-threaded.tsx","type":"registry:block","target":"components/blocks/ai/ai-chat-threaded.tsx"}]},{"name":"login-parental-gate","type":"registry:block","title":"Login Parental Gate","description":"Parental verification gate React block for Next.js with age-appropriate challenge question, math problem, parent PIN entry, and kid-friendly visuals using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/login/login-parental-gate.tsx","type":"registry:block","target":"components/blocks/login/login-parental-gate.tsx"}]},{"name":"login-webauthn","type":"registry:block","title":"Login Webauthn","description":"WebAuthn registration and login React authentication block for Next.js with passkey creation flow, authenticator selection, credential management, and fallback to password using shadcn/ui, Tailwind CSS, and Lucide icons","dependencies":["lucide-react"],"registryDependencies":["button","input","label","separator"],"premium":true,"files":[{"path":"blocks/login/login-webauthn.tsx","type":"registry:block","target":"components/blocks/login/login-webauthn.tsx"}]},{"name":"login-full-viewport","type":"registry:block","title":"Login Full Viewport","description":"Full viewport React login page for Next.js with centered floating card, CSS dot grid background pattern, social authentication buttons, email password form, and scale-in entrance animation using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","label","separator"],"premium":true,"files":[{"path":"blocks/login/login-full-viewport.tsx","type":"registry:block","target":"components/blocks/login/login-full-viewport.tsx"}]},{"name":"login-emergency-access","type":"registry:block","title":"Login Emergency Access","description":"Emergency break-glass access React authentication block for Next.js with warning banner, emergency code input, reason selection, audit trail notice, and confirmation dialog using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","label"],"premium":true,"files":[{"path":"blocks/login/login-emergency-access.tsx","type":"registry:block","target":"components/blocks/login/login-emergency-access.tsx"}]},{"name":"login-self-service-reset","type":"registry:block","title":"Login Self Service Reset","description":"Self-service password reset React block for Next.js with email input, new password fields with strength meter, requirements checklist, and success confirmation using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","label"],"premium":true,"files":[{"path":"blocks/login/login-self-service-reset.tsx","type":"registry:block","target":"components/blocks/login/login-self-service-reset.tsx"}]},{"name":"login-saml-redirect","type":"registry:block","title":"Login Saml Redirect","description":"SAML redirect authentication React block for Next.js with provider configuration display, redirect countdown, SAML request preview, and connection status using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/login/login-saml-redirect.tsx","type":"registry:block","target":"components/blocks/login/login-saml-redirect.tsx"}]},{"name":"login-qr-code","type":"registry:block","title":"Login Qr Code","description":"QR code React authentication block for Next.js with generated grid pattern code display, mobile app pairing instructions, refresh countdown timer, and password fallback using shadcn/ui Button, Tailwind CSS, and framer-motion scale animation","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","separator"],"premium":true,"files":[{"path":"blocks/login/login-qr-code.tsx","type":"registry:block","target":"components/blocks/login/login-qr-code.tsx"}]},{"name":"login-avatar-preview","type":"registry:block","title":"Login Avatar Preview","description":"React login form block for Next.js with dynamic avatar that generates from email input showing first letter initial, email display below avatar, and scale-in animation using shadcn/ui Avatar, Input, Button, Label, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","label"],"premium":true,"files":[{"path":"blocks/login/login-avatar-preview.tsx","type":"registry:block","target":"components/blocks/login/login-avatar-preview.tsx"}]},{"name":"login-ip-restriction","type":"registry:block","title":"Login Ip Restriction","description":"IP-restricted login with location check React block for Next.js with current IP display, allowed network list, VPN detection warning, and request access button using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/login/login-ip-restriction.tsx","type":"registry:block","target":"components/blocks/login/login-ip-restriction.tsx"}]},{"name":"login-split-testimonials","type":"registry:block","title":"Login Split Testimonials","description":"Split layout React login block for Next.js with testimonials carousel on left panel, email and password form on right, auto-rotating quotes with avatar and role, and social sign-in options using shadcn/ui, Tailwind CSS, and Lucide icons","dependencies":["lucide-react"],"registryDependencies":["button","input","label","separator"],"premium":true,"files":[{"path":"blocks/login/login-split-testimonials.tsx","type":"registry:block","target":"components/blocks/login/login-split-testimonials.tsx"}]},{"name":"login-developer-api","type":"registry:block","title":"Login Developer Api","description":"Developer-focused React authentication block for Next.js with tabbed interface switching between email password login and API key token authentication with code snippet hint using shadcn/ui Tabs, Input, Tailwind CSS, and framer-motion","dependencies":["framer-motion"],"registryDependencies":["button","input","label","tabs"],"premium":true,"files":[{"path":"blocks/login/login-developer-api.tsx","type":"registry:block","target":"components/blocks/login/login-developer-api.tsx"}]},{"name":"login-duo-security","type":"registry:block","title":"Login Duo Security","description":"Duo Security push notification React authentication block for Next.js with push sent animation, approve on phone prompt, method switcher for SMS and call, and timeout countdown using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/login/login-duo-security.tsx","type":"registry:block","target":"components/blocks/login/login-duo-security.tsx"}]},{"name":"login-device-management","type":"registry:block","title":"Login Device Management","description":"Login with device trust management React block for Next.js with trusted device list, current session indicator, revoke buttons, and remember-device toggle using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/login/login-device-management.tsx","type":"registry:block","target":"components/blocks/login/login-device-management.tsx"}]},{"name":"login-step-verification","type":"registry:block","title":"Login Step Verification","description":"Step-by-step verification React login block for Next.js with multi-step progress indicator, email entry, password entry, and two-factor code stages, back navigation, and completion state using shadcn/ui, Tailwind CSS, and Lucide icons","dependencies":["lucide-react"],"registryDependencies":["button","input","label","separator"],"premium":true,"files":[{"path":"blocks/login/login-step-verification.tsx","type":"registry:block","target":"components/blocks/login/login-step-verification.tsx"}]},{"name":"login-command-palette","type":"registry:block","title":"Login Command Palette","description":"Command palette React authentication block for Next.js styled as a keyboard shortcut menu with search input, filterable sign-in method rows, keyboard shortcut hints, and sequential fade-in animations using shadcn/ui Input, Button, Kbd, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["input","kbd"],"premium":true,"files":[{"path":"blocks/login/login-command-palette.tsx","type":"registry:block","target":"components/blocks/login/login-command-palette.tsx"}]},{"name":"login-security-audit","type":"registry:block","title":"Login Security Audit","description":"Security audit before login React block for Next.js with checklist of security items, pass and fail indicators, overall score, and remediation suggestions using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/login/login-security-audit.tsx","type":"registry:block","target":"components/blocks/login/login-security-audit.tsx"}]},{"name":"login-dark-side-panel","type":"registry:block","title":"Login Dark Side Panel","description":"Split-panel React login block for Next.js with staggered animated form fields, social buttons, and dark zinc testimonial sidebar featuring customer quote and star rating using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","label","separator"],"premium":true,"files":[{"path":"blocks/login/login-dark-side-panel.tsx","type":"registry:block","target":"components/blocks/login/login-dark-side-panel.tsx"}]},{"name":"login-smart-card","type":"registry:block","title":"Login Smart Card","description":"Smart card reader React authentication block for Next.js with card reader status indicator, insert card prompt, certificate extraction display, and PIN entry form using shadcn/ui, Tailwind CSS, and Lucide icons","dependencies":["lucide-react"],"registryDependencies":["button","input","label","separator"],"premium":true,"files":[{"path":"blocks/login/login-smart-card.tsx","type":"registry:block","target":"components/blocks/login/login-smart-card.tsx"}]},{"name":"login-phone-auth","type":"registry:block","title":"Login Phone Auth","description":"Phone number React sign-in block for Next.js with country code selector dropdown, phone input with international dial code, SMS verification note, and slide-up animation using shadcn/ui Select, Input, Button, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","label","select","separator"],"premium":true,"files":[{"path":"blocks/login/login-phone-auth.tsx","type":"registry:block","target":"components/blocks/login/login-phone-auth.tsx"}]},{"name":"login-terms-consent","type":"registry:block","title":"Login Terms Consent","description":"React login form block for Next.js with required terms of service and privacy policy consent checkboxes, optional marketing opt-in, conditional submit button, and slide-up animation using shadcn/ui Checkbox, Input, Button, Tailwind CSS, and framer-motion","dependencies":["framer-motion"],"registryDependencies":["button","checkbox","input","label"],"premium":true,"files":[{"path":"blocks/login/login-terms-consent.tsx","type":"registry:block","target":"components/blocks/login/login-terms-consent.tsx"}]},{"name":"login-split-diagonal","type":"registry:block","title":"Login Split Diagonal","description":"Split-panel React login block for Next.js with diagonal CSS clip-path dark branding panel, company stats, sign-in form, and panels sliding in from opposite sides using shadcn/ui Input, Button, Label, Tailwind CSS, and framer-motion","dependencies":["framer-motion"],"registryDependencies":["button","input","label"],"premium":true,"files":[{"path":"blocks/login/login-split-diagonal.tsx","type":"registry:block","target":"components/blocks/login/login-split-diagonal.tsx"}]},{"name":"login-trusted-brands","type":"registry:block","title":"Login Trusted Brands","description":"React login form block for Next.js with email password authentication, social buttons, and trusted-by company logo cloud showing Stripe, Vercel, Linear, Notion, and Figma with fade-in animations using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","label","separator"],"premium":true,"files":[{"path":"blocks/login/login-trusted-brands.tsx","type":"registry:block","target":"components/blocks/login/login-trusted-brands.tsx"}]},{"name":"login-lockout-recovery","type":"registry:block","title":"Login Lockout Recovery","description":"Account lockout recovery React block for Next.js with lockout reason display, remaining attempts counter, recovery options list, and cooldown timer using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/login/login-lockout-recovery.tsx","type":"registry:block","target":"components/blocks/login/login-lockout-recovery.tsx"}]},{"name":"login-session-limit","type":"registry:block","title":"Login Session Limit","description":"Session limit reached React notification block for Next.js with active sessions list, device and location details, terminate session buttons, and upgrade prompt using shadcn/ui, Tailwind CSS, and Lucide icons","dependencies":["lucide-react"],"registryDependencies":["button","separator"],"premium":true,"files":[{"path":"blocks/login/login-session-limit.tsx","type":"registry:block","target":"components/blocks/login/login-session-limit.tsx"}]},{"name":"login-email-first","type":"registry:block","title":"Login Email First","description":"Progressive React email-first authentication block for Next.js with two-step flow showing email input first then password entry with email badge, back navigation, and slide transitions using shadcn/ui Input, Button, Badge, Tailwind CSS, and framer-motion AnimatePresence","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","input","label","separator"],"premium":true,"files":[{"path":"blocks/login/login-email-first.tsx","type":"registry:block","target":"components/blocks/login/login-email-first.tsx"}]},{"name":"login-profile-switch","type":"registry:block","title":"Login Profile Switch","description":"Profile switcher React login block for Next.js with saved user profiles list, avatar and role display, add account button, and remove profile option using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","button"],"premium":true,"files":[{"path":"blocks/login/login-profile-switch.tsx","type":"registry:block","target":"components/blocks/login/login-profile-switch.tsx"}]},{"name":"login-federated-identity","type":"registry:block","title":"Login Federated Identity","description":"Federated identity provider selection React block for Next.js with provider list showing SAML, OIDC, and OAuth options, provider status indicators, and direct redirect buttons using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/login/login-federated-identity.tsx","type":"registry:block","target":"components/blocks/login/login-federated-identity.tsx"}]},{"name":"login-magic-link","type":"registry:block","title":"Login Magic Link","description":"Passwordless React magic link sign-in block for Next.js with email input, send button, animated inbox confirmation state with envelope icon, and crossfade transitions using shadcn/ui, Tailwind CSS, and framer-motion AnimatePresence","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/login/login-magic-link.tsx","type":"registry:block","target":"components/blocks/login/login-magic-link.tsx"}]},{"name":"login-forgot-password","type":"registry:block","title":"Login Forgot Password","description":"Password recovery React form block for Next.js with email input, send reset link button, animated success state with mail icon, and crossfade transition using shadcn/ui, Tailwind CSS, and framer-motion AnimatePresence","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","label"],"premium":true,"files":[{"path":"blocks/login/login-forgot-password.tsx","type":"registry:block","target":"components/blocks/login/login-forgot-password.tsx"}]},{"name":"login-encryption-key","type":"registry:block","title":"Login Encryption Key","description":"Encryption key-based React authentication block for Next.js with key file upload zone, manual key paste textarea, key format validation indicator, and decrypt button using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/login/login-encryption-key.tsx","type":"registry:block","target":"components/blocks/login/login-encryption-key.tsx"}]},{"name":"login-floating-labels","type":"registry:block","title":"Login Floating Labels","description":"Animated floating label React sign-in form for Next.js with labels that animate upward on focus, email and password inputs, remember me checkbox, and forgot password link using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion"],"registryDependencies":["button","checkbox"],"premium":true,"files":[{"path":"blocks/login/login-floating-labels.tsx","type":"registry:block","target":"components/blocks/login/login-floating-labels.tsx"}]},{"name":"login-testimonial-sidebar","type":"registry:block","title":"Login Testimonial Sidebar","description":"Split-panel React login block for Next.js with sign-in form and social buttons on left, customer testimonial quote with avatar, name, role, and company on right using shadcn/ui Avatar, Input, Separator, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","button","input","label","separator"],"premium":true,"files":[{"path":"blocks/login/login-testimonial-sidebar.tsx","type":"registry:block","target":"components/blocks/login/login-testimonial-sidebar.tsx"}]},{"name":"login-kiosk-mode","type":"registry:block","title":"Login Kiosk Mode","description":"Kiosk and shared device login React block for Next.js with session timer, auto-logout warning, quick PIN entry, and privacy mode indicator using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/login/login-kiosk-mode.tsx","type":"registry:block","target":"components/blocks/login/login-kiosk-mode.tsx"}]},{"name":"login-device-approval","type":"registry:block","title":"Login Device Approval","description":"New device approval React authentication block for Next.js with device info display, location and browser details, approve and deny buttons, and notification to trusted device using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/login/login-device-approval.tsx","type":"registry:block","target":"components/blocks/login/login-device-approval.tsx"}]},{"name":"login-biometric-auth","type":"registry:block","title":"Login Biometric Auth","description":"Biometric fingerprint React authentication block for Next.js with animated fingerprint scanner, scan-now button, device compatibility check, and fallback to password using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/login/login-biometric-auth.tsx","type":"registry:block","target":"components/blocks/login/login-biometric-auth.tsx"}]},{"name":"login-benefits-list","type":"registry:block","title":"Login Benefits List","description":"Split-panel React login block for Next.js with sign-in form on left and product benefits checklist with animated green check icons on right using shadcn/ui Input, Checkbox, Separator, Tailwind CSS, and framer-motion stagger animations","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","checkbox","input","label"],"premium":true,"files":[{"path":"blocks/login/login-benefits-list.tsx","type":"registry:block","target":"components/blocks/login/login-benefits-list.tsx"}]},{"name":"login-alert-banner","type":"registry:block","title":"Login Alert Banner","description":"React login form block for Next.js with dismissible amber maintenance alert notification banner, email password fields, and slide-down banner animation using shadcn/ui Input, Button, Label, Tailwind CSS, and framer-motion AnimatePresence","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","label"],"premium":true,"files":[{"path":"blocks/login/login-alert-banner.tsx","type":"registry:block","target":"components/blocks/login/login-alert-banner.tsx"}]},{"name":"login-feature-showcase","type":"registry:block","title":"Login Feature Showcase","description":"Split-panel React login block for Next.js with sign-in form and social buttons on left, product feature highlights with icons and descriptions on right, and staggered entrance animations using shadcn/ui Input, Button, Separator, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","label","separator"],"premium":true,"files":[{"path":"blocks/login/login-feature-showcase.tsx","type":"registry:block","target":"components/blocks/login/login-feature-showcase.tsx"}]},{"name":"login-app-download","type":"registry:block","title":"Login App Download","description":"React login form block for Next.js with email password authentication and mobile app download call-to-action section with App Store and Google Play buttons and slide-up animation using shadcn/ui Input, Button, Label, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","label"],"premium":true,"files":[{"path":"blocks/login/login-app-download.tsx","type":"registry:block","target":"components/blocks/login/login-app-download.tsx"}]},{"name":"login-identity-provider","type":"registry:block","title":"Login Identity Provider","description":"Identity provider chooser React block for Next.js with categorized provider list, search filter, provider icons, and direct connect buttons using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["input"],"premium":true,"files":[{"path":"blocks/login/login-identity-provider.tsx","type":"registry:block","target":"components/blocks/login/login-identity-provider.tsx"}]},{"name":"login-language-selector","type":"registry:block","title":"Login Language Selector","description":"Internationalized React login form for Next.js with language locale selector supporting English Spanish French German and Japanese, translated form labels, and fade animation on language change using shadcn/ui Select, Input, Button, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","label","select"],"premium":true,"files":[{"path":"blocks/login/login-language-selector.tsx","type":"registry:block","target":"components/blocks/login/login-language-selector.tsx"}]},{"name":"login-pattern-lock","type":"registry:block","title":"Login Pattern Lock","description":"Pattern gesture lock screen React block for Next.js with 3x3 dot grid, pattern drawing visualization, clear and submit buttons, and attempt counter using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/login/login-pattern-lock.tsx","type":"registry:block","target":"components/blocks/login/login-pattern-lock.tsx"}]},{"name":"login-zero-trust","type":"registry:block","title":"Login Zero Trust","description":"Zero-trust security verification React login block for Next.js with device posture check, network compliance validation, identity verification stages, policy enforcement display, and continuous assessment status using shadcn/ui, Tailwind CSS, and Lucide icons","dependencies":["lucide-react"],"registryDependencies":["button","separator"],"premium":true,"files":[{"path":"blocks/login/login-zero-trust.tsx","type":"registry:block","target":"components/blocks/login/login-zero-trust.tsx"}]},{"name":"login-custom-branding","type":"registry:block","title":"Login Custom Branding","description":"White-label customizable branded React login block for Next.js with configurable company logo, brand colors, custom welcome text, email and password form, and brand footer using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","label","separator"],"premium":true,"files":[{"path":"blocks/login/login-custom-branding.tsx","type":"registry:block","target":"components/blocks/login/login-custom-branding.tsx"}]},{"name":"login-progress-steps","type":"registry:block","title":"Login Progress Steps","description":"Multi-step React login wizard for Next.js with visual progress bar, three authentication steps for credentials verification and completion, step icons, success animation, and slide transitions using shadcn/ui Progress, Input, Button, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","input-otp","label","progress"],"premium":true,"files":[{"path":"blocks/login/login-progress-steps.tsx","type":"registry:block","target":"components/blocks/login/login-progress-steps.tsx"}]},{"name":"login-offline-code","type":"registry:block","title":"Login Offline Code","description":"Offline access code entry React block for Next.js with code input field, offline mode indicator, sync status display, and connectivity check using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","label"],"premium":true,"files":[{"path":"blocks/login/login-offline-code.tsx","type":"registry:block","target":"components/blocks/login/login-offline-code.tsx"}]},{"name":"login-role-select","type":"registry:block","title":"Login Role Select","description":"React authentication block for Next.js with sign-in form followed by post-login role selection showing admin, developer, and viewer cards with icons, descriptions, and scale-in animations using shadcn/ui Input, Button, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","label"],"premium":true,"files":[{"path":"blocks/login/login-role-select.tsx","type":"registry:block","target":"components/blocks/login/login-role-select.tsx"}]},{"name":"login-hardware-key","type":"registry:block","title":"Login Hardware Key","description":"Hardware security key YubiKey React authentication block for Next.js with animated key icon, insert-key prompt, blinking status indicator, and USB and NFC method options using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/login/login-hardware-key.tsx","type":"registry:block","target":"components/blocks/login/login-hardware-key.tsx"}]},{"name":"login-otp-verification","type":"registry:block","title":"Login Otp Verification","description":"Six-digit OTP React verification block for Next.js with animated code input slots, verify button, resend code countdown, and spring entrance animation using shadcn/ui InputOTP, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input-otp"],"premium":true,"files":[{"path":"blocks/login/login-otp-verification.tsx","type":"registry:block","target":"components/blocks/login/login-otp-verification.tsx"}]},{"name":"login-team-invite","type":"registry:block","title":"Login Team Invite","description":"Team invitation React acceptance block for Next.js with workspace details, invitee email display, name and password creation fields, and fade-in animation using shadcn/ui Avatar, Input, Button, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","label"],"premium":true,"files":[{"path":"blocks/login/login-team-invite.tsx","type":"registry:block","target":"components/blocks/login/login-team-invite.tsx"}]},{"name":"login-security-questions","type":"registry:block","title":"Login Security Questions","description":"Security question challenge React block for Next.js with randomized question display, answer input field, attempt tracking, and hint option using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","label"],"premium":true,"files":[{"path":"blocks/login/login-security-questions.tsx","type":"registry:block","target":"components/blocks/login/login-security-questions.tsx"}]},{"name":"login-passwordless","type":"registry:block","title":"Login Passwordless","description":"Passwordless React authentication method selector for Next.js with magic link, passkey, phone SMS, and authenticator app options as selectable rows with icons and staggered entrance animations using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/login/login-passwordless.tsx","type":"registry:block","target":"components/blocks/login/login-passwordless.tsx"}]},{"name":"login-domain-routing","type":"registry:block","title":"Login Domain Routing","description":"Email domain auto-routing React login block for Next.js with email input, automatic SSO provider detection based on domain, provider display with redirect button, and manual override using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","label"],"premium":true,"files":[{"path":"blocks/login/login-domain-routing.tsx","type":"registry:block","target":"components/blocks/login/login-domain-routing.tsx"}]},{"name":"login-stats-sidebar","type":"registry:block","title":"Login Stats Sidebar","description":"Split-panel React login block for Next.js with sign-in form on left and company statistics grid showing users, uptime, countries, and ratings with staggered counter animations using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","label","separator"],"premium":true,"files":[{"path":"blocks/login/login-stats-sidebar.tsx","type":"registry:block","target":"components/blocks/login/login-stats-sidebar.tsx"}]},{"name":"login-pin-entry","type":"registry:block","title":"Login Pin Entry","description":"Four-digit PIN code React login block for Next.js with visual dot indicators, numeric keypad grid, shake animation on incorrect PIN, and scale feedback on keypress using shadcn/ui Button, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/login/login-pin-entry.tsx","type":"registry:block","target":"components/blocks/login/login-pin-entry.tsx"}]},{"name":"login-captcha-verification","type":"registry:block","title":"Login Captcha Verification","description":"Login with CAPTCHA challenge React block for Next.js with email and password form, interactive image grid CAPTCHA, verify button, and accessibility toggle using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","label"],"premium":true,"files":[{"path":"blocks/login/login-captcha-verification.tsx","type":"registry:block","target":"components/blocks/login/login-captcha-verification.tsx"}]},{"name":"login-vpn-required","type":"registry:block","title":"Login Vpn Required","description":"VPN required notification React login block for Next.js with network status check, VPN connection instructions, supported client list, connection troubleshooting, and retry mechanism using shadcn/ui, Tailwind CSS, and Lucide icons","dependencies":["lucide-react"],"registryDependencies":["button","separator"],"premium":true,"files":[{"path":"blocks/login/login-vpn-required.tsx","type":"registry:block","target":"components/blocks/login/login-vpn-required.tsx"}]},{"name":"login-security-badges","type":"registry:block","title":"Login Security Badges","description":"Secure React login form block for Next.js with email password fields and compliance trust badges showing encryption SOC 2 GDPR and uptime indicators with sequential fade-in animations using shadcn/ui Badge, Input, Button, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","input","label"],"premium":true,"files":[{"path":"blocks/login/login-security-badges.tsx","type":"registry:block","target":"components/blocks/login/login-security-badges.tsx"}]},{"name":"login-location-verify","type":"registry:block","title":"Login Location Verify","description":"Location verification React login block for Next.js with map placeholder, detected location display, distance from usual check, confirm and deny buttons using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/login/login-location-verify.tsx","type":"registry:block","target":"components/blocks/login/login-location-verify.tsx"}]},{"name":"login-cookie-consent","type":"registry:block","title":"Login Cookie Consent","description":"Login with cookie consent notice React block for Next.js with email and password form, collapsible cookie preferences panel, essential and analytics toggles, and accept button using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","label","switch"],"premium":true,"files":[{"path":"blocks/login/login-cookie-consent.tsx","type":"registry:block","target":"components/blocks/login/login-cookie-consent.tsx"}]},{"name":"login-split-brand","type":"registry:block","title":"Login Split Brand","description":"Split-panel React login block for Next.js with dark branding sidebar featuring company name, tagline, and feature bullets alongside an email password sign-in form with remember me checkbox using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion"],"registryDependencies":["button","checkbox","input","label"],"premium":true,"files":[{"path":"blocks/login/login-split-brand.tsx","type":"registry:block","target":"components/blocks/login/login-split-brand.tsx"}]},{"name":"login-mfa-backup","type":"registry:block","title":"Login Mfa Backup","description":"MFA backup code entry React block for Next.js with backup code input, remaining codes counter, code format hint, and option to generate new codes using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","label"],"premium":true,"files":[{"path":"blocks/login/login-mfa-backup.tsx","type":"registry:block","target":"components/blocks/login/login-mfa-backup.tsx"}]},{"name":"login-time-restricted","type":"registry:block","title":"Login Time Restricted","description":"Time-restricted access React login block for Next.js with access window display, current status indicator, allowed hours schedule, timezone info, and request-access form for off-hours using shadcn/ui, Tailwind CSS, and Lucide icons","dependencies":["lucide-react"],"registryDependencies":["button","input","label","separator"],"premium":true,"files":[{"path":"blocks/login/login-time-restricted.tsx","type":"registry:block","target":"components/blocks/login/login-time-restricted.tsx"}]},{"name":"login-card-centered","type":"registry:block","title":"Login Card Centered","description":"Centered React login card block for Next.js with app logo, social authentication buttons for Google and GitHub, or-divider, email and password form, and scale-in animation using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","label","separator"],"premium":true,"files":[{"path":"blocks/login/login-card-centered.tsx","type":"registry:block","target":"components/blocks/login/login-card-centered.tsx"}]},{"name":"login-one-time-link","type":"registry:block","title":"Login One Time Link","description":"One-time login link notification React block for Next.js with email confirmation, link expiry countdown, inbox check animation, and resend option using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/login/login-one-time-link.tsx","type":"registry:block","target":"components/blocks/login/login-one-time-link.tsx"}]},{"name":"login-social-buttons","type":"registry:block","title":"Login Social Buttons","description":"Social-only React authentication block for Next.js with staggered animated provider buttons for Google, GitHub, Apple, and Microsoft OAuth sign-in using shadcn/ui Button, Tailwind CSS, and framer-motion","dependencies":["framer-motion"],"registryDependencies":["button","input","separator"],"premium":true,"files":[{"path":"blocks/login/login-social-buttons.tsx","type":"registry:block","target":"components/blocks/login/login-social-buttons.tsx"}]},{"name":"login-tenant-select","type":"registry:block","title":"Login Tenant Select","description":"Multi-tenant selection React login block for Next.js with organization list, workspace search, role indicators, last-accessed timestamps, and create-workspace option using shadcn/ui, Tailwind CSS, and Lucide icons","dependencies":["lucide-react"],"registryDependencies":["button","input","separator"],"premium":true,"files":[{"path":"blocks/login/login-tenant-select.tsx","type":"registry:block","target":"components/blocks/login/login-tenant-select.tsx"}]},{"name":"login-token-auth","type":"registry:block","title":"Login Token Auth","description":"Token and JWT React authentication block for Next.js with textarea for pasting API tokens, live format validation indicator, collapsible token format reference with code example, and expand animation using shadcn/ui Button, Textarea, Label, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","label","textarea"],"premium":true,"files":[{"path":"blocks/login/login-token-auth.tsx","type":"registry:block","target":"components/blocks/login/login-token-auth.tsx"}]},{"name":"login-quick-actions","type":"registry:block","title":"Login Quick Actions","description":"Login with quick action shortcuts React block for Next.js with recent activity feed, one-click resume buttons, quick access links, and session restore option using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/login/login-quick-actions.tsx","type":"registry:block","target":"components/blocks/login/login-quick-actions.tsx"}]},{"name":"login-verify-identity","type":"registry:block","title":"Login Verify Identity","description":"Identity verification React method selector for Next.js with radio group options for SMS, email, and authenticator app verification, send code button, and fade-in animations using shadcn/ui RadioGroup, Button, Label, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/login/login-verify-identity.tsx","type":"registry:block","target":"components/blocks/login/login-verify-identity.tsx"}]},{"name":"login-jwt-debug","type":"registry:block","title":"Login Jwt Debug","description":"JWT token debug and inspect React block for Next.js with token input, decoded header and payload display, expiration check, and signature status using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/login/login-jwt-debug.tsx","type":"registry:block","target":"components/blocks/login/login-jwt-debug.tsx"}]},{"name":"login-create-account","type":"registry:block","title":"Login Create Account","description":"Account registration React form block for Next.js with name, email, password with visual strength indicator bars, confirm password, terms text, and slide-up field animations using shadcn/ui Input, Button, Label, Tailwind CSS, and framer-motion","dependencies":["framer-motion"],"registryDependencies":["button","input","label"],"premium":true,"files":[{"path":"blocks/login/login-create-account.tsx","type":"registry:block","target":"components/blocks/login/login-create-account.tsx"}]},{"name":"login-recovery-email","type":"registry:block","title":"Login Recovery Email","description":"Recovery email verification React block for Next.js with masked email display, verification code input, resend option, and update recovery email link using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","label"],"premium":true,"files":[{"path":"blocks/login/login-recovery-email.tsx","type":"registry:block","target":"components/blocks/login/login-recovery-email.tsx"}]},{"name":"login-risk-assessment","type":"registry:block","title":"Login Risk Assessment","description":"Risk-based authentication React block for Next.js with risk score indicator, risk factors list, adaptive challenge display, and risk level badge using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/login/login-risk-assessment.tsx","type":"registry:block","target":"components/blocks/login/login-risk-assessment.tsx"}]},{"name":"login-gradient-accent","type":"registry:block","title":"Login Gradient Accent","description":"Clean React login form block for Next.js with animated gradient accent line at top of card, email and password fields, terms links, and width animation using shadcn/ui Input, Button, Label, Tailwind CSS, and framer-motion scaleX transition","dependencies":["framer-motion"],"registryDependencies":["button","input","label"],"premium":true,"files":[{"path":"blocks/login/login-gradient-accent.tsx","type":"registry:block","target":"components/blocks/login/login-gradient-accent.tsx"}]},{"name":"login-ldap-directory","type":"registry:block","title":"Login Ldap Directory","description":"LDAP directory authentication React block for Next.js with domain selector, username and password fields, directory server status, and connection security indicator using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","label"],"premium":true,"files":[{"path":"blocks/login/login-ldap-directory.tsx","type":"registry:block","target":"components/blocks/login/login-ldap-directory.tsx"}]},{"name":"login-helpdesk","type":"registry:block","title":"Login Helpdesk","description":"IT helpdesk login recovery React block for Next.js with ticket submission form, employee ID input, issue category selector, and support queue status using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","label"],"premium":true,"files":[{"path":"blocks/login/login-helpdesk.tsx","type":"registry:block","target":"components/blocks/login/login-helpdesk.tsx"}]},{"name":"login-tabbed-auth","type":"registry:block","title":"Login Tabbed Auth","description":"Tabbed React authentication block for Next.js switching between sign-in and account creation forms with animated tab transitions using shadcn/ui Tabs, Input, Button, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","label","separator","tabs"],"premium":true,"files":[{"path":"blocks/login/login-tabbed-auth.tsx","type":"registry:block","target":"components/blocks/login/login-tabbed-auth.tsx"}]},{"name":"login-compact-inline","type":"registry:block","title":"Login Compact Inline","description":"Ultra-compact single-row React inline login form for Next.js with email and password inputs and submit button in one horizontal line using shadcn/ui Input, Button, Tailwind CSS, and framer-motion expand animation","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/login/login-compact-inline.tsx","type":"registry:block","target":"components/blocks/login/login-compact-inline.tsx"}]},{"name":"login-remember-device","type":"registry:block","title":"Login Remember Device","description":"Remember this device checkbox React login block for Next.js with email and password form, device trust checkbox with tooltip explanation, trust duration selector, and security note using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","checkbox","input","label"],"premium":true,"files":[{"path":"blocks/login/login-remember-device.tsx","type":"registry:block","target":"components/blocks/login/login-remember-device.tsx"}]},{"name":"login-voice-auth","type":"registry:block","title":"Login Voice Auth","description":"Voice recognition React authentication block for Next.js with voice recording prompt, waveform visualization, passphrase display, recording state management, and fallback to password using shadcn/ui, Tailwind CSS, and Lucide icons","dependencies":["lucide-react"],"registryDependencies":["button","separator"],"premium":true,"files":[{"path":"blocks/login/login-voice-auth.tsx","type":"registry:block","target":"components/blocks/login/login-voice-auth.tsx"}]},{"name":"login-organization-select","type":"registry:block","title":"Login Organization Select","description":"Organization-scoped React authentication block for Next.js with company selector dropdown, sign-in form after selection, organization name in header, and step transitions using shadcn/ui Select, Input, Button, Tailwind CSS, and framer-motion AnimatePresence","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","input","label","select"],"premium":true,"files":[{"path":"blocks/login/login-organization-select.tsx","type":"registry:block","target":"components/blocks/login/login-organization-select.tsx"}]},{"name":"login-welcome-back","type":"registry:block","title":"Login Welcome Back","description":"Returning user React login block for Next.js with large avatar showing initials, personalized greeting, single password field, switch account link, and spring bounce avatar animation using shadcn/ui Avatar, Input, Button, Tailwind CSS, and framer-motion","dependencies":["framer-motion"],"registryDependencies":["avatar","button","input","label"],"premium":true,"files":[{"path":"blocks/login/login-welcome-back.tsx","type":"registry:block","target":"components/blocks/login/login-welcome-back.tsx"}]},{"name":"login-carousel-testimonials","type":"registry:block","title":"Login Carousel Testimonials","description":"Split-panel React login block for Next.js with sign-in form on left and auto-rotating customer testimonial carousel with avatars, quotes, dot indicators, and fade transitions on right using shadcn/ui Avatar, Input, Separator, Tailwind CSS, and framer-motion","dependencies":["framer-motion"],"registryDependencies":["avatar","button","input","label","separator"],"premium":true,"files":[{"path":"blocks/login/login-carousel-testimonials.tsx","type":"registry:block","target":"components/blocks/login/login-carousel-testimonials.tsx"}]},{"name":"login-account-locked","type":"registry:block","title":"Login Account Locked","description":"Account locked React security screen for Next.js with animated lock icon, cooldown timer display, account email identification, contact support button, and staggered fade-in sections using shadcn/ui Button, Tailwind CSS, and framer-motion spring animation","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/login/login-account-locked.tsx","type":"registry:block","target":"components/blocks/login/login-account-locked.tsx"}]},{"name":"login-facial-recognition","type":"registry:block","title":"Login Facial Recognition","description":"Facial recognition scan React authentication block for Next.js with animated camera viewfinder, face scan overlay, progress indicator, and fallback options using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/login/login-facial-recognition.tsx","type":"registry:block","target":"components/blocks/login/login-facial-recognition.tsx"}]},{"name":"login-oauth-consent","type":"registry:block","title":"Login Oauth Consent","description":"OAuth permission consent React screen block for Next.js with app identity, requested permissions list, scope explanations, and authorize or deny buttons using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/login/login-oauth-consent.tsx","type":"registry:block","target":"components/blocks/login/login-oauth-consent.tsx"}]},{"name":"login-passkey","type":"registry:block","title":"Login Passkey","description":"Passkey and biometric React authentication block for Next.js with animated fingerprint icon, use-passkey button, benefit highlights, and password fallback using shadcn/ui Button, Tailwind CSS, and framer-motion pulse animation","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","separator"],"premium":true,"files":[{"path":"blocks/login/login-passkey.tsx","type":"registry:block","target":"components/blocks/login/login-passkey.tsx"}]},{"name":"login-session-expired","type":"registry:block","title":"Login Session Expired","description":"Session timeout React re-authentication block for Next.js with animated clock icon, expiry notification message, pre-filled read-only email, password input, and spring animation using shadcn/ui Input, Button, Label, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","label"],"premium":true,"files":[{"path":"blocks/login/login-session-expired.tsx","type":"registry:block","target":"components/blocks/login/login-session-expired.tsx"}]},{"name":"login-recent-accounts","type":"registry:block","title":"Login Recent Accounts","description":"Account switcher React login block for Next.js with recent user list showing avatars names and emails, clickable account rows, and alternative sign-in form with staggered list animations using shadcn/ui Avatar, Input, Button, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","button","input","label"],"premium":true,"files":[{"path":"blocks/login/login-recent-accounts.tsx","type":"registry:block","target":"components/blocks/login/login-recent-accounts.tsx"}]},{"name":"login-staggered-animation","type":"registry:block","title":"Login Staggered Animation","description":"Orchestrated React sign-in form for Next.js with sequential staggered entrance animations on logo, title, form fields, and button using shadcn/ui Input, Button, Label, Tailwind CSS, and framer-motion variants with staggerChildren","dependencies":["framer-motion"],"registryDependencies":["button","input","label"],"premium":true,"files":[{"path":"blocks/login/login-staggered-animation.tsx","type":"registry:block","target":"components/blocks/login/login-staggered-animation.tsx"}]},{"name":"login-enterprise-sso","type":"registry:block","title":"Login Enterprise Sso","description":"Enterprise single sign-on React login block for Next.js with company domain input, SSO provider discovery showing Okta, Azure AD, and Google Workspace badges, and staggered animations using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","label"],"premium":true,"files":[{"path":"blocks/login/login-enterprise-sso.tsx","type":"registry:block","target":"components/blocks/login/login-enterprise-sso.tsx"}]},{"name":"login-privacy-notice","type":"registry:block","title":"Login Privacy Notice","description":"Login with privacy policy notice React block for Next.js with email and password form, expandable privacy summary, data handling highlights, and consent checkbox using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","checkbox","input","label"],"premium":true,"files":[{"path":"blocks/login/login-privacy-notice.tsx","type":"registry:block","target":"components/blocks/login/login-privacy-notice.tsx"}]},{"name":"login-social-connect","type":"registry:block","title":"Login Social Connect","description":"Social account linking React authentication block for Next.js with connected accounts list, connect and disconnect toggles, primary account indicator, and email-password fallback using shadcn/ui, Tailwind CSS, and Lucide icons","dependencies":["lucide-react"],"registryDependencies":["button","input","label","separator"],"premium":true,"files":[{"path":"blocks/login/login-social-connect.tsx","type":"registry:block","target":"components/blocks/login/login-social-connect.tsx"}]},{"name":"login-multi-step","type":"registry:block","title":"Login Multi Step","description":"Multi-step React sign-in wizard for Next.js with email, password, and two-factor authentication steps, numbered progress indicator, slide transitions, and back navigation using shadcn/ui, Tailwind CSS, and framer-motion AnimatePresence","dependencies":["framer-motion"],"registryDependencies":["badge","button","input","input-otp","label"],"premium":true,"files":[{"path":"blocks/login/login-multi-step.tsx","type":"registry:block","target":"components/blocks/login/login-multi-step.tsx"}]},{"name":"login-trust-score","type":"registry:block","title":"Login Trust Score","description":"Trust score indicator React login block for Next.js with risk assessment display, trust factors breakdown, score calculation, adaptive authentication based on risk level, and additional verification prompt using shadcn/ui, Tailwind CSS, and Lucide icons","dependencies":["lucide-react"],"registryDependencies":["button","input","label","separator"],"premium":true,"files":[{"path":"blocks/login/login-trust-score.tsx","type":"registry:block","target":"components/blocks/login/login-trust-score.tsx"}]},{"name":"login-two-factor","type":"registry:block","title":"Login Two Factor","description":"Two-factor React authentication block for Next.js with animated shield icon, six-digit authenticator app code entry using InputOTP, verify button, and backup code fallback using shadcn/ui, Tailwind CSS, and framer-motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input-otp"],"premium":true,"files":[{"path":"blocks/login/login-two-factor.tsx","type":"registry:block","target":"components/blocks/login/login-two-factor.tsx"}]},{"name":"login-workspace-picker","type":"registry:block","title":"Login Workspace Picker","description":"Workspace selection React authentication block for Next.js with team list showing avatars, names, and member counts, sign-in form after selection, and slide transitions using shadcn/ui Avatar, Input, Button, Tailwind CSS, and framer-motion AnimatePresence","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","label"],"premium":true,"files":[{"path":"blocks/login/login-workspace-picker.tsx","type":"registry:block","target":"components/blocks/login/login-workspace-picker.tsx"}]},{"name":"login-suspicious-activity","type":"registry:block","title":"Login Suspicious Activity","description":"Suspicious activity warning React authentication block for Next.js with threat details display, unusual location and device info, identity verification prompt, and account recovery options using shadcn/ui, Tailwind CSS, and Lucide icons","dependencies":["lucide-react"],"registryDependencies":["button","input","label","separator"],"premium":true,"files":[{"path":"blocks/login/login-suspicious-activity.tsx","type":"registry:block","target":"components/blocks/login/login-suspicious-activity.tsx"}]},{"name":"login-minimal","type":"registry:block","title":"Login Minimal","description":"Minimal React sign-in form block for Next.js with animated email and password inputs, submit button, and fade-in entrance using shadcn/ui Input, Button, Label components, Tailwind CSS, and framer-motion","dependencies":["framer-motion"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/login/login-minimal.tsx","type":"registry:block","target":"components/blocks/login/login-minimal.tsx"}]},{"name":"gallery-map-pins","type":"registry:block","title":"Gallery Map Pins","description":"A location-based gallery with map markers and photo navigation, built with React, Next.js, shadcn/ui, Framer Motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/gallery/gallery-map-pins.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-map-pins.tsx"}]},{"name":"gallery-filterable","type":"registry:block","title":"Gallery Filterable","description":"An interactive filterable gallery built with React, Next.js, shadcn/ui, and Tailwind CSS featuring category tabs and animated transitions","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/gallery/gallery-filterable.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-filterable.tsx"}]},{"name":"gallery-drag-reorder","type":"registry:block","title":"Gallery Drag Reorder","description":"A reorderable photo gallery with drag-and-drop functionality built with React, Next.js, shadcn/ui, Framer Motion, and Tailwind CSS. Features smooth layout animations and visual drag handles.","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/gallery/gallery-drag-reorder.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-drag-reorder.tsx"}]},{"name":"gallery-portfolio","type":"registry:block","title":"Gallery Portfolio","description":"A portfolio-style gallery with project cards built with React, Next.js, shadcn/ui, and Tailwind CSS. Hover to reveal project descriptions with smooth overlay transitions.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/gallery/gallery-portfolio.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-portfolio.tsx"}]},{"name":"gallery-photo-booth","type":"registry:block","title":"Gallery Photo Booth","description":"A photo booth strip layout with vintage aesthetic and decorative borders, built with React, Next.js, shadcn/ui, Framer Motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/gallery/gallery-photo-booth.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-photo-booth.tsx"}]},{"name":"gallery-app-screens","type":"registry:block","title":"Gallery App Screens","description":"A mobile app screenshots gallery built with React, Next.js, shadcn/ui, and Tailwind CSS. Displays screenshots in phone frame mockups with horizontal scrolling and feature descriptions in an app store style layout.","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/gallery/gallery-app-screens.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-app-screens.tsx"}]},{"name":"gallery-awards","type":"registry:block","title":"Gallery Awards","description":"An awards and recognition gallery component built with React, Next.js, shadcn/ui, and Tailwind CSS. Displays award badges in a grid with trophy icons, award names, years, and issuing organizations with gold accents for winners.","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/gallery/gallery-awards.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-awards.tsx"}]},{"name":"gallery-responsive-columns","type":"registry:block","title":"Gallery Responsive Columns","description":"A gallery that demonstrates responsive column counts with 1 col on mobile, 2 on md, 3 on lg, 4 on xl built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/gallery/gallery-responsive-columns.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-responsive-columns.tsx"}]},{"name":"gallery-real-estate","type":"registry:block","title":"Gallery Real Estate","description":"A real estate property showcase with hero images, floor plans, room thumbnails, and property details built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/gallery/gallery-real-estate.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-real-estate.tsx"}]},{"name":"gallery-feature-highlight","type":"registry:block","title":"Gallery Feature Highlight","description":"A feature highlight gallery with large screenshots, descriptions, and learn more links built with React, Next.js, shadcn/ui, and Tailwind CSS. Perfect for product pages with alternating left/right layout.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/gallery/gallery-feature-highlight.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-feature-highlight.tsx"}]},{"name":"gallery-social-feed","type":"registry:block","title":"Gallery Social Feed","description":"A social media feed-style gallery with avatars, interactions, and timestamps, built with React, Next.js, shadcn/ui, Framer Motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/gallery/gallery-social-feed.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-social-feed.tsx"}]},{"name":"gallery-team-photos","type":"registry:block","title":"Gallery Team Photos","description":"A team member photo gallery with circular avatars, roles, and department filters built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/gallery/gallery-team-photos.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-team-photos.tsx"}]},{"name":"gallery-featured-hero","type":"registry:block","title":"Gallery Featured Hero","description":"A hero gallery with featured image and thumbnail navigation built with React, Next.js, shadcn/ui, and Tailwind CSS. Click thumbnails to swap the featured image with smooth transitions.","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/gallery/gallery-featured-hero.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-featured-hero.tsx"}]},{"name":"gallery-collage","type":"registry:block","title":"Gallery Collage","description":"An artistic collage layout with overlapping images at various sizes and rotations, built with React, Next.js, shadcn/ui, and Tailwind CSS. Tightly packed arrangement with dynamic positioning.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/gallery/gallery-collage.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-collage.tsx"}]},{"name":"gallery-grid-with-sidebar","type":"registry:block","title":"Gallery Grid With Sidebar","description":"A gallery grid with a left filter sidebar for categories, price range, and ratings, built with React, Next.js, shadcn/ui, and Tailwind CSS. Real-time filtering of gallery items.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","checkbox","label","slider"],"premium":true,"files":[{"path":"blocks/gallery/gallery-grid-with-sidebar.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-grid-with-sidebar.tsx"}]},{"name":"gallery-carousel-3d","type":"registry:block","title":"Gallery Carousel 3d","description":"A three-dimensional rotating carousel using CSS perspective and rotateY transforms with circular arrangement and arrow navigation built with React, Next.js, shadcn/ui, Tailwind CSS, and Framer Motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/gallery/gallery-carousel-3d.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-carousel-3d.tsx"}]},{"name":"gallery-sortable","type":"registry:block","title":"Gallery Sortable","description":"A sortable image gallery built with React, Next.js, shadcn/ui, and Tailwind CSS. Features dropdown sorting by newest, oldest, most liked, and alphabetical order with smooth layout animations.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["select"],"premium":true,"files":[{"path":"blocks/gallery/gallery-sortable.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-sortable.tsx"}]},{"name":"gallery-polaroid","type":"registry:block","title":"Gallery Polaroid","description":"A nostalgic polaroid-style gallery with white borders and scattered layout for React, Next.js, shadcn/ui, and Tailwind CSS applications. Features rotation animations on hover.","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/gallery/gallery-polaroid.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-polaroid.tsx"}]},{"name":"gallery-floor-plan","type":"registry:block","title":"Gallery Floor Plan","description":"An architectural floor plan gallery built with React, Next.js, shadcn/ui, and Tailwind CSS. Features room layout previews with labels, dimensions, and unit selection for property development and real estate applications.","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/gallery/gallery-floor-plan.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-floor-plan.tsx"}]},{"name":"gallery-testimonial-photos","type":"registry:block","title":"Gallery Testimonial Photos","description":"A testimonial gallery component combining customer photos with quotes built with React, Next.js, shadcn/ui, and Tailwind CSS. Features alternating layouts for visual interest.","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/gallery/gallery-testimonial-photos.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-testimonial-photos.tsx"}]},{"name":"gallery-icon-showcase","type":"registry:block","title":"Gallery Icon Showcase","description":"An icon and illustration showcase gallery component with search and category filtering built with React, Next.js, shadcn/ui, and Tailwind CSS. Perfect for design systems and icon libraries.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","input","tabs"],"premium":true,"files":[{"path":"blocks/gallery/gallery-icon-showcase.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-icon-showcase.tsx"}]},{"name":"gallery-mosaic","type":"registry:block","title":"Gallery Mosaic","description":"An editorial mosaic gallery with irregular grid layout built with React, Next.js, shadcn/ui, and Tailwind CSS. Dynamic column and row spans create a magazine-style composition.","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/gallery/gallery-mosaic.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-mosaic.tsx"}]},{"name":"gallery-matrix","type":"registry:block","title":"Gallery Matrix","description":"A matrix grid gallery with equal-size cells and 3D flip hover animation built with React, Next.js, shadcn/ui, and Tailwind CSS. Front shows image, back reveals details with playing card flip effect.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/gallery/gallery-matrix.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-matrix.tsx"}]},{"name":"gallery-carousel","type":"registry:block","title":"Gallery Carousel","description":"A smooth scrollable carousel gallery built with React, Next.js, shadcn/ui, and Tailwind CSS featuring snap points and navigation controls","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/gallery/gallery-carousel.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-carousel.tsx"}]},{"name":"gallery-lookbook","type":"registry:block","title":"Gallery Lookbook","description":"An elegant fashion lookbook gallery component with full-bleed images and minimal overlays built with React, Next.js, shadcn/ui, and Tailwind CSS. Perfect for e-commerce and editorial content.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/gallery/gallery-lookbook.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-lookbook.tsx"}]},{"name":"gallery-texture","type":"registry:block","title":"Gallery Texture","description":"A texture and pattern library gallery with CSS-generated patterns, pattern names, and download options. Built with React, Next.js, shadcn/ui, Tailwind CSS, and Framer Motion.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/gallery/gallery-texture.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-texture.tsx"}]},{"name":"gallery-band-layout","type":"registry:block","title":"Gallery Band Layout","description":"A horizontal band gallery built with React, Next.js, shadcn/ui, and Tailwind CSS. Full-width horizontal stripes stacked vertically for a cinematic, panoramic presentation.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/gallery/gallery-band-layout.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-band-layout.tsx"}]},{"name":"gallery-thumbnail-grid","type":"registry:block","title":"Gallery Thumbnail Grid","description":"A dense thumbnail grid gallery built with React, Next.js, shadcn/ui, and Tailwind CSS. Click any thumbnail to expand into a full modal view with navigation controls.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/gallery/gallery-thumbnail-grid.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-thumbnail-grid.tsx"}]},{"name":"gallery-product-showcase","type":"registry:block","title":"Gallery Product Showcase","description":"An e-commerce product image gallery with main viewer, thumbnail selectors, and color variants built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/gallery/gallery-product-showcase.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-product-showcase.tsx"}]},{"name":"gallery-masonry-hover","type":"registry:block","title":"Gallery Masonry Hover","description":"A responsive masonry image gallery built with React, Next.js, shadcn/ui, and Tailwind CSS. Features sophisticated hover effects with image scaling, sliding title overlays, and gradient transitions.","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/gallery/gallery-masonry-hover.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-masonry-hover.tsx"}]},{"name":"gallery-mini-preview","type":"registry:block","title":"Gallery Mini Preview","description":"A compact mini gallery widget with 2x2 thumbnail grid and expandable full view built with React, Next.js, shadcn/ui, and Tailwind CSS. Features \"+N more\" overlay and dialog expansion.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","dialog"],"premium":true,"files":[{"path":"blocks/gallery/gallery-mini-preview.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-mini-preview.tsx"}]},{"name":"gallery-waterfall","type":"registry:block","title":"Gallery Waterfall","description":"A Pinterest-style waterfall masonry layout with variable-height cards built with React, Next.js, shadcn/ui, Tailwind CSS, and Framer Motion for responsive multi-column layouts","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/gallery/gallery-waterfall.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-waterfall.tsx"}]},{"name":"gallery-client-logos","type":"registry:block","title":"Gallery Client Logos","description":"A client and partner logo gallery grid built with React, Next.js, shadcn/ui, and Tailwind CSS. Features grayscale logos that colorize on hover with smooth transitions for showcasing trusted brands.","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/gallery/gallery-client-logos.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-client-logos.tsx"}]},{"name":"gallery-circular","type":"registry:block","title":"Gallery Circular","description":"A circular image gallery built with React, Next.js, shadcn/ui, and Tailwind CSS. Images are cropped to circles with hover effects and optional captions.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/gallery/gallery-circular.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-circular.tsx"}]},{"name":"gallery-before-after","type":"registry:block","title":"Gallery Before After","description":"A comparison gallery with interactive slider control built with React, Next.js, shadcn/ui, and Tailwind CSS. Drag to reveal before and after images with smooth transitions.","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/gallery/gallery-before-after.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-before-after.tsx"}]},{"name":"gallery-kenburns","type":"registry:block","title":"Gallery Kenburns","description":"A cinematic gallery with Ken Burns zoom and pan animations built with React, Next.js, shadcn/ui, Tailwind CSS, and Framer Motion for smooth crossfade transitions and subtle motion effects","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/gallery/gallery-kenburns.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-kenburns.tsx"}]},{"name":"gallery-data-visualization","type":"registry:block","title":"Gallery Data Visualization","description":"A gallery of chart and graph previews with data sources and last updated info built with React, Next.js, shadcn/ui, and Tailwind CSS. Perfect for analytics dashboards with visual data browsing.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","dropdown-menu"],"premium":true,"files":[{"path":"blocks/gallery/gallery-data-visualization.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-data-visualization.tsx"}]},{"name":"gallery-project-board","type":"registry:block","title":"Gallery Project Board","description":"A Kanban-style project board gallery built with React, Next.js, shadcn/ui, and Tailwind CSS. Organize images or assets by status columns with drag-and-drop visual design.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/gallery/gallery-project-board.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-project-board.tsx"}]},{"name":"gallery-artwork","type":"registry:block","title":"Gallery Artwork","description":"A museum-style art gallery with paintings on simulated walls, title plaques, and elegant spacing built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/gallery/gallery-artwork.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-artwork.tsx"}]},{"name":"gallery-spotlight","type":"registry:block","title":"Gallery Spotlight","description":"A dynamic spotlight gallery component for React and Next.js with radial layout and interactive image selection, built with shadcn/ui and Tailwind CSS. Features a prominent hero image surrounded by thumbnail ring.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/gallery/gallery-spotlight.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-spotlight.tsx"}]},{"name":"gallery-video-thumbnails","type":"registry:block","title":"Gallery Video Thumbnails","description":"A video thumbnail gallery component with play button overlays and metadata built with React, Next.js, shadcn/ui, and Tailwind CSS. Perfect for video libraries and course platforms.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/gallery/gallery-video-thumbnails.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-video-thumbnails.tsx"}]},{"name":"gallery-brand-assets","type":"registry:block","title":"Gallery Brand Assets","description":"A brand asset library gallery for logos, color palettes, and usage guidelines built with React, Next.js, shadcn/ui, and Tailwind CSS. Features organized sections for brand downloads.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/gallery/gallery-brand-assets.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-brand-assets.tsx"}]},{"name":"gallery-staggered-reveal","type":"registry:block","title":"Gallery Staggered Reveal","description":"A gallery that reveals items one by one with staggered animation on mount, featuring fade-in and scale effects with impression tracking built with React, Next.js, shadcn/ui, Tailwind CSS, and Framer Motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/gallery/gallery-staggered-reveal.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-staggered-reveal.tsx"}]},{"name":"gallery-carousel-vertical","type":"registry:block","title":"Gallery Carousel Vertical","description":"A vertical scrolling carousel gallery with up/down navigation built with React, Next.js, shadcn/ui, and Tailwind CSS. Features current item indicator and smooth vertical transitions.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/gallery/gallery-carousel-vertical.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-carousel-vertical.tsx"}]},{"name":"gallery-grid-minimal","type":"registry:block","title":"Gallery Grid Minimal","description":"A clean minimal grid gallery built with React, Next.js, shadcn/ui, and Tailwind CSS featuring hover zoom effects and load more functionality","dependencies":["framer-motion"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/gallery/gallery-grid-minimal.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-grid-minimal.tsx"}]},{"name":"gallery-color-grid","type":"registry:block","title":"Gallery Color Grid","description":"A design system color palette gallery with hex values, color names, and copy-to-clipboard functionality. Built with React, Next.js, shadcn/ui, Tailwind CSS, and Framer Motion.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/gallery/gallery-color-grid.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-color-grid.tsx"}]},{"name":"gallery-event-photos","type":"registry:block","title":"Gallery Event Photos","description":"An event photo gallery block with event header, date, attendee count, and downloadable images built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/gallery/gallery-event-photos.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-event-photos.tsx"}]},{"name":"gallery-split-view","type":"registry:block","title":"Gallery Split View","description":"A dual-pane gallery interface with list navigation and detail preview built with React, Next.js, shadcn/ui, Framer Motion, and Tailwind CSS. Features responsive layout and smooth transitions.","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/gallery/gallery-split-view.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-split-view.tsx"}]},{"name":"gallery-countdown","type":"registry:block","title":"Gallery Countdown","description":"A gallery reveal component with countdown timer showcasing locked and unlocked items built with React, Next.js, shadcn/ui, and Tailwind CSS. Perfect for product launches and teasers.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/gallery/gallery-countdown.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-countdown.tsx"}]},{"name":"gallery-font-preview","type":"registry:block","title":"Gallery Font Preview","description":"A typography and font preview gallery showcasing font samples with classification, weight options, and style variations. Built with React, Next.js, shadcn/ui, Tailwind CSS, and Framer Motion.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/gallery/gallery-font-preview.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-font-preview.tsx"}]},{"name":"gallery-design-system","type":"registry:block","title":"Gallery Design System","description":"A design system component gallery showcasing UI components with previews, variants, and status built with React, Next.js, shadcn/ui, and Tailwind CSS. Perfect for component documentation.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/gallery/gallery-design-system.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-design-system.tsx"}]},{"name":"gallery-screenshot","type":"registry:block","title":"Gallery Screenshot","description":"A production-ready app screenshot gallery component for SaaS landing pages built with React, Next.js, shadcn/ui, and Tailwind CSS. Features browser chrome mockups with feature labels.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/gallery/gallery-screenshot.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-screenshot.tsx"}]},{"name":"gallery-workflow-steps","type":"registry:block","title":"Gallery Workflow Steps","description":"A step-by-step visual workflow with screenshots, step numbers, and connecting lines built with React, Next.js, shadcn/ui, and Tailwind CSS. Perfect for onboarding guides and process documentation.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/gallery/gallery-workflow-steps.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-workflow-steps.tsx"}]},{"name":"gallery-seasonal","type":"registry:block","title":"Gallery Seasonal","description":"A themed gallery with season selector showcasing different color schemes and content for Spring, Summer, Fall, and Winter built with React, Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/gallery/gallery-seasonal.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-seasonal.tsx"}]},{"name":"gallery-nft-collection","type":"registry:block","title":"Gallery Nft Collection","description":"A digital art collection gallery with NFT cards, creator info, floor prices, and buy actions. Built with React, Next.js, shadcn/ui, Tailwind CSS, and Framer Motion.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/gallery/gallery-nft-collection.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-nft-collection.tsx"}]},{"name":"gallery-lightbox","type":"registry:block","title":"Gallery Lightbox","description":"An interactive lightbox gallery built with React, Next.js, shadcn/ui, and Tailwind CSS featuring expandable modal previews with navigation","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/gallery/gallery-lightbox.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-lightbox.tsx"}]},{"name":"gallery-tab-categories","type":"registry:block","title":"Gallery Tab Categories","description":"A tabbed image gallery built with React, Next.js, shadcn/ui, and Tailwind CSS. Features animated tab indicators, category-based filtering, smooth fade transitions, and count badges per category.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/gallery/gallery-tab-categories.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-tab-categories.tsx"}]},{"name":"gallery-press-coverage","type":"registry:block","title":"Gallery Press Coverage","description":"A press and media coverage gallery built with React, Next.js, shadcn/ui, and Tailwind CSS. Displays publication logos with article titles, dates, and read links in a clean grid layout for showcasing media mentions.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/gallery/gallery-press-coverage.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-press-coverage.tsx"}]},{"name":"gallery-recipe","type":"registry:block","title":"Gallery Recipe","description":"A recipe and food gallery with dish photos, prep time, difficulty badges, and ingredient previews built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/gallery/gallery-recipe.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-recipe.tsx"}]},{"name":"gallery-split-comparison","type":"registry:block","title":"Gallery Split Comparison","description":"A side-by-side comparison gallery built with React, Next.js, shadcn/ui, and Tailwind CSS. Compare items with images and detailed specifications with highlighted differences.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/gallery/gallery-split-comparison.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-split-comparison.tsx"}]},{"name":"gallery-photo-wall","type":"registry:block","title":"Gallery Photo Wall","description":"A compact photo wall gallery built with React, Next.js, shadcn/ui, and Tailwind CSS. Features tight grid layout with no gaps and hover-revealed quick actions for sharing, downloading, and favoriting.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/gallery/gallery-photo-wall.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-photo-wall.tsx"}]},{"name":"gallery-accordion","type":"registry:block","title":"Gallery Accordion","description":"An interactive accordion-style gallery with expandable vertical strips built with React, Next.js, shadcn/ui, Tailwind CSS, and Framer Motion for smooth width transitions","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/gallery/gallery-accordion.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-accordion.tsx"}]},{"name":"gallery-image-grid-hover","type":"registry:block","title":"Gallery Image Grid Hover","description":"A simple image grid gallery where hovering reveals full image details including title, description, and camera settings built with React, Next.js, shadcn/ui, Tailwind CSS, and Framer Motion","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/gallery/gallery-image-grid-hover.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-image-grid-hover.tsx"}]},{"name":"gallery-logo-wall","type":"registry:block","title":"Gallery Logo Wall","description":"A logo wall with animated marquee scroll effect featuring two rows scrolling in opposite directions. Built with React, Next.js, shadcn/ui, Tailwind CSS, and Framer Motion.","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/gallery/gallery-logo-wall.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-logo-wall.tsx"}]},{"name":"gallery-dual-scroll","type":"registry:block","title":"Gallery Dual Scroll","description":"A parallax-style dual scrolling gallery component for React and Next.js with opposite-direction columns, built with shadcn/ui and Tailwind CSS. Creates dynamic visual depth with independent scroll directions.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/gallery/gallery-dual-scroll.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-dual-scroll.tsx"}]},{"name":"gallery-zoom-pan","type":"registry:block","title":"Gallery Zoom Pan","description":"A gallery with zoom and pan functionality on individual images with click to zoom and drag to pan interactions built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/gallery/gallery-zoom-pan.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-zoom-pan.tsx"}]},{"name":"gallery-favorites","type":"registry:block","title":"Gallery Favorites","description":"A gallery component with favorite/heart toggle functionality for React, Next.js, shadcn/ui, and Tailwind CSS applications. Features filter toggle and favorite counter.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/gallery/gallery-favorites.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-favorites.tsx"}]},{"name":"gallery-infinite-scroll","type":"registry:block","title":"Gallery Infinite Scroll","description":"An infinite scroll photo gallery built with React, Next.js, shadcn/ui, and Tailwind CSS. Features progressive loading with animated stagger effects and item count tracking.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/gallery/gallery-infinite-scroll.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-infinite-scroll.tsx"}]},{"name":"gallery-multi-select","type":"registry:block","title":"Gallery Multi Select","description":"A photo gallery with multi-select checkboxes for bulk actions, built with React, Next.js, shadcn/ui, and Tailwind CSS. Select multiple images to download, delete, or share.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","checkbox"],"premium":true,"files":[{"path":"blocks/gallery/gallery-multi-select.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-multi-select.tsx"}]},{"name":"gallery-panorama","type":"registry:block","title":"Gallery Panorama","description":"A panoramic viewer with horizontal scroll for ultra-wide images, built with React, Next.js, shadcn/ui, and Tailwind CSS. Features minimap indicator and zoom controls for navigation.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/gallery/gallery-panorama.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-panorama.tsx"}]},{"name":"gallery-tagged","type":"registry:block","title":"Gallery Tagged","description":"A tagged gallery component with filterable labels for React, Next.js, shadcn/ui, and Tailwind CSS applications. Features tag cloud filtering with counts and smooth transitions.","dependencies":["framer-motion"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/gallery/gallery-tagged.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-tagged.tsx"}]},{"name":"gallery-hexagonal","type":"registry:block","title":"Gallery Hexagonal","description":"A unique honeycomb pattern gallery using CSS clip-path for hexagonal shapes with hover overlays built with React, Next.js, shadcn/ui, Tailwind CSS, and Framer Motion","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/gallery/gallery-hexagonal.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-hexagonal.tsx"}]},{"name":"gallery-mood-board","type":"registry:block","title":"Gallery Mood Board","description":"A creative mood board layout with overlapping, rotated items and pinning functionality built with React, Next.js, shadcn/ui, Framer Motion, and Tailwind CSS. Features organic, scattered positioning.","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/gallery/gallery-mood-board.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-mood-board.tsx"}]},{"name":"gallery-categorized-tabs","type":"registry:block","title":"Gallery Categorized Tabs","description":"A tab-based categorized gallery component for React and Next.js with vertical sidebar navigation, built with shadcn/ui and Tailwind CSS. Perfect for organizing large image collections by category.","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/gallery/gallery-categorized-tabs.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-categorized-tabs.tsx"}]},{"name":"gallery-expandable-grid","type":"registry:block","title":"Gallery Expandable Grid","description":"A dynamic expandable grid gallery component for React and Next.js with smooth layout animations, built with shadcn/ui, Tailwind CSS, and Framer Motion. Features intelligent grid rearrangement on click.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/gallery/gallery-expandable-grid.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-expandable-grid.tsx"}]},{"name":"gallery-with-caption","type":"registry:block","title":"Gallery With Caption","description":"A gallery grid where each image has a prominent caption below with title, photographer credit, and date in React with Next.js, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/gallery/gallery-with-caption.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-with-caption.tsx"}]},{"name":"gallery-coverflow","type":"registry:block","title":"Gallery Coverflow","description":"A 3D coverflow carousel gallery with perspective transforms built with React, Next.js, shadcn/ui, Tailwind CSS, and Framer Motion for smooth transitions and depth effects","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/gallery/gallery-coverflow.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-coverflow.tsx"}]},{"name":"gallery-aspect-ratio-grid","type":"registry:block","title":"Gallery Aspect Ratio Grid","description":"A gallery demonstrating different aspect ratios with interactive selector built with React, Next.js, shadcn/ui, and Tailwind CSS. Features 1:1, 4:3, 16:9, 3:2, and 9:16 ratios with toggle controls.","dependencies":["framer-motion"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/gallery/gallery-aspect-ratio-grid.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-aspect-ratio-grid.tsx"}]},{"name":"gallery-user-generated","type":"registry:block","title":"Gallery User Generated","description":"A user-generated content gallery with moderation actions, user avatars, and featured badges built with React, Next.js, shadcn/ui, and Tailwind CSS. Perfect for community platforms with content management.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","dropdown-menu"],"premium":true,"files":[{"path":"blocks/gallery/gallery-user-generated.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-user-generated.tsx"}]},{"name":"gallery-thumbnail-strip","type":"registry:block","title":"Gallery Thumbnail Strip","description":"A gallery with large preview area and horizontal scrollable thumbnail strip built with React, Next.js, shadcn/ui, Tailwind CSS, and Framer Motion for smooth transitions and navigation","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/gallery/gallery-thumbnail-strip.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-thumbnail-strip.tsx"}]},{"name":"gallery-color-palette","type":"registry:block","title":"Gallery Color Palette","description":"A gallery organized by dominant color themes with filter swatches, built with React, Next.js, shadcn/ui, Framer Motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/gallery/gallery-color-palette.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-color-palette.tsx"}]},{"name":"gallery-magazine","type":"registry:block","title":"Gallery Magazine","description":"An editorial magazine-style gallery with mixed layouts for React, Next.js, shadcn/ui, and Tailwind CSS applications. Features large hero images, text excerpts, and pull quotes.","dependencies":["framer-motion"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/gallery/gallery-magazine.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-magazine.tsx"}]},{"name":"gallery-comparison","type":"registry:block","title":"Gallery Comparison","description":"A side-by-side image comparison grid for React, Next.js, shadcn/ui, and Tailwind CSS applications. Perfect for A/B testing, before/after, and product comparisons.","dependencies":["framer-motion"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/gallery/gallery-comparison.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-comparison.tsx"}]},{"name":"gallery-photo-album","type":"registry:block","title":"Gallery Photo Album","description":"A photo album gallery with cover page and page flip transitions, built with React, Next.js, shadcn/ui, Framer Motion, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/gallery/gallery-photo-album.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-photo-album.tsx"}]},{"name":"gallery-card-stack","type":"registry:block","title":"Gallery Card Stack","description":"A stacked card gallery where the top card shows fully while cards beneath peek out, with swipe-to-cycle functionality built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/gallery/gallery-card-stack.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-card-stack.tsx"}]},{"name":"gallery-timeline","type":"registry:block","title":"Gallery Timeline","description":"A chronological photo timeline gallery with year sections and vertical timeline connector built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/gallery/gallery-timeline.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-timeline.tsx"}]},{"name":"gallery-masonry","type":"registry:block","title":"Gallery Masonry","description":"A responsive masonry grid gallery built with React, Next.js, shadcn/ui, and Tailwind CSS featuring staggered heights and hover overlays","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/gallery/gallery-masonry.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-masonry.tsx"}]},{"name":"gallery-media-library","type":"registry:block","title":"Gallery Media Library","description":"A media library manager view with grid/list toggle, file type icons, and filtering toolbar built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","dropdown-menu","input"],"premium":true,"files":[{"path":"blocks/gallery/gallery-media-library.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-media-library.tsx"}]},{"name":"gallery-mixed-media","type":"registry:block","title":"Gallery Mixed Media","description":"A gallery mixing images, videos, and documents with type badges and filtering built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","dropdown-menu"],"premium":true,"files":[{"path":"blocks/gallery/gallery-mixed-media.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-mixed-media.tsx"}]},{"name":"gallery-image-comparison-slider","type":"registry:block","title":"Gallery Image Comparison Slider","description":"An interactive before/after image comparison slider built with React, Next.js, shadcn/ui, and Tailwind CSS. Features draggable divider, labeled sides, center grab handle, and real-time progress percentage display.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/gallery/gallery-image-comparison-slider.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-image-comparison-slider.tsx"}]},{"name":"gallery-case-study","type":"registry:block","title":"Gallery Case Study","description":"A case study portfolio gallery with project cards, client metrics, and expandable details built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/gallery/gallery-case-study.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-case-study.tsx"}]},{"name":"gallery-upload-preview","type":"registry:block","title":"Gallery Upload Preview","description":"An upload preview gallery showing uploaded files as thumbnails with progress bars, built with React, Next.js, shadcn/ui, and Tailwind CSS. View file names, sizes, and upload progress with individual remove actions.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","progress"],"premium":true,"files":[{"path":"blocks/gallery/gallery-upload-preview.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-upload-preview.tsx"}]},{"name":"gallery-grid-overlay-text","type":"registry:block","title":"Gallery Grid Overlay Text","description":"A bold text-overlay gallery component for React and Next.js with typography-first design, built with shadcn/ui and Tailwind CSS. Perfect for year-in-review showcases and statistics combined with imagery.","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/gallery/gallery-grid-overlay-text.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-grid-overlay-text.tsx"}]},{"name":"gallery-slider-fullwidth","type":"registry:block","title":"Gallery Slider Fullwidth","description":"A full-width image slider with navigation controls built with React, Next.js, shadcn/ui, and Tailwind CSS. Features autoplay indicator, slide counter, and thumbnail strip navigation.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/gallery/gallery-slider-fullwidth.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-slider-fullwidth.tsx"}]},{"name":"gallery-infinite-marquee","type":"registry:block","title":"Gallery Infinite Marquee","description":"A horizontally scrolling infinite marquee gallery with dual opposite-direction rows built with React, Next.js, shadcn/ui, and Tailwind CSS. Features continuous CSS animation and smooth looping for logos and images.","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/gallery/gallery-infinite-marquee.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-infinite-marquee.tsx"}]},{"name":"gallery-milestone-wall","type":"registry:block","title":"Gallery Milestone Wall","description":"A company milestone gallery with year markers, event photos, and descriptions built with React, Next.js, shadcn/ui, and Tailwind CSS. Perfect for history and about pages with timeline-style milestone displays.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/gallery/gallery-milestone-wall.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-milestone-wall.tsx"}]},{"name":"gallery-stories","type":"registry:block","title":"Gallery Stories","description":"A stories-style photo gallery with horizontal thumbnails and full-screen preview built with React, Next.js, shadcn/ui, Framer Motion, and Tailwind CSS. Features progress indicators and tap navigation.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/gallery/gallery-stories.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-stories.tsx"}]},{"name":"gallery-rating","type":"registry:block","title":"Gallery Rating","description":"A gallery with star ratings and review system built with React, Next.js, shadcn/ui, and Tailwind CSS. Features sortable items, rating distribution, and review counts.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/gallery/gallery-rating.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-rating.tsx"}]},{"name":"gallery-instagram-grid","type":"registry:block","title":"Gallery Instagram Grid","description":"An Instagram-style 3-column square grid gallery with hover overlays and profile header built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","button"],"premium":true,"files":[{"path":"blocks/gallery/gallery-instagram-grid.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-instagram-grid.tsx"}]},{"name":"gallery-ribbon","type":"registry:block","title":"Gallery Ribbon","description":"A horizontal filmstrip gallery with sprocket decorations and retro film aesthetic featuring scrollable single-row layout built with React, Next.js, shadcn/ui, Tailwind CSS, and Framer Motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/gallery/gallery-ribbon.tsx","type":"registry:block","target":"components/blocks/gallery/gallery-ribbon.tsx"}]},{"name":"navbar-email-client","type":"registry:block","title":"Navbar Email Client","description":"An email client navigation bar built with React, Next.js, shadcn/ui, and Tailwind CSS. Features an Inbox logo, compose button, center search bar for searching all mail, filter toggle, settings gear icon, grid app launcher icon, and user avatar with framer-motion entrance animations.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","button"],"premium":true,"files":[{"path":"blocks/navbar/navbar-email-client.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-email-client.tsx"}]},{"name":"navbar-ai-product","type":"registry:block","title":"Navbar Ai Product","description":"An AI product navigation bar built with React, Next.js, shadcn/ui, and Tailwind CSS. Features a Neural brand logo with zap icon, navigation links for Models, Playground, API, Pricing, and Research, a token usage indicator, and an Upgrade CTA button with framer-motion entrance animations.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/navbar/navbar-ai-product.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-ai-product.tsx"}]},{"name":"navbar-cloud-storage","type":"registry:block","title":"Navbar Cloud Storage","description":"A cloud storage navigation bar built with React, Next.js, shadcn/ui, and Tailwind CSS. Features a CloudVault logo, file navigation for My Files, Shared, Starred, and Trash, center search bar, storage usage progress bar showing used and total space, upload button with cloud arrow icon, and user avatar with framer-motion entrance animations.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","button"],"premium":true,"files":[{"path":"blocks/navbar/navbar-cloud-storage.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-cloud-storage.tsx"}]},{"name":"navbar-scroll-spy","type":"registry:block","title":"Navbar Scroll Spy","description":"A navbar with scroll-spy behavior simulation built with React, Next.js, shadcn/ui, Tailwind CSS, and framer-motion. Nav items for Intro, Features, Pricing, FAQ, and Contact highlight with an animated underline and text-foreground color as the corresponding section comes into view. Click to navigate between simulated page sections.","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/navbar/navbar-scroll-spy.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-scroll-spy.tsx"}]},{"name":"navbar-transparent-hero","type":"registry:block","title":"Navbar Transparent Hero","description":"A transparent glass navigation bar designed for hero sections built with React, Next.js, shadcn/ui, and Tailwind CSS. Features backdrop blur, white text on dark backgrounds, and a toggle to simulate solid scroll state using framer-motion.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/navbar/navbar-transparent-hero.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-transparent-hero.tsx"}]},{"name":"navbar-dark-mode","type":"registry:block","title":"Navbar Dark Mode","description":"A dark-themed navigation bar with zinc-950 background and zinc-100 text built with React, Next.js, shadcn/ui, and Tailwind CSS. Features high-contrast dark styling within a light page context, with zinc-400 default and zinc-100 hover link colors and framer-motion animations.","dependencies":["framer-motion"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/navbar/navbar-dark-mode.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-dark-mode.tsx"}]},{"name":"navbar-crm","type":"registry:block","title":"Navbar Crm","description":"A CRM application navigation bar built with React, Next.js, shadcn/ui, and Tailwind CSS. Features a SalesForge logo, deal pipeline navigation with active state indicators, contacts and companies links, activities and reports tabs, quick search, new deal button with plus icon, and user avatar with sales quota progress using framer-motion animations.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","button"],"premium":true,"files":[{"path":"blocks/navbar/navbar-crm.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-crm.tsx"}]},{"name":"navbar-api-status","type":"registry:block","title":"Navbar Api Status","description":"An API dashboard navigation bar built with React, Next.js, shadcn/ui, and Tailwind CSS. Features an APIHub logo, Endpoints, Logs, Analytics, and Webhooks nav links, real-time latency and uptime indicators, and a live status dot with framer-motion entrance animation.","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/navbar/navbar-api-status.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-api-status.tsx"}]},{"name":"navbar-cart-preview","type":"registry:block","title":"Navbar Cart Preview","description":"An e-commerce navigation bar with cart dropdown preview built with React, Next.js, shadcn/ui, and Tailwind CSS. Features a mini cart showing items with image placeholders, names, prices, quantities, subtotal, and checkout button with framer-motion animations.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/navbar/navbar-cart-preview.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-cart-preview.tsx"}]},{"name":"navbar-hover-highlight","type":"registry:block","title":"Navbar Hover Highlight","description":"A navigation bar with a following background highlight effect built with React, Next.js, shadcn/ui, and Tailwind CSS. Features a subtle bg-muted/50 rounded background that smoothly transitions between hovered items using framer-motion layoutId.","dependencies":["framer-motion"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/navbar/navbar-hover-highlight.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-hover-highlight.tsx"}]},{"name":"navbar-healthcare","type":"registry:block","title":"Navbar Healthcare","description":"A healthcare and medical portal navigation bar built with React, Next.js, shadcn/ui, and Tailwind CSS. Features a medical logo with cross icon, patient navigation links for appointments, records, messages, and prescriptions, a prominent emergency button, and patient name display using framer-motion animations.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","button"],"premium":true,"files":[{"path":"blocks/navbar/navbar-healthcare.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-healthcare.tsx"}]},{"name":"navbar-admin-panel","type":"registry:block","title":"Navbar Admin Panel","description":"An admin panel navigation bar built with React, Next.js, shadcn/ui, and Tailwind CSS. Features a hamburger toggle with shield icon, centered quick search bar, environment badge with status dot for Production or Staging, notification bell with count, and admin avatar with framer-motion animations.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","button","input"],"premium":true,"files":[{"path":"blocks/navbar/navbar-admin-panel.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-admin-panel.tsx"}]},{"name":"navbar-startup","type":"registry:block","title":"Navbar Startup","description":"A minimal startup navigation bar built with React, Next.js, shadcn/ui, and Tailwind CSS. Features a logo with Beta badge, clean navigation links for Product, Pricing, About, and Blog, plus a right-aligned Join Waitlist CTA button with sparkle icon and framer-motion entrance animations.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/navbar/navbar-startup.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-startup.tsx"}]},{"name":"navbar-project-management","type":"registry:block","title":"Navbar Project Management","description":"A project management navigation bar built with React, Next.js, shadcn/ui, and Tailwind CSS. Features a Taskflow brand logo, My Tasks, Projects, Team, Calendar, and Reports navigation, a New Task quick-action button, filter toggle, notification bell with indicator dot, and user avatar with framer-motion entrance animations. Inspired by Jira and Asana.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","button"],"premium":true,"files":[{"path":"blocks/navbar/navbar-project-management.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-project-management.tsx"}]},{"name":"navbar-mobile-bottom","type":"registry:block","title":"Navbar Mobile Bottom","description":"A mobile bottom tab bar navigation for React, Next.js, shadcn/ui, and Tailwind CSS. Features five icon tabs with labels for Home, Search, Create, Notifications, and Profile with active state indicators, filled icon variants, and safe area padding for mobile devices.","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/navbar/navbar-mobile-bottom.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-mobile-bottom.tsx"}]},{"name":"navbar-marketplace","type":"registry:block","title":"Navbar Marketplace","description":"An app marketplace navigation bar built with React, Next.js, shadcn/ui, and Tailwind CSS. Features a prominent center search bar, category dropdown on the left, For Developers link, install count with download icon, and user avatar on the right, styled like Shopify App Store or VS Code Marketplace with framer-motion animations.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","input"],"premium":true,"files":[{"path":"blocks/navbar/navbar-marketplace.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-marketplace.tsx"}]},{"name":"navbar-music-streaming","type":"registry:block","title":"Navbar Music Streaming","description":"A music streaming navigation bar built with React, Next.js, shadcn/ui, and Tailwind CSS. Features a Wavelength brand logo, Browse, Library, Playlists, and Podcasts navigation, a mini now-playing indicator with track name and play/pause toggle, and a user avatar with framer-motion entrance animations.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","button"],"premium":true,"files":[{"path":"blocks/navbar/navbar-music-streaming.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-music-streaming.tsx"}]},{"name":"navbar-code-editor","type":"registry:block","title":"Navbar Code Editor","description":"A code editor navigation bar built with React, Next.js, shadcn/ui, and Tailwind CSS. Features file tabs with close buttons, active tab highlighting, git branch indicator, run button, extensions icon, and settings gear with framer-motion tab animations. VS Code inspired design.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/navbar/navbar-code-editor.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-code-editor.tsx"}]},{"name":"navbar-responsive-priority","type":"registry:block","title":"Navbar Responsive Priority","description":"A priority-plus pattern navbar built with React, Next.js, shadcn/ui, Tailwind CSS, and framer-motion. Shows as many navigation items as fit on wider screens then collapses remaining links into a More dropdown on narrow views, using a toggle state to demonstrate the responsive behavior.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/navbar/navbar-responsive-priority.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-responsive-priority.tsx"}]},{"name":"navbar-booking-system","type":"registry:block","title":"Navbar Booking System","description":"A booking and scheduling navigation bar built with React, Next.js, shadcn/ui, and Tailwind CSS. Features a BookIt logo, Dashboard, Availability, Bookings, and Clients nav links, an upcoming appointment indicator showing the next meeting, and a New Booking button with calendar icon using framer-motion entrance animation.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/navbar/navbar-booking-system.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-booking-system.tsx"}]},{"name":"navbar-dropdown-multi","type":"registry:block","title":"Navbar Dropdown Multi","description":"A multi-level dropdown navigation bar built with React, Next.js, shadcn/ui, and Tailwind CSS. First-level items reveal submenu panels with animated transitions. Click Platform to see API, SDK, CLI, and Dashboard options. Click Solutions for Startups, Enterprise, and Agency submenus using framer-motion AnimatePresence.","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/navbar/navbar-dropdown-multi.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-dropdown-multi.tsx"}]},{"name":"navbar-fintech","type":"registry:block","title":"Navbar Fintech","description":"A financial services navigation bar built with React, Next.js, shadcn/ui, and Tailwind CSS. Features a trust-inspiring bank logo, account navigation links, notification bell with count indicator, help icon, and a user avatar with account type premium badge using framer-motion entrance animations.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/navbar/navbar-fintech.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-fintech.tsx"}]},{"name":"navbar-kanban-board","type":"registry:block","title":"Navbar Kanban Board","description":"A kanban board navigation bar built with React, Next.js, shadcn/ui, and Tailwind CSS. Features a board name with star/favorite toggle, clickable filter pills for Priority, Assignee, and Label, view toggles for Board, List, and Timeline, an Add Card button, and member avatar stack with framer-motion animations.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","button"],"premium":true,"files":[{"path":"blocks/navbar/navbar-kanban-board.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-kanban-board.tsx"}]},{"name":"navbar-segmented-control","type":"registry:block","title":"Navbar Segmented Control","description":"A navigation bar with iOS-style segmented control built with React, Next.js, shadcn/ui, and Tailwind CSS. Nav items sit inside a bg-muted container with the active segment highlighted by a sliding white card background animated with framer-motion layoutId transitions.","dependencies":["framer-motion"],"registryDependencies":["avatar","button"],"premium":true,"files":[{"path":"blocks/navbar/navbar-segmented-control.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-segmented-control.tsx"}]},{"name":"navbar-minimal","type":"registry:block","title":"Navbar Minimal","description":"A clean minimal navigation bar built with React, Next.js, shadcn/ui, and Tailwind CSS. Features a logo, horizontal nav links with hover underline animations, and a single call-to-action button using framer-motion transitions.","dependencies":["framer-motion"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/navbar/navbar-minimal.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-minimal.tsx"}]},{"name":"navbar-hamburger-animated","type":"registry:block","title":"Navbar Hamburger Animated","description":"A navbar with a beautifully animated hamburger-to-X icon toggle built with React, Next.js, shadcn/ui, Tailwind CSS, and framer-motion. Three lines morph into an X with smooth CSS transitions, revealing a full-width panel below with staggered link animations that slide in from the left.","dependencies":["framer-motion"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/navbar/navbar-hamburger-animated.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-hamburger-animated.tsx"}]},{"name":"navbar-sticky-blur","type":"registry:block","title":"Navbar Sticky Blur","description":"A sticky navigation bar with backdrop blur effect built with React, Next.js, shadcn/ui, and Tailwind CSS. Features smooth transitions between transparent top state and frosted glass scrolled state with framer-motion animations.","dependencies":["framer-motion"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/navbar/navbar-sticky-blur.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-sticky-blur.tsx"}]},{"name":"navbar-mega-menu-featured","type":"registry:block","title":"Navbar Mega Menu Featured","description":"A mega menu navbar with featured content panel built with React, Next.js, shadcn/ui, and Tailwind CSS. Left side shows navigation links in a list, right side displays a featured card with preview area, title, and description using framer-motion AnimatePresence transitions. Inspired by Stripe-style navigation.","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/navbar/navbar-mega-menu-featured.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-mega-menu-featured.tsx"}]},{"name":"navbar-builder-tool","type":"registry:block","title":"Navbar Builder Tool","description":"A page builder and no-code tool navigation bar built with React, Next.js, shadcn/ui, and Tailwind CSS. Features a logo with editable project name, centered responsive preview toggles for Desktop, Tablet, and Mobile views, Undo and Redo history buttons, a Preview button, and a Publish button with globe icon using framer-motion entrance animation.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/navbar/navbar-builder-tool.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-builder-tool.tsx"}]},{"name":"navbar-quick-actions","type":"registry:block","title":"Navbar Quick Actions","description":"A navigation bar with quick action dropdown built with React, Next.js, shadcn/ui, and Tailwind CSS. Features a plus icon that opens a dropdown with New Project, New Document, Import File, and Invite Member actions, each with an icon and keyboard shortcut hint. Inspired by GitHub's create menu.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","button","dropdown-menu","kbd"],"premium":true,"files":[{"path":"blocks/navbar/navbar-quick-actions.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-quick-actions.tsx"}]},{"name":"navbar-media-player","type":"registry:block","title":"Navbar Media Player","description":"A media player navigation bar overlay built with React, Next.js, shadcn/ui, and Tailwind CSS. Features a semi-transparent backdrop, back arrow with video title, playback controls, quality selector dropdown, fullscreen toggle, and settings gear icon with framer-motion entrance animation.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/navbar/navbar-media-player.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-media-player.tsx"}]},{"name":"navbar-changelog","type":"registry:block","title":"Navbar Changelog","description":"A changelog and release notes navigation bar built with React, Next.js, shadcn/ui, and Tailwind CSS. Features a product logo with version badge, category tabs for All Updates, Features, Fixes, and Breaking Changes, a \"New\" dot indicator for recent additions, subscribe-to-updates bell button, and RSS feed button with framer-motion entrance animation.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/navbar/navbar-changelog.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-changelog.tsx"}]},{"name":"navbar-restaurant","type":"registry:block","title":"Navbar Restaurant","description":"A restaurant and food ordering navigation bar built with React, Next.js, shadcn/ui, and Tailwind CSS. Features a bistro logo, navigation links for menu, reservations, catering, and about, a location indicator with downtown pin, order bag icon with item count, and an Order Now CTA button using framer-motion entrance animations.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/navbar/navbar-restaurant.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-restaurant.tsx"}]},{"name":"navbar-social-links","type":"registry:block","title":"Navbar Social Links","description":"A navigation bar with integrated social media icons built with React, Next.js, shadcn/ui, and Tailwind CSS. Features a logo on the left, centered navigation links with hover animations, and social media icon buttons (Twitter/X, GitHub, Discord, YouTube) on the right alongside a CTA button using framer-motion transitions.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/navbar/navbar-social-links.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-social-links.tsx"}]},{"name":"navbar-portfolio","type":"registry:block","title":"Navbar Portfolio","description":"A creative portfolio navigation bar built with React, Next.js, shadcn/ui, and Tailwind CSS. Features a designer or developer name as logo, minimal navigation links for Work, About, Services, and Contact, and a green availability indicator dot with status text using framer-motion animations.","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/navbar/navbar-portfolio.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-portfolio.tsx"}]},{"name":"navbar-multi-tenant","type":"registry:block","title":"Navbar Multi Tenant","description":"A multi-tenant SaaS navigation bar built with React, Next.js, shadcn/ui, and Tailwind CSS. Features an organization avatar with dropdown switcher for multiple tenants, standard nav links, user avatar menu, and framer-motion animated transitions for the org selector panel.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar"],"premium":true,"files":[{"path":"blocks/navbar/navbar-multi-tenant.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-multi-tenant.tsx"}]},{"name":"navbar-stacked-double","type":"registry:block","title":"Navbar Stacked Double","description":"A two-row stacked navigation bar built with React, Next.js, shadcn/ui, and Tailwind CSS. Top row features logo, utility links, and user menu. Bottom row displays main navigation tabs with an animated active underline indicator using framer-motion layoutId transitions.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar"],"premium":true,"files":[{"path":"blocks/navbar/navbar-stacked-double.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-stacked-double.tsx"}]},{"name":"navbar-split-layout","type":"registry:block","title":"Navbar Split Layout","description":"A split layout navigation bar built with React, Next.js, shadcn/ui, and Tailwind CSS. Features logo and primary nav on the left, secondary actions including search, notifications, and user menu on the right with a subtle vertical divider separating navigation from actions.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","button"],"premium":true,"files":[{"path":"blocks/navbar/navbar-split-layout.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-split-layout.tsx"}]},{"name":"navbar-dashboard","type":"registry:block","title":"Navbar Dashboard","description":"A dashboard admin navigation bar built with React, Next.js, shadcn/ui, and Tailwind CSS. Features a sidebar toggle hamburger button, page title, breadcrumb trail, search input, notification bell with red indicator dot, and user avatar with framer-motion entrance animation.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","breadcrumb","button","input"],"premium":true,"files":[{"path":"blocks/navbar/navbar-dashboard.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-dashboard.tsx"}]},{"name":"navbar-landing-page","type":"registry:block","title":"Navbar Landing Page","description":"A marketing landing page navigation bar built with React, Next.js, shadcn/ui, and Tailwind CSS. Features a company logo, anchor navigation links for Features, Pricing, Testimonials, and FAQ, a ghost Log in button, and a filled Get Started Free CTA button with framer-motion entrance animations.","dependencies":["framer-motion"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/navbar/navbar-landing-page.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-landing-page.tsx"}]},{"name":"navbar-design-tool","type":"registry:block","title":"Navbar Design Tool","description":"A design tool navigation bar built with React, Next.js, shadcn/ui, and Tailwind CSS. Features an editable file name with inline rename, collaborator avatar stack, Share and Present action buttons with framer-motion entrance animations. Inspired by Figma and Canva interfaces.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","button","input"],"premium":true,"files":[{"path":"blocks/navbar/navbar-design-tool.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-design-tool.tsx"}]},{"name":"navbar-keyboard-shortcuts","type":"registry:block","title":"Navbar Keyboard Shortcuts","description":"A navigation bar with keyboard shortcut hints built with React, Next.js, shadcn/ui, and Tailwind CSS. Features nav items that reveal their keyboard shortcuts as Kbd badges on hover with smooth framer-motion transitions, functional shortcut listeners, and active state tracking.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","kbd"],"premium":true,"files":[{"path":"blocks/navbar/navbar-keyboard-shortcuts.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-keyboard-shortcuts.tsx"}]},{"name":"navbar-theme-toggle","type":"registry:block","title":"Navbar Theme Toggle","description":"A clean navigation bar with dark and light mode toggle built with React, Next.js, shadcn/ui, and Tailwind CSS. Features a sun and moon icon toggle with smooth rotation animation, nav links that change color to demonstrate the theme, and a system auto option in a dropdown using framer-motion transitions.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/navbar/navbar-theme-toggle.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-theme-toggle.tsx"}]},{"name":"navbar-mega-menu-grid","type":"registry:block","title":"Navbar Mega Menu Grid","description":"A mega menu navbar with clean grid-layout dropdowns built with React, Next.js, shadcn/ui, and Tailwind CSS. Products dropdown reveals a 3-column grid of product cards with icons and descriptions, Solutions shows a 2-column industry grid, each with footer links using framer-motion AnimatePresence transitions.","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/navbar/navbar-mega-menu-grid.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-mega-menu-grid.tsx"}]},{"name":"navbar-tabs-underline","type":"registry:block","title":"Navbar Tabs Underline","description":"A tab-style navigation bar with animated underline indicator built with React, Next.js, shadcn/ui, and Tailwind CSS. Clicking a nav item slides a bottom border to the active tab using framer-motion layoutId animation. Active tab uses text-foreground while inactive tabs use text-muted-foreground for clear visual hierarchy.","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/navbar/navbar-tabs-underline.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-tabs-underline.tsx"}]},{"name":"navbar-user-menu","type":"registry:block","title":"Navbar User Menu","description":"A dashboard-style navbar with user avatar dropdown for React, Next.js, shadcn/ui, and Tailwind CSS. Features workspace name, notification bell with badge count, and a user dropdown with profile details, settings, team management, billing, and sign out options.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","button","dropdown-menu"],"premium":true,"files":[{"path":"blocks/navbar/navbar-user-menu.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-user-menu.tsx"}]},{"name":"navbar-help-center","type":"registry:block","title":"Navbar Help Center","description":"A help center and support navigation bar built with React, Next.js, shadcn/ui, and Tailwind CSS. Features a Help Center logo, prominent search bar with placeholder, category navigation for Getting Started, Account, Billing, API, and Troubleshooting, a Contact Support button, and user avatar with framer-motion entrance animation.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","button"],"premium":true,"files":[{"path":"blocks/navbar/navbar-help-center.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-help-center.tsx"}]},{"name":"navbar-wiki","type":"registry:block","title":"Navbar Wiki","description":"An internal wiki and knowledge base navigation bar built with React, Next.js, shadcn/ui, and Tailwind CSS. Features a TeamWiki logo with book icon, Home, Spaces, Recent, Starred, and Templates nav links, centered search bar with Cmd+K shortcut hint, a Create dropdown for new pages, spaces, and templates, and user avatar with framer-motion entrance animation.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","button","dropdown-menu","kbd"],"premium":true,"files":[{"path":"blocks/navbar/navbar-wiki.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-wiki.tsx"}]},{"name":"navbar-notification-bell","type":"registry:block","title":"Navbar Notification Bell","description":"A navigation bar with notification dropdown panel built with React, Next.js, shadcn/ui, and Tailwind CSS. Features a bell icon with red badge count, a dropdown showing notification items with timestamps, and a mark all as read action using framer-motion animations.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/navbar/navbar-notification-bell.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-notification-bell.tsx"}]},{"name":"navbar-chat-app","type":"registry:block","title":"Navbar Chat App","description":"A chat and messaging application navigation bar built with React, Next.js, shadcn/ui, and Tailwind CSS. Features a back arrow with conversation title and member count, pinned messages icon, search icon, video call button, voice call button, and info panel toggle with framer-motion entrance animation. Slack and Teams inspired design.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/navbar/navbar-chat-app.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-chat-app.tsx"}]},{"name":"navbar-announcement-bar","type":"registry:block","title":"Navbar Announcement Bar","description":"A navigation bar with a dismissible announcement banner built with React, Next.js, shadcn/ui, and Tailwind CSS. Features a colored announcement strip above the navbar with smooth collapse animation on dismiss using framer-motion, and a standard navigation bar below.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/navbar/navbar-announcement-bar.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-announcement-bar.tsx"}]},{"name":"navbar-sidebar-toggle","type":"registry:block","title":"Navbar Sidebar Toggle","description":"A navigation bar with collapsible sidebar integration built with React, Next.js, shadcn/ui, and Tailwind CSS. Features a toggle button to collapse and expand a mini sidebar preview below the navbar, showing icons when collapsed and icons with labels when expanded, using framer-motion layout animations.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","button"],"premium":true,"files":[{"path":"blocks/navbar/navbar-sidebar-toggle.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-sidebar-toggle.tsx"}]},{"name":"navbar-category-bar","type":"registry:block","title":"Navbar Category Bar","description":"A two-tier navigation bar built with React, Next.js, shadcn/ui, and Tailwind CSS. Top tier has logo, search input, and account icons. Bottom tier has horizontal scrollable category pills with active state highlighting and framer-motion animations.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/navbar/navbar-category-bar.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-category-bar.tsx"}]},{"name":"navbar-enterprise","type":"registry:block","title":"Navbar Enterprise","description":"An enterprise software navigation bar built with React, Next.js, shadcn/ui, and Tailwind CSS. Features a Nexus Enterprise logo, Platform and Solutions by Industry dropdowns, Customer Stories, Partners, and Resources links, Contact Sales filled button, Try Demo outline button, and SOC 2 trust badge with framer-motion animations.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/navbar/navbar-enterprise.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-enterprise.tsx"}]},{"name":"navbar-floating-pill","type":"registry:block","title":"Navbar Floating Pill","description":"A floating pill-shaped navigation bar built with React, Next.js, shadcn/ui, and Tailwind CSS. Features a rounded-full container with shadow, compact nav links, logo, and CTA button centered on the page with framer-motion entrance animation.","dependencies":["framer-motion"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/navbar/navbar-floating-pill.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-floating-pill.tsx"}]},{"name":"navbar-settings-header","type":"registry:block","title":"Navbar Settings Header","description":"A settings page header navigation bar built with React, Next.js, shadcn/ui, and Tailwind CSS. Features a Settings page title with icon, horizontal tab navigation with animated active underline for General, Security, Billing, Notifications, API, and Team tabs, and a Save Changes button that enables when changes are detected, animated with framer-motion.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/navbar/navbar-settings-header.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-settings-header.tsx"}]},{"name":"navbar-animated-underline","type":"registry:block","title":"Navbar Animated Underline","description":"A navigation bar with animated sliding underline effect built with React, Next.js, shadcn/ui, and Tailwind CSS. Features framer-motion layoutId for smooth underline transitions that slide between hovered and active items with rounded 2px caps.","dependencies":["framer-motion"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/navbar/navbar-animated-underline.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-animated-underline.tsx"}]},{"name":"navbar-workspace-switcher","type":"registry:block","title":"Navbar Workspace Switcher","description":"A SaaS navigation bar with workspace and organization switcher dropdown built with React, Next.js, shadcn/ui, and Tailwind CSS. Features workspace avatar, name display, workspace list with create option, standard nav links, and user menu.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","button","dropdown-menu"],"premium":true,"files":[{"path":"blocks/navbar/navbar-workspace-switcher.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-workspace-switcher.tsx"}]},{"name":"navbar-developer-portal","type":"registry:block","title":"Navbar Developer Portal","description":"A developer portal navigation bar built with React, Next.js, shadcn/ui, and Tailwind CSS. Features a DevHub logo, Documentation, API Reference, SDKs, Changelog, and Status nav links, a monospace API key indicator, and a Dashboard button with framer-motion entrance animation.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/navbar/navbar-developer-portal.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-developer-portal.tsx"}]},{"name":"navbar-ecommerce","type":"registry:block","title":"Navbar Ecommerce","description":"A full-featured e-commerce navigation bar built with React, Next.js, shadcn/ui, and Tailwind CSS. Features a category dropdown menu, prominent center search bar, cart icon with item count badge, and user account icon with framer-motion animations.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/navbar/navbar-ecommerce.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-ecommerce.tsx"}]},{"name":"navbar-documentation","type":"registry:block","title":"Navbar Documentation","description":"A documentation site navigation bar built with React, Next.js, shadcn/ui, and Tailwind CSS. Features a logo with docs badge, version picker dropdown, search input with Cmd+K shortcut hint, navigation links, GitHub star count badge, and dark mode toggle using framer-motion transitions.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","dropdown-menu","kbd"],"premium":true,"files":[{"path":"blocks/navbar/navbar-documentation.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-documentation.tsx"}]},{"name":"navbar-language-switcher","type":"registry:block","title":"Navbar Language Switcher","description":"A navigation bar with language and locale dropdown selector built with React, Next.js, shadcn/ui, and Tailwind CSS. Features a globe icon trigger showing the current language with flag emoji, a dropdown listing six languages with flags, and smooth selection updates using framer-motion animations.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/navbar/navbar-language-switcher.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-language-switcher.tsx"}]},{"name":"navbar-icon-only","type":"registry:block","title":"Navbar Icon Only","description":"An ultra-minimal icon-only navbar built with React, Next.js, shadcn/ui, Tailwind CSS, and framer-motion. Displays navigation as icons for Home, Search, Bell, Mail, Settings, and User with tooltips on hover and an active indicator using bg-muted rounded backgrounds. Supports both horizontal and vertical orientations.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["tooltip"],"premium":true,"files":[{"path":"blocks/navbar/navbar-icon-only.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-icon-only.tsx"}]},{"name":"navbar-condensed","type":"registry:block","title":"Navbar Condensed","description":"An ultra-compact single-line navigation bar built with React, Next.js, shadcn/ui, and Tailwind CSS. Features a small logo icon, tightly spaced text links, and minimal action buttons all within a h-10 height. Designed for dense dashboards and data-heavy interfaces using framer-motion entrance animations.","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/navbar/navbar-condensed.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-condensed.tsx"}]},{"name":"navbar-breadcrumb","type":"registry:block","title":"Navbar Breadcrumb","description":"A dashboard navigation bar with breadcrumb navigation built with React, Next.js, shadcn/ui, and Tailwind CSS. Features clickable breadcrumb trail with chevron separators, user avatar, and settings icon with hover states.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","button","dropdown-menu"],"premium":true,"files":[{"path":"blocks/navbar/navbar-breadcrumb.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-breadcrumb.tsx"}]},{"name":"navbar-gradient-border","type":"registry:block","title":"Navbar Gradient Border","description":"A clean navigation bar with a subtle gradient accent border on the bottom built with React, Next.js, shadcn/ui, and Tailwind CSS. Features a thin 2px foreground-colored bottom border for visual distinction with a standard logo, links, and CTA layout using framer-motion entrance animations.","dependencies":["framer-motion"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/navbar/navbar-gradient-border.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-gradient-border.tsx"}]},{"name":"navbar-video-platform","type":"registry:block","title":"Navbar Video Platform","description":"A video streaming platform navigation bar built with React, Next.js, shadcn/ui, and Tailwind CSS. Features a StreamBox logo with play icon, hamburger sidebar toggle, large center search bar with voice search button, upload camera button, notifications bell, and user avatar with framer-motion entrance animations.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","button"],"premium":true,"files":[{"path":"blocks/navbar/navbar-video-platform.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-video-platform.tsx"}]},{"name":"navbar-search-overlay","type":"registry:block","title":"Navbar Search Overlay","description":"A navigation bar with a full-screen search overlay built with React, Next.js, shadcn/ui, and Tailwind CSS. Click the search icon or press Cmd+K to open a dimmed overlay with a large centered search input, recent searches, and popular suggestions.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","kbd"],"premium":true,"files":[{"path":"blocks/navbar/navbar-search-overlay.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-search-overlay.tsx"}]},{"name":"navbar-education","type":"registry:block","title":"Navbar Education","description":"An online education platform navigation bar built with React, Next.js, shadcn/ui, and Tailwind CSS. Features a learning platform logo, course navigation links, a gamified streak counter, circular progress ring indicator, and user avatar with framer-motion entrance animations.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar"],"premium":true,"files":[{"path":"blocks/navbar/navbar-education.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-education.tsx"}]},{"name":"navbar-flyout-panel","type":"registry:block","title":"Navbar Flyout Panel","description":"A flyout navigation panel navbar built with React, Next.js, shadcn/ui, and Tailwind CSS featuring hover-triggered panels with distinct layouts per nav item and framer-motion AnimatePresence for smooth fade transitions","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/navbar/navbar-flyout-panel.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-flyout-panel.tsx"}]},{"name":"navbar-form-builder","type":"registry:block","title":"Navbar Form Builder","description":"A form builder application navigation bar built with React, Next.js, shadcn/ui, and Tailwind CSS. Features a back arrow with form name, Edit/Preview/Logic toggle tabs, response count, Share button, and a Publish button with Draft/Live status toggle using framer-motion animations.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","switch"],"premium":true,"files":[{"path":"blocks/navbar/navbar-form-builder.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-form-builder.tsx"}]},{"name":"navbar-mobile-fullscreen","type":"registry:block","title":"Navbar Mobile Fullscreen","description":"A mobile navbar that opens a full-screen overlay menu built with React, Next.js, shadcn/ui, Tailwind CSS, and framer-motion. Background fills the viewport with large centered nav links, social links at the bottom, and smooth scale plus fade animations for the overlay with a close button in the top-right corner.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/navbar/navbar-mobile-fullscreen.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-mobile-fullscreen.tsx"}]},{"name":"navbar-with-subnav","type":"registry:block","title":"Navbar With Subnav","description":"A dual-tier navigation bar with primary and secondary sub-navigation built with React, Next.js, shadcn/ui, and Tailwind CSS. Features a main navbar with logo and section links, plus a context-sensitive secondary row that swaps content based on the active primary section using framer-motion transitions.","dependencies":["framer-motion"],"registryDependencies":["avatar","button"],"premium":true,"files":[{"path":"blocks/navbar/navbar-with-subnav.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-with-subnav.tsx"}]},{"name":"navbar-mega-menu","type":"registry:block","title":"Navbar Mega Menu","description":"A full mega menu navbar with dropdown panels for React, Next.js, shadcn/ui, and Tailwind CSS. Hovering over navigation items reveals rich content grids with product icons, descriptions, blog links, and resource sections using AnimatePresence transitions.","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/navbar/navbar-mega-menu.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-mega-menu.tsx"}]},{"name":"navbar-spreadsheet","type":"registry:block","title":"Navbar Spreadsheet","description":"A spreadsheet application navigation bar built with React, Next.js, shadcn/ui, and Tailwind CSS. Features a logo with editable file name, classic menu bar with File, Edit, View, Insert, Format, Data, and Tools items, share button, collaborator avatars with overlap, and comment count indicator with framer-motion entrance animation.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","button"],"premium":true,"files":[{"path":"blocks/navbar/navbar-spreadsheet.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-spreadsheet.tsx"}]},{"name":"navbar-saas-marketing","type":"registry:block","title":"Navbar Saas Marketing","description":"A complete SaaS marketing navigation bar built with React, Next.js, shadcn/ui, and Tailwind CSS. Features a logo, Product dropdown with feature list, Solutions dropdown, Pricing link, Resources dropdown with Blog, Docs, Community, and Changelog items, plus right-aligned Log In text link and Start Free Trial CTA with framer-motion animated dropdown panels.","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/navbar/navbar-saas-marketing.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-saas-marketing.tsx"}]},{"name":"navbar-open-source","type":"registry:block","title":"Navbar Open Source","description":"An open source project navigation bar built with React, Next.js, shadcn/ui, and Tailwind CSS. Features a project logo with version badge, Docs, Examples, Playground, Blog, and Releases links, a GitHub stars count display, a Get Started CTA button, and a GitHub icon button with framer-motion entrance animations.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/navbar/navbar-open-source.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-open-source.tsx"}]},{"name":"navbar-environment-switcher","type":"registry:block","title":"Navbar Environment Switcher","description":"A developer toolbar navigation bar with environment switcher built with React, Next.js, shadcn/ui, and Tailwind CSS. Features toggleable Production, Staging, and Development environments with colored status dots, current API URL display, environment name badge, and a warning indicator on production with framer-motion transitions.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","dropdown-menu"],"premium":true,"files":[{"path":"blocks/navbar/navbar-environment-switcher.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-environment-switcher.tsx"}]},{"name":"navbar-progress-indicator","type":"registry:block","title":"Navbar Progress Indicator","description":"A navigation bar with animated progress indicator built with React, Next.js, shadcn/ui, and Tailwind CSS. Features a thin progress bar at the top showing profile completion percentage, a logo, nav links, a completion status label, and a Complete Profile call-to-action button, all animated with framer-motion.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","button"],"premium":true,"files":[{"path":"blocks/navbar/navbar-progress-indicator.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-progress-indicator.tsx"}]},{"name":"navbar-podcast-platform","type":"registry:block","title":"Navbar Podcast Platform","description":"A podcast platform navigation bar built with React, Next.js, shadcn/ui, and Tailwind CSS. Features a PodWave logo with headphones icon, Discover, Library, Following, and Charts nav links, a now-playing episode indicator with animated bars, a search button, and a Create Podcast CTA with framer-motion entrance animation.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/navbar/navbar-podcast-platform.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-podcast-platform.tsx"}]},{"name":"navbar-auth-buttons","type":"registry:block","title":"Navbar Auth Buttons","description":"A navbar focused on authentication flow for React, Next.js, shadcn/ui, and Tailwind CSS. Features Sign In and Sign Up buttons with toggle state that transforms into an authenticated view with avatar dropdown menu including profile, settings, billing, and sign out options.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","button","dropdown-menu"],"premium":true,"files":[{"path":"blocks/navbar/navbar-auth-buttons.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-auth-buttons.tsx"}]},{"name":"navbar-onboarding-stepper","type":"registry:block","title":"Navbar Onboarding Stepper","description":"An onboarding flow navigation bar with step progress built with React, Next.js, shadcn/ui, and Tailwind CSS. Features four sequential steps with checkmarks for completed, highlighted current step, muted future steps, animated connector lines, and progress percentage display with framer-motion transitions.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","button"],"premium":true,"files":[{"path":"blocks/navbar/navbar-onboarding-stepper.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-onboarding-stepper.tsx"}]},{"name":"navbar-breadcrumb-dropdown","type":"registry:block","title":"Navbar Breadcrumb Dropdown","description":"A breadcrumb navigation bar with dropdown menus at each level built with React, Next.js, shadcn/ui, and Tailwind CSS. Features clickable breadcrumb segments that open dropdown menus showing sibling items for multi-level navigation, chevron separators, and framer-motion entrance animation.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","button","dropdown-menu"],"premium":true,"files":[{"path":"blocks/navbar/navbar-breadcrumb-dropdown.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-breadcrumb-dropdown.tsx"}]},{"name":"navbar-status-page","type":"registry:block","title":"Navbar Status Page","description":"A status page navigation bar built with React, Next.js, shadcn/ui, and Tailwind CSS. Features a StatusHub logo, live system status indicator with green or amber dot, navigation for Current Status, Incidents, Maintenance, and Subscribe pages, plus an RSS feed icon and subscribe button with framer-motion animations.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/navbar/navbar-status-page.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-status-page.tsx"}]},{"name":"navbar-blog","type":"registry:block","title":"Navbar Blog","description":"A blog and publication navigation bar built with React, Next.js, shadcn/ui, and Tailwind CSS. Features a publication name logo, category navigation links for Technology, Design, Business, Culture, and Science, a search icon button, and a Subscribe CTA button with framer-motion hover animations.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/navbar/navbar-blog.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-blog.tsx"}]},{"name":"navbar-contextual","type":"registry:block","title":"Navbar Contextual","description":"A context-aware navigation bar built with React, Next.js, shadcn/ui, and Tailwind CSS. Toggles between Marketing mode with Features, Pricing, and Blog links and App mode with Dashboard, Projects, and Team links. Visual indicator shows the active context with smooth framer-motion transitions between modes.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar"],"premium":true,"files":[{"path":"blocks/navbar/navbar-contextual.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-contextual.tsx"}]},{"name":"navbar-collaboration","type":"registry:block","title":"Navbar Collaboration","description":"A real-time collaboration navigation bar built with React, Next.js, shadcn/ui, and Tailwind CSS. Features a CoEdit logo, editable file name with pencil icon, presence indicators showing active collaborators as colored dots, a Share button with lock icon, comment count badge, and live save status indicator with framer-motion entrance animation.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","tooltip"],"premium":true,"files":[{"path":"blocks/navbar/navbar-collaboration.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-collaboration.tsx"}]},{"name":"navbar-mobile-drawer","type":"registry:block","title":"Navbar Mobile Drawer","description":"A navbar with animated hamburger menu and slide-out drawer for React, Next.js, shadcn/ui, and Tailwind CSS. Shows a clean desktop navigation that transforms into a mobile-friendly Sheet drawer with navigation links, call-to-action button, and social links on hamburger click.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","sheet"],"premium":true,"files":[{"path":"blocks/navbar/navbar-mobile-drawer.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-mobile-drawer.tsx"}]},{"name":"navbar-calendar-app","type":"registry:block","title":"Navbar Calendar App","description":"A calendar application navigation bar built with React, Next.js, shadcn/ui, and Tailwind CSS. Features a logo with Today button, navigation arrows for date switching, current month and year display, view toggle for Day, Week, Month, and Agenda modes, timezone selector, New Event button, and user avatar with framer-motion animations.","dependencies":["framer-motion","date-fns","lucide-react"],"registryDependencies":["avatar","button"],"premium":true,"files":[{"path":"blocks/navbar/navbar-calendar-app.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-calendar-app.tsx"}]},{"name":"navbar-glassmorphism","type":"registry:block","title":"Navbar Glassmorphism","description":"A glassmorphism-style navigation bar with backdrop blur and semi-transparent background built with React, Next.js, shadcn/ui, and Tailwind CSS. Features backdrop-blur-xl, bg-background/60 transparency, and a colorful patterned background to demonstrate the frosted glass effect using framer-motion animations.","dependencies":["framer-motion"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/navbar/navbar-glassmorphism.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-glassmorphism.tsx"}]},{"name":"navbar-social-platform","type":"registry:block","title":"Navbar Social Platform","description":"A social media platform navigation bar built with React, Next.js, shadcn/ui, and Tailwind CSS. Features a Connect logo, feed and explore links, messages badge with unread count, groups link, center search bar, create post button, notifications bell, and user avatar with framer-motion entrance animations.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","button"],"premium":true,"files":[{"path":"blocks/navbar/navbar-social-platform.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-social-platform.tsx"}]},{"name":"navbar-centered-logo","type":"registry:block","title":"Navbar Centered Logo","description":"A symmetrical navigation bar with centered logo built with React, Next.js, shadcn/ui, and Tailwind CSS. Features balanced left and right nav groups flanking a center logo with framer-motion entrance animations.","dependencies":["framer-motion"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/navbar/navbar-centered-logo.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-centered-logo.tsx"}]},{"name":"navbar-command-palette","type":"registry:block","title":"Navbar Command Palette","description":"A navigation bar with a Cmd+K command palette built with React, Next.js, shadcn/ui Command component, and Tailwind CSS. Features grouped navigation items, actions, and settings with keyboard navigation hints and recently visited pages.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","command","kbd"],"premium":true,"files":[{"path":"blocks/navbar/navbar-command-palette.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-command-palette.tsx"}]},{"name":"navbar-trial-countdown","type":"registry:block","title":"Navbar Trial Countdown","description":"A SaaS navigation bar with trial countdown timer built with React, Next.js, shadcn/ui, and Tailwind CSS. Features standard nav links on the left, trial days remaining with a progress bar indicator, urgency styling that shifts to amber when under three days, and a prominent Upgrade Now call-to-action button with framer-motion animations.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","button"],"premium":true,"files":[{"path":"blocks/navbar/navbar-trial-countdown.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-trial-countdown.tsx"}]},{"name":"navbar-role-based","type":"registry:block","title":"Navbar Role Based","description":"A role-aware navigation bar built with React, Next.js, shadcn/ui, and Tailwind CSS. Displays different menu items based on user role with toggle between Admin, Editor, and Viewer roles. Features a role badge next to the user name and framer-motion AnimatePresence for smooth menu transitions.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge"],"premium":true,"files":[{"path":"blocks/navbar/navbar-role-based.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-role-based.tsx"}]},{"name":"navbar-with-banner","type":"registry:block","title":"Navbar With Banner","description":"A navigation bar with a promotional accent banner built with React, Next.js, shadcn/ui, and Tailwind CSS. Features a top banner with sale messaging and CTA button, smooth dismiss animation with framer-motion, and a standard navigation bar visually connected below.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/navbar/navbar-with-banner.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-with-banner.tsx"}]},{"name":"navbar-analytics-dashboard","type":"registry:block","title":"Navbar Analytics Dashboard","description":"An analytics dashboard navigation bar built with React, Next.js, shadcn/ui, and Tailwind CSS. Features a Metrics brand logo, tab-style navigation for Overview, Acquisition, Engagement, Monetization, and Retention, a date range picker button, and an Export action button with framer-motion entrance animations. Inspired by Google Analytics.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/navbar/navbar-analytics-dashboard.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-analytics-dashboard.tsx"}]},{"name":"navbar-real-estate","type":"registry:block","title":"Navbar Real Estate","description":"A real estate platform navigation bar built with React, Next.js, shadcn/ui, and Tailwind CSS. Features a property platform logo, navigation links for buying, renting, selling, agents, and mortgage tools, a prominent search bar, saved properties heart icon with count, and a list property CTA button using framer-motion animations.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/navbar/navbar-real-estate.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-real-estate.tsx"}]},{"name":"navbar-pill-links","type":"registry:block","title":"Navbar Pill Links","description":"A navigation bar with pill-shaped nav items built with React, Next.js, shadcn/ui, and Tailwind CSS. Active links display a rounded-full background indicator that smoothly slides between items using framer-motion layoutId animations. Hover state shows a subtle bg-muted/50 transition.","dependencies":["framer-motion"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/navbar/navbar-pill-links.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-pill-links.tsx"}]},{"name":"navbar-search-expandable","type":"registry:block","title":"Navbar Search Expandable","description":"A navigation bar with an expandable search input built with React, Next.js, shadcn/ui, and Tailwind CSS. Click the search icon to smoothly expand a full-width search bar that pushes nav items aside, with click-away and Escape key to collapse.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/navbar/navbar-search-expandable.tsx","type":"registry:block","target":"components/blocks/navbar/navbar-search-expandable.tsx"}]},{"name":"stepper-full-page-sections","type":"registry:block","title":"Stepper Full Page Sections","description":"A full-height scrollable section stepper with sticky dot navigation, section dividers, and step content built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-full-page-sections.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-full-page-sections.tsx"}]},{"name":"stepper-linear-progress","type":"registry:block","title":"Stepper Linear Progress","description":"A linear progress bar stepper with diamond markers, animated fill, and step content built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-linear-progress.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-linear-progress.tsx"}]},{"name":"stepper-dot-indicators","type":"registry:block","title":"Stepper Dot Indicators","description":"An ultra-minimal dot-based stepper with animated active dot, centered content, and arrow navigation built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-dot-indicators.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-dot-indicators.tsx"}]},{"name":"stepper-dependency-chain","type":"registry:block","title":"Stepper Dependency Chain","description":"A dependency graph stepper with parallel tracks, connecting arrows, blocked and active states, and selection details built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/stepper/stepper-dependency-chain.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-dependency-chain.tsx"}]},{"name":"stepper-size-weighted","type":"registry:block","title":"Stepper Size Weighted","description":"A horizontal stepper with proportionally sized step circles reflecting task complexity, time estimates, connecting lines, and active step highlighting built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-size-weighted.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-size-weighted.tsx"}]},{"name":"stepper-ribbon-tape","type":"registry:block","title":"Stepper Ribbon Tape","description":"A ribbon tape stepper with a winding horizontal band, segment-based progress coloring, and fold effects built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-ribbon-tape.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-ribbon-tape.tsx"}]},{"name":"stepper-micro-dots","type":"registry:block","title":"Stepper Micro Dots","description":"A micro dot stepper with hover-reveal labels, color-coded states, and minimal footprint built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-micro-dots.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-micro-dots.tsx"}]},{"name":"stepper-payment-processing","type":"registry:block","title":"Stepper Payment Processing","description":"A secure payment flow stepper with method selection, card details form, order verification, and completion confirmation built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","separator"],"premium":true,"files":[{"path":"blocks/stepper/stepper-payment-processing.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-payment-processing.tsx"}]},{"name":"stepper-analytics-sidebar","type":"registry:block","title":"Stepper Analytics Sidebar","description":"A two-panel stepper wizard with a vertical step navigation on the left and a live analytics dashboard sidebar on the right showing per-step metrics, completion rates, and drop-off data built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","separator"],"premium":true,"files":[{"path":"blocks/stepper/stepper-analytics-sidebar.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-analytics-sidebar.tsx"}]},{"name":"stepper-command-palette","type":"registry:block","title":"Stepper Command Palette","description":"A command palette style stepper navigator with search filtering and keyboard-driven step selection built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-command-palette.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-command-palette.tsx"}]},{"name":"stepper-journey-map","type":"registry:block","title":"Stepper Journey Map","description":"A winding path stepper with SVG curved route, numbered waypoint markers, and animated progress trail built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-journey-map.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-journey-map.tsx"}]},{"name":"stepper-sidebar-nav","type":"registry:block","title":"Stepper Sidebar Nav","description":"A two-panel stepper with a vertical sidebar navigation and content area showing form fields, step indicators, and completion tracking built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-sidebar-nav.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-sidebar-nav.tsx"}]},{"name":"stepper-card-content","type":"registry:block","title":"Stepper Card Content","description":"A card-based stepper wizard with numbered step indicators, connecting lines, and swappable content panels built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-card-content.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-card-content.tsx"}]},{"name":"stepper-assignee-avatars","type":"registry:block","title":"Stepper Assignee Avatars","description":"A horizontal stepper with assignee avatar circles, overlapping avatar groups, and colored rings for step status built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-assignee-avatars.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-assignee-avatars.tsx"}]},{"name":"stepper-parallel-tracks","type":"registry:block","title":"Stepper Parallel Tracks","description":"A multi-track stepper wizard with independent parallel workflows that converge at a shared integration step built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-parallel-tracks.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-parallel-tracks.tsx"}]},{"name":"stepper-priority-indicators","type":"registry:block","title":"Stepper Priority Indicators","description":"A vertical stepper with color-coded priority dots and labels showing critical, high, medium, and low urgency per step built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-priority-indicators.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-priority-indicators.tsx"}]},{"name":"stepper-application-form","type":"registry:block","title":"Stepper Application Form","description":"A professional job application form stepper with horizontal numbered steps, progress bar, structured form fields, and save draft functionality built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-application-form.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-application-form.tsx"}]},{"name":"stepper-staircase-cascade","type":"registry:block","title":"Stepper Staircase Cascade","description":"A staircase cascade stepper with progressively indented steps, vertical dotted connectors, expandable detail panels, and status tracking built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-staircase-cascade.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-staircase-cascade.tsx"}]},{"name":"stepper-tab-navigation","type":"registry:block","title":"Stepper Tab Navigation","description":"A multi-step wizard with horizontal tab buttons, active underline indicator, completion checks, and swappable content panels built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-tab-navigation.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-tab-navigation.tsx"}]},{"name":"stepper-compact-inline","type":"registry:block","title":"Stepper Compact Inline","description":"A single-line inline stepper with text-based navigation, step counter, and arrow controls built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-compact-inline.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-compact-inline.tsx"}]},{"name":"stepper-with-minimap","type":"registry:block","title":"Stepper With Minimap","description":"A long vertical stepper with a clickable minimap header showing a bird's-eye view of all steps as colored rectangles with the current position highlighted for quick navigation built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-with-minimap.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-with-minimap.tsx"}]},{"name":"stepper-animated-transitions","type":"registry:block","title":"Stepper Animated Transitions","description":"A multi-step wizard with smooth CSS transitions between steps featuring sliding content, animated step indicators, and scaling circle highlights built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-animated-transitions.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-animated-transitions.tsx"}]},{"name":"stepper-responsive-adaptive","type":"registry:block","title":"Stepper Responsive Adaptive","description":"A dual-layout stepper showing horizontal and vertical formats simultaneously with synchronized navigation, layout comparison, and adaptive design built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-responsive-adaptive.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-responsive-adaptive.tsx"}]},{"name":"stepper-auto-advance","type":"registry:block","title":"Stepper Auto Advance","description":"An automated pipeline stepper that auto-advances through steps with progress indicators, countdown timers, and pause control built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-auto-advance.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-auto-advance.tsx"}]},{"name":"stepper-segmented-progress","type":"registry:block","title":"Stepper Segmented Progress","description":"A segmented progress bar stepper with colored step segments, labels, and detail content built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-segmented-progress.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-segmented-progress.tsx"}]},{"name":"stepper-nested-substeps","type":"registry:block","title":"Stepper Nested Substeps","description":"A hierarchical stepper wizard with main steps that expand to reveal nested sub-steps with independent progress tracking built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-nested-substeps.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-nested-substeps.tsx"}]},{"name":"stepper-horizontal-numbered","type":"registry:block","title":"Stepper Horizontal Numbered","description":"A horizontal numbered stepper wizard with clickable steps, progress tracking, and step content built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-horizontal-numbered.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-horizontal-numbered.tsx"}]},{"name":"stepper-horizontal-icons","type":"registry:block","title":"Stepper Horizontal Icons","description":"A horizontal icon-based stepper with unique icons per step, connecting lines, and step content area built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-horizontal-icons.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-horizontal-icons.tsx"}]},{"name":"stepper-branching-paths","type":"registry:block","title":"Stepper Branching Paths","description":"A multi-step stepper wizard with a decision fork that branches into two parallel paths before merging for a final step built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-branching-paths.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-branching-paths.tsx"}]},{"name":"stepper-fraction-counter","type":"registry:block","title":"Stepper Fraction Counter","description":"A minimalist fraction-display stepper wizard with large typographic step counter, progress bar, and arrow navigation built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-fraction-counter.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-fraction-counter.tsx"}]},{"name":"stepper-split-panel","type":"registry:block","title":"Stepper Split Panel","description":"A two-panel stepper wizard with a vertical step sidebar and content area for settings and configuration flows built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","separator"],"premium":true,"files":[{"path":"blocks/stepper/stepper-split-panel.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-split-panel.tsx"}]},{"name":"stepper-with-notes","type":"registry:block","title":"Stepper With Notes","description":"A vertical stepper with expandable team notes and comment counts per step built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-with-notes.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-with-notes.tsx"}]},{"name":"stepper-attachment-counts","type":"registry:block","title":"Stepper Attachment Counts","description":"A vertical stepper with file attachment indicators, file type labels, and upload areas per step built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-attachment-counts.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-attachment-counts.tsx"}]},{"name":"stepper-dual-track","type":"registry:block","title":"Stepper Dual Track","description":"A dual-track parallel stepper with synchronized frontend and backend tracks, horizontal bridge connectors, and a merged deployment step built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-dual-track.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-dual-track.tsx"}]},{"name":"stepper-booking-reservation","type":"registry:block","title":"Stepper Booking Reservation","description":"A multi-step hotel booking reservation wizard with date selection, room choice, guest details, and confirmation steps plus a persistent booking summary built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-booking-reservation.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-booking-reservation.tsx"}]},{"name":"stepper-subscription-setup","type":"registry:block","title":"Stepper Subscription Setup","description":"A subscription plan setup wizard with plan selection cards, billing cycle toggle, add-on checkboxes, and activation summary built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-subscription-setup.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-subscription-setup.tsx"}]},{"name":"stepper-locked-gated","type":"registry:block","title":"Stepper Locked Gated","description":"A horizontal stepper with locked and unlocked step states, lock icons, gated progression, and unlock transitions built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-locked-gated.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-locked-gated.tsx"}]},{"name":"stepper-single-line","type":"registry:block","title":"Stepper Single Line","description":"A typography-only stepper where all steps appear on one line with checkmarks, strikethrough, and inline navigation built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-single-line.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-single-line.tsx"}]},{"name":"stepper-dialog-wizard","type":"registry:block","title":"Stepper Dialog Wizard","description":"A modal-style dialog wizard stepper with a progress bar, step title header, form content body, and contextual navigation buttons built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","separator"],"premium":true,"files":[{"path":"blocks/stepper/stepper-dialog-wizard.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-dialog-wizard.tsx"}]},{"name":"stepper-with-help-panel","type":"registry:block","title":"Stepper With Help Panel","description":"A two-panel stepper wizard with vertical step navigation on the left and a contextual help sidebar on the right that displays step-specific tips, warnings, and documentation links built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","separator"],"premium":true,"files":[{"path":"blocks/stepper/stepper-with-help-panel.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-with-help-panel.tsx"}]},{"name":"stepper-draft-saved","type":"registry:block","title":"Stepper Draft Saved","description":"A multi-step form stepper with auto-save indicators, draft status per step, and global save state display built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-draft-saved.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-draft-saved.tsx"}]},{"name":"stepper-vertical-icons","type":"registry:block","title":"Stepper Vertical Icons","description":"A vertical icon-based stepper with expandable content areas, status indicators, and connecting lines built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-vertical-icons.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-vertical-icons.tsx"}]},{"name":"stepper-retry-recovery","type":"registry:block","title":"Stepper Retry Recovery","description":"A multi-step process stepper with error states, retry buttons, recovery indicators, and resilient workflow progression built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-retry-recovery.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-retry-recovery.tsx"}]},{"name":"stepper-warning-states","type":"registry:block","title":"Stepper Warning States","description":"A vertical stepper with tiered warning levels, expandable detail panels, and amber accent borders built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-warning-states.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-warning-states.tsx"}]},{"name":"stepper-drag-reorder","type":"registry:block","title":"Stepper Drag Reorder","description":"A vertical stepper with draggable reorderable steps using grip handles, up/down controls, and a reset button built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-drag-reorder.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-drag-reorder.tsx"}]},{"name":"stepper-mini-sidebar","type":"registry:block","title":"Stepper Mini Sidebar","description":"A narrow sidebar stepper with numbered circles connected by a vertical line, hover tooltips, and a wide content panel built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-mini-sidebar.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-mini-sidebar.tsx"}]},{"name":"stepper-status-badges","type":"registry:block","title":"Stepper Status Badges","description":"A vertical stepper with prominent color-coded status badges, expandable step details, and semantic indicators built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-status-badges.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-status-badges.tsx"}]},{"name":"stepper-collapsible-groups","type":"registry:block","title":"Stepper Collapsible Groups","description":"A grouped stepper wizard where steps are organized into collapsible sections with per-group progress tracking built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-collapsible-groups.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-collapsible-groups.tsx"}]},{"name":"stepper-inline-editing","type":"registry:block","title":"Stepper Inline Editing","description":"A customizable stepper with inline-editable step titles and descriptions, pencil icon triggers, and save/cancel actions built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","input"],"premium":true,"files":[{"path":"blocks/stepper/stepper-inline-editing.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-inline-editing.tsx"}]},{"name":"stepper-multi-form-merge","type":"registry:block","title":"Stepper Multi Form Merge","description":"A parallel multi-form stepper with independent form sections that converge into a final submission step built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-multi-form-merge.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-multi-form-merge.tsx"}]},{"name":"stepper-pill-segments","type":"registry:block","title":"Stepper Pill Segments","description":"A segmented control stepper with pill-shaped buttons, active segment highlighting, completion indicators, and swappable content panels built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-pill-segments.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-pill-segments.tsx"}]},{"name":"stepper-success-failure","type":"registry:block","title":"Stepper Success Failure","description":"A multi-step process stepper with terminal success or failure outcome states, retry option, and animated result display built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-success-failure.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-success-failure.tsx"}]},{"name":"stepper-tabbed-content","type":"registry:block","title":"Stepper Tabbed Content","description":"A horizontal tab stepper with icons, active underline indicator, emerald completion checks, and swappable content panels built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-tabbed-content.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-tabbed-content.tsx"}]},{"name":"stepper-circular-wheel","type":"registry:block","title":"Stepper Circular Wheel","description":"A radial wheel stepper with steps arranged on a circle perimeter, arc progress segments, and dynamic center content built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-circular-wheel.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-circular-wheel.tsx"}]},{"name":"stepper-premium-showcase","type":"registry:block","title":"Stepper Premium Showcase","description":"An all-in-one premium stepper wizard with numbered step indicators, progress bar, contextual tips panel, draft save indicator, and full keyboard navigation built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","separator"],"premium":true,"files":[{"path":"blocks/stepper/stepper-premium-showcase.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-premium-showcase.tsx"}]},{"name":"stepper-breadcrumb-chevrons","type":"registry:block","title":"Stepper Breadcrumb Chevrons","description":"A breadcrumb-style stepper with chevron-shaped segments, progress tracking, and step content built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-breadcrumb-chevrons.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-breadcrumb-chevrons.tsx"}]},{"name":"stepper-review-confirmation","type":"registry:block","title":"Stepper Review Confirmation","description":"A multi-step form wizard with a final review and summary step showing all collected data with inline edit navigation built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","separator"],"premium":true,"files":[{"path":"blocks/stepper/stepper-review-confirmation.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-review-confirmation.tsx"}]},{"name":"stepper-file-upload-flow","type":"registry:block","title":"Stepper File Upload Flow","description":"A multi-step file upload wizard with drag-drop zone, file preview grid, configuration options, and upload progress bars built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-file-upload-flow.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-file-upload-flow.tsx"}]},{"name":"stepper-slide-transitions","type":"registry:block","title":"Stepper Slide Transitions","description":"A horizontal slider stepper with left and right arrow navigation, position indicator bar, step counter, and smooth content transitions built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-slide-transitions.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-slide-transitions.tsx"}]},{"name":"stepper-compact-card","type":"registry:block","title":"Stepper Compact Card","description":"A small-footprint card stepper widget with dot indicators, micro-navigation buttons, and contextual step content built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-compact-card.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-compact-card.tsx"}]},{"name":"stepper-condensed-timeline","type":"registry:block","title":"Stepper Condensed Timeline","description":"A high-density vertical timeline stepper with single-row steps, tiny dot indicators, and expandable detail panel built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-condensed-timeline.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-condensed-timeline.tsx"}]},{"name":"stepper-checkout-flow","type":"registry:block","title":"Stepper Checkout Flow","description":"A complete e-commerce checkout stepper wizard with cart, shipping, payment, and confirmation steps built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-checkout-flow.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-checkout-flow.tsx"}]},{"name":"stepper-with-descriptions","type":"registry:block","title":"Stepper With Descriptions","description":"A horizontal stepper with titles and description lines below each step, connected by progress lines, built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-with-descriptions.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-with-descriptions.tsx"}]},{"name":"stepper-accordion-expand","type":"registry:block","title":"Stepper Accordion Expand","description":"An accordion-style stepper where the active step expands to reveal form content while completed and upcoming steps stay collapsed built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-accordion-expand.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-accordion-expand.tsx"}]},{"name":"stepper-optional-skippable","type":"registry:block","title":"Stepper Optional Skippable","description":"A vertical stepper with optional and required steps, skip functionality, dashed connectors, and strikethrough labels built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-optional-skippable.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-optional-skippable.tsx"}]},{"name":"stepper-percentage-display","type":"registry:block","title":"Stepper Percentage Display","description":"A data migration stepper with large percentage indicator, full-width progress bar, step details, and navigation controls built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-percentage-display.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-percentage-display.tsx"}]},{"name":"stepper-gradient-fill","type":"registry:block","title":"Stepper Gradient Fill","description":"A horizontal stepper with a gradient progress bar from emerald to blue, circular step markers, and smooth fill transitions built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-gradient-fill.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-gradient-fill.tsx"}]},{"name":"stepper-zigzag-path","type":"registry:block","title":"Stepper Zigzag Path","description":"A zigzag path stepper wizard with alternating left-right steps connected by diagonal lines, progress tracking, and expandable content built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-zigzag-path.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-zigzag-path.tsx"}]},{"name":"stepper-building-blocks","type":"registry:block","title":"Stepper Building Blocks","description":"A vertical stacking block stepper where completed steps form solid blocks, the active step shows a placement outline, and upcoming steps are ghosted above built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-building-blocks.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-building-blocks.tsx"}]},{"name":"stepper-checkmark-trail","type":"registry:block","title":"Stepper Checkmark Trail","description":"A horizontal checkmark trail stepper with connected circles, animated state transitions, and form-style step content built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-checkmark-trail.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-checkmark-trail.tsx"}]},{"name":"stepper-completion-bars","type":"registry:block","title":"Stepper Completion Bars","description":"A vertical stepper with individual mini progress bars per step showing granular completion percentages built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-completion-bars.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-completion-bars.tsx"}]},{"name":"stepper-validation-errors","type":"registry:block","title":"Stepper Validation Errors","description":"A horizontal stepper with validation error and warning indicators, inline error messages, and fix actions built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-validation-errors.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-validation-errors.tsx"}]},{"name":"stepper-change-history","type":"registry:block","title":"Stepper Change History","description":"A vertical stepper with last-modified timestamps, author attribution, and update indicators per step built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-change-history.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-change-history.tsx"}]},{"name":"stepper-undo-history","type":"registry:block","title":"Stepper Undo History","description":"A stepper wizard with undo and redo navigation that records step transitions in a visible history log built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-undo-history.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-undo-history.tsx"}]},{"name":"stepper-time-estimates","type":"registry:block","title":"Stepper Time Estimates","description":"A vertical stepper with estimated time badges per step, running time remaining total, and actual completion times built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-time-estimates.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-time-estimates.tsx"}]},{"name":"stepper-animated-pulse","type":"registry:block","title":"Stepper Animated Pulse","description":"A horizontal stepper with a pulsing active step indicator, emerald completion dots, connecting lines, and step content built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-animated-pulse.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-animated-pulse.tsx"}]},{"name":"stepper-minimal-line","type":"registry:block","title":"Stepper Minimal Line","description":"An ultra-minimal line stepper with tick marks, subtle labels, and maximum whitespace built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-minimal-line.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-minimal-line.tsx"}]},{"name":"stepper-stacked-cards","type":"registry:block","title":"Stepper Stacked Cards","description":"An overlapping stacked card stepper where the active step is displayed on top with upcoming cards peeking behind to create a visual depth effect built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-stacked-cards.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-stacked-cards.tsx"}]},{"name":"stepper-onboarding-guide","type":"registry:block","title":"Stepper Onboarding Guide","description":"A friendly app onboarding wizard stepper with horizontal dot progress, illustration placeholders, step descriptions, and skip/continue navigation built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-onboarding-guide.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-onboarding-guide.tsx"}]},{"name":"stepper-profile-completion","type":"registry:block","title":"Stepper Profile Completion","description":"A profile completion checklist stepper with a circular SVG progress ring, toggleable task rows, and dynamic percentage tracking built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-profile-completion.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-profile-completion.tsx"}]},{"name":"stepper-milestone-flags","type":"registry:block","title":"Stepper Milestone Flags","description":"A flag and pennant marker stepper with raised, waving, and lowered states along a horizontal progress line built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-milestone-flags.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-milestone-flags.tsx"}]},{"name":"stepper-tree-branch","type":"registry:block","title":"Stepper Tree Branch","description":"A tree-trunk stepper with alternating left-right branch nodes, organic connecting lines, and growth-themed progress tracking built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-tree-branch.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-tree-branch.tsx"}]},{"name":"stepper-due-dates","type":"registry:block","title":"Stepper Due Dates","description":"A vertical stepper with due date labels, overdue indicators, and project timeline tracking built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-due-dates.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-due-dates.tsx"}]},{"name":"stepper-inline-breadcrumb","type":"registry:block","title":"Stepper Inline Breadcrumb","description":"A breadcrumb-style stepper with chevron separators, completion checkmarks, clickable navigation, and step content panel built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-inline-breadcrumb.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-inline-breadcrumb.tsx"}]},{"name":"stepper-dense-row","type":"registry:block","title":"Stepper Dense Row","description":"A dense horizontal row stepper with tightly packed step buttons, scroll overflow, and inline status built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-dense-row.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-dense-row.tsx"}]},{"name":"stepper-circle-indicators","type":"registry:block","title":"Stepper Circle Indicators","description":"A circular ring indicator stepper with per-step completion arcs, step numbers, and detail content built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-circle-indicators.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-circle-indicators.tsx"}]},{"name":"stepper-comparison-paths","type":"registry:block","title":"Stepper Comparison Paths","description":"A side-by-side A/B comparison stepper with two parallel paths for quick and advanced setup flows built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-comparison-paths.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-comparison-paths.tsx"}]},{"name":"stepper-vertical-numbered","type":"registry:block","title":"Stepper Vertical Numbered","description":"A vertical numbered stepper with connecting lines, expandable step content, and completion tracking built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-vertical-numbered.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-vertical-numbered.tsx"}]},{"name":"stepper-clickable-jump","type":"registry:block","title":"Stepper Clickable Jump","description":"A non-linear horizontal stepper with click-to-jump navigation, visited step tracking, and direct access to any step built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-clickable-jump.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-clickable-jump.tsx"}]},{"name":"stepper-search-steps","type":"registry:block","title":"Stepper Search Steps","description":"A stepper wizard with a search bar to filter and quickly navigate to any step in a long workflow built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-search-steps.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-search-steps.tsx"}]},{"name":"stepper-train-track","type":"registry:block","title":"Stepper Train Track","description":"A railroad-inspired stepper wizard with parallel track lines, cross-ties, and station markers at each step built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-train-track.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-train-track.tsx"}]},{"name":"stepper-with-preview","type":"registry:block","title":"Stepper With Preview","description":"A two-panel stepper wizard with a vertical step navigator and live preview panel that updates as configuration options change built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button","separator"],"premium":true,"files":[{"path":"blocks/stepper/stepper-with-preview.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-with-preview.tsx"}]},{"name":"stepper-keyboard-nav","type":"registry:block","title":"Stepper Keyboard Nav","description":"A keyboard-accessible stepper with visible shortcut badges, arrow key hints, and focus ring indicators for data pipeline workflows built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-keyboard-nav.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-keyboard-nav.tsx"}]},{"name":"stepper-survey-questionnaire","type":"registry:block","title":"Stepper Survey Questionnaire","description":"A one-question-per-step survey stepper with selectable answer cards, progress tracking, and focused question layout built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-survey-questionnaire.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-survey-questionnaire.tsx"}]},{"name":"stepper-inline-form","type":"registry:block","title":"Stepper Inline Form","description":"An inline form stepper with numbered section badges, expandable form areas, collapsible summaries, and progressive disclosure built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-inline-form.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-inline-form.tsx"}]},{"name":"stepper-account-setup","type":"registry:block","title":"Stepper Account Setup","description":"A split-panel account creation wizard with vertical sidebar steps and contextual form content for credentials, profile, preferences, and welcome built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-account-setup.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-account-setup.tsx"}]},{"name":"stepper-floating-overlay","type":"registry:block","title":"Stepper Floating Overlay","description":"A stepper with a floating toolbar overlay containing step dots and current step label, full-width content panels, and smooth navigation built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-floating-overlay.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-floating-overlay.tsx"}]},{"name":"stepper-bottom-bar-mobile","type":"registry:block","title":"Stepper Bottom Bar Mobile","description":"A mobile-optimized stepper with full-width content area, fixed bottom navigation bar with step dots, back/next buttons, and step counter built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-bottom-bar-mobile.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-bottom-bar-mobile.tsx"}]},{"name":"stepper-drawer-wizard","type":"registry:block","title":"Stepper Drawer Wizard","description":"A slide-out drawer panel wizard with segmented progress bar, step content, and navigation controls built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-drawer-wizard.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-drawer-wizard.tsx"}]},{"name":"stepper-token-chips","type":"registry:block","title":"Stepper Token Chips","description":"A chip-based stepper with clickable rounded pill tokens, color-coded states, and inline status built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/stepper/stepper-token-chips.tsx","type":"registry:block","target":"components/blocks/stepper/stepper-token-chips.tsx"}]},{"name":"product-card-fitness","type":"registry:block","title":"Product Card Fitness","description":"Fitness class card with instructor, schedule, and booking for React gym apps","dependencies":["lucide-react"],"registryDependencies":["avatar","badge","button","card"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-fitness.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-fitness.tsx"}]},{"name":"product-card-gift-wrap","type":"registry:block","title":"Product Card Gift Wrap","description":"Product card with gift wrap option, message input, and wrapping style selector for React ecommerce","dependencies":["lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-gift-wrap.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-gift-wrap.tsx"}]},{"name":"product-card-preorder","type":"registry:block","title":"Product Card Preorder","description":"Pre-order product card with estimated shipping date, deposit option, and progress tracker for React stores","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-preorder.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-preorder.tsx"}]},{"name":"product-card-flash-sale","type":"registry:block","title":"Product Card Flash Sale","description":"Flash sale product card with countdown timer, original price, stock depletion bar for React ecommerce","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-flash-sale.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-flash-sale.tsx"}]},{"name":"product-card-lottery","type":"registry:block","title":"Product Card Lottery","description":"Lottery ticket card with number picker, draw countdown, and jackpot display for React gaming sites","dependencies":["lucide-react"],"registryDependencies":["badge","button","card","separator"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-lottery.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-lottery.tsx"}]},{"name":"product-card-skincare-routine","type":"registry:block","title":"Product Card Skincare Routine","description":"Skincare routine card with AM/PM products, application order, and skin type match for React beauty apps","dependencies":["lucide-react"],"registryDependencies":["badge","button","card","tabs"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-skincare-routine.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-skincare-routine.tsx"}]},{"name":"product-card-refurbished","type":"registry:block","title":"Product Card Refurbished","description":"Certified refurbished product card with condition grade, warranty info, and savings for React stores","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-refurbished.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-refurbished.tsx"}]},{"name":"product-card-tablet","type":"registry:block","title":"Product Card Tablet","description":"Tablet product card with accessory bundles and configuration options for electronics stores","dependencies":["lucide-react"],"registryDependencies":["badge","button","checkbox"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-tablet.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-tablet.tsx"}]},{"name":"product-card-quick-view","type":"registry:block","title":"Product Card Quick View","description":"Quick view product card with popup preview, size selector, and instant add to cart for React ecommerce","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-quick-view.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-quick-view.tsx"}]},{"name":"product-card-auction","type":"registry:block","title":"Product Card Auction","description":"Auction product card with current bid, time remaining, and bid history for React auction sites","dependencies":["lucide-react"],"registryDependencies":["badge","button","card","progress"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-auction.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-auction.tsx"}]},{"name":"product-card-food","type":"registry:block","title":"Product Card Food","description":"Food delivery product card with nutrition info and customization for React food apps","dependencies":["lucide-react"],"registryDependencies":["badge","button","card","checkbox"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-food.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-food.tsx"}]},{"name":"product-card-virtual-event","type":"registry:block","title":"Product Card Virtual Event","description":"Virtual event ticket card with timezone converter, platform badge, and calendar sync for React event apps","dependencies":["lucide-react"],"registryDependencies":["avatar","badge","button","card","label","radio-group","separator"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-virtual-event.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-virtual-event.tsx"}]},{"name":"product-card-monitor","type":"registry:block","title":"Product Card Monitor","description":"Monitor product card with display specs, panel type, and resolution for electronics stores","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-monitor.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-monitor.tsx"}]},{"name":"product-card-grid","type":"registry:block","title":"Product Card Grid","description":"Responsive product grid layout with multiple product cards for React category pages","dependencies":["lucide-react"],"registryDependencies":["aspect-ratio","badge","button","card"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-grid.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-grid.tsx"}]},{"name":"product-card-marketplace","type":"registry:block","title":"Product Card Marketplace","description":"Marketplace seller product card with seller rating, shipping info, and buyer protection for React platforms","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-marketplace.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-marketplace.tsx"}]},{"name":"product-card-gaming-pc","type":"registry:block","title":"Product Card Gaming Pc","description":"Custom gaming PC build product card with hardware specs and configuration for tech stores","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-gaming-pc.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-gaming-pc.tsx"}]},{"name":"product-card-drone","type":"registry:block","title":"Product Card Drone","description":"Drone product card with flight time, range specs, and camera capabilities for drone shops","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-drone.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-drone.tsx"}]},{"name":"product-card-furniture","type":"registry:block","title":"Product Card Furniture","description":"Furniture product card with dimensions, materials, and delivery estimate for React home stores","dependencies":["lucide-react"],"registryDependencies":["badge","button","card"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-furniture.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-furniture.tsx"}]},{"name":"product-card-jewelry","type":"registry:block","title":"Product Card Jewelry","description":"Jewelry product card with material, stone details, and size selector for React ecommerce","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-jewelry.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-jewelry.tsx"}]},{"name":"product-card-wishlist","type":"registry:block","title":"Product Card Wishlist","description":"Product card with wishlist heart toggle, price drop alert, and sharing for React ecommerce","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-wishlist.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-wishlist.tsx"}]},{"name":"product-card-board-game","type":"registry:block","title":"Product Card Board Game","description":"Board game product card with player count, play duration, and complexity rating for React game stores","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-board-game.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-board-game.tsx"}]},{"name":"product-card-skincare","type":"registry:block","title":"Product Card Skincare","description":"Skincare product card with ingredient list, skin type badges, and routine step for React beauty stores","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-skincare.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-skincare.tsx"}]},{"name":"product-card-reviews","type":"registry:block","title":"Product Card Reviews","description":"Product card with quick review list and average rating for React ecommerce stores","dependencies":["lucide-react"],"registryDependencies":["badge","button","card","separator"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-reviews.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-reviews.tsx"}]},{"name":"product-card-headphones","type":"registry:block","title":"Product Card Headphones","description":"Premium headphones product card with audio specs and noise cancellation details for audio stores","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-headphones.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-headphones.tsx"}]},{"name":"product-card-perfume","type":"registry:block","title":"Product Card Perfume","description":"Fragrance product card with scent pyramid notes and concentration options for beauty stores","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-perfume.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-perfume.tsx"}]},{"name":"product-card-property","type":"registry:block","title":"Product Card Property","description":"Real estate property card with key details and virtual tour for React property listings","dependencies":["lucide-react"],"registryDependencies":["avatar","badge","button","card"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-property.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-property.tsx"}]},{"name":"product-card-job-listing","type":"registry:block","title":"Product Card Job Listing","description":"Job listing card with salary, requirements, and quick apply for React job boards","dependencies":["lucide-react"],"registryDependencies":["avatar","badge","button","card"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-job-listing.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-job-listing.tsx"}]},{"name":"product-card-cloud-storage","type":"registry:block","title":"Product Card Cloud Storage","description":"Cloud storage plan card with storage meter, usage breakdown, and upgrade prompt for React SaaS apps","dependencies":["lucide-react"],"registryDependencies":["badge","button","card","progress"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-cloud-storage.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-cloud-storage.tsx"}]},{"name":"product-card-phone","type":"registry:block","title":"Product Card Phone","description":"Smartphone product card with color and storage options for electronics stores","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-phone.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-phone.tsx"}]},{"name":"product-card-watch-luxury","type":"registry:block","title":"Product Card Watch Luxury","description":"Luxury watch product card with movement details, case material, and water resistance for luxury stores","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-watch-luxury.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-watch-luxury.tsx"}]},{"name":"product-card-compact","type":"registry:block","title":"Product Card Compact","description":"Compact product card with minimal design for React product grids and listings","dependencies":["lucide-react"],"registryDependencies":["button","card"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-compact.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-compact.tsx"}]},{"name":"product-card-sunglasses","type":"registry:block","title":"Product Card Sunglasses","description":"Sunglasses product card with lens technology and UV protection details for eyewear stores","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-sunglasses.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-sunglasses.tsx"}]},{"name":"product-card-horizontal","type":"registry:block","title":"Product Card Horizontal","description":"Horizontal product card with side-by-side image and details for React product listings","dependencies":["lucide-react"],"registryDependencies":["badge","button","card"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-horizontal.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-horizontal.tsx"}]},{"name":"product-card-wholesale","type":"registry:block","title":"Product Card Wholesale","description":"Wholesale product card with tier pricing, minimum order quantity, and bulk discounts for React B2B stores","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-wholesale.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-wholesale.tsx"}]},{"name":"product-card-wellness","type":"registry:block","title":"Product Card Wellness","description":"Essential oil product card with aromatherapy benefits for React wellness stores","dependencies":["lucide-react"],"registryDependencies":["badge","button","card"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-wellness.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-wellness.tsx"}]},{"name":"product-card-appointment","type":"registry:block","title":"Product Card Appointment","description":"Appointment service card with provider selection and time slots for React booking apps","dependencies":["lucide-react"],"registryDependencies":["avatar","badge","button","card","toggle-group"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-appointment.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-appointment.tsx"}]},{"name":"product-card-hotel","type":"registry:block","title":"Product Card Hotel","description":"Hotel booking card with amenities, offers, and availability for React travel sites","dependencies":["lucide-react"],"registryDependencies":["badge","button","card"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-hotel.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-hotel.tsx"}]},{"name":"product-card-tv","type":"registry:block","title":"Product Card Tv","description":"Smart TV product card with screen size options and display technology specs for electronics stores","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-tv.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-tv.tsx"}]},{"name":"product-card-benefits","type":"registry:block","title":"Product Card Benefits","description":"Product card with benefits grid and warranty info for React appliance stores","dependencies":["lucide-react"],"registryDependencies":["badge","button","card","separator"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-benefits.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-benefits.tsx"}]},{"name":"product-card-rental","type":"registry:block","title":"Product Card Rental","description":"Equipment rental product card with daily rate, availability calendar, and deposit info for React stores","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-rental.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-rental.tsx"}]},{"name":"product-card-speaker","type":"registry:block","title":"Product Card Speaker","description":"Bluetooth speaker product card with audio profile and waterproof rating for audio stores","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-speaker.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-speaker.tsx"}]},{"name":"product-card-sale","type":"registry:block","title":"Product Card Sale","description":"Product card with sale pricing showing original and discounted price for React ecommerce","dependencies":["lucide-react"],"registryDependencies":["badge","button","card"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-sale.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-sale.tsx"}]},{"name":"product-card-membership","type":"registry:block","title":"Product Card Membership","description":"Membership pass card with access levels, validity period, and perks for React membership sites","dependencies":["lucide-react"],"registryDependencies":["badge","button","card"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-membership.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-membership.tsx"}]},{"name":"product-card-candle","type":"registry:block","title":"Product Card Candle","description":"Scented candle product card with burn time and fragrance notes for home decor stores","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-candle.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-candle.tsx"}]},{"name":"product-card-saas","type":"registry:block","title":"Product Card Saas","description":"Software product card with pricing tiers and feature comparison for React SaaS sites","dependencies":["lucide-react"],"registryDependencies":["badge","button","card","switch"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-saas.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-saas.tsx"}]},{"name":"product-card-vinyl-record","type":"registry:block","title":"Product Card Vinyl Record","description":"Vinyl record product card with tracklist, format details, and playback preview for React music stores","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-vinyl-record.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-vinyl-record.tsx"}]},{"name":"product-card-ebook","type":"registry:block","title":"Product Card Ebook","description":"Digital ebook product card with preview chapters and format options for bookstores","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-ebook.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-ebook.tsx"}]},{"name":"product-card-pet","type":"registry:block","title":"Product Card Pet","description":"Pet product card with pet type filters and weight-based sizing for React pet stores","dependencies":["lucide-react"],"registryDependencies":["badge","button","card","toggle-group"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-pet.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-pet.tsx"}]},{"name":"product-card-bicycle","type":"registry:block","title":"Product Card Bicycle","description":"Bicycle product card with component details and frame size selector for bike shops","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-bicycle.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-bicycle.tsx"}]},{"name":"product-card-sneaker","type":"registry:block","title":"Product Card Sneaker","description":"Limited edition sneaker product card with size selector and colorway options for ecommerce","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-sneaker.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-sneaker.tsx"}]},{"name":"product-card-book","type":"registry:block","title":"Product Card Book","description":"Book product card with author, ratings, and format options for React bookstores","dependencies":["lucide-react"],"registryDependencies":["badge","button","card","toggle-group"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-book.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-book.tsx"}]},{"name":"product-card-loyalty-points","type":"registry:block","title":"Product Card Loyalty Points","description":"Product card showing loyalty points earned, points balance, and redeem option for React ecommerce","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-loyalty-points.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-loyalty-points.tsx"}]},{"name":"product-card-flight","type":"registry:block","title":"Product Card Flight","description":"Flight booking card with route display, flight times, layover info, and fare classes for React travel apps","dependencies":["lucide-react"],"registryDependencies":["badge","button","card","label","radio-group","separator"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-flight.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-flight.tsx"}]},{"name":"product-card-comparison","type":"registry:block","title":"Product Card Comparison","description":"Side-by-side product comparison card with specs, pricing, and winner indicators for React ecommerce","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-comparison.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-comparison.tsx"}]},{"name":"product-card-recommendation","type":"registry:block","title":"Product Card Recommendation","description":"AI-recommended product card with match score, reasoning, and personalization indicators for React stores","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-recommendation.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-recommendation.tsx"}]},{"name":"product-card-simple","type":"registry:block","title":"Product Card Simple","description":"Simple product card component with image, title, price, and add to cart for React ecommerce","dependencies":["lucide-react"],"registryDependencies":["badge","button","card"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-simple.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-simple.tsx"}]},{"name":"product-card-travel","type":"registry:block","title":"Product Card Travel","description":"Travel package product card with departure info and testimonial for React booking sites","dependencies":["lucide-react"],"registryDependencies":["avatar","badge","button","card"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-travel.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-travel.tsx"}]},{"name":"product-card-customizable","type":"registry:block","title":"Product Card Customizable","description":"Build-your-own customizable product card with options, live preview, and dynamic pricing for React stores","dependencies":["lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-customizable.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-customizable.tsx"}]},{"name":"product-card-digital","type":"registry:block","title":"Product Card Digital","description":"Digital download product card with file info and instant delivery for React stores","dependencies":["lucide-react"],"registryDependencies":["badge","button","card"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-digital.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-digital.tsx"}]},{"name":"product-card-service","type":"registry:block","title":"Product Card Service","description":"Service package card with duration, what's included, and booking for React service businesses","dependencies":["lucide-react"],"registryDependencies":["avatar","badge","button","card"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-service.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-service.tsx"}]},{"name":"product-card-parking","type":"registry:block","title":"Product Card Parking","description":"Parking spot card with location map, hourly rates, and time selector for React parking apps","dependencies":["lucide-react"],"registryDependencies":["badge","button","card","toggle-group"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-parking.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-parking.tsx"}]},{"name":"product-card-subscription","type":"registry:block","title":"Product Card Subscription","description":"Subscription box product card with items preview and billing options for React ecommerce","dependencies":["lucide-react"],"registryDependencies":["badge","button","card","toggle-group"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-subscription.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-subscription.tsx"}]},{"name":"product-card-recently-viewed","type":"registry:block","title":"Product Card Recently Viewed","description":"Recently viewed product strip with horizontal scroll, timestamps, and quick add for React ecommerce","dependencies":["lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-recently-viewed.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-recently-viewed.tsx"}]},{"name":"product-card-wine","type":"registry:block","title":"Product Card Wine","description":"Wine product card with tasting notes, pairing suggestions, and ratings for React wine shops","dependencies":["lucide-react"],"registryDependencies":["badge","button","card"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-wine.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-wine.tsx"}]},{"name":"product-card-sustainable","type":"registry:block","title":"Product Card Sustainable","description":"Eco-friendly product card with sustainability certifications, carbon footprint, and impact metrics for React stores","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-sustainable.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-sustainable.tsx"}]},{"name":"product-card-limited-edition","type":"registry:block","title":"Product Card Limited Edition","description":"Limited edition product card with countdown timer, stock counter, and edition numbering for React stores","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-limited-edition.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-limited-edition.tsx"}]},{"name":"product-card-equipment-rental","type":"registry:block","title":"Product Card Equipment Rental","description":"Equipment rental card with hourly/daily rates and availability calendar for React rental sites","dependencies":["lucide-react"],"registryDependencies":["badge","button","card","tabs"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-equipment-rental.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-equipment-rental.tsx"}]},{"name":"product-card-features","type":"registry:block","title":"Product Card Features","description":"Horizontal product card with feature list and stock status for React ecommerce","dependencies":["lucide-react"],"registryDependencies":["badge","button","card"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-features.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-features.tsx"}]},{"name":"product-card-testimonials","type":"registry:block","title":"Product Card Testimonials","description":"Product card with customer testimonial carousel for React ecommerce stores","dependencies":["lucide-react"],"registryDependencies":["avatar","button","card","separator"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-testimonials.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-testimonials.tsx"}]},{"name":"product-card-collectible","type":"registry:block","title":"Product Card Collectible","description":"Collectible trading card with rarity, condition grade, and edition info for React marketplaces","dependencies":["lucide-react"],"registryDependencies":["badge","button","card"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-collectible.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-collectible.tsx"}]},{"name":"product-card-camera","type":"registry:block","title":"Product Card Camera","description":"Camera product card with sensor specs, ISO range, and sample images for photography stores","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-camera.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-camera.tsx"}]},{"name":"product-card-meal-kit","type":"registry:block","title":"Product Card Meal Kit","description":"Recipe meal kit card with servings adjuster, cook time, and ingredients for React food sites","dependencies":["lucide-react"],"registryDependencies":["badge","button","card","separator"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-meal-kit.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-meal-kit.tsx"}]},{"name":"product-card-crowdfunding","type":"registry:block","title":"Product Card Crowdfunding","description":"Crowdfunding project card with funding progress and reward tiers for React platforms","dependencies":["lucide-react"],"registryDependencies":["badge","button","card","progress"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-crowdfunding.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-crowdfunding.tsx"}]},{"name":"product-card-insurance","type":"registry:block","title":"Product Card Insurance","description":"Insurance plan card with coverage details, deductible options, and premium calculator for React insurance sites","dependencies":["lucide-react"],"registryDependencies":["badge","button","card","label","select"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-insurance.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-insurance.tsx"}]},{"name":"product-card-stock","type":"registry:block","title":"Product Card Stock","description":"Stock investment card with price chart, key metrics, and trade buttons for React finance apps","dependencies":["lucide-react"],"registryDependencies":["badge","button","card","tabs"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-stock.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-stock.tsx"}]},{"name":"product-card-tea","type":"registry:block","title":"Product Card Tea","description":"Tea collection product card with brewing instructions and flavor notes for tea shops","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-tea.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-tea.tsx"}]},{"name":"product-card-podcast","type":"registry:block","title":"Product Card Podcast","description":"Podcast episode card with play controls, duration, and show notes for React podcast apps","dependencies":["lucide-react"],"registryDependencies":["avatar","badge","button","card","progress"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-podcast.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-podcast.tsx"}]},{"name":"product-card-plant","type":"registry:block","title":"Product Card Plant","description":"Plant product card with care requirements and growing conditions for React nurseries","dependencies":["lucide-react"],"registryDependencies":["badge","button","card"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-plant.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-plant.tsx"}]},{"name":"product-card-coworking","type":"registry:block","title":"Product Card Coworking","description":"Coworking space card with desk type, amenities, and hourly/daily booking for React workspace apps","dependencies":["lucide-react"],"registryDependencies":["badge","button","card","toggle-group"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-coworking.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-coworking.tsx"}]},{"name":"product-card-backpack","type":"registry:block","title":"Product Card Backpack","description":"Travel backpack product card with compartment details and capacity specs for outdoor stores","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-backpack.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-backpack.tsx"}]},{"name":"product-card-course","type":"registry:block","title":"Product Card Course","description":"Course product card with curriculum preview and instructor info for React education sites","dependencies":["lucide-react"],"registryDependencies":["avatar","badge","button","card"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-course.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-course.tsx"}]},{"name":"product-card-handmade","type":"registry:block","title":"Product Card Handmade","description":"Handmade artisan product card with maker profile, craft process, and customization for React stores","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-handmade.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-handmade.tsx"}]},{"name":"product-card-beauty","type":"registry:block","title":"Product Card Beauty","description":"Skincare product card with ingredients and benefits for React beauty stores","dependencies":["lucide-react"],"registryDependencies":["badge","button","card"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-beauty.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-beauty.tsx"}]},{"name":"product-card-nft","type":"registry:block","title":"Product Card Nft","description":"NFT artwork product card with blockchain details, ownership history, and bidding for marketplaces","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-nft.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-nft.tsx"}]},{"name":"product-card-art-print","type":"registry:block","title":"Product Card Art Print","description":"Art print product card with frame options and size selector for art galleries","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-art-print.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-art-print.tsx"}]},{"name":"product-card-supplement","type":"registry:block","title":"Product Card Supplement","description":"Health supplement product card with nutrition facts, serving info, and dosage for React wellness stores","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-supplement.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-supplement.tsx"}]},{"name":"product-card-smartwatch","type":"registry:block","title":"Product Card Smartwatch","description":"Smartwatch product card with health features and band options for wearable tech stores","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-smartwatch.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-smartwatch.tsx"}]},{"name":"product-card-keyboard","type":"registry:block","title":"Product Card Keyboard","description":"Mechanical keyboard product card with switch type selector and layout options for tech stores","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-keyboard.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-keyboard.tsx"}]},{"name":"product-card-camping-gear","type":"registry:block","title":"Product Card Camping Gear","description":"Outdoor camping equipment product card with weather rating and packability specs for outdoor stores","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-camping-gear.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-camping-gear.tsx"}]},{"name":"product-card-yoga-mat","type":"registry:block","title":"Product Card Yoga Mat","description":"Yoga mat product card with material details and thickness options for wellness stores","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-yoga-mat.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-yoga-mat.tsx"}]},{"name":"product-card-event","type":"registry:block","title":"Product Card Event","description":"Event ticket card with seat selection and availability for React ticketing platforms","dependencies":["lucide-react"],"registryDependencies":["badge","button","card","label","radio-group"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-event.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-event.tsx"}]},{"name":"product-card-laptop","type":"registry:block","title":"Product Card Laptop","description":"Laptop product card with configuration comparison and spec tiers for tech stores","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-laptop.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-laptop.tsx"}]},{"name":"product-card-gift-card","type":"registry:block","title":"Product Card Gift Card","description":"Gift card product card with denomination selector and delivery options for React stores","dependencies":["lucide-react"],"registryDependencies":["button","card","input","label","toggle-group"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-gift-card.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-gift-card.tsx"}]},{"name":"product-card-language-course","type":"registry:block","title":"Product Card Language Course","description":"Language course card with proficiency level, lesson progress, and streak tracker for React learning apps","dependencies":["lucide-react"],"registryDependencies":["badge","button","card","progress"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-language-course.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-language-course.tsx"}]},{"name":"product-card-concert-ticket","type":"registry:block","title":"Product Card Concert Ticket","description":"Concert ticket card with seat selection, venue map preview, and pricing tiers for React ticketing apps","dependencies":["lucide-react"],"registryDependencies":["badge","button","card","label","radio-group","separator"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-concert-ticket.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-concert-ticket.tsx"}]},{"name":"product-card-car-rental","type":"registry:block","title":"Product Card Car Rental","description":"Car rental product card with specs, features, and daily pricing for React rental sites","dependencies":["lucide-react"],"registryDependencies":["badge","button","card","separator"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-car-rental.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-car-rental.tsx"}]},{"name":"product-card-variants","type":"registry:block","title":"Product Card Variants","description":"Product card with color and size variant selectors for React ecommerce stores","dependencies":["lucide-react"],"registryDependencies":["button","card","toggle-group"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-variants.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-variants.tsx"}]},{"name":"product-card-chocolate","type":"registry:block","title":"Product Card Chocolate","description":"Artisan chocolate product card with origin details and cacao percentage for gourmet stores","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-chocolate.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-chocolate.tsx"}]},{"name":"product-card-bundle","type":"registry:block","title":"Product Card Bundle","description":"Product bundle card with individual items, savings callout, and bundle pricing for React ecommerce","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-bundle.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-bundle.tsx"}]},{"name":"product-card-coffee","type":"registry:block","title":"Product Card Coffee","description":"Coffee subscription product card with roast profile and brewing details for coffee shops","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/product-cards/product-card-coffee.tsx","type":"registry:block","target":"components/blocks/product-cards/product-card-coffee.tsx"}]},{"name":"notification-announcement","type":"registry:block","title":"Notification Announcement","description":"A product announcement notification block for React and Next.js with feature badge, dismissible banner, CTA button, and staggered entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/notification/notification-announcement.tsx","type":"registry:block","target":"components/blocks/notification/notification-announcement.tsx"}]},{"name":"notification-referral","type":"registry:block","title":"Notification Referral","description":"A referral accepted notification block for React and Next.js with user avatar, credit reward display, referral link with copy button, invite CTA, and program stats built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/notification/notification-referral.tsx","type":"registry:block","target":"components/blocks/notification/notification-referral.tsx"}]},{"name":"notification-unread-list","type":"registry:block","title":"Notification Unread List","description":"An unread notifications list block for React and Next.js with toggle filter, blue dot indicators, click-to-mark-as-read interactions, and staggered animations built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["switch"],"premium":true,"files":[{"path":"blocks/notification/notification-unread-list.tsx","type":"registry:block","target":"components/blocks/notification/notification-unread-list.tsx"}]},{"name":"notification-browser-tab","type":"registry:block","title":"Notification Browser Tab","description":"A browser tab notification simulation block for React and Next.js with tab bar mockup, badge count indicator, notification list, title flashing description, and clear badge action built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/notification/notification-browser-tab.tsx","type":"registry:block","target":"components/blocks/notification/notification-browser-tab.tsx"}]},{"name":"notification-error-log","type":"registry:block","title":"Notification Error Log","description":"An error log notification block for React and Next.js with severity indicators, error count badge, monospace stack traces, expandable error details, and view logs CTA built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/notification/notification-error-log.tsx","type":"registry:block","target":"components/blocks/notification/notification-error-log.tsx"}]},{"name":"notification-github-style","type":"registry:block","title":"Notification Github Style","description":"A GitHub-style notification block for React and Next.js with pull request reviews, issue assignments, CI check statuses, and release events with monospace repo names and staggered entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/notification/notification-github-style.tsx","type":"registry:block","target":"components/blocks/notification/notification-github-style.tsx"}]},{"name":"notification-audit-log","type":"registry:block","title":"Notification Audit Log","description":"An audit log notification block for React and Next.js with timestamped event trail, actor identification, IP and session tracking, monospace technical details, and expandable entries built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/notification/notification-audit-log.tsx","type":"registry:block","target":"components/blocks/notification/notification-audit-log.tsx"}]},{"name":"notification-stacked","type":"registry:block","title":"Notification Stacked","description":"A stacked notification cards block for React and Next.js with layered depth offset, dismissible front card, scale reduction effect, and stagger reveal built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/notification/notification-stacked.tsx","type":"registry:block","target":"components/blocks/notification/notification-stacked.tsx"}]},{"name":"notification-real-time","type":"registry:block","title":"Notification Real Time","description":"A real-time notification indicator block for React and Next.js with pulsing live dot, sliding banner, and recent items list built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/notification/notification-real-time.tsx","type":"registry:block","target":"components/blocks/notification/notification-real-time.tsx"}]},{"name":"notification-shipping-update","type":"registry:block","title":"Notification Shipping Update","description":"A shipping update notification block for React and Next.js with tracking number display, multi-step status timeline, estimated delivery date, and staggered entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/notification/notification-shipping-update.tsx","type":"registry:block","target":"components/blocks/notification/notification-shipping-update.tsx"}]},{"name":"notification-custom-alert","type":"registry:block","title":"Notification Custom Alert","description":"A custom alert rule triggered notification block for React and Next.js with trigger condition display, current value versus threshold comparison, metric chart area, and edit rule action built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/notification/notification-custom-alert.tsx","type":"registry:block","target":"components/blocks/notification/notification-custom-alert.tsx"}]},{"name":"notification-password-expiry","type":"registry:block","title":"Notification Password Expiry","description":"A password expiry warning notification block for React and Next.js with countdown indicator, security recommendations, strength meter, and change password CTA built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/notification/notification-password-expiry.tsx","type":"registry:block","target":"components/blocks/notification/notification-password-expiry.tsx"}]},{"name":"notification-reaction","type":"registry:block","title":"Notification Reaction","description":"A reaction notification block for React and Next.js with grouped emoji reactions, reactor avatars, reaction counts, and original content preview built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/notification/notification-reaction.tsx","type":"registry:block","target":"components/blocks/notification/notification-reaction.tsx"}]},{"name":"notification-streak","type":"registry:block","title":"Notification Streak","description":"A usage streak notification block for React and Next.js with flame icon, 7-day streak calendar visualization, current and best streak counters, and encouragement message built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/notification/notification-streak.tsx","type":"registry:block","target":"components/blocks/notification/notification-streak.tsx"}]},{"name":"notification-invite","type":"registry:block","title":"Notification Invite","description":"A team invite notification block for React and Next.js with inviter details, role assignment, accept and decline actions, pending invites list, and staggered animations built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/notification/notification-invite.tsx","type":"registry:block","target":"components/blocks/notification/notification-invite.tsx"}]},{"name":"notification-push-prompt","type":"registry:block","title":"Notification Push Prompt","description":"A push notification permission prompt block for React and Next.js with benefits list, allow and dismiss actions, and AnimatePresence transitions built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/notification/notification-push-prompt.tsx","type":"registry:block","target":"components/blocks/notification/notification-push-prompt.tsx"}]},{"name":"notification-bell-dropdown","type":"registry:block","title":"Notification Bell Dropdown","description":"A bell icon dropdown notification menu block for React and Next.js with unread badge count, notification items with timestamps, and staggered entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/notification/notification-bell-dropdown.tsx","type":"registry:block","target":"components/blocks/notification/notification-bell-dropdown.tsx"}]},{"name":"notification-pin","type":"registry:block","title":"Notification Pin","description":"A pinned notifications block for React and Next.js with pin and unpin toggle, pinned section at top, regular feed below, and visual distinction for pinned items built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/notification/notification-pin.tsx","type":"registry:block","target":"components/blocks/notification/notification-pin.tsx"}]},{"name":"notification-onboarding-step","type":"registry:block","title":"Notification Onboarding Step","description":"An onboarding step notification block for React and Next.js with progress dots, step description, complete and skip actions, and next step preview built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/notification/notification-onboarding-step.tsx","type":"registry:block","target":"components/blocks/notification/notification-onboarding-step.tsx"}]},{"name":"notification-search-results","type":"registry:block","title":"Notification Search Results","description":"A notification search results block for React and Next.js with borderless search input, highlighted matching text, result count, and empty state built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["input"],"premium":true,"files":[{"path":"blocks/notification/notification-search-results.tsx","type":"registry:block","target":"components/blocks/notification/notification-search-results.tsx"}]},{"name":"notification-welcome","type":"registry:block","title":"Notification Welcome","description":"A welcome onboarding notification block for React and Next.js with getting started checklist, progress indicator, animated progress bar, and setup CTA built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","checkbox"],"premium":true,"files":[{"path":"blocks/notification/notification-welcome.tsx","type":"registry:block","target":"components/blocks/notification/notification-welcome.tsx"}]},{"name":"notification-update-available","type":"registry:block","title":"Notification Update Available","description":"An app update notification block for React and Next.js with version display, changelog highlights, update and dismiss actions, and staggered entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/notification/notification-update-available.tsx","type":"registry:block","target":"components/blocks/notification/notification-update-available.tsx"}]},{"name":"notification-backup-complete","type":"registry:block","title":"Notification Backup Complete","description":"A backup complete notification block for React and Next.js with success indicator, backup size, duration, storage location, and next scheduled time built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/notification/notification-backup-complete.tsx","type":"registry:block","target":"components/blocks/notification/notification-backup-complete.tsx"}]},{"name":"notification-do-not-disturb","type":"registry:block","title":"Notification Do Not Disturb","description":"A Do Not Disturb mode block for React and Next.js with DND toggle, schedule presets for 1 hour and until tomorrow, allowed exceptions list, and active status badge built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","switch"],"premium":true,"files":[{"path":"blocks/notification/notification-do-not-disturb.tsx","type":"registry:block","target":"components/blocks/notification/notification-do-not-disturb.tsx"}]},{"name":"notification-two-factor","type":"registry:block","title":"Notification Two Factor","description":"A two-factor authentication prompt notification block for React and Next.js with security benefits list, urgency indicator, enable 2FA CTA, and skip option built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/notification/notification-two-factor.tsx","type":"registry:block","target":"components/blocks/notification/notification-two-factor.tsx"}]},{"name":"notification-badge-counter","type":"registry:block","title":"Notification Badge Counter","description":"A bell icon notification dropdown block for React and Next.js with unread badge counter, recent notification list, mark-as-read actions, and staggered animations built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/notification/notification-badge-counter.tsx","type":"registry:block","target":"components/blocks/notification/notification-badge-counter.tsx"}]},{"name":"notification-toast-promise","type":"registry:block","title":"Notification Toast Promise","description":"A promise-based toast notification block for React and Next.js with loading spinner, success check, and error states using AnimatePresence transitions built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/notification/notification-toast-promise.tsx","type":"registry:block","target":"components/blocks/notification/notification-toast-promise.tsx"}]},{"name":"notification-reconnected","type":"registry:block","title":"Notification Reconnected","description":"A connection restored notification block for React and Next.js with emerald success indicator, missed notifications count, disconnection duration, auto-dismiss timer, and view missed action built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/notification/notification-reconnected.tsx","type":"registry:block","target":"components/blocks/notification/notification-reconnected.tsx"}]},{"name":"notification-quota-exceeded","type":"registry:block","title":"Notification Quota Exceeded","description":"A quota exceeded notification block for React and Next.js with usage meter, animated progress bar, overage charges breakdown, and upgrade storage action built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/notification/notification-quota-exceeded.tsx","type":"registry:block","target":"components/blocks/notification/notification-quota-exceeded.tsx"}]},{"name":"notification-uptime-alert","type":"registry:block","title":"Notification Uptime Alert","description":"An uptime and downtime alert notification block for React and Next.js with service status indicators, incident timeline, region and duration metadata, and status page link built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/notification/notification-uptime-alert.tsx","type":"registry:block","target":"components/blocks/notification/notification-uptime-alert.tsx"}]},{"name":"notification-toast-success","type":"registry:block","title":"Notification Toast Success","description":"A success toast notification block for React and Next.js with green check icon, auto-dismiss progress bar, stacked toasts, and dismiss button built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/notification/notification-toast-success.tsx","type":"registry:block","target":"components/blocks/notification/notification-toast-success.tsx"}]},{"name":"notification-toast-stack","type":"registry:block","title":"Notification Toast Stack","description":"A stacked toast notification block for React and Next.js with success, error, warning, and info variants, dismiss actions, and entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/notification/notification-toast-stack.tsx","type":"registry:block","target":"components/blocks/notification/notification-toast-stack.tsx"}]},{"name":"notification-achievement","type":"registry:block","title":"Notification Achievement","description":"An achievement unlocked notification block for React and Next.js with trophy icon, badge display, progress summary, XP indicator, and staggered entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/notification/notification-achievement.tsx","type":"registry:block","target":"components/blocks/notification/notification-achievement.tsx"}]},{"name":"notification-feedback-request","type":"registry:block","title":"Notification Feedback Request","description":"A feedback request notification block for React and Next.js with clickable star rating, optional comment textarea, submit button, AnimatePresence thank-you state, and skip option built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","textarea"],"premium":true,"files":[{"path":"blocks/notification/notification-feedback-request.tsx","type":"registry:block","target":"components/blocks/notification/notification-feedback-request.tsx"}]},{"name":"notification-preference-panel","type":"registry:block","title":"Notification Preference Panel","description":"A notification preferences settings block for React and Next.js with category-based Switch toggles, sub-option controls, and save action built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","switch"],"premium":true,"files":[{"path":"blocks/notification/notification-preference-panel.tsx","type":"registry:block","target":"components/blocks/notification/notification-preference-panel.tsx"}]},{"name":"notification-empty-state","type":"registry:block","title":"Notification Empty State","description":"An empty notifications state block for React and Next.js with caught-up message, muted illustration area, settings link, and staggered entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/notification/notification-empty-state.tsx","type":"registry:block","target":"components/blocks/notification/notification-empty-state.tsx"}]},{"name":"notification-integration-sync","type":"registry:block","title":"Notification Integration Sync","description":"An integration sync status notification block for React and Next.js with progress bar, record counts, error tracking, and sync status indicator built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/notification/notification-integration-sync.tsx","type":"registry:block","target":"components/blocks/notification/notification-integration-sync.tsx"}]},{"name":"notification-report-ready","type":"registry:block","title":"Notification Report Ready","description":"A report generated notification block for React and Next.js with metric previews, report period, key highlights, and download actions built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/notification/notification-report-ready.tsx","type":"registry:block","target":"components/blocks/notification/notification-report-ready.tsx"}]},{"name":"notification-permission-request","type":"registry:block","title":"Notification Permission Request","description":"A permission request notification block for React and Next.js with stacked permission prompts for camera, location, and microphone access, allow and deny actions, and staggered Framer Motion animations built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/notification/notification-permission-request.tsx","type":"registry:block","target":"components/blocks/notification/notification-permission-request.tsx"}]},{"name":"notification-team-activity","type":"registry:block","title":"Notification Team Activity","description":"A team activity notification feed block for React and Next.js with member avatars, commit and deploy actions, staggered animations, and team dashboard link built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/notification/notification-team-activity.tsx","type":"registry:block","target":"components/blocks/notification/notification-team-activity.tsx"}]},{"name":"notification-thread","type":"registry:block","title":"Notification Thread","description":"A threaded notification block for React and Next.js with nested replies, left-border indentation, thread participant avatars, reply count, and reply action built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/notification/notification-thread.tsx","type":"registry:block","target":"components/blocks/notification/notification-thread.tsx"}]},{"name":"notification-webhook-received","type":"registry:block","title":"Notification Webhook Received","description":"A webhook received notification block for React and Next.js with event type badge, monospace payload preview, source identifier, timestamp, and replay action built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/notification/notification-webhook-received.tsx","type":"registry:block","target":"components/blocks/notification/notification-webhook-received.tsx"}]},{"name":"notification-scheduled-task","type":"registry:block","title":"Notification Scheduled Task","description":"A scheduled task completion notification block for React and Next.js with task name, execution time, duration, cron expression, and next run display built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/notification/notification-scheduled-task.tsx","type":"registry:block","target":"components/blocks/notification/notification-scheduled-task.tsx"}]},{"name":"notification-calendar-event","type":"registry:block","title":"Notification Calendar Event","description":"A calendar event notification block for React and Next.js with meeting details, attendee avatars, agenda preview, join meeting CTA, and snooze option built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/notification/notification-calendar-event.tsx","type":"registry:block","target":"components/blocks/notification/notification-calendar-event.tsx"}]},{"name":"notification-floating","type":"registry:block","title":"Notification Floating","description":"A floating notification popup block for React and Next.js with bottom-right slide-in animation, icon badge, action button, and dismiss control built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/notification/notification-floating.tsx","type":"registry:block","target":"components/blocks/notification/notification-floating.tsx"}]},{"name":"notification-toast-error","type":"registry:block","title":"Notification Toast Error","description":"An error toast notification block for React and Next.js with red error icon, error codes, retry action button, and stacked dismiss controls built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/notification/notification-toast-error.tsx","type":"registry:block","target":"components/blocks/notification/notification-toast-error.tsx"}]},{"name":"notification-role-change","type":"registry:block","title":"Notification Role Change","description":"A role change notification block for React and Next.js with old and new role transition display, permission list, admin attribution, and effective immediately badge built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/notification/notification-role-change.tsx","type":"registry:block","target":"components/blocks/notification/notification-role-change.tsx"}]},{"name":"notification-deployment","type":"registry:block","title":"Notification Deployment","description":"A deployment status notification block for React and Next.js with environment badges, commit hash tracking, build time display, and rollback controls built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/notification/notification-deployment.tsx","type":"registry:block","target":"components/blocks/notification/notification-deployment.tsx"}]},{"name":"notification-api-error","type":"registry:block","title":"Notification Api Error","description":"An API error notification block for React and Next.js with monospace status code display, endpoint URL, request ID, occurrence count, and retry action built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/notification/notification-api-error.tsx","type":"registry:block","target":"components/blocks/notification/notification-api-error.tsx"}]},{"name":"notification-file-shared","type":"registry:block","title":"Notification File Shared","description":"A file shared notification block for React and Next.js with sharer details, file metadata badges, download and open actions, and stacked file share entries built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/notification/notification-file-shared.tsx","type":"registry:block","target":"components/blocks/notification/notification-file-shared.tsx"}]},{"name":"notification-priority-low","type":"registry:block","title":"Notification Priority Low","description":"A low priority notification digest block for React and Next.js with collapsible grouped notifications, muted styling, dismiss-all action, and staggered animations built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/notification/notification-priority-low.tsx","type":"registry:block","target":"components/blocks/notification/notification-priority-low.tsx"}]},{"name":"notification-email-preview","type":"registry:block","title":"Notification Email Preview","description":"An email notification preview block for React and Next.js with unread indicators, sender info, subject lines, message snippets, and staggered entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/notification/notification-email-preview.tsx","type":"registry:block","target":"components/blocks/notification/notification-email-preview.tsx"}]},{"name":"notification-grouped","type":"registry:block","title":"Notification Grouped","description":"A grouped notifications block for React and Next.js with collapsible type groups, badge counts, ChevronDown expand transitions, and staggered entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/notification/notification-grouped.tsx","type":"registry:block","target":"components/blocks/notification/notification-grouped.tsx"}]},{"name":"notification-changelog","type":"registry:block","title":"Notification Changelog","description":"A changelog notification block for React and Next.js with versioned entries, feature and fix badges, descriptions, and view full changelog link built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/notification/notification-changelog.tsx","type":"registry:block","target":"components/blocks/notification/notification-changelog.tsx"}]},{"name":"notification-discount-offer","type":"registry:block","title":"Notification Discount Offer","description":"A discount offer notification block for React and Next.js with tag icon, promo code display with copy button, expiry countdown, limited time badge, and claim offer CTA built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/notification/notification-discount-offer.tsx","type":"registry:block","target":"components/blocks/notification/notification-discount-offer.tsx"}]},{"name":"notification-comment","type":"registry:block","title":"Notification Comment","description":"A comment notification list block for React and Next.js with commenter names, comment previews, file context, reply and view actions, and staggered animations built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/notification/notification-comment.tsx","type":"registry:block","target":"components/blocks/notification/notification-comment.tsx"}]},{"name":"notification-rate-limit","type":"registry:block","title":"Notification Rate Limit","description":"A rate limit warning notification block for React and Next.js with usage progress bar, request count breakdown, reset countdown, and upgrade CTA built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/notification/notification-rate-limit.tsx","type":"registry:block","target":"components/blocks/notification/notification-rate-limit.tsx"}]},{"name":"notification-subscription-renewed","type":"registry:block","title":"Notification Subscription Renewed","description":"A subscription renewal confirmation notification block for React and Next.js with payment details, plan summary, next renewal date, and view invoice and manage plan actions built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/notification/notification-subscription-renewed.tsx","type":"registry:block","target":"components/blocks/notification/notification-subscription-renewed.tsx"}]},{"name":"notification-event-reminder","type":"registry:block","title":"Notification Event Reminder","description":"An event reminder notification block for React and Next.js with meeting details, participant avatars, join and snooze actions, and recurring indicator built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/notification/notification-event-reminder.tsx","type":"registry:block","target":"components/blocks/notification/notification-event-reminder.tsx"}]},{"name":"notification-mark-read","type":"registry:block","title":"Notification Mark Read","description":"A mark all as read notification block for React and Next.js with unread count badge, blue dot indicators, animated bulk read action, and AnimatePresence transitions built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/notification/notification-mark-read.tsx","type":"registry:block","target":"components/blocks/notification/notification-mark-read.tsx"}]},{"name":"notification-toast-loading","type":"registry:block","title":"Notification Toast Loading","description":"A loading progress toast notification block for React and Next.js with spinner animation, progress percentage, animated progress bar, and multi-state transitions built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/notification/notification-toast-loading.tsx","type":"registry:block","target":"components/blocks/notification/notification-toast-loading.tsx"}]},{"name":"notification-data-export","type":"registry:block","title":"Notification Data Export","description":"A data export ready notification block for React and Next.js with file details, download button, export summary, and expiry countdown built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/notification/notification-data-export.tsx","type":"registry:block","target":"components/blocks/notification/notification-data-export.tsx"}]},{"name":"notification-slack-style","type":"registry:block","title":"Notification Slack Style","description":"A Slack-style notification block for React and Next.js with channel mentions, message previews, thread indicators, emoji reactions, and staggered entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/notification/notification-slack-style.tsx","type":"registry:block","target":"components/blocks/notification/notification-slack-style.tsx"}]},{"name":"notification-priority-high","type":"registry:block","title":"Notification Priority High","description":"A high priority notification alert block for React and Next.js with urgent indicators, red dot severity markers, priority badges, and acknowledge actions built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/notification/notification-priority-high.tsx","type":"registry:block","target":"components/blocks/notification/notification-priority-high.tsx"}]},{"name":"notification-queue-status","type":"registry:block","title":"Notification Queue Status","description":"A queue processing status notification block for React and Next.js with job counts, animated progress bar, individual job items with status icons, and processing speed metrics built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/notification/notification-queue-status.tsx","type":"registry:block","target":"components/blocks/notification/notification-queue-status.tsx"}]},{"name":"notification-version-update","type":"registry:block","title":"Notification Version Update","description":"A version update notification block for React and Next.js with semantic versioning display, breaking changes warning, migration steps checklist, and changelog highlights built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/notification/notification-version-update.tsx","type":"registry:block","target":"components/blocks/notification/notification-version-update.tsx"}]},{"name":"notification-connection-lost","type":"registry:block","title":"Notification Connection Lost","description":"A connection lost warning notification block for React and Next.js with red status indicator, reconnection spinner, retry button, last connected timestamp, and troubleshooting tips built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/notification/notification-connection-lost.tsx","type":"registry:block","target":"components/blocks/notification/notification-connection-lost.tsx"}]},{"name":"notification-status-change","type":"registry:block","title":"Notification Status Change","description":"A status change notification block for React and Next.js with previous and new status badges, actor info, project context, and arrow transition indicator built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/notification/notification-status-change.tsx","type":"registry:block","target":"components/blocks/notification/notification-status-change.tsx"}]},{"name":"notification-alert-banner","type":"registry:block","title":"Notification Alert Banner","description":"A dismissible alert banner notification block for React and Next.js with info, warning, error, and success variants, action buttons, and smooth exit animations built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/notification/notification-alert-banner.tsx","type":"registry:block","target":"components/blocks/notification/notification-alert-banner.tsx"}]},{"name":"notification-toast-warning","type":"registry:block","title":"Notification Toast Warning","description":"A warning toast notification block for React and Next.js with amber alert icon, contextual warning messages, learn more action link, and stacked layout built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/notification/notification-toast-warning.tsx","type":"registry:block","target":"components/blocks/notification/notification-toast-warning.tsx"}]},{"name":"notification-mention","type":"registry:block","title":"Notification Mention","description":"An at-mention notification list block for React and Next.js with channel context, thread preview, view action buttons, and staggered entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/notification/notification-mention.tsx","type":"registry:block","target":"components/blocks/notification/notification-mention.tsx"}]},{"name":"notification-task-assigned","type":"registry:block","title":"Notification Task Assigned","description":"A task assignment notification block for React and Next.js with task title, priority badge, due date, assigner info, and accept actions built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/notification/notification-task-assigned.tsx","type":"registry:block","target":"components/blocks/notification/notification-task-assigned.tsx"}]},{"name":"notification-reply","type":"registry:block","title":"Notification Reply","description":"A reply notification block for React and Next.js with original comment preview, reply content display, thread context, and reply-back action built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/notification/notification-reply.tsx","type":"registry:block","target":"components/blocks/notification/notification-reply.tsx"}]},{"name":"notification-security-alert","type":"registry:block","title":"Notification Security Alert","description":"A security alert notification block for React and Next.js with suspicious login detection, device tracking, IP geolocation display, and actionable response buttons built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/notification/notification-security-alert.tsx","type":"registry:block","target":"components/blocks/notification/notification-security-alert.tsx"}]},{"name":"notification-toast-undo","type":"registry:block","title":"Notification Toast Undo","description":"An undo action toast notification block for React and Next.js with countdown timer bar, AnimatePresence undo success state, and staggered entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/notification/notification-toast-undo.tsx","type":"registry:block","target":"components/blocks/notification/notification-toast-undo.tsx"}]},{"name":"notification-archive","type":"registry:block","title":"Notification Archive","description":"A notification archive block for React and Next.js with archived items list, restore and clear actions, archive count badge, and fade-out animations on archive built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/notification/notification-archive.tsx","type":"registry:block","target":"components/blocks/notification/notification-archive.tsx"}]},{"name":"notification-deadline","type":"registry:block","title":"Notification Deadline","description":"A deadline approaching notification block for React and Next.js with countdown urgency, animated progress bar, task completion tracking, and assigned team members built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/notification/notification-deadline.tsx","type":"registry:block","target":"components/blocks/notification/notification-deadline.tsx"}]},{"name":"notification-system-alert","type":"registry:block","title":"Notification System Alert","description":"A system alert notification block for React and Next.js with severity-coded alerts for server outages, high CPU, and database failures, expandable details, and staggered Framer Motion animations built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/notification/notification-system-alert.tsx","type":"registry:block","target":"components/blocks/notification/notification-system-alert.tsx"}]},{"name":"notification-new-feature","type":"registry:block","title":"Notification New Feature","description":"A new feature announcement notification block for React and Next.js with feature description, screenshot placeholder, try-it CTA button, and learn-more link built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/notification/notification-new-feature.tsx","type":"registry:block","target":"components/blocks/notification/notification-new-feature.tsx"}]},{"name":"notification-trial-expiring","type":"registry:block","title":"Notification Trial Expiring","description":"A trial expiration notification block for React and Next.js with countdown display, feature risk list, upgrade CTA, and extend trial option built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/notification/notification-trial-expiring.tsx","type":"registry:block","target":"components/blocks/notification/notification-trial-expiring.tsx"}]},{"name":"notification-build-status","type":"registry:block","title":"Notification Build Status","description":"A build status notification block for React and Next.js with CI/CD pipeline tracking, branch names, commit messages, build duration, and status indicators built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","date-fns","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/notification/notification-build-status.tsx","type":"registry:block","target":"components/blocks/notification/notification-build-status.tsx"}]},{"name":"notification-payment-alert","type":"registry:block","title":"Notification Payment Alert","description":"A payment alert notification block for React and Next.js with transaction status tracking, amount display, invoice links, and success/failure indicators built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/notification/notification-payment-alert.tsx","type":"registry:block","target":"components/blocks/notification/notification-payment-alert.tsx"}]},{"name":"notification-batch-complete","type":"registry:block","title":"Notification Batch Complete","description":"A batch operation complete notification block for React and Next.js with processed counts, success rate percentage, error summary, duration display, and download report action built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/notification/notification-batch-complete.tsx","type":"registry:block","target":"components/blocks/notification/notification-batch-complete.tsx"}]},{"name":"notification-approval-request","type":"registry:block","title":"Notification Approval Request","description":"An approval request notification block for React and Next.js with requester info, request type, priority indicator, deadline, and approve, reject, and view details actions built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/notification/notification-approval-request.tsx","type":"registry:block","target":"components/blocks/notification/notification-approval-request.tsx"}]},{"name":"notification-slide-in","type":"registry:block","title":"Notification Slide In","description":"A slide-in notification panel block for React and Next.js with right-side panel animation, notification list, clear all action, and close button built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/notification/notification-slide-in.tsx","type":"registry:block","target":"components/blocks/notification/notification-slide-in.tsx"}]},{"name":"notification-compliance","type":"registry:block","title":"Notification Compliance","description":"A compliance action notification block for React and Next.js with GDPR data review prompt, compliance type badge, required actions checklist, deadline tracking, and regulatory context built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/notification/notification-compliance.tsx","type":"registry:block","target":"components/blocks/notification/notification-compliance.tsx"}]},{"name":"notification-maintenance","type":"registry:block","title":"Notification Maintenance","description":"A scheduled maintenance notification block for React and Next.js with date and time window, affected services list, expected downtime, subscribe option, and amber warning accent built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","switch"],"premium":true,"files":[{"path":"blocks/notification/notification-maintenance.tsx","type":"registry:block","target":"components/blocks/notification/notification-maintenance.tsx"}]},{"name":"notification-snooze","type":"registry:block","title":"Notification Snooze","description":"A notification snooze block for React and Next.js with snooze duration buttons for 1 hour, 4 hours, tomorrow, and next week, snoozed items list with wake-up times, and unsnooze action built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/notification/notification-snooze.tsx","type":"registry:block","target":"components/blocks/notification/notification-snooze.tsx"}]},{"name":"notification-filter-panel","type":"registry:block","title":"Notification Filter Panel","description":"A notification filter panel block for React and Next.js with type and priority filters, active filter badges, two-panel layout, and staggered Framer Motion animations built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","checkbox"],"premium":true,"files":[{"path":"blocks/notification/notification-filter-panel.tsx","type":"registry:block","target":"components/blocks/notification/notification-filter-panel.tsx"}]},{"name":"notification-sound-toggle","type":"registry:block","title":"Notification Sound Toggle","description":"A notification sound settings block for React and Next.js with master sound toggle, per-category Switch controls for messages, alerts, reminders, and mentions, and volume preview built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","switch"],"premium":true,"files":[{"path":"blocks/notification/notification-sound-toggle.tsx","type":"registry:block","target":"components/blocks/notification/notification-sound-toggle.tsx"}]},{"name":"notification-center","type":"registry:block","title":"Notification Center","description":"A full notification center block for React and Next.js with tabbed navigation, unread indicators, mark all read action, and scrollable notification list built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","tabs"],"premium":true,"files":[{"path":"blocks/notification/notification-center.tsx","type":"registry:block","target":"components/blocks/notification/notification-center.tsx"}]},{"name":"notification-digest-view","type":"registry:block","title":"Notification Digest View","description":"A daily notification digest summary block for React and Next.js with grouped categories, summary stats, and staggered list animations built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/notification/notification-digest-view.tsx","type":"registry:block","target":"components/blocks/notification/notification-digest-view.tsx"}]},{"name":"notification-storage-warning","type":"registry:block","title":"Notification Storage Warning","description":"A storage quota warning notification block for React and Next.js with animated progress bar, file type breakdown, usage meter, and manage storage and upgrade actions built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/notification/notification-storage-warning.tsx","type":"registry:block","target":"components/blocks/notification/notification-storage-warning.tsx"}]},{"name":"notification-loading-skeleton","type":"registry:block","title":"Notification Loading Skeleton","description":"A notification loading skeleton block for React and Next.js with animated pulse placeholder items, avatar circles, text lines, and timestamp skeletons built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/notification/notification-loading-skeleton.tsx","type":"registry:block","target":"components/blocks/notification/notification-loading-skeleton.tsx"}]},{"name":"notification-activity-feed","type":"registry:block","title":"Notification Activity Feed","description":"A vertical timeline activity feed block for React and Next.js with colored dot indicators, actor names, timestamps, and staggered entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/notification/notification-activity-feed.tsx","type":"registry:block","target":"components/blocks/notification/notification-activity-feed.tsx"}]},{"name":"notification-toast-action","type":"registry:block","title":"Notification Toast Action","description":"An action toast notification block for React and Next.js with dual action buttons, primary and dismiss controls, and stacked notification layout built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/notification/notification-toast-action.tsx","type":"registry:block","target":"components/blocks/notification/notification-toast-action.tsx"}]},{"name":"notification-cookie-consent","type":"registry:block","title":"Notification Cookie Consent","description":"A cookie consent notification block for React and Next.js with accept, reject, and customize options, privacy policy link, and staggered entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","switch"],"premium":true,"files":[{"path":"blocks/notification/notification-cookie-consent.tsx","type":"registry:block","target":"components/blocks/notification/notification-cookie-consent.tsx"}]},{"name":"notification-milestone","type":"registry:block","title":"Notification Milestone","description":"A milestone reached notification block for React and Next.js with party popper icon, animated CountUp number, community rank comparison, and share and stats actions built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/notification/notification-milestone.tsx","type":"registry:block","target":"components/blocks/notification/notification-milestone.tsx"}]},{"name":"notification-survey-popup","type":"registry:block","title":"Notification Survey Popup","description":"A compact survey popup notification block for React and Next.js with single question display, four radio-style options, progress indicator, submit button, and step navigation built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/notification/notification-survey-popup.tsx","type":"registry:block","target":"components/blocks/notification/notification-survey-popup.tsx"}]},{"name":"notification-inbox-panel","type":"registry:block","title":"Notification Inbox Panel","description":"A full notification inbox panel block for React and Next.js with tab filtering, unread indicators, mark-as-read actions, and staggered list animations built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","tabs"],"premium":true,"files":[{"path":"blocks/notification/notification-inbox-panel.tsx","type":"registry:block","target":"components/blocks/notification/notification-inbox-panel.tsx"}]},{"name":"crud-bookmark-manager","type":"registry:block","title":"Crud Bookmark Manager","description":"Organize and manage saved bookmarks with categories, search, and bulk actions","dependencies":["lucide-react"],"registryDependencies":["badge","button","checkbox","input","select"],"premium":true,"files":[{"path":"blocks/crud/crud-bookmark-manager.tsx","type":"registry:block","target":"components/blocks/crud/crud-bookmark-manager.tsx"}]},{"name":"crud-task-list","type":"registry:block","title":"Crud Task List","description":"Task checklist with progress tracking, assignees, due dates, and priority indicators","dependencies":["lucide-react"],"registryDependencies":["avatar","button","checkbox","input","progress"],"premium":true,"files":[{"path":"blocks/crud/crud-task-list.tsx","type":"registry:block","target":"components/blocks/crud/crud-task-list.tsx"}]},{"name":"crud-integration-setup","type":"registry:block","title":"Crud Integration Setup","description":"Integration configuration wizard with connection status, API key management, and webhook settings","dependencies":["lucide-react"],"registryDependencies":["badge","button","dropdown-menu","input"],"premium":true,"files":[{"path":"blocks/crud/crud-integration-setup.tsx","type":"registry:block","target":"components/blocks/crud/crud-integration-setup.tsx"}]},{"name":"crud-activity-feed","type":"registry:block","title":"Crud Activity Feed","description":"CRUD activity feed with timeline showing record changes, user actions, system events, and timestamps for audit trail and collaboration","dependencies":["lucide-react"],"registryDependencies":["avatar","button","select"],"premium":true,"files":[{"path":"blocks/crud/crud-activity-feed.tsx","type":"registry:block","target":"components/blocks/crud/crud-activity-feed.tsx"}]},{"name":"crud-api-keys","type":"registry:block","title":"Crud Api Keys","description":"Secure API key manager with creation, revocation, and usage tracking","dependencies":["lucide-react"],"registryDependencies":["badge","button","dropdown-menu","input","select"],"premium":true,"files":[{"path":"blocks/crud/crud-api-keys.tsx","type":"registry:block","target":"components/blocks/crud/crud-api-keys.tsx"}]},{"name":"crud-kanban-board","type":"registry:block","title":"Crud Kanban Board","description":"CRUD kanban board with drag-and-drop columns for status management, card preview, and inline actions for visual workflow organization","dependencies":["lucide-react"],"registryDependencies":["avatar","badge","button","dropdown-menu"],"premium":true,"files":[{"path":"blocks/crud/crud-kanban-board.tsx","type":"registry:block","target":"components/blocks/crud/crud-kanban-board.tsx"}]},{"name":"crud-audit-log","type":"registry:block","title":"Crud Audit Log","description":"Complete audit log showing all CRUD operations with filtering and user tracking","dependencies":["lucide-react"],"registryDependencies":["badge","button","dropdown-menu"],"premium":true,"files":[{"path":"blocks/crud/crud-audit-log.tsx","type":"registry:block","target":"components/blocks/crud/crud-audit-log.tsx"}]},{"name":"crud-menu-editor","type":"registry:block","title":"Crud Menu Editor","description":"Restaurant and app menu editor with categories, pricing, dietary tags, availability toggles, and item reordering","dependencies":["lucide-react"],"registryDependencies":["badge","button","dropdown-menu","input"],"premium":true,"files":[{"path":"blocks/crud/crud-menu-editor.tsx","type":"registry:block","target":"components/blocks/crud/crud-menu-editor.tsx"}]},{"name":"crud-department-manager","type":"registry:block","title":"Crud Department Manager","description":"Department hierarchy editor with team counts, manager assignment, and organizational structure management","dependencies":["lucide-react"],"registryDependencies":["badge","button","dropdown-menu","input"],"premium":true,"files":[{"path":"blocks/crud/crud-department-manager.tsx","type":"registry:block","target":"components/blocks/crud/crud-department-manager.tsx"}]},{"name":"crud-edit-product","type":"registry:block","title":"Crud Edit Product","description":"CRUD form for editing product details with name, brand, price, category, and description fields","registryDependencies":["button","input","label","select","textarea"],"premium":true,"files":[{"path":"blocks/crud/crud-edit-product.tsx","type":"registry:block","target":"components/blocks/crud/crud-edit-product.tsx"}]},{"name":"crud-database-browser","type":"registry:block","title":"Crud Database Browser","description":"Database table browser with schema inspection, row editing, and SQL-like filtering for database administration","dependencies":["lucide-react"],"registryDependencies":["badge","button","input","table"],"premium":true,"files":[{"path":"blocks/crud/crud-database-browser.tsx","type":"registry:block","target":"components/blocks/crud/crud-database-browser.tsx"}]},{"name":"crud-help-articles","type":"registry:block","title":"Crud Help Articles","description":"Help center article editor with categories, search, publish workflow, and view analytics","dependencies":["lucide-react"],"registryDependencies":["badge","button","dropdown-menu","input"],"premium":true,"files":[{"path":"blocks/crud/crud-help-articles.tsx","type":"registry:block","target":"components/blocks/crud/crud-help-articles.tsx"}]},{"name":"crud-list-users","type":"registry:block","title":"Crud List Users","description":"CRUD user list with table layout, search, filters, sorting, row actions including edit/delete, and bulk operations","dependencies":["lucide-react"],"registryDependencies":["avatar","badge","button","checkbox","dropdown-menu","input","select","table"],"premium":true,"files":[{"path":"blocks/crud/crud-list-users.tsx","type":"registry:block","target":"components/blocks/crud/crud-list-users.tsx"}]},{"name":"crud-appointment-scheduler","type":"registry:block","title":"Crud Appointment Scheduler","description":"Appointment scheduling with create, edit, cancel operations and time slot management for booking systems","dependencies":["lucide-react"],"registryDependencies":["badge","button","dropdown-menu","input","select"],"premium":true,"files":[{"path":"blocks/crud/crud-appointment-scheduler.tsx","type":"registry:block","target":"components/blocks/crud/crud-appointment-scheduler.tsx"}]},{"name":"crud-duplicate-record","type":"registry:block","title":"Crud Duplicate Record","description":"CRUD duplicate record dialog allowing users to clone existing records with option to modify copied values before creating","dependencies":["lucide-react"],"registryDependencies":["badge","button","checkbox","dialog","input","label","select","textarea"],"premium":true,"files":[{"path":"blocks/crud/crud-duplicate-record.tsx","type":"registry:block","target":"components/blocks/crud/crud-duplicate-record.tsx"}]},{"name":"crud-file-manager","type":"registry:block","title":"Crud File Manager","description":"File browser with list view, breadcrumb navigation, and bulk actions","dependencies":["lucide-react"],"registryDependencies":["button","checkbox","dropdown-menu"],"premium":true,"files":[{"path":"blocks/crud/crud-file-manager.tsx","type":"registry:block","target":"components/blocks/crud/crud-file-manager.tsx"}]},{"name":"crud-content-calendar","type":"registry:block","title":"Crud Content Calendar","description":"Content scheduling in list view with platform filters and status tracking","dependencies":["lucide-react"],"registryDependencies":["badge","button","input"],"premium":true,"files":[{"path":"blocks/crud/crud-content-calendar.tsx","type":"registry:block","target":"components/blocks/crud/crud-content-calendar.tsx"}]},{"name":"crud-sort-reorder","type":"registry:block","title":"Crud Sort Reorder","description":"Manual drag-free reordering interface with position tracking and visual feedback","dependencies":["lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/crud/crud-sort-reorder.tsx","type":"registry:block","target":"components/blocks/crud/crud-sort-reorder.tsx"}]},{"name":"crud-invoice-manager","type":"registry:block","title":"Crud Invoice Manager","description":"Invoice list with status tracking, filtering, and bulk actions","dependencies":["lucide-react"],"registryDependencies":["button","dropdown-menu"],"premium":true,"files":[{"path":"blocks/crud/crud-invoice-manager.tsx","type":"registry:block","target":"components/blocks/crud/crud-invoice-manager.tsx"}]},{"name":"crud-client-directory","type":"registry:block","title":"Crud Client Directory","description":"Client directory with contact details, company info, engagement status, and relationship management","dependencies":["lucide-react"],"registryDependencies":["badge","button","dropdown-menu","input"],"premium":true,"files":[{"path":"blocks/crud/crud-client-directory.tsx","type":"registry:block","target":"components/blocks/crud/crud-client-directory.tsx"}]},{"name":"crud-font-manager","type":"registry:block","title":"Crud Font Manager","description":"Font library management with preview, categorization, weight variants, and usage tracking","dependencies":["lucide-react"],"registryDependencies":["badge","button","dropdown-menu","input"],"premium":true,"files":[{"path":"blocks/crud/crud-font-manager.tsx","type":"registry:block","target":"components/blocks/crud/crud-font-manager.tsx"}]},{"name":"crud-pipeline-editor","type":"registry:block","title":"Crud Pipeline Editor","description":"Pipeline stage editor with stage ordering, deal values, conversion rates, and drag-to-reorder","dependencies":["lucide-react"],"registryDependencies":["badge","button","dropdown-menu"],"premium":true,"files":[{"path":"blocks/crud/crud-pipeline-editor.tsx","type":"registry:block","target":"components/blocks/crud/crud-pipeline-editor.tsx"}]},{"name":"crud-edit-user","type":"registry:block","title":"Crud Edit User","description":"CRUD form for editing user profile information with avatar upload, name, email, bio, role selection, and status toggle","registryDependencies":["button","input","label","select","switch","textarea"],"premium":true,"files":[{"path":"blocks/crud/crud-edit-user.tsx","type":"registry:block","target":"components/blocks/crud/crud-edit-user.tsx"}]},{"name":"crud-subscription-manager","type":"registry:block","title":"Crud Subscription Manager","description":"Subscription plan management with billing cycles, usage tracking, plan changes, and cancellation workflow","dependencies":["lucide-react"],"registryDependencies":["badge","button","dropdown-menu","input"],"premium":true,"files":[{"path":"blocks/crud/crud-subscription-manager.tsx","type":"registry:block","target":"components/blocks/crud/crud-subscription-manager.tsx"}]},{"name":"crud-priority-queue","type":"registry:block","title":"Crud Priority Queue","description":"Manage tasks and tickets with priority ordering and quick actions","dependencies":["lucide-react"],"registryDependencies":["avatar","badge","button","dropdown-menu"],"premium":true,"files":[{"path":"blocks/crud/crud-priority-queue.tsx","type":"registry:block","target":"components/blocks/crud/crud-priority-queue.tsx"}]},{"name":"crud-permission-matrix","type":"registry:block","title":"Crud Permission Matrix","description":"Edit role-based permissions across resources in a visual matrix","dependencies":["lucide-react"],"registryDependencies":["button","checkbox"],"premium":true,"files":[{"path":"blocks/crud/crud-permission-matrix.tsx","type":"registry:block","target":"components/blocks/crud/crud-permission-matrix.tsx"}]},{"name":"crud-report-builder","type":"registry:block","title":"Crud Report Builder","description":"Report template builder with data source configuration, scheduling, format selection, and delivery settings","dependencies":["lucide-react"],"registryDependencies":["badge","button","dropdown-menu","input"],"premium":true,"files":[{"path":"blocks/crud/crud-report-builder.tsx","type":"registry:block","target":"components/blocks/crud/crud-report-builder.tsx"}]},{"name":"crud-recipe-manager","type":"registry:block","title":"Crud Recipe Manager","description":"Recipe collection manager with ingredients, prep time, difficulty, servings, and dietary tags","dependencies":["lucide-react"],"registryDependencies":["badge","button","dropdown-menu","input"],"premium":true,"files":[{"path":"blocks/crud/crud-recipe-manager.tsx","type":"registry:block","target":"components/blocks/crud/crud-recipe-manager.tsx"}]},{"name":"crud-poll-creator","type":"registry:block","title":"Crud Poll Creator","description":"Poll and survey creator with question types, response tracking, deadline management, and results visualization","dependencies":["lucide-react"],"registryDependencies":["badge","button","dropdown-menu","input"],"premium":true,"files":[{"path":"blocks/crud/crud-poll-creator.tsx","type":"registry:block","target":"components/blocks/crud/crud-poll-creator.tsx"}]},{"name":"crud-portfolio-manager","type":"registry:block","title":"Crud Portfolio Manager","description":"Portfolio item management with project showcase, tags, categories, and featured items","dependencies":["lucide-react"],"registryDependencies":["badge","button","dropdown-menu","input"],"premium":true,"files":[{"path":"blocks/crud/crud-portfolio-manager.tsx","type":"registry:block","target":"components/blocks/crud/crud-portfolio-manager.tsx"}]},{"name":"crud-blog-posts","type":"registry:block","title":"Crud Blog Posts","description":"Blog post management with draft/published status, author info, category tagging, and content preview","dependencies":["lucide-react"],"registryDependencies":["badge","button","dropdown-menu","input"],"premium":true,"files":[{"path":"blocks/crud/crud-blog-posts.tsx","type":"registry:block","target":"components/blocks/crud/crud-blog-posts.tsx"}]},{"name":"crud-email-templates","type":"registry:block","title":"Crud Email Templates","description":"Manage transactional email templates with preview and testing","dependencies":["lucide-react"],"registryDependencies":["badge","button","input"],"premium":true,"files":[{"path":"blocks/crud/crud-email-templates.tsx","type":"registry:block","target":"components/blocks/crud/crud-email-templates.tsx"}]},{"name":"crud-comment-thread","type":"registry:block","title":"Crud Comment Thread","description":"Manage threaded discussions with replies, edits, and pinning","dependencies":["lucide-react"],"registryDependencies":["badge","button","textarea"],"premium":true,"files":[{"path":"blocks/crud/crud-comment-thread.tsx","type":"registry:block","target":"components/blocks/crud/crud-comment-thread.tsx"}]},{"name":"crud-playlist-manager","type":"registry:block","title":"Crud Playlist Manager","description":"Playlist and collection manager with track listing, duration tracking, collaborative editing, and sharing","dependencies":["lucide-react"],"registryDependencies":["badge","button","dropdown-menu","input"],"premium":true,"files":[{"path":"blocks/crud/crud-playlist-manager.tsx","type":"registry:block","target":"components/blocks/crud/crud-playlist-manager.tsx"}]},{"name":"crud-bulk-edit","type":"registry:block","title":"Crud Bulk Edit","description":"CRUD bulk edit form for updating multiple items simultaneously with field selectors, value inputs, and preview of affected items","dependencies":["lucide-react"],"registryDependencies":["badge","button","input","select"],"premium":true,"files":[{"path":"blocks/crud/crud-bulk-edit.tsx","type":"registry:block","target":"components/blocks/crud/crud-bulk-edit.tsx"}]},{"name":"crud-note-organizer","type":"registry:block","title":"Crud Note Organizer","description":"Note taking and organizing with folders, tags, pinning, and full-text search","dependencies":["lucide-react"],"registryDependencies":["badge","button","dropdown-menu","input"],"premium":true,"files":[{"path":"blocks/crud/crud-note-organizer.tsx","type":"registry:block","target":"components/blocks/crud/crud-note-organizer.tsx"}]},{"name":"crud-archive-restore","type":"registry:block","title":"Crud Archive Restore","description":"Manage archived records with search, restore, and permanent delete capabilities","dependencies":["lucide-react"],"registryDependencies":["badge","button","checkbox","input"],"premium":true,"files":[{"path":"blocks/crud/crud-archive-restore.tsx","type":"registry:block","target":"components/blocks/crud/crud-archive-restore.tsx"}]},{"name":"crud-import-export","type":"registry:block","title":"Crud Import Export","description":"CRUD import/export interface with file upload, format selection, mapping configuration, export filters, and download options","dependencies":["lucide-react"],"registryDependencies":["alert","button","checkbox","label","progress","select","tabs"],"premium":true,"files":[{"path":"blocks/crud/crud-import-export.tsx","type":"registry:block","target":"components/blocks/crud/crud-import-export.tsx"}]},{"name":"crud-endpoint-manager","type":"registry:block","title":"Crud Endpoint Manager","description":"API endpoint management with HTTP methods, path configuration, authentication settings, and rate limiting","dependencies":["lucide-react"],"registryDependencies":["badge","button","dropdown-menu","input","switch"],"premium":true,"files":[{"path":"blocks/crud/crud-endpoint-manager.tsx","type":"registry:block","target":"components/blocks/crud/crud-endpoint-manager.tsx"}]},{"name":"crud-asset-manager","type":"registry:block","title":"Crud Asset Manager","description":"Digital asset management with file type indicators, metadata editing, and organizational tagging for media libraries","dependencies":["lucide-react"],"registryDependencies":["badge","button","dropdown-menu","input"],"premium":true,"files":[{"path":"blocks/crud/crud-asset-manager.tsx","type":"registry:block","target":"components/blocks/crud/crud-asset-manager.tsx"}]},{"name":"crud-view-details","type":"registry:block","title":"Crud View Details","description":"CRUD detail view with tabs for overview, activity history, related items, and settings, displaying comprehensive item information","dependencies":["lucide-react"],"registryDependencies":["avatar","badge","button","dropdown-menu","tabs"],"premium":true,"files":[{"path":"blocks/crud/crud-view-details.tsx","type":"registry:block","target":"components/blocks/crud/crud-view-details.tsx"}]},{"name":"crud-campaign-manager","type":"registry:block","title":"Crud Campaign Manager","description":"Marketing campaign management with status tracking, budget allocation, performance metrics, and scheduling","dependencies":["lucide-react"],"registryDependencies":["badge","button","dropdown-menu","input"],"premium":true,"files":[{"path":"blocks/crud/crud-campaign-manager.tsx","type":"registry:block","target":"components/blocks/crud/crud-campaign-manager.tsx"}]},{"name":"crud-relationships","type":"registry:block","title":"Crud Relationships","description":"CRUD relationship manager for linking records with search, selection, and management of foreign key associations and many-to-many relationships","dependencies":["lucide-react"],"registryDependencies":["badge","button","dialog","input"],"premium":true,"files":[{"path":"blocks/crud/crud-relationships.tsx","type":"registry:block","target":"components/blocks/crud/crud-relationships.tsx"}]},{"name":"crud-event-manager","type":"registry:block","title":"Crud Event Manager","description":"Event creation and management with date, time, location, capacity tracking, and RSVP status","dependencies":["lucide-react"],"registryDependencies":["badge","button","dropdown-menu","input"],"premium":true,"files":[{"path":"blocks/crud/crud-event-manager.tsx","type":"registry:block","target":"components/blocks/crud/crud-event-manager.tsx"}]},{"name":"crud-category-tree","type":"registry:block","title":"Crud Category Tree","description":"Manage hierarchical categories with parent-child relationships and tree navigation","dependencies":["lucide-react"],"registryDependencies":["badge","button","input"],"premium":true,"files":[{"path":"blocks/crud/crud-category-tree.tsx","type":"registry:block","target":"components/blocks/crud/crud-category-tree.tsx"}]},{"name":"crud-milestone-tracker","type":"registry:block","title":"Crud Milestone Tracker","description":"Project milestone management with deadlines, progress tracking, dependencies, and team assignment","dependencies":["lucide-react"],"registryDependencies":["badge","button","dropdown-menu","input"],"premium":true,"files":[{"path":"blocks/crud/crud-milestone-tracker.tsx","type":"registry:block","target":"components/blocks/crud/crud-milestone-tracker.tsx"}]},{"name":"crud-redirect-rules","type":"registry:block","title":"Crud Redirect Rules","description":"URL redirect rule manager with pattern matching, status codes, priority ordering, and hit tracking","dependencies":["lucide-react"],"registryDependencies":["badge","button","dropdown-menu","input"],"premium":true,"files":[{"path":"blocks/crud/crud-redirect-rules.tsx","type":"registry:block","target":"components/blocks/crud/crud-redirect-rules.tsx"}]},{"name":"crud-environment-config","type":"registry:block","title":"Crud Environment Config","description":"Environment variable configuration with secret masking, environment tabs, and value editing for deployment management","dependencies":["lucide-react"],"registryDependencies":["badge","button","input"],"premium":true,"files":[{"path":"blocks/crud/crud-environment-config.tsx","type":"registry:block","target":"components/blocks/crud/crud-environment-config.tsx"}]},{"name":"crud-automation-rules","type":"registry:block","title":"Crud Automation Rules","description":"Automation rule builder with trigger-action pairs, conditions, and enable/disable toggles for workflow automation","dependencies":["lucide-react"],"registryDependencies":["badge","button","dropdown-menu","input","select","switch"],"premium":true,"files":[{"path":"blocks/crud/crud-automation-rules.tsx","type":"registry:block","target":"components/blocks/crud/crud-automation-rules.tsx"}]},{"name":"crud-project-board","type":"registry:block","title":"Crud Project Board","description":"Project board management with task columns, priority levels, assignees, and progress tracking","dependencies":["lucide-react"],"registryDependencies":["badge","button","dropdown-menu","input"],"premium":true,"files":[{"path":"blocks/crud/crud-project-board.tsx","type":"registry:block","target":"components/blocks/crud/crud-project-board.tsx"}]},{"name":"crud-inline-edit","type":"registry:block","title":"Crud Inline Edit","description":"CRUD table with inline editing allowing users to click cells to edit values directly without opening separate forms","dependencies":["lucide-react"],"registryDependencies":["badge","input","select","table"],"premium":true,"files":[{"path":"blocks/crud/crud-inline-edit.tsx","type":"registry:block","target":"components/blocks/crud/crud-inline-edit.tsx"}]},{"name":"crud-dns-manager","type":"registry:block","title":"Crud Dns Manager","description":"DNS record management with record type filtering, TTL configuration, and inline editing for domain administration","dependencies":["lucide-react"],"registryDependencies":["badge","button","dropdown-menu","input","select"],"premium":true,"files":[{"path":"blocks/crud/crud-dns-manager.tsx","type":"registry:block","target":"components/blocks/crud/crud-dns-manager.tsx"}]},{"name":"crud-revision-history","type":"registry:block","title":"Crud Revision History","description":"Document revision comparison with diff preview, author info, and restore functionality","dependencies":["lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/crud/crud-revision-history.tsx","type":"registry:block","target":"components/blocks/crud/crud-revision-history.tsx"}]},{"name":"crud-data-table","type":"registry:block","title":"Crud Data Table","description":"CRUD data table with column sorting, row selection, filters, pagination, and bulk actions for managing tabular data","dependencies":["lucide-react"],"registryDependencies":["badge","button","checkbox","dropdown-menu","input","select","table"],"premium":true,"files":[{"path":"blocks/crud/crud-data-table.tsx","type":"registry:block","target":"components/blocks/crud/crud-data-table.tsx"}]},{"name":"crud-goal-tracker","type":"registry:block","title":"Crud Goal Tracker","description":"Goal and OKR tracking with progress visualization, key results, ownership, and deadline management","dependencies":["lucide-react"],"registryDependencies":["badge","button","dropdown-menu","input"],"premium":true,"files":[{"path":"blocks/crud/crud-goal-tracker.tsx","type":"registry:block","target":"components/blocks/crud/crud-goal-tracker.tsx"}]},{"name":"crud-checklist-builder","type":"registry:block","title":"Crud Checklist Builder","description":"Checklist template builder with drag-to-reorder items, sections, and completion tracking","dependencies":["lucide-react"],"registryDependencies":["button","checkbox","input"],"premium":true,"files":[{"path":"blocks/crud/crud-checklist-builder.tsx","type":"registry:block","target":"components/blocks/crud/crud-checklist-builder.tsx"}]},{"name":"crud-branch-manager","type":"registry:block","title":"Crud Branch Manager","description":"Git branch management UI with status indicators, merge actions, and protection rules for repository administration","dependencies":["lucide-react"],"registryDependencies":["badge","button","dropdown-menu","input"],"premium":true,"files":[{"path":"blocks/crud/crud-branch-manager.tsx","type":"registry:block","target":"components/blocks/crud/crud-branch-manager.tsx"}]},{"name":"crud-color-palette","type":"registry:block","title":"Crud Color Palette","description":"Color palette manager with hex/RGB values, naming, grouping, and copy-to-clipboard for design system management","dependencies":["lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/crud/crud-color-palette.tsx","type":"registry:block","target":"components/blocks/crud/crud-color-palette.tsx"}]},{"name":"crud-attribute-editor","type":"registry:block","title":"Crud Attribute Editor","description":"Dynamic attribute editor with key-value pairs, type selection, and inline editing for flexible metadata management","dependencies":["lucide-react"],"registryDependencies":["badge","button","input","select"],"premium":true,"files":[{"path":"blocks/crud/crud-attribute-editor.tsx","type":"registry:block","target":"components/blocks/crud/crud-attribute-editor.tsx"}]},{"name":"crud-account-settings","type":"registry:block","title":"Crud Account Settings","description":"Comprehensive account settings form with tabbed interface for profile, account, appearance, notifications, and security preferences","registryDependencies":["button","input","select","switch","tabs","textarea"],"premium":true,"files":[{"path":"blocks/crud/crud-account-settings.tsx","type":"registry:block","target":"components/blocks/crud/crud-account-settings.tsx"}]},{"name":"crud-dashboard-widgets","type":"registry:block","title":"Crud Dashboard Widgets","description":"Configure and reorder dashboard widgets with visibility toggles","dependencies":["lucide-react"],"registryDependencies":["badge","button","switch"],"premium":true,"files":[{"path":"blocks/crud/crud-dashboard-widgets.tsx","type":"registry:block","target":"components/blocks/crud/crud-dashboard-widgets.tsx"}]},{"name":"crud-label-printer","type":"registry:block","title":"Crud Label Printer","description":"Label and badge template editor with size presets, field mapping, batch printing, and template management","dependencies":["lucide-react"],"registryDependencies":["badge","button","dropdown-menu","input"],"premium":true,"files":[{"path":"blocks/crud/crud-label-printer.tsx","type":"registry:block","target":"components/blocks/crud/crud-label-printer.tsx"}]},{"name":"crud-custom-fields","type":"registry:block","title":"Crud Custom Fields","description":"Custom field definition editor with type selection, validation rules, and field ordering for dynamic form configuration","dependencies":["lucide-react"],"registryDependencies":["badge","button","input","select","switch"],"premium":true,"files":[{"path":"blocks/crud/crud-custom-fields.tsx","type":"registry:block","target":"components/blocks/crud/crud-custom-fields.tsx"}]},{"name":"crud-media-gallery","type":"registry:block","title":"Crud Media Gallery","description":"Media library list view with thumbnails, metadata, and file management","dependencies":["lucide-react"],"registryDependencies":["button","checkbox","dropdown-menu","input"],"premium":true,"files":[{"path":"blocks/crud/crud-media-gallery.tsx","type":"registry:block","target":"components/blocks/crud/crud-media-gallery.tsx"}]},{"name":"crud-delete-confirm","type":"registry:block","title":"Crud Delete Confirm","description":"CRUD delete confirmation dialog with warning message, consequence description, confirmation input, and destructive action buttons","dependencies":["lucide-react"],"registryDependencies":["button","dialog","input","label"],"premium":true,"files":[{"path":"blocks/crud/crud-delete-confirm.tsx","type":"registry:block","target":"components/blocks/crud/crud-delete-confirm.tsx"}]},{"name":"crud-tag-manager","type":"registry:block","title":"Crud Tag Manager","description":"Tag and label management system with color coding, usage tracking, and merge functionality","dependencies":["lucide-react"],"registryDependencies":["badge","button","input","label","select"],"premium":true,"files":[{"path":"blocks/crud/crud-tag-manager.tsx","type":"registry:block","target":"components/blocks/crud/crud-tag-manager.tsx"}]},{"name":"crud-schedule-manager","type":"registry:block","title":"Crud Schedule Manager","description":"Schedule and shift management with time slots, employee assignment, coverage tracking, and conflict detection","dependencies":["lucide-react"],"registryDependencies":["badge","button","dropdown-menu","input"],"premium":true,"files":[{"path":"blocks/crud/crud-schedule-manager.tsx","type":"registry:block","target":"components/blocks/crud/crud-schedule-manager.tsx"}]},{"name":"crud-approval-queue","type":"registry:block","title":"Crud Approval Queue","description":"Review and approve pending items with bulk actions and priority filtering","dependencies":["lucide-react"],"registryDependencies":["badge","button","checkbox"],"premium":true,"files":[{"path":"blocks/crud/crud-approval-queue.tsx","type":"registry:block","target":"components/blocks/crud/crud-approval-queue.tsx"}]},{"name":"crud-feedback-manager","type":"registry:block","title":"Crud Feedback Manager","description":"Feedback collection and response management with sentiment tracking, categories, status workflow, and reply capabilities","dependencies":["lucide-react"],"registryDependencies":["badge","button","dropdown-menu","input"],"premium":true,"files":[{"path":"blocks/crud/crud-feedback-manager.tsx","type":"registry:block","target":"components/blocks/crud/crud-feedback-manager.tsx"}]},{"name":"crud-changelog","type":"registry:block","title":"Crud Changelog","description":"Manage product changelog entries with version tracking and type filtering","dependencies":["lucide-react"],"registryDependencies":["badge","button","input","select","textarea"],"premium":true,"files":[{"path":"blocks/crud/crud-changelog.tsx","type":"registry:block","target":"components/blocks/crud/crud-changelog.tsx"}]},{"name":"crud-snippet-library","type":"registry:block","title":"Crud Snippet Library","description":"Code snippet library with syntax highlighting labels, language tags, copy functionality, and favorites","dependencies":["lucide-react"],"registryDependencies":["badge","button","dropdown-menu","input"],"premium":true,"files":[{"path":"blocks/crud/crud-snippet-library.tsx","type":"registry:block","target":"components/blocks/crud/crud-snippet-library.tsx"}]},{"name":"crud-status-workflow","type":"registry:block","title":"Crud Status Workflow","description":"CRUD status workflow interface showing record state transitions with visual timeline, allowed next states, and validation requirements","dependencies":["lucide-react"],"registryDependencies":["badge","button","dialog","label","textarea"],"premium":true,"files":[{"path":"blocks/crud/crud-status-workflow.tsx","type":"registry:block","target":"components/blocks/crud/crud-status-workflow.tsx"}]},{"name":"crud-address-book","type":"registry:block","title":"Crud Address Book","description":"Contact address book with search, grouping by letter, and inline edit for managing personal and business contacts","dependencies":["lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/crud/crud-address-book.tsx","type":"registry:block","target":"components/blocks/crud/crud-address-book.tsx"}]},{"name":"crud-location-manager","type":"registry:block","title":"Crud Location Manager","description":"Location and branch management with address details, operating hours, contact info, and status tracking","dependencies":["lucide-react"],"registryDependencies":["badge","button","dropdown-menu","input"],"premium":true,"files":[{"path":"blocks/crud/crud-location-manager.tsx","type":"registry:block","target":"components/blocks/crud/crud-location-manager.tsx"}]},{"name":"crud-search-results","type":"registry:block","title":"Crud Search Results","description":"Search results with faceted filters for type, status, and date range","dependencies":["lucide-react"],"registryDependencies":["badge","checkbox","input","label"],"premium":true,"files":[{"path":"blocks/crud/crud-search-results.tsx","type":"registry:block","target":"components/blocks/crud/crud-search-results.tsx"}]},{"name":"crud-draft-publish","type":"registry:block","title":"Crud Draft Publish","description":"Content management with multi-stage publishing workflow","dependencies":["lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/crud/crud-draft-publish.tsx","type":"registry:block","target":"components/blocks/crud/crud-draft-publish.tsx"}]},{"name":"crud-review-moderator","type":"registry:block","title":"Crud Review Moderator","description":"Review moderation queue with star ratings, approval workflow, flagging, and response management","dependencies":["lucide-react"],"registryDependencies":["badge","button","dropdown-menu","input"],"premium":true,"files":[{"path":"blocks/crud/crud-review-moderator.tsx","type":"registry:block","target":"components/blocks/crud/crud-review-moderator.tsx"}]},{"name":"crud-access-control","type":"registry:block","title":"Crud Access Control","description":"Manage role permissions across different resources with granular control","dependencies":["lucide-react"],"registryDependencies":["badge","button","checkbox","dropdown-menu","input"],"premium":true,"files":[{"path":"blocks/crud/crud-access-control.tsx","type":"registry:block","target":"components/blocks/crud/crud-access-control.tsx"}]},{"name":"crud-form-builder","type":"registry:block","title":"Crud Form Builder","description":"Dynamic form field configuration with drag reordering and type management","dependencies":["lucide-react"],"registryDependencies":["button","dropdown-menu","switch"],"premium":true,"files":[{"path":"blocks/crud/crud-form-builder.tsx","type":"registry:block","target":"components/blocks/crud/crud-form-builder.tsx"}]},{"name":"crud-log-viewer","type":"registry:block","title":"Crud Log Viewer","description":"Application log browser with severity filtering, timestamp display, source tracking, and search","dependencies":["lucide-react"],"registryDependencies":["badge","button","dropdown-menu","input"],"premium":true,"files":[{"path":"blocks/crud/crud-log-viewer.tsx","type":"registry:block","target":"components/blocks/crud/crud-log-viewer.tsx"}]},{"name":"crud-order-manager","type":"registry:block","title":"Crud Order Manager","description":"Order processing management with status tracking, customer details, payment info, and fulfillment workflow","dependencies":["lucide-react"],"registryDependencies":["badge","button","dropdown-menu","input"],"premium":true,"files":[{"path":"blocks/crud/crud-order-manager.tsx","type":"registry:block","target":"components/blocks/crud/crud-order-manager.tsx"}]},{"name":"crud-feature-flags","type":"registry:block","title":"Crud Feature Flags","description":"Toggle and configure feature flags across environments","dependencies":["lucide-react"],"registryDependencies":["badge","button","switch"],"premium":true,"files":[{"path":"blocks/crud/crud-feature-flags.tsx","type":"registry:block","target":"components/blocks/crud/crud-feature-flags.tsx"}]},{"name":"crud-config-editor","type":"registry:block","title":"Crud Config Editor","description":"Manage application configuration with inline key-value editing and type validation","dependencies":["lucide-react"],"registryDependencies":["badge","button","input","select"],"premium":true,"files":[{"path":"blocks/crud/crud-config-editor.tsx","type":"registry:block","target":"components/blocks/crud/crud-config-editor.tsx"}]},{"name":"crud-inventory-tracker","type":"registry:block","title":"Crud Inventory Tracker","description":"Stock management table with low stock alerts and adjustment controls","dependencies":["lucide-react"],"registryDependencies":["button","dropdown-menu"],"premium":true,"files":[{"path":"blocks/crud/crud-inventory-tracker.tsx","type":"registry:block","target":"components/blocks/crud/crud-inventory-tracker.tsx"}]},{"name":"crud-notification-rules","type":"registry:block","title":"Crud Notification Rules","description":"Configure notification rules with triggers, channels, and conditions","dependencies":["lucide-react"],"registryDependencies":["badge","button","switch"],"premium":true,"files":[{"path":"blocks/crud/crud-notification-rules.tsx","type":"registry:block","target":"components/blocks/crud/crud-notification-rules.tsx"}]},{"name":"crud-faq-editor","type":"registry:block","title":"Crud Faq Editor","description":"FAQ question and answer editor with categories, ordering, and publish status for help center management","dependencies":["lucide-react"],"registryDependencies":["badge","button","input","textarea"],"premium":true,"files":[{"path":"blocks/crud/crud-faq-editor.tsx","type":"registry:block","target":"components/blocks/crud/crud-faq-editor.tsx"}]},{"name":"crud-onboarding-flow","type":"registry:block","title":"Crud Onboarding Flow","description":"Onboarding flow editor with step management, content editing, completion tracking, and A/B testing","dependencies":["lucide-react"],"registryDependencies":["badge","button","dropdown-menu","input"],"premium":true,"files":[{"path":"blocks/crud/crud-onboarding-flow.tsx","type":"registry:block","target":"components/blocks/crud/crud-onboarding-flow.tsx"}]},{"name":"crud-certificate-manager","type":"registry:block","title":"Crud Certificate Manager","description":"SSL/TLS certificate management with expiration tracking, renewal actions, and domain association","dependencies":["lucide-react"],"registryDependencies":["badge","button","dropdown-menu"],"premium":true,"files":[{"path":"blocks/crud/crud-certificate-manager.tsx","type":"registry:block","target":"components/blocks/crud/crud-certificate-manager.tsx"}]},{"name":"crud-template-gallery","type":"registry:block","title":"Crud Template Gallery","description":"Template gallery manager with categories, preview, cloning, and version tracking","dependencies":["lucide-react"],"registryDependencies":["badge","button","dropdown-menu","input"],"premium":true,"files":[{"path":"blocks/crud/crud-template-gallery.tsx","type":"registry:block","target":"components/blocks/crud/crud-template-gallery.tsx"}]},{"name":"crud-linked-records","type":"registry:block","title":"Crud Linked Records","description":"Cross-reference and relationship management interface for connecting related records","dependencies":["lucide-react"],"registryDependencies":["badge","button","input"],"premium":true,"files":[{"path":"blocks/crud/crud-linked-records.tsx","type":"registry:block","target":"components/blocks/crud/crud-linked-records.tsx"}]},{"name":"crud-merge-records","type":"registry:block","title":"Crud Merge Records","description":"Compare and merge duplicate records by selecting preferred field values","dependencies":["lucide-react"],"registryDependencies":["button","label","radio-group"],"premium":true,"files":[{"path":"blocks/crud/crud-merge-records.tsx","type":"registry:block","target":"components/blocks/crud/crud-merge-records.tsx"}]},{"name":"crud-coupon-manager","type":"registry:block","title":"Crud Coupon Manager","description":"Discount coupon CRUD with code generation, usage limits, expiry dates, and activation controls","dependencies":["lucide-react"],"registryDependencies":["badge","button","dropdown-menu","input","switch"],"premium":true,"files":[{"path":"blocks/crud/crud-coupon-manager.tsx","type":"registry:block","target":"components/blocks/crud/crud-coupon-manager.tsx"}]},{"name":"crud-create-post","type":"registry:block","title":"Crud Create Post","description":"CRUD form for creating new blog posts with title, slug, content editor, category, tags, featured image, and publish settings","dependencies":["lucide-react"],"registryDependencies":["badge","button","input","select","switch","textarea"],"premium":true,"files":[{"path":"blocks/crud/crud-create-post.tsx","type":"registry:block","target":"components/blocks/crud/crud-create-post.tsx"}]},{"name":"crud-webhook-manager","type":"registry:block","title":"Crud Webhook Manager","description":"Webhook endpoint configuration with event subscriptions, status monitoring, and testing capabilities","dependencies":["lucide-react"],"registryDependencies":["badge","button","checkbox","input","label"],"premium":true,"files":[{"path":"blocks/crud/crud-webhook-manager.tsx","type":"registry:block","target":"components/blocks/crud/crud-webhook-manager.tsx"}]},{"name":"crud-batch-upload","type":"registry:block","title":"Crud Batch Upload","description":"Batch file upload interface with processing status, progress tracking, and retry capabilities","dependencies":["lucide-react"],"registryDependencies":["badge","button","progress"],"premium":true,"files":[{"path":"blocks/crud/crud-batch-upload.tsx","type":"registry:block","target":"components/blocks/crud/crud-batch-upload.tsx"}]},{"name":"crud-announcement-board","type":"registry:block","title":"Crud Announcement Board","description":"Announcement board with pinning, priority levels, and publish/draft status for team communication management","dependencies":["lucide-react"],"registryDependencies":["badge","button","dropdown-menu","input","textarea"],"premium":true,"files":[{"path":"blocks/crud/crud-announcement-board.tsx","type":"registry:block","target":"components/blocks/crud/crud-announcement-board.tsx"}]},{"name":"crud-document-library","type":"registry:block","title":"Crud Document Library","description":"Document library with version history, file type icons, sharing controls, and folder organization","dependencies":["lucide-react"],"registryDependencies":["badge","button","dropdown-menu","input"],"premium":true,"files":[{"path":"blocks/crud/crud-document-library.tsx","type":"registry:block","target":"components/blocks/crud/crud-document-library.tsx"}]},{"name":"crud-advanced-filters","type":"registry:block","title":"Crud Advanced Filters","description":"CRUD advanced filters panel with multiple criteria, condition operators, value inputs, and filter management for complex data queries","dependencies":["lucide-react"],"registryDependencies":["badge","button","input","select"],"premium":true,"files":[{"path":"blocks/crud/crud-advanced-filters.tsx","type":"registry:block","target":"components/blocks/crud/crud-advanced-filters.tsx"}]},{"name":"crud-knowledge-base","type":"registry:block","title":"Crud Knowledge Base","description":"Knowledge base article manager with hierarchical categories, versioning, contributor tracking, and search","dependencies":["lucide-react"],"registryDependencies":["badge","button","dropdown-menu","input"],"premium":true,"files":[{"path":"blocks/crud/crud-knowledge-base.tsx","type":"registry:block","target":"components/blocks/crud/crud-knowledge-base.tsx"}]},{"name":"crud-price-list","type":"registry:block","title":"Crud Price List","description":"Manage product pricing across multiple tiers with currency options","dependencies":["lucide-react"],"registryDependencies":["button","dropdown-menu","select"],"premium":true,"files":[{"path":"blocks/crud/crud-price-list.tsx","type":"registry:block","target":"components/blocks/crud/crud-price-list.tsx"}]},{"name":"integration-mailchimp-list","type":"registry:block","title":"Integration Mailchimp List","description":"A production-ready Mailchimp integration block for React and Next.js, featuring the list layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","switch"],"premium":true,"files":[{"path":"blocks/integration/integration-mailchimp-list.tsx","type":"registry:block","target":"components/blocks/integration/integration-mailchimp-list.tsx"}]},{"name":"integration-slack-stats","type":"registry:block","title":"Integration Slack Stats","description":"A production-ready Slack integration block for React and Next.js, featuring the stats layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/integration/integration-slack-stats.tsx","type":"registry:block","target":"components/blocks/integration/integration-slack-stats.tsx"}]},{"name":"integration-segment-stats","type":"registry:block","title":"Integration Segment Stats","description":"A production-ready Segment integration block for React and Next.js, featuring the stats layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/integration/integration-segment-stats.tsx","type":"registry:block","target":"components/blocks/integration/integration-segment-stats.tsx"}]},{"name":"integration-zendesk-list","type":"registry:block","title":"Integration Zendesk List","description":"A production-ready Zendesk integration block for React and Next.js, featuring the list layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","switch"],"premium":true,"files":[{"path":"blocks/integration/integration-zendesk-list.tsx","type":"registry:block","target":"components/blocks/integration/integration-zendesk-list.tsx"}]},{"name":"integration-zendesk-setup","type":"registry:block","title":"Integration Zendesk Setup","description":"A production-ready Zendesk integration block for React and Next.js, featuring the setup layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/integration/integration-zendesk-setup.tsx","type":"registry:block","target":"components/blocks/integration/integration-zendesk-setup.tsx"}]},{"name":"integration-aws-stats","type":"registry:block","title":"Integration Aws Stats","description":"A production-ready AWS integration block for React and Next.js, featuring the stats layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/integration/integration-aws-stats.tsx","type":"registry:block","target":"components/blocks/integration/integration-aws-stats.tsx"}]},{"name":"integration-discord-list","type":"registry:block","title":"Integration Discord List","description":"A production-ready Discord integration block for React and Next.js, featuring the list layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","switch"],"premium":true,"files":[{"path":"blocks/integration/integration-discord-list.tsx","type":"registry:block","target":"components/blocks/integration/integration-discord-list.tsx"}]},{"name":"integration-sentry-list","type":"registry:block","title":"Integration Sentry List","description":"A production-ready Sentry integration block for React and Next.js, featuring the list layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","switch"],"premium":true,"files":[{"path":"blocks/integration/integration-sentry-list.tsx","type":"registry:block","target":"components/blocks/integration/integration-sentry-list.tsx"}]},{"name":"integration-shopify-list","type":"registry:block","title":"Integration Shopify List","description":"A production-ready Shopify integration block for React and Next.js, featuring the list layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","switch"],"premium":true,"files":[{"path":"blocks/integration/integration-shopify-list.tsx","type":"registry:block","target":"components/blocks/integration/integration-shopify-list.tsx"}]},{"name":"integration-stripe-stats","type":"registry:block","title":"Integration Stripe Stats","description":"A production-ready Stripe integration block for React and Next.js, featuring the stats layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/integration/integration-stripe-stats.tsx","type":"registry:block","target":"components/blocks/integration/integration-stripe-stats.tsx"}]},{"name":"integration-mailchimp-detail","type":"registry:block","title":"Integration Mailchimp Detail","description":"A production-ready Mailchimp integration block for React and Next.js, featuring the detail layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/integration/integration-mailchimp-detail.tsx","type":"registry:block","target":"components/blocks/integration/integration-mailchimp-detail.tsx"}]},{"name":"integration-shopify-grid","type":"registry:block","title":"Integration Shopify Grid","description":"A production-ready Shopify integration block for React and Next.js, featuring the grid layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/integration/integration-shopify-grid.tsx","type":"registry:block","target":"components/blocks/integration/integration-shopify-grid.tsx"}]},{"name":"integration-vercel-list","type":"registry:block","title":"Integration Vercel List","description":"A production-ready Vercel integration block for React and Next.js, featuring the list layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","switch"],"premium":true,"files":[{"path":"blocks/integration/integration-vercel-list.tsx","type":"registry:block","target":"components/blocks/integration/integration-vercel-list.tsx"}]},{"name":"integration-linear-setup","type":"registry:block","title":"Integration Linear Setup","description":"A production-ready Linear integration block for React and Next.js, featuring the setup layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/integration/integration-linear-setup.tsx","type":"registry:block","target":"components/blocks/integration/integration-linear-setup.tsx"}]},{"name":"integration-mailchimp-stats","type":"registry:block","title":"Integration Mailchimp Stats","description":"A production-ready Mailchimp integration block for React and Next.js, featuring the stats layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/integration/integration-mailchimp-stats.tsx","type":"registry:block","target":"components/blocks/integration/integration-mailchimp-stats.tsx"}]},{"name":"integration-posthog-stats","type":"registry:block","title":"Integration Posthog Stats","description":"A production-ready PostHog integration block for React and Next.js, featuring the stats layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/integration/integration-posthog-stats.tsx","type":"registry:block","target":"components/blocks/integration/integration-posthog-stats.tsx"}]},{"name":"integration-figma-grid","type":"registry:block","title":"Integration Figma Grid","description":"A production-ready Figma integration block for React and Next.js, featuring the grid layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/integration/integration-figma-grid.tsx","type":"registry:block","target":"components/blocks/integration/integration-figma-grid.tsx"}]},{"name":"integration-segment-list","type":"registry:block","title":"Integration Segment List","description":"A production-ready Segment integration block for React and Next.js, featuring the list layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","switch"],"premium":true,"files":[{"path":"blocks/integration/integration-segment-list.tsx","type":"registry:block","target":"components/blocks/integration/integration-segment-list.tsx"}]},{"name":"integration-github-detail","type":"registry:block","title":"Integration Github Detail","description":"A production-ready GitHub integration block for React and Next.js, featuring the detail layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/integration/integration-github-detail.tsx","type":"registry:block","target":"components/blocks/integration/integration-github-detail.tsx"}]},{"name":"integration-google-cloud-detail","type":"registry:block","title":"Integration Google Cloud Detail","description":"A production-ready Google Cloud integration block for React and Next.js, featuring the detail layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/integration/integration-google-cloud-detail.tsx","type":"registry:block","target":"components/blocks/integration/integration-google-cloud-detail.tsx"}]},{"name":"integration-aws-setup","type":"registry:block","title":"Integration Aws Setup","description":"A production-ready AWS integration block for React and Next.js, featuring the setup layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/integration/integration-aws-setup.tsx","type":"registry:block","target":"components/blocks/integration/integration-aws-setup.tsx"}]},{"name":"integration-mailchimp-grid","type":"registry:block","title":"Integration Mailchimp Grid","description":"A production-ready Mailchimp integration block for React and Next.js, featuring the grid layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/integration/integration-mailchimp-grid.tsx","type":"registry:block","target":"components/blocks/integration/integration-mailchimp-grid.tsx"}]},{"name":"integration-figma-detail","type":"registry:block","title":"Integration Figma Detail","description":"A production-ready Figma integration block for React and Next.js, featuring the detail layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/integration/integration-figma-detail.tsx","type":"registry:block","target":"components/blocks/integration/integration-figma-detail.tsx"}]},{"name":"integration-sentry-detail","type":"registry:block","title":"Integration Sentry Detail","description":"A production-ready Sentry integration block for React and Next.js, featuring the detail layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/integration/integration-sentry-detail.tsx","type":"registry:block","target":"components/blocks/integration/integration-sentry-detail.tsx"}]},{"name":"integration-zapier-setup","type":"registry:block","title":"Integration Zapier Setup","description":"A production-ready Zapier integration block for React and Next.js, featuring the setup layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/integration/integration-zapier-setup.tsx","type":"registry:block","target":"components/blocks/integration/integration-zapier-setup.tsx"}]},{"name":"integration-google-cloud-grid","type":"registry:block","title":"Integration Google Cloud Grid","description":"A production-ready Google Cloud integration block for React and Next.js, featuring the grid layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/integration/integration-google-cloud-grid.tsx","type":"registry:block","target":"components/blocks/integration/integration-google-cloud-grid.tsx"}]},{"name":"integration-twilio-grid","type":"registry:block","title":"Integration Twilio Grid","description":"A production-ready Twilio integration block for React and Next.js, featuring the grid layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/integration/integration-twilio-grid.tsx","type":"registry:block","target":"components/blocks/integration/integration-twilio-grid.tsx"}]},{"name":"integration-slack-setup","type":"registry:block","title":"Integration Slack Setup","description":"A production-ready Slack integration block for React and Next.js, featuring the setup layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/integration/integration-slack-setup.tsx","type":"registry:block","target":"components/blocks/integration/integration-slack-setup.tsx"}]},{"name":"integration-slack-detail","type":"registry:block","title":"Integration Slack Detail","description":"A production-ready Slack integration block for React and Next.js, featuring the detail layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/integration/integration-slack-detail.tsx","type":"registry:block","target":"components/blocks/integration/integration-slack-detail.tsx"}]},{"name":"integration-twilio-list","type":"registry:block","title":"Integration Twilio List","description":"A production-ready Twilio integration block for React and Next.js, featuring the list layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","switch"],"premium":true,"files":[{"path":"blocks/integration/integration-twilio-list.tsx","type":"registry:block","target":"components/blocks/integration/integration-twilio-list.tsx"}]},{"name":"integration-datadog-stats","type":"registry:block","title":"Integration Datadog Stats","description":"A production-ready Datadog integration block for React and Next.js, featuring the stats layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/integration/integration-datadog-stats.tsx","type":"registry:block","target":"components/blocks/integration/integration-datadog-stats.tsx"}]},{"name":"integration-discord-setup","type":"registry:block","title":"Integration Discord Setup","description":"A production-ready Discord integration block for React and Next.js, featuring the setup layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/integration/integration-discord-setup.tsx","type":"registry:block","target":"components/blocks/integration/integration-discord-setup.tsx"}]},{"name":"integration-segment-detail","type":"registry:block","title":"Integration Segment Detail","description":"A production-ready Segment integration block for React and Next.js, featuring the detail layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/integration/integration-segment-detail.tsx","type":"registry:block","target":"components/blocks/integration/integration-segment-detail.tsx"}]},{"name":"integration-linear-stats","type":"registry:block","title":"Integration Linear Stats","description":"A production-ready Linear integration block for React and Next.js, featuring the stats layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/integration/integration-linear-stats.tsx","type":"registry:block","target":"components/blocks/integration/integration-linear-stats.tsx"}]},{"name":"integration-sentry-grid","type":"registry:block","title":"Integration Sentry Grid","description":"A production-ready Sentry integration block for React and Next.js, featuring the grid layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/integration/integration-sentry-grid.tsx","type":"registry:block","target":"components/blocks/integration/integration-sentry-grid.tsx"}]},{"name":"integration-intercom-grid","type":"registry:block","title":"Integration Intercom Grid","description":"A production-ready Intercom integration block for React and Next.js, featuring the grid layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/integration/integration-intercom-grid.tsx","type":"registry:block","target":"components/blocks/integration/integration-intercom-grid.tsx"}]},{"name":"integration-linear-grid","type":"registry:block","title":"Integration Linear Grid","description":"A production-ready Linear integration block for React and Next.js, featuring the grid layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/integration/integration-linear-grid.tsx","type":"registry:block","target":"components/blocks/integration/integration-linear-grid.tsx"}]},{"name":"integration-slack-grid","type":"registry:block","title":"Integration Slack Grid","description":"A production-ready Slack integration block for React and Next.js, featuring the grid layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/integration/integration-slack-grid.tsx","type":"registry:block","target":"components/blocks/integration/integration-slack-grid.tsx"}]},{"name":"integration-datadog-detail","type":"registry:block","title":"Integration Datadog Detail","description":"A production-ready Datadog integration block for React and Next.js, featuring the detail layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/integration/integration-datadog-detail.tsx","type":"registry:block","target":"components/blocks/integration/integration-datadog-detail.tsx"}]},{"name":"integration-intercom-setup","type":"registry:block","title":"Integration Intercom Setup","description":"A production-ready Intercom integration block for React and Next.js, featuring the setup layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/integration/integration-intercom-setup.tsx","type":"registry:block","target":"components/blocks/integration/integration-intercom-setup.tsx"}]},{"name":"integration-discord-grid","type":"registry:block","title":"Integration Discord Grid","description":"A production-ready Discord integration block for React and Next.js, featuring the grid layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/integration/integration-discord-grid.tsx","type":"registry:block","target":"components/blocks/integration/integration-discord-grid.tsx"}]},{"name":"integration-vercel-stats","type":"registry:block","title":"Integration Vercel Stats","description":"A production-ready Vercel integration block for React and Next.js, featuring the stats layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/integration/integration-vercel-stats.tsx","type":"registry:block","target":"components/blocks/integration/integration-vercel-stats.tsx"}]},{"name":"integration-linear-list","type":"registry:block","title":"Integration Linear List","description":"A production-ready Linear integration block for React and Next.js, featuring the list layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","switch"],"premium":true,"files":[{"path":"blocks/integration/integration-linear-list.tsx","type":"registry:block","target":"components/blocks/integration/integration-linear-list.tsx"}]},{"name":"integration-github-list","type":"registry:block","title":"Integration Github List","description":"A production-ready GitHub integration block for React and Next.js, featuring the list layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","switch"],"premium":true,"files":[{"path":"blocks/integration/integration-github-list.tsx","type":"registry:block","target":"components/blocks/integration/integration-github-list.tsx"}]},{"name":"integration-posthog-list","type":"registry:block","title":"Integration Posthog List","description":"A production-ready PostHog integration block for React and Next.js, featuring the list layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","switch"],"premium":true,"files":[{"path":"blocks/integration/integration-posthog-list.tsx","type":"registry:block","target":"components/blocks/integration/integration-posthog-list.tsx"}]},{"name":"integration-notion-grid","type":"registry:block","title":"Integration Notion Grid","description":"A production-ready Notion integration block for React and Next.js, featuring the grid layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/integration/integration-notion-grid.tsx","type":"registry:block","target":"components/blocks/integration/integration-notion-grid.tsx"}]},{"name":"integration-zapier-detail","type":"registry:block","title":"Integration Zapier Detail","description":"A production-ready Zapier integration block for React and Next.js, featuring the detail layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/integration/integration-zapier-detail.tsx","type":"registry:block","target":"components/blocks/integration/integration-zapier-detail.tsx"}]},{"name":"integration-sentry-setup","type":"registry:block","title":"Integration Sentry Setup","description":"A production-ready Sentry integration block for React and Next.js, featuring the setup layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/integration/integration-sentry-setup.tsx","type":"registry:block","target":"components/blocks/integration/integration-sentry-setup.tsx"}]},{"name":"integration-linear-detail","type":"registry:block","title":"Integration Linear Detail","description":"A production-ready Linear integration block for React and Next.js, featuring the detail layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/integration/integration-linear-detail.tsx","type":"registry:block","target":"components/blocks/integration/integration-linear-detail.tsx"}]},{"name":"integration-segment-grid","type":"registry:block","title":"Integration Segment Grid","description":"A production-ready Segment integration block for React and Next.js, featuring the grid layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/integration/integration-segment-grid.tsx","type":"registry:block","target":"components/blocks/integration/integration-segment-grid.tsx"}]},{"name":"integration-zendesk-stats","type":"registry:block","title":"Integration Zendesk Stats","description":"A production-ready Zendesk integration block for React and Next.js, featuring the stats layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/integration/integration-zendesk-stats.tsx","type":"registry:block","target":"components/blocks/integration/integration-zendesk-stats.tsx"}]},{"name":"integration-slack-list","type":"registry:block","title":"Integration Slack List","description":"A production-ready Slack integration block for React and Next.js, featuring the list layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","switch"],"premium":true,"files":[{"path":"blocks/integration/integration-slack-list.tsx","type":"registry:block","target":"components/blocks/integration/integration-slack-list.tsx"}]},{"name":"integration-vercel-detail","type":"registry:block","title":"Integration Vercel Detail","description":"A production-ready Vercel integration block for React and Next.js, featuring the detail layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/integration/integration-vercel-detail.tsx","type":"registry:block","target":"components/blocks/integration/integration-vercel-detail.tsx"}]},{"name":"integration-notion-list","type":"registry:block","title":"Integration Notion List","description":"A production-ready Notion integration block for React and Next.js, featuring the list layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","switch"],"premium":true,"files":[{"path":"blocks/integration/integration-notion-list.tsx","type":"registry:block","target":"components/blocks/integration/integration-notion-list.tsx"}]},{"name":"integration-zendesk-grid","type":"registry:block","title":"Integration Zendesk Grid","description":"A production-ready Zendesk integration block for React and Next.js, featuring the grid layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/integration/integration-zendesk-grid.tsx","type":"registry:block","target":"components/blocks/integration/integration-zendesk-grid.tsx"}]},{"name":"integration-stripe-setup","type":"registry:block","title":"Integration Stripe Setup","description":"A production-ready Stripe integration block for React and Next.js, featuring the setup layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/integration/integration-stripe-setup.tsx","type":"registry:block","target":"components/blocks/integration/integration-stripe-setup.tsx"}]},{"name":"integration-zendesk-detail","type":"registry:block","title":"Integration Zendesk Detail","description":"A production-ready Zendesk integration block for React and Next.js, featuring the detail layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/integration/integration-zendesk-detail.tsx","type":"registry:block","target":"components/blocks/integration/integration-zendesk-detail.tsx"}]},{"name":"integration-segment-setup","type":"registry:block","title":"Integration Segment Setup","description":"A production-ready Segment integration block for React and Next.js, featuring the setup layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/integration/integration-segment-setup.tsx","type":"registry:block","target":"components/blocks/integration/integration-segment-setup.tsx"}]},{"name":"integration-aws-grid","type":"registry:block","title":"Integration Aws Grid","description":"A production-ready AWS integration block for React and Next.js, featuring the grid layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/integration/integration-aws-grid.tsx","type":"registry:block","target":"components/blocks/integration/integration-aws-grid.tsx"}]},{"name":"integration-notion-stats","type":"registry:block","title":"Integration Notion Stats","description":"A production-ready Notion integration block for React and Next.js, featuring the stats layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/integration/integration-notion-stats.tsx","type":"registry:block","target":"components/blocks/integration/integration-notion-stats.tsx"}]},{"name":"integration-stripe-list","type":"registry:block","title":"Integration Stripe List","description":"A production-ready Stripe integration block for React and Next.js, featuring the list layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","switch"],"premium":true,"files":[{"path":"blocks/integration/integration-stripe-list.tsx","type":"registry:block","target":"components/blocks/integration/integration-stripe-list.tsx"}]},{"name":"integration-google-cloud-list","type":"registry:block","title":"Integration Google Cloud List","description":"A production-ready Google Cloud integration block for React and Next.js, featuring the list layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","switch"],"premium":true,"files":[{"path":"blocks/integration/integration-google-cloud-list.tsx","type":"registry:block","target":"components/blocks/integration/integration-google-cloud-list.tsx"}]},{"name":"integration-github-setup","type":"registry:block","title":"Integration Github Setup","description":"A production-ready GitHub integration block for React and Next.js, featuring the setup layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/integration/integration-github-setup.tsx","type":"registry:block","target":"components/blocks/integration/integration-github-setup.tsx"}]},{"name":"integration-twilio-stats","type":"registry:block","title":"Integration Twilio Stats","description":"A production-ready Twilio integration block for React and Next.js, featuring the stats layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/integration/integration-twilio-stats.tsx","type":"registry:block","target":"components/blocks/integration/integration-twilio-stats.tsx"}]},{"name":"integration-zapier-stats","type":"registry:block","title":"Integration Zapier Stats","description":"A production-ready Zapier integration block for React and Next.js, featuring the stats layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/integration/integration-zapier-stats.tsx","type":"registry:block","target":"components/blocks/integration/integration-zapier-stats.tsx"}]},{"name":"integration-vercel-grid","type":"registry:block","title":"Integration Vercel Grid","description":"A production-ready Vercel integration block for React and Next.js, featuring the grid layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/integration/integration-vercel-grid.tsx","type":"registry:block","target":"components/blocks/integration/integration-vercel-grid.tsx"}]},{"name":"integration-twilio-detail","type":"registry:block","title":"Integration Twilio Detail","description":"A production-ready Twilio integration block for React and Next.js, featuring the detail layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/integration/integration-twilio-detail.tsx","type":"registry:block","target":"components/blocks/integration/integration-twilio-detail.tsx"}]},{"name":"integration-posthog-setup","type":"registry:block","title":"Integration Posthog Setup","description":"A production-ready PostHog integration block for React and Next.js, featuring the setup layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/integration/integration-posthog-setup.tsx","type":"registry:block","target":"components/blocks/integration/integration-posthog-setup.tsx"}]},{"name":"integration-mailchimp-setup","type":"registry:block","title":"Integration Mailchimp Setup","description":"A production-ready Mailchimp integration block for React and Next.js, featuring the setup layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/integration/integration-mailchimp-setup.tsx","type":"registry:block","target":"components/blocks/integration/integration-mailchimp-setup.tsx"}]},{"name":"integration-posthog-grid","type":"registry:block","title":"Integration Posthog Grid","description":"A production-ready PostHog integration block for React and Next.js, featuring the grid layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/integration/integration-posthog-grid.tsx","type":"registry:block","target":"components/blocks/integration/integration-posthog-grid.tsx"}]},{"name":"integration-discord-detail","type":"registry:block","title":"Integration Discord Detail","description":"A production-ready Discord integration block for React and Next.js, featuring the detail layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/integration/integration-discord-detail.tsx","type":"registry:block","target":"components/blocks/integration/integration-discord-detail.tsx"}]},{"name":"integration-datadog-list","type":"registry:block","title":"Integration Datadog List","description":"A production-ready Datadog integration block for React and Next.js, featuring the list layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","switch"],"premium":true,"files":[{"path":"blocks/integration/integration-datadog-list.tsx","type":"registry:block","target":"components/blocks/integration/integration-datadog-list.tsx"}]},{"name":"integration-google-cloud-setup","type":"registry:block","title":"Integration Google Cloud Setup","description":"A production-ready Google Cloud integration block for React and Next.js, featuring the setup layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/integration/integration-google-cloud-setup.tsx","type":"registry:block","target":"components/blocks/integration/integration-google-cloud-setup.tsx"}]},{"name":"integration-vercel-setup","type":"registry:block","title":"Integration Vercel Setup","description":"A production-ready Vercel integration block for React and Next.js, featuring the setup layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/integration/integration-vercel-setup.tsx","type":"registry:block","target":"components/blocks/integration/integration-vercel-setup.tsx"}]},{"name":"integration-intercom-detail","type":"registry:block","title":"Integration Intercom Detail","description":"A production-ready Intercom integration block for React and Next.js, featuring the detail layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/integration/integration-intercom-detail.tsx","type":"registry:block","target":"components/blocks/integration/integration-intercom-detail.tsx"}]},{"name":"integration-datadog-grid","type":"registry:block","title":"Integration Datadog Grid","description":"A production-ready Datadog integration block for React and Next.js, featuring the grid layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/integration/integration-datadog-grid.tsx","type":"registry:block","target":"components/blocks/integration/integration-datadog-grid.tsx"}]},{"name":"integration-aws-list","type":"registry:block","title":"Integration Aws List","description":"A production-ready AWS integration block for React and Next.js, featuring the list layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","switch"],"premium":true,"files":[{"path":"blocks/integration/integration-aws-list.tsx","type":"registry:block","target":"components/blocks/integration/integration-aws-list.tsx"}]},{"name":"integration-aws-detail","type":"registry:block","title":"Integration Aws Detail","description":"A production-ready AWS integration block for React and Next.js, featuring the detail layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/integration/integration-aws-detail.tsx","type":"registry:block","target":"components/blocks/integration/integration-aws-detail.tsx"}]},{"name":"integration-shopify-setup","type":"registry:block","title":"Integration Shopify Setup","description":"A production-ready Shopify integration block for React and Next.js, featuring the setup layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/integration/integration-shopify-setup.tsx","type":"registry:block","target":"components/blocks/integration/integration-shopify-setup.tsx"}]},{"name":"integration-github-grid","type":"registry:block","title":"Integration Github Grid","description":"A production-ready GitHub integration block for React and Next.js, featuring the grid layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/integration/integration-github-grid.tsx","type":"registry:block","target":"components/blocks/integration/integration-github-grid.tsx"}]},{"name":"integration-sentry-stats","type":"registry:block","title":"Integration Sentry Stats","description":"A production-ready Sentry integration block for React and Next.js, featuring the stats layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/integration/integration-sentry-stats.tsx","type":"registry:block","target":"components/blocks/integration/integration-sentry-stats.tsx"}]},{"name":"integration-datadog-setup","type":"registry:block","title":"Integration Datadog Setup","description":"A production-ready Datadog integration block for React and Next.js, featuring the setup layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/integration/integration-datadog-setup.tsx","type":"registry:block","target":"components/blocks/integration/integration-datadog-setup.tsx"}]},{"name":"integration-zapier-grid","type":"registry:block","title":"Integration Zapier Grid","description":"A production-ready Zapier integration block for React and Next.js, featuring the grid layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/integration/integration-zapier-grid.tsx","type":"registry:block","target":"components/blocks/integration/integration-zapier-grid.tsx"}]},{"name":"integration-twilio-setup","type":"registry:block","title":"Integration Twilio Setup","description":"A production-ready Twilio integration block for React and Next.js, featuring the setup layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/integration/integration-twilio-setup.tsx","type":"registry:block","target":"components/blocks/integration/integration-twilio-setup.tsx"}]},{"name":"integration-stripe-grid","type":"registry:block","title":"Integration Stripe Grid","description":"A production-ready Stripe integration block for React and Next.js, featuring the grid layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/integration/integration-stripe-grid.tsx","type":"registry:block","target":"components/blocks/integration/integration-stripe-grid.tsx"}]},{"name":"integration-intercom-list","type":"registry:block","title":"Integration Intercom List","description":"A production-ready Intercom integration block for React and Next.js, featuring the list layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","switch"],"premium":true,"files":[{"path":"blocks/integration/integration-intercom-list.tsx","type":"registry:block","target":"components/blocks/integration/integration-intercom-list.tsx"}]},{"name":"integration-figma-stats","type":"registry:block","title":"Integration Figma Stats","description":"A production-ready Figma integration block for React and Next.js, featuring the stats layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/integration/integration-figma-stats.tsx","type":"registry:block","target":"components/blocks/integration/integration-figma-stats.tsx"}]},{"name":"integration-shopify-detail","type":"registry:block","title":"Integration Shopify Detail","description":"A production-ready Shopify integration block for React and Next.js, featuring the detail layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/integration/integration-shopify-detail.tsx","type":"registry:block","target":"components/blocks/integration/integration-shopify-detail.tsx"}]},{"name":"integration-zapier-list","type":"registry:block","title":"Integration Zapier List","description":"A production-ready Zapier integration block for React and Next.js, featuring the list layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","switch"],"premium":true,"files":[{"path":"blocks/integration/integration-zapier-list.tsx","type":"registry:block","target":"components/blocks/integration/integration-zapier-list.tsx"}]},{"name":"integration-figma-setup","type":"registry:block","title":"Integration Figma Setup","description":"A production-ready Figma integration block for React and Next.js, featuring the setup layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/integration/integration-figma-setup.tsx","type":"registry:block","target":"components/blocks/integration/integration-figma-setup.tsx"}]},{"name":"integration-notion-detail","type":"registry:block","title":"Integration Notion Detail","description":"A production-ready Notion integration block for React and Next.js, featuring the detail layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/integration/integration-notion-detail.tsx","type":"registry:block","target":"components/blocks/integration/integration-notion-detail.tsx"}]},{"name":"integration-posthog-detail","type":"registry:block","title":"Integration Posthog Detail","description":"A production-ready PostHog integration block for React and Next.js, featuring the detail layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/integration/integration-posthog-detail.tsx","type":"registry:block","target":"components/blocks/integration/integration-posthog-detail.tsx"}]},{"name":"integration-figma-list","type":"registry:block","title":"Integration Figma List","description":"A production-ready Figma integration block for React and Next.js, featuring the list layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","switch"],"premium":true,"files":[{"path":"blocks/integration/integration-figma-list.tsx","type":"registry:block","target":"components/blocks/integration/integration-figma-list.tsx"}]},{"name":"integration-github-stats","type":"registry:block","title":"Integration Github Stats","description":"A production-ready GitHub integration block for React and Next.js, featuring the stats layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/integration/integration-github-stats.tsx","type":"registry:block","target":"components/blocks/integration/integration-github-stats.tsx"}]},{"name":"integration-discord-stats","type":"registry:block","title":"Integration Discord Stats","description":"A production-ready Discord integration block for React and Next.js, featuring the stats layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/integration/integration-discord-stats.tsx","type":"registry:block","target":"components/blocks/integration/integration-discord-stats.tsx"}]},{"name":"integration-notion-setup","type":"registry:block","title":"Integration Notion Setup","description":"A production-ready Notion integration block for React and Next.js, featuring the setup layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/integration/integration-notion-setup.tsx","type":"registry:block","target":"components/blocks/integration/integration-notion-setup.tsx"}]},{"name":"integration-google-cloud-stats","type":"registry:block","title":"Integration Google Cloud Stats","description":"A production-ready Google Cloud integration block for React and Next.js, featuring the stats layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/integration/integration-google-cloud-stats.tsx","type":"registry:block","target":"components/blocks/integration/integration-google-cloud-stats.tsx"}]},{"name":"integration-shopify-stats","type":"registry:block","title":"Integration Shopify Stats","description":"A production-ready Shopify integration block for React and Next.js, featuring the stats layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/integration/integration-shopify-stats.tsx","type":"registry:block","target":"components/blocks/integration/integration-shopify-stats.tsx"}]},{"name":"integration-stripe-detail","type":"registry:block","title":"Integration Stripe Detail","description":"A production-ready Stripe integration block for React and Next.js, featuring the detail layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/integration/integration-stripe-detail.tsx","type":"registry:block","target":"components/blocks/integration/integration-stripe-detail.tsx"}]},{"name":"integration-intercom-stats","type":"registry:block","title":"Integration Intercom Stats","description":"A production-ready Intercom integration block for React and Next.js, featuring the stats layout built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/integration/integration-intercom-stats.tsx","type":"registry:block","target":"components/blocks/integration/integration-intercom-stats.tsx"}]},{"name":"account-preferences","type":"registry:block","title":"Account Preferences","description":"A toggle list preferences card for React and Next.js with categorized settings for general, editor, privacy, and accessibility preferences built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button","select","switch"],"premium":true,"files":[{"path":"blocks/account/account-preferences.tsx","type":"registry:block","target":"components/blocks/account/account-preferences.tsx"}]},{"name":"account-language-region","type":"registry:block","title":"Account Language Region","description":"A language and region settings form card for React and Next.js with primary language select, secondary language chips, date and number format previews, first day of week toggle, and timezone select built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","select"],"premium":true,"files":[{"path":"blocks/account/account-language-region.tsx","type":"registry:block","target":"components/blocks/account/account-language-region.tsx"}]},{"name":"account-bookings","type":"registry:block","title":"Account Bookings","description":"An appointment and booking management panel for React and Next.js with date-grouped cards, time range display, attendee avatars, location links, status indicators, and week-based filtering built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge","tabs"],"premium":true,"files":[{"path":"blocks/account/account-bookings.tsx","type":"registry:block","target":"components/blocks/account/account-bookings.tsx"}]},{"name":"account-data-retention","type":"registry:block","title":"Account Data Retention","description":"A data retention policy table for React and Next.js with per-category storage sizes, retention period selectors, auto-delete toggles, purge actions with confirmation, and storage summary built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","select","switch","table"],"premium":true,"files":[{"path":"blocks/account/account-data-retention.tsx","type":"registry:block","target":"components/blocks/account/account-data-retention.tsx"}]},{"name":"account-organization-settings","type":"registry:block","title":"Account Organization Settings","description":"An organization settings block for React and Next.js with sectioned inline editing for general info, billing contact, security policies, and defaults built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","input","select","switch"],"premium":true,"files":[{"path":"blocks/account/account-organization-settings.tsx","type":"registry:block","target":"components/blocks/account/account-organization-settings.tsx"}]},{"name":"account-orders","type":"registry:block","title":"Account Orders","description":"An order history table block for React and Next.js with expandable item details, status filtering, order search, tracking links, and computed totals built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","input","table"],"premium":true,"files":[{"path":"blocks/account/account-orders.tsx","type":"registry:block","target":"components/blocks/account/account-orders.tsx"}]},{"name":"account-notification-templates","type":"registry:block","title":"Account Notification Templates","description":"A SendGrid-style notification template manager for React and Next.js with template cards, channel icons, variable tag chips, expandable previews, duplicate and edit actions built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","input"],"premium":true,"files":[{"path":"blocks/account/account-notification-templates.tsx","type":"registry:block","target":"components/blocks/account/account-notification-templates.tsx"}]},{"name":"account-communication-channels","type":"registry:block","title":"Account Communication Channels","description":"A notification channel management block for React and Next.js with stacked channel cards for email, SMS, Slack, Discord, and webhooks with connection status, test delivery, and priority ordering built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button","dropdown-menu","switch"],"premium":true,"files":[{"path":"blocks/account/account-communication-channels.tsx","type":"registry:block","target":"components/blocks/account/account-communication-channels.tsx"}]},{"name":"account-login-alerts","type":"registry:block","title":"Account Login Alerts","description":"A security alert feed for React and Next.js with severity filtering, unread indicators, IP blocking, alert dismissal, and device context built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","tooltip"],"premium":true,"files":[{"path":"blocks/account/account-login-alerts.tsx","type":"registry:block","target":"components/blocks/account/account-login-alerts.tsx"}]},{"name":"account-feature-requests","type":"registry:block","title":"Account Feature Requests","description":"A feature request voting list for React and Next.js with upvote buttons, status badges, category tags, sort controls, expandable descriptions, and a submit request form built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","input","textarea"],"premium":true,"files":[{"path":"blocks/account/account-feature-requests.tsx","type":"registry:block","target":"components/blocks/account/account-feature-requests.tsx"}]},{"name":"account-notification-schedule","type":"registry:block","title":"Account Notification Schedule","description":"A Slack-style notification schedule grid for React and Next.js with 7-day week view, per-day quiet hours, timezone display, DND master toggle, and quick presets built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","select","switch"],"premium":true,"files":[{"path":"blocks/account/account-notification-schedule.tsx","type":"registry:block","target":"components/blocks/account/account-notification-schedule.tsx"}]},{"name":"account-linked-accounts","type":"registry:block","title":"Account Linked Accounts","description":"A linked accounts management card for React and Next.js with provider icons, sync status indicators, primary account badge, unlink confirmation, and link new account section built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","dialog"],"premium":true,"files":[{"path":"blocks/account/account-linked-accounts.tsx","type":"registry:block","target":"components/blocks/account/account-linked-accounts.tsx"}]},{"name":"account-feedback-history","type":"registry:block","title":"Account Feedback History","description":"A feedback history timeline for React and Next.js with type-coded entries, expandable messages, admin responses, sentiment indicators, filter controls, and stats header built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","select"],"premium":true,"files":[{"path":"blocks/account/account-feedback-history.tsx","type":"registry:block","target":"components/blocks/account/account-feedback-history.tsx"}]},{"name":"account-wallet","type":"registry:block","title":"Account Wallet","description":"A digital wallet balance management block for React and Next.js with large balance display, transaction history, add funds presets, auto-reload settings, and linked payment method built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","input","switch"],"premium":true,"files":[{"path":"blocks/account/account-wallet.tsx","type":"registry:block","target":"components/blocks/account/account-wallet.tsx"}]},{"name":"account-memberships","type":"registry:block","title":"Account Memberships","description":"A stacked membership cards interface for React and Next.js with organization badges, status indicators, renewal dates, and manage actions built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","switch"],"premium":true,"files":[{"path":"blocks/account/account-memberships.tsx","type":"registry:block","target":"components/blocks/account/account-memberships.tsx"}]},{"name":"account-sessions","type":"registry:block","title":"Account Sessions","description":"A session history data table block for React and Next.js with status filtering, sortable columns, pagination, monospace session IDs, device and IP tracking built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button","select","table"],"premium":true,"files":[{"path":"blocks/account/account-sessions.tsx","type":"registry:block","target":"components/blocks/account/account-sessions.tsx"}]},{"name":"account-reviews","type":"registry:block","title":"Account Reviews","description":"A review feed block for React and Next.js with star ratings, rating distribution chart, sort controls, expandable review text, helpful votes, and edit/delete actions built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["alert-dialog","badge","button","dialog","select","textarea"],"premium":true,"files":[{"path":"blocks/account/account-reviews.tsx","type":"registry:block","target":"components/blocks/account/account-reviews.tsx"}]},{"name":"account-usage","type":"registry:block","title":"Account Usage","description":"A usage breakdown card block for React and Next.js with resource meters, cost estimation, daily averages, projected totals, and usage alert thresholds built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","input","switch"],"premium":true,"files":[{"path":"blocks/account/account-usage.tsx","type":"registry:block","target":"components/blocks/account/account-usage.tsx"}]},{"name":"account-appearance","type":"registry:block","title":"Account Appearance","description":"A theme and appearance settings panel for React and Next.js with visual theme preview cards, accent color picker, font size slider, and density toggle built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","slider"],"premium":true,"files":[{"path":"blocks/account/account-appearance.tsx","type":"registry:block","target":"components/blocks/account/account-appearance.tsx"}]},{"name":"account-accessibility","type":"registry:block","title":"Account Accessibility","description":"An accessibility profile selector block for React and Next.js with preset profiles, active settings summary pills, font size slider, and color vision controls built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","slider"],"premium":true,"files":[{"path":"blocks/account/account-accessibility.tsx","type":"registry:block","target":"components/blocks/account/account-accessibility.tsx"}]},{"name":"account-saved-items","type":"registry:block","title":"Account Saved Items","description":"A saved items collection grid block for React and Next.js with collection tabs, search filtering, bulk select, undo-remove toast pattern, and empty states built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","checkbox","input"],"premium":true,"files":[{"path":"blocks/account/account-saved-items.tsx","type":"registry:block","target":"components/blocks/account/account-saved-items.tsx"}]},{"name":"account-sso-config","type":"registry:block","title":"Account Sso Config","description":"A SAML SSO configuration card block for React and Next.js with identity provider selection, entity ID and SSO URL fields, certificate upload, attribute mapping table, test connection with status, and enforce toggle built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button","input","switch","table"],"premium":true,"files":[{"path":"blocks/account/account-sso-config.tsx","type":"registry:block","target":"components/blocks/account/account-sso-config.tsx"}]},{"name":"account-addresses","type":"registry:block","title":"Account Addresses","description":"An address book management block for React and Next.js with inline editing, colored type indicators, default address badges, and inline delete confirmation built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","dropdown-menu","input"],"premium":true,"files":[{"path":"blocks/account/account-addresses.tsx","type":"registry:block","target":"components/blocks/account/account-addresses.tsx"}]},{"name":"account-danger-zone","type":"registry:block","title":"Account Danger Zone","description":"A danger zone settings block for React and Next.js with destructive account actions, typed confirmation dialogs, red-tinted warning sections, and multi-step validation built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["alert-dialog","button","input"],"premium":true,"files":[{"path":"blocks/account/account-danger-zone.tsx","type":"registry:block","target":"components/blocks/account/account-danger-zone.tsx"}]},{"name":"account-cookie-preferences","type":"registry:block","title":"Account Cookie Preferences","description":"An accordion-based cookie consent preferences panel for React and Next.js with expandable categories, individual cookie details, master toggles, and bulk actions built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","switch"],"premium":true,"files":[{"path":"blocks/account/account-cookie-preferences.tsx","type":"registry:block","target":"components/blocks/account/account-cookie-preferences.tsx"}]},{"name":"account-content-preferences","type":"registry:block","title":"Account Content Preferences","description":"A tabbed content preferences panel for React and Next.js with topic interest chips, source priority sliders, format toggles, and personalization scoring built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button","slider","switch","tabs"],"premium":true,"files":[{"path":"blocks/account/account-content-preferences.tsx","type":"registry:block","target":"components/blocks/account/account-content-preferences.tsx"}]},{"name":"account-connected-accounts","type":"registry:block","title":"Account Connected Accounts","description":"A connected accounts management panel for React and Next.js with service rows showing GitHub, Google, Slack, Figma, and Linear integrations with permissions, sync status, and disconnect confirmation built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/account/account-connected-accounts.tsx","type":"registry:block","target":"components/blocks/account/account-connected-accounts.tsx"}]},{"name":"account-session-manager","type":"registry:block","title":"Account Session Manager","description":"An active sessions list for React and Next.js with device icons, IP addresses, location data, current session badge, individual revoke with confirmation, and bulk revoke built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["alert-dialog","badge","button"],"premium":true,"files":[{"path":"blocks/account/account-session-manager.tsx","type":"registry:block","target":"components/blocks/account/account-session-manager.tsx"}]},{"name":"account-2fa","type":"registry:block","title":"Account 2fa","description":"A polished 2FA setup block for React and Next.js with animated stepper, simulated QR code, method selection, verification input, and backup codes built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","input"],"premium":true,"files":[{"path":"blocks/account/account-2fa.tsx","type":"registry:block","target":"components/blocks/account/account-2fa.tsx"}]},{"name":"account-verification","type":"registry:block","title":"Account Verification","description":"A verification steps card block for React and Next.js with multi-step identity verification, document upload status, resend actions, and verification level badges built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/account/account-verification.tsx","type":"registry:block","target":"components/blocks/account/account-verification.tsx"}]},{"name":"account-integrations","type":"registry:block","title":"Account Integrations","description":"A grid-based service integrations panel for React and Next.js with category filtering, connection status, sync timestamps, and connect/disconnect toggles built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button","switch"],"premium":true,"files":[{"path":"blocks/account/account-integrations.tsx","type":"registry:block","target":"components/blocks/account/account-integrations.tsx"}]},{"name":"account-linked-workspaces","type":"registry:block","title":"Account Linked Workspaces","description":"A workspace switcher card stack for React and Next.js with role badges, member counts, plan tiers, storage usage bars, current workspace highlighting, and create or join workspace actions built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","dialog","input"],"premium":true,"files":[{"path":"blocks/account/account-linked-workspaces.tsx","type":"registry:block","target":"components/blocks/account/account-linked-workspaces.tsx"}]},{"name":"account-tax-information","type":"registry:block","title":"Account Tax Information","description":"A tax information management form for React and Next.js with tax ID entry, W-9/W-8BEN form tracking, verification status, tax exemption certificate upload, and country-aware validation built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","input","select","switch"],"premium":true,"files":[{"path":"blocks/account/account-tax-information.tsx","type":"registry:block","target":"components/blocks/account/account-tax-information.tsx"}]},{"name":"account-environment-variables","type":"registry:block","title":"Account Environment Variables","description":"A developer environment variable management block for React and Next.js with key-value table, masked value reveal, environment scope badges, search filtering, bulk import, and CRUD operations built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","checkbox","input","table","textarea"],"premium":true,"files":[{"path":"blocks/account/account-environment-variables.tsx","type":"registry:block","target":"components/blocks/account/account-environment-variables.tsx"}]},{"name":"account-time-zone-schedule","type":"registry:block","title":"Account Time Zone Schedule","description":"A world clock and working hours configuration card for React and Next.js with primary timezone display, per-day schedule selectors, secondary team timezones, and calendar sync settings built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","select","switch"],"premium":true,"files":[{"path":"blocks/account/account-time-zone-schedule.tsx","type":"registry:block","target":"components/blocks/account/account-time-zone-schedule.tsx"}]},{"name":"account-deployment-targets","type":"registry:block","title":"Account Deployment Targets","description":"A card stack deployment targets panel for React and Next.js with environment badges, monospace URLs, provider icons, deploy status indicators, expandable environment details, and add target form built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","input","select"],"premium":true,"files":[{"path":"blocks/account/account-deployment-targets.tsx","type":"registry:block","target":"components/blocks/account/account-deployment-targets.tsx"}]},{"name":"account-migration-status","type":"registry:block","title":"Account Migration Status","description":"A data migration pipeline dashboard for React and Next.js with overall progress bar, per-resource status rows, retry actions, ETA countdown, and summary stats built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","progress"],"premium":true,"files":[{"path":"blocks/account/account-migration-status.tsx","type":"registry:block","target":"components/blocks/account/account-migration-status.tsx"}]},{"name":"account-data-portability","type":"registry:block","title":"Account Data Portability","description":"A multi-step data migration wizard for React and Next.js with source selection, data type checkboxes, field mapping, review summary, and transfer progress built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","checkbox","progress"],"premium":true,"files":[{"path":"blocks/account/account-data-portability.tsx","type":"registry:block","target":"components/blocks/account/account-data-portability.tsx"}]},{"name":"account-theme-customizer","type":"registry:block","title":"Account Theme Customizer","description":"A theme customization card for React and Next.js with color scheme presets, custom color pickers, border radius slider, font family select, live preview panel, and save/reset actions built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","select","slider"],"premium":true,"files":[{"path":"blocks/account/account-theme-customizer.tsx","type":"registry:block","target":"components/blocks/account/account-theme-customizer.tsx"}]},{"name":"account-trusted-devices","type":"registry:block","title":"Account Trusted Devices","description":"A trusted device management card for React and Next.js with device trust levels, expiry countdowns, auto-expire settings, current device detection, and trust limit indicators built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","progress","select","switch"],"premium":true,"files":[{"path":"blocks/account/account-trusted-devices.tsx","type":"registry:block","target":"components/blocks/account/account-trusted-devices.tsx"}]},{"name":"account-billing","type":"registry:block","title":"Account Billing","description":"A billing overview and invoice history panel for React and Next.js with current plan details, usage meters, payment method display, invoice table with download links, and computed annual spend built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","progress","table"],"premium":true,"files":[{"path":"blocks/account/account-billing.tsx","type":"registry:block","target":"components/blocks/account/account-billing.tsx"}]},{"name":"account-credits","type":"registry:block","title":"Account Credits","description":"A credits dashboard for React and Next.js with large balance display, category usage breakdown bars, transaction history with running balance, add credits dialog, and low balance warnings built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","dialog","input"],"premium":true,"files":[{"path":"blocks/account/account-credits.tsx","type":"registry:block","target":"components/blocks/account/account-credits.tsx"}]},{"name":"account-subscription","type":"registry:block","title":"Account Subscription","description":"A subscription overview card block for React and Next.js with plan details, usage meters, payment summary, billing date, and plan management actions built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","progress"],"premium":true,"files":[{"path":"blocks/account/account-subscription.tsx","type":"registry:block","target":"components/blocks/account/account-subscription.tsx"}]},{"name":"account-loyalty-tier","type":"registry:block","title":"Account Loyalty Tier","description":"A loyalty tier progress dashboard for React and Next.js with current tier display, progress bar to next level, benefits checklist, tier comparison ladder, and recent points history built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","progress"],"premium":true,"files":[{"path":"blocks/account/account-loyalty-tier.tsx","type":"registry:block","target":"components/blocks/account/account-loyalty-tier.tsx"}]},{"name":"account-delegate-access","type":"registry:block","title":"Account Delegate Access","description":"A permission matrix panel for React and Next.js with delegated access grants, role badges, expiry countdowns, scope tags, expandable granular permission checkboxes, add delegate form, and revoke confirmation built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","checkbox","input","select"],"premium":true,"files":[{"path":"blocks/account/account-delegate-access.tsx","type":"registry:block","target":"components/blocks/account/account-delegate-access.tsx"}]},{"name":"account-activity-log","type":"registry:block","title":"Account Activity Log","description":"A timeline-based activity log block for React and Next.js with day-grouped events, severity-coded timeline nodes, pill filters, and device metadata built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/account/account-activity-log.tsx","type":"registry:block","target":"components/blocks/account/account-activity-log.tsx"}]},{"name":"account-quotes","type":"registry:block","title":"Account Quotes","description":"A quotes and estimates management block for React and Next.js with status filtering, expandable line items, duplicate and send actions, and total calculations built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/account/account-quotes.tsx","type":"registry:block","target":"components/blocks/account/account-quotes.tsx"}]},{"name":"account-rewards","type":"registry:block","title":"Account Rewards","description":"A rewards dashboard block for React and Next.js with points balance, tier progress, rewards catalog cards, claimed history, and earning activities built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","dialog","progress","tabs"],"premium":true,"files":[{"path":"blocks/account/account-rewards.tsx","type":"registry:block","target":"components/blocks/account/account-rewards.tsx"}]},{"name":"account-data-export","type":"registry:block","title":"Account Data Export","description":"A data export management block for React and Next.js with selectable data categories, progress tracking, completed download list, format selection, and estimated file sizes built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","checkbox","progress"],"premium":true,"files":[{"path":"blocks/account/account-data-export.tsx","type":"registry:block","target":"components/blocks/account/account-data-export.tsx"}]},{"name":"account-passkeys","type":"registry:block","title":"Account Passkeys","description":"A FIDO2 passkey management block for React and Next.js with device listing, type badges, enrollment flow, delete confirmation, and first-time explainer built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["alert-dialog","badge","button","dialog","input"],"premium":true,"files":[{"path":"blocks/account/account-passkeys.tsx","type":"registry:block","target":"components/blocks/account/account-passkeys.tsx"}]},{"name":"account-profile-completion","type":"registry:block","title":"Account Profile Completion","description":"A profile completion progress checklist for React and Next.js with animated progress bar, reward points, step descriptions, and quick action buttons built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","checkbox","progress"],"premium":true,"files":[{"path":"blocks/account/account-profile-completion.tsx","type":"registry:block","target":"components/blocks/account/account-profile-completion.tsx"}]},{"name":"account-permissions","type":"registry:block","title":"Account Permissions","description":"A role-based permission matrix table for React and Next.js with expandable category groups, role columns with check and x indicators, current user role highlighting, and granular access controls built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","table"],"premium":true,"files":[{"path":"blocks/account/account-permissions.tsx","type":"registry:block","target":"components/blocks/account/account-permissions.tsx"}]},{"name":"account-social-profiles","type":"registry:block","title":"Account Social Profiles","description":"A social profile links editor block for React and Next.js with colored platform badges, follower counts, verified status, copy-to-clipboard URLs, drag reorder handles, and inline add form built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","input","select"],"premium":true,"files":[{"path":"blocks/account/account-social-profiles.tsx","type":"registry:block","target":"components/blocks/account/account-social-profiles.tsx"}]},{"name":"account-backup-codes","type":"registry:block","title":"Account Backup Codes","description":"A security-focused 2FA backup codes block for React and Next.js with two-column code grid, usage tracking, copy-all and download actions, regenerate with confirmation, and remaining codes progress indicator built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["alert-dialog","badge","button","input","progress"],"premium":true,"files":[{"path":"blocks/account/account-backup-codes.tsx","type":"registry:block","target":"components/blocks/account/account-backup-codes.tsx"}]},{"name":"account-avatar-upload","type":"registry:block","title":"Account Avatar Upload","description":"A centered profile photo management block for React and Next.js with large avatar preview, drag-and-drop upload, initials generation, avatar history thumbnails, and file validation built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["alert-dialog","avatar","button"],"premium":true,"files":[{"path":"blocks/account/account-avatar-upload.tsx","type":"registry:block","target":"components/blocks/account/account-avatar-upload.tsx"}]},{"name":"account-team-members","type":"registry:block","title":"Account Team Members","description":"A team member management table for React and Next.js with role assignment, member invitation, pending invites tracking, seat usage counter, and removal confirmation built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["alert-dialog","badge","button","dropdown-menu","input","select","table"],"premium":true,"files":[{"path":"blocks/account/account-team-members.tsx","type":"registry:block","target":"components/blocks/account/account-team-members.tsx"}]},{"name":"account-support","type":"registry:block","title":"Account Support","description":"A support hub card block for React and Next.js with support tier badge, contact options with availability, ticket history with status badges, new ticket form, and SLA display built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","input","select","textarea"],"premium":true,"files":[{"path":"blocks/account/account-support.tsx","type":"registry:block","target":"components/blocks/account/account-support.tsx"}]},{"name":"account-account-delegation","type":"registry:block","title":"Account Account Delegation","description":"A delegation dashboard for React and Next.js with permission matrix table, stats bar, pending invites, and inline invite form built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","checkbox","dropdown-menu","input","select","table"],"premium":true,"files":[{"path":"blocks/account/account-account-delegation.tsx","type":"registry:block","target":"components/blocks/account/account-account-delegation.tsx"}]},{"name":"account-referrals","type":"registry:block","title":"Account Referrals","description":"A referral program dashboard block for React and Next.js with referral link copy, stats summary, referral list with status tracking, social sharing, and reward tier progression built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","progress"],"premium":true,"files":[{"path":"blocks/account/account-referrals.tsx","type":"registry:block","target":"components/blocks/account/account-referrals.tsx"}]},{"name":"account-parental-controls","type":"registry:block","title":"Account Parental Controls","description":"A parental controls block for React and Next.js with age rating selector, content category toggles, screen time limits, approved contacts, activity summary, and PIN protection built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","input","switch"],"premium":true,"files":[{"path":"blocks/account/account-parental-controls.tsx","type":"registry:block","target":"components/blocks/account/account-parental-controls.tsx"}]},{"name":"account-login-providers","type":"registry:block","title":"Account Login Providers","description":"An SSO and OAuth provider management panel for React and Next.js with enable/disable toggles, protocol badges, expandable configuration, copyable credentials, and primary provider selection built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","switch","tooltip"],"premium":true,"files":[{"path":"blocks/account/account-login-providers.tsx","type":"registry:block","target":"components/blocks/account/account-login-providers.tsx"}]},{"name":"account-storage","type":"registry:block","title":"Account Storage","description":"A storage usage dashboard block for React and Next.js with usage ring visualization, category breakdown bars, per-category actions, and upgrade prompt built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/account/account-storage.tsx","type":"registry:block","target":"components/blocks/account/account-storage.tsx"}]},{"name":"account-accessibility-settings","type":"registry:block","title":"Account Accessibility Settings","description":"A split-panel accessibility settings block for React and Next.js with live preview, tabbed categories, font size stepper, and contrast controls built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button","select","switch"],"premium":true,"files":[{"path":"blocks/account/account-accessibility-settings.tsx","type":"registry:block","target":"components/blocks/account/account-accessibility-settings.tsx"}]},{"name":"account-developer","type":"registry:block","title":"Account Developer","description":"A developer console panel for React and Next.js with API base URL, SDK version, webhook secret reveal, rate limit tiers, language-tabbed code snippets with copy, and dark-themed code blocks built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","progress","tabs"],"premium":true,"files":[{"path":"blocks/account/account-developer.tsx","type":"registry:block","target":"components/blocks/account/account-developer.tsx"}]},{"name":"account-compliance-status","type":"registry:block","title":"Account Compliance Status","description":"A bento grid compliance dashboard for React and Next.js showing SOC 2, GDPR, HIPAA, ISO 27001, and PCI DSS framework statuses with completion bars, audit dates, and requirement counts built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","progress"],"premium":true,"files":[{"path":"blocks/account/account-compliance-status.tsx","type":"registry:block","target":"components/blocks/account/account-compliance-status.tsx"}]},{"name":"account-change-password","type":"registry:block","title":"Account Change Password","description":"A password change form block for React and Next.js with real-time strength meter, requirement checklist, match validation, active sessions warning, and success state built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/account/account-change-password.tsx","type":"registry:block","target":"components/blocks/account/account-change-password.tsx"}]},{"name":"account-login-history","type":"registry:block","title":"Account Login History","description":"A login session history data table for React and Next.js with sortable columns, IP search, failed attempt highlighting, pagination, and aggregate stats built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button","input","table"],"premium":true,"files":[{"path":"blocks/account/account-login-history.tsx","type":"registry:block","target":"components/blocks/account/account-login-history.tsx"}]},{"name":"account-notification-rules","type":"registry:block","title":"Account Notification Rules","description":"A PagerDuty-style notification routing rule builder for React and Next.js with drag-sortable rules, condition builders, multi-channel delivery, and priority badges built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","input","select","switch"],"premium":true,"files":[{"path":"blocks/account/account-notification-rules.tsx","type":"registry:block","target":"components/blocks/account/account-notification-rules.tsx"}]},{"name":"account-payment-methods","type":"registry:block","title":"Account Payment Methods","description":"A payment method management block for React and Next.js with card brand badges, expiry warnings, default selection, add card form, and remove confirmation built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["alert-dialog","badge","button","input"],"premium":true,"files":[{"path":"blocks/account/account-payment-methods.tsx","type":"registry:block","target":"components/blocks/account/account-payment-methods.tsx"}]},{"name":"account-recovery-options","type":"registry:block","title":"Account Recovery Options","description":"An account recovery methods checklist block for React and Next.js with email, phone, security key, and trusted contact configuration, verification status, and recovery testing built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/account/account-recovery-options.tsx","type":"registry:block","target":"components/blocks/account/account-recovery-options.tsx"}]},{"name":"account-webhooks","type":"registry:block","title":"Account Webhooks","description":"A webhook endpoint management block for React and Next.js with endpoint URLs, event subscriptions, delivery logs, success rates, secret key display, and add endpoint form built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","checkbox","input","switch"],"premium":true,"files":[{"path":"blocks/account/account-webhooks.tsx","type":"registry:block","target":"components/blocks/account/account-webhooks.tsx"}]},{"name":"account-basic-info","type":"registry:block","title":"Account Basic Info","description":"A profile basic info editor for React and Next.js with inline-editable fields, profile completeness progress bar, verified email badge, bio character counter, and timezone selector built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","input","progress","select","textarea"],"premium":true,"files":[{"path":"blocks/account/account-basic-info.tsx","type":"registry:block","target":"components/blocks/account/account-basic-info.tsx"}]},{"name":"account-emergency-contacts","type":"registry:block","title":"Account Emergency Contacts","description":"An emergency contact management block for React and Next.js with priority-ordered contact cards, relationship badges, masked phone reveal, notification preferences, and verification status built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","checkbox","input","select"],"premium":true,"files":[{"path":"blocks/account/account-emergency-contacts.tsx","type":"registry:block","target":"components/blocks/account/account-emergency-contacts.tsx"}]},{"name":"account-beta-programs","type":"registry:block","title":"Account Beta Programs","description":"A beta feature opt-in management panel for React and Next.js with feature cards, stage badges, risk indicators, enrollment toggles, and participant counts built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","switch"],"premium":true,"files":[{"path":"blocks/account/account-beta-programs.tsx","type":"registry:block","target":"components/blocks/account/account-beta-programs.tsx"}]},{"name":"account-account-merging","type":"registry:block","title":"Account Account Merging","description":"A visual account merging wizard for React and Next.js with side-by-side account comparison, animated data transfer preview, conflict resolution UI, and step progress indicators built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","input"],"premium":true,"files":[{"path":"blocks/account/account-account-merging.tsx","type":"registry:block","target":"components/blocks/account/account-account-merging.tsx"}]},{"name":"account-notifications-inbox","type":"registry:block","title":"Account Notifications Inbox","description":"A notification inbox block for React and Next.js with read/unread indicators, expandable messages, filter tabs, bulk actions, and empty states built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/account/account-notifications-inbox.tsx","type":"registry:block","target":"components/blocks/account/account-notifications-inbox.tsx"}]},{"name":"account-identity-verification","type":"registry:block","title":"Account Identity Verification","description":"A stepper-based identity verification flow for React and Next.js with multi-step KYC progression, verification level badges, contextual step UI, and document upload built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","input"],"premium":true,"files":[{"path":"blocks/account/account-identity-verification.tsx","type":"registry:block","target":"components/blocks/account/account-identity-verification.tsx"}]},{"name":"account-usage-dashboard","type":"registry:block","title":"Account Usage Dashboard","description":"A usage analytics dashboard block for React and Next.js with metric cards, 7-day bar chart, endpoint breakdown table, and overage warnings built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","tooltip"],"premium":true,"files":[{"path":"blocks/account/account-usage-dashboard.tsx","type":"registry:block","target":"components/blocks/account/account-usage-dashboard.tsx"}]},{"name":"account-data-privacy","type":"registry:block","title":"Account Data Privacy","description":"A sectioned privacy settings card for React and Next.js with computed privacy score, grouped toggles by data type, and real-time protection level indicator built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","switch"],"premium":true,"files":[{"path":"blocks/account/account-data-privacy.tsx","type":"registry:block","target":"components/blocks/account/account-data-privacy.tsx"}]},{"name":"account-custom-domain","type":"registry:block","title":"Account Custom Domain","description":"A custom domain configuration block for React and Next.js with DNS record verification, SSL certificate status, domain list management, and add domain form built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","input"],"premium":true,"files":[{"path":"blocks/account/account-custom-domain.tsx","type":"registry:block","target":"components/blocks/account/account-custom-domain.tsx"}]},{"name":"account-export-connections","type":"registry:block","title":"Account Export Connections","description":"A data export destinations panel for React and Next.js with service connection grid, sync frequency controls, per-connection configuration, and one-click export with feedback built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","select"],"premium":true,"files":[{"path":"blocks/account/account-export-connections.tsx","type":"registry:block","target":"components/blocks/account/account-export-connections.tsx"}]},{"name":"account-downloads","type":"registry:block","title":"Account Downloads","description":"A file download history list for React and Next.js with file type filtering, category badges, expiry countdown, storage usage, and per-file download actions built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","select"],"premium":true,"files":[{"path":"blocks/account/account-downloads.tsx","type":"registry:block","target":"components/blocks/account/account-downloads.tsx"}]},{"name":"account-email-preferences","type":"registry:block","title":"Account Email Preferences","description":"An email notification preferences block for React and Next.js with category-based toggle groups, frequency selectors, expandable email types, and unsubscribe controls built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","select","switch"],"premium":true,"files":[{"path":"blocks/account/account-email-preferences.tsx","type":"registry:block","target":"components/blocks/account/account-email-preferences.tsx"}]},{"name":"account-account-limits","type":"registry:block","title":"Account Account Limits","description":"A bento grid resource limits dashboard for React and Next.js with animated progress indicators, criticality-based tile sizing, and plan context built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/account/account-account-limits.tsx","type":"registry:block","target":"components/blocks/account/account-account-limits.tsx"}]},{"name":"account-ip-allowlist","type":"registry:block","title":"Account Ip Allowlist","description":"A security-focused IP allowlist table for React and Next.js with inline add form, type badges, status toggles, CIDR notation helper, bulk import, and empty state warning built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","input","switch","textarea"],"premium":true,"files":[{"path":"blocks/account/account-ip-allowlist.tsx","type":"registry:block","target":"components/blocks/account/account-ip-allowlist.tsx"}]},{"name":"account-scheduled-actions","type":"registry:block","title":"Account Scheduled Actions","description":"A timeline-style scheduled actions manager for React and Next.js with cron-like repeat frequencies, pause/cancel controls, and collapsible completed history built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/account/account-scheduled-actions.tsx","type":"registry:block","target":"components/blocks/account/account-scheduled-actions.tsx"}]},{"name":"account-digital-signature","type":"registry:block","title":"Account Digital Signature","description":"A digital signature management card for React and Next.js with signature preview, cryptographic details, certificate upload, verification chain, and keypair generation built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","progress"],"premium":true,"files":[{"path":"blocks/account/account-digital-signature.tsx","type":"registry:block","target":"components/blocks/account/account-digital-signature.tsx"}]},{"name":"account-api-usage-limits","type":"registry:block","title":"Account Api Usage Limits","description":"An API rate limit dashboard for React and Next.js showing per-endpoint consumption with animated progress bars, trend indicators, and plan-aware thresholds built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","progress","tooltip"],"premium":true,"files":[{"path":"blocks/account/account-api-usage-limits.tsx","type":"registry:block","target":"components/blocks/account/account-api-usage-limits.tsx"}]},{"name":"account-api-keys","type":"registry:block","title":"Account Api Keys","description":"A developer-style API key management console for React and Next.js with scoped permissions, environment badges, usage stats, inline revocation, and create key form built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","input"],"premium":true,"files":[{"path":"blocks/account/account-api-keys.tsx","type":"registry:block","target":"components/blocks/account/account-api-keys.tsx"}]},{"name":"account-audit-trail","type":"registry:block","title":"Account Audit Trail","description":"A searchable audit log block for React and Next.js with date-grouped table rows, actor avatars, colored action badges, IP addresses, event type filtering, and export built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button","input","select"],"premium":true,"files":[{"path":"blocks/account/account-audit-trail.tsx","type":"registry:block","target":"components/blocks/account/account-audit-trail.tsx"}]},{"name":"account-access-tokens","type":"registry:block","title":"Account Access Tokens","description":"A personal access token management block for React and Next.js with token cards, masked key display, scope badges, usage stats, inline creation form, and copy-to-clipboard feedback built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","checkbox","input","select"],"premium":true,"files":[{"path":"blocks/account/account-access-tokens.tsx","type":"registry:block","target":"components/blocks/account/account-access-tokens.tsx"}]},{"name":"account-third-party-apps","type":"registry:block","title":"Account Third Party Apps","description":"A third-party app permissions manager for React and Next.js with expandable permission details, stale app warnings, revoke actions, and access level badges built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","tooltip"],"premium":true,"files":[{"path":"blocks/account/account-third-party-apps.tsx","type":"registry:block","target":"components/blocks/account/account-third-party-apps.tsx"}]},{"name":"account-privacy","type":"registry:block","title":"Account Privacy","description":"A privacy shield settings card for React and Next.js with profile visibility controls, data sharing toggles, privacy score indicator, and GDPR data actions built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button","select","switch"],"premium":true,"files":[{"path":"blocks/account/account-privacy.tsx","type":"registry:block","target":"components/blocks/account/account-privacy.tsx"}]},{"name":"account-certificates","type":"registry:block","title":"Account Certificates","description":"An SSL/TLS certificate management dashboard for React and Next.js with domain certificates, expiry countdown, status indicators, expandable detail rows, and renewal actions built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","tooltip"],"premium":true,"files":[{"path":"blocks/account/account-certificates.tsx","type":"registry:block","target":"components/blocks/account/account-certificates.tsx"}]},{"name":"account-consent-manager","type":"registry:block","title":"Account Consent Manager","description":"A sectioned consent manager for React and Next.js with expandable consent categories grouped by purpose including essential, analytics, marketing, and personalization with individual sub-item toggles built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","switch"],"premium":true,"files":[{"path":"blocks/account/account-consent-manager.tsx","type":"registry:block","target":"components/blocks/account/account-consent-manager.tsx"}]},{"name":"account-plan-comparison","type":"registry:block","title":"Account Plan Comparison","description":"A plan comparison grid for React and Next.js with tier columns, annual and monthly pricing toggle, feature check indicators, usage limits, current plan badge, recommended plan highlighting, and upgrade buttons built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","switch"],"premium":true,"files":[{"path":"blocks/account/account-plan-comparison.tsx","type":"registry:block","target":"components/blocks/account/account-plan-comparison.tsx"}]},{"name":"account-audit-preferences","type":"registry:block","title":"Account Audit Preferences","description":"An audit logging configuration panel for React and Next.js with searchable event category table, per-category toggles, retention badges, severity indicators, and bulk actions built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","input","select","switch"],"premium":true,"files":[{"path":"blocks/account/account-audit-preferences.tsx","type":"registry:block","target":"components/blocks/account/account-audit-preferences.tsx"}]},{"name":"account-notifications","type":"registry:block","title":"Account Notifications","description":"A notification preferences settings block for React and Next.js with category-grouped channel toggles, pause-all master switch, and enabled count summary built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","switch"],"premium":true,"files":[{"path":"blocks/account/account-notifications.tsx","type":"registry:block","target":"components/blocks/account/account-notifications.tsx"}]},{"name":"account-security","type":"registry:block","title":"Account Security","description":"A security score card for React and Next.js with checklist items, fix action buttons, score ring indicator, and recent security events built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/account/account-security.tsx","type":"registry:block","target":"components/blocks/account/account-security.tsx"}]},{"name":"account-devices","type":"registry:block","title":"Account Devices","description":"A grouped device management panel for React and Next.js with device type grouping, current device badge, IP addresses, location tracking, and bulk sign-out built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["alert-dialog","badge","button"],"premium":true,"files":[{"path":"blocks/account/account-devices.tsx","type":"registry:block","target":"components/blocks/account/account-devices.tsx"}]},{"name":"pricing-commitment-discount","type":"registry:block","title":"Pricing Commitment Discount","description":"A single card configurator pricing section for React and Next.js with a PillTabs selector that drives a unified card showing NumberFlow animated monthly price, savings percentage, horizontal meter bar, total billed amount, and a static feature grid built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["pill-tabs"],"premium":true,"files":[{"path":"blocks/pricing/pricing-commitment-discount.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-commitment-discount.tsx"}]},{"name":"pricing-two-plans","type":"registry:block","title":"Pricing Two Plans","description":"An elegant two-plan side-by-side pricing section for React and Next.js with PillTabs billing toggle, NumberFlow animated prices, two minimal plan cards with the Pro plan featured via Best Value badge, progressive feature lists with emerald checkmarks, ShadcnioButton CTAs, and trust text built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["pill-tabs","tooltip"],"premium":true,"files":[{"path":"blocks/pricing/pricing-two-plans.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-two-plans.tsx"}]},{"name":"pricing-metric-toggle-tiles","type":"registry:block","title":"Pricing Metric Toggle Tiles","description":"A metric switching pricing section for React and Next.js with PillTabs metric selector at the top three plan tiles each displaying a massive NumberFlow animated hero quota that morphs when you change the metric a static price row and ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["pill-tabs"],"premium":true,"files":[{"path":"blocks/pricing/pricing-metric-toggle-tiles.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-metric-toggle-tiles.tsx"}]},{"name":"pricing-with-guarantee","type":"registry:block","title":"Pricing With Guarantee","description":"A two-column pricing section with prominent 30-day money-back guarantee strip for React and Next.js featuring centered headline, PillTabs billing toggle, two side-by-side plan cards with NumberFlow animated prices, and a horizontal guarantee strip with shield icon, customer count, and trust signals built with shadcn/ui Tooltip and ShadcnioButton and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["pill-tabs","tooltip"],"premium":true,"files":[{"path":"blocks/pricing/pricing-with-guarantee.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-with-guarantee.tsx"}]},{"name":"pricing-contract-length-slider","type":"registry:block","title":"Pricing Contract Length Slider","description":"A continuous contract length slider pricing section for React and Next.js with a draggable slider from one month to twenty four months that live updates a NumberFlow animated monthly price discount percentage and total contract value plus a ShadcnioButton CTA built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["slider"],"premium":true,"files":[{"path":"blocks/pricing/pricing-contract-length-slider.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-contract-length-slider.tsx"}]},{"name":"pricing-minimal-single","type":"registry:block","title":"Pricing Minimal Single","description":"An ultra-minimal single plan pricing section for React and Next.js with a centered bg-muted card, hero-scale price display, two-column feature grid with emerald checkmarks, full-width ShadcnioButton CTA, and trust text built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/pricing/pricing-minimal-single.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-minimal-single.tsx"}]},{"name":"pricing-featured-hero-shelves","type":"registry:block","title":"Pricing Featured Hero Shelves","description":"A featured hero plus category shelves pricing section for React and Next.js with one flagship item rendered as a high-contrast hero card horizontal shelf headers stacked 3-column tile grids per shelf and a shop-style browsing layout built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/pricing/pricing-featured-hero-shelves.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-featured-hero-shelves.tsx"}]},{"name":"pricing-prepaid-credits","type":"registry:block","title":"Pricing Prepaid Credits","description":"A four-column prepaid credit pack pricing section for React and Next.js with NumberFlow animated credit amounts and prices, progressive savings percentages, an emerald-ringed Best Value pack, ShadcnioButton purchase CTAs with sliding arrow hover effect, and a trust footer built with shadcn/ui Tooltip components and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["tooltip"],"premium":true,"files":[{"path":"blocks/pricing/pricing-prepaid-credits.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-prepaid-credits.tsx"}]},{"name":"pricing-per-user-simple","type":"registry:block","title":"Pricing Per User Simple","description":"A simple two-column per-seat pricing block for React and Next.js with Basic and Pro plan cards, prominent NumberFlow per-user prices, PillTabs billing toggle, ShadcnioButton CTAs with sliding arrow, emerald checkmarks, red Best Value badge, and progressive feature lists built with shadcn/ui Tooltip and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["pill-tabs","tooltip"],"premium":true,"files":[{"path":"blocks/pricing/pricing-per-user-simple.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-per-user-simple.tsx"}]},{"name":"pricing-step-up","type":"registry:block","title":"Pricing Step Up","description":"A stacked horizontal step-up pricing section for React and Next.js with sequential tier cards connected by upgrade arrows showing the progression path between tiers, animated NumberFlow prices, PillTabs billing toggle, and inline ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["pill-tabs"],"premium":true,"files":[{"path":"blocks/pricing/pricing-step-up.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-step-up.tsx"}]},{"name":"pricing-plan-recommender","type":"registry:block","title":"Pricing Plan Recommender","description":"An interactive quiz-driven plan recommender block for React and Next.js with split layout featuring three PillTabs question selectors for team size, primary use case, and budget on the left and a dynamically computed recommended plan card on the right with NumberFlow animated price, ShadcnioButton CTA, emerald checkmark feature list, and red Recommended badge built with shadcn/ui Tooltip and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["pill-tabs"],"premium":true,"files":[{"path":"blocks/pricing/pricing-plan-recommender.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-plan-recommender.tsx"}]},{"name":"pricing-flip-reveal-cards","type":"registry:block","title":"Pricing Flip Reveal Cards","description":"A three-column flip-reveal pricing section for React and Next.js with 3D rotateY click-to-flip plan cards that swap between a front summary view and a back detail view with extended feature lists customer testimonials and SLA badges built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["pill-tabs"],"premium":true,"files":[{"path":"blocks/pricing/pricing-flip-reveal-cards.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-flip-reveal-cards.tsx"}]},{"name":"pricing-education-discount","type":"registry:block","title":"Pricing Education Discount","description":"A three-column strikethrough pricing section for React and Next.js where every card shows the original price crossed out next to a discounted price with an emerald savings line, progressive feature lists, a red Best Value badge on the middle card, and ShadcnioButton CTAs built with shadcn/ui Tooltip components and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["tooltip"],"premium":true,"files":[{"path":"blocks/pricing/pricing-education-discount.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-education-discount.tsx"}]},{"name":"pricing-storage-plans","type":"registry:block","title":"Pricing Storage Plans","description":"A three-column pricing section for React and Next.js with oversized hero capacity numbers dominating each card, NumberFlow animated prices, PillTabs billing toggle, split metric bars for two secondary stats, progressive feature lists with emerald checkmarks, and ShadcnioButton CTAs built with shadcn/ui Tooltip and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["pill-tabs","tooltip"],"premium":true,"files":[{"path":"blocks/pricing/pricing-storage-plans.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-storage-plans.tsx"}]},{"name":"pricing-three-columns-stat-chips","type":"registry:block","title":"Pricing Three Columns Stat Chips","description":"A three-column pricing section for React and Next.js with large icon badge headers 2-column capacity stat chip pairs PillTabs billing toggle NumberFlow animated prices progressive feature lists emerald checkmarks and ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["pill-tabs"],"premium":true,"files":[{"path":"blocks/pricing/pricing-three-columns-stat-chips.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-three-columns-stat-chips.tsx"}]},{"name":"pricing-open-source","type":"registry:block","title":"Pricing Open Source","description":"A single-plan pricing section for React and Next.js with a centered marketing headline, a featured card on bg-muted showing a free-forever price with a two-column feature grid, ShadcnioButton CTA, and an embedded dashed eligibility criteria panel built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["tooltip"],"premium":true,"files":[{"path":"blocks/pricing/pricing-open-source.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-open-source.tsx"}]},{"name":"pricing-dynamic-tiers","type":"registry:block","title":"Pricing Dynamic Tiers","description":"A tabbed pricing section for React and Next.js with audience PillTabs for Startup, Growth, and Enterprise segments showing different plan card sets per tab, secondary PillTabs billing toggle, NumberFlow animated prices, ShadcnioButton CTAs, AnimatePresence transitions, emerald checkmarks, and red Best Value badges built with shadcn/ui Tooltip components and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["pill-tabs","tooltip"],"premium":true,"files":[{"path":"blocks/pricing/pricing-dynamic-tiers.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-dynamic-tiers.tsx"}]},{"name":"pricing-enterprise-custom","type":"registry:block","title":"Pricing Enterprise Custom","description":"A single dark highlighted enterprise pricing card for React and Next.js with bg-foreground inverted theme, Custom price label, three feature category columns for Platform, Security, and Support, ShadcnioButton CTA with sliding arrow, and trust logos footer built with shadcn/ui Tooltip components and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["tooltip"],"premium":true,"files":[{"path":"blocks/pricing/pricing-enterprise-custom.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-enterprise-custom.tsx"}]},{"name":"pricing-volume-discount","type":"registry:block","title":"Pricing Volume Discount","description":"A volume discount pricing section for React and Next.js with compact horizontal tier rows showing per-seat price brackets, savings percentage indicators, the best-value tier highlighted with red Best Value badge, NumberFlow animated total estimator, ShadcnioButton CTAs, and trust text built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/pricing/pricing-volume-discount.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-volume-discount.tsx"}]},{"name":"pricing-usage-slider","type":"registry:block","title":"Pricing Usage Slider","description":"An interactive usage-based pricing section for React and Next.js with shadcn/ui Slider for selecting API call volume, NumberFlow animated total price with real-time breakdown of base plus overage, snap-to-tier markers, included quota indicator, and ShadcnioButton CTA built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["slider"],"premium":true,"files":[{"path":"blocks/pricing/pricing-usage-slider.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-usage-slider.tsx"}]},{"name":"pricing-timeline-tiers","type":"registry:block","title":"Pricing Timeline Tiers","description":"A vertical timeline pricing section for React and Next.js with progressive tenure bracket nodes connected by a vertical line, NumberFlow animated discount percentages per node, strikethrough base price with computed discounted price, emerald unlock checkmarks, absolute-positioned node markers, and a bottom ShadcnioButton CTA built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/pricing/pricing-timeline-tiers.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-timeline-tiers.tsx"}]},{"name":"pricing-custom-quote","type":"registry:block","title":"Pricing Custom Quote","description":"A split layout enterprise pricing section for React and Next.js with a left panel featuring marketing headline, key selling points with emerald checkmarks, and trust indicators alongside a right panel with structured contact form for company name, team size select, work email, message textarea, and ShadcnioButton submit with success state built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["input","label","select","textarea"],"premium":true,"files":[{"path":"blocks/pricing/pricing-custom-quote.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-custom-quote.tsx"}]},{"name":"pricing-feature-matrix","type":"registry:block","title":"Pricing Feature Matrix","description":"A detailed comparison table pricing section for React and Next.js with 4 plan columns from Free to Enterprise, 20+ feature rows organized into 5 categories with full-width category headers, emerald checkmarks for booleans, quantities for limits, dashes for unavailable items, and ShadcnioButton CTAs in the header built with shadcn/ui Table and Tooltip components and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["table","tooltip"],"premium":true,"files":[{"path":"blocks/pricing/pricing-feature-matrix.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-feature-matrix.tsx"}]},{"name":"pricing-early-bird","type":"registry:block","title":"Pricing Early Bird","description":"A single hero plan early-bird pricing section for React and Next.js with a centered Founder card showing strikethrough original price next to discounted launch price, an animated spots remaining progress bar, two-column comprehensive feature grid with emerald checkmarks, ShadcnioButton CTA, red Best Value badge, and trust footer built with shadcn/ui Tooltip components and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["tooltip"],"premium":true,"files":[{"path":"blocks/pricing/pricing-early-bird.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-early-bird.tsx"}]},{"name":"pricing-testimonial-inline","type":"registry:block","title":"Pricing Testimonial Inline","description":"A stacked horizontal pricing section for React and Next.js with three full-width plan cards each pairing plan details with an inline customer testimonial featuring avatar quote and company NumberFlow animated prices PillTabs billing toggle progressive feature lists with emerald checkmarks and ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["pill-tabs"],"premium":true,"files":[{"path":"blocks/pricing/pricing-testimonial-inline.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-testimonial-inline.tsx"}]},{"name":"pricing-per-project","type":"registry:block","title":"Pricing Per Project","description":"A four-column capacity-badge pricing section for React and Next.js with four tier cards showing uppercase capacity pill labels, NumberFlow animated prices, PillTabs billing toggle, per-unit rate breakdowns, progressive feature lists, and ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["pill-tabs","tooltip"],"premium":true,"files":[{"path":"blocks/pricing/pricing-per-project.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-per-project.tsx"}]},{"name":"pricing-bundle-deal","type":"registry:block","title":"Pricing Bundle Deal","description":"A split layout pricing section for React and Next.js with two stacked light product cards on the left and a dramatic dark bg-foreground highlight card on the right showing strikethrough total, NumberFlow-free big price, emerald savings callout, per-row value breakdown, ShadcnioButton CTAs, and a red discount badge built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/pricing/pricing-bundle-deal.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-bundle-deal.tsx"}]},{"name":"pricing-nonprofit-discount","type":"registry:block","title":"Pricing Nonprofit Discount","description":"A nonprofit discount three-column pricing section for React and Next.js with Starter, Growth, and Impact plan cards showing strikethrough original prices, inline emerald 50% discount badges, ShadcnioButton apply CTAs, nonprofit-specific features like donor management, grant tracking, and volunteer coordination, red Best Value badge on the Impact plan, and 501(c)(3) verification trust footer built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["tooltip"],"premium":true,"files":[{"path":"blocks/pricing/pricing-nonprofit-discount.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-nonprofit-discount.tsx"}]},{"name":"pricing-tiered-api","type":"registry:block","title":"Pricing Tiered Api","description":"A four-column pricing comparison table for React and Next.js with embedded CTA header cells showing plan name price primary quantity metric per-unit pricing and ShadcnioButton together, grouped feature rows with quantity values and checkmark or dash cells, a highlighted popular middle column with red Best Value badge, and horizontal scroll on mobile built with shadcn/ui Table and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["table"],"premium":true,"files":[{"path":"blocks/pricing/pricing-tiered-api.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-tiered-api.tsx"}]},{"name":"pricing-negotiable","type":"registry:block","title":"Pricing Negotiable","description":"A split-panel pricing section for React and Next.js with a left marketing headline, value props, anchor price and base features paired with a right interactive addon builder using shadcn Checkbox toggles, NumberFlow animated running total, and ShadcnioButton CTA built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["checkbox"],"premium":true,"files":[{"path":"blocks/pricing/pricing-negotiable.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-negotiable.tsx"}]},{"name":"pricing-feature-unlock","type":"registry:block","title":"Pricing Feature Unlock","description":"A three-column pricing section for React and Next.js with plan cards organizing features into named categories like Core Platform, Team Tools, Security and Compliance, and Support, animated NumberFlow prices that respond to a PillTabs billing toggle, ShadcnioButton CTAs, and emerald checkmarks built with shadcn/ui Tooltip components and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["pill-tabs","tooltip"],"premium":true,"files":[{"path":"blocks/pricing/pricing-feature-unlock.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-feature-unlock.tsx"}]},{"name":"pricing-countdown-offer","type":"registry:block","title":"Pricing Countdown Offer","description":"A limited-time countdown offer pricing section for React and Next.js with three plan cards where the discounted Pro tier uses a dark bg-foreground card with live countdown timer, strikethrough original price, emerald savings badge, ShadcnioButton CTAs, progressive feature lists with emerald checkmarks, and trust text built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["tooltip"],"premium":true,"files":[{"path":"blocks/pricing/pricing-countdown-offer.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-countdown-offer.tsx"}]},{"name":"pricing-split-layout","type":"registry:block","title":"Pricing Split Layout","description":"A split-panel pricing section for React and Next.js with left marketing hero showing headline, value props with icons, and trust badges, paired with a single featured plan card on the right featuring NumberFlow animated price, PillTabs billing toggle, progressive feature list, and ShadcnioButton CTA built with shadcn/ui Tooltip and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["pill-tabs"],"premium":true,"files":[{"path":"blocks/pricing/pricing-split-layout.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-split-layout.tsx"}]},{"name":"pricing-dark-highlight","type":"registry:block","title":"Pricing Dark Highlight","description":"A three-column pricing section for React and Next.js with an inverted bg-foreground Pro card creating dramatic visual contrast, PillTabs billing toggle, NumberFlow animated prices, ShadcnioButton CTAs, emerald checkmarks, red Best Value badge, and feature tooltips built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["pill-tabs","tooltip"],"premium":true,"files":[{"path":"blocks/pricing/pricing-dark-highlight.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-dark-highlight.tsx"}]},{"name":"pricing-featured-plan","type":"registry:block","title":"Pricing Featured Plan","description":"A single featured plan pricing section for React and Next.js with marketing headline, off-white card, NumberFlow animated price with PillTabs billing toggle, comprehensive feature checklist with emerald checkmarks and tooltips, ShadcnioButton CTA, and trust messaging built with shadcn/ui Tooltip and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["pill-tabs","tooltip"],"premium":true,"files":[{"path":"blocks/pricing/pricing-featured-plan.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-featured-plan.tsx"}]},{"name":"pricing-flat-rate","type":"registry:block","title":"Pricing Flat Rate","description":"A flat rate single-plan pricing section for React and Next.js with marketing headline, large NumberFlow animated price, PillTabs billing toggle, four-column feature category grid with emerald checkmarks, ShadcnioButton CTA, and money-back guarantee built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["pill-tabs"],"premium":true,"files":[{"path":"blocks/pricing/pricing-flat-rate.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-flat-rate.tsx"}]},{"name":"pricing-cost-breakdown","type":"registry:block","title":"Pricing Cost Breakdown","description":"A split layout pricing section for React and Next.js with a left column itemized invoice-style cost summary including line items, subtotal, annual discount, and grand total alongside a right column recommended plan card with features and ShadcnioButton CTA built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["tooltip"],"premium":true,"files":[{"path":"blocks/pricing/pricing-cost-breakdown.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-cost-breakdown.tsx"}]},{"name":"pricing-roi-calculator","type":"registry:block","title":"Pricing Roi Calculator","description":"An interactive ROI calculator pricing section for React and Next.js with split layout featuring marketing headline and three key stat highlights on the left, an interactive calculator card with team size and hours saved sliders on the right computing NumberFlow animated monthly savings versus product cost, and a ShadcnioButton CTA built with shadcn/ui Slider, Input, and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["slider"],"premium":true,"files":[{"path":"blocks/pricing/pricing-roi-calculator.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-roi-calculator.tsx"}]},{"name":"pricing-annual-savings","type":"registry:block","title":"Pricing Annual Savings","description":"A 3-column dark highlight pricing section for React and Next.js with PillTabs billing toggle, NumberFlow animated prices, ShadcnioButton CTAs, and the middle Pro card using dark bg-foreground styling to drive annual upgrades built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["pill-tabs"],"premium":true,"files":[{"path":"blocks/pricing/pricing-annual-savings.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-annual-savings.tsx"}]},{"name":"pricing-accordion-plans","type":"registry:block","title":"Pricing Accordion Plans","description":"An accordion-based pricing section for React and Next.js with stacked plan rows inside a unified card showing name, description, animated price with NumberFlow, and ShadcnioButton CTA with expandable progressive feature lists, PillTabs billing toggle, emerald checkmarks, red Best Value badge, and feature tooltips built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["pill-tabs","tooltip"],"premium":true,"files":[{"path":"blocks/pricing/pricing-accordion-plans.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-accordion-plans.tsx"}]},{"name":"pricing-stepper-wizard","type":"registry:block","title":"Pricing Stepper Wizard","description":"A multi step wizard pricing section for React and Next.js with a numbered stepper bar three questions with radio cards answer selection and a final plan recommendation screen showing the matched plan with NumberFlow animated price and ShadcnioButton CTA built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/pricing/pricing-stepper-wizard.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-stepper-wizard.tsx"}]},{"name":"pricing-column-chart-picker","type":"registry:block","title":"Pricing Column Chart Picker","description":"A bar chart pricing picker for React and Next.js with four ascending column bars representing plans that animate from zero on mount click to select and update a detail panel below showing NumberFlow animated price feature list and ShadcnioButton CTA built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/pricing/pricing-column-chart-picker.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-column-chart-picker.tsx"}]},{"name":"pricing-ticket-stub","type":"registry:block","title":"Pricing Ticket Stub","description":"A horizontal perforated ticket-stub pricing section for React and Next.js with a wide split-panel card resembling a real ticket, dashed vertical perforation between two stubs with scalloped notches at top and bottom, sequential scarcity number on the left stub, NumberFlow animated price on the right stub, decorative barcode strip, semantic emerald checkmark feature list, and a ShadcnioButton CTA built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/pricing/pricing-ticket-stub.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-ticket-stub.tsx"}]},{"name":"pricing-billing-toggle","type":"registry:block","title":"Pricing Billing Toggle","description":"A three-column billing toggle pricing section for React and Next.js with PillTabs monthly and annual switch NumberFlow animated price transitions three plan cards with progressive feature lists emerald checkmarks ShadcnioButton CTAs and red Best Value badge built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["pill-tabs"],"premium":true,"files":[{"path":"blocks/pricing/pricing-billing-toggle.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-billing-toggle.tsx"}]},{"name":"pricing-government-plan","type":"registry:block","title":"Pricing Government Plan","description":"A government and public sector pricing comparison table for React and Next.js with marketing headline, compliance badges row, three plan column headers showing Department, Agency, and Federal tiers with annual pricing and ShadcnioButton CTAs, feature comparison matrix grouped by Compliance, Identity, Support, and Procurement categories with emerald checkmarks, and procurement trust messaging built with shadcn/ui Table and Tooltip components and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["table","tooltip"],"premium":true,"files":[{"path":"blocks/pricing/pricing-government-plan.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-government-plan.tsx"}]},{"name":"pricing-team-size-slider","type":"registry:block","title":"Pricing Team Size Slider","description":"An interactive team-size slider pricing section for React and Next.js with a horizontal Radix Slider that drags from 1 to 100 seats, NumberFlow animated total price computed from per-seat cost with volume discount tiers, key included features, and ShadcnioButton CTA built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["slider"],"premium":true,"files":[{"path":"blocks/pricing/pricing-team-size-slider.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-team-size-slider.tsx"}]},{"name":"pricing-stacked-cards","type":"registry:block","title":"Pricing Stacked Cards","description":"A vertically stacked pricing section for React and Next.js with full-width independent plan cards each having name and description on the left, NumberFlow animated price and ShadcnioButton CTA on the right, two-column feature lists below, PillTabs billing toggle, and dark featured tier built with shadcn/ui Tooltip and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["pill-tabs","tooltip"],"premium":true,"files":[{"path":"blocks/pricing/pricing-stacked-cards.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-stacked-cards.tsx"}]},{"name":"pricing-region-pricing","type":"registry:block","title":"Pricing Region Pricing","description":"A region-based pricing section for React and Next.js with tabbed region selector for Americas, Europe, and Asia-Pacific showing local currency NumberFlow animated prices, region-specific compliance features, and three plan cards per region with PillTabs navigation, ShadcnioButton CTAs, emerald checkmarks, and red Best Value badge built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["pill-tabs"],"premium":true,"files":[{"path":"blocks/pricing/pricing-region-pricing.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-region-pricing.tsx"}]},{"name":"pricing-spec-sheet-columns","type":"registry:block","title":"Pricing Spec Sheet Columns","description":"A technical datasheet pricing section for React and Next.js with three plan columns displaying grouped spec rows for compute storage network support and security using monospace values a NumberFlow animated price header and ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/pricing/pricing-spec-sheet-columns.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-spec-sheet-columns.tsx"}]},{"name":"pricing-radar-chart","type":"registry:block","title":"Pricing Radar Chart","description":"A radar chart pricing section for React and Next.js with three plan cards each featuring a hexagonal spider chart that animates stroke and fill on mount showing six capability dimensions plus NumberFlow animated price and ShadcnioButton CTA built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/pricing/pricing-radar-chart.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-radar-chart.tsx"}]},{"name":"pricing-two-plan-comparison","type":"registry:block","title":"Pricing Two Plan Comparison","description":"A two plan comparison pricing section for React and Next.js with paired plan headers in a unified rounded card, an inverted dark panel on the recommended side, a shared attribute matrix below the headers, ShadcnioButton CTAs, and a red Recommended badge built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/pricing/pricing-two-plan-comparison.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-two-plan-comparison.tsx"}]},{"name":"pricing-payment-schedule","type":"registry:block","title":"Pricing Payment Schedule","description":"A four-column payment schedule pricing section for React and Next.js with cards for Monthly, Quarterly, Semi-Annual, and Annual billing showing per-month equivalent, total cost, savings percentage, and a dark highlight on the recommended Semi-Annual schedule built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["tooltip"],"premium":true,"files":[{"path":"blocks/pricing/pricing-payment-schedule.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-payment-schedule.tsx"}]},{"name":"pricing-overage-pricing","type":"registry:block","title":"Pricing Overage Pricing","description":"A grouped comparison table pricing section for React and Next.js with four plan tier columns, PillTabs billing toggle, NumberFlow animated prices, category-grouped usage rows showing included allowances and per-unit overage rates in monospaced badges, ShadcnioButton CTAs in the table header, and a highlighted popular column built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["pill-tabs","table"],"premium":true,"files":[{"path":"blocks/pricing/pricing-overage-pricing.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-overage-pricing.tsx"}]},{"name":"pricing-tco-projection","type":"registry:block","title":"Pricing Tco Projection","description":"A total cost of ownership projection pricing section for React and Next.js with a SVG line chart showing cumulative cost curves for three plans over one three or five year horizons PillTabs horizon selector NumberFlow animated total cost stats and ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["pill-tabs"],"premium":true,"files":[{"path":"blocks/pricing/pricing-tco-projection.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-tco-projection.tsx"}]},{"name":"pricing-with-faq","type":"registry:block","title":"Pricing With Faq","description":"A three-column pricing section paired with custom motion-powered FAQ accordion for React and Next.js featuring centered headline, PillTabs billing toggle, three side-by-side plan cards with NumberFlow animated prices, progressive feature lists, red Best Value badge on featured plan, and a 6-question staggered FAQ accordion below with rotating plus-to-cross icon and smooth height transitions built with shadcn/ui Tooltip and ShadcnioButton and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["pill-tabs","tooltip"],"premium":true,"files":[{"path":"blocks/pricing/pricing-with-faq.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-with-faq.tsx"}]},{"name":"pricing-side-by-side","type":"registry:block","title":"Pricing Side By Side","description":"A two-plan side-by-side comparison pricing section for React and Next.js with Free vs Pro layout, NumberFlow animated prices, PillTabs billing toggle, dark featured Pro card with inverted styling, checkmarks vs x-marks comparison, ShadcnioButton CTAs, and progressive feature lists built with shadcn/ui Tooltip and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["pill-tabs","tooltip"],"premium":true,"files":[{"path":"blocks/pricing/pricing-side-by-side.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-side-by-side.tsx"}]},{"name":"pricing-credit-packs","type":"registry:block","title":"Pricing Credit Packs","description":"A four-column credit pack pricing section for React and Next.js with strikethrough original price comparison, bold savings chips in emerald, reserved badge slot for alignment, ring highlight on the best-value pack, ShadcnioButton CTAs with sliding arrow hover, and usage example lists built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/pricing/pricing-credit-packs.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-credit-packs.tsx"}]},{"name":"pricing-all-inclusive","type":"registry:block","title":"Pricing All Inclusive","description":"A premium all-inclusive pricing section for React and Next.js featuring a single centered plan card, NumberFlow animated prices with PillTabs billing toggle, categorized feature groups with tooltips, and ShadcnioButton CTA built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["pill-tabs","tooltip"],"premium":true,"files":[{"path":"blocks/pricing/pricing-all-inclusive.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-all-inclusive.tsx"}]},{"name":"pricing-startup-plan","type":"registry:block","title":"Pricing Startup Plan","description":"A single featured startup pricing section for React and Next.js with one bold qualifying plan card showing animated price with NumberFlow, eligibility checklist, progressive feature list, and ShadcnioButton CTA built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["pill-tabs","tooltip"],"premium":true,"files":[{"path":"blocks/pricing/pricing-startup-plan.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-startup-plan.tsx"}]},{"name":"pricing-tradeoff-scatter","type":"registry:block","title":"Pricing Tradeoff Scatter","description":"An XY scatter plot pricing picker for React and Next.js with four plans plotted as bubbles on a price-versus-value chart bubble size encoding capacity click any bubble to select and morph the detail panel below with NumberFlow animated price feature list and ShadcnioButton CTA built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/pricing/pricing-tradeoff-scatter.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-tradeoff-scatter.tsx"}]},{"name":"pricing-team-tiers","type":"registry:block","title":"Pricing Team Tiers","description":"A three-tier team pricing section for React and Next.js with prominent seat-bracket headers per-seat NumberFlow animated pricing PillTabs billing toggle progressive feature lists with emerald checkmarks ShadcnioButton CTAs and Tooltip info icons built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["pill-tabs","tooltip"],"premium":true,"files":[{"path":"blocks/pricing/pricing-team-tiers.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-team-tiers.tsx"}]},{"name":"pricing-seasonal-sale","type":"registry:block","title":"Pricing Seasonal Sale","description":"A seasonal sale pricing section for React and Next.js with sale countdown banner, three-column plan cards, strikethrough original prices with NumberFlow animated sale prices, PillTabs billing toggle, dark featured tier, emerald savings badges, and ShadcnioButton CTAs built with shadcn/ui Tooltip and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["pill-tabs"],"premium":true,"files":[{"path":"blocks/pricing/pricing-seasonal-sale.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-seasonal-sale.tsx"}]},{"name":"pricing-usage-profile","type":"registry:block","title":"Pricing Usage Profile","description":"A single-hero usage profile pricing section for React and Next.js with PillTabs profile selector morphing one card, NumberFlow animated total, a stacked horizontal proportional cost bar splitting spend by category, animated bar width transitions, per-category detail rows with usage values and dollar contribution, and ShadcnioButton CTA built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["pill-tabs"],"premium":true,"files":[{"path":"blocks/pricing/pricing-usage-profile.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-usage-profile.tsx"}]},{"name":"pricing-addon-builder","type":"registry:block","title":"Pricing Addon Builder","description":"A split-layout addon builder pricing section for React and Next.js with left headline panel and base plan, right interactive addon grid where visitors toggle modules to update a NumberFlow animated total alongside a ShadcnioButton checkout CTA built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/pricing/pricing-addon-builder.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-addon-builder.tsx"}]},{"name":"pricing-treemap-quota","type":"registry:block","title":"Pricing Treemap Quota","description":"A treemap quota pricing section for React and Next.js with three plan cards each containing a treemap visualization where rectangle area represents relative quota allocation across compute storage bandwidth and seats plus a NumberFlow animated price and ShadcnioButton CTA built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/pricing/pricing-treemap-quota.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-treemap-quota.tsx"}]},{"name":"pricing-headroom-bars","type":"registry:block","title":"Pricing Headroom Bars","description":"A single hero card headroom bars pricing section for React and Next.js with vertical stack of horizontal capacity-to-headroom bar rows per limit, Free capacity as a small anchor segment extending into a larger Pro segment, NumberFlow animated multiplier chips floating at the bar end, semantic icons per row, a price summary row, and a ShadcnioButton upgrade CTA built with shadcn/ui Tooltip and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["tooltip"],"premium":true,"files":[{"path":"blocks/pricing/pricing-headroom-bars.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-headroom-bars.tsx"}]},{"name":"pricing-group-discount","type":"registry:block","title":"Pricing Group Discount","description":"A team-size tab pricing section for React and Next.js with PillTabs audience switcher between three group sizes that swaps the visible plan card showing per-seat rate with NumberFlow animation, total monthly range, savings versus base rate, ShadcnioButton CTA, emerald checkmark feature list, and trust text built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["pill-tabs"],"premium":true,"files":[{"path":"blocks/pricing/pricing-group-discount.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-group-discount.tsx"}]},{"name":"pricing-comparison-table","type":"registry:block","title":"Pricing Comparison Table","description":"A full feature comparison matrix pricing section for React and Next.js with four plan columns in a clean rounded card, category grouped feature rows, NumberFlow animated header prices, PillTabs billing toggle, an emerald accented popular column, and ShadcnioButton CTAs built with shadcn/ui Table and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["pill-tabs","table"],"premium":true,"files":[{"path":"blocks/pricing/pricing-comparison-table.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-comparison-table.tsx"}]},{"name":"pricing-vertical-tabs-panels","type":"registry:block","title":"Pricing Vertical Tabs Panels","description":"A vertical tabs pricing section for React and Next.js with a left sidebar listing plan tabs and a right detail panel that morphs on selection showing a NumberFlow animated price benefit highlights feature list and ShadcnioButton CTA built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/pricing/pricing-vertical-tabs-panels.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-vertical-tabs-panels.tsx"}]},{"name":"pricing-free-vs-pro","type":"registry:block","title":"Pricing Free Vs Pro","description":"A free versus pro pricing comparison section for React and Next.js with marketing headline, light Free card paired with dark highlight Pro card, NumberFlow animated prices with PillTabs billing toggle, progressive emerald checklist features, ShadcnioButton CTAs, and trust messaging built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["pill-tabs"],"premium":true,"files":[{"path":"blocks/pricing/pricing-free-vs-pro.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-free-vs-pro.tsx"}]},{"name":"pricing-feature-heatmap","type":"registry:block","title":"Pricing Feature Heatmap","description":"A feature heatmap pricing section for React and Next.js with a feature by plan grid where each cell uses graded color intensity and numeric level indicator to show inclusion depth instead of binary checkmarks plus a NumberFlow animated price row and ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/pricing/pricing-feature-heatmap.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-feature-heatmap.tsx"}]},{"name":"pricing-compact-rows","type":"registry:block","title":"Pricing Compact Rows","description":"A horizontal row pricing section for React and Next.js with three plans stacked as compact rows in a single unified card, inline plan name plus price plus CTA per row, PillTabs billing toggle, NumberFlow animated prices, and a subtle highlighted Pro row built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["pill-tabs"],"premium":true,"files":[{"path":"blocks/pricing/pricing-compact-rows.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-compact-rows.tsx"}]},{"name":"pricing-freemium-gate","type":"registry:block","title":"Pricing Freemium Gate","description":"A freemium gate split-layout pricing section for React and Next.js with left-aligned marketing headline and right-side stacked plan cards comparing a free tier with locked features against a highlighted premium tier with NumberFlow animated prices, PillTabs billing toggle, lock and emerald check icons, ShadcnioButton CTAs, and trust messaging built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["pill-tabs"],"premium":true,"files":[{"path":"blocks/pricing/pricing-freemium-gate.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-freemium-gate.tsx"}]},{"name":"pricing-currency-select","type":"registry:block","title":"Pricing Currency Select","description":"A three-column pricing section with currency selector for React and Next.js featuring PillTabs billing toggle, shadcn Select for USD EUR GBP and JPY currencies, NumberFlow animated localized prices, three plan cards with red Best Value badge on Pro tier, ShadcnioButton CTAs, emerald checkmarks, and trust text built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["pill-tabs","select","tooltip"],"premium":true,"files":[{"path":"blocks/pricing/pricing-currency-select.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-currency-select.tsx"}]},{"name":"pricing-unlimited-plan","type":"registry:block","title":"Pricing Unlimited Plan","description":"A single unlimited plan pricing section for React and Next.js with massive UNLIMITED wordmark, NumberFlow animated price, comprehensive list of unlimited capabilities with quantity highlights, emerald checkmarks, ShadcnioButton CTA, and trust text built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/pricing/pricing-unlimited-plan.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-unlimited-plan.tsx"}]},{"name":"pricing-popular-choice","type":"registry:block","title":"Pricing Popular Choice","description":"A classic three-column pricing section for React and Next.js with PillTabs billing toggle, NumberFlow animated prices, an emerald-ringed Most Popular middle card with red Best Value badge, progressive feature lists with emerald checkmarks and tooltips, ShadcnioButton CTAs, and a trust footer built with shadcn/ui Tooltip components and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["pill-tabs","tooltip"],"premium":true,"files":[{"path":"blocks/pricing/pricing-popular-choice.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-popular-choice.tsx"}]},{"name":"pricing-three-columns","type":"registry:block","title":"Pricing Three Columns","description":"The canonical three-column pricing section for React and Next.js with Starter Pro and Enterprise plan cards centered headline PillTabs billing toggle NumberFlow animated prices ShadcnioButton CTAs progressive feature lists with emerald checkmarks and red Best Value badge built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["pill-tabs","tooltip"],"premium":true,"files":[{"path":"blocks/pricing/pricing-three-columns.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-three-columns.tsx"}]},{"name":"pricing-social-proof","type":"registry:block","title":"Pricing Social Proof","description":"A two-pane pricing section for React and Next.js with a left trust sidebar containing star rating, testimonial figure, stats grid, and logo wall paired with two compact horizontal plan rows on the right with NumberFlow animated prices and PillTabs billing toggle built with shadcn/ui Avatar and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","pill-tabs"],"premium":true,"files":[{"path":"blocks/pricing/pricing-social-proof.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-social-proof.tsx"}]},{"name":"pricing-metric-hero-rows","type":"registry:block","title":"Pricing Metric Hero Rows","description":"A vertical stack of wide horizontal metric-hero row pricing section for React and Next.js with four full-width rows each leading with a massive left-aligned numeric metric, NumberFlow animated base prices, inline feature pill rows, semantic plan icons, ShadcnioButton CTAs, and a ring highlight on the recommended tier built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/pricing/pricing-metric-hero-rows.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-metric-hero-rows.tsx"}]},{"name":"pricing-affinity-quiz","type":"registry:block","title":"Pricing Affinity Quiz","description":"A personality quiz pricing section for React and Next.js with four multiple choice questions a progress bar that fills as you answer and a final plan match screen that tallies answer affinities and reveals the winning plan with NumberFlow animated price and ShadcnioButton CTA built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/pricing/pricing-affinity-quiz.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-affinity-quiz.tsx"}]},{"name":"pricing-rate-matrix","type":"registry:block","title":"Pricing Rate Matrix","description":"A wide rate matrix table pricing section for React and Next.js with shadcn Table layout, per-cell NumberFlow animated unit rates, column plan headers with base prices, included allocation above each rate, semantic row grouping for metrics features and support, a sticky ring-highlighted recommended column, and ShadcnioButton CTAs in the footer row built with shadcn/ui Table Tooltip and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["table","tooltip"],"premium":true,"files":[{"path":"blocks/pricing/pricing-rate-matrix.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-rate-matrix.tsx"}]},{"name":"pricing-money-back-hero","type":"registry:block","title":"Pricing Money Back Hero","description":"A trust-led single plan pricing section for React and Next.js featuring a prominent shield-icon money-back guarantee, hero card with bold headline, large price display, two-column emerald feature grid, ShadcnioButton CTA, payment trust signals row, and bg-muted card built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/pricing/pricing-money-back-hero.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-money-back-hero.tsx"}]},{"name":"pricing-per-seat","type":"registry:block","title":"Pricing Per Seat","description":"A three-column per-seat pricing section for React and Next.js with Starter, Team, and Enterprise tiers showing strikethrough original price, large per-seat price, emerald discount badge, ShadcnioButton CTAs, and features grouped into Collaboration, Admin, and Support categories built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["tooltip"],"premium":true,"files":[{"path":"blocks/pricing/pricing-per-seat.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-per-seat.tsx"}]},{"name":"pricing-pay-as-you-go","type":"registry:block","title":"Pricing Pay As You Go","description":"A comparison table pay-as-you-go pricing section for React and Next.js with usage-based resource rows for API calls, storage, compute, and bandwidth showing free tier, base rate, volume tier breakpoints, and a single ShadcnioButton CTA built with shadcn/ui Table and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["table","tooltip"],"premium":true,"files":[{"path":"blocks/pricing/pricing-pay-as-you-go.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-pay-as-you-go.tsx"}]},{"name":"pricing-partner-discount","type":"registry:block","title":"Pricing Partner Discount","description":"A split layout partner pricing section for React and Next.js with left-aligned headline and program benefits beside three stacked partner tier rows showing strikethrough original price, discounted price, emerald discount badge, ShadcnioButton CTAs, and progressive partner perks built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["tooltip"],"premium":true,"files":[{"path":"blocks/pricing/pricing-partner-discount.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-partner-discount.tsx"}]},{"name":"pricing-grouped-comparison-table","type":"registry:block","title":"Pricing Grouped Comparison Table","description":"A grouped feature comparison table pricing section for React and Next.js with a shadcn Table showing four plan columns feature category section header rows CheckIcon and MinusIcon cell values a tinted background on the popular column and fixed column widths to prevent hover reflow built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["table"],"premium":true,"files":[{"path":"blocks/pricing/pricing-grouped-comparison-table.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-grouped-comparison-table.tsx"}]},{"name":"pricing-referral-discount","type":"registry:block","title":"Pricing Referral Discount","description":"A single highlighted plan pricing section for React and Next.js with a referral hero card showing 3 months free, NumberFlow animated savings, friend referrer name and avatar, bidirectional benefit breakdown, ShadcnioButton claim CTA, and a small comparison strip linking to other plans built with shadcn/ui Avatar and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar"],"premium":true,"files":[{"path":"blocks/pricing/pricing-referral-discount.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-referral-discount.tsx"}]},{"name":"pricing-per-transaction","type":"registry:block","title":"Pricing Per Transaction","description":"A per-transaction pricing block for React and Next.js with stacked horizontal rate rows showing percentage and flat fees per transaction type, animated NumberFlow rate comparison, PillTabs region toggle, ShadcnioButton CTAs, emerald checkmarks, and no monthly fee callout built with shadcn/ui Tooltip and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["pill-tabs","tooltip"],"premium":true,"files":[{"path":"blocks/pricing/pricing-per-transaction.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-per-transaction.tsx"}]},{"name":"pricing-audience-tabs","type":"registry:block","title":"Pricing Audience Tabs","description":"A tab-based audience pricing section for React and Next.js with PillTabs for individuals teams and enterprise audiences three-column plan cards per tab progressive feature lists with emerald checkmarks ShadcnioButton CTAs and AnimatePresence transitions built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["pill-tabs"],"premium":true,"files":[{"path":"blocks/pricing/pricing-audience-tabs.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-audience-tabs.tsx"}]},{"name":"pricing-platform-fee","type":"registry:block","title":"Pricing Platform Fee","description":"A split layout pricing section for React and Next.js with a marketing headline on the left and stacked platform fee tier rows on the right showing animated take-rate percentages with NumberFlow, transaction caps, payout speed, and ShadcnioButton CTAs with a dark Business tier highlight built with shadcn/ui Tooltip components and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["tooltip"],"premium":true,"files":[{"path":"blocks/pricing/pricing-platform-fee.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-platform-fee.tsx"}]},{"name":"pricing-invoice-preview","type":"registry:block","title":"Pricing Invoice Preview","description":"A categorized totals comparison table pricing section for React and Next.js with grouped line items, popular column tint, Best Value badge, and totals row built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["table"],"premium":true,"files":[{"path":"blocks/pricing/pricing-invoice-preview.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-invoice-preview.tsx"}]},{"name":"pricing-white-label","type":"registry:block","title":"Pricing White Label","description":"A 2-column split pricing section for React and Next.js with brand benefit tiles grid on the left and a single dark featured plan card on the right with PillTabs billing toggle, NumberFlow animated price, feature list with tooltips, and ShadcnioButton CTA built with shadcn/ui Tooltip and PillTabs and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["pill-tabs","tooltip"],"premium":true,"files":[{"path":"blocks/pricing/pricing-white-label.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-white-label.tsx"}]},{"name":"pricing-with-calculator","type":"registry:block","title":"Pricing With Calculator","description":"An interactive pricing calculator section for React and Next.js with dual sliders for team seats and API requests, live NumberFlow animated total, dynamic plan recommendation, transparent cost breakdown rows, and PillTabs billing toggle built with shadcn/ui Slider, Tooltip, and ShadcnioButton and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["pill-tabs","slider","tooltip"],"premium":true,"files":[{"path":"blocks/pricing/pricing-with-calculator.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-with-calculator.tsx"}]},{"name":"pricing-support-tiers","type":"registry:block","title":"Pricing Support Tiers","description":"A unified-card support tier pricing section for React and Next.js with Community, Priority, and Enterprise plans displayed as compact horizontal rows featuring SLA response time speedometers, NumberFlow animated prices with PillTabs billing toggle, inline channel and coverage features, and ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["pill-tabs"],"premium":true,"files":[{"path":"blocks/pricing/pricing-support-tiers.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-support-tiers.tsx"}]},{"name":"pricing-bento-grid","type":"registry:block","title":"Pricing Bento Grid","description":"An asymmetric bento grid pricing section for React and Next.js with five plan tiles arranged in a 3-column 2-row layout where the featured Pro tile spans both rows as the visual anchor, NumberFlow animated prices, ShadcnioButton CTAs, semantic icon headers, and quick highlight bullets per tile built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/pricing/pricing-bento-grid.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-bento-grid.tsx"}]},{"name":"pricing-feature-diff","type":"registry:block","title":"Pricing Feature Diff","description":"A single hero feature diff pricing section for React and Next.js with two plan pills connected by an arrow at the top, NumberFlow animated upgrade price, a vertical diff list showing per-feature before to after value progression with arrow connectors and optional highlight badges, and a single ShadcnioButton CTA built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/pricing/pricing-feature-diff.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-feature-diff.tsx"}]},{"name":"pricing-milestone-discount","type":"registry:block","title":"Pricing Milestone Discount","description":"A three-column dark highlight pricing section for React and Next.js with per-card milestone progress bars, PillTabs billing toggle, and NumberFlow animated prices built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["pill-tabs","tooltip"],"premium":true,"files":[{"path":"blocks/pricing/pricing-milestone-discount.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-milestone-discount.tsx"}]},{"name":"pricing-compare-tray","type":"registry:block","title":"Pricing Compare Tray","description":"A four-column interactive compare tray pricing section for React and Next.js with add-to-compare checkbox toggles on each plan card and an expandable sticky comparison drawer that reveals side-by-side difference rows for the selected plans with emerald checkmarks muted dashes and quantity cells built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["pill-tabs"],"premium":true,"files":[{"path":"blocks/pricing/pricing-compare-tray.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-compare-tray.tsx"}]},{"name":"pricing-enterprise-contact","type":"registry:block","title":"Pricing Enterprise Contact","description":"A split-layout enterprise pricing section for React and Next.js with marketing headline and security selling points on the left and a streamlined contact sales form on the right with name, email, company, team size and message fields built with shadcn/ui Input, Select, Textarea, and ShadcnioButton components and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["input","select","textarea"],"premium":true,"files":[{"path":"blocks/pricing/pricing-enterprise-contact.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-enterprise-contact.tsx"}]},{"name":"pricing-slide-deck-carousel","type":"registry:block","title":"Pricing Slide Deck Carousel","description":"A horizontal scroll-snap carousel pricing section for React and Next.js with four full-width presentation-slide plan panels prev and next arrow buttons progress dot pagination and a slide counter indicator built with shadcn/ui motion/react and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/pricing/pricing-slide-deck-carousel.tsx","type":"registry:block","target":"components/blocks/pricing/pricing-slide-deck-carousel.tsx"}]},{"name":"music-instrument-tuner","type":"registry:block","title":"Music Instrument Tuner","description":"An instrument tuner block for React and Next.js with needle meter display, detected note name, cents sharp/flat indicator, frequency readout, and instrument selector built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/music/music-instrument-tuner.tsx","type":"registry:block","target":"components/blocks/music/music-instrument-tuner.tsx"}]},{"name":"music-music-nft","type":"registry:block","title":"Music Music Nft","description":"A music NFT marketplace card block for React and Next.js with track artwork, edition info, bid history, ETH pricing, and play preview built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/music/music-music-nft.tsx","type":"registry:block","target":"components/blocks/music/music-music-nft.tsx"}]},{"name":"music-mini-player","type":"registry:block","title":"Music Mini Player","description":"A compact music mini player bar block for React and Next.js with album art, track info, progress bar, playback controls, like toggle, and volume slider built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","slider"],"premium":true,"files":[{"path":"blocks/music/music-mini-player.tsx","type":"registry:block","target":"components/blocks/music/music-mini-player.tsx"}]},{"name":"music-band-members","type":"registry:block","title":"Music Band Members","description":"A band member roster block for React and Next.js with avatar placeholders, instrument icons, member-since year, role labels, and bio snippets built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge"],"premium":true,"files":[{"path":"blocks/music/music-band-members.tsx","type":"registry:block","target":"components/blocks/music/music-band-members.tsx"}]},{"name":"music-sync-licensing","type":"registry:block","title":"Music Sync Licensing","description":"A sync licensing marketplace block for React and Next.js with track listings, usage type filters, license pricing, exclusivity options, and request licensing button built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/music/music-sync-licensing.tsx","type":"registry:block","target":"components/blocks/music/music-sync-licensing.tsx"}]},{"name":"music-notification-settings","type":"registry:block","title":"Music Notification Settings","description":"A music notification preferences block for React and Next.js with toggle switches for new releases, playlist updates, concert alerts, weekly digest, friend activity, and download notifications built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","switch"],"premium":true,"files":[{"path":"blocks/music/music-notification-settings.tsx","type":"registry:block","target":"components/blocks/music/music-notification-settings.tsx"}]},{"name":"music-sleep-timer","type":"registry:block","title":"Music Sleep Timer","description":"A music sleep timer block for React and Next.js with preset duration buttons, large countdown display, end-of-track option, fade-out toggle, and cancel action built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","switch"],"premium":true,"files":[{"path":"blocks/music/music-sleep-timer.tsx","type":"registry:block","target":"components/blocks/music/music-sleep-timer.tsx"}]},{"name":"music-recently-played","type":"registry:block","title":"Music Recently Played","description":"A recently played music tracks block for React and Next.js with album art placeholders, track and artist names, play counts, time grouping, and play-again buttons built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","date-fns","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/music/music-recently-played.tsx","type":"registry:block","target":"components/blocks/music/music-recently-played.tsx"}]},{"name":"music-vinyl-player","type":"registry:block","title":"Music Vinyl Player","description":"A vinyl turntable player block for React and Next.js with rotating record animation, tone arm, speed selector for 33 45 and 78 RPM, track info display, and play pause stop controls built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/music/music-vinyl-player.tsx","type":"registry:block","target":"components/blocks/music/music-vinyl-player.tsx"}]},{"name":"music-lyrics-viewer","type":"registry:block","title":"Music Lyrics Viewer","description":"A synced lyrics viewer block for React and Next.js with highlighted current line, auto-scroll toggle, font size control, and timestamp display built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","switch"],"premium":true,"files":[{"path":"blocks/music/music-lyrics-viewer.tsx","type":"registry:block","target":"components/blocks/music/music-lyrics-viewer.tsx"}]},{"name":"music-royalty-tracker","type":"registry:block","title":"Music Royalty Tracker","description":"A music royalty earnings tracker block for React and Next.js with platform breakdown, monthly chart, per-stream rate, and payout history built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","recharts","lucide-react"],"registryDependencies":["badge","button","chart"],"premium":true,"files":[{"path":"blocks/music/music-royalty-tracker.tsx","type":"registry:block","target":"components/blocks/music/music-royalty-tracker.tsx"}]},{"name":"music-ringtone-creator","type":"registry:block","title":"Music Ringtone Creator","description":"A ringtone creator block for React and Next.js with track selection, start and end time sliders, waveform preview, fade toggles, output format picker, and create ringtone action built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","input","slider","switch"],"premium":true,"files":[{"path":"blocks/music/music-ringtone-creator.tsx","type":"registry:block","target":"components/blocks/music/music-ringtone-creator.tsx"}]},{"name":"music-ai-playlist","type":"registry:block","title":"Music Ai Playlist","description":"An AI-powered playlist generator block for React and Next.js with prompt input, mood and energy indicators per track, regenerate functionality, and save playlist action built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","input"],"premium":true,"files":[{"path":"blocks/music/music-ai-playlist.tsx","type":"registry:block","target":"components/blocks/music/music-ai-playlist.tsx"}]},{"name":"music-daily-mix","type":"registry:block","title":"Music Daily Mix","description":"A daily mix playlist card block for React and Next.js with curated track list, mood indicator, play-all button, and freshness timestamp built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/music/music-daily-mix.tsx","type":"registry:block","target":"components/blocks/music/music-daily-mix.tsx"}]},{"name":"music-label-dashboard","type":"registry:block","title":"Music Label Dashboard","description":"A record label management dashboard block for React and Next.js with signed artists list, catalog size, monthly revenue chart, top performer, and upcoming releases built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","recharts","lucide-react"],"registryDependencies":["badge","chart"],"premium":true,"files":[{"path":"blocks/music/music-label-dashboard.tsx","type":"registry:block","target":"components/blocks/music/music-label-dashboard.tsx"}]},{"name":"music-concert-review","type":"registry:block","title":"Music Concert Review","description":"A concert review block for React and Next.js with venue name, date, star rating, review text, set highlights, sound quality and crowd energy ratings, and helpful vote counter built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/music/music-concert-review.tsx","type":"registry:block","target":"components/blocks/music/music-concert-review.tsx"}]},{"name":"music-recording-booth","type":"registry:block","title":"Music Recording Booth","description":"An audio recording booth UI block for React and Next.js with recording status indicator, elapsed time counter, input level meter, noise gate threshold, format selector, and save discard buttons built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","slider"],"premium":true,"files":[{"path":"blocks/music/music-recording-booth.tsx","type":"registry:block","target":"components/blocks/music/music-recording-booth.tsx"}]},{"name":"music-listen-together","type":"registry:block","title":"Music Listen Together","description":"A social listening room block for React and Next.js with host display, listener avatars, now playing track, real-time emoji reactions, chat messages, and join/leave controls built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","input"],"premium":true,"files":[{"path":"blocks/music/music-listen-together.tsx","type":"registry:block","target":"components/blocks/music/music-listen-together.tsx"}]},{"name":"music-music-video","type":"registry:block","title":"Music Music Video","description":"A music video player page block for React and Next.js with video placeholder, track info, related videos sidebar, view count, like and dislike buttons, and comments section built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","input"],"premium":true,"files":[{"path":"blocks/music/music-music-video.tsx","type":"registry:block","target":"components/blocks/music/music-music-video.tsx"}]},{"name":"music-genre-explorer","type":"registry:block","title":"Music Genre Explorer","description":"A music genre exploration block for React and Next.js with genre tree hierarchy, popularity indicators, representative artists, and sample play buttons built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/music/music-genre-explorer.tsx","type":"registry:block","target":"components/blocks/music/music-genre-explorer.tsx"}]},{"name":"music-album-timeline","type":"registry:block","title":"Music Album Timeline","description":"An artist discography timeline block for React and Next.js with chronological album releases, album art placeholders, critical ratings, and genre evolution visualization built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/music/music-album-timeline.tsx","type":"registry:block","target":"components/blocks/music/music-album-timeline.tsx"}]},{"name":"music-audio-bookmarks","type":"registry:block","title":"Music Audio Bookmarks","description":"An audio bookmark manager block for React and Next.js with timestamped bookmarks, bookmark labels, jump-to-position controls, add bookmark at current position, and per-bookmark notes built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/music/music-audio-bookmarks.tsx","type":"registry:block","target":"components/blocks/music/music-audio-bookmarks.tsx"}]},{"name":"music-music-quiz","type":"registry:block","title":"Music Music Quiz","description":"A music trivia quiz block for React and Next.js with question display, four answer options, animated score counter, timer bar, streak indicator, and results summary with correct and incorrect breakdown built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/music/music-music-quiz.tsx","type":"registry:block","target":"components/blocks/music/music-music-quiz.tsx"}]},{"name":"music-audio-effects","type":"registry:block","title":"Music Audio Effects","description":"An audio effects chain block for React and Next.js with draggable effect pedals, on/off toggles, wet/dry knobs, and parameter sliders built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","slider","switch"],"premium":true,"files":[{"path":"blocks/music/music-audio-effects.tsx","type":"registry:block","target":"components/blocks/music/music-audio-effects.tsx"}]},{"name":"music-playlist-manager","type":"registry:block","title":"Music Playlist Manager","description":"A playlist manager block for React and Next.js with drag-and-drop reordering, track list with artist and duration, add/remove tracks, editable playlist title, and total duration footer built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/music/music-playlist-manager.tsx","type":"registry:block","target":"components/blocks/music/music-playlist-manager.tsx"}]},{"name":"music-playlist-mood-ring","type":"registry:block","title":"Music Playlist Mood Ring","description":"A playlist mood visualization block for React and Next.js with circular mood display, color-coded genres, tempo distribution, and mood summary built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/music/music-playlist-mood-ring.tsx","type":"registry:block","target":"components/blocks/music/music-playlist-mood-ring.tsx"}]},{"name":"music-dj-deck","type":"registry:block","title":"Music Dj Deck","description":"A DJ deck controller block for React and Next.js with dual turntable displays, BPM and key info, crossfader slider, sync button, and playback controls built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","slider"],"premium":true,"files":[{"path":"blocks/music/music-dj-deck.tsx","type":"registry:block","target":"components/blocks/music/music-dj-deck.tsx"}]},{"name":"music-music-map","type":"registry:block","title":"Music Music Map","description":"A music origin map block for React and Next.js with genre-to-region associations, interactive genre pins on a world map, click-to-reveal genre history panels, and a genre selector filter built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/music/music-music-map.tsx","type":"registry:block","target":"components/blocks/music/music-music-map.tsx"}]},{"name":"music-album-notes","type":"registry:block","title":"Music Album Notes","description":"An album liner notes display block for React and Next.js with track-by-track commentary, producer credits, recording location, thanks section, and vintage paper aesthetic built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/music/music-album-notes.tsx","type":"registry:block","target":"components/blocks/music/music-album-notes.tsx"}]},{"name":"music-podcast-player","type":"registry:block","title":"Music Podcast Player","description":"A podcast episode player block for React and Next.js with playback speed control, skip navigation, show notes, and episode list built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","slider"],"premium":true,"files":[{"path":"blocks/music/music-podcast-player.tsx","type":"registry:block","target":"components/blocks/music/music-podcast-player.tsx"}]},{"name":"music-year-wrapped","type":"registry:block","title":"Music Year Wrapped","description":"A year in review music wrapped summary block for React and Next.js with top artist, top song, total minutes, genre breakdown, listening personality, and shareable card built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react","canvas-confetti"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/music/music-year-wrapped.tsx","type":"registry:block","target":"components/blocks/music/music-year-wrapped.tsx"}]},{"name":"music-release-calendar","type":"registry:block","title":"Music Release Calendar","description":"An upcoming music releases calendar block for React and Next.js with release dates, album art placeholders, artist names, genre tags, and remind-me notification toggles built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/music/music-release-calendar.tsx","type":"registry:block","target":"components/blocks/music/music-release-calendar.tsx"}]},{"name":"music-waveform-editor","type":"registry:block","title":"Music Waveform Editor","description":"A waveform editor UI block for React and Next.js with styled waveform bars, trim markers, zoom controls, selection region, playhead position, and export button built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/music/music-waveform-editor.tsx","type":"registry:block","target":"components/blocks/music/music-waveform-editor.tsx"}]},{"name":"music-crossfade-settings","type":"registry:block","title":"Music Crossfade Settings","description":"A music crossfade configuration block for React and Next.js with duration slider, visual curve selector, fade overlap waveform preview, and apply action built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","slider"],"premium":true,"files":[{"path":"blocks/music/music-crossfade-settings.tsx","type":"registry:block","target":"components/blocks/music/music-crossfade-settings.tsx"}]},{"name":"music-playlist-cover","type":"registry:block","title":"Music Playlist Cover","description":"A playlist cover display block for React and Next.js with 2x2 album art grid, playlist title, track count, total duration, creator name, and shuffle play button built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/music/music-playlist-cover.tsx","type":"registry:block","target":"components/blocks/music/music-playlist-cover.tsx"}]},{"name":"music-top-charts","type":"registry:block","title":"Music Top Charts","description":"A music top charts block for React and Next.js with ranked track list, artist names, weeks on chart, movement indicators, and play buttons built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/music/music-top-charts.tsx","type":"registry:block","target":"components/blocks/music/music-top-charts.tsx"}]},{"name":"music-jam-session","type":"registry:block","title":"Music Jam Session","description":"A live jam session room block for React and Next.js with participant list, instrument tags, latency indicators, room code display, and chat sidebar built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","input"],"premium":true,"files":[{"path":"blocks/music/music-jam-session.tsx","type":"registry:block","target":"components/blocks/music/music-jam-session.tsx"}]},{"name":"music-playlist-folder","type":"registry:block","title":"Music Playlist Folder","description":"A playlist folder organization block for React and Next.js with draggable folders, playlist counts, rename functionality, folder creation, and drag-to-reorder built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/music/music-playlist-folder.tsx","type":"registry:block","target":"components/blocks/music/music-playlist-folder.tsx"}]},{"name":"music-open-mic","type":"registry:block","title":"Music Open Mic","description":"An open mic night signup and schedule block for React and Next.js with performer registration, time slot management, current performer display, waiting list, and audience vote system built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","input"],"premium":true,"files":[{"path":"blocks/music/music-open-mic.tsx","type":"registry:block","target":"components/blocks/music/music-open-mic.tsx"}]},{"name":"music-metronome","type":"registry:block","title":"Music Metronome","description":"A metronome block for React and Next.js with NumberFlow BPM counter, tap tempo, time signature selector, visual beat indicator dots, accent toggle, and start/stop control built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","switch"],"premium":true,"files":[{"path":"blocks/music/music-metronome.tsx","type":"registry:block","target":"components/blocks/music/music-metronome.tsx"}]},{"name":"music-artist-comparison","type":"registry:block","title":"Music Artist Comparison","description":"An artist comparison stats block for React and Next.js with side-by-side metrics, follower counts, monthly listeners, genre tags, and a verdict indicator built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/music/music-artist-comparison.tsx","type":"registry:block","target":"components/blocks/music/music-artist-comparison.tsx"}]},{"name":"music-sound-mixer","type":"registry:block","title":"Music Sound Mixer","description":"A multi-channel sound mixer block for React and Next.js with vertical faders, mute and solo buttons, pan knobs, and master output meter built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","slider"],"premium":true,"files":[{"path":"blocks/music/music-sound-mixer.tsx","type":"registry:block","target":"components/blocks/music/music-sound-mixer.tsx"}]},{"name":"music-beat-maker","type":"registry:block","title":"Music Beat Maker","description":"A beat maker drum machine block for React and Next.js with 4 instrument rows, 16-step grid, BPM control, play/stop, pattern save, and swing slider built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","slider"],"premium":true,"files":[{"path":"blocks/music/music-beat-maker.tsx","type":"registry:block","target":"components/blocks/music/music-beat-maker.tsx"}]},{"name":"music-mood-playlist","type":"registry:block","title":"Music Mood Playlist","description":"A mood-based playlist generator block for React and Next.js with mood selector buttons, dynamic track lists, BPM ranges, and energy level indicators built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/music/music-mood-playlist.tsx","type":"registry:block","target":"components/blocks/music/music-mood-playlist.tsx"}]},{"name":"music-ambient-generator","type":"registry:block","title":"Music Ambient Generator","description":"An ambient sound generator block for React and Next.js with nature sound sliders, master volume control, timer setting, mix presets, and save mix functionality built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","slider"],"premium":true,"files":[{"path":"blocks/music/music-ambient-generator.tsx","type":"registry:block","target":"components/blocks/music/music-ambient-generator.tsx"}]},{"name":"music-social-feed","type":"registry:block","title":"Music Social Feed","description":"A music social feed block for React and Next.js with listen, playlist add, like, and share activity items, track info, timestamps, and engagement counts built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/music/music-social-feed.tsx","type":"registry:block","target":"components/blocks/music/music-social-feed.tsx"}]},{"name":"music-ear-training","type":"registry:block","title":"Music Ear Training","description":"An ear training exercise block for React and Next.js with interval recognition, play button, multiple choice answers, score counter, difficulty selector, and streak display built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/music/music-ear-training.tsx","type":"registry:block","target":"components/blocks/music/music-ear-training.tsx"}]},{"name":"music-tour-dates","type":"registry:block","title":"Music Tour Dates","description":"A concert tour dates list block for React and Next.js with city, venue, date, ticket status, price range, and get tickets button built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/music/music-tour-dates.tsx","type":"registry:block","target":"components/blocks/music/music-tour-dates.tsx"}]},{"name":"music-distribution-settings","type":"registry:block","title":"Music Distribution Settings","description":"A music distribution settings block for React and Next.js with platform toggles for Spotify, Apple Music, Amazon, YouTube Music, Tidal, and Deezer, release date picker, pricing model selector, and territory restrictions built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","checkbox","switch"],"premium":true,"files":[{"path":"blocks/music/music-distribution-settings.tsx","type":"registry:block","target":"components/blocks/music/music-distribution-settings.tsx"}]},{"name":"music-playlist-analytics","type":"registry:block","title":"Music Playlist Analytics","description":"A playlist performance analytics block for React and Next.js with follower growth chart, skip rate, save rate, top songs by saves, listener demographics, and reach metrics built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","recharts","lucide-react"],"registryDependencies":["badge","chart"],"premium":true,"files":[{"path":"blocks/music/music-playlist-analytics.tsx","type":"registry:block","target":"components/blocks/music/music-playlist-analytics.tsx"}]},{"name":"music-podcast-analytics","type":"registry:block","title":"Music Podcast Analytics","description":"A podcast analytics dashboard block for React and Next.js with total downloads counter, episode performance chart, listener retention rate, top episodes list, and subscriber growth built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","recharts","lucide-react"],"registryDependencies":["badge","chart"],"premium":true,"files":[{"path":"blocks/music/music-podcast-analytics.tsx","type":"registry:block","target":"components/blocks/music/music-podcast-analytics.tsx"}]},{"name":"music-sheet-viewer","type":"registry:block","title":"Music Sheet Viewer","description":"A music sheet and score viewer block for React and Next.js with staff lines, key signature, tempo marking, time signature, instrument selector, and page navigation built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/music/music-sheet-viewer.tsx","type":"registry:block","target":"components/blocks/music/music-sheet-viewer.tsx"}]},{"name":"music-concert-setlist","type":"registry:block","title":"Music Concert Setlist","description":"A concert setlist display block for React and Next.js with numbered songs, durations, encore markers, total show time, venue header, and share button built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/music/music-concert-setlist.tsx","type":"registry:block","target":"components/blocks/music/music-concert-setlist.tsx"}]},{"name":"music-sharing-card","type":"registry:block","title":"Music Sharing Card","description":"A music share card generator block for React and Next.js with track display, customizable background color, social platform sharing buttons, copy link action, and QR code built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","popover"],"premium":true,"files":[{"path":"blocks/music/music-sharing-card.tsx","type":"registry:block","target":"components/blocks/music/music-sharing-card.tsx"}]},{"name":"music-audio-converter","type":"registry:block","title":"Music Audio Converter","description":"An audio file converter block for React and Next.js with input and output format selectors, bitrate control, sample rate option, animated progress indicator, and convert button built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","select","slider"],"premium":true,"files":[{"path":"blocks/music/music-audio-converter.tsx","type":"registry:block","target":"components/blocks/music/music-audio-converter.tsx"}]},{"name":"music-radio-station","type":"registry:block","title":"Music Radio Station","description":"A live radio station UI block for React and Next.js with now-playing track, up-next queue, listener count, and frequency dial visualization built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/music/music-radio-station.tsx","type":"registry:block","target":"components/blocks/music/music-radio-station.tsx"}]},{"name":"music-playlist-compare","type":"registry:block","title":"Music Playlist Compare","description":"A playlist comparison block for React and Next.js with side-by-side playlist views, shared track highlighting, genre overlap percentage, and merge playlist action built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/music/music-playlist-compare.tsx","type":"registry:block","target":"components/blocks/music/music-playlist-compare.tsx"}]},{"name":"music-subscription-plans","type":"registry:block","title":"Music Subscription Plans","description":"A music subscription pricing block for React and Next.js with three tiers, feature comparison, monthly/yearly toggle with NumberFlow price animation, and CTA buttons built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/music/music-subscription-plans.tsx","type":"registry:block","target":"components/blocks/music/music-subscription-plans.tsx"}]},{"name":"music-collab-workspace","type":"registry:block","title":"Music Collab Workspace","description":"A music collaboration workspace block for React and Next.js with shared project, contributor avatars, track stems, version history, comments thread, and merge buttons built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/music/music-collab-workspace.tsx","type":"registry:block","target":"components/blocks/music/music-collab-workspace.tsx"}]},{"name":"music-chord-chart","type":"registry:block","title":"Music Chord Chart","description":"A chord chart and progression display block for React and Next.js with chord diagrams, strum pattern notation, key selector, and transpose controls built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/music/music-chord-chart.tsx","type":"registry:block","target":"components/blocks/music/music-chord-chart.tsx"}]},{"name":"music-concert-photo-gallery","type":"registry:block","title":"Music Concert Photo Gallery","description":"A concert photo gallery block for React and Next.js with photo grid, venue overlay, photographer credit, download button, and lightbox-style selected view built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/music/music-concert-photo-gallery.tsx","type":"registry:block","target":"components/blocks/music/music-concert-photo-gallery.tsx"}]},{"name":"music-backstage-pass","type":"registry:block","title":"Music Backstage Pass","description":"A backstage pass and VIP ticket display block for React and Next.js with event name, holder info, access levels, QR code placeholder, and validity dates built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/music/music-backstage-pass.tsx","type":"registry:block","target":"components/blocks/music/music-backstage-pass.tsx"}]},{"name":"music-venue-finder","type":"registry:block","title":"Music Venue Finder","description":"A music venue finder directory block for React and Next.js with venue cards, capacity filter, genre tags, star ratings, upcoming show counts, and location display built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","input"],"premium":true,"files":[{"path":"blocks/music/music-venue-finder.tsx","type":"registry:block","target":"components/blocks/music/music-venue-finder.tsx"}]},{"name":"music-track-upload","type":"registry:block","title":"Music Track Upload","description":"A music track upload block for React and Next.js with drag-and-drop file dropzone, metadata fields for title artist album genre and year, cover art upload, and publish button with progress state built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","select"],"premium":true,"files":[{"path":"blocks/music/music-track-upload.tsx","type":"registry:block","target":"components/blocks/music/music-track-upload.tsx"}]},{"name":"music-studio-session","type":"registry:block","title":"Music Studio Session","description":"A recording studio session tracker block for React and Next.js with session name, track list, time logging, hourly rate calculator, and status indicators built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/music/music-studio-session.tsx","type":"registry:block","target":"components/blocks/music/music-studio-session.tsx"}]},{"name":"music-daw-project","type":"registry:block","title":"Music Daw Project","description":"A simplified DAW project view block for React and Next.js with multi-track timeline, named tracks for vocals drums bass and synth, colored audio regions, animated playhead, and zoom controls built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/music/music-daw-project.tsx","type":"registry:block","target":"components/blocks/music/music-daw-project.tsx"}]},{"name":"music-concert-tickets","type":"registry:block","title":"Music Concert Tickets","description":"A concert ticket purchase block for React and Next.js with event details, seat category selector, quantity picker, animated NumberFlow price display, and checkout button built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/music/music-concert-tickets.tsx","type":"registry:block","target":"components/blocks/music/music-concert-tickets.tsx"}]},{"name":"music-discover-weekly","type":"registry:block","title":"Music Discover Weekly","description":"A discover weekly playlist block for React and Next.js with curated track recommendations, match percentages, genre tags, preview play buttons, and save/skip actions built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/music/music-discover-weekly.tsx","type":"registry:block","target":"components/blocks/music/music-discover-weekly.tsx"}]},{"name":"music-podcast-directory","type":"registry:block","title":"Music Podcast Directory","description":"A podcast directory block for React and Next.js with show cards, category filters, star ratings, episode counts, subscribe buttons, and search bar built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","input"],"premium":true,"files":[{"path":"blocks/music/music-podcast-directory.tsx","type":"registry:block","target":"components/blocks/music/music-podcast-directory.tsx"}]},{"name":"music-audio-spectrum","type":"registry:block","title":"Music Audio Spectrum","description":"An audio spectrum analyzer block for React and Next.js with frequency bar visualization, peak hold indicators, frequency labels, and display mode selector built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/music/music-audio-spectrum.tsx","type":"registry:block","target":"components/blocks/music/music-audio-spectrum.tsx"}]},{"name":"music-music-education","type":"registry:block","title":"Music Music Education","description":"A music lesson catalog block for React and Next.js with course cards, difficulty levels, instrument filters, progress tracking, and enrollment buttons built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/music/music-music-education.tsx","type":"registry:block","target":"components/blocks/music/music-music-education.tsx"}]},{"name":"music-vinyl-collection","type":"registry:block","title":"Music Vinyl Collection","description":"A vinyl record collection display block for React and Next.js with cover placeholders, RPM info, condition ratings, pressing year, and CSS spin animation built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/music/music-vinyl-collection.tsx","type":"registry:block","target":"components/blocks/music/music-vinyl-collection.tsx"}]},{"name":"music-karaoke-queue","type":"registry:block","title":"Music Karaoke Queue","description":"A karaoke queue management block for React and Next.js with singer queue list, currently performing display, estimated wait times, join queue form, and position tracking built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","input"],"premium":true,"files":[{"path":"blocks/music/music-karaoke-queue.tsx","type":"registry:block","target":"components/blocks/music/music-karaoke-queue.tsx"}]},{"name":"music-playlist-generator","type":"registry:block","title":"Music Playlist Generator","description":"A playlist generator block for React and Next.js with duration target, genre mix sliders, energy curve visualization, generate button, and track result list built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","slider"],"premium":true,"files":[{"path":"blocks/music/music-playlist-generator.tsx","type":"registry:block","target":"components/blocks/music/music-playlist-generator.tsx"}]},{"name":"music-song-credits","type":"registry:block","title":"Music Song Credits","description":"A song credits display block for React and Next.js with performer, songwriter, producer, engineer, and studio information, role labels, and recording dates built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/music/music-song-credits.tsx","type":"registry:block","target":"components/blocks/music/music-song-credits.tsx"}]},{"name":"music-soundboard","type":"registry:block","title":"Music Soundboard","description":"An interactive soundboard block for React and Next.js with a 4x4 trigger pad grid, per-pad volume controls, color-coded categories, labels, and stop all button built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","slider"],"premium":true,"files":[{"path":"blocks/music/music-soundboard.tsx","type":"registry:block","target":"components/blocks/music/music-soundboard.tsx"}]},{"name":"music-concert-countdown","type":"registry:block","title":"Music Concert Countdown","description":"A concert countdown timer block for React and Next.js with large countdown numbers, event details, venue info, add-to-calendar button, and ticket purchase link built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/music/music-concert-countdown.tsx","type":"registry:block","target":"components/blocks/music/music-concert-countdown.tsx"}]},{"name":"music-album-grid","type":"registry:block","title":"Music Album Grid","description":"An album collection grid block for React and Next.js with album cover placeholders, artist names, genre filter bar, sort by year/name toggle, and play button overlay built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/music/music-album-grid.tsx","type":"registry:block","target":"components/blocks/music/music-album-grid.tsx"}]},{"name":"music-festival-lineup","type":"registry:block","title":"Music Festival Lineup","description":"A music festival lineup display block for React and Next.js with day tabs, stage sections, artist time slots, headliner highlighting, and genre badges built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/music/music-festival-lineup.tsx","type":"registry:block","target":"components/blocks/music/music-festival-lineup.tsx"}]},{"name":"music-stem-separator","type":"registry:block","title":"Music Stem Separator","description":"A stem separation tool block for React and Next.js with original track display, individual stem controls for vocals, drums, bass, and other with play, mute, and volume sliders, and download buttons built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","slider"],"premium":true,"files":[{"path":"blocks/music/music-stem-separator.tsx","type":"registry:block","target":"components/blocks/music/music-stem-separator.tsx"}]},{"name":"music-event-rsvp","type":"registry:block","title":"Music Event Rsvp","description":"A music event RSVP block for React and Next.js with artist lineup, venue details, ticket type selector, group size picker, dynamic total price, and RSVP confirmation button built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/music/music-event-rsvp.tsx","type":"registry:block","target":"components/blocks/music/music-event-rsvp.tsx"}]},{"name":"music-music-theory","type":"registry:block","title":"Music Music Theory","description":"A music theory reference block for React and Next.js with scale display, interval names, chord construction, simplified circle of fifths, and key selector built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/music/music-music-theory.tsx","type":"registry:block","target":"components/blocks/music/music-music-theory.tsx"}]},{"name":"music-streaming-dashboard","type":"registry:block","title":"Music Streaming Dashboard","description":"A music streaming analytics dashboard block for React and Next.js with total streams counter, top tracks bar chart, recent activity feed, and listener geography built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","recharts","lucide-react"],"registryDependencies":["badge","chart"],"premium":true,"files":[{"path":"blocks/music/music-streaming-dashboard.tsx","type":"registry:block","target":"components/blocks/music/music-streaming-dashboard.tsx"}]},{"name":"music-practice-log","type":"registry:block","title":"Music Practice Log","description":"A music practice log tracker block for React and Next.js with daily minutes, weekly goal progress bar, streak counter, skill categories, and session history built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/music/music-practice-log.tsx","type":"registry:block","target":"components/blocks/music/music-practice-log.tsx"}]},{"name":"music-audio-diary","type":"registry:block","title":"Music Audio Diary","description":"An audio diary journal block for React and Next.js with dated entries, recording length, mood tags, transcript preview, per-entry playback, and new recording button built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/music/music-audio-diary.tsx","type":"registry:block","target":"components/blocks/music/music-audio-diary.tsx"}]},{"name":"music-release-checklist","type":"registry:block","title":"Music Release Checklist","description":"A music release preparation checklist block for React and Next.js with task items for mastering audio uploading artwork writing descriptions setting release dates submitting to stores and sharing pre-save links with check and uncheck and progress summary built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","checkbox"],"premium":true,"files":[{"path":"blocks/music/music-release-checklist.tsx","type":"registry:block","target":"components/blocks/music/music-release-checklist.tsx"}]},{"name":"music-fan-club","type":"registry:block","title":"Music Fan Club","description":"A music fan club membership block for React and Next.js with tier badges, member count, exclusive content list, perks checklist, and join CTA built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/music/music-fan-club.tsx","type":"registry:block","target":"components/blocks/music/music-fan-club.tsx"}]},{"name":"music-now-playing","type":"registry:block","title":"Music Now Playing","description":"A now playing music player block for React and Next.js with album art, animated progress bar, play/pause/skip controls, volume slider, and shuffle/repeat toggles built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","slider"],"premium":true,"files":[{"path":"blocks/music/music-now-playing.tsx","type":"registry:block","target":"components/blocks/music/music-now-playing.tsx"}]},{"name":"music-artist-profile","type":"registry:block","title":"Music Artist Profile","description":"An artist profile card block for React and Next.js with avatar placeholder, follower count animation, top tracks list with play counts, genre badges, and follow button toggle built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/music/music-artist-profile.tsx","type":"registry:block","target":"components/blocks/music/music-artist-profile.tsx"}]},{"name":"music-vinyl-store","type":"registry:block","title":"Music Vinyl Store","description":"A vinyl record store block for React and Next.js with record display cards, price tags, condition grades, genre filter tags, add-to-cart buttons, and cart summary footer built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/music/music-vinyl-store.tsx","type":"registry:block","target":"components/blocks/music/music-vinyl-store.tsx"}]},{"name":"music-podcast-subscription","type":"registry:block","title":"Music Podcast Subscription","description":"A podcast subscription management block for React and Next.js with subscribed shows list, episode queue count, notification toggles, and unsubscribe actions built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","switch"],"premium":true,"files":[{"path":"blocks/music/music-podcast-subscription.tsx","type":"registry:block","target":"components/blocks/music/music-podcast-subscription.tsx"}]},{"name":"music-queue-manager","type":"registry:block","title":"Music Queue Manager","description":"A music play queue manager block for React and Next.js with current track display, drag-to-reorder queue, remove and clear actions, recently played section, and total duration built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/music/music-queue-manager.tsx","type":"registry:block","target":"components/blocks/music/music-queue-manager.tsx"}]},{"name":"music-songwriting-pad","type":"registry:block","title":"Music Songwriting Pad","description":"A songwriting workspace block for React and Next.js with verse, chorus, and bridge sections, chord suggestions, rhyme helper, syllable counter, and notes area built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","textarea"],"premium":true,"files":[{"path":"blocks/music/music-songwriting-pad.tsx","type":"registry:block","target":"components/blocks/music/music-songwriting-pad.tsx"}]},{"name":"music-concert-merch","type":"registry:block","title":"Music Concert Merch","description":"A concert merchandise store block for React and Next.js with product list, size selector, color dots, quantity picker, add to cart, and cart total built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/music/music-concert-merch.tsx","type":"registry:block","target":"components/blocks/music/music-concert-merch.tsx"}]},{"name":"music-listening-stats","type":"registry:block","title":"Music Listening Stats","description":"A personal music listening statistics block for React and Next.js with top genres bars, top artists list with play counts, total listening hours, and a weekly activity heatmap grid built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/music/music-listening-stats.tsx","type":"registry:block","target":"components/blocks/music/music-listening-stats.tsx"}]},{"name":"music-equalizer-visualizer","type":"registry:block","title":"Music Equalizer Visualizer","description":"A music equalizer visualizer block for React and Next.js with animated frequency bars, genre preset buttons, frequency labels, volume control area, and flat reset button built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","slider"],"premium":true,"files":[{"path":"blocks/music/music-equalizer-visualizer.tsx","type":"registry:block","target":"components/blocks/music/music-equalizer-visualizer.tsx"}]},{"name":"music-library-browser","type":"registry:block","title":"Music Library Browser","description":"A music library browser block for React and Next.js with tabbed views for songs, albums, artists, and genres, sortable columns, search input, and library stats built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["input","tabs"],"premium":true,"files":[{"path":"blocks/music/music-library-browser.tsx","type":"registry:block","target":"components/blocks/music/music-library-browser.tsx"}]},{"name":"music-album-review","type":"registry:block","title":"Music Album Review","description":"A music album review card block for React and Next.js with star ratings, track-by-track scores, reviewer info, and helpful vote buttons built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/music/music-album-review.tsx","type":"registry:block","target":"components/blocks/music/music-album-review.tsx"}]},{"name":"music-audio-settings","type":"registry:block","title":"Music Audio Settings","description":"An audio settings panel block for React and Next.js with bass, mid, and treble sliders, balance control, spatial audio toggle, loudness normalization, crossfade duration, and output device selector built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","select","slider","switch"],"premium":true,"files":[{"path":"blocks/music/music-audio-settings.tsx","type":"registry:block","target":"components/blocks/music/music-audio-settings.tsx"}]},{"name":"music-sample-library","type":"registry:block","title":"Music Sample Library","description":"A music sample and sound library browser block for React and Next.js with category filters, BPM and key labels, waveform preview, and download counts built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","input"],"premium":true,"files":[{"path":"blocks/music/music-sample-library.tsx","type":"registry:block","target":"components/blocks/music/music-sample-library.tsx"}]},{"name":"awards-certificate","type":"registry:block","title":"Awards Certificate","description":"Awards certificate-style section with formal presentation and verification for React landing pages","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/awards/awards-certificate.tsx","type":"registry:block","target":"components/blocks/awards/awards-certificate.tsx"}]},{"name":"awards-leaderboard","type":"registry:block","title":"Awards Leaderboard","description":"Awards leaderboard with ranked positions, scores, and competitive standings","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/awards/awards-leaderboard.tsx","type":"registry:block","target":"components/blocks/awards/awards-leaderboard.tsx"}]},{"name":"awards-count-by-year","type":"registry:block","title":"Awards Count By Year","description":"A count by year awards block for React and Next.js with inline horizontal bars, year labels, and count totals built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/awards/awards-count-by-year.tsx","type":"registry:block","target":"components/blocks/awards/awards-count-by-year.tsx"}]},{"name":"awards-prose","type":"registry:block","title":"Awards Prose","description":"Awards woven into flowing narrative paragraphs with inline highlighted award names and subtle badges","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/awards/awards-prose.tsx","type":"registry:block","target":"components/blocks/awards/awards-prose.tsx"}]},{"name":"awards-hall-of-fame","type":"registry:block","title":"Awards Hall Of Fame","description":"Hall of fame inductees with portraits, achievements, and induction year","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/awards/awards-hall-of-fame.tsx","type":"registry:block","target":"components/blocks/awards/awards-hall-of-fame.tsx"}]},{"name":"awards-terminal-log","type":"registry:block","title":"Awards Terminal Log","description":"A CLI terminal-style awards display block for React and Next.js with dark terminal background, command syntax highlighting, and output formatting built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/awards/awards-terminal-log.tsx","type":"registry:block","target":"components/blocks/awards/awards-terminal-log.tsx"}]},{"name":"awards-featured","type":"registry:block","title":"Awards Featured","description":"Featured award section with single highlight and details for React landing pages","dependencies":["lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/awards/awards-featured.tsx","type":"registry:block","target":"components/blocks/awards/awards-featured.tsx"}]},{"name":"awards-research","type":"registry:block","title":"Awards Research","description":"Research excellence awards highlighting academic citations, published papers, and scientific recognition","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/awards/awards-research.tsx","type":"registry:block","target":"components/blocks/awards/awards-research.tsx"}]},{"name":"awards-environmental","type":"registry:block","title":"Awards Environmental","description":"Environmental and sustainability awards with green impact metrics","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/awards/awards-environmental.tsx","type":"registry:block","target":"components/blocks/awards/awards-environmental.tsx"}]},{"name":"awards-scorecard","type":"registry:block","title":"Awards Scorecard","description":"Single award deep-dive with score breakdown and category ratings","dependencies":["lucide-react"],"registryDependencies":["progress"],"premium":true,"files":[{"path":"blocks/awards/awards-scorecard.tsx","type":"registry:block","target":"components/blocks/awards/awards-scorecard.tsx"}]},{"name":"awards-minimal","type":"registry:block","title":"Awards Minimal","description":"Awards minimal list section with clean typography for React landing pages","premium":true,"files":[{"path":"blocks/awards/awards-minimal.tsx","type":"registry:block","target":"components/blocks/awards/awards-minimal.tsx"}]},{"name":"awards-rubric-grid","type":"registry:block","title":"Awards Rubric Grid","description":"An evaluation rubric grid block for React and Next.js with criteria rows, performance levels, check marks, and clean table layout built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/awards/awards-rubric-grid.tsx","type":"registry:block","target":"components/blocks/awards/awards-rubric-grid.tsx"}]},{"name":"awards-ribbon-display","type":"registry:block","title":"Awards Ribbon Display","description":"Ribbon and medal display showcasing competition placements with visual ranking indicators","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/awards/awards-ribbon-display.tsx","type":"registry:block","target":"components/blocks/awards/awards-ribbon-display.tsx"}]},{"name":"awards-comparison","type":"registry:block","title":"Awards Comparison","description":"Two awards side-by-side comparing year-over-year recognition with scores and highlights","registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/awards/awards-comparison.tsx","type":"registry:block","target":"components/blocks/awards/awards-comparison.tsx"}]},{"name":"awards-product-award","type":"registry:block","title":"Awards Product Award","description":"Product-specific awards section highlighting individual product recognition and accolades","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/awards/awards-product-award.tsx","type":"registry:block","target":"components/blocks/awards/awards-product-award.tsx"}]},{"name":"awards-roi-impact","type":"registry:block","title":"Awards Roi Impact","description":"A business ROI impact awards block for React and Next.js with measurable metrics, award-to-outcome mapping, large stat numbers, and staggered animations built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/awards/awards-roi-impact.tsx","type":"registry:block","target":"components/blocks/awards/awards-roi-impact.tsx"}]},{"name":"awards-command-search","type":"registry:block","title":"Awards Command Search","description":"A command palette search block for React and Next.js with instant filtering, keyboard navigation styling, and multi-field matching built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","input"],"premium":true,"files":[{"path":"blocks/awards/awards-command-search.tsx","type":"registry:block","target":"components/blocks/awards/awards-command-search.tsx"}]},{"name":"awards-customer-choice","type":"registry:block","title":"Awards Customer Choice","description":"Customer choice awards with voting results and satisfaction scores","dependencies":["lucide-react"],"registryDependencies":["progress"],"premium":true,"files":[{"path":"blocks/awards/awards-customer-choice.tsx","type":"registry:block","target":"components/blocks/awards/awards-customer-choice.tsx"}]},{"name":"awards-tabs","type":"registry:block","title":"Awards Tabs","description":"Awards section with tabbed categories for different award types","dependencies":["lucide-react"],"registryDependencies":["tabs"],"premium":true,"files":[{"path":"blocks/awards/awards-tabs.tsx","type":"registry:block","target":"components/blocks/awards/awards-tabs.tsx"}]},{"name":"awards-ceremony-recap","type":"registry:block","title":"Awards Ceremony Recap","description":"Award ceremony highlights with event details, photos description, and key moments","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/awards/awards-ceremony-recap.tsx","type":"registry:block","target":"components/blocks/awards/awards-ceremony-recap.tsx"}]},{"name":"awards-jury-quote","type":"registry:block","title":"Awards Jury Quote","description":"A jury statement awards block for React and Next.js with blockquote excerpts, jury member attribution, left border accent, and staggered animations built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/awards/awards-jury-quote.tsx","type":"registry:block","target":"components/blocks/awards/awards-jury-quote.tsx"}]},{"name":"awards-star-grade","type":"registry:block","title":"Awards Star Grade","description":"A star grade rating display block for React and Next.js with filled star visuals, award names, granting bodies, and universal rating scale built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/awards/awards-star-grade.tsx","type":"registry:block","target":"components/blocks/awards/awards-star-grade.tsx"}]},{"name":"awards-horizontal","type":"registry:block","title":"Awards Horizontal","description":"Awards horizontal cards section with bottom statistics bar for React landing pages","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/awards/awards-horizontal.tsx","type":"registry:block","target":"components/blocks/awards/awards-horizontal.tsx"}]},{"name":"awards-department","type":"registry:block","title":"Awards Department","description":"Department-specific awards showcasing recognition across organizational teams","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/awards/awards-department.tsx","type":"registry:block","target":"components/blocks/awards/awards-department.tsx"}]},{"name":"awards-progress-bars","type":"registry:block","title":"Awards Progress Bars","description":"A progress bars awards block for React and Next.js with horizontal fill bars, target tracking, and category breakdowns built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/awards/awards-progress-bars.tsx","type":"registry:block","target":"components/blocks/awards/awards-progress-bars.tsx"}]},{"name":"awards-seal-of-approval","type":"registry:block","title":"Awards Seal Of Approval","description":"Seal of approval showcase displaying official certifications and endorsements from trusted authorities","dependencies":["lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/awards/awards-seal-of-approval.tsx","type":"registry:block","target":"components/blocks/awards/awards-seal-of-approval.tsx"}]},{"name":"awards-embed-badge","type":"registry:block","title":"Awards Embed Badge","description":"Block example: awards","files":[{"path":"blocks/awards/awards-embed-badge.tsx","type":"registry:block","target":"components/blocks/awards/awards-embed-badge.tsx"}]},{"name":"awards-spotlight","type":"registry:block","title":"Awards Spotlight","description":"Awards section with a clickable grid that opens a dialog with full award details","dependencies":["lucide-react"],"registryDependencies":["button","dialog"],"premium":true,"files":[{"path":"blocks/awards/awards-spotlight.tsx","type":"registry:block","target":"components/blocks/awards/awards-spotlight.tsx"}]},{"name":"awards-split","type":"registry:block","title":"Awards Split","description":"Awards split layout section with image and detailed award information for React landing pages","dependencies":["lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/awards/awards-split.tsx","type":"registry:block","target":"components/blocks/awards/awards-split.tsx"}]},{"name":"awards-press-bulletin","type":"registry:block","title":"Awards Press Bulletin","description":"A press release bulletin block for React and Next.js with formal release headers, award headlines, body paragraphs, and contact info built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/awards/awards-press-bulletin.tsx","type":"registry:block","target":"components/blocks/awards/awards-press-bulletin.tsx"}]},{"name":"awards-badges","type":"registry:block","title":"Awards Badges","description":"Awards badges section with icon collection and trust signals for React landing pages","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/awards/awards-badges.tsx","type":"registry:block","target":"components/blocks/awards/awards-badges.tsx"}]},{"name":"awards-globe","type":"registry:block","title":"Awards Globe","description":"International awards organized by geographic region with country details","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/awards/awards-globe.tsx","type":"registry:block","target":"components/blocks/awards/awards-globe.tsx"}]},{"name":"awards-category-grid","type":"registry:block","title":"Awards Category Grid","description":"Awards organized by category in a structured grid layout","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/awards/awards-category-grid.tsx","type":"registry:block","target":"components/blocks/awards/awards-category-grid.tsx"}]},{"name":"awards-sidebar","type":"registry:block","title":"Awards Sidebar","description":"Narrow vertical sidebar layout for embedding award recognition alongside other content","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/awards/awards-sidebar.tsx","type":"registry:block","target":"components/blocks/awards/awards-sidebar.tsx"}]},{"name":"awards-asymmetric-mosaic","type":"registry:block","title":"Awards Asymmetric Mosaic","description":"An asymmetric mosaic awards block for React and Next.js with mixed-size card grid, featured large card, and compact award tiles built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/awards/awards-asymmetric-mosaic.tsx","type":"registry:block","target":"components/blocks/awards/awards-asymmetric-mosaic.tsx"}]},{"name":"awards-ticker","type":"registry:block","title":"Awards Ticker","description":"Awards section with a single-line scrolling news ticker of award announcements","premium":true,"files":[{"path":"blocks/awards/awards-ticker.tsx","type":"registry:block","target":"components/blocks/awards/awards-ticker.tsx"}]},{"name":"awards-testimonials","type":"registry:block","title":"Awards Testimonials","description":"Awards section pairing each award with a judge or reviewer quote for social proof","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/awards/awards-testimonials.tsx","type":"registry:block","target":"components/blocks/awards/awards-testimonials.tsx"}]},{"name":"awards-peek-drawer","type":"registry:block","title":"Awards Peek Drawer","description":"An awards list block for React and Next.js with inline peek drawer expansion, smooth slide-down animation, and single-item-open accordion behavior built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/awards/awards-peek-drawer.tsx","type":"registry:block","target":"components/blocks/awards/awards-peek-drawer.tsx"}]},{"name":"awards-annual-report","type":"registry:block","title":"Awards Annual Report","description":"Awards section formatted as a year-in-review report card with quarterly breakdowns","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/awards/awards-annual-report.tsx","type":"registry:block","target":"components/blocks/awards/awards-annual-report.tsx"}]},{"name":"awards-counter","type":"registry:block","title":"Awards Counter","description":"Awards section with animated counters and achievement statistics","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/awards/awards-counter.tsx","type":"registry:block","target":"components/blocks/awards/awards-counter.tsx"}]},{"name":"awards-startup","type":"registry:block","title":"Awards Startup","description":"Startup competition awards showcasing accelerator programs, pitch competitions, and emerging company recognition","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/awards/awards-startup.tsx","type":"registry:block","target":"components/blocks/awards/awards-startup.tsx"}]},{"name":"awards-hero","type":"registry:block","title":"Awards Hero","description":"Awards section with large hero award and supporting grid","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/awards/awards-hero.tsx","type":"registry:block","target":"components/blocks/awards/awards-hero.tsx"}]},{"name":"awards-laurel-display","type":"registry:block","title":"Awards Laurel Display","description":"A film festival laurel wreath awards block for React and Next.js with bordered oval frames, official selection text, festival names, and year displays built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/awards/awards-laurel-display.tsx","type":"registry:block","target":"components/blocks/awards/awards-laurel-display.tsx"}]},{"name":"awards-peer-recognition","type":"registry:block","title":"Awards Peer Recognition","description":"Peer-to-peer recognition wall with kudos, shoutouts, and team appreciation","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/awards/awards-peer-recognition.tsx","type":"registry:block","target":"components/blocks/awards/awards-peer-recognition.tsx"}]},{"name":"awards-milestone","type":"registry:block","title":"Awards Milestone","description":"Awards tied to company milestones showing cause-and-effect between growth and recognition","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/awards/awards-milestone.tsx","type":"registry:block","target":"components/blocks/awards/awards-milestone.tsx"}]},{"name":"awards-verified","type":"registry:block","title":"Awards Verified","description":"Verified award certifications with validation status, verification links, and authenticity indicators","dependencies":["lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/awards/awards-verified.tsx","type":"registry:block","target":"components/blocks/awards/awards-verified.tsx"}]},{"name":"awards-impact-metrics","type":"registry:block","title":"Awards Impact Metrics","description":"Awards paired with measurable impact metrics and before/after comparisons","dependencies":["lucide-react"],"registryDependencies":["progress"],"premium":true,"files":[{"path":"blocks/awards/awards-impact-metrics.tsx","type":"registry:block","target":"components/blocks/awards/awards-impact-metrics.tsx"}]},{"name":"awards-trending","type":"registry:block","title":"Awards Trending","description":"Trending and recent awards feed showing latest recognition in a chronological activity stream","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/awards/awards-trending.tsx","type":"registry:block","target":"components/blocks/awards/awards-trending.tsx"}]},{"name":"awards-credential-badges","type":"registry:block","title":"Awards Credential Badges","description":"Professional credential and certification badge display with verification status","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/awards/awards-credential-badges.tsx","type":"registry:block","target":"components/blocks/awards/awards-credential-badges.tsx"}]},{"name":"awards-share-preview","type":"registry:block","title":"Awards Share Preview","description":"Block example: awards","files":[{"path":"blocks/awards/awards-share-preview.tsx","type":"registry:block","target":"components/blocks/awards/awards-share-preview.tsx"}]},{"name":"awards-zigzag","type":"registry:block","title":"Awards Zigzag","description":"Awards section with alternating left-right card layout creating a zigzag visual rhythm","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/awards/awards-zigzag.tsx","type":"registry:block","target":"components/blocks/awards/awards-zigzag.tsx"}]},{"name":"awards-client-wins","type":"registry:block","title":"Awards Client Wins","description":"Client success and customer awards section showcasing partner achievements","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/awards/awards-client-wins.tsx","type":"registry:block","target":"components/blocks/awards/awards-client-wins.tsx"}]},{"name":"awards-stats","type":"registry:block","title":"Awards Stats","description":"Awards stats section with metrics and achievement highlights for React landing pages","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/awards/awards-stats.tsx","type":"registry:block","target":"components/blocks/awards/awards-stats.tsx"}]},{"name":"awards-origin-story","type":"registry:block","title":"Awards Origin Story","description":"A behind-the-scenes awards narrative block for React and Next.js with storytelling prose, inline stats, milestone markers, and award reveal built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/awards/awards-origin-story.tsx","type":"registry:block","target":"components/blocks/awards/awards-origin-story.tsx"}]},{"name":"awards-org-overview","type":"registry:block","title":"Awards Org Overview","description":"An organization awards profile block for React and Next.js with company info, total award count, recent wins, and category breakdown built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/awards/awards-org-overview.tsx","type":"registry:block","target":"components/blocks/awards/awards-org-overview.tsx"}]},{"name":"awards-stack","type":"registry:block","title":"Awards Stack","description":"Awards displayed as an interactive stacked card deck with visual depth","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/awards/awards-stack.tsx","type":"registry:block","target":"components/blocks/awards/awards-stack.tsx"}]},{"name":"awards-patent","type":"registry:block","title":"Awards Patent","description":"Patent awards and intellectual property filings showcase with patent details","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/awards/awards-patent.tsx","type":"registry:block","target":"components/blocks/awards/awards-patent.tsx"}]},{"name":"awards-banner","type":"registry:block","title":"Awards Banner","description":"Single-line announcement banner featuring one major award with a learn more link","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/awards/awards-banner.tsx","type":"registry:block","target":"components/blocks/awards/awards-banner.tsx"}]},{"name":"awards-team-achievement","type":"registry:block","title":"Awards Team Achievement","description":"Team achievement awards celebrating collaborative wins, department milestones, and group accomplishments","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/awards/awards-team-achievement.tsx","type":"registry:block","target":"components/blocks/awards/awards-team-achievement.tsx"}]},{"name":"awards-win-percentage","type":"registry:block","title":"Awards Win Percentage","description":"A win percentage awards block for React and Next.js with nomination-to-win conversion rate, flanking stats, and large center metric built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/awards/awards-win-percentage.tsx","type":"registry:block","target":"components/blocks/awards/awards-win-percentage.tsx"}]},{"name":"awards-growth","type":"registry:block","title":"Awards Growth","description":"Awards section with year-over-year comparison showing growth","dependencies":["lucide-react"],"registryDependencies":["progress"],"premium":true,"files":[{"path":"blocks/awards/awards-growth.tsx","type":"registry:block","target":"components/blocks/awards/awards-growth.tsx"}]},{"name":"awards-rankings","type":"registry:block","title":"Awards Rankings","description":"Awards section with comparison table showing rankings across platforms","dependencies":["lucide-react"],"registryDependencies":["table"],"premium":true,"files":[{"path":"blocks/awards/awards-rankings.tsx","type":"registry:block","target":"components/blocks/awards/awards-rankings.tsx"}]},{"name":"awards-timeline","type":"registry:block","title":"Awards Timeline","description":"Awards timeline section with chronological year markers for React about pages","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/awards/awards-timeline.tsx","type":"registry:block","target":"components/blocks/awards/awards-timeline.tsx"}]},{"name":"awards-social-impact","type":"registry:block","title":"Awards Social Impact","description":"Social impact awards showcasing contributions to community, equity, diversity, and positive change","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/awards/awards-social-impact.tsx","type":"registry:block","target":"components/blocks/awards/awards-social-impact.tsx"}]},{"name":"awards-media-coverage","type":"registry:block","title":"Awards Media Coverage","description":"Media coverage summary of awards with publication logos and article counts","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/awards/awards-media-coverage.tsx","type":"registry:block","target":"components/blocks/awards/awards-media-coverage.tsx"}]},{"name":"awards-grid-animate","type":"registry:block","title":"Awards Grid Animate","description":"An animated awards grid block for React and Next.js with staggered entrance animations, hover lift effects, and a responsive card layout built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/awards/awards-grid-animate.tsx","type":"registry:block","target":"components/blocks/awards/awards-grid-animate.tsx"}]},{"name":"awards-innovation","type":"registry:block","title":"Awards Innovation","description":"Innovation awards showcase highlighting breakthrough technologies and novel solutions","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/awards/awards-innovation.tsx","type":"registry:block","target":"components/blocks/awards/awards-innovation.tsx"}]},{"name":"awards-rate-display","type":"registry:block","title":"Awards Rate Display","description":"A rate display awards block for React and Next.js with large center-stage percentage, supporting context, and submission details built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/awards/awards-rate-display.tsx","type":"registry:block","target":"components/blocks/awards/awards-rate-display.tsx"}]},{"name":"awards-podium","type":"registry:block","title":"Awards Podium","description":"Awards podium section with ranked showcase for top achievements on React landing pages","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/awards/awards-podium.tsx","type":"registry:block","target":"components/blocks/awards/awards-podium.tsx"}]},{"name":"awards-vote-results","type":"registry:block","title":"Awards Vote Results","description":"A community voting results display block for React and Next.js with horizontal fill bars, vote counts, percentages, and total votes summary built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/awards/awards-vote-results.tsx","type":"registry:block","target":"components/blocks/awards/awards-vote-results.tsx"}]},{"name":"awards-judge-panel","type":"registry:block","title":"Awards Judge Panel","description":"Award judge panel display showing who evaluated and selected the winners","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/awards/awards-judge-panel.tsx","type":"registry:block","target":"components/blocks/awards/awards-judge-panel.tsx"}]},{"name":"awards-trophy-case","type":"registry:block","title":"Awards Trophy Case","description":"A virtual trophy case display block for React and Next.js with two-column shelf grid, trophy icons, award names, years, and organizations built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/awards/awards-trophy-case.tsx","type":"registry:block","target":"components/blocks/awards/awards-trophy-case.tsx"}]},{"name":"awards-compact","type":"registry:block","title":"Awards Compact","description":"Awards section with compact inline badges for tight spaces","dependencies":["lucide-react"],"registryDependencies":["tooltip"],"premium":true,"files":[{"path":"blocks/awards/awards-compact.tsx","type":"registry:block","target":"components/blocks/awards/awards-compact.tsx"}]},{"name":"awards-print-layout","type":"registry:block","title":"Awards Print Layout","description":"Block example: awards","files":[{"path":"blocks/awards/awards-print-layout.tsx","type":"registry:block","target":"components/blocks/awards/awards-print-layout.tsx"}]},{"name":"awards-details","type":"registry:block","title":"Awards Details","description":"Awards section with detailed cards showing full award information","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/awards/awards-details.tsx","type":"registry:block","target":"components/blocks/awards/awards-details.tsx"}]},{"name":"awards-nomination-tracker","type":"registry:block","title":"Awards Nomination Tracker","description":"Block example: awards","files":[{"path":"blocks/awards/awards-nomination-tracker.tsx","type":"registry:block","target":"components/blocks/awards/awards-nomination-tracker.tsx"}]},{"name":"awards-employee-month","type":"registry:block","title":"Awards Employee Month","description":"Employee of the month showcase with profile, achievement, and nomination details","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/awards/awards-employee-month.tsx","type":"registry:block","target":"components/blocks/awards/awards-employee-month.tsx"}]},{"name":"awards-big-numbers","type":"registry:block","title":"Awards Big Numbers","description":"A big numbers awards block for React and Next.js with large format stat cards, metric labels, and grid layout built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/awards/awards-big-numbers.tsx","type":"registry:block","target":"components/blocks/awards/awards-big-numbers.tsx"}]},{"name":"awards-technology","type":"registry:block","title":"Awards Technology","description":"Technology innovation awards highlighting technical excellence, engineering breakthroughs, and platform recognition","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/awards/awards-technology.tsx","type":"registry:block","target":"components/blocks/awards/awards-technology.tsx"}]},{"name":"awards-team-spotlight","type":"registry:block","title":"Awards Team Spotlight","description":"A team member achievement spotlight block for React and Next.js with avatar initials, roles, awards, and staggered animations built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/awards/awards-team-spotlight.tsx","type":"registry:block","target":"components/blocks/awards/awards-team-spotlight.tsx"}]},{"name":"awards-medal-count","type":"registry:block","title":"Awards Medal Count","description":"An Olympic-style medal tally block for React and Next.js with gold, silver, and bronze columns, category rows, large tabular numbers, and total medal counts built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/awards/awards-medal-count.tsx","type":"registry:block","target":"components/blocks/awards/awards-medal-count.tsx"}]},{"name":"awards-year-in-review","type":"registry:block","title":"Awards Year In Review","description":"Year in review awards summary with annual highlights, key metrics, and milestone recap","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/awards/awards-year-in-review.tsx","type":"registry:block","target":"components/blocks/awards/awards-year-in-review.tsx"}]},{"name":"awards-service-excellence","type":"registry:block","title":"Awards Service Excellence","description":"Service excellence awards highlighting customer support and service quality recognition","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/awards/awards-service-excellence.tsx","type":"registry:block","target":"components/blocks/awards/awards-service-excellence.tsx"}]},{"name":"awards-recognition-wall","type":"registry:block","title":"Awards Recognition Wall","description":"Team recognition appreciation wall showcasing peer-to-peer shoutouts and kudos","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/awards/awards-recognition-wall.tsx","type":"registry:block","target":"components/blocks/awards/awards-recognition-wall.tsx"}]},{"name":"awards-poll-vote","type":"registry:block","title":"Awards Poll Vote","description":"Block example: awards","files":[{"path":"blocks/awards/awards-poll-vote.tsx","type":"registry:block","target":"components/blocks/awards/awards-poll-vote.tsx"}]},{"name":"awards-card-flip","type":"registry:block","title":"Awards Card Flip","description":"Interactive cards that flip on click to reveal detailed award information","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/awards/awards-card-flip.tsx","type":"registry:block","target":"components/blocks/awards/awards-card-flip.tsx"}]},{"name":"awards-radio-toggle","type":"registry:block","title":"Awards Radio Toggle","description":"A radio toggle filter block for React and Next.js with pill-style view switching between All, Won, Nominated, and Pending award statuses built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/awards/awards-radio-toggle.tsx","type":"registry:block","target":"components/blocks/awards/awards-radio-toggle.tsx"}]},{"name":"awards-sustainability","type":"registry:block","title":"Awards Sustainability","description":"Sustainability certification awards showcasing environmental credentials, green certifications, and eco-friendly recognition","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/awards/awards-sustainability.tsx","type":"registry:block","target":"components/blocks/awards/awards-sustainability.tsx"}]},{"name":"awards-funnel","type":"registry:block","title":"Awards Funnel","description":"Award selection funnel showing stages from application to winner with narrowing visual pipeline","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/awards/awards-funnel.tsx","type":"registry:block","target":"components/blocks/awards/awards-funnel.tsx"}]},{"name":"awards-logos","type":"registry:block","title":"Awards Logos","description":"Awards section with logo cloud of awarding organizations","premium":true,"files":[{"path":"blocks/awards/awards-logos.tsx","type":"registry:block","target":"components/blocks/awards/awards-logos.tsx"}]},{"name":"awards-speech-card","type":"registry:block","title":"Awards Speech Card","description":"Block example: awards","files":[{"path":"blocks/awards/awards-speech-card.tsx","type":"registry:block","target":"components/blocks/awards/awards-speech-card.tsx"}]},{"name":"awards-before-after","type":"registry:block","title":"Awards Before After","description":"Awards section showing measurable before-and-after impact metrics that led to recognition","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/awards/awards-before-after.tsx","type":"registry:block","target":"components/blocks/awards/awards-before-after.tsx"}]},{"name":"awards-animated-reveal","type":"registry:block","title":"Awards Animated Reveal","description":"Awards section with staggered reveal animations on scroll and load","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/awards/awards-animated-reveal.tsx","type":"registry:block","target":"components/blocks/awards/awards-animated-reveal.tsx"}]},{"name":"awards-design","type":"registry:block","title":"Awards Design","description":"Design awards showcase in the style of Webby, Awwwards, and CSS Design Awards","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/awards/awards-design.tsx","type":"registry:block","target":"components/blocks/awards/awards-design.tsx"}]},{"name":"awards-accordion","type":"registry:block","title":"Awards Accordion","description":"Expandable award rows revealing description, criteria, and organization details on click","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/awards/awards-accordion.tsx","type":"registry:block","target":"components/blocks/awards/awards-accordion.tsx"}]},{"name":"awards-featured-article","type":"registry:block","title":"Awards Featured Article","description":"Award featured in a publication with article excerpt and publication details","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/awards/awards-featured-article.tsx","type":"registry:block","target":"components/blocks/awards/awards-featured-article.tsx"}]},{"name":"awards-feed","type":"registry:block","title":"Awards Feed","description":"Awards activity feed section with social-style notification items for React about pages","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/awards/awards-feed.tsx","type":"registry:block","target":"components/blocks/awards/awards-feed.tsx"}]},{"name":"awards-signature-strip","type":"registry:block","title":"Awards Signature Strip","description":"Block example: awards","files":[{"path":"blocks/awards/awards-signature-strip.tsx","type":"registry:block","target":"components/blocks/awards/awards-signature-strip.tsx"}]},{"name":"awards-saas-category","type":"registry:block","title":"Awards Saas Category","description":"A SaaS product category awards block for React and Next.js with category groupings, G2-style ratings, review counts, and leader badges built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/awards/awards-saas-category.tsx","type":"registry:block","target":"components/blocks/awards/awards-saas-category.tsx"}]},{"name":"awards-rating-stars","type":"registry:block","title":"Awards Rating Stars","description":"Star rating-based awards display with review scores and platform ratings","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/awards/awards-rating-stars.tsx","type":"registry:block","target":"components/blocks/awards/awards-rating-stars.tsx"}]},{"name":"awards-table","type":"registry:block","title":"Awards Table","description":"A data table listing all awards with sortable columns for award name, organization, year, category, and status","dependencies":["lucide-react"],"registryDependencies":["badge","table"],"premium":true,"files":[{"path":"blocks/awards/awards-table.tsx","type":"registry:block","target":"components/blocks/awards/awards-table.tsx"}]},{"name":"awards-regional","type":"registry:block","title":"Awards Regional","description":"Regional and local awards showcase organized by geographic market and territory","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/awards/awards-regional.tsx","type":"registry:block","target":"components/blocks/awards/awards-regional.tsx"}]},{"name":"awards-philanthropy","type":"registry:block","title":"Awards Philanthropy","description":"Philanthropy and charitable giving awards showcasing corporate social responsibility recognition","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/awards/awards-philanthropy.tsx","type":"registry:block","target":"components/blocks/awards/awards-philanthropy.tsx"}]},{"name":"awards-event-agenda","type":"registry:block","title":"Awards Event Agenda","description":"Block example: awards","files":[{"path":"blocks/awards/awards-event-agenda.tsx","type":"registry:block","target":"components/blocks/awards/awards-event-agenda.tsx"}]},{"name":"awards-gala-invitation","type":"registry:block","title":"Awards Gala Invitation","description":"Block example: awards","files":[{"path":"blocks/awards/awards-gala-invitation.tsx","type":"registry:block","target":"components/blocks/awards/awards-gala-invitation.tsx"}]},{"name":"awards-music-nominations","type":"registry:block","title":"Awards Music Nominations","description":"A music industry nominations and wins block for React and Next.js with Grammy-style categories, nominee lists, winner indicators, and category groupings built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/awards/awards-music-nominations.tsx","type":"registry:block","target":"components/blocks/awards/awards-music-nominations.tsx"}]},{"name":"awards-flip","type":"registry:block","title":"Awards Flip","description":"Awards flip card section with CSS perspective 3D hover effect revealing award details for React landing pages","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/awards/awards-flip.tsx","type":"registry:block","target":"components/blocks/awards/awards-flip.tsx"}]},{"name":"awards-studio-reel","type":"registry:block","title":"Awards Studio Reel","description":"A creative studio awards reel block for React and Next.js with project showcases, client names, award details, and horizontal card layout built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/awards/awards-studio-reel.tsx","type":"registry:block","target":"components/blocks/awards/awards-studio-reel.tsx"}]},{"name":"awards-trust-bar","type":"registry:block","title":"Awards Trust Bar","description":"Compact horizontal trust bar with recognizing organizations and aggregate rating","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/awards/awards-trust-bar.tsx","type":"registry:block","target":"components/blocks/awards/awards-trust-bar.tsx"}]},{"name":"awards-filter","type":"registry:block","title":"Awards Filter","description":"Awards section with filter chips for browsing by category or year","dependencies":["lucide-react"],"registryDependencies":["toggle"],"premium":true,"files":[{"path":"blocks/awards/awards-filter.tsx","type":"registry:block","target":"components/blocks/awards/awards-filter.tsx"}]},{"name":"awards-masonry","type":"registry:block","title":"Awards Masonry","description":"Awards section with masonry grid layout for varied card sizes","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/awards/awards-masonry.tsx","type":"registry:block","target":"components/blocks/awards/awards-masonry.tsx"}]},{"name":"awards-marquee","type":"registry:block","title":"Awards Marquee","description":"Awards section with horizontal scrolling logo strip","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/awards/awards-marquee.tsx","type":"registry:block","target":"components/blocks/awards/awards-marquee.tsx"}]},{"name":"awards-kudos-stream","type":"registry:block","title":"Awards Kudos Stream","description":"A kudos recognition stream block for React and Next.js with sender-recipient messages, timestamps, and award mentions built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","badge"],"premium":true,"files":[{"path":"blocks/awards/awards-kudos-stream.tsx","type":"registry:block","target":"components/blocks/awards/awards-kudos-stream.tsx"}]},{"name":"awards-data-driven","type":"registry:block","title":"Awards Data Driven","description":"Data-driven impact awards with concrete metrics and measurable outcomes","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/awards/awards-data-driven.tsx","type":"registry:block","target":"components/blocks/awards/awards-data-driven.tsx"}]},{"name":"awards-industry","type":"registry:block","title":"Awards Industry","description":"Awards grouped by industry vertical showing breadth of recognition across sectors","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/awards/awards-industry.tsx","type":"registry:block","target":"components/blocks/awards/awards-industry.tsx"}]},{"name":"awards-map","type":"registry:block","title":"Awards Map","description":"Awards organized by geographic region with country flags and organization details","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/awards/awards-map.tsx","type":"registry:block","target":"components/blocks/awards/awards-map.tsx"}]},{"name":"awards-tooltip-grid","type":"registry:block","title":"Awards Tooltip Grid","description":"An ultra-compact grid of award cells with hover tooltips revealing full details including award name, organization, year, and category","dependencies":["lucide-react"],"registryDependencies":["badge","tooltip"],"premium":true,"files":[{"path":"blocks/awards/awards-tooltip-grid.tsx","type":"registry:block","target":"components/blocks/awards/awards-tooltip-grid.tsx"}]},{"name":"awards-quote","type":"registry:block","title":"Awards Quote","description":"Awards section with quote testimonial from award organization","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/awards/awards-quote.tsx","type":"registry:block","target":"components/blocks/awards/awards-quote.tsx"}]},{"name":"awards-grid","type":"registry:block","title":"Awards Grid","description":"Awards grid section with trophy icons and recognition cards for React landing pages","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/awards/awards-grid.tsx","type":"registry:block","target":"components/blocks/awards/awards-grid.tsx"}]},{"name":"awards-government","type":"registry:block","title":"Awards Government","description":"Government and regulatory awards, certifications, and compliance recognitions","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/awards/awards-government.tsx","type":"registry:block","target":"components/blocks/awards/awards-government.tsx"}]},{"name":"awards-showcase","type":"registry:block","title":"Awards Showcase","description":"Awards showcase section with detailed award cards for React landing pages","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/awards/awards-showcase.tsx","type":"registry:block","target":"components/blocks/awards/awards-showcase.tsx"}]},{"name":"awards-press","type":"registry:block","title":"Awards Press","description":"Awards presented as press and media coverage with publication names and links","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/awards/awards-press.tsx","type":"registry:block","target":"components/blocks/awards/awards-press.tsx"}]},{"name":"awards-scoring-panel","type":"registry:block","title":"Awards Scoring Panel","description":"A judge scoring panel block for React and Next.js with criteria rows, judge columns, weighted averages, and score highlighting built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/awards/awards-scoring-panel.tsx","type":"registry:block","target":"components/blocks/awards/awards-scoring-panel.tsx"}]},{"name":"awards-moment-gallery","type":"registry:block","title":"Awards Moment Gallery","description":"A photo moments gallery block for React and Next.js with placeholder images, captions, hover overlays, and event details built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/awards/awards-moment-gallery.tsx","type":"registry:block","target":"components/blocks/awards/awards-moment-gallery.tsx"}]},{"name":"awards-top-performer","type":"registry:block","title":"Awards Top Performer","description":"Top performer spotlight showcasing standout individuals with metrics, achievements, and recognition details","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/awards/awards-top-performer.tsx","type":"registry:block","target":"components/blocks/awards/awards-top-performer.tsx"}]},{"name":"awards-checklist","type":"registry:block","title":"Awards Checklist","description":"Award criteria checklist showing met and pending requirements for each award","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/awards/awards-checklist.tsx","type":"registry:block","target":"components/blocks/awards/awards-checklist.tsx"}]},{"name":"awards-archive","type":"registry:block","title":"Awards Archive","description":"Historical awards archive browser with year filtering and search","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/awards/awards-archive.tsx","type":"registry:block","target":"components/blocks/awards/awards-archive.tsx"}]},{"name":"awards-file-tree","type":"registry:block","title":"Awards File Tree","description":"Block example: awards","files":[{"path":"blocks/awards/awards-file-tree.tsx","type":"registry:block","target":"components/blocks/awards/awards-file-tree.tsx"}]},{"name":"awards-quarterly","type":"registry:block","title":"Awards Quarterly","description":"Quarterly award highlights showcasing recent achievements organized by business quarter","dependencies":["lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/awards/awards-quarterly.tsx","type":"registry:block","target":"components/blocks/awards/awards-quarterly.tsx"}]},{"name":"awards-receipt-slip","type":"registry:block","title":"Awards Receipt Slip","description":"A receipt-style awards display block for React and Next.js with monospace line items, separator dashes, subtotal count, and verified stamp built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/awards/awards-receipt-slip.tsx","type":"registry:block","target":"components/blocks/awards/awards-receipt-slip.tsx"}]},{"name":"awards-badge-wall","type":"registry:block","title":"Awards Badge Wall","description":"Wall of achievement badges in a dense grid layout for maximum visual impact","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/awards/awards-badge-wall.tsx","type":"registry:block","target":"components/blocks/awards/awards-badge-wall.tsx"}]},{"name":"awards-playlist-format","type":"registry:block","title":"Awards Playlist Format","description":"A music tracklist-style awards display block for React and Next.js with numbered tracks, award names as titles, organizations as artists, and year as duration built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/awards/awards-playlist-format.tsx","type":"registry:block","target":"components/blocks/awards/awards-playlist-format.tsx"}]},{"name":"awards-collapsible-list","type":"registry:block","title":"Awards Collapsible List","description":"Collapsible award category list with expandable sections and nested items","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/awards/awards-collapsible-list.tsx","type":"registry:block","target":"components/blocks/awards/awards-collapsible-list.tsx"}]},{"name":"awards-category-counts","type":"registry:block","title":"Awards Category Counts","description":"A category counts awards block for React and Next.js with icon tiles, category names, and count badges in a grid layout built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/awards/awards-category-counts.tsx","type":"registry:block","target":"components/blocks/awards/awards-category-counts.tsx"}]},{"name":"awards-bento","type":"registry:block","title":"Awards Bento","description":"Awards bento grid section with varying card sizes for visual hierarchy on React landing pages","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/awards/awards-bento.tsx","type":"registry:block","target":"components/blocks/awards/awards-bento.tsx"}]},{"name":"awards-nomination-form","type":"registry:block","title":"Awards Nomination Form","description":"Award nomination submission form with category selection and nominee details","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/awards/awards-nomination-form.tsx","type":"registry:block","target":"components/blocks/awards/awards-nomination-form.tsx"}]},{"name":"awards-verification-seal","type":"registry:block","title":"Awards Verification Seal","description":"Block example: awards","files":[{"path":"blocks/awards/awards-verification-seal.tsx","type":"registry:block","target":"components/blocks/awards/awards-verification-seal.tsx"}]},{"name":"awards-trend-arrows","type":"registry:block","title":"Awards Trend Arrows","description":"A trend arrows awards block for React and Next.js with year-over-year indicators, percentage change, and semantic color coding built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/awards/awards-trend-arrows.tsx","type":"registry:block","target":"components/blocks/awards/awards-trend-arrows.tsx"}]},{"name":"awards-total-tally","type":"registry:block","title":"Awards Total Tally","description":"A total tally awards block for React and Next.js with scoreboard-style columns, award type tallies, and monospace numbers built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/awards/awards-total-tally.tsx","type":"registry:block","target":"components/blocks/awards/awards-total-tally.tsx"}]},{"name":"awards-winning-streak","type":"registry:block","title":"Awards Winning Streak","description":"A winning streak awards block for React and Next.js with consecutive year display, streak badges, and historical streaks built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/awards/awards-winning-streak.tsx","type":"registry:block","target":"components/blocks/awards/awards-winning-streak.tsx"}]},{"name":"awards-kanban","type":"registry:block","title":"Awards Kanban","description":"Kanban-column awards section grouping achievements by status with Won, Nominated, and Pending columns","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/awards/awards-kanban.tsx","type":"registry:block","target":"components/blocks/awards/awards-kanban.tsx"}]},{"name":"awards-editorial","type":"registry:block","title":"Awards Editorial","description":"Editorial and press awards featuring publication recognition and editor picks","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/awards/awards-editorial.tsx","type":"registry:block","target":"components/blocks/awards/awards-editorial.tsx"}]},{"name":"awards-carousel","type":"registry:block","title":"Awards Carousel","description":"Awards carousel section with navigation arrows and dots for React landing pages","dependencies":["lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/awards/awards-carousel.tsx","type":"registry:block","target":"components/blocks/awards/awards-carousel.tsx"}]},{"name":"awards-sheet-detail","type":"registry:block","title":"Awards Sheet Detail","description":"An awards list block for React and Next.js with a slide-out Sheet panel for full award details, criteria, and external links built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","sheet"],"premium":true,"files":[{"path":"blocks/awards/awards-sheet-detail.tsx","type":"registry:block","target":"components/blocks/awards/awards-sheet-detail.tsx"}]},{"name":"awards-distribution-pills","type":"registry:block","title":"Awards Distribution Pills","description":"A distribution pills awards block for React and Next.js with category pill badges, count indicators, and clickable filtering built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/awards/awards-distribution-pills.tsx","type":"registry:block","target":"components/blocks/awards/awards-distribution-pills.tsx"}]},{"name":"awards-conference","type":"registry:block","title":"Awards Conference","description":"Conference speaking awards and event participation showcase","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/awards/awards-conference.tsx","type":"registry:block","target":"components/blocks/awards/awards-conference.tsx"}]},{"name":"awards-brand-recognition","type":"registry:block","title":"Awards Brand Recognition","description":"Brand recognition showcase highlighting media mentions and industry acknowledgments","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/awards/awards-brand-recognition.tsx","type":"registry:block","target":"components/blocks/awards/awards-brand-recognition.tsx"}]},{"name":"awards-lifetime-achievement","type":"registry:block","title":"Awards Lifetime Achievement","description":"Lifetime achievement spotlight with career highlights and legacy summary","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/awards/awards-lifetime-achievement.tsx","type":"registry:block","target":"components/blocks/awards/awards-lifetime-achievement.tsx"}]},{"name":"success-load-balancer-ready","type":"registry:block","title":"Success Load Balancer Ready","description":"A cloud networking success block for load balancer activation, featuring traffic routing status, backend health, and DNS details, built with React, Next.js, and shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-load-balancer-ready.tsx","type":"registry:block","target":"components/blocks/success/success-load-balancer-ready.tsx"}]},{"name":"success-feedback-received","type":"registry:block","title":"Success Feedback Received","description":"A modern success block for confirming feature request submissions, showcasing the product roadmap and internal review process, built with React, Next.js, and shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-feedback-received.tsx","type":"registry:block","target":"components/blocks/success/success-feedback-received.tsx"}]},{"name":"success-email-verified","type":"registry:block","title":"Success Email Verified","description":"A dynamic success block for email verification, featuring an automatic redirect countdown and status indicators, built with React, Next.js, and shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-email-verified.tsx","type":"registry:block","target":"components/blocks/success/success-email-verified.tsx"}]},{"name":"success-2fa-enabled","type":"registry:block","title":"Success 2fa Enabled","description":"A security-focused success block for two-factor authentication activation, featuring recovery codes display and management, built with React, Next.js, and shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-2fa-enabled.tsx","type":"registry:block","target":"components/blocks/success/success-2fa-enabled.tsx"}]},{"name":"success-invoice-paid","type":"registry:block","title":"Success Invoice Paid","description":"React success block for settled overdue invoices in Next.js with account restoration status, payment breakdown, and direct link to active dashboard using shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-invoice-paid.tsx","type":"registry:block","target":"components/blocks/success/success-invoice-paid.tsx"}]},{"name":"success-comment-posted","type":"registry:block","title":"Success Comment Posted","description":"A sleek success block for collaboration threads, confirming comment posting and participant notification, built with React, Next.js, and shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-comment-posted.tsx","type":"registry:block","target":"components/blocks/success/success-comment-posted.tsx"}]},{"name":"success-account-created","type":"registry:block","title":"Success Account Created","description":"A comprehensive onboarding success block for new account creation, featuring a welcome message and a next-steps checklist, built with React, Next.js, and shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-account-created.tsx","type":"registry:block","target":"components/blocks/success/success-account-created.tsx"}]},{"name":"success-session-revoked","type":"registry:block","title":"Success Session Revoked","description":"A security-oriented success block for remote session termination, featuring device status summaries and security confirmation, built with React, Next.js, and shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-session-revoked.tsx","type":"registry:block","target":"components/blocks/success/success-session-revoked.tsx"}]},{"name":"success-ab-test-started","type":"registry:block","title":"Success Ab Test Started","description":"A marketing success block for split test initiation, featuring variation details and real-time monitoring stats, built with React, Next.js, and shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-ab-test-started.tsx","type":"registry:block","target":"components/blocks/success/success-ab-test-started.tsx"}]},{"name":"success-payroll-processed","type":"registry:block","title":"Success Payroll Processed","description":"A financial and HR operations success state for payroll cycles featuring earning statement access and deposit scheduling, built with React, Next.js, and shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-payroll-processed.tsx","type":"registry:block","target":"components/blocks/success/success-payroll-processed.tsx"}]},{"name":"success-ticket-submitted","type":"registry:block","title":"Success Ticket Submitted","description":"A professional support success screen confirming ticket submission with ticket ID, expected SLA, and helpful resources, built with React, Next.js, and shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-ticket-submitted.tsx","type":"registry:block","target":"components/blocks/success/success-ticket-submitted.tsx"}]},{"name":"success-campaign-launched","type":"registry:block","title":"Success Campaign Launched","description":"A marketing-focused success block for campaign launches, featuring real-time sending stats and live links, built with React, Next.js, and shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-campaign-launched.tsx","type":"registry:block","target":"components/blocks/success/success-campaign-launched.tsx"}]},{"name":"success-cluster-scaled","type":"registry:block","title":"Success Cluster Scaled","description":"A cloud infrastructure success block for cluster scaling, featuring node counts, resource allocation, and health check status, built with React, Next.js, and shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-cluster-scaled.tsx","type":"registry:block","target":"components/blocks/success/success-cluster-scaled.tsx"}]},{"name":"success-ad-set-published","type":"registry:block","title":"Success Ad Set Published","description":"A marketing success block for advertising campaign activation, featuring targeting details and budget confirmation, built with React, Next.js, and shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-ad-set-published.tsx","type":"registry:block","target":"components/blocks/success/success-ad-set-published.tsx"}]},{"name":"success-tutorial-finished","type":"registry:block","title":"Success Tutorial Finished","description":"A clean success block for users who complete a product tour or educational tutorial, featuring a summary of learned concepts and a direct path to the dashboard, built with React, Next.js, and shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-tutorial-finished.tsx","type":"registry:block","target":"components/blocks/success/success-tutorial-finished.tsx"}]},{"name":"success-post-published","type":"registry:block","title":"Success Post Published","description":"A clean success block for content publishing, featuring live URL preview and social sharing options, built with React, Next.js, and shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-post-published.tsx","type":"registry:block","target":"components/blocks/success/success-post-published.tsx"}]},{"name":"success-trial-started","type":"registry:block","title":"Success Trial Started","description":"React success block for SaaS trial initiations in Next.js with a countdown to first billing, feature checklist, and immediate next steps using shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/success/success-trial-started.tsx","type":"registry:block","target":"components/blocks/success/success-trial-started.tsx"}]},{"name":"success-promo-applied","type":"registry:block","title":"Success Promo Applied","description":"A marketing success block for promotional code application, featuring discount details and expiration countdown, built with React, Next.js, and shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-promo-applied.tsx","type":"registry:block","target":"components/blocks/success/success-promo-applied.tsx"}]},{"name":"success-streak-maintained","type":"registry:block","title":"Success Streak Maintained","description":"An engagement-focused success block that celebrates a user's activity streak with animated counters and historical context, built with React, Next.js, and shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-streak-maintained.tsx","type":"registry:block","target":"components/blocks/success/success-streak-maintained.tsx"}]},{"name":"success-instance-provisioned","type":"registry:block","title":"Success Instance Provisioned","description":"A cloud infrastructure success block for server provisioning, featuring IP addresses, credentials, and connection snippets, built with React, Next.js, and shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-instance-provisioned.tsx","type":"registry:block","target":"components/blocks/success/success-instance-provisioned.tsx"}]},{"name":"success-onboarding-complete","type":"registry:block","title":"Success Onboarding Complete","description":"A celebratory success block for reaching 100% onboarding completion, featuring a confetti burst and next steps, built with React, Next.js, and shadcn/ui.","dependencies":["framer-motion","lucide-react","canvas-confetti"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-onboarding-complete.tsx","type":"registry:block","target":"components/blocks/success/success-onboarding-complete.tsx"}]},{"name":"success-storage-quota-expanded","type":"registry:block","title":"Success Storage Quota Expanded","description":"React success block for cloud storage limit or disk quota increase confirmation in Next.js, featuring capacity metrics, utilization forecasts, and regional availability using shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-storage-quota-expanded.tsx","type":"registry:block","target":"components/blocks/success/success-storage-quota-expanded.tsx"}]},{"name":"success-invite-accepted","type":"registry:block","title":"Success Invite Accepted","description":"A collaborative success block for when a new team member joins a workspace, featuring member details and immediate team actions, built with React, Next.js, and shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-invite-accepted.tsx","type":"registry:block","target":"components/blocks/success/success-invite-accepted.tsx"}]},{"name":"success-invites-sent","type":"registry:block","title":"Success Invites Sent","description":"A summary block for team invitations, displaying the number of emails dispatched and their current status, built with React, Next.js, and shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-invites-sent.tsx","type":"registry:block","target":"components/blocks/success/success-invites-sent.tsx"}]},{"name":"success-policy-updated","type":"registry:block","title":"Success Policy Updated","description":"React success block for organizational policy or compliance update confirmation in Next.js, featuring scope summary, enforcement status, and acknowledgment tracking using shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-policy-updated.tsx","type":"registry:block","target":"components/blocks/success/success-policy-updated.tsx"}]},{"name":"success-domain-verified","type":"registry:block","title":"Success Domain Verified","description":"A technical success block for custom domain verification, featuring DNS propagation status and configuration details, built with React, Next.js, and shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-domain-verified.tsx","type":"registry:block","target":"components/blocks/success/success-domain-verified.tsx"}]},{"name":"success-newsletter-scheduled","type":"registry:block","title":"Success Newsletter Scheduled","description":"A marketing-focused success block for scheduled newsletters, featuring delivery time and audience details, built with React, Next.js, and shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-newsletter-scheduled.tsx","type":"registry:block","target":"components/blocks/success/success-newsletter-scheduled.tsx"}]},{"name":"success-database-restored","type":"registry:block","title":"Success Database Restored","description":"A data infrastructure success block for point-in-time recovery, featuring restore snapshots, data integrity status, and recovery metrics, built with React, Next.js, and shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-database-restored.tsx","type":"registry:block","target":"components/blocks/success/success-database-restored.tsx"}]},{"name":"success-payment-confirmed","type":"registry:block","title":"Success Payment Confirmed","description":"A professional payment confirmation block with a Stripe-style receipt and invoice download button, built with React, Next.js, and shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-payment-confirmed.tsx","type":"registry:block","target":"components/blocks/success/success-payment-confirmed.tsx"}]},{"name":"success-expense-submitted","type":"registry:block","title":"Success Expense Submitted","description":"A financial operations success state for expense reports featuring receipt attachments and reimbursement tracking, built with React, Next.js, and shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-expense-submitted.tsx","type":"registry:block","target":"components/blocks/success/success-expense-submitted.tsx"}]},{"name":"success-account-deleted","type":"registry:block","title":"Success Account Deleted","description":"A respectful and clear success block for account termination, featuring a data removal timeline and final goodbye message, built with React, Next.js, and shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-account-deleted.tsx","type":"registry:block","target":"components/blocks/success/success-account-deleted.tsx"}]},{"name":"success-document-signed","type":"registry:block","title":"Success Document Signed","description":"A formal success block for e-signature completion, featuring download options and email confirmation details, built with React, Next.js, and shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-document-signed.tsx","type":"registry:block","target":"components/blocks/success/success-document-signed.tsx"}]},{"name":"success-rating-collected","type":"registry:block","title":"Success Rating Collected","description":"A vibrant and encouraging success block for confirming feature or service ratings, featuring community impact stats and appreciation messages, built with React, Next.js, and shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-rating-collected.tsx","type":"registry:block","target":"components/blocks/success/success-rating-collected.tsx"}]},{"name":"success-credit-added","type":"registry:block","title":"Success Credit Added","description":"A dynamic wallet balance update block using @number-flow/react for smooth numeric transitions, built with React, Next.js, and shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-credit-added.tsx","type":"registry:block","target":"components/blocks/success/success-credit-added.tsx"}]},{"name":"success-schema-migrated","type":"registry:block","title":"Success Schema Migrated","description":"React success block for database schema migration confirmation in Next.js, featuring a summary of tables modified, row counts affected, and environment details using shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-schema-migrated.tsx","type":"registry:block","target":"components/blocks/success/success-schema-migrated.tsx"}]},{"name":"success-password-reset","type":"registry:block","title":"Success Password Reset","description":"A secure and clear success confirmation block for password resets, featuring security reminders and a login CTA, built with React, Next.js, and shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-password-reset.tsx","type":"registry:block","target":"components/blocks/success/success-password-reset.tsx"}]},{"name":"success-abandoned-cart-recovered","type":"registry:block","title":"Success Abandoned Cart Recovered","description":"A marketing success block for recovered sales, featuring email effectiveness stats and order confirmation, built with React, Next.js, and shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-abandoned-cart-recovered.tsx","type":"registry:block","target":"components/blocks/success/success-abandoned-cart-recovered.tsx"}]},{"name":"success-dns-record-active","type":"registry:block","title":"Success Dns Record Active","description":"A domain management success block for DNS record creation, featuring record types, TTL settings, and propagation status, built with React, Next.js, and shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-dns-record-active.tsx","type":"registry:block","target":"components/blocks/success/success-dns-record-active.tsx"}]},{"name":"success-inventory-updated","type":"registry:block","title":"Success Inventory Updated","description":"A logistics and operations success state for warehouse management featuring stock level adjustments and SKU availability, built with React, Next.js, and shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-inventory-updated.tsx","type":"registry:block","target":"components/blocks/success/success-inventory-updated.tsx"}]},{"name":"success-review-posted","type":"registry:block","title":"Success Review Posted","description":"A sleek success block for confirming a product review submission, featuring the rating, a quote preview, and social sharing options, built with React, Next.js, and shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-review-posted.tsx","type":"registry:block","target":"components/blocks/success/success-review-posted.tsx"}]},{"name":"success-refund-processed","type":"registry:block","title":"Success Refund Processed","description":"A transparent refund status block showing the timeline of funds returning to the bank account, built with React, Next.js, and shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-refund-processed.tsx","type":"registry:block","target":"components/blocks/success/success-refund-processed.tsx"}]},{"name":"success-bug-reported","type":"registry:block","title":"Success Bug Reported","description":"A technical success screen for confirming bug report submissions, featuring an issue ID, triaging status, and developer-focused tracking links, built with React, Next.js, and shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-bug-reported.tsx","type":"registry:block","target":"components/blocks/success/success-bug-reported.tsx"}]},{"name":"success-profile-100","type":"registry:block","title":"Success Profile 100","description":"A reward-focused success block for users who reach 100% profile completion, featuring visibility stats and identity verification status, built with React, Next.js, and shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-profile-100.tsx","type":"registry:block","target":"components/blocks/success/success-profile-100.tsx"}]},{"name":"success-api-key-generated","type":"registry:block","title":"Success Api Key Generated","description":"A developer-focused success block for API key creation, featuring a secure one-time secret reveal and copy utility, built with React, Next.js, and shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-api-key-generated.tsx","type":"registry:block","target":"components/blocks/success/success-api-key-generated.tsx"}]},{"name":"success-opt-out-confirmed","type":"registry:block","title":"Success Opt Out Confirmed","description":"A respectful and clear success screen for confirming email or notification opt-outs, featuring preference management links and re-subscribe options, built with React, Next.js, and shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-opt-out-confirmed.tsx","type":"registry:block","target":"components/blocks/success/success-opt-out-confirmed.tsx"}]},{"name":"success-cache-cleared","type":"registry:block","title":"Success Cache Cleared","description":"React success block for edge cache invalidation confirmation in Next.js, featuring edge node status, invalidated paths summary, and propagation metrics using shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-cache-cleared.tsx","type":"registry:block","target":"components/blocks/success/success-cache-cleared.tsx"}]},{"name":"success-cancellation-saved","type":"registry:block","title":"Success Cancellation Saved","description":"A respectful and empathetic success block for confirming subscription cancellation feedback, featuring a win-back offer and data retention info, built with React, Next.js, and shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-cancellation-saved.tsx","type":"registry:block","target":"components/blocks/success/success-cancellation-saved.tsx"}]},{"name":"success-affiliate-approved","type":"registry:block","title":"Success Affiliate Approved","description":"A marketing success block for affiliate program approval, featuring referral link generation and sharing options, built with React, Next.js, and shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-affiliate-approved.tsx","type":"registry:block","target":"components/blocks/success/success-affiliate-approved.tsx"}]},{"name":"success-subscription-upgraded","type":"registry:block","title":"Success Subscription Upgraded","description":"An interactive subscription upgrade success block featuring tier benefit highlights and celebratory confetti, built with React, Next.js, and shadcn/ui.","dependencies":["framer-motion","lucide-react","canvas-confetti"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-subscription-upgraded.tsx","type":"registry:block","target":"components/blocks/success/success-subscription-upgraded.tsx"}]},{"name":"success-team-workspace-created","type":"registry:block","title":"Success Team Workspace Created","description":"React success block for new team or organizational workspace creation in Next.js, featuring member counts, resource allocation, and initial setup status using shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-team-workspace-created.tsx","type":"registry:block","target":"components/blocks/success/success-team-workspace-created.tsx"}]},{"name":"success-lead-captured","type":"registry:block","title":"Success Lead Captured","description":"A sales-focused success block for new lead intake, showing CRM sync status and auto-responder confirmation, built with React, Next.js, and shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-lead-captured.tsx","type":"registry:block","target":"components/blocks/success/success-lead-captured.tsx"}]},{"name":"success-first-project","type":"registry:block","title":"Success First Project","description":"A significant milestone block for users who have just created their first project, featuring project details and quick-start commands, built with React, Next.js, and shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-first-project.tsx","type":"registry:block","target":"components/blocks/success/success-first-project.tsx"}]},{"name":"success-feature-flag-enabled","type":"registry:block","title":"Success Feature Flag Enabled","description":"A feature flag enabled success block for React and Next.js with rollout percentage, environment details, affected users count, and action buttons built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button","progress"],"premium":true,"files":[{"path":"blocks/success/success-feature-flag-enabled.tsx","type":"registry:block","target":"components/blocks/success/success-feature-flag-enabled.tsx"}]},{"name":"success-data-import","type":"registry:block","title":"Success Data Import","description":"React success block for data import confirmation in Next.js, featuring a summary of parsed, skipped, and failed records with detailed error breakdowns and next steps using shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-data-import.tsx","type":"registry:block","target":"components/blocks/success/success-data-import.tsx"}]},{"name":"success-certification-passed","type":"registry:block","title":"Success Certification Passed","description":"A professional success block for users who complete courses or pass certifications, featuring certificate details and a PDF download action, built with React, Next.js, and shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-certification-passed.tsx","type":"registry:block","target":"components/blocks/success/success-certification-passed.tsx"}]},{"name":"success-survey-completed","type":"registry:block","title":"Success Survey Completed","description":"A grateful success block for confirming survey and NPS score submissions, featuring reward indicators and feedback appreciation, built with React, Next.js, and shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-survey-completed.tsx","type":"registry:block","target":"components/blocks/success/success-survey-completed.tsx"}]},{"name":"success-rate-limit-increased","type":"registry:block","title":"Success Rate Limit Increased","description":"React success block for API rate limit or quota increase confirmation in Next.js, featuring throughput metrics, bursting capabilities, and usage summaries using shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-rate-limit-increased.tsx","type":"registry:block","target":"components/blocks/success/success-rate-limit-increased.tsx"}]},{"name":"success-plan-downgraded","type":"registry:block","title":"Success Plan Downgraded","description":"A muted plan downgrade acknowledgment block with a retention survey link and feature change summary, built with React, Next.js, and shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-plan-downgraded.tsx","type":"registry:block","target":"components/blocks/success/success-plan-downgraded.tsx"}]},{"name":"success-firewall-configured","type":"registry:block","title":"Success Firewall Configured","description":"A network security success block for firewall rule application, featuring active rules, security status, and protocol details, built with React, Next.js, and shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-firewall-configured.tsx","type":"registry:block","target":"components/blocks/success/success-firewall-configured.tsx"}]},{"name":"success-env-variable-updated","type":"registry:block","title":"Success Env Variable Updated","description":"A development infrastructure success block for environment variable management, featuring sync status and security encryption confirmation, built with React, Next.js, and shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-env-variable-updated.tsx","type":"registry:block","target":"components/blocks/success/success-env-variable-updated.tsx"}]},{"name":"success-goal-crushed","type":"registry:block","title":"Success Goal Crushed","description":"A high-energy success block for completing specific targets or sales goals, featuring a full progress bar animation and goal summary, built with React, Next.js, and shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-goal-crushed.tsx","type":"registry:block","target":"components/blocks/success/success-goal-crushed.tsx"}]},{"name":"success-analytics-connected","type":"registry:block","title":"Success Analytics Connected","description":"React success block for analytics or data stream connection confirmation in Next.js, featuring real-time data status, event count metrics, and source details using shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-analytics-connected.tsx","type":"registry:block","target":"components/blocks/success/success-analytics-connected.tsx"}]},{"name":"success-job-applied","type":"registry:block","title":"Success Job Applied","description":"A professional success state for job applications featuring a hiring timeline and application details, built with React, Next.js, and shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-job-applied.tsx","type":"registry:block","target":"components/blocks/success/success-job-applied.tsx"}]},{"name":"success-pr-merged","type":"registry:block","title":"Success Pr Merged","description":"A development-focused success block for pull request merges, featuring branch deletion confirmation and deployment status, built with React, Next.js, and shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-pr-merged.tsx","type":"registry:block","target":"components/blocks/success/success-pr-merged.tsx"}]},{"name":"success-timeoff-approved","type":"registry:block","title":"Success Timeoff Approved","description":"An operational success state for employee time-off requests featuring calendar dates and OOO automation status, built with React, Next.js, and shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-timeoff-approved.tsx","type":"registry:block","target":"components/blocks/success/success-timeoff-approved.tsx"}]},{"name":"success-bulk-purchase","type":"registry:block","title":"Success Bulk Purchase","description":"React success summary block for bulk seat or license purchases in Next.js with a detailed seat allocation table, transaction details, and team onboarding steps using shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-bulk-purchase.tsx","type":"registry:block","target":"components/blocks/success/success-bulk-purchase.tsx"}]},{"name":"success-asset-uploaded","type":"registry:block","title":"Success Asset Uploaded","description":"A clean success block for file uploads, featuring an asset preview and CDN link generation, built with React, Next.js, and shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-asset-uploaded.tsx","type":"registry:block","target":"components/blocks/success/success-asset-uploaded.tsx"}]},{"name":"success-maintenance-completed","type":"registry:block","title":"Success Maintenance Completed","description":"React success block for system maintenance or downtime conclusion confirmation in Next.js, featuring system health metrics, service status, and uptime reports using shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-maintenance-completed.tsx","type":"registry:block","target":"components/blocks/success/success-maintenance-completed.tsx"}]},{"name":"success-sso-configured","type":"registry:block","title":"Success Sso Configured","description":"An enterprise-grade success block for Single Sign-On (SSO) configuration, featuring SAML/Okta connection status and metadata summary, built with React, Next.js, and shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-sso-configured.tsx","type":"registry:block","target":"components/blocks/success/success-sso-configured.tsx"}]},{"name":"success-storage-optimized","type":"registry:block","title":"Success Storage Optimized","description":"React success block for database or disk optimization confirmation in Next.js, featuring reclaimed space metrics, compression ratios, and health status using shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-storage-optimized.tsx","type":"registry:block","target":"components/blocks/success/success-storage-optimized.tsx"}]},{"name":"success-shipping-label-created","type":"registry:block","title":"Success Shipping Label Created","description":"A logistics success state for fulfillment workflows featuring tracking numbers and carrier pickup details, built with React, Next.js, and shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-shipping-label-created.tsx","type":"registry:block","target":"components/blocks/success/success-shipping-label-created.tsx"}]},{"name":"success-contract-generated","type":"registry:block","title":"Success Contract Generated","description":"A legal and operations success state for document generation featuring PDF previews and signature workflow status, built with React, Next.js, and shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-contract-generated.tsx","type":"registry:block","target":"components/blocks/success/success-contract-generated.tsx"}]},{"name":"success-milestone-reached","type":"registry:block","title":"Success Milestone Reached","description":"A reward-focused success block for celebrating key performance milestones and metric achievements, built with React, Next.js, and shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-milestone-reached.tsx","type":"registry:block","target":"components/blocks/success/success-milestone-reached.tsx"}]},{"name":"success-license-key-activated","type":"registry:block","title":"Success License Key Activated","description":"React success block for software license activation or seat entitlement confirmation in Next.js, featuring plan details, expiration dates, and active seat counts using shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-license-key-activated.tsx","type":"registry:block","target":"components/blocks/success/success-license-key-activated.tsx"}]},{"name":"success-bulk-update","type":"registry:block","title":"Success Bulk Update","description":"React success block for mass record updates in Next.js, featuring a counter of affected records, an undo action, and a summary of property changes using shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-bulk-update.tsx","type":"registry:block","target":"components/blocks/success/success-bulk-update.tsx"}]},{"name":"success-benefits-selected","type":"registry:block","title":"Success Benefits Selected","description":"An HR operations success state for employee benefits enrollment featuring plan summaries and coverage timelines, built with React, Next.js, and shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-benefits-selected.tsx","type":"registry:block","target":"components/blocks/success/success-benefits-selected.tsx"}]},{"name":"success-certificate-issued","type":"registry:block","title":"Success Certificate Issued","description":"A security-focused success block for SSL/TLS certificate issuance, featuring auto-renewal status and expiration tracking, built with React, Next.js, and shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-certificate-issued.tsx","type":"registry:block","target":"components/blocks/success/success-certificate-issued.tsx"}]},{"name":"success-backup-created","type":"registry:block","title":"Success Backup Created","description":"React success block for database or file backup confirmation in Next.js, featuring snapshot size, restoration instructions, and storage location details using shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-backup-created.tsx","type":"registry:block","target":"components/blocks/success/success-backup-created.tsx"}]},{"name":"success-integration-added","type":"registry:block","title":"Success Integration Added","description":"A clean success block for third-party service connections (Slack, Discord, etc.), featuring connection status and quick settings, built with React, Next.js, and shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-integration-added.tsx","type":"registry:block","target":"components/blocks/success/success-integration-added.tsx"}]},{"name":"success-system-rebooted","type":"registry:block","title":"Success System Rebooted","description":"React success block for server restart or service reboot confirmation in Next.js, featuring uptime tracking, service health checks, and process status using shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-system-rebooted.tsx","type":"registry:block","target":"components/blocks/success/success-system-rebooted.tsx"}]},{"name":"success-oncall-swapped","type":"registry:block","title":"Success Oncall Swapped","description":"An incident response and operations success state for on-call shift swaps featuring PagerDuty integration status, built with React, Next.js, and shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-oncall-swapped.tsx","type":"registry:block","target":"components/blocks/success/success-oncall-swapped.tsx"}]},{"name":"success-build-passed","type":"registry:block","title":"Success Build Passed","description":"A CI/CD pipeline success block that confirms a green build with test results and artifact details, built with React, Next.js, and shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-build-passed.tsx","type":"registry:block","target":"components/blocks/success/success-build-passed.tsx"}]},{"name":"success-loyalty-tier-unlocked","type":"registry:block","title":"Success Loyalty Tier Unlocked","description":"A marketing success block for loyalty program advancement, featuring tier details and active rewards, built with React, Next.js, and shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-loyalty-tier-unlocked.tsx","type":"registry:block","target":"components/blocks/success/success-loyalty-tier-unlocked.tsx"}]},{"name":"success-webinar-registered","type":"registry:block","title":"Success Webinar Registered","description":"A marketing success block for webinar registrations, featuring event details and calendar integration, built with React, Next.js, and shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-webinar-registered.tsx","type":"registry:block","target":"components/blocks/success/success-webinar-registered.tsx"}]},{"name":"success-audit-passed","type":"registry:block","title":"Success Audit Passed","description":"React success block for security audits or compliance scan completion in Next.js, featuring risk assessment scores, vulnerability summaries, and certification badges using shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-audit-passed.tsx","type":"registry:block","target":"components/blocks/success/success-audit-passed.tsx"}]},{"name":"success-role-updated","type":"registry:block","title":"Success Role Updated","description":"A security-focused success block for user role changes and permission elevations, featuring a summary of new access levels, built with React, Next.js, and shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-role-updated.tsx","type":"registry:block","target":"components/blocks/success/success-role-updated.tsx"}]},{"name":"success-vendor-onboarded","type":"registry:block","title":"Success Vendor Onboarded","description":"A B2B and operations success state for vendor management featuring portal activation and contract finalization, built with React, Next.js, and shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-vendor-onboarded.tsx","type":"registry:block","target":"components/blocks/success/success-vendor-onboarded.tsx"}]},{"name":"success-export-ready","type":"registry:block","title":"Success Export Ready","description":"React success block for data export completion in Next.js, featuring a secure download link, expiration notice, and file metadata summary using shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-export-ready.tsx","type":"registry:block","target":"components/blocks/success/success-export-ready.tsx"}]},{"name":"success-support-resolved","type":"registry:block","title":"Success Support Resolved","description":"A clean and professional success block for confirming the resolution of a support ticket, featuring a satisfaction rating prompt and archival information, built with React, Next.js, and shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-support-resolved.tsx","type":"registry:block","target":"components/blocks/success/success-support-resolved.tsx"}]},{"name":"success-referral-accepted","type":"registry:block","title":"Success Referral Accepted","description":"A celebratory success screen for confirming a successful referral, featuring bonus reward details and easy sharing actions, built with React, Next.js, and shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-referral-accepted.tsx","type":"registry:block","target":"components/blocks/success/success-referral-accepted.tsx"}]},{"name":"success-payout-sent","type":"registry:block","title":"Success Payout Sent","description":"React success block for affiliate and creator payouts in Next.js with a visual processing timeline, bank transfer details, and arrival estimation using shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-payout-sent.tsx","type":"registry:block","target":"components/blocks/success/success-payout-sent.tsx"}]},{"name":"success-webhook-tested","type":"registry:block","title":"Success Webhook Tested","description":"React success block for webhook delivery testing confirmation in Next.js, featuring payload delivery status, response codes, and timing metrics using shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-webhook-tested.tsx","type":"registry:block","target":"components/blocks/success/success-webhook-tested.tsx"}]},{"name":"success-deployment-live","type":"registry:block","title":"Success Deployment Live","description":"A Vercel-style deployment summary block that confirms a successful production push with live URL and branch details, built with React, Next.js, and shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-deployment-live.tsx","type":"registry:block","target":"components/blocks/success/success-deployment-live.tsx"}]},{"name":"success-level-up","type":"registry:block","title":"Success Level Up","description":"A gamified success block for user tier advancement or plan upgrades, featuring unlocked perks and progress visuals, built with React, Next.js, and shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-level-up.tsx","type":"registry:block","target":"components/blocks/success/success-level-up.tsx"}]},{"name":"success-card-updated","type":"registry:block","title":"Success Card Updated","description":"React success block for payment method updates in Next.js with secure masking, card type detection, and default status confirmation using shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/success/success-card-updated.tsx","type":"registry:block","target":"components/blocks/success/success-card-updated.tsx"}]},{"name":"success-backup-restored","type":"registry:block","title":"Success Backup Restored","description":"React success block for database or file system restoration confirmation in Next.js, featuring data integrity checks, restoration timestamps, and source snapshot details using shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-backup-restored.tsx","type":"registry:block","target":"components/blocks/success/success-backup-restored.tsx"}]},{"name":"success-settings-saved","type":"registry:block","title":"Success Settings Saved","description":"React success block for global preferences or system settings update confirmation in Next.js, featuring change summaries, propagation status, and versioning details using shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-settings-saved.tsx","type":"registry:block","target":"components/blocks/success/success-settings-saved.tsx"}]},{"name":"success-sync-completed","type":"registry:block","title":"Success Sync Completed","description":"React success block for data synchronization confirmation in Next.js, featuring last synced timestamps, health check status, and latency metrics using shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-sync-completed.tsx","type":"registry:block","target":"components/blocks/success/success-sync-completed.tsx"}]},{"name":"success-workspace-transferred","type":"registry:block","title":"Success Workspace Transferred","description":"A collaborative success block for workspace ownership transfer, featuring participant summaries and access status updates, built with React, Next.js, and shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-workspace-transferred.tsx","type":"registry:block","target":"components/blocks/success/success-workspace-transferred.tsx"}]},{"name":"success-project-created","type":"registry:block","title":"Success Project Created","description":"A comprehensive success block for new project or workspace initialization, featuring repository links and quick-start commands, built with React, Next.js, and shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/success/success-project-created.tsx","type":"registry:block","target":"components/blocks/success/success-project-created.tsx"}]},{"name":"billing-settings-sidebar-nav","type":"registry:block","title":"Billing Settings Sidebar Nav","description":"A specialized billing navigation block for React and Next.js that provides a vertical sidebar for plan, usage, and invoice settings built with shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/billing/billing-settings-sidebar-nav.tsx","type":"registry:block","target":"components/blocks/billing/billing-settings-sidebar-nav.tsx"}]},{"name":"billing-estimate-calculator","type":"registry:block","title":"Billing Estimate Calculator","description":"A billing estimate and price calculator block for React and Next.js with interactive sliders and real-time cost projections built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","slider","tooltip"],"premium":true,"files":[{"path":"blocks/billing/billing-estimate-calculator.tsx","type":"registry:block","target":"components/blocks/billing/billing-estimate-calculator.tsx"}]},{"name":"billing-multi-currency-invoice-preview","type":"registry:block","title":"Billing Multi Currency Invoice Preview","description":"A dynamic invoice preview component for React and Next.js allowing users to toggle between multiple currencies and view real-time exchange rate conversions built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/billing/billing-multi-currency-invoice-preview.tsx","type":"registry:block","target":"components/blocks/billing/billing-multi-currency-invoice-preview.tsx"}]},{"name":"billing-cart-mini","type":"registry:block","title":"Billing Cart Mini","description":"A compact shopping cart preview block for React and Next.js with item counters, dynamic subtotals using NumberFlow, and quick checkout actions built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/billing/billing-cart-mini.tsx","type":"registry:block","target":"components/blocks/billing/billing-cart-mini.tsx"}]},{"name":"billing-subscription-summary","type":"registry:block","title":"Billing Subscription Summary","description":"A subscription summary block for React and Next.js with plan overview, usage bar, renewal date, and upgrade actions built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","date-fns","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/billing/billing-subscription-summary.tsx","type":"registry:block","target":"components/blocks/billing/billing-subscription-summary.tsx"}]},{"name":"billing-sso-addon-pricing","type":"registry:block","title":"Billing Sso Addon Pricing","description":"A targeted enterprise billing block for React and Next.js to upsell SSO (SAML/SCIM) security features built with shadcn/ui and Framer Motion.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/billing/billing-sso-addon-pricing.tsx","type":"registry:block","target":"components/blocks/billing/billing-sso-addon-pricing.tsx"}]},{"name":"billing-add-on-usage-breakdown","type":"registry:block","title":"Billing Add On Usage Breakdown","description":"A detailed usage analysis component for React and Next.js that visualizes the consumption and cost of individual plan add-ons built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/billing/billing-add-on-usage-breakdown.tsx","type":"registry:block","target":"components/blocks/billing/billing-add-on-usage-breakdown.tsx"}]},{"name":"billing-receipt-email-preview","type":"registry:block","title":"Billing Receipt Email Preview","description":"A billing receipt preview block for React and Next.js that mimics an automated email layout with transaction details built with shadcn/ui and Framer Motion.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/billing/billing-receipt-email-preview.tsx","type":"registry:block","target":"components/blocks/billing/billing-receipt-email-preview.tsx"}]},{"name":"billing-referral-dashboard-mini","type":"registry:block","title":"Billing Referral Dashboard Mini","description":"A condensed partner performance block for React and Next.js featuring referral conversion tracking, click-through rates, and earned commission previews built with shadcn/ui and NumberFlow.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/billing/billing-referral-dashboard-mini.tsx","type":"registry:block","target":"components/blocks/billing/billing-referral-dashboard-mini.tsx"}]},{"name":"billing-payment-failure-recovery","type":"registry:block","title":"Billing Payment Failure Recovery","description":"A focused UI for resolving payment failures and updating cards for React and Next.js, built with shadcn/ui and framer-motion.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/billing/billing-payment-failure-recovery.tsx","type":"registry:block","target":"components/blocks/billing/billing-payment-failure-recovery.tsx"}]},{"name":"billing-receipt-details","type":"registry:block","title":"Billing Receipt Details","description":"A detailed receipt breakdown block for React and Next.js with line-item descriptions, tax calculations, payment method summary, and print actions built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/billing/billing-receipt-details.tsx","type":"registry:block","target":"components/blocks/billing/billing-receipt-details.tsx"}]},{"name":"billing-no-card-required-badge","type":"registry:block","title":"Billing No Card Required Badge","description":"A high-conversion \"No Credit Card Required\" badge for SaaS landing pages and trials, built with React, Next.js, and framer-motion.","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/billing/billing-no-card-required-badge.tsx","type":"registry:block","target":"components/blocks/billing/billing-no-card-required-badge.tsx"}]},{"name":"billing-service-status-integration","type":"registry:block","title":"Billing Service Status Integration","description":"A billing trust block for React and Next.js that shows the real-time status of payment providers (Stripe, PayPal) to prevent checkout errors built with shadcn/ui.","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/billing/billing-service-status-integration.tsx","type":"registry:block","target":"components/blocks/billing/billing-service-status-integration.tsx"}]},{"name":"billing-statement-descriptor","type":"registry:block","title":"Billing Statement Descriptor","description":"A configuration block for managing bank statement descriptors for SaaS payments featuring real-time character counting, validation, and preview built with shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","label"],"premium":true,"files":[{"path":"blocks/billing/billing-statement-descriptor.tsx","type":"registry:block","target":"components/blocks/billing/billing-statement-descriptor.tsx"}]},{"name":"billing-subscription-pause","type":"registry:block","title":"Billing Subscription Pause","description":"A retention-focused subscription management block for SaaS platforms featuring flexible pause durations, benefit preservation summaries, and one-click reactivation built with shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","select"],"premium":true,"files":[{"path":"blocks/billing/billing-subscription-pause.tsx","type":"registry:block","target":"components/blocks/billing/billing-subscription-pause.tsx"}]},{"name":"billing-address-form","type":"registry:block","title":"Billing Address Form","description":"A clean billing address and tax ID form for React and Next.js with borderless inputs, country selection, and 'Save Changes' actions built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","select"],"premium":true,"files":[{"path":"blocks/billing/billing-address-form.tsx","type":"registry:block","target":"components/blocks/billing/billing-address-form.tsx"}]},{"name":"billing-cancel-subscription","type":"registry:block","title":"Billing Cancel Subscription","description":"A subscription cancellation flow block for React and Next.js with retention offers, reason surveys, and impact warnings built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","label","radio-group"],"premium":true,"files":[{"path":"blocks/billing/billing-cancel-subscription.tsx","type":"registry:block","target":"components/blocks/billing/billing-cancel-subscription.tsx"}]},{"name":"billing-order-confirmation","type":"registry:block","title":"Billing Order Confirmation","description":"A clean and professional order confirmation screen for SaaS purchases in React and Next.js, featuring order IDs, receipt links, and next steps built with shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/billing/billing-order-confirmation.tsx","type":"registry:block","target":"components/blocks/billing/billing-order-confirmation.tsx"}]},{"name":"billing-checkout-stepper","type":"registry:block","title":"Billing Checkout Stepper","description":"A multi-step checkout progress indicator for React and Next.js with animated transitions, state tracking, and accessible labels built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/billing/billing-checkout-stepper.tsx","type":"registry:block","target":"components/blocks/billing/billing-checkout-stepper.tsx"}]},{"name":"billing-contact-support","type":"registry:block","title":"Billing Contact Support","description":"A bespoke billing assistance block for React and Next.js with priority support indicators, common FAQ links, and direct contact actions built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/billing/billing-contact-support.tsx","type":"registry:block","target":"components/blocks/billing/billing-contact-support.tsx"}]},{"name":"billing-pro-rated-calculation","type":"registry:block","title":"Billing Pro Rated Calculation","description":"A billing pro-ration calculation block for React and Next.js that shows credit adjustments and new plan costs for mid-cycle upgrades using shadcn/ui and NumberFlow.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/billing/billing-pro-rated-calculation.tsx","type":"registry:block","target":"components/blocks/billing/billing-pro-rated-calculation.tsx"}]},{"name":"billing-usage-anomaly-alert","type":"registry:block","title":"Billing Usage Anomaly Alert","description":"A proactive billing alert component for React and Next.js that detects and notifies users of unusual spending spikes built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/billing/billing-usage-anomaly-alert.tsx","type":"registry:block","target":"components/blocks/billing/billing-usage-anomaly-alert.tsx"}]},{"name":"billing-plan-comparison-minimal","type":"registry:block","title":"Billing Plan Comparison Minimal","description":"A condensed, high-density plan comparison table for React and Next.js, focusing on key differences and rapid decision making built with shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/billing/billing-plan-comparison-minimal.tsx","type":"registry:block","target":"components/blocks/billing/billing-plan-comparison-minimal.tsx"}]},{"name":"billing-subscription-tier-benefits","type":"registry:block","title":"Billing Subscription Tier Benefits","description":"A clear and persuasive plan comparison component for React and Next.js highlighting the unique features and value of each subscription tier built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/billing/billing-subscription-tier-benefits.tsx","type":"registry:block","target":"components/blocks/billing/billing-subscription-tier-benefits.tsx"}]},{"name":"billing-grace-period-countdown","type":"registry:block","title":"Billing Grace Period Countdown","description":"A high-urgency billing block for React and Next.js to display remaining access time during a payment grace period built with shadcn/ui and NumberFlow.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","progress"],"premium":true,"files":[{"path":"blocks/billing/billing-grace-period-countdown.tsx","type":"registry:block","target":"components/blocks/billing/billing-grace-period-countdown.tsx"}]},{"name":"billing-on-demand-billing","type":"registry:block","title":"Billing On Demand Billing","description":"A configuration block for pay-as-you-go or on-demand resource billing for React and Next.js, featuring usage toggles and credit thresholds built with shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","switch","tooltip"],"premium":true,"files":[{"path":"blocks/billing/billing-on-demand-billing.tsx","type":"registry:block","target":"components/blocks/billing/billing-on-demand-billing.tsx"}]},{"name":"billing-tier-usage-limits","type":"registry:block","title":"Billing Tier Usage Limits","description":"A multi-resource usage monitoring block for tiered SaaS plans featuring visual progress indicators, limit thresholds, and upgrade prompts built with shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","progress"],"premium":true,"files":[{"path":"blocks/billing/billing-tier-usage-limits.tsx","type":"registry:block","target":"components/blocks/billing/billing-tier-usage-limits.tsx"}]},{"name":"billing-add-card","type":"registry:block","title":"Billing Add Card","description":"A secure card entry form for React and Next.js with field validation, brand detection, and encrypted submit actions built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","label"],"premium":true,"files":[{"path":"blocks/billing/billing-add-card.tsx","type":"registry:block","target":"components/blocks/billing/billing-add-card.tsx"}]},{"name":"billing-downgrade-options","type":"registry:block","title":"Billing Downgrade Options","description":"A billing downgrade and plan transition block for React and Next.js with feature impact analysis and retention prompts built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/billing/billing-downgrade-options.tsx","type":"registry:block","target":"components/blocks/billing/billing-downgrade-options.tsx"}]},{"name":"billing-feature-usage-heat-map","type":"registry:block","title":"Billing Feature Usage Heat Map","description":"A high-density data visualization component for React and Next.js that shows the distribution and intensity of feature usage across a time period built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/billing/billing-feature-usage-heat-map.tsx","type":"registry:block","target":"components/blocks/billing/billing-feature-usage-heat-map.tsx"}]},{"name":"billing-audit-logs","type":"registry:block","title":"Billing Audit Logs","description":"A billing-specific audit log block for React and Next.js with event filtering, user attribution, and semantic status indicators built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/billing/billing-audit-logs.tsx","type":"registry:block","target":"components/blocks/billing/billing-audit-logs.tsx"}]},{"name":"billing-discount-badge","type":"registry:block","title":"Billing Discount Badge","description":"A billing discount and promotional badge block for React and Next.js with interactive highlights and countdown indicators built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/billing/billing-discount-badge.tsx","type":"registry:block","target":"components/blocks/billing/billing-discount-badge.tsx"}]},{"name":"billing-metered-usage-forecast","type":"registry:block","title":"Billing Metered Usage Forecast","description":"A predictive usage analytics component for React and Next.js forecasting upcoming costs based on real-time consumption patterns built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/billing/billing-metered-usage-forecast.tsx","type":"registry:block","target":"components/blocks/billing/billing-metered-usage-forecast.tsx"}]},{"name":"billing-feature-gating-preview","type":"registry:block","title":"Billing Feature Gating Preview","description":"A billing feature gating and locked feature preview block for React and Next.js with visual locks and upgrade prompts built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/billing/billing-feature-gating-preview.tsx","type":"registry:block","target":"components/blocks/billing/billing-feature-gating-preview.tsx"}]},{"name":"billing-payment-method-expiry","type":"registry:block","title":"Billing Payment Method Expiry","description":"A proactive warning block for expiring credit cards in React and Next.js, featuring urgency indicators and quick update actions built with shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/billing/billing-payment-method-expiry.tsx","type":"registry:block","target":"components/blocks/billing/billing-payment-method-expiry.tsx"}]},{"name":"billing-reactivate-subscription","type":"registry:block","title":"Billing Reactivate Subscription","description":"A win-back billing CTA for React and Next.js to help users resume cancelled subscriptions before their access expires built with shadcn/ui and Framer Motion.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/billing/billing-reactivate-subscription.tsx","type":"registry:block","target":"components/blocks/billing/billing-reactivate-subscription.tsx"}]},{"name":"billing-subscription-re-activation-offer","type":"registry:block","title":"Billing Subscription Re Activation Offer","description":"A high-conversion win-back component for React and Next.js designed to encourage churned users to return with limited-time discounts built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/billing/billing-subscription-re-activation-offer.tsx","type":"registry:block","target":"components/blocks/billing/billing-subscription-re-activation-offer.tsx"}]},{"name":"billing-overage-charges","type":"registry:block","title":"Billing Overage Charges","description":"A clear breakdown of resource overages and additional charges for React and Next.js, featuring usage limits and cost calculators built with shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["progress"],"premium":true,"files":[{"path":"blocks/billing/billing-overage-charges.tsx","type":"registry:block","target":"components/blocks/billing/billing-overage-charges.tsx"}]},{"name":"billing-stripe-connect-status","type":"registry:block","title":"Billing Stripe Connect Status","description":"A merchant onboarding and payout status block for Stripe Connect platforms featuring verification checklists, payout schedules, and account health monitoring built with shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/billing/billing-stripe-connect-status.tsx","type":"registry:block","target":"components/blocks/billing/billing-stripe-connect-status.tsx"}]},{"name":"billing-portal-link","type":"registry:block","title":"Billing Portal Link","description":"A dedicated link block for accessing the Stripe Customer Portal or internal billing management for React and Next.js, built with shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/billing/billing-portal-link.tsx","type":"registry:block","target":"components/blocks/billing/billing-portal-link.tsx"}]},{"name":"billing-seat-usage-bar","type":"registry:block","title":"Billing Seat Usage Bar","description":"A condensed team billing block for React and Next.js to track active versus total seats with animated progress indicators built with shadcn/ui and NumberFlow.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/billing/billing-seat-usage-bar.tsx","type":"registry:block","target":"components/blocks/billing/billing-seat-usage-bar.tsx"}]},{"name":"billing-custom-amount","type":"registry:block","title":"Billing Custom Amount","description":"A flexible manual payment entry block for React and Next.js with real-time validation, price-per-unit calculations, and animated totals built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","label"],"premium":true,"files":[{"path":"blocks/billing/billing-custom-amount.tsx","type":"registry:block","target":"components/blocks/billing/billing-custom-amount.tsx"}]},{"name":"billing-email-preferences","type":"registry:block","title":"Billing Email Preferences","description":"A billing notifications and email preferences block for React and Next.js with toggleable alerts and recipient management built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","label","switch"],"premium":true,"files":[{"path":"blocks/billing/billing-email-preferences.tsx","type":"registry:block","target":"components/blocks/billing/billing-email-preferences.tsx"}]},{"name":"billing-payout-destination-form","type":"registry:block","title":"Billing Payout Destination Form","description":"A secure partner billing configuration block for React and Next.js to manage bank accounts, PayPal, and tax identifiers built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","input","label","select"],"premium":true,"files":[{"path":"blocks/billing/billing-payout-destination-form.tsx","type":"registry:block","target":"components/blocks/billing/billing-payout-destination-form.tsx"}]},{"name":"billing-startup-discount-application","type":"registry:block","title":"Billing Startup Discount Application","description":"A professional startup discount application form for SaaS platforms featuring eligibility checks, company verification, and dynamic discount previews built with shadcn/ui and framer-motion.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","input","label"],"premium":true,"files":[{"path":"blocks/billing/billing-startup-discount-application.tsx","type":"registry:block","target":"components/blocks/billing/billing-startup-discount-application.tsx"}]},{"name":"billing-credit-refund-request","type":"registry:block","title":"Billing Credit Refund Request","description":"A user-friendly financial adjustment component for React and Next.js that allows customers to request refunds for unused credits or overcharged transactions built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/billing/billing-credit-refund-request.tsx","type":"registry:block","target":"components/blocks/billing/billing-credit-refund-request.tsx"}]},{"name":"billing-purchase-order-form","type":"registry:block","title":"Billing Purchase Order Form","description":"A professional enterprise billing form for React and Next.js to handle Purchase Orders (PO), tax IDs, and manual invoicing built with shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","label"],"premium":true,"files":[{"path":"blocks/billing/billing-purchase-order-form.tsx","type":"registry:block","target":"components/blocks/billing/billing-purchase-order-form.tsx"}]},{"name":"billing-feature-comparison-table","type":"registry:block","title":"Billing Feature Comparison Table","description":"A billing feature comparison and plan matrix block for React and Next.js with semantic checkmarks and tier-based highlighting built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["table"],"premium":true,"files":[{"path":"blocks/billing/billing-feature-comparison-table.tsx","type":"registry:block","target":"components/blocks/billing/billing-feature-comparison-table.tsx"}]},{"name":"billing-invoice-list","type":"registry:block","title":"Billing Invoice List","description":"A billing invoice list block for React and Next.js with status indicators, download actions, and date-based sorting built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/billing/billing-invoice-list.tsx","type":"registry:block","target":"components/blocks/billing/billing-invoice-list.tsx"}]},{"name":"billing-early-access-pricing","type":"registry:block","title":"Billing Early Access Pricing","description":"A billing early access and introductory pricing block for React and Next.js with exclusive tier highlights and limited-time offer styling built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/billing/billing-early-access-pricing.tsx","type":"registry:block","target":"components/blocks/billing/billing-early-access-pricing.tsx"}]},{"name":"billing-managed-services-pricing","type":"registry:block","title":"Billing Managed Services Pricing","description":"A billing managed services and concierge plan block for React and Next.js with human-support highlights and custom onboarding features built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/billing/billing-managed-services-pricing.tsx","type":"registry:block","target":"components/blocks/billing/billing-managed-services-pricing.tsx"}]},{"name":"billing-role-permissions-pricing","type":"registry:block","title":"Billing Role Permissions Pricing","description":"A billing security block for React and Next.js that visualizes feature access across different team roles built with shadcn/ui and Framer Motion.","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/billing/billing-role-permissions-pricing.tsx","type":"registry:block","target":"components/blocks/billing/billing-role-permissions-pricing.tsx"}]},{"name":"billing-credit-expiry","type":"registry:block","title":"Billing Credit Expiry","description":"An alert-driven block for React and Next.js showing upcoming credit expiration dates with countdowns, urgency indicators, and usage suggestions built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","date-fns","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/billing/billing-credit-expiry.tsx","type":"registry:block","target":"components/blocks/billing/billing-credit-expiry.tsx"}]},{"name":"billing-promotion-banner","type":"registry:block","title":"Billing Promotion Banner","description":"A high-conversion billing promotion banner for React and Next.js with countdown timers and discount code application built with shadcn/ui and Framer Motion.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/billing/billing-promotion-banner.tsx","type":"registry:block","target":"components/blocks/billing/billing-promotion-banner.tsx"}]},{"name":"billing-family-plan-members","type":"registry:block","title":"Billing Family Plan Members","description":"A user-facing subscription management block for React and Next.js to manage shared family or team seats within a single billing account built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/billing/billing-family-plan-members.tsx","type":"registry:block","target":"components/blocks/billing/billing-family-plan-members.tsx"}]},{"name":"billing-plan-selector","type":"registry:block","title":"Billing Plan Selector","description":"A plan selector block for React and Next.js with monthly/yearly toggle, animated price transitions using NumberFlow, and per-seat calculation built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/billing/billing-plan-selector.tsx","type":"registry:block","target":"components/blocks/billing/billing-plan-selector.tsx"}]},{"name":"billing-churn-prevention-offer","type":"registry:block","title":"Billing Churn Prevention Offer","description":"A churn prevention block with limited-time discount offers, feature highlights, and retention incentives built with shadcn/ui and Framer Motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","card"],"premium":true,"files":[{"path":"blocks/billing/billing-churn-prevention-offer.tsx","type":"registry:block","target":"components/blocks/billing/billing-churn-prevention-offer.tsx"}]},{"name":"billing-overdue-account-warning","type":"registry:block","title":"Billing Overdue Account Warning","description":"A high-urgency billing alert block for React and Next.js to notify users of failed payments and overdue balances built with shadcn/ui and NumberFlow.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/billing/billing-overdue-account-warning.tsx","type":"registry:block","target":"components/blocks/billing/billing-overdue-account-warning.tsx"}]},{"name":"billing-priority-support-toggle","type":"registry:block","title":"Billing Priority Support Toggle","description":"A premium add-on toggle for priority support services in React and Next.js, featuring real-time cost adjustments built with shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","switch"],"premium":true,"files":[{"path":"blocks/billing/billing-priority-support-toggle.tsx","type":"registry:block","target":"components/blocks/billing/billing-priority-support-toggle.tsx"}]},{"name":"billing-transaction-id-copy","type":"registry:block","title":"Billing Transaction Id Copy","description":"A utility-focused billing block for easily retrieving and copying complex transaction identifiers (Stripe IDs, Bank references) featuring toast notifications and security-first design built with shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/billing/billing-transaction-id-copy.tsx","type":"registry:block","target":"components/blocks/billing/billing-transaction-id-copy.tsx"}]},{"name":"billing-add-on-marketplace","type":"registry:block","title":"Billing Add On Marketplace","description":"A modular marketplace block for browsing and purchasing optional SaaS features, add-ons, or usage-based boosters.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/billing/billing-add-on-marketplace.tsx","type":"registry:block","target":"components/blocks/billing/billing-add-on-marketplace.tsx"}]},{"name":"billing-app-store-receipt","type":"registry:block","title":"Billing App Store Receipt","description":"A clean, mobile-inspired receipt block for App Store or Google Play subscriptions, formatted for SaaS platform integration.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/billing/billing-app-store-receipt.tsx","type":"registry:block","target":"components/blocks/billing/billing-app-store-receipt.tsx"}]},{"name":"billing-compliance-certificate-request","type":"registry:block","title":"Billing Compliance Certificate Request","description":"A specialized component for requesting tax residency and compliance certificates in React and Next.js with multi-region support and automated fulfillment built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/billing/billing-compliance-certificate-request.tsx","type":"registry:block","target":"components/blocks/billing/billing-compliance-certificate-request.tsx"}]},{"name":"billing-payout-history","type":"registry:block","title":"Billing Payout History","description":"A professional payout history list for platform sellers and affiliates in React and Next.js, featuring status tracking and export options built with shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/billing/billing-payout-history.tsx","type":"registry:block","target":"components/blocks/billing/billing-payout-history.tsx"}]},{"name":"billing-billing-cycle-info","type":"registry:block","title":"Billing Billing Cycle Info","description":"A transparent billing information block that clarifies next billing dates, prorated charges, and cycle duration for active subscriptions.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/billing/billing-billing-cycle-info.tsx","type":"registry:block","target":"components/blocks/billing/billing-billing-cycle-info.tsx"}]},{"name":"billing-update-card-modal","type":"registry:block","title":"Billing Update Card Modal","description":"A focused, secure payment method update block for SaaS accounts featuring real-time card validation, secure input placeholders, and brand-specific formatting built with shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","label"],"premium":true,"files":[{"path":"blocks/billing/billing-update-card-modal.tsx","type":"registry:block","target":"components/blocks/billing/billing-update-card-modal.tsx"}]},{"name":"billing-auto-recharge","type":"registry:block","title":"Billing Auto Recharge","description":"An auto-recharge and credit balance block for React and Next.js with threshold slider, status toggle, and low-balance alerts built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","slider","switch"],"premium":true,"files":[{"path":"blocks/billing/billing-auto-recharge.tsx","type":"registry:block","target":"components/blocks/billing/billing-auto-recharge.tsx"}]},{"name":"billing-prepaid-credits","type":"registry:block","title":"Billing Prepaid Credits","description":"A credit bundle purchase UI for token-based or credit-based SaaS in React and Next.js, featuring bulk savings built with shadcn/ui and NumberFlow.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/billing/billing-prepaid-credits.tsx","type":"registry:block","target":"components/blocks/billing/billing-prepaid-credits.tsx"}]},{"name":"billing-api-credits","type":"registry:block","title":"Billing Api Credits","description":"A credit balance management block for React and Next.js with animated totals, usage tracking, and quick top-up actions built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","progress"],"premium":true,"files":[{"path":"blocks/billing/billing-api-credits.tsx","type":"registry:block","target":"components/blocks/billing/billing-api-credits.tsx"}]},{"name":"billing-data-retention-plan","type":"registry:block","title":"Billing Data Retention Plan","description":"A billing data retention management block for React and Next.js with toggleable plans and capacity indicators built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","radio-group","switch"],"premium":true,"files":[{"path":"blocks/billing/billing-data-retention-plan.tsx","type":"registry:block","target":"components/blocks/billing/billing-data-retention-plan.tsx"}]},{"name":"billing-wallet-recharge","type":"registry:block","title":"Billing Wallet Recharge","description":"A sleek wallet balance recharge block with preset amount buttons, custom input, and secure payment method selection for React and Next.js.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","label"],"premium":true,"files":[{"path":"blocks/billing/billing-wallet-recharge.tsx","type":"registry:block","target":"components/blocks/billing/billing-wallet-recharge.tsx"}]},{"name":"billing-notification-center","type":"registry:block","title":"Billing Notification Center","description":"A dedicated notification center for billing events, failed payments, and credit updates for React and Next.js, built with shadcn/ui and framer-motion.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/billing/billing-notification-center.tsx","type":"registry:block","target":"components/blocks/billing/billing-notification-center.tsx"}]},{"name":"billing-loyalty-points-summary","type":"registry:block","title":"Billing Loyalty Points Summary","description":"A user-facing billing block for React and Next.js to display loyalty program status, earned points, and redemption options built with shadcn/ui and NumberFlow.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","progress"],"premium":true,"files":[{"path":"blocks/billing/billing-loyalty-points-summary.tsx","type":"registry:block","target":"components/blocks/billing/billing-loyalty-points-summary.tsx"}]},{"name":"billing-saved-address-list","type":"registry:block","title":"Billing Saved Address List","description":"A billing address management block for React and Next.js that handles multiple saved locations for enterprise invoicing built with shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/billing/billing-saved-address-list.tsx","type":"registry:block","target":"components/blocks/billing/billing-saved-address-list.tsx"}]},{"name":"billing-base-fee-breakdown","type":"registry:block","title":"Billing Base Fee Breakdown","description":"A detailed cost breakdown block that explains the components of a base subscription fee, including platform costs and included features.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/billing/billing-base-fee-breakdown.tsx","type":"registry:block","target":"components/blocks/billing/billing-base-fee-breakdown.tsx"}]},{"name":"billing-procurement-contact-details","type":"registry:block","title":"Billing Procurement Contact Details","description":"A specialized contact management component for React and Next.js designed for B2B platforms to store and display procurement and accounts payable information built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/billing/billing-procurement-contact-details.tsx","type":"registry:block","target":"components/blocks/billing/billing-procurement-contact-details.tsx"}]},{"name":"billing-paypal-integration","type":"registry:block","title":"Billing Paypal Integration","description":"A specialized setup and status block for PayPal payments in React and Next.js, featuring account linking and active state indicators built with shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/billing/billing-paypal-integration.tsx","type":"registry:block","target":"components/blocks/billing/billing-paypal-integration.tsx"}]},{"name":"billing-payment-link-generator","type":"registry:block","title":"Billing Payment Link Generator","description":"A merchant-facing utility for React and Next.js that allows quick generation of shareable payment links for custom amounts or specific products built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/billing/billing-payment-link-generator.tsx","type":"registry:block","target":"components/blocks/billing/billing-payment-link-generator.tsx"}]},{"name":"billing-storage-quota-manager","type":"registry:block","title":"Billing Storage Quota Manager","description":"A billing-integrated storage management block for SaaS platforms featuring usage visualization, dynamic quota upgrades, and cost calculation built with shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","progress"],"premium":true,"files":[{"path":"blocks/billing/billing-storage-quota-manager.tsx","type":"registry:block","target":"components/blocks/billing/billing-storage-quota-manager.tsx"}]},{"name":"billing-payment-methods","type":"registry:block","title":"Billing Payment Methods","description":"A payment method management block for React and Next.js with saved card list, default indicators, expiration alerts, and 'Add New' actions built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/billing/billing-payment-methods.tsx","type":"registry:block","target":"components/blocks/billing/billing-payment-methods.tsx"}]},{"name":"billing-enterprise-request","type":"registry:block","title":"Billing Enterprise Request","description":"A billing enterprise inquiry and custom plan request block for React and Next.js with specialized lead capture and feature requirements built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","checkbox","input","textarea"],"premium":true,"files":[{"path":"blocks/billing/billing-enterprise-request.tsx","type":"registry:block","target":"components/blocks/billing/billing-enterprise-request.tsx"}]},{"name":"billing-commission-rate-override","type":"registry:block","title":"Billing Commission Rate Override","description":"A specialized admin billing block for React and Next.js to manage custom commission rates and partner-specific overrides built with shadcn/ui and NumberFlow.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","input","label","switch"],"premium":true,"files":[{"path":"blocks/billing/billing-commission-rate-override.tsx","type":"registry:block","target":"components/blocks/billing/billing-commission-rate-override.tsx"}]},{"name":"billing-bandwidth-usage-chart","type":"registry:block","title":"Billing Bandwidth Usage Chart","description":"A visual usage tracking block featuring an interactive chart for bandwidth consumption, storage limits, and overage projections.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["progress"],"premium":true,"files":[{"path":"blocks/billing/billing-bandwidth-usage-chart.tsx","type":"registry:block","target":"components/blocks/billing/billing-bandwidth-usage-chart.tsx"}]},{"name":"billing-departmental-billing-split","type":"registry:block","title":"Billing Departmental Billing Split","description":"A complex cost allocation component for React and Next.js that allows users to distribute the cost of shared resources across multiple departments by percentage built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/billing/billing-departmental-billing-split.tsx","type":"registry:block","target":"components/blocks/billing/billing-departmental-billing-split.tsx"}]},{"name":"billing-renewal-alert-banner","type":"registry:block","title":"Billing Renewal Alert Banner","description":"A high-impact billing banner for React and Next.js to notify users of upcoming annual renewals and prevent surprise charges built with shadcn/ui and Framer Motion.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/billing/billing-renewal-alert-banner.tsx","type":"registry:block","target":"components/blocks/billing/billing-renewal-alert-banner.tsx"}]},{"name":"billing-invoice-consolidation-settings","type":"registry:block","title":"Billing Invoice Consolidation Settings","description":"A professional billing configuration block for React and Next.js to manage multi-resource invoice grouping and consolidation preferences built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","label","select","switch"],"premium":true,"files":[{"path":"blocks/billing/billing-invoice-consolidation-settings.tsx","type":"registry:block","target":"components/blocks/billing/billing-invoice-consolidation-settings.tsx"}]},{"name":"billing-setup-fee-breakdown","type":"registry:block","title":"Billing Setup Fee Breakdown","description":"A billing summary block for React and Next.js that explicitly separates one-time setup fees from recurring subscription costs built with shadcn/ui and NumberFlow.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/billing/billing-setup-fee-breakdown.tsx","type":"registry:block","target":"components/blocks/billing/billing-setup-fee-breakdown.tsx"}]},{"name":"billing-subscription-pause-modal","type":"registry:block","title":"Billing Subscription Pause Modal","description":"A subscription management modal for pausing services with duration selection and impact preview built with shadcn/ui and Framer Motion","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","card","label","radio-group"],"premium":true,"files":[{"path":"blocks/billing/billing-subscription-pause-modal.tsx","type":"registry:block","target":"components/blocks/billing/billing-subscription-pause-modal.tsx"}]},{"name":"billing-abandoned-checkout-alert","type":"registry:block","title":"Billing Abandoned Checkout Alert","description":"A conversion-focused alert block for abandoned checkouts, offering limited-time discounts or reminders to complete the purchase.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/billing/billing-abandoned-checkout-alert.tsx","type":"registry:block","target":"components/blocks/billing/billing-abandoned-checkout-alert.tsx"}]},{"name":"billing-credit-history-log","type":"registry:block","title":"Billing Credit History Log","description":"A detailed transactional billing block for React and Next.js to track account credit additions, subtractions, and expirations built with shadcn/ui and NumberFlow.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","input"],"premium":true,"files":[{"path":"blocks/billing/billing-credit-history-log.tsx","type":"registry:block","target":"components/blocks/billing/billing-credit-history-log.tsx"}]},{"name":"billing-multi-currency-pricing","type":"registry:block","title":"Billing Multi Currency Pricing","description":"A billing multi-currency and regional pricing block for React and Next.js with automatic currency detection and localized formatting built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","select"],"premium":true,"files":[{"path":"blocks/billing/billing-multi-currency-pricing.tsx","type":"registry:block","target":"components/blocks/billing/billing-multi-currency-pricing.tsx"}]},{"name":"billing-low-credit-warning","type":"registry:block","title":"Billing Low Credit Warning","description":"A billing low balance and automated recharge warning block for React and Next.js with threshold indicators and quick-top-up actions built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","progress","switch"],"premium":true,"files":[{"path":"blocks/billing/billing-low-credit-warning.tsx","type":"registry:block","target":"components/blocks/billing/billing-low-credit-warning.tsx"}]},{"name":"billing-invoice-email-settings","type":"registry:block","title":"Billing Invoice Email Settings","description":"A billing invoice notification and delivery settings block for React and Next.js with automated CC support and frequency controls built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","label","switch"],"premium":true,"files":[{"path":"blocks/billing/billing-invoice-email-settings.tsx","type":"registry:block","target":"components/blocks/billing/billing-invoice-email-settings.tsx"}]},{"name":"billing-credit-balance","type":"registry:block","title":"Billing Credit Balance","description":"A comprehensive credit balance summary block for React and Next.js with animated totals, transaction history previews, and low-balance alerts built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/billing/billing-credit-balance.tsx","type":"registry:block","target":"components/blocks/billing/billing-credit-balance.tsx"}]},{"name":"billing-secure-checkout-badge","type":"registry:block","title":"Billing Secure Checkout Badge","description":"A billing trust block for React and Next.js that displays security certifications and PCI-DSS compliance badges built with shadcn/ui and Lucide.","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/billing/billing-secure-checkout-badge.tsx","type":"registry:block","target":"components/blocks/billing/billing-secure-checkout-badge.tsx"}]},{"name":"billing-bank-transfer","type":"registry:block","title":"Billing Bank Transfer","description":"A bank transfer (wire/ACH) instruction block for React and Next.js with copyable details, reference codes, and status tracking built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/billing/billing-bank-transfer.tsx","type":"registry:block","target":"components/blocks/billing/billing-bank-transfer.tsx"}]},{"name":"billing-referral-payout-status","type":"registry:block","title":"Billing Referral Payout Status","description":"A partner-facing billing block for React and Next.js to track referral payout progress, estimated dates, and payment destination built with shadcn/ui and NumberFlow.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/billing/billing-referral-payout-status.tsx","type":"registry:block","target":"components/blocks/billing/billing-referral-payout-status.tsx"}]},{"name":"billing-custom-billing-cycle","type":"registry:block","title":"Billing Custom Billing Cycle","description":"A flexible billing cycle management component for React and Next.js allowing users to toggle between monthly, annual, and custom fiscal periods built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/billing/billing-custom-billing-cycle.tsx","type":"registry:block","target":"components/blocks/billing/billing-custom-billing-cycle.tsx"}]},{"name":"billing-free-tier-status","type":"registry:block","title":"Billing Free Tier Status","description":"A billing free tier and usage limits block for React and Next.js with visual progress bars and upgrade incentives built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","progress"],"premium":true,"files":[{"path":"blocks/billing/billing-free-tier-status.tsx","type":"registry:block","target":"components/blocks/billing/billing-free-tier-status.tsx"}]},{"name":"billing-annual-discount","type":"registry:block","title":"Billing Annual Discount","description":"An annual billing promotion block for React and Next.js with animated price savings, period toggles, and conversion-focused CTA built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/billing/billing-annual-discount.tsx","type":"registry:block","target":"components/blocks/billing/billing-annual-discount.tsx"}]},{"name":"billing-next-payment-preview","type":"registry:block","title":"Billing Next Payment Preview","description":"A detailed preview of the upcoming billing charge for React and Next.js, featuring seat counts, line items, and tax calculations built with shadcn/ui and NumberFlow.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","tooltip"],"premium":true,"files":[{"path":"blocks/billing/billing-next-payment-preview.tsx","type":"registry:block","target":"components/blocks/billing/billing-next-payment-preview.tsx"}]},{"name":"billing-add-on-bundle-pricing","type":"registry:block","title":"Billing Add On Bundle Pricing","description":"A multi-select add-on management block for React and Next.js featuring bundle discounts, itemized costs, and dynamic totals built with shadcn/ui and NumberFlow.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/billing/billing-add-on-bundle-pricing.tsx","type":"registry:block","target":"components/blocks/billing/billing-add-on-bundle-pricing.tsx"}]},{"name":"billing-payment-success-confetti","type":"registry:block","title":"Billing Payment Success Confetti","description":"A celebratory payment success screen with built-in confetti effects for React and Next.js, built with shadcn/ui and canvas-confetti.","dependencies":["framer-motion","lucide-react","canvas-confetti"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/billing/billing-payment-success-confetti.tsx","type":"registry:block","target":"components/blocks/billing/billing-payment-success-confetti.tsx"}]},{"name":"billing-sms-credit-recharge","type":"registry:block","title":"Billing Sms Credit Recharge","description":"A specialized billing block for React and Next.js to manage communication credits with auto-recharge and manual top-up built with shadcn/ui and NumberFlow.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","slider","switch"],"premium":true,"files":[{"path":"blocks/billing/billing-sms-credit-recharge.tsx","type":"registry:block","target":"components/blocks/billing/billing-sms-credit-recharge.tsx"}]},{"name":"billing-revenue-share-calculator","type":"registry:block","title":"Billing Revenue Share Calculator","description":"A professional revenue share and partner payout calculator for React and Next.js, featuring real-time estimation, tiered percentage visualization, and total earnings preview built with shadcn/ui and NumberFlow.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","slider"],"premium":true,"files":[{"path":"blocks/billing/billing-revenue-share-calculator.tsx","type":"registry:block","target":"components/blocks/billing/billing-revenue-share-calculator.tsx"}]},{"name":"billing-quota-limit-alert","type":"registry:block","title":"Billing Quota Limit Alert","description":"A high-visibility billing alert for React and Next.js to notify users when they are nearing resource limits (API, storage, seats) built with shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","progress"],"premium":true,"files":[{"path":"blocks/billing/billing-quota-limit-alert.tsx","type":"registry:block","target":"components/blocks/billing/billing-quota-limit-alert.tsx"}]},{"name":"billing-yearly-savings-toggle","type":"registry:block","title":"Billing Yearly Savings Toggle","description":"An interactive billing toggle component that calculates and highlights potential savings when switching from monthly to annual plans.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","switch"],"premium":true,"files":[{"path":"blocks/billing/billing-yearly-savings-toggle.tsx","type":"registry:block","target":"components/blocks/billing/billing-yearly-savings-toggle.tsx"}]},{"name":"billing-early-renewal-bonus","type":"registry:block","title":"Billing Early Renewal Bonus","description":"An incentive-driven billing component for React and Next.js that encourages users to renew their subscriptions ahead of schedule in exchange for exclusive bonuses built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/billing/billing-early-renewal-bonus.tsx","type":"registry:block","target":"components/blocks/billing/billing-early-renewal-bonus.tsx"}]},{"name":"billing-tax-form-upload","type":"registry:block","title":"Billing Tax Form Upload","description":"A secure tax form upload component for React and Next.js with file drag-and-drop, verification status, and tax year selection built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/billing/billing-tax-form-upload.tsx","type":"registry:block","target":"components/blocks/billing/billing-tax-form-upload.tsx"}]},{"name":"billing-partner-discount","type":"registry:block","title":"Billing Partner Discount","description":"A specialized UI for displaying and applying partner-specific discounts (e.g., startup credits, accelerator perks) for React and Next.js, built with shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/billing/billing-partner-discount.tsx","type":"registry:block","target":"components/blocks/billing/billing-partner-discount.tsx"}]},{"name":"billing-refund-policy-footer","type":"registry:block","title":"Billing Refund Policy Footer","description":"A focused billing footer block for React and Next.js that clearly communicates refund policies and support contact built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/billing/billing-refund-policy-footer.tsx","type":"registry:block","target":"components/blocks/billing/billing-refund-policy-footer.tsx"}]},{"name":"billing-per-seat-pricing","type":"registry:block","title":"Billing Per Seat Pricing","description":"An interactive pricing calculator for seat-based SaaS plans in React and Next.js, featuring real-time cost updates built with shadcn/ui and NumberFlow.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/billing/billing-per-seat-pricing.tsx","type":"registry:block","target":"components/blocks/billing/billing-per-seat-pricing.tsx"}]},{"name":"billing-referral-credit","type":"registry:block","title":"Billing Referral Credit","description":"A billing credit management block for React and Next.js to track and apply referral bonuses to subscriptions built with shadcn/ui and NumberFlow.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","switch"],"premium":true,"files":[{"path":"blocks/billing/billing-referral-credit.tsx","type":"registry:block","target":"components/blocks/billing/billing-referral-credit.tsx"}]},{"name":"billing-checkout-summary","type":"registry:block","title":"Billing Checkout Summary","description":"A clean checkout summary panel for React and Next.js with itemized order breakdown, subtotal calculations, coupon input, and final 'Complete Purchase' actions built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/billing/billing-checkout-summary.tsx","type":"registry:block","target":"components/blocks/billing/billing-checkout-summary.tsx"}]},{"name":"billing-billing-incident-notice","type":"registry:block","title":"Billing Billing Incident Notice","description":"A high-visibility status and alert block for React and Next.js to communicate billing system incidents and maintenance to users built with shadcn/ui and framer-motion.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/billing/billing-billing-incident-notice.tsx","type":"registry:block","target":"components/blocks/billing/billing-billing-incident-notice.tsx"}]},{"name":"billing-lifetime-deal","type":"registry:block","title":"Billing Lifetime Deal","description":"A billing lifetime deal (LTD) and one-time purchase block for React and Next.js with exclusive tier highlights and stackable codes built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/billing/billing-lifetime-deal.tsx","type":"registry:block","target":"components/blocks/billing/billing-lifetime-deal.tsx"}]},{"name":"billing-tax-id-verification","type":"registry:block","title":"Billing Tax Id Verification","description":"A real-time tax identification number (VAT, GST, EIN) verification block featuring international format validation and instant status feedback built with shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","input","label","select"],"premium":true,"files":[{"path":"blocks/billing/billing-tax-id-verification.tsx","type":"registry:block","target":"components/blocks/billing/billing-tax-id-verification.tsx"}]},{"name":"billing-tax-exemption-form","type":"registry:block","title":"Billing Tax Exemption Form","description":"A specialized billing form for collecting and verifying tax-exempt status for non-profits and government entities built with shadcn/ui and framer-motion.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","label","select"],"premium":true,"files":[{"path":"blocks/billing/billing-tax-exemption-form.tsx","type":"registry:block","target":"components/blocks/billing/billing-tax-exemption-form.tsx"}]},{"name":"billing-resource-scaling-ui","type":"registry:block","title":"Billing Resource Scaling Ui","description":"A dynamic billing configuration block for React and Next.js to adjust resource quotas (seats, storage, etc.) with real-time price calculation built with shadcn/ui and NumberFlow.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","slider"],"premium":true,"files":[{"path":"blocks/billing/billing-resource-scaling-ui.tsx","type":"registry:block","target":"components/blocks/billing/billing-resource-scaling-ui.tsx"}]},{"name":"billing-support-package-tiers","type":"registry:block","title":"Billing Support Package Tiers","description":"A premium support add-on selection block for enterprise SaaS featuring response time SLAs, dedicated channel options, and dynamic pricing built with shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/billing/billing-support-package-tiers.tsx","type":"registry:block","target":"components/blocks/billing/billing-support-package-tiers.tsx"}]},{"name":"billing-plan-upgrade-modal","type":"registry:block","title":"Billing Plan Upgrade Modal","description":"A high-conversion plan upgrade confirmation UI for React and Next.js, featuring pro-rated cost previews and feature highlights built with shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/billing/billing-plan-upgrade-modal.tsx","type":"registry:block","target":"components/blocks/billing/billing-plan-upgrade-modal.tsx"}]},{"name":"billing-education-discount-application","type":"registry:block","title":"Billing Education Discount Application","description":"A specialized billing discount form for React and Next.js to handle student, teacher, and academic institution verification and applications built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","input","label","radio-group"],"premium":true,"files":[{"path":"blocks/billing/billing-education-discount-application.tsx","type":"registry:block","target":"components/blocks/billing/billing-education-discount-application.tsx"}]},{"name":"billing-enterprise-billing-portal","type":"registry:block","title":"Billing Enterprise Billing Portal","description":"A comprehensive billing management dashboard for React and Next.js designed for large-scale enterprise organizations with multiple cost centers and complex hierarchies built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/billing/billing-enterprise-billing-portal.tsx","type":"registry:block","target":"components/blocks/billing/billing-enterprise-billing-portal.tsx"}]},{"name":"billing-bulk-discount-table","type":"registry:block","title":"Billing Bulk Discount Table","description":"A professional pricing table for volume-based discounts, showing tiered pricing structures and potential cost reductions for larger teams.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","table"],"premium":true,"files":[{"path":"blocks/billing/billing-bulk-discount-table.tsx","type":"registry:block","target":"components/blocks/billing/billing-bulk-discount-table.tsx"}]},{"name":"billing-team-seats","type":"registry:block","title":"Billing Team Seats","description":"A team seat management block for React and Next.js with member list, role indicators, animated seat counter, and total cost calculation built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/billing/billing-team-seats.tsx","type":"registry:block","target":"components/blocks/billing/billing-team-seats.tsx"}]},{"name":"billing-invoice-download-batch","type":"registry:block","title":"Billing Invoice Download Batch","description":"A billing invoice export and batch download block for React and Next.js with date range filters and ZIP generation built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","checkbox","input"],"premium":true,"files":[{"path":"blocks/billing/billing-invoice-download-batch.tsx","type":"registry:block","target":"components/blocks/billing/billing-invoice-download-batch.tsx"}]},{"name":"billing-pricing-cards-grid","type":"registry:block","title":"Billing Pricing Cards Grid","description":"A classic three-tier pricing cards grid for SaaS products in React and Next.js, featuring plan highlights and CTAs built with shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/billing/billing-pricing-cards-grid.tsx","type":"registry:block","target":"components/blocks/billing/billing-pricing-cards-grid.tsx"}]},{"name":"billing-affiliate-commission-summary","type":"registry:block","title":"Billing Affiliate Commission Summary","description":"A dashboard block for affiliate partners to track their commissions, pending payouts, and referral performance metrics.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/billing/billing-affiliate-commission-summary.tsx","type":"registry:block","target":"components/blocks/billing/billing-affiliate-commission-summary.tsx"}]},{"name":"billing-developer-api-quota","type":"registry:block","title":"Billing Developer Api Quota","description":"A technical billing block for React and Next.js to monitor API rate limits, monthly quotas, and overage projections built with shadcn/ui and NumberFlow.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","progress"],"premium":true,"files":[{"path":"blocks/billing/billing-developer-api-quota.tsx","type":"registry:block","target":"components/blocks/billing/billing-developer-api-quota.tsx"}]},{"name":"billing-pending-verification","type":"registry:block","title":"Billing Pending Verification","description":"A status indicator for pending billing verifications (tax IDs, bank accounts, or manual audits) for React and Next.js, built with shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/billing/billing-pending-verification.tsx","type":"registry:block","target":"components/blocks/billing/billing-pending-verification.tsx"}]},{"name":"billing-usage-cap-settings","type":"registry:block","title":"Billing Usage Cap Settings","description":"A cost-control billing block for metered SaaS featuring custom spending limits, notification thresholds, and automatic service throttling options built with shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","slider","switch"],"premium":true,"files":[{"path":"blocks/billing/billing-usage-cap-settings.tsx","type":"registry:block","target":"components/blocks/billing/billing-usage-cap-settings.tsx"}]},{"name":"billing-gift-subscription","type":"registry:block","title":"Billing Gift Subscription","description":"A billing gift subscription and voucher block for React and Next.js with personalized messaging and redemption flows built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","label","radio-group","textarea"],"premium":true,"files":[{"path":"blocks/billing/billing-gift-subscription.tsx","type":"registry:block","target":"components/blocks/billing/billing-gift-subscription.tsx"}]},{"name":"billing-history-chart","type":"registry:block","title":"Billing History Chart","description":"A billing spending history and usage chart block for React and Next.js with interactive data points and trend analysis built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/billing/billing-history-chart.tsx","type":"registry:block","target":"components/blocks/billing/billing-history-chart.tsx"}]},{"name":"billing-revenue-analytics-mini","type":"registry:block","title":"Billing Revenue Analytics Mini","description":"A condensed billing analytics block for React and Next.js showing spending trends, average costs, and monthly comparisons built with shadcn/ui and NumberFlow.","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/billing/billing-revenue-analytics-mini.tsx","type":"registry:block","target":"components/blocks/billing/billing-revenue-analytics-mini.tsx"}]},{"name":"billing-failed-payment-alert","type":"registry:block","title":"Billing Failed Payment Alert","description":"A billing failed payment and account recovery block for React and Next.js with immediate action prompts and grace period indicators built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/billing/billing-failed-payment-alert.tsx","type":"registry:block","target":"components/blocks/billing/billing-failed-payment-alert.tsx"}]},{"name":"billing-card-brand-selection","type":"registry:block","title":"Billing Card Brand Selection","description":"A payment network selection block for React and Next.js with high-fidelity brand icons, hover states, and accessibility-ready radio groups built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["label","radio-group"],"premium":true,"files":[{"path":"blocks/billing/billing-card-brand-selection.tsx","type":"registry:block","target":"components/blocks/billing/billing-card-brand-selection.tsx"}]},{"name":"billing-subscription-swap-preview","type":"registry:block","title":"Billing Subscription Swap Preview","description":"A pro-rated billing preview block for React and Next.js to show cost changes and immediate charges when switching plans built with shadcn/ui and NumberFlow.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/billing/billing-subscription-swap-preview.tsx","type":"registry:block","target":"components/blocks/billing/billing-subscription-swap-preview.tsx"}]},{"name":"billing-trial-countdown","type":"registry:block","title":"Billing Trial Countdown","description":"A high-urgency trial status and conversion block featuring animated countdowns, benefit reminders, and seamless upgrade transitions built with shadcn/ui and NumberFlow.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","progress"],"premium":true,"files":[{"path":"blocks/billing/billing-trial-countdown.tsx","type":"registry:block","target":"components/blocks/billing/billing-trial-countdown.tsx"}]},{"name":"billing-upcoming-invoice-preview","type":"registry:block","title":"Billing Upcoming Invoice Preview","description":"A forward-looking billing block for SaaS customers featuring itemized line items, estimated taxes, and proration summaries built with shadcn/ui and NumberFlow.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/billing/billing-upcoming-invoice-preview.tsx","type":"registry:block","target":"components/blocks/billing/billing-upcoming-invoice-preview.tsx"}]},{"name":"billing-coupon-code","type":"registry:block","title":"Billing Coupon Code","description":"A promotional code entry block for React and Next.js with real-time validation, discount previews, and success animations built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/billing/billing-coupon-code.tsx","type":"registry:block","target":"components/blocks/billing/billing-coupon-code.tsx"}]},{"name":"billing-w9-verification-status","type":"registry:block","title":"Billing W9 Verification Status","description":"A W-9 verification status tracker for React and Next.js showing validation progress, identity confirmation, and tax compliance level built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/billing/billing-w9-verification-status.tsx","type":"registry:block","target":"components/blocks/billing/billing-w9-verification-status.tsx"}]},{"name":"billing-vat-validator","type":"registry:block","title":"Billing Vat Validator","description":"A professional VAT number validation block with real-time status checking, country selection, and tax exemption support built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","input","label","select"],"premium":true,"files":[{"path":"blocks/billing/billing-vat-validator.tsx","type":"registry:block","target":"components/blocks/billing/billing-vat-validator.tsx"}]},{"name":"billing-purchase-approval-workflow","type":"registry:block","title":"Billing Purchase Approval Workflow","description":"A multi-step procurement management component for React and Next.js that facilitates internal sign-offs for subscription upgrades or new license purchases built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/billing/billing-purchase-approval-workflow.tsx","type":"registry:block","target":"components/blocks/billing/billing-purchase-approval-workflow.tsx"}]},{"name":"billing-usage-history","type":"registry:block","title":"Billing Usage History","description":"A resource usage history block for React and Next.js with mini sparklines, per-period consumption tracking, and limit alerts built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","recharts","lucide-react"],"premium":true,"files":[{"path":"blocks/billing/billing-usage-history.tsx","type":"registry:block","target":"components/blocks/billing/billing-usage-history.tsx"}]},{"name":"billing-cost-center-assignment","type":"registry:block","title":"Billing Cost Center Assignment","description":"An enterprise resource management component for React and Next.js that allows administrators to map spending to specific internal departments or projects built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/billing/billing-cost-center-assignment.tsx","type":"registry:block","target":"components/blocks/billing/billing-cost-center-assignment.tsx"}]},{"name":"billing-currency-switcher","type":"registry:block","title":"Billing Currency Switcher","description":"A multi-currency pricing toggle block for React and Next.js with exchange rate estimates, local symbol support, and persistence built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["label","select"],"premium":true,"files":[{"path":"blocks/billing/billing-currency-switcher.tsx","type":"registry:block","target":"components/blocks/billing/billing-currency-switcher.tsx"}]},{"name":"billing-member-usage-breakdown","type":"registry:block","title":"Billing Member Usage Breakdown","description":"A billing team member and individual resource usage block for React and Next.js with per-user cost tracking and seat management built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","table"],"premium":true,"files":[{"path":"blocks/billing/billing-member-usage-breakdown.tsx","type":"registry:block","target":"components/blocks/billing/billing-member-usage-breakdown.tsx"}]},{"name":"billing-subscription-renewal-survey","type":"registry:block","title":"Billing Subscription Renewal Survey","description":"A strategic feedback component for React and Next.js presented during the renewal or cancellation window to understand customer satisfaction and retention drivers built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/billing/billing-subscription-renewal-survey.tsx","type":"registry:block","target":"components/blocks/billing/billing-subscription-renewal-survey.tsx"}]},{"name":"billing-inactive-account-policy","type":"registry:block","title":"Billing Inactive Account Policy","description":"A clear and informative compliance component for React and Next.js that explains the terms, notification schedule, and data retention policies for dormant accounts built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/billing/billing-inactive-account-policy.tsx","type":"registry:block","target":"components/blocks/billing/billing-inactive-account-policy.tsx"}]},{"name":"billing-pre-payment-balance","type":"registry:block","title":"Billing Pre Payment Balance","description":"A user-facing billing block for React and Next.js to manage and top-up pre-paid account balances for consumption-based services built with shadcn/ui and NumberFlow.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/billing/billing-pre-payment-balance.tsx","type":"registry:block","target":"components/blocks/billing/billing-pre-payment-balance.tsx"}]},{"name":"team-accordion-profiles","type":"registry:block","title":"Team Accordion Profiles","description":"React expandable team accordion with shadcn/ui, Next.js, and Tailwind CSS showing profiles with chevron rotation","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/team/team-accordion-profiles.tsx","type":"registry:block","target":"components/blocks/team/team-accordion-profiles.tsx"}]},{"name":"team-animated-onboarding","type":"registry:block","title":"Team Animated Onboarding","description":"React onboarding progress tracker with Next.js, shadcn/ui, Tailwind CSS, and Framer Motion for employee onboarding dashboards.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/team/team-animated-onboarding.tsx","type":"registry:block","target":"components/blocks/team/team-animated-onboarding.tsx"}]},{"name":"team-member-code-review-expert","type":"registry:block","title":"Team Member Code Review Expert","description":"A code review expertise and assignment block for React and Next.js showing team expertise areas and PR review assignments built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/team/team-member-code-review-expert.tsx","type":"registry:block","target":"components/blocks/team/team-member-code-review-expert.tsx"}]},{"name":"team-animated-stack","type":"registry:block","title":"Team Animated Stack","description":"React stacked team profiles with Framer Motion stagger animations and hover effects using shadcn/ui and Tailwind CSS","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/team/team-animated-stack.tsx","type":"registry:block","target":"components/blocks/team/team-animated-stack.tsx"}]},{"name":"team-hiring-cta","type":"registry:block","title":"Team Hiring Cta","description":"React hiring CTA with team stats, open roles, and department chips using Next.js, shadcn/ui Button, and Tailwind CSS.","dependencies":["lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/team/team-hiring-cta.tsx","type":"registry:block","target":"components/blocks/team/team-hiring-cta.tsx"}]},{"name":"team-office-hours","type":"registry:block","title":"Team Office Hours","description":"React team availability schedule with weekly time slots, day filters, and booking integration using Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/team/team-office-hours.tsx","type":"registry:block","target":"components/blocks/team/team-office-hours.tsx"}]},{"name":"team-availability-status","type":"registry:block","title":"Team Availability Status","description":"React team availability dashboard with real-time status indicators and filterable member list using shadcn/ui and Tailwind CSS.","premium":true,"files":[{"path":"blocks/team/team-availability-status.tsx","type":"registry:block","target":"components/blocks/team/team-availability-status.tsx"}]},{"name":"team-spotlight-reel","type":"registry:block","title":"Team Spotlight Reel","description":"React selectable team spotlight using Next.js, shadcn/ui Button, and Tailwind CSS with profile detail view","premium":true,"files":[{"path":"blocks/team/team-spotlight-reel.tsx","type":"registry:block","target":"components/blocks/team/team-spotlight-reel.tsx"}]},{"name":"team-animated-quotes","type":"registry:block","title":"Team Animated Quotes","description":"React auto-cycling quote carousel with Next.js, shadcn/ui, Tailwind CSS, and Framer Motion blur animations for team culture pages.","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/team/team-animated-quotes.tsx","type":"registry:block","target":"components/blocks/team/team-animated-quotes.tsx"}]},{"name":"team-member-onboarding-buddy","type":"registry:block","title":"Team Member Onboarding Buddy","description":"An onboarding buddy assignment block for React and Next.js displaying mentor pairings built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/team/team-member-onboarding-buddy.tsx","type":"registry:block","target":"components/blocks/team/team-member-onboarding-buddy.tsx"}]},{"name":"team-animated-progress","type":"registry:block","title":"Team Animated Progress","description":"React OKR progress tracker with Next.js, shadcn/ui, Tailwind CSS, and Framer Motion spring animations for team goal tracking.","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/team/team-animated-progress.tsx","type":"registry:block","target":"components/blocks/team/team-animated-progress.tsx"}]},{"name":"team-stats-overview","type":"registry:block","title":"Team Stats Overview","description":"React team statistics dashboard with headcount metrics, department breakdowns, and growth stats using shadcn/ui and Tailwind CSS","premium":true,"files":[{"path":"blocks/team/team-stats-overview.tsx","type":"registry:block","target":"components/blocks/team/team-stats-overview.tsx"}]},{"name":"team-member-fun-facts","type":"registry:block","title":"Team Member Fun Facts","description":"A fun facts showcase block for React and Next.js displaying team member interests and hobbies built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/team/team-member-fun-facts.tsx","type":"registry:block","target":"components/blocks/team/team-member-fun-facts.tsx"}]},{"name":"team-member-interview-qa","type":"registry:block","title":"Team Member Interview Qa","description":"An interview-style Q&A block for React and Next.js showcasing team member insights and experiences built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/team/team-member-interview-qa.tsx","type":"registry:block","target":"components/blocks/team/team-member-interview-qa.tsx"}]},{"name":"team-meetups","type":"registry:block","title":"Team Meetups","description":"React expandable directory of team meetup organizers with event details using Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/team/team-meetups.tsx","type":"registry:block","target":"components/blocks/team/team-meetups.tsx"}]},{"name":"team-animated-skills","type":"registry:block","title":"Team Animated Skills","description":"React animated skill bars component with Framer Motion stagger effects, hover tooltips using shadcn/ui and Tailwind CSS","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/team/team-animated-skills.tsx","type":"registry:block","target":"components/blocks/team/team-animated-skills.tsx"}]},{"name":"team-volunteer","type":"registry:block","title":"Team Volunteer","description":"React volunteer tracking block with expandable activities, participant avatars, hours contributed built with shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/team/team-volunteer.tsx","type":"registry:block","target":"components/blocks/team/team-volunteer.tsx"}]},{"name":"team-animated-hiring","type":"registry:block","title":"Team Animated Hiring","description":"React team hiring block with count-up stats and staggered animations built with Next.js, shadcn/ui, Tailwind CSS, and framer-motion.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/team/team-animated-hiring.tsx","type":"registry:block","target":"components/blocks/team/team-animated-hiring.tsx"}]},{"name":"team-org-chart","type":"registry:block","title":"Team Org Chart","description":"React hierarchical organization chart with indented reporting structure, departments, and team members using Next.js, shadcn/ui, and Tailwind CSS","premium":true,"files":[{"path":"blocks/team/team-org-chart.tsx","type":"registry:block","target":"components/blocks/team/team-org-chart.tsx"}]},{"name":"team-numbered-list","type":"registry:block","title":"Team Numbered List","description":"React numbered team roster with sequential indices, initials, roles, and departments using Next.js, shadcn/ui, and Tailwind CSS","premium":true,"files":[{"path":"blocks/team/team-numbered-list.tsx","type":"registry:block","target":"components/blocks/team/team-numbered-list.tsx"}]},{"name":"team-animated-filter","type":"registry:block","title":"Team Animated Filter","description":"React filterable team directory with framer-motion AnimatePresence, layout animations, shadcn/ui, and Tailwind CSS for Next.js.","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/team/team-animated-filter.tsx","type":"registry:block","target":"components/blocks/team/team-animated-filter.tsx"}]},{"name":"team-learning-goals","type":"registry:block","title":"Team Learning Goals","description":"React team learning tracker with Next.js, shadcn/ui components, Tailwind CSS progress bars for L&D dashboards.","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/team/team-learning-goals.tsx","type":"registry:block","target":"components/blocks/team/team-learning-goals.tsx"}]},{"name":"team-animated-stories","type":"registry:block","title":"Team Animated Stories","description":"React testimonial carousel with Framer Motion word-stagger animation and auto-advance using shadcn/ui, Next.js, Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/team/team-animated-stories.tsx","type":"registry:block","target":"components/blocks/team/team-animated-stories.tsx"}]},{"name":"team-member-onboarding","type":"registry:block","title":"Team Member Onboarding","description":"An onboarding progress tracking block for React and Next.js showing checklist items and milestones for new team members built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["checkbox","progress"],"premium":true,"files":[{"path":"blocks/team/team-member-onboarding.tsx","type":"registry:block","target":"components/blocks/team/team-member-onboarding.tsx"}]},{"name":"team-tech-stack","type":"registry:block","title":"Team Tech Stack","description":"React team tech stack block showing members organized by technology domain with proficiency indicators using shadcn/ui and Tailwind CSS","premium":true,"files":[{"path":"blocks/team/team-tech-stack.tsx","type":"registry:block","target":"components/blocks/team/team-tech-stack.tsx"}]},{"name":"team-locations","type":"registry:block","title":"Team Locations","description":"React location-based team directory with Next.js, shadcn/ui components, Tailwind CSS for remote company pages.","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/team/team-locations.tsx","type":"registry:block","target":"components/blocks/team/team-locations.tsx"}]},{"name":"team-investors","type":"registry:block","title":"Team Investors","description":"React investor and board member section with Next.js, shadcn/ui components, Tailwind CSS for startup about pages.","premium":true,"files":[{"path":"blocks/team/team-investors.tsx","type":"registry:block","target":"components/blocks/team/team-investors.tsx"}]},{"name":"team-side-projects","type":"registry:block","title":"Team Side Projects","description":"React team side projects with expandable rows using Next.js, shadcn/ui, and Tailwind CSS for open source showcase pages","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/team/team-side-projects.tsx","type":"registry:block","target":"components/blocks/team/team-side-projects.tsx"}]},{"name":"team-animated-network","type":"registry:block","title":"Team Animated Network","description":"React team network block showing member connections with animated highlights built with Next.js, shadcn/ui, Tailwind CSS, and framer-motion.","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/team/team-animated-network.tsx","type":"registry:block","target":"components/blocks/team/team-animated-network.tsx"}]},{"name":"team-animated-bento","type":"registry:block","title":"Team Animated Bento","description":"React animated bento grid layout with featured 2x2 member cell scaling in from center and staggered hover lift effects.","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/team/team-animated-bento.tsx","type":"registry:block","target":"components/blocks/team/team-animated-bento.tsx"}]},{"name":"team-podcasts","type":"registry:block","title":"Team Podcasts","description":"React podcast showcase with expandable episodes using shadcn/ui, Next.js, and Tailwind CSS for thought leadership.","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/team/team-podcasts.tsx","type":"registry:block","target":"components/blocks/team/team-podcasts.tsx"}]},{"name":"team-pet-wall","type":"registry:block","title":"Team Pet Wall","description":"React team pet showcase with expandable profiles using shadcn/ui, Next.js, and Tailwind CSS under 160 characters.","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/team/team-pet-wall.tsx","type":"registry:block","target":"components/blocks/team/team-pet-wall.tsx"}]},{"name":"team-open-source","type":"registry:block","title":"Team Open Source","description":"React open source contributor panel with GitHub commit counts, repository badges, and expandable bios using Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/team/team-open-source.tsx","type":"registry:block","target":"components/blocks/team/team-open-source.tsx"}]},{"name":"team-member-mentorship-pairs","type":"registry:block","title":"Team Member Mentorship Pairs","description":"A mentor-mentee relationship tracking block for React and Next.js displaying mentorship pairings and progress built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/team/team-member-mentorship-pairs.tsx","type":"registry:block","target":"components/blocks/team/team-member-mentorship-pairs.tsx"}]},{"name":"team-compact-list","type":"registry:block","title":"Team Compact List","description":"React team list with initials and department chips using Next.js, shadcn/ui, and Tailwind CSS for startup about pages.","premium":true,"files":[{"path":"blocks/team/team-compact-list.tsx","type":"registry:block","target":"components/blocks/team/team-compact-list.tsx"}]},{"name":"team-marquee","type":"registry:block","title":"Team Marquee","description":"React team member grid with initials, names, and roles using Next.js, shadcn/ui, and Tailwind CSS for company pages","premium":true,"files":[{"path":"blocks/team/team-marquee.tsx","type":"registry:block","target":"components/blocks/team/team-marquee.tsx"}]},{"name":"team-communication-preferences","type":"registry:block","title":"Team Communication Preferences","description":"React team directory with contact methods and response times using Next.js, shadcn/ui Button, and Tailwind CSS for remote teams.","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/team/team-communication-preferences.tsx","type":"registry:block","target":"components/blocks/team/team-communication-preferences.tsx"}]},{"name":"team-certifications","type":"registry:block","title":"Team Certifications","description":"React team certifications directory with filtering using Next.js, shadcn/ui, and Tailwind CSS. Display credentials with validity dates.","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/team/team-certifications.tsx","type":"registry:block","target":"components/blocks/team/team-certifications.tsx"}]},{"name":"team-animated-locations","type":"registry:block","title":"Team Animated Locations","description":"React team location tabs with animated slide transitions built with Next.js, shadcn/ui, Tailwind CSS, and framer-motion AnimatePresence.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/team/team-animated-locations.tsx","type":"registry:block","target":"components/blocks/team/team-animated-locations.tsx"}]},{"name":"team-quote-wall","type":"registry:block","title":"Team Quote Wall","description":"React team quote wall component with italic quotes and attribution using Next.js, shadcn/ui, and Tailwind CSS for culture and about pages.","premium":true,"files":[{"path":"blocks/team/team-quote-wall.tsx","type":"registry:block","target":"components/blocks/team/team-quote-wall.tsx"}]},{"name":"team-member-project-assignments","type":"registry:block","title":"Team Member Project Assignments","description":"A project assignment tracking block for React and Next.js displaying current and past projects built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/team/team-member-project-assignments.tsx","type":"registry:block","target":"components/blocks/team/team-member-project-assignments.tsx"}]},{"name":"team-bento-grid","type":"registry:block","title":"Team Bento Grid","description":"React bento grid team layout with featured member and connected cells. Built with React, Next.js, shadcn/ui, and Tailwind CSS.","premium":true,"files":[{"path":"blocks/team/team-bento-grid.tsx","type":"registry:block","target":"components/blocks/team/team-bento-grid.tsx"}]},{"name":"team-member-office-location","type":"registry:block","title":"Team Member Office Location","description":"An office location and desk mapping block for React and Next.js displaying team locations built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/team/team-member-office-location.tsx","type":"registry:block","target":"components/blocks/team/team-member-office-location.tsx"}]},{"name":"team-animated-availability","type":"registry:block","title":"Team Animated Availability","description":"React availability board with framer-motion, shadcn/ui, Next.js, and Tailwind CSS showing real-time status indicators","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/team/team-animated-availability.tsx","type":"registry:block","target":"components/blocks/team/team-animated-availability.tsx"}]},{"name":"team-animated-timeline","type":"registry:block","title":"Team Animated Timeline","description":"React animated hiring timeline with staggered entrance and pulsing dots using shadcn/ui, Tailwind CSS, and Framer Motion.","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/team/team-animated-timeline.tsx","type":"registry:block","target":"components/blocks/team/team-animated-timeline.tsx"}]},{"name":"team-member-feedback-received","type":"registry:block","title":"Team Member Feedback Received","description":"A feedback and peer review summary block for React and Next.js displaying team member feedback built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/team/team-member-feedback-received.tsx","type":"registry:block","target":"components/blocks/team/team-member-feedback-received.tsx"}]},{"name":"team-animated-mentors","type":"registry:block","title":"Team Animated Mentors","description":"React mentorship pairs block with animated SVG arrows and hover effects built with Next.js, shadcn/ui, Tailwind CSS, and framer-motion.","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/team/team-animated-mentors.tsx","type":"registry:block","target":"components/blocks/team/team-animated-mentors.tsx"}]},{"name":"team-animated-tabs","type":"registry:block","title":"Team Animated Tabs","description":"React department-filtered team directory with animated tab transitions using shadcn/ui, Tailwind CSS, and Framer Motion.","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/team/team-animated-tabs.tsx","type":"registry:block","target":"components/blocks/team/team-animated-tabs.tsx"}]},{"name":"team-member-communication-preference","type":"registry:block","title":"Team Member Communication Preference","description":"A communication preference tracking block for React and Next.js displaying communication styles built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/team/team-member-communication-preference.tsx","type":"registry:block","target":"components/blocks/team/team-member-communication-preference.tsx"}]},{"name":"team-office-tour","type":"registry:block","title":"Team Office Tour","description":"React virtual office tour with workspace details, expandable rows, and desk setup items using Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/team/team-office-tour.tsx","type":"registry:block","target":"components/blocks/team/team-office-tour.tsx"}]},{"name":"team-project-assignments","type":"registry:block","title":"Team Project Assignments","description":"React project team groupings with progress bars using shadcn/ui, Next.js, and Tailwind CSS for resource planning.","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/team/team-project-assignments.tsx","type":"registry:block","target":"components/blocks/team/team-project-assignments.tsx"}]},{"name":"team-advisory-board","type":"registry:block","title":"Team Advisory Board","description":"React advisory board component with shadcn/ui, Next.js, and Tailwind CSS showing advisors with company affiliations","premium":true,"files":[{"path":"blocks/team/team-advisory-board.tsx","type":"registry:block","target":"components/blocks/team/team-advisory-board.tsx"}]},{"name":"team-member-birthday-wall","type":"registry:block","title":"Team Member Birthday Wall","description":"A birthday and anniversary celebration wall for React and Next.js displaying upcoming celebrations and milestones built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/team/team-member-birthday-wall.tsx","type":"registry:block","target":"components/blocks/team/team-member-birthday-wall.tsx"}]},{"name":"team-hover-reveal","type":"registry:block","title":"Team Hover Reveal","description":"React expandable team rows with click-to-reveal bios and chevron animations using Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/team/team-hover-reveal.tsx","type":"registry:block","target":"components/blocks/team/team-hover-reveal.tsx"}]},{"name":"team-animated-accordion","type":"registry:block","title":"Team Animated Accordion","description":"React animated accordion with framer-motion, shadcn/ui, Next.js, and Tailwind CSS featuring staggered entrance animations","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/team/team-animated-accordion.tsx","type":"registry:block","target":"components/blocks/team/team-animated-accordion.tsx"}]},{"name":"team-awards-recognition","type":"registry:block","title":"Team Awards Recognition","description":"React team awards board with trophies, medals, and recipient details. Built with React, Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/team/team-awards-recognition.tsx","type":"registry:block","target":"components/blocks/team/team-awards-recognition.tsx"}]},{"name":"team-member-skills-matrix","type":"registry:block","title":"Team Member Skills Matrix","description":"A skills matrix heatmap for React and Next.js displaying team member proficiency levels across different skills built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/team/team-member-skills-matrix.tsx","type":"registry:block","target":"components/blocks/team/team-member-skills-matrix.tsx"}]},{"name":"team-profile-drawer","type":"registry:block","title":"Team Profile Drawer","description":"React expandable team profiles with inline details using shadcn/ui, Next.js, and Tailwind CSS master-detail pattern.","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/team/team-profile-drawer.tsx","type":"registry:block","target":"components/blocks/team/team-profile-drawer.tsx"}]},{"name":"team-animated-org-chart","type":"registry:block","title":"Team Animated Org Chart","description":"React animated org chart with Next.js, shadcn/ui, Tailwind CSS, and Framer Motion for company team structure visualization.","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/team/team-animated-org-chart.tsx","type":"registry:block","target":"components/blocks/team/team-animated-org-chart.tsx"}]},{"name":"team-flip-cards","type":"registry:block","title":"Team Flip Cards","description":"React team profiles with shadcn/ui components, Next.js, and Tailwind CSS featuring expandable rows with quote reveals","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/team/team-flip-cards.tsx","type":"registry:block","target":"components/blocks/team/team-flip-cards.tsx"}]},{"name":"team-speaking-events","type":"registry:block","title":"Team Speaking Events","description":"React speaking engagements tracker using Next.js, shadcn/ui Button, and Tailwind CSS for thought leadership pages","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/team/team-speaking-events.tsx","type":"registry:block","target":"components/blocks/team/team-speaking-events.tsx"}]},{"name":"team-mentorship","type":"registry:block","title":"Team Mentorship","description":"React mentorship pairing display with expandable goals using Next.js, shadcn/ui, Lucide icons, and Tailwind CSS","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/team/team-mentorship.tsx","type":"registry:block","target":"components/blocks/team/team-mentorship.tsx"}]},{"name":"team-skill-tags","type":"registry:block","title":"Team Skill Tags","description":"React team members with skill chips using Next.js, shadcn/ui, and Tailwind CSS for agency and portfolio pages","premium":true,"files":[{"path":"blocks/team/team-skill-tags.tsx","type":"registry:block","target":"components/blocks/team/team-skill-tags.tsx"}]},{"name":"team-culture-values","type":"registry:block","title":"Team Culture Values","description":"React team culture values with expandable quotes using Next.js, shadcn/ui, and Tailwind CSS for careers and about pages.","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/team/team-culture-values.tsx","type":"registry:block","target":"components/blocks/team/team-culture-values.tsx"}]},{"name":"team-qa-interviews","type":"registry:block","title":"Team Qa Interviews","description":"React team Q&A component with tabbed member selection, rapid-fire questions, and conversational profiles using Next.js, shadcn/ui, and Tailwind CSS.","premium":true,"files":[{"path":"blocks/team/team-qa-interviews.tsx","type":"registry:block","target":"components/blocks/team/team-qa-interviews.tsx"}]},{"name":"team-member-goals","type":"registry:block","title":"Team Member Goals","description":"A team member goals and OKR tracking block for React and Next.js showing progress towards quarterly objectives built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","progress"],"premium":true,"files":[{"path":"blocks/team/team-member-goals.tsx","type":"registry:block","target":"components/blocks/team/team-member-goals.tsx"}]},{"name":"team-new-hires","type":"registry:block","title":"Team New Hires","description":"React new hire spotlight with bios and department chips using Next.js, shadcn/ui, and Tailwind CSS for onboarding pages","premium":true,"files":[{"path":"blocks/team/team-new-hires.tsx","type":"registry:block","target":"components/blocks/team/team-new-hires.tsx"}]},{"name":"team-member-certification-showcase","type":"registry:block","title":"Team Member Certification Showcase","description":"A certifications and credentials display block for React and Next.js showcasing professional certifications built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/team/team-member-certification-showcase.tsx","type":"registry:block","target":"components/blocks/team/team-member-certification-showcase.tsx"}]},{"name":"team-member-learning-paths","type":"registry:block","title":"Team Member Learning Paths","description":"A learning goals and development path tracking block for React and Next.js showing skill progression built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"registryDependencies":["badge","progress"],"premium":true,"files":[{"path":"blocks/team/team-member-learning-paths.tsx","type":"registry:block","target":"components/blocks/team/team-member-learning-paths.tsx"}]},{"name":"team-member-handbook","type":"registry:block","title":"Team Member Handbook","description":"A team member handbook block for React and Next.js with quick reference guide cards showing roles, responsibilities, and key information built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/team/team-member-handbook.tsx","type":"registry:block","target":"components/blocks/team/team-member-handbook.tsx"}]},{"name":"team-member-reading-picks","type":"registry:block","title":"Team Member Reading Picks","description":"A team member book and article recommendations block for React and Next.js showcasing reading lists and learning resources built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/team/team-member-reading-picks.tsx","type":"registry:block","target":"components/blocks/team/team-member-reading-picks.tsx"}]},{"name":"team-carousel","type":"registry:block","title":"Team Carousel","description":"React paginated team list with navigation buttons and member details. Built with React, Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/team/team-carousel.tsx","type":"registry:block","target":"components/blocks/team/team-carousel.tsx"}]},{"name":"team-with-testimonials","type":"registry:block","title":"Team With Testimonials","description":"React team block with personal quotes and department badges built with Next.js, shadcn/ui, and Tailwind CSS","premium":true,"files":[{"path":"blocks/team/team-with-testimonials.tsx","type":"registry:block","target":"components/blocks/team/team-with-testimonials.tsx"}]},{"name":"team-animated-spotlight","type":"registry:block","title":"Team Animated Spotlight","description":"React two-panel team layout with Framer Motion layoutId and AnimatePresence using shadcn/ui, Next.js, and Tailwind CSS","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/team/team-animated-spotlight.tsx","type":"registry:block","target":"components/blocks/team/team-animated-spotlight.tsx"}]},{"name":"team-department-tabs","type":"registry:block","title":"Team Department Tabs","description":"React team directory with department filter tabs using Next.js, shadcn/ui, and Tailwind CSS for organized browsing.","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/team/team-department-tabs.tsx","type":"registry:block","target":"components/blocks/team/team-department-tabs.tsx"}]},{"name":"team-member-status-board","type":"registry:block","title":"Team Member Status Board","description":"A team member availability and status board for React and Next.js displaying current status and timezone information built with shadcn/ui and Tailwind CSS","dependencies":["motion","date-fns","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/team/team-member-status-board.tsx","type":"registry:block","target":"components/blocks/team/team-member-status-board.tsx"}]},{"name":"team-hackathon","type":"registry:block","title":"Team Hackathon","description":"React hackathon showcase with expandable rows, team initials, and prize indicators using Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/team/team-hackathon.tsx","type":"registry:block","target":"components/blocks/team/team-hackathon.tsx"}]},{"name":"team-animated-counter","type":"registry:block","title":"Team Animated Counter","description":"React team stats dashboard with counting animations using requestAnimationFrame, framer-motion, shadcn/ui, and Tailwind CSS for Next.js.","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/team/team-animated-counter.tsx","type":"registry:block","target":"components/blocks/team/team-animated-counter.tsx"}]},{"name":"team-animated-directory","type":"registry:block","title":"Team Animated Directory","description":"React sortable team directory with framer-motion layout animations, shadcn/ui Button, and Tailwind CSS for Next.js team pages.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/team/team-animated-directory.tsx","type":"registry:block","target":"components/blocks/team/team-animated-directory.tsx"}]},{"name":"team-interactive-directory","type":"registry:block","title":"Team Interactive Directory","description":"React searchable team directory with Next.js, shadcn/ui Input and Select, Tailwind CSS filtering for team pages.","dependencies":["lucide-react"],"registryDependencies":["button","input","select"],"premium":true,"files":[{"path":"blocks/team/team-interactive-directory.tsx","type":"registry:block","target":"components/blocks/team/team-interactive-directory.tsx"}]},{"name":"team-member-time-off-calendar","type":"registry:block","title":"Team Member Time Off Calendar","description":"A time off and vacation calendar block for React and Next.js displaying team availability built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/team/team-member-time-off-calendar.tsx","type":"registry:block","target":"components/blocks/team/team-member-time-off-calendar.tsx"}]},{"name":"team-founders-story","type":"registry:block","title":"Team Founders Story","description":"React founder biography layout with shadcn/ui, Next.js, and Tailwind CSS featuring origin story and company values","premium":true,"files":[{"path":"blocks/team/team-founders-story.tsx","type":"registry:block","target":"components/blocks/team/team-founders-story.tsx"}]},{"name":"team-animated-awards","type":"registry:block","title":"Team Animated Awards","description":"React team awards recognition board with bouncing trophy icons, staggered row entrances, and expandable details using framer-motion.","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/team/team-animated-awards.tsx","type":"registry:block","target":"components/blocks/team/team-animated-awards.tsx"}]},{"name":"team-timezone-map","type":"registry:block","title":"Team Timezone Map","description":"React team timezone map showing members by UTC offset with local time, overlap window, and availability using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/team/team-timezone-map.tsx","type":"registry:block","target":"components/blocks/team/team-timezone-map.tsx"}]},{"name":"team-with-social","type":"registry:block","title":"Team With Social","description":"React team list with GitHub, Twitter, LinkedIn links built with Next.js, shadcn/ui components, and Tailwind CSS","premium":true,"files":[{"path":"blocks/team/team-with-social.tsx","type":"registry:block","target":"components/blocks/team/team-with-social.tsx"}]},{"name":"team-diversity-stats","type":"registry:block","title":"Team Diversity Stats","description":"React diversity metrics dashboard with shadcn/ui components, Next.js, and Tailwind CSS showing gender, ethnicity representation","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/team/team-diversity-stats.tsx","type":"registry:block","target":"components/blocks/team/team-diversity-stats.tsx"}]},{"name":"team-photo-mosaic","type":"registry:block","title":"Team Photo Mosaic","description":"React team grid with gap-px borders using shadcn/ui, Next.js, and Tailwind CSS for connected mosaic layouts.","premium":true,"files":[{"path":"blocks/team/team-photo-mosaic.tsx","type":"registry:block","target":"components/blocks/team/team-photo-mosaic.tsx"}]},{"name":"team-dark-modern","type":"registry:block","title":"Team Dark Modern","description":"React team member list with lead indicator dot using Next.js, shadcn/ui, and Tailwind CSS for professional team pages.","premium":true,"files":[{"path":"blocks/team/team-dark-modern.tsx","type":"registry:block","target":"components/blocks/team/team-dark-modern.tsx"}]},{"name":"team-reading-list","type":"registry:block","title":"Team Reading List","description":"React team reading list with book recommendations, category tabs, and notes using Next.js, shadcn/ui, and Tailwind CSS for culture pages.","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/team/team-reading-list.tsx","type":"registry:block","target":"components/blocks/team/team-reading-list.tsx"}]},{"name":"team-animated-values","type":"registry:block","title":"Team Animated Values","description":"React company values with expandable quotes and word-level stagger animation using shadcn/ui, Tailwind CSS, and Framer Motion.","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/team/team-animated-values.tsx","type":"registry:block","target":"components/blocks/team/team-animated-values.tsx"}]},{"name":"team-video-introductions","type":"registry:block","title":"Team Video Introductions","description":"React team block with video thumbnails, play buttons, duration badges built with Next.js, shadcn/ui, and Tailwind CSS","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/team/team-video-introductions.tsx","type":"registry:block","target":"components/blocks/team/team-video-introductions.tsx"}]},{"name":"team-customer-facing","type":"registry:block","title":"Team Customer Facing","description":"React support team directory with availability status and response times using Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/team/team-customer-facing.tsx","type":"registry:block","target":"components/blocks/team/team-customer-facing.tsx"}]},{"name":"team-feedback-wall","type":"registry:block","title":"Team Feedback Wall","description":"React peer recognition wall with shadcn/ui components, Next.js, and Tailwind CSS featuring categorized appreciation posts","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/team/team-feedback-wall.tsx","type":"registry:block","target":"components/blocks/team/team-feedback-wall.tsx"}]},{"name":"team-animated-search","type":"registry:block","title":"Team Animated Search","description":"React searchable team directory with Framer Motion animations and real-time filtering using shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/team/team-animated-search.tsx","type":"registry:block","target":"components/blocks/team/team-animated-search.tsx"}]},{"name":"team-split-layout","type":"registry:block","title":"Team Split Layout","description":"React two-panel team section using Next.js, shadcn/ui, and Tailwind CSS with story panel and member list","premium":true,"files":[{"path":"blocks/team/team-split-layout.tsx","type":"registry:block","target":"components/blocks/team/team-split-layout.tsx"}]},{"name":"team-minimal-avatars","type":"registry:block","title":"Team Minimal Avatars","description":"React horizontal team member strip with initials using Next.js, shadcn/ui, and Tailwind CSS for compact sections","premium":true,"files":[{"path":"blocks/team/team-minimal-avatars.tsx","type":"registry:block","target":"components/blocks/team/team-minimal-avatars.tsx"}]},{"name":"team-animated-culture","type":"registry:block","title":"Team Animated Culture","description":"React culture block with word-by-word quote animations using framer-motion AnimatePresence, shadcn/ui Button, and Tailwind CSS for Next.js.","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/team/team-animated-culture.tsx","type":"registry:block","target":"components/blocks/team/team-animated-culture.tsx"}]},{"name":"team-sprint-velocity","type":"registry:block","title":"Team Sprint Velocity","description":"React sprint velocity dashboard with story points, completion rates, and team contributions using shadcn/ui and Tailwind CSS","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/team/team-sprint-velocity.tsx","type":"registry:block","target":"components/blocks/team/team-sprint-velocity.tsx"}]},{"name":"team-research-papers","type":"registry:block","title":"Team Research Papers","description":"React research publications list with expandable abstracts, citations, and author initials using Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/team/team-research-papers.tsx","type":"registry:block","target":"components/blocks/team/team-research-papers.tsx"}]},{"name":"team-contributors-wall","type":"registry:block","title":"Team Contributors Wall","description":"React contributor grid with GitHub stats using Next.js, shadcn/ui, and Tailwind CSS for open-source project pages.","premium":true,"files":[{"path":"blocks/team/team-contributors-wall.tsx","type":"registry:block","target":"components/blocks/team/team-contributors-wall.tsx"}]},{"name":"team-member-work-style-preferences","type":"registry:block","title":"Team Member Work Style Preferences","description":"A work style and preferences display block for React and Next.js showing team member preferences built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/team/team-member-work-style-preferences.tsx","type":"registry:block","target":"components/blocks/team/team-member-work-style-preferences.tsx"}]},{"name":"team-cross-functional","type":"registry:block","title":"Team Cross Functional","description":"React agile squad directory with expandable sections using Next.js, shadcn/ui Button, and Tailwind CSS for product teams.","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/team/team-cross-functional.tsx","type":"registry:block","target":"components/blocks/team/team-cross-functional.tsx"}]},{"name":"team-expertise-matrix","type":"registry:block","title":"Team Expertise Matrix","description":"React team competency matrix with shadcn/ui table, Next.js, and Tailwind CSS showing expertise levels with dot indicators","premium":true,"files":[{"path":"blocks/team/team-expertise-matrix.tsx","type":"registry:block","target":"components/blocks/team/team-expertise-matrix.tsx"}]},{"name":"team-animated-carousel","type":"registry:block","title":"Team Animated Carousel","description":"React horizontal team carousel with framer-motion crossfade transitions, directional sliding, and animated dot indicators.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/team/team-animated-carousel.tsx","type":"registry:block","target":"components/blocks/team/team-animated-carousel.tsx"}]},{"name":"team-career-paths","type":"registry:block","title":"Team Career Paths","description":"React career ladder with IC, management, and specialist progression tracks. Built with React, Next.js, shadcn/ui, and Tailwind CSS.","premium":true,"files":[{"path":"blocks/team/team-career-paths.tsx","type":"registry:block","target":"components/blocks/team/team-career-paths.tsx"}]},{"name":"team-animated-mosaic","type":"registry:block","title":"Team Animated Mosaic","description":"React team mosaic grid with staggered scale animations and hover effects built with Next.js, shadcn/ui, Tailwind CSS, and framer-motion.","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/team/team-animated-mosaic.tsx","type":"registry:block","target":"components/blocks/team/team-animated-mosaic.tsx"}]},{"name":"team-animated-grid-reveal","type":"registry:block","title":"Team Animated Grid Reveal","description":"React team grid with staggered entrance animations, hover effects, and expandable bios using framer-motion, shadcn/ui, and Tailwind CSS.","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/team/team-animated-grid-reveal.tsx","type":"registry:block","target":"components/blocks/team/team-animated-grid-reveal.tsx"}]},{"name":"team-leadership-spotlight","type":"registry:block","title":"Team Leadership Spotlight","description":"React executive leadership section with Next.js, shadcn/ui components, Tailwind CSS for company about pages.","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/team/team-leadership-spotlight.tsx","type":"registry:block","target":"components/blocks/team/team-leadership-spotlight.tsx"}]},{"name":"team-growth-timeline","type":"registry:block","title":"Team Growth Timeline","description":"React vertical timeline showing company milestones and key hires using Next.js, shadcn/ui, and Tailwind CSS.","premium":true,"files":[{"path":"blocks/team/team-growth-timeline.tsx","type":"registry:block","target":"components/blocks/team/team-growth-timeline.tsx"}]},{"name":"team-member-workload-balance","type":"registry:block","title":"Team Member Workload Balance","description":"A workload distribution and capacity tracking block for React and Next.js showing current projects and availability built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"registryDependencies":["badge","progress"],"premium":true,"files":[{"path":"blocks/team/team-member-workload-balance.tsx","type":"registry:block","target":"components/blocks/team/team-member-workload-balance.tsx"}]},{"name":"team-member-coffee-match","type":"registry:block","title":"Team Member Coffee Match","description":"A team connection and random pairing suggestion block for React and Next.js for fostering team bonding and collaboration built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/team/team-member-coffee-match.tsx","type":"registry:block","target":"components/blocks/team/team-member-coffee-match.tsx"}]},{"name":"team-member-achievement-tracker","type":"registry:block","title":"Team Member Achievement Tracker","description":"A team member achievements and badge showcase block for React and Next.js displaying accomplishments and recognition built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/team/team-member-achievement-tracker.tsx","type":"registry:block","target":"components/blocks/team/team-member-achievement-tracker.tsx"}]},{"name":"team-workload-overview","type":"registry:block","title":"Team Workload Overview","description":"React capacity dashboard with utilization bars, story points, task counts built with shadcn/ui Progress and Tailwind CSS","premium":true,"files":[{"path":"blocks/team/team-workload-overview.tsx","type":"registry:block","target":"components/blocks/team/team-workload-overview.tsx"}]},{"name":"team-remote-global","type":"registry:block","title":"Team Remote Global","description":"React remote team directory with timezone groups, online status, and collapsible sections using Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/team/team-remote-global.tsx","type":"registry:block","target":"components/blocks/team/team-remote-global.tsx"}]},{"name":"team-stacked-profiles","type":"registry:block","title":"Team Stacked Profiles","description":"React team profiles block with stacked full-width sections showing member initials, roles, and bios using shadcn/ui and Tailwind CSS","premium":true,"files":[{"path":"blocks/team/team-stacked-profiles.tsx","type":"registry:block","target":"components/blocks/team/team-stacked-profiles.tsx"}]},{"name":"team-day-in-life","type":"registry:block","title":"Team Day In Life","description":"React day in the life timeline with selectable team members using Next.js, shadcn/ui, and Tailwind CSS for careers pages.","premium":true,"files":[{"path":"blocks/team/team-day-in-life.tsx","type":"registry:block","target":"components/blocks/team/team-day-in-life.tsx"}]},{"name":"team-member-expertise-tags","type":"registry:block","title":"Team Member Expertise Tags","description":"An expertise tagging and specialization block for React and Next.js displaying team member skill tags built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/team/team-member-expertise-tags.tsx","type":"registry:block","target":"components/blocks/team/team-member-expertise-tags.tsx"}]},{"name":"team-anniversaries","type":"registry:block","title":"Team Anniversaries","description":"React work anniversary milestone section grouped by tenure with expandable rows using shadcn/ui and Tailwind CSS.","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/team/team-anniversaries.tsx","type":"registry:block","target":"components/blocks/team/team-anniversaries.tsx"}]},{"name":"team-animated-roles","type":"registry:block","title":"Team Animated Roles","description":"React animated job board with Next.js, shadcn/ui Button, Tailwind CSS, and Framer Motion for career pages and hiring sections.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/team/team-animated-roles.tsx","type":"registry:block","target":"components/blocks/team/team-animated-roles.tsx"}]},{"name":"team-animated-contributors","type":"registry:block","title":"Team Animated Contributors","description":"React open source contributor grid with animated commit count-ups, growing contribution bars, and hover-revealed repository lists.","dependencies":["framer-motion"],"premium":true,"files":[{"path":"blocks/team/team-animated-contributors.tsx","type":"registry:block","target":"components/blocks/team/team-animated-contributors.tsx"}]},{"name":"team-member-side-projects","type":"registry:block","title":"Team Member Side Projects","description":"A side projects and personal interests showcase block for React and Next.js displaying team passions built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/team/team-member-side-projects.tsx","type":"registry:block","target":"components/blocks/team/team-member-side-projects.tsx"}]},{"name":"team-animated-comparison","type":"registry:block","title":"Team Animated Comparison","description":"React before-and-after team growth comparison with AnimatePresence toggle between founding team and current team.","dependencies":["framer-motion"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/team/team-animated-comparison.tsx","type":"registry:block","target":"components/blocks/team/team-animated-comparison.tsx"}]},{"name":"team-alumni","type":"registry:block","title":"Team Alumni","description":"React alumni network with shadcn/ui, Next.js, and Tailwind CSS showing former team members and current roles","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/team/team-alumni.tsx","type":"registry:block","target":"components/blocks/team/team-alumni.tsx"}]},{"name":"team-book-club","type":"registry:block","title":"Team Book Club","description":"React book club component with reading progress, discussion dates, and past reads. Built with React, Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["lucide-react"],"premium":true,"files":[{"path":"blocks/team/team-book-club.tsx","type":"registry:block","target":"components/blocks/team/team-book-club.tsx"}]},{"name":"team-member-grid","type":"registry:block","title":"Team Member Grid","description":"A team member grid block for React and Next.js displaying profile cards with names, roles, and social links built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/team/team-member-grid.tsx","type":"registry:block","target":"components/blocks/team/team-member-grid.tsx"}]},{"name":"team-grid-cards","type":"registry:block","title":"Team Grid Cards","description":"React team member list with initials, roles, department chips, and bios using Next.js, shadcn/ui, and Tailwind CSS.","premium":true,"files":[{"path":"blocks/team/team-grid-cards.tsx","type":"registry:block","target":"components/blocks/team/team-grid-cards.tsx"}]},{"name":"hero-scroll-indicator","type":"registry:block","title":"Hero Scroll Indicator","description":"A centered hero with an animated bouncing chevron scroll indicator and a four-column stats bar footer for React and Next.js built with ShadcnioButton, shadcn/ui, and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-scroll-indicator.tsx","type":"registry:block","target":"components/blocks/hero/hero-scroll-indicator.tsx"}]},{"name":"hero-faq","type":"registry:block","title":"Hero Faq","description":"A centered hero for React and Next.js with headline, subtitle, dual ShadcnioButton CTAs, and three compact FAQ accordion items built with shadcn/ui Accordion and Tailwind CSS","dependencies":["motion"],"registryDependencies":["accordion"],"premium":true,"files":[{"path":"blocks/hero/hero-faq.tsx","type":"registry:block","target":"components/blocks/hero/hero-faq.tsx"}]},{"name":"hero-split-markdown-editor","type":"registry:block","title":"Hero Split Markdown Editor","description":"A split-layout hero with a dual-pane markdown editor mockup for React and Next.js featuring source and rendered preview panels, emerald checklist, and dual ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-split-markdown-editor.tsx","type":"registry:block","target":"components/blocks/hero/hero-split-markdown-editor.tsx"}]},{"name":"hero-video-player","type":"registry:block","title":"Hero Video Player","description":"A split-layout hero section for React and Next.js with a dark video player mockup featuring play/pause controls, progress bar, and crosshair placeholder, paired with headline, subtitle, and dual CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-video-player.tsx","type":"registry:block","target":"components/blocks/hero/hero-video-player.tsx"}]},{"name":"hero-contact-locations","type":"registry:block","title":"Hero Contact Locations","description":"A reverse split-layout hero with an abstract dot-grid map and location list for React and Next.js featuring pulsing markers, an announcement pill, and dual ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-contact-locations.tsx","type":"registry:block","target":"components/blocks/hero/hero-contact-locations.tsx"}]},{"name":"hero-animated-counter","type":"registry:block","title":"Hero Animated Counter","description":"A centered hero section for React and Next.js with scroll-triggered animated number counters, announcement pill, bold headline, dual ShadcnioButton CTAs, avatar social proof, and a muted counter bar built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-animated-counter.tsx","type":"registry:block","target":"components/blocks/hero/hero-animated-counter.tsx"}]},{"name":"hero-feature-list","type":"registry:block","title":"Hero Feature List","description":"A split-layout hero for React and Next.js with left headline and dual ShadcnioButton CTAs paired with a right-side numbered feature list with left-accent borders, built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-feature-list.tsx","type":"registry:block","target":"components/blocks/hero/hero-feature-list.tsx"}]},{"name":"hero-integration-grid","type":"registry:block","title":"Hero Integration Grid","description":"A centered hero with a responsive 3-to-4 column grid of integration placeholder cards below the headline for React and Next.js featuring an announcement pill and dual ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-integration-grid.tsx","type":"registry:block","target":"components/blocks/hero/hero-integration-grid.tsx"}]},{"name":"hero-centered-trusted-logos","type":"registry:block","title":"Hero Centered Trusted Logos","description":"A centered hero with a trusted-by logo row for React and Next.js featuring an announcement pill, headline, dual ShadcnioButton CTAs, and six muted logo placeholders built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-centered-trusted-logos.tsx","type":"registry:block","target":"components/blocks/hero/hero-centered-trusted-logos.tsx"}]},{"name":"hero-centered-inline-email-signup","type":"registry:block","title":"Hero Centered Inline Email Signup","description":"A centered hero with inline email signup form and avatar social proof for React and Next.js featuring an announcement pill, waitlist counter, and ShadcnioButton submit built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["input"],"premium":true,"files":[{"path":"blocks/hero/hero-centered-inline-email-signup.tsx","type":"registry:block","target":"components/blocks/hero/hero-centered-inline-email-signup.tsx"}]},{"name":"hero-split-progress-tracker","type":"registry:block","title":"Hero Split Progress Tracker","description":"A split-layout hero with an onboarding progress tracker mockup for React and Next.js featuring an announcement pill, feature checklist, and dual ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-split-progress-tracker.tsx","type":"registry:block","target":"components/blocks/hero/hero-split-progress-tracker.tsx"}]},{"name":"hero-two-columns","type":"registry:block","title":"Hero Two Columns","description":"A split-layout two-column hero section for React and Next.js with headline, subtitle, and dual CTAs on the left and a large crosshair image placeholder on the right, built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-two-columns.tsx","type":"registry:block","target":"components/blocks/hero/hero-two-columns.tsx"}]},{"name":"hero-centered-activity-feed","type":"registry:block","title":"Hero Centered Activity Feed","description":"A centered hero with a compact live activity feed below the CTAs for React and Next.js featuring an announcement pill, dual ShadcnioButton CTAs, and staggered feed row animations built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-centered-activity-feed.tsx","type":"registry:block","target":"components/blocks/hero/hero-centered-activity-feed.tsx"}]},{"name":"hero-diagonal-split-showcase","type":"registry:block","title":"Hero Diagonal Split Showcase","description":"A diagonal split showcase hero for React and Next.js featuring two skewed panels divided by a CSS clip path with a dark inverted copy panel and a light stat tile panel and a single ShadcnioButton CTA built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/hero/hero-diagonal-split-showcase.tsx","type":"registry:block","target":"components/blocks/hero/hero-diagonal-split-showcase.tsx"}]},{"name":"hero-centered-masonry-gallery","type":"registry:block","title":"Hero Centered Masonry Gallery","description":"A centered hero with a 3-column masonry-style image gallery below the headline for React and Next.js featuring crosshair placeholder cells, dual ShadcnioButton CTAs, and varying aspect ratios built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-centered-masonry-gallery.tsx","type":"registry:block","target":"components/blocks/hero/hero-centered-masonry-gallery.tsx"}]},{"name":"hero-case-study","type":"registry:block","title":"Hero Case Study","description":"A reverse split-layout hero for React and Next.js with a large pull quote panel on the left and a structured before-and-after metrics panel on the right, with dual ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/hero/hero-case-study.tsx","type":"registry:block","target":"components/blocks/hero/hero-case-study.tsx"}]},{"name":"hero-split-notification-stack","type":"registry:block","title":"Hero Split Notification Stack","description":"A split-layout hero with a stacked notification card panel for React and Next.js featuring icon circles, staggered entrance, emerald feature checklist, and dual ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-split-notification-stack.tsx","type":"registry:block","target":"components/blocks/hero/hero-split-notification-stack.tsx"}]},{"name":"hero-split-phone-frame","type":"registry:block","title":"Hero Split Phone Frame","description":"A split-layout hero section for React and Next.js with headline, dual ShadcnioButton CTAs, and avatar social proof on the left and a portrait phone frame mockup with notch and home indicator on the right built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-split-phone-frame.tsx","type":"registry:block","target":"components/blocks/hero/hero-split-phone-frame.tsx"}]},{"name":"hero-split-integration-flow","type":"registry:block","title":"Hero Split Integration Flow","description":"A split-layout hero with an integration flow diagram for React and Next.js featuring source cards connecting to a central metrics panel, announcement pill, and dual ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-split-integration-flow.tsx","type":"registry:block","target":"components/blocks/hero/hero-split-integration-flow.tsx"}]},{"name":"hero-centered-voice-input","type":"registry:block","title":"Hero Centered Voice Input","description":"A centered hero with a voice input widget mockup for React and Next.js featuring an announcement pill, headline, dual ShadcnioButton CTAs, a pulsing microphone button, and an animated waveform visualizer built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-centered-voice-input.tsx","type":"registry:block","target":"components/blocks/hero/hero-centered-voice-input.tsx"}]},{"name":"hero-changelog","type":"registry:block","title":"Hero Changelog","description":"A centered hero for React and Next.js with a vertical timeline of recent changelog entries, version badges, type indicators, and dual ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/hero/hero-changelog.tsx","type":"registry:block","target":"components/blocks/hero/hero-changelog.tsx"}]},{"name":"hero-minimal","type":"registry:block","title":"Hero Minimal","description":"A centered minimal hero for React and Next.js with a large bold two-line headline, short subtitle, and two ShadcnioButton CTAs inside a rounded container built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/hero/hero-minimal.tsx","type":"registry:block","target":"components/blocks/hero/hero-minimal.tsx"}]},{"name":"hero-checklist","type":"registry:block","title":"Hero Checklist","description":"A centered hero with a two-column checklist grid for React and Next.js featuring an announcement pill, bold headline, dual ShadcnioButton CTAs, and eight capability cards built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-checklist.tsx","type":"registry:block","target":"components/blocks/hero/hero-checklist.tsx"}]},{"name":"hero-feature-comparison","type":"registry:block","title":"Hero Feature Comparison","description":"A split-layout hero for React and Next.js with headline and dual ShadcnioButton CTAs on the left and a compact Us vs Others comparison table with check and cross indicators on the right, built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-feature-comparison.tsx","type":"registry:block","target":"components/blocks/hero/hero-feature-comparison.tsx"}]},{"name":"hero-dark-app-download","type":"registry:block","title":"Hero Dark App Download","description":"A dark-themed centered hero with a phone frame mockup and app store download buttons for React and Next.js featuring an announcement pill and a stats bar built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-dark-app-download.tsx","type":"registry:block","target":"components/blocks/hero/hero-dark-app-download.tsx"}]},{"name":"hero-centered-plan-card-pair","type":"registry:block","title":"Hero Centered Plan Card Pair","description":"A centered hero with a two-column plan card comparison grid for React and Next.js featuring Free vs Pro tiers, emerald feature checklist with CheckIcon, and ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-centered-plan-card-pair.tsx","type":"registry:block","target":"components/blocks/hero/hero-centered-plan-card-pair.tsx"}]},{"name":"hero-gradient-border","type":"registry:block","title":"Hero Gradient Border","description":"A centered hero for React and Next.js with the main card wrapped in an animated CSS conic-gradient border that rotates using @property CSS animation with theme-aware color stops, built with ShadcnioButton and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-gradient-border.tsx","type":"registry:block","target":"components/blocks/hero/hero-gradient-border.tsx"}]},{"name":"hero-gradient-text","type":"registry:block","title":"Hero Gradient Text","description":"A centered hero with a CSS bg-clip-text gradient headline effect for React and Next.js featuring an announcement pill, dual ShadcnioButton CTAs, and avatar social proof built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-gradient-text.tsx","type":"registry:block","target":"components/blocks/hero/hero-gradient-text.tsx"}]},{"name":"hero-tabbed-product-views","type":"registry:block","title":"Hero Tabbed Product Views","description":"A tabbed product views hero for React and Next.js featuring a PillTabs segmented control with three swappable mockup panels for chat, code, and docs and dual ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"registryDependencies":["pill-tabs"],"premium":true,"files":[{"path":"blocks/hero/hero-tabbed-product-views.tsx","type":"registry:block","target":"components/blocks/hero/hero-tabbed-product-views.tsx"}]},{"name":"hero-dark-terminal-copy","type":"registry:block","title":"Hero Dark Terminal Copy","description":"A dark-themed centered hero with a terminal install command and copy-to-clipboard interaction for React and Next.js featuring an inverted announcement pill and dual ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/hero/hero-dark-terminal-copy.tsx","type":"registry:block","target":"components/blocks/hero/hero-dark-terminal-copy.tsx"}]},{"name":"hero-typing-animation","type":"registry:block","title":"Hero Typing Animation","description":"A centered hero section for React and Next.js with a progressive subtitle typing animation that reveals text character by character, static headline, announcement pill, and dual CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-typing-animation.tsx","type":"registry:block","target":"components/blocks/hero/hero-typing-animation.tsx"}]},{"name":"hero-dark-code-window","type":"registry:block","title":"Hero Dark Code Window","description":"A dark-themed centered hero with a code window mockup below the CTAs for React and Next.js featuring syntax-highlighted TSX, traffic light chrome, and dual ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/hero/hero-dark-code-window.tsx","type":"registry:block","target":"components/blocks/hero/hero-dark-code-window.tsx"}]},{"name":"hero-split-chat-skeleton","type":"registry:block","title":"Hero Split Chat Skeleton","description":"A split-layout hero with a minimal AI chat skeleton mockup for React and Next.js featuring an announcement pill, emerald feature checklist, and dual ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-split-chat-skeleton.tsx","type":"registry:block","target":"components/blocks/hero/hero-split-chat-skeleton.tsx"}]},{"name":"hero-centered-shimmer-headline","type":"registry:block","title":"Hero Centered Shimmer Headline","description":"A centered hero with a CSS shimmer animated headline for React and Next.js featuring an announcement pill, dual ShadcnioButton CTAs, and a four-column stats footer bar built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-centered-shimmer-headline.tsx","type":"registry:block","target":"components/blocks/hero/hero-centered-shimmer-headline.tsx"}]},{"name":"hero-dark-centered","type":"registry:block","title":"Hero Dark Centered","description":"A dark-themed centered hero with concentric ring decoration and a light stats bar for React and Next.js featuring an announcement pill, bold headline, and dual ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-dark-centered.tsx","type":"registry:block","target":"components/blocks/hero/hero-dark-centered.tsx"}]},{"name":"hero-split-file-explorer","type":"registry:block","title":"Hero Split File Explorer","description":"A split-layout hero with a VS Code-style file explorer tree mockup for React and Next.js featuring a path breadcrumb, expanded folders, per-extension file icons, an active file highlight, and dual ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-split-file-explorer.tsx","type":"registry:block","target":"components/blocks/hero/hero-split-file-explorer.tsx"}]},{"name":"hero-split-email-inbox","type":"registry:block","title":"Hero Split Email Inbox","description":"A split-layout hero with a Gmail-style email inbox mockup for React and Next.js featuring a folder sidebar, unread and starred rows, and dual ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-split-email-inbox.tsx","type":"registry:block","target":"components/blocks/hero/hero-split-email-inbox.tsx"}]},{"name":"hero-centered-version-switcher","type":"registry:block","title":"Hero Centered Version Switcher","description":"A centered hero with a product version switcher pill control for React and Next.js featuring AnimatePresence cross-fade headlines, a what's new changelog snippet, and dual ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-centered-version-switcher.tsx","type":"registry:block","target":"components/blocks/hero/hero-centered-version-switcher.tsx"}]},{"name":"hero-centered-noise-texture","type":"registry:block","title":"Hero Centered Noise Texture","description":"A centered hero with a subtle SVG turbulence noise grain texture background for React and Next.js featuring an announcement pill, bold headline, and dual ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-centered-noise-texture.tsx","type":"registry:block","target":"components/blocks/hero/hero-centered-noise-texture.tsx"}]},{"name":"hero-search-bar","type":"registry:block","title":"Hero Search Bar","description":"A centered hero with a rounded-full search input as the primary CTA, popular search suggestion pills, and a three-column stats footer for React and Next.js built with ShadcnioButton, shadcn/ui, and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["input"],"premium":true,"files":[{"path":"blocks/hero/hero-search-bar.tsx","type":"registry:block","target":"components/blocks/hero/hero-search-bar.tsx"}]},{"name":"hero-left-press-strip","type":"registry:block","title":"Hero Left Press Strip","description":"A left-heavy asymmetric hero with a vertical press quote strip sidebar for React and Next.js featuring an announcement pill, bold headline, and dual ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-left-press-strip.tsx","type":"registry:block","target":"components/blocks/hero/hero-left-press-strip.tsx"}]},{"name":"hero-floating-cards","type":"registry:block","title":"Hero Floating Cards","description":"A centered hero for React and Next.js with small floating feature preview cards positioned around the headline using absolute positioning and motion/react entrance animations, built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-floating-cards.tsx","type":"registry:block","target":"components/blocks/hero/hero-floating-cards.tsx"}]},{"name":"hero-split-pull-request","type":"registry:block","title":"Hero Split Pull Request","description":"A split-layout hero with a GitHub pull request review mockup for React and Next.js featuring a branch pill, reviewer avatar stack, file change list with diff bars, and dual ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-split-pull-request.tsx","type":"registry:block","target":"components/blocks/hero/hero-split-pull-request.tsx"}]},{"name":"hero-badges-row","type":"registry:block","title":"Hero Badges Row","description":"A centered hero for React and Next.js with a horizontal row of icon feature badges, bold headline, subtitle, and dual ShadcnioButton CTAs built with the shadcn/ui Badge component and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/hero/hero-badges-row.tsx","type":"registry:block","target":"components/blocks/hero/hero-badges-row.tsx"}]},{"name":"hero-countdown","type":"registry:block","title":"Hero Countdown","description":"A centered hero with four countdown digit cards and an email signup form for React and Next.js featuring an announcement pill, bold headline, and the ShadcnioButton component built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["input"],"premium":true,"files":[{"path":"blocks/hero/hero-countdown.tsx","type":"registry:block","target":"components/blocks/hero/hero-countdown.tsx"}]},{"name":"hero-steps","type":"registry:block","title":"Hero Steps","description":"A centered how-it-works hero for React and Next.js with a horizontal numbered three-step process and connector lines featuring a headline, subtitle, and dual ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/hero/hero-steps.tsx","type":"registry:block","target":"components/blocks/hero/hero-steps.tsx"}]},{"name":"hero-announcement","type":"registry:block","title":"Hero Announcement","description":"A reverse split hero section for React and Next.js with image placeholder on the left and a news list with dot indicators plus dual ShadcnioButton CTAs on the right built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-announcement.tsx","type":"registry:block","target":"components/blocks/hero/hero-announcement.tsx"}]},{"name":"hero-centered-roi-calculator","type":"registry:block","title":"Hero Centered Roi Calculator","description":"A centered hero with an interactive ROI calculator slider for React and Next.js featuring a shadcn/ui Slider input, a NumberFlow animated savings output, and dual ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["slider"],"premium":true,"files":[{"path":"blocks/hero/hero-centered-roi-calculator.tsx","type":"registry:block","target":"components/blocks/hero/hero-centered-roi-calculator.tsx"}]},{"name":"hero-split-kanban-board","type":"registry:block","title":"Hero Split Kanban Board","description":"A split-layout hero with a three-column kanban board mockup of skeleton task cards for React and Next.js featuring an announcement pill, feature checklist, and dual ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-split-kanban-board.tsx","type":"registry:block","target":"components/blocks/hero/hero-split-kanban-board.tsx"}]},{"name":"hero-announcement-bar","type":"registry:block","title":"Hero Announcement Bar","description":"A centered hero section for React and Next.js with a dismissible announcement bar collapsing via AnimatePresence, bold headline, dual ShadcnioButton CTAs, and a wide image placeholder built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-announcement-bar.tsx","type":"registry:block","target":"components/blocks/hero/hero-announcement-bar.tsx"}]},{"name":"hero-split-log-viewer","type":"registry:block","title":"Hero Split Log Viewer","description":"A split-layout hero with a dark server log viewer mockup for React and Next.js featuring live-tail logs, leveled tags, and dual ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-split-log-viewer.tsx","type":"registry:block","target":"components/blocks/hero/hero-split-log-viewer.tsx"}]},{"name":"hero-split-testimonial","type":"registry:block","title":"Hero Split Testimonial","description":"A split-layout hero with marketing copy on the left and a prominent testimonial card with star rating, quote, and result metrics on the right for React and Next.js built with ShadcnioButton, shadcn/ui, and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-split-testimonial.tsx","type":"registry:block","target":"components/blocks/hero/hero-split-testimonial.tsx"}]},{"name":"hero-logo-marquee","type":"registry:block","title":"Hero Logo Marquee","description":"A centered hero with a CSS-animated infinite horizontal logo marquee below the CTAs for React and Next.js featuring an announcement pill, dual ShadcnioButton CTAs, and a bottom stats bar built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-logo-marquee.tsx","type":"registry:block","target":"components/blocks/hero/hero-logo-marquee.tsx"}]},{"name":"hero-centered-newsletter-archive","type":"registry:block","title":"Hero Centered Newsletter Archive","description":"A centered hero with inline newsletter signup and a past issues archive grid for React and Next.js featuring an announcement pill, inline email input with ShadcnioButton submit, and clickable past issue cards built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["input"],"premium":true,"files":[{"path":"blocks/hero/hero-centered-newsletter-archive.tsx","type":"registry:block","target":"components/blocks/hero/hero-centered-newsletter-archive.tsx"}]},{"name":"hero-command-palette","type":"registry:block","title":"Hero Command Palette","description":"A centered hero with a skeletal command palette mockup for React and Next.js featuring keyboard shortcut badges, an announcement pill, and dual ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-command-palette.tsx","type":"registry:block","target":"components/blocks/hero/hero-command-palette.tsx"}]},{"name":"hero-left-testimonial-single","type":"registry:block","title":"Hero Left Testimonial Single","description":"A left-heavy asymmetric hero with a single anchored testimonial card in a narrow sidebar for React and Next.js featuring an announcement pill, headline, and dual ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-left-testimonial-single.tsx","type":"registry:block","target":"components/blocks/hero/hero-left-testimonial-single.tsx"}]},{"name":"hero-split-feature-flags","type":"registry:block","title":"Hero Split Feature Flags","description":"A split-layout hero with a feature flag dashboard mockup for React and Next.js featuring environment tabs, flag rows with rollout percentages, real shadcn/ui Switch toggles, and dual ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["switch"],"premium":true,"files":[{"path":"blocks/hero/hero-split-feature-flags.tsx","type":"registry:block","target":"components/blocks/hero/hero-split-feature-flags.tsx"}]},{"name":"hero-split-image","type":"registry:block","title":"Hero Split Image","description":"A split-layout hero with marketing copy on the left and a rounded 4:3 crosshair image placeholder on the right for React and Next.js built with ShadcnioButton, shadcn/ui, and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-split-image.tsx","type":"registry:block","target":"components/blocks/hero/hero-split-image.tsx"}]},{"name":"hero-gradient-orbs","type":"registry:block","title":"Hero Gradient Orbs","description":"A centered hero with blurred ambient gradient orb backgrounds for React and Next.js featuring an announcement pill, dual ShadcnioButton CTAs, and a bottom stats bar built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-gradient-orbs.tsx","type":"registry:block","target":"components/blocks/hero/hero-gradient-orbs.tsx"}]},{"name":"hero-split-quote-panel","type":"registry:block","title":"Hero Split Quote Panel","description":"A reverse split-layout hero with a decorative blockquote panel on the left and headline with emerald feature checklist on the right for React and Next.js built with ShadcnioButton, shadcn/ui, and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-split-quote-panel.tsx","type":"registry:block","target":"components/blocks/hero/hero-split-quote-panel.tsx"}]},{"name":"hero-dark-starfield","type":"registry:block","title":"Hero Dark Starfield","description":"A dark-themed centered hero with a decorative SVG starfield backdrop for React and Next.js featuring an announcement pill, bold headline, and dual ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-dark-starfield.tsx","type":"registry:block","target":"components/blocks/hero/hero-dark-starfield.tsx"}]},{"name":"hero-dark-glass-card","type":"registry:block","title":"Hero Dark Glass Card","description":"A dark centered hero with a frosted glass card floating over blurred color blobs for React and Next.js featuring an announcement pill, bold headline, and dual ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-dark-glass-card.tsx","type":"registry:block","target":"components/blocks/hero/hero-dark-glass-card.tsx"}]},{"name":"hero-centered-crosshatch-bg","type":"registry:block","title":"Hero Centered Crosshatch Bg","description":"A centered hero with an editorial crosshatch SVG pattern background for React and Next.js featuring an announcement pill, bold headline, subtitle, and dual ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-centered-crosshatch-bg.tsx","type":"registry:block","target":"components/blocks/hero/hero-centered-crosshatch-bg.tsx"}]},{"name":"hero-split-stat-overlay","type":"registry:block","title":"Hero Split Stat Overlay","description":"A split-layout hero with floating stat cards overlaid on a dashboard mockup for React and Next.js featuring an announcement pill, feature checklist, and dual ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-split-stat-overlay.tsx","type":"registry:block","target":"components/blocks/hero/hero-split-stat-overlay.tsx"}]},{"name":"hero-app-screenshots","type":"registry:block","title":"Hero App Screenshots","description":"A split-layout hero section for React and Next.js with two overlapping browser frames on a muted canvas, announcement pill, headline, emerald feature checklist, and dual ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-app-screenshots.tsx","type":"registry:block","target":"components/blocks/hero/hero-app-screenshots.tsx"}]},{"name":"hero-testimonials-rotating","type":"registry:block","title":"Hero Testimonials Rotating","description":"A centered hero section for React and Next.js with bold headline, dual CTAs, and an auto-rotating testimonial card below that cycles through customer quotes with AnimatePresence transitions, navigation dots, and pause-on-hover built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-testimonials-rotating.tsx","type":"registry:block","target":"components/blocks/hero/hero-testimonials-rotating.tsx"}]},{"name":"hero-split-dark-terminal","type":"registry:block","title":"Hero Split Dark Terminal","description":"A split-layout hero section for React and Next.js with bold headline and feature checklist on the left and a dark terminal mockup with window chrome, request line, status bar, and syntax-highlighted JSON response with copy-to-clipboard on the right built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-split-dark-terminal.tsx","type":"registry:block","target":"components/blocks/hero/hero-split-dark-terminal.tsx"}]},{"name":"hero-dark-install-command","type":"registry:block","title":"Hero Dark Install Command","description":"A dark-themed centered hero for React and Next.js with a star count badge, terminal install command with copy-to-clipboard button, dual ShadcnioButton CTAs, and a light stats footer bar built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-dark-install-command.tsx","type":"registry:block","target":"components/blocks/hero/hero-dark-install-command.tsx"}]},{"name":"hero-changelog-preview","type":"registry:block","title":"Hero Changelog Preview","description":"A split-layout hero with a compact changelog timeline card for React and Next.js featuring an announcement pill, two-line headline, and dual ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/hero/hero-changelog-preview.tsx","type":"registry:block","target":"components/blocks/hero/hero-changelog-preview.tsx"}]},{"name":"hero-comparison","type":"registry:block","title":"Hero Comparison","description":"A split-panel comparison hero with two side-by-side feature tables for React and Next.js featuring an announcement pill, check and x icons, and dual ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-comparison.tsx","type":"registry:block","target":"components/blocks/hero/hero-comparison.tsx"}]},{"name":"hero-left-trust-compliance","type":"registry:block","title":"Hero Left Trust Compliance","description":"A left-heavy split hero with a compact compliance badge grid panel for React and Next.js featuring an announcement pill, feature checklist, and dual ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-left-trust-compliance.tsx","type":"registry:block","target":"components/blocks/hero/hero-left-trust-compliance.tsx"}]},{"name":"hero-split-spreadsheet-grid","type":"registry:block","title":"Hero Split Spreadsheet Grid","description":"A split-layout hero with a spreadsheet grid mockup for React and Next.js featuring a formula bar, column headers, numbered rows, an active cell with ring highlight, and dual ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-split-spreadsheet-grid.tsx","type":"registry:block","target":"components/blocks/hero/hero-split-spreadsheet-grid.tsx"}]},{"name":"hero-email-signup","type":"registry:block","title":"Hero Email Signup","description":"A centered conversion-focused hero for React and Next.js with large email input, ShadcnioButton submit, avatar stack social proof, and trust text built with shadcn/ui Input and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["input"],"premium":true,"files":[{"path":"blocks/hero/hero-email-signup.tsx","type":"registry:block","target":"components/blocks/hero/hero-email-signup.tsx"}]},{"name":"hero-split-architecture-diagram","type":"registry:block","title":"Hero Split Architecture Diagram","description":"A split-layout hero with an animated SVG architecture diagram of service nodes and dashed edges for React and Next.js featuring an announcement pill, emerald checklist, and dual ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-split-architecture-diagram.tsx","type":"registry:block","target":"components/blocks/hero/hero-split-architecture-diagram.tsx"}]},{"name":"hero-video-modal","type":"registry:block","title":"Hero Video Modal","description":"A centered hero section for React and Next.js with a large video thumbnail placeholder featuring a play button that opens a shadcn/ui Dialog modal, announcement pill, headline, and dual CTAs built with Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["dialog"],"premium":true,"files":[{"path":"blocks/hero/hero-video-modal.tsx","type":"registry:block","target":"components/blocks/hero/hero-video-modal.tsx"}]},{"name":"hero-split-map-canvas","type":"registry:block","title":"Hero Split Map Canvas","description":"A split-layout hero with an abstract map canvas and positioned city location dots for React and Next.js featuring an announcement pill, inline stats, and dual ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-split-map-canvas.tsx","type":"registry:block","target":"components/blocks/hero/hero-split-map-canvas.tsx"}]},{"name":"hero-centered-progress-bar","type":"registry:block","title":"Hero Centered Progress Bar","description":"A centered hero with an animated progress bar, percentage display, and milestone markers for React and Next.js built with ShadcnioButton, shadcn/ui, and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-centered-progress-bar.tsx","type":"registry:block","target":"components/blocks/hero/hero-centered-progress-bar.tsx"}]},{"name":"hero-split-api-playground","type":"registry:block","title":"Hero Split Api Playground","description":"A split-layout hero with an API request builder and response panel mockup for React and Next.js featuring an announcement pill, emerald feature checklist, and dual ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-split-api-playground.tsx","type":"registry:block","target":"components/blocks/hero/hero-split-api-playground.tsx"}]},{"name":"hero-founder-note","type":"registry:block","title":"Hero Founder Note","description":"A reverse split-layout hero for React and Next.js with a founder letter card on the left and headline with ShadcnioButton CTA on the right for authentic personal brand storytelling, built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/hero/hero-founder-note.tsx","type":"registry:block","target":"components/blocks/hero/hero-founder-note.tsx"}]},{"name":"hero-with-stats","type":"registry:block","title":"Hero With Stats","description":"A centered hero section for React and Next.js with headline, subtitle, dual CTAs, and a four-metric stats bar separated by border-t, built with ShadcnioButton and Tailwind CSS tabular-nums","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-with-stats.tsx","type":"registry:block","target":"components/blocks/hero/hero-with-stats.tsx"}]},{"name":"hero-product-screenshot","type":"registry:block","title":"Hero Product Screenshot","description":"A centered hero with a full-width browser frame skeleton mockup below the headline for React and Next.js built with ShadcnioButton, shadcn/ui, and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-product-screenshot.tsx","type":"registry:block","target":"components/blocks/hero/hero-product-screenshot.tsx"}]},{"name":"hero-centered-launch-rank-badge","type":"registry:block","title":"Hero Centered Launch Rank Badge","description":"A centered hero with a bordered upvote launch badge card, bold headline, and social proof metrics bar for React and Next.js built with ShadcnioButton, shadcn/ui, and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-centered-launch-rank-badge.tsx","type":"registry:block","target":"components/blocks/hero/hero-centered-launch-rank-badge.tsx"}]},{"name":"hero-centered-billing-toggle","type":"registry:block","title":"Hero Centered Billing Toggle","description":"A centered hero with a monthly/annual billing period toggle for React and Next.js featuring dynamic price transitions with AnimatePresence, emerald feature checklist, and ShadcnioButton CTA built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-centered-billing-toggle.tsx","type":"registry:block","target":"components/blocks/hero/hero-centered-billing-toggle.tsx"}]},{"name":"hero-split-signup","type":"registry:block","title":"Hero Split Signup","description":"A split-layout hero with marketing copy on the left and an inline three-field signup form card on the right for React and Next.js built with ShadcnioButton, shadcn/ui, and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["input","label"],"premium":true,"files":[{"path":"blocks/hero/hero-split-signup.tsx","type":"registry:block","target":"components/blocks/hero/hero-split-signup.tsx"}]},{"name":"hero-split-hover-cards","type":"registry:block","title":"Hero Split Hover Cards","description":"A split-layout hero with three hoverable feature cards that lift on hover for React and Next.js featuring an announcement pill, emerald feature checklist, and dual ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-split-hover-cards.tsx","type":"registry:block","target":"components/blocks/hero/hero-split-hover-cards.tsx"}]},{"name":"hero-code-preview","type":"registry:block","title":"Hero Code Preview","description":"A split-layout hero with a dark terminal code block mockup for React and Next.js featuring an emerald feature checklist, dual ShadcnioButton CTAs, and a copy-to-clipboard control built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-code-preview.tsx","type":"registry:block","target":"components/blocks/hero/hero-code-preview.tsx"}]},{"name":"hero-split-code-diff","type":"registry:block","title":"Hero Split Code Diff","description":"A split-layout hero with a unified code diff viewer mockup showing red removed and emerald added lines for React and Next.js featuring an announcement pill, feature checklist, and dual ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-split-code-diff.tsx","type":"registry:block","target":"components/blocks/hero/hero-split-code-diff.tsx"}]},{"name":"hero-split-avatar-grid","type":"registry:block","title":"Hero Split Avatar Grid","description":"A split-layout hero with a 2x2 circular avatar grid for React and Next.js featuring a headline, subtitle, team metadata, and dual ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/hero/hero-split-avatar-grid.tsx","type":"registry:block","target":"components/blocks/hero/hero-split-avatar-grid.tsx"}]},{"name":"hero-tabs","type":"registry:block","title":"Hero Tabs","description":"A tabbed feature showcase hero for React and Next.js with three tab panels for features, integrations, and pricing using shadcn/ui Tabs and dual ShadcnioButton CTAs built with Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["tabs"],"premium":true,"files":[{"path":"blocks/hero/hero-tabs.tsx","type":"registry:block","target":"components/blocks/hero/hero-tabs.tsx"}]},{"name":"hero-dark-mode-toggle","type":"registry:block","title":"Hero Dark Mode Toggle","description":"A split-layout hero for React and Next.js with a theme preview toggle showing stacked light and dark mini cards with skeleton UI elements built with the ShadcnioButton component and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-dark-mode-toggle.tsx","type":"registry:block","target":"components/blocks/hero/hero-dark-mode-toggle.tsx"}]},{"name":"hero-testimonial-grid","type":"registry:block","title":"Hero Testimonial Grid","description":"A centered hero with a three-column grid of six compact testimonial cards for React and Next.js featuring a headline, subtitle, and dual ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/hero/hero-testimonial-grid.tsx","type":"registry:block","target":"components/blocks/hero/hero-testimonial-grid.tsx"}]},{"name":"hero-browser-frame","type":"registry:block","title":"Hero Browser Frame","description":"A split-layout hero for React and Next.js with a large browser frame mockup on the right, announcement pill, headline, emerald feature checklist, and dual ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-browser-frame.tsx","type":"registry:block","target":"components/blocks/hero/hero-browser-frame.tsx"}]},{"name":"hero-stacked-cards","type":"registry:block","title":"Hero Stacked Cards","description":"A centered hero with three overlapping fanned-out cards for React and Next.js featuring an announcement pill, dual ShadcnioButton CTAs, and crosshair placeholders built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-stacked-cards.tsx","type":"registry:block","target":"components/blocks/hero/hero-stacked-cards.tsx"}]},{"name":"hero-split-crm-pipeline","type":"registry:block","title":"Hero Split Crm Pipeline","description":"A split-layout hero with a four-column CRM deal pipeline mockup for React and Next.js featuring stage totals, deal cards, and dual ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-split-crm-pipeline.tsx","type":"registry:block","target":"components/blocks/hero/hero-split-crm-pipeline.tsx"}]},{"name":"hero-social-proof-bar","type":"registry:block","title":"Hero Social Proof Bar","description":"A centered hero with a three-section social proof footer bar combining an avatar stack, star rating, and trust badge for React and Next.js built with ShadcnioButton, shadcn/ui, and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-social-proof-bar.tsx","type":"registry:block","target":"components/blocks/hero/hero-social-proof-bar.tsx"}]},{"name":"hero-dashboard-preview","type":"registry:block","title":"Hero Dashboard Preview","description":"A centered hero for React and Next.js with headline and CTAs above a wide browser frame mockup containing a crosshair dashboard placeholder built with ShadcnioButton and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-dashboard-preview.tsx","type":"registry:block","target":"components/blocks/hero/hero-dashboard-preview.tsx"}]},{"name":"hero-split-social-proof-wall","type":"registry:block","title":"Hero Split Social Proof Wall","description":"A split-layout hero with a 3x3 grid social proof wall of mini testimonial cards for React and Next.js featuring an announcement pill, emerald feature checklist, and dual ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-split-social-proof-wall.tsx","type":"registry:block","target":"components/blocks/hero/hero-split-social-proof-wall.tsx"}]},{"name":"hero-centered-email-capture","type":"registry:block","title":"Hero Centered Email Capture","description":"A centered hero with an inline email capture form for React and Next.js featuring announcement pill, bold headline, ShadcnioButton submit, success state transition, and avatar stack social proof built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["input"],"premium":true,"files":[{"path":"blocks/hero/hero-centered-email-capture.tsx","type":"registry:block","target":"components/blocks/hero/hero-centered-email-capture.tsx"}]},{"name":"hero-centered-gradient","type":"registry:block","title":"Hero Centered Gradient","description":"A centered hero for React and Next.js with a subtle CSS radial gradient background using theme variables, bold headline, avatar stack social proof, dual ShadcnioButton CTAs, and a stats bar built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-centered-gradient.tsx","type":"registry:block","target":"components/blocks/hero/hero-centered-gradient.tsx"}]},{"name":"hero-bento-grid","type":"registry:block","title":"Hero Bento Grid","description":"An asymmetric bento grid hero for React and Next.js with crosshair image placeholders in varied col-span cells, bold centered headline, announcement pill, and dual ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-bento-grid.tsx","type":"registry:block","target":"components/blocks/hero/hero-bento-grid.tsx"}]},{"name":"hero-split-phone-mockup","type":"registry:block","title":"Hero Split Phone Mockup","description":"A split-layout hero with a phone frame mockup for React and Next.js featuring a dynamic island notch, crosshair placeholder, dual app store ShadcnioButton CTAs, and avatar stack social proof built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-split-phone-mockup.tsx","type":"registry:block","target":"components/blocks/hero/hero-split-phone-mockup.tsx"}]},{"name":"hero-centered-online-pulse","type":"registry:block","title":"Hero Centered Online Pulse","description":"A centered hero with a prominent live pulsing online indicator and animated NumberFlow count for React and Next.js featuring a continuously pulsing emerald dot, avatar stack trust signal, and dual ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/hero/hero-centered-online-pulse.tsx","type":"registry:block","target":"components/blocks/hero/hero-centered-online-pulse.tsx"}]},{"name":"hero-centered-search-product-grid","type":"registry:block","title":"Hero Centered Search Product Grid","description":"A centered hero with a prominent search bar and 2x2 product card grid for React and Next.js featuring category pills, crosshair image placeholders, and ShadcnioButton CTA built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/hero/hero-centered-search-product-grid.tsx","type":"registry:block","target":"components/blocks/hero/hero-centered-search-product-grid.tsx"}]},{"name":"hero-before-after","type":"registry:block","title":"Hero Before After","description":"A split-layout hero for React and Next.js with a before/after comparison panel, shadcn/ui Slider-driven clip-path reveal, skeleton data shapes, and dual ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["slider"],"premium":true,"files":[{"path":"blocks/hero/hero-before-after.tsx","type":"registry:block","target":"components/blocks/hero/hero-before-after.tsx"}]},{"name":"hero-timeline","type":"registry:block","title":"Hero Timeline","description":"A centered hero section for React and Next.js with bold headline and a vertical timeline of product milestones featuring date labels, connecting line with dot nodes, and event descriptions built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-timeline.tsx","type":"registry:block","target":"components/blocks/hero/hero-timeline.tsx"}]},{"name":"hero-dark-grid-perspective","type":"registry:block","title":"Hero Dark Grid Perspective","description":"A dark-themed centered hero with a vanishing-point SVG perspective grid for React and Next.js featuring an announcement pill, bold headline, and dual ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-dark-grid-perspective.tsx","type":"registry:block","target":"components/blocks/hero/hero-dark-grid-perspective.tsx"}]},{"name":"hero-centered-award-badge","type":"registry:block","title":"Hero Centered Award Badge","description":"A centered hero with a prominent award badge card and row of smaller recognition pills for React and Next.js featuring a bold headline, subtitle, and dual ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-centered-award-badge.tsx","type":"registry:block","target":"components/blocks/hero/hero-centered-award-badge.tsx"}]},{"name":"hero-feature-cards","type":"registry:block","title":"Hero Feature Cards","description":"A centered hero for React and Next.js with headline, subtitle, and dual ShadcnioButton CTAs above a 3-column feature card grid, built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-feature-cards.tsx","type":"registry:block","target":"components/blocks/hero/hero-feature-cards.tsx"}]},{"name":"hero-enterprise-grade","type":"registry:block","title":"Hero Enterprise Grade","description":"A dark centered hero for React and Next.js with compliance badges row, bottom stats bar, and inverted ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-enterprise-grade.tsx","type":"registry:block","target":"components/blocks/hero/hero-enterprise-grade.tsx"}]},{"name":"hero-bento-mixed-widgets","type":"registry:block","title":"Hero Bento Mixed Widgets","description":"A bento grid hero with asymmetric mixed widgets for React and Next.js featuring a headline tile, animated NumberFlow stat, avatar proof, sparkline chart, and testimonial tile built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-bento-mixed-widgets.tsx","type":"registry:block","target":"components/blocks/hero/hero-bento-mixed-widgets.tsx"}]},{"name":"hero-left-metric-cards","type":"registry:block","title":"Hero Left Metric Cards","description":"A left-heavy asymmetric hero with a vertical stack of animated NumberFlow metric cards for React and Next.js featuring an announcement pill, headline, and dual ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-left-metric-cards.tsx","type":"registry:block","target":"components/blocks/hero/hero-left-metric-cards.tsx"}]},{"name":"hero-split-commit-graph","type":"registry:block","title":"Hero Split Commit Graph","description":"A split-layout hero with a git commit graph SVG mockup for React and Next.js featuring branch and merge topology, commit hashes, author avatars, and dual ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-split-commit-graph.tsx","type":"registry:block","target":"components/blocks/hero/hero-split-commit-graph.tsx"}]},{"name":"hero-centered-tech-icon-row","type":"registry:block","title":"Hero Centered Tech Icon Row","description":"A centered hero with a horizontal row of abstract tech icon placeholders for React and Next.js featuring a headline, subtitle, dual ShadcnioButton CTAs, and labeled shape tiles built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/hero/hero-centered-tech-icon-row.tsx","type":"registry:block","target":"components/blocks/hero/hero-centered-tech-icon-row.tsx"}]},{"name":"hero-split-video-player","type":"registry:block","title":"Hero Split Video Player","description":"A split-layout hero with a 16:9 video player mockup for React and Next.js featuring an announcement pill, headline, emerald feature checklist, and dual ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-split-video-player.tsx","type":"registry:block","target":"components/blocks/hero/hero-split-video-player.tsx"}]},{"name":"hero-counters","type":"registry:block","title":"Hero Counters","description":"A dark-themed centered hero with four counter stats and inverted CTAs for React and Next.js featuring an announcement pill, bold headline, and dual ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/hero/hero-counters.tsx","type":"registry:block","target":"components/blocks/hero/hero-counters.tsx"}]},{"name":"hero-split-image-editor","type":"registry:block","title":"Hero Split Image Editor","description":"A split-layout hero with an image editor mockup for React and Next.js featuring a tool rail, canvas with selection handles, properties panel, and dual ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-split-image-editor.tsx","type":"registry:block","target":"components/blocks/hero/hero-split-image-editor.tsx"}]},{"name":"hero-categories","type":"registry:block","title":"Hero Categories","description":"A centered hero for React and Next.js with a bold headline, subtitle, and a responsive grid of category cards below featuring icons, labels, and item counts, paired with dual ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-categories.tsx","type":"registry:block","target":"components/blocks/hero/hero-categories.tsx"}]},{"name":"hero-code-snippet","type":"registry:block","title":"Hero Code Snippet","description":"A dark-themed centered hero with an install command copy block for React and Next.js featuring an announcement pill, dual ShadcnioButton CTAs, and a stats bar built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-code-snippet.tsx","type":"registry:block","target":"components/blocks/hero/hero-code-snippet.tsx"}]},{"name":"hero-split-terminal-install","type":"registry:block","title":"Hero Split Terminal Install","description":"A split-layout hero with a dark terminal mockup and copyable install command for React and Next.js featuring an announcement pill, emerald feature checklist, and dual ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-split-terminal-install.tsx","type":"registry:block","target":"components/blocks/hero/hero-split-terminal-install.tsx"}]},{"name":"hero-waitlist-signup","type":"registry:block","title":"Hero Waitlist Signup","description":"A centered hero section for React and Next.js with large headline, email signup form using shadcn/ui Input and ShadcnioButton, waitlist count social proof, and three feature preview cards built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["input"],"premium":true,"files":[{"path":"blocks/hero/hero-waitlist-signup.tsx","type":"registry:block","target":"components/blocks/hero/hero-waitlist-signup.tsx"}]},{"name":"hero-split-org-chart","type":"registry:block","title":"Hero Split Org Chart","description":"A split-layout hero with an organizational chart tree mockup for React and Next.js featuring a three-level node hierarchy, SVG connection lines, emerald checklist, and dual ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-split-org-chart.tsx","type":"registry:block","target":"components/blocks/hero/hero-split-org-chart.tsx"}]},{"name":"hero-app-showcase","type":"registry:block","title":"Hero App Showcase","description":"A split-layout hero for React and Next.js with a phone frame mockup, notch, home indicator, dual app store download CTAs, and emerald feature checklist built with the ShadcnioButton component and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-app-showcase.tsx","type":"registry:block","target":"components/blocks/hero/hero-app-showcase.tsx"}]},{"name":"hero-logo-cloud","type":"registry:block","title":"Hero Logo Cloud","description":"A centered hero with a static trusted-by logo grid below the CTAs for React and Next.js featuring an announcement pill, dual ShadcnioButton CTAs, and skeleton logo placeholder cells built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-logo-cloud.tsx","type":"registry:block","target":"components/blocks/hero/hero-logo-cloud.tsx"}]},{"name":"hero-testimonial","type":"registry:block","title":"Hero Testimonial","description":"A centered hero with a featured customer testimonial and five-star rating for React and Next.js featuring a headline, author info, and dual ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-testimonial.tsx","type":"registry:block","target":"components/blocks/hero/hero-testimonial.tsx"}]},{"name":"hero-marquee-dual-testimonials","type":"registry:block","title":"Hero Marquee Dual Testimonials","description":"A centered hero with two opposing marquee rows of scrolling testimonial mini cards for React and Next.js featuring an announcement pill, bold headline, and dual ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-marquee-dual-testimonials.tsx","type":"registry:block","target":"components/blocks/hero/hero-marquee-dual-testimonials.tsx"}]},{"name":"hero-avatar-group","type":"registry:block","title":"Hero Avatar Group","description":"A centered hero for React and Next.js with an overlapping avatar stack for social proof, member count, bold headline, and dual ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-avatar-group.tsx","type":"registry:block","target":"components/blocks/hero/hero-avatar-group.tsx"}]},{"name":"hero-typewriter","type":"registry:block","title":"Hero Typewriter","description":"A centered hero section for React and Next.js with a typewriter word-swap effect cycling through rotating keywords, blinking cursor, announcement pill, and dual CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-typewriter.tsx","type":"registry:block","target":"components/blocks/hero/hero-typewriter.tsx"}]},{"name":"hero-centered-multi-step-form","type":"registry:block","title":"Hero Centered Multi Step Form","description":"A centered hero with an inline multi step lead capture wizard for React and Next.js featuring a three step progress dot indicator, shadcn/ui Input fields, and a ShadcnioButton next CTA built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["input"],"premium":true,"files":[{"path":"blocks/hero/hero-centered-multi-step-form.tsx","type":"registry:block","target":"components/blocks/hero/hero-centered-multi-step-form.tsx"}]},{"name":"hero-split-calendar-booking","type":"registry:block","title":"Hero Split Calendar Booking","description":"A split-layout hero with a calendar booking widget mockup showing month label, weekday strip, and time slot pills for React and Next.js featuring an announcement pill, feature checklist, and dual ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-split-calendar-booking.tsx","type":"registry:block","target":"components/blocks/hero/hero-split-calendar-booking.tsx"}]},{"name":"hero-centered-audience-tabs","type":"registry:block","title":"Hero Centered Audience Tabs","description":"A centered hero with a segmented audience tab selector that swaps headline and subtitle per role for React and Next.js featuring animated cross-fade transitions, emerald checklist, and dual ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-centered-audience-tabs.tsx","type":"registry:block","target":"components/blocks/hero/hero-centered-audience-tabs.tsx"}]},{"name":"hero-minimal-ultra","type":"registry:block","title":"Hero Minimal Ultra","description":"An ultra-minimal centered hero for React and Next.js with a single bold two-word headline, one ShadcnioButton CTA, and a trust text line inside a compact rounded container built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/hero/hero-minimal-ultra.tsx","type":"registry:block","target":"components/blocks/hero/hero-minimal-ultra.tsx"}]},{"name":"hero-split-video","type":"registry:block","title":"Hero Split Video","description":"A split-layout hero with a 16:9 video player mockup for React and Next.js featuring an announcement pill, emerald feature checklist, and dual ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-split-video.tsx","type":"registry:block","target":"components/blocks/hero/hero-split-video.tsx"}]},{"name":"hero-centered-single-price","type":"registry:block","title":"Hero Centered Single Price","description":"A centered hero with a prominent single price display for React and Next.js featuring announcement pill, bold headline, oversized price, ShadcnioButton CTA, and dot-separated trust signals built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-centered-single-price.tsx","type":"registry:block","target":"components/blocks/hero/hero-centered-single-price.tsx"}]},{"name":"hero-feature-badges","type":"registry:block","title":"Hero Feature Badges","description":"A split-layout hero for React and Next.js with headline and dual ShadcnioButton CTAs on the left, and a vertical stack of feature badges with icons on the right, built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-feature-badges.tsx","type":"registry:block","target":"components/blocks/hero/hero-feature-badges.tsx"}]},{"name":"hero-split-database-schema","type":"registry:block","title":"Hero Split Database Schema","description":"A split-layout hero with an entity relationship diagram mockup of three table boxes connected by SVG lines for React and Next.js featuring an announcement pill, feature checklist, and dual ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-split-database-schema.tsx","type":"registry:block","target":"components/blocks/hero/hero-split-database-schema.tsx"}]},{"name":"hero-split-tab-switch-browser","type":"registry:block","title":"Hero Split Tab Switch Browser","description":"A split-layout hero with a browser frame mockup and tab-switchable crosshair placeholder views for React and Next.js featuring AnimatePresence transitions and dual ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-split-tab-switch-browser.tsx","type":"registry:block","target":"components/blocks/hero/hero-split-tab-switch-browser.tsx"}]},{"name":"hero-split-form-builder","type":"registry:block","title":"Hero Split Form Builder","description":"A split-layout hero with a no-code form builder mockup featuring a field palette sidebar and a drag-to-reorder canvas for React and Next.js built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-split-form-builder.tsx","type":"registry:block","target":"components/blocks/hero/hero-split-form-builder.tsx"}]},{"name":"hero-split-music-player","type":"registry:block","title":"Hero Split Music Player","description":"A split layout hero with a minimal music player skeleton mockup for React and Next.js featuring an announcement pill, emerald feature checklist, dual ShadcnioButton CTAs, and a waveform plus track list right panel built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-split-music-player.tsx","type":"registry:block","target":"components/blocks/hero/hero-split-music-player.tsx"}]},{"name":"hero-centered-compatibility-matrix","type":"registry:block","title":"Hero Centered Compatibility Matrix","description":"A centered hero with a compact platform compatibility matrix table for React and Next.js featuring an announcement pill, dual ShadcnioButton CTAs, and emerald check or muted dash cells built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-centered-compatibility-matrix.tsx","type":"registry:block","target":"components/blocks/hero/hero-centered-compatibility-matrix.tsx"}]},{"name":"hero-centered-founder-avatars","type":"registry:block","title":"Hero Centered Founder Avatars","description":"A centered hero with an overlapping founder avatar row trust signal for React and Next.js featuring initials-based gradient avatars, a two-line bold headline, and dual ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/hero/hero-centered-founder-avatars.tsx","type":"registry:block","target":"components/blocks/hero/hero-centered-founder-avatars.tsx"}]},{"name":"hero-centered-demo-schedule","type":"registry:block","title":"Hero Centered Demo Schedule","description":"A centered hero with a compact demo scheduling widget below the CTAs for React and Next.js featuring a weekday strip, time slot grid, and dual ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-centered-demo-schedule.tsx","type":"registry:block","target":"components/blocks/hero/hero-centered-demo-schedule.tsx"}]},{"name":"hero-centered-uptime-rows","type":"registry:block","title":"Hero Centered Uptime Rows","description":"A centered hero with service uptime status rows for React and Next.js featuring an operational status banner, 30-day uptime bar charts, and dual ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/hero/hero-centered-uptime-rows.tsx","type":"registry:block","target":"components/blocks/hero/hero-centered-uptime-rows.tsx"}]},{"name":"hero-before-after-slider","type":"registry:block","title":"Hero Before After Slider","description":"A dark-themed hero for React and Next.js with a full-width draggable before/after comparison, pointer-driven slider, stats bar, and dual ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-before-after-slider.tsx","type":"registry:block","target":"components/blocks/hero/hero-before-after-slider.tsx"}]},{"name":"hero-gradient-mesh","type":"registry:block","title":"Hero Gradient Mesh","description":"A centered hero with a multi-layer CSS radial-gradient mesh background for React and Next.js featuring an announcement pill, dual ShadcnioButton CTAs, avatar social proof, and a bottom stats bar built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-gradient-mesh.tsx","type":"registry:block","target":"components/blocks/hero/hero-gradient-mesh.tsx"}]},{"name":"hero-centered-star-rating","type":"registry:block","title":"Hero Centered Star Rating","description":"A centered hero with a five-star rating display, numeric score, review-platform badge row, and featured review footer for React and Next.js built with ShadcnioButton, shadcn/ui, and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/hero/hero-centered-star-rating.tsx","type":"registry:block","target":"components/blocks/hero/hero-centered-star-rating.tsx"}]},{"name":"hero-centered-cta-dotted-bg","type":"registry:block","title":"Hero Centered Cta Dotted Bg","description":"A centered hero with a subtle SVG dotted grid pattern behind the content for React and Next.js featuring a radial mask fade, bold headline, and dual ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-centered-cta-dotted-bg.tsx","type":"registry:block","target":"components/blocks/hero/hero-centered-cta-dotted-bg.tsx"}]},{"name":"hero-dark-metric-tiles","type":"registry:block","title":"Hero Dark Metric Tiles","description":"A dark-inverted centered hero with a four-column metric tiles grid in a light footer strip for React and Next.js built with ShadcnioButton, shadcn/ui, and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/hero/hero-dark-metric-tiles.tsx","type":"registry:block","target":"components/blocks/hero/hero-dark-metric-tiles.tsx"}]},{"name":"hero-centered-line-grid-bg","type":"registry:block","title":"Hero Centered Line Grid Bg","description":"A centered hero with a decorative SVG diagonal cross-hatching line grid background for React and Next.js featuring an announcement pill, bold headline, and dual ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-centered-line-grid-bg.tsx","type":"registry:block","target":"components/blocks/hero/hero-centered-line-grid-bg.tsx"}]},{"name":"hero-split-graphql-query","type":"registry:block","title":"Hero Split Graphql Query","description":"A split-layout hero with a dark GraphQL code editor mockup and a collapsible schema explorer panel for React and Next.js built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-split-graphql-query.tsx","type":"registry:block","target":"components/blocks/hero/hero-split-graphql-query.tsx"}]},{"name":"hero-split-3d-viewer","type":"registry:block","title":"Hero Split 3d Viewer","description":"A split-layout hero with a dark 3D model viewer mockup for React and Next.js featuring an isometric SVG object, rotation gizmo, emerald checklist, and dual ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/hero/hero-split-3d-viewer.tsx","type":"registry:block","target":"components/blocks/hero/hero-split-3d-viewer.tsx"}]},{"name":"logos-bento-with-compliance-cells","type":"registry:block","title":"Logos Bento With Compliance Cells","description":"A bento featured case study logo block for React and Next.js with a tall featured cell plus four compliance-focused supporting cells each carrying an emerald check badge, compliance standard name, and context line built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-bento-with-compliance-cells.tsx","type":"registry:block","target":"components/blocks/logos/logos-bento-with-compliance-cells.tsx"}]},{"name":"logos-bento-featured-case-study","type":"registry:block","title":"Logos Bento Featured Case Study","description":"A bento featured case study logo block for React and Next.js with a hero-weight featured cell holding a flagship logo plus quote plus metric plus attribution, four content-rich supporting cells each carrying an industry tag and retention metric, a subtle featured border accent, and monochrome-to-color hover states built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-bento-featured-case-study.tsx","type":"registry:block","target":"components/blocks/logos/logos-bento-featured-case-study.tsx"}]},{"name":"logos-bento-hybrid-quote-metric","type":"registry:block","title":"Logos Bento Hybrid Quote Metric","description":"A bento logo block with a featured case study cell plus four supporting cells alternating between quote and metric types for React and Next.js with mixed-shape proof, industry pills, and attribution rows built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-bento-hybrid-quote-metric.tsx","type":"registry:block","target":"components/blocks/logos/logos-bento-hybrid-quote-metric.tsx"}]},{"name":"logos-metric-tabular-list-with-logos","type":"registry:block","title":"Logos Metric Tabular List With Logos","description":"A tabular metric list paired with a vertical logo column for React and Next.js with a four-row metric table, a column of five bordered logo cells, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-metric-tabular-list-with-logos.tsx","type":"registry:block","target":"components/blocks/logos/logos-metric-tabular-list-with-logos.tsx"}]},{"name":"logos-dark-inset-compact-strip","type":"registry:block","title":"Logos Dark Inset Compact Strip","description":"A dark inset compact logo strip block for React and Next.js with a rounded bg-foreground panel, an inverted eyebrow label above a flex-wrap row of six monochrome logo marks, and compact vertical padding for a quiet dramatic break built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-dark-inset-compact-strip.tsx","type":"registry:block","target":"components/blocks/logos/logos-dark-inset-compact-strip.tsx"}]},{"name":"logos-bento-wide-featured-top","type":"registry:block","title":"Logos Bento Wide Featured Top","description":"A bento logo block with a wide featured cell spanning the top row above three supporting cells for React and Next.js with horizontal flagship layout, industry pills, metrics, and attribution built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-bento-wide-featured-top.tsx","type":"registry:block","target":"components/blocks/logos/logos-bento-wide-featured-top.tsx"}]},{"name":"logos-split-headline-three-col-grid","type":"registry:block","title":"Logos Split Headline Three Col Grid","description":"A split layout logo block for React and Next.js with a left-aligned hero-scale headline paired with a borderless nine-cell three-by-three logo grid, ShadcnioButton CTA pair, and split directional entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-split-headline-three-col-grid.tsx","type":"registry:block","target":"components/blocks/logos/logos-split-headline-three-col-grid.tsx"}]},{"name":"logos-split-headline-with-metric-chips","type":"registry:block","title":"Logos Split Headline With Metric Chips","description":"A split layout logo block for React and Next.js with a left-aligned hero-scale headline paired with a three-metric chip row, ShadcnioButton CTA pair, a six-cell bordered logo grid, and split directional entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-split-headline-with-metric-chips.tsx","type":"registry:block","target":"components/blocks/logos/logos-split-headline-with-metric-chips.tsx"}]},{"name":"logos-numbered-vertical-list","type":"registry:block","title":"Logos Numbered Vertical List","description":"A numbered vertical logo list for React and Next.js with tabular 01 through 10 row counters, dashed separators, industry tag column, and monochrome hover states built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-numbered-vertical-list.tsx","type":"registry:block","target":"components/blocks/logos/logos-numbered-vertical-list.tsx"}]},{"name":"logos-dark-inset-dual-marquee","type":"registry:block","title":"Logos Dark Inset Dual Marquee","description":"A dark inset dual row opposing marquee logo block for React and Next.js with a rounded bg-foreground inverted panel, two rows scrolling in opposite directions at 40 and 50 seconds, dark edge masks using from-foreground to transparent, and inverted logo hover states built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-dark-inset-dual-marquee.tsx","type":"registry:block","target":"components/blocks/logos/logos-dark-inset-dual-marquee.tsx"}]},{"name":"logos-dual-row-marquee","type":"registry:block","title":"Logos Dual Row Marquee","description":"A dual row infinite marquee logo wall for React and Next.js with opposing scroll directions, distinct per-row speeds, gradient edge masks, reduced-motion handling, and monochrome-to-color hover states built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-dual-row-marquee.tsx","type":"registry:block","target":"components/blocks/logos/logos-dual-row-marquee.tsx"}]},{"name":"logos-dual-marquee-with-metric-divider","type":"registry:block","title":"Logos Dual Marquee With Metric Divider","description":"A dual row infinite marquee logo wall for React and Next.js with a centered metric chip divider between the two rows, opposing scroll directions, gradient edge masks, and reduced-motion handling built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-dual-marquee-with-metric-divider.tsx","type":"registry:block","target":"components/blocks/logos/logos-dual-marquee-with-metric-divider.tsx"}]},{"name":"logos-metric-over-dual-row-logos","type":"registry:block","title":"Logos Metric Over Dual Row Logos","description":"A hero metric over dual opposing marquees for React and Next.js with an oversized tabular-nums count, two infinite scrolling logo rows in opposing directions, gradient edge masks, and a reduced-motion CSS guard built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-metric-over-dual-row-logos.tsx","type":"registry:block","target":"components/blocks/logos/logos-metric-over-dual-row-logos.tsx"}]},{"name":"logos-triple-row-marquee","type":"registry:block","title":"Logos Triple Row Marquee","description":"A triple row infinite marquee logo wall for React and Next.js with three alternating-direction rows, tiered per-row speeds, gradient edge masks, and reduced-motion handling built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-triple-row-marquee.tsx","type":"registry:block","target":"components/blocks/logos/logos-triple-row-marquee.tsx"}]},{"name":"logos-global-presence-regional-tabs","type":"registry:block","title":"Logos Global Presence Regional Tabs","description":"A region-filtered logo grid for React and Next.js with four pill tabs filtering by geography All, Americas, EMEA, and APAC, balanced eight-logo rosters per tab, a reserved minimum grid height that prevents layout shift, and AnimatePresence crossfade between regions built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-global-presence-regional-tabs.tsx","type":"registry:block","target":"components/blocks/logos/logos-global-presence-regional-tabs.tsx"}]},{"name":"logos-dark-inset-featured-focal","type":"registry:block","title":"Logos Dark Inset Featured Focal","description":"A dark inset featured focal hub logo block for React and Next.js with a rounded bg-foreground panel, a stacked flagship card on top carrying an inverted mark plus wordmark plus tenure metric, a dashed connecting divider, and six supporting integrations in an inverted strip below built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-dark-inset-featured-focal.tsx","type":"registry:block","target":"components/blocks/logos/logos-dark-inset-featured-focal.tsx"}]},{"name":"logos-featured-three-flagship-row","type":"registry:block","title":"Logos Featured Three Flagship Row","description":"A three flagship row logo block for React and Next.js with three equal-weight hero cards on a single row, inverted size-20 rounded mark containers, text-2xl bold wordmarks, and tenure metrics built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-featured-three-flagship-row.tsx","type":"registry:block","target":"components/blocks/logos/logos-featured-three-flagship-row.tsx"}]},{"name":"logos-static-grid-wall-divided-rows","type":"registry:block","title":"Logos Static Grid Wall Divided Rows","description":"A static grid wall logo block for React and Next.js with eighteen borderless cells arranged in three rows separated by dashed divider lines, monochrome-to-color hover states, and staggered entrance animation built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-static-grid-wall-divided-rows.tsx","type":"registry:block","target":"components/blocks/logos/logos-static-grid-wall-divided-rows.tsx"}]},{"name":"logos-dual-marquee-fast-slow-speeds","type":"registry:block","title":"Logos Dual Marquee Fast Slow Speeds","description":"A dual row infinite marquee logo wall for React and Next.js with dramatic fast and slow row speed contrast, opposing directions, gradient edge masks, and reduced-motion handling built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-dual-marquee-fast-slow-speeds.tsx","type":"registry:block","target":"components/blocks/logos/logos-dual-marquee-fast-slow-speeds.tsx"}]},{"name":"logos-split-headline-logo-grid","type":"registry:block","title":"Logos Split Headline Logo Grid","description":"A split layout logo block for React and Next.js with a left-aligned hero-scale headline paired with a right-side six-cell logo grid, ShadcnioButton CTA pair, and monochrome-to-color hover states built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-split-headline-logo-grid.tsx","type":"registry:block","target":"components/blocks/logos/logos-split-headline-logo-grid.tsx"}]},{"name":"logos-dual-marquee-monogram-row","type":"registry:block","title":"Logos Dual Marquee Monogram Row","description":"A dual row infinite marquee logo wall using two-letter monogram cells for React and Next.js with opposing scroll directions, bordered card tiles, compact cell density, and reduced-motion handling built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/logos/logos-dual-marquee-monogram-row.tsx","type":"registry:block","target":"components/blocks/logos/logos-dual-marquee-monogram-row.tsx"}]},{"name":"logos-vertical-scroll-reveal-grid","type":"registry:block","title":"Logos Vertical Scroll Reveal Grid","description":"A scroll reveal logo grid wall for React and Next.js with a sixteen cell four by four grid, per cell whileInView fade up animation, once only viewport trigger, and a reduced motion safe fallback built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-vertical-scroll-reveal-grid.tsx","type":"registry:block","target":"components/blocks/logos/logos-vertical-scroll-reveal-grid.tsx"}]},{"name":"logos-minimalist-wordmark-only-strip","type":"registry:block","title":"Logos Minimalist Wordmark Only Strip","description":"A typographic wordmark only logo strip for React and Next.js with eight placeholder brand names rendered as bold tracking-tight text, no icons, and monochrome-to-color hover built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/logos/logos-minimalist-wordmark-only-strip.tsx","type":"registry:block","target":"components/blocks/logos/logos-minimalist-wordmark-only-strip.tsx"}]},{"name":"logos-featured-quote-with-supporting-trio","type":"registry:block","title":"Logos Featured Quote With Supporting Trio","description":"A featured quote split logo block for React and Next.js with a flagship mark and blockquote on top plus a horizontal trio of supporting customer cells below built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-featured-quote-with-supporting-trio.tsx","type":"registry:block","target":"components/blocks/logos/logos-featured-quote-with-supporting-trio.tsx"}]},{"name":"logos-single-marquee-bordered-chips","type":"registry:block","title":"Logos Single Marquee Bordered Chips","description":"A single row bordered chip marquee logo wall for React and Next.js with rounded-full chip containers, icon plus wordmark pairs, gradient edge masks, and a calm fifty second loop duration built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-single-marquee-bordered-chips.tsx","type":"registry:block","target":"components/blocks/logos/logos-single-marquee-bordered-chips.tsx"}]},{"name":"logos-dark-inset-wall","type":"registry:block","title":"Logos Dark Inset Wall","description":"A dark inset logo wall block for React and Next.js with a rounded bg-foreground inverted panel, sixteen logos in a four-column grid, inverted ShadcnioButton primary and ghost CTAs, and monochrome-to-color hover states using background opacity tiers built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-dark-inset-wall.tsx","type":"registry:block","target":"components/blocks/logos/logos-dark-inset-wall.tsx"}]},{"name":"logos-single-marquee-slow-sixty-second","type":"registry:block","title":"Logos Single Marquee Slow Sixty Second","description":"A calm single row logo marquee for React and Next.js with a slow sixty second loop duration, fourteen placeholder brand marks, subdued muted-foreground default color, gradient edge masks, and a prefers-reduced-motion CSS guard built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-single-marquee-slow-sixty-second.tsx","type":"registry:block","target":"components/blocks/logos/logos-single-marquee-slow-sixty-second.tsx"}]},{"name":"logos-single-marquee-with-pipe-dividers","type":"registry:block","title":"Logos Single Marquee With Pipe Dividers","description":"A single row marquee logo wall with thin vertical pipe dividers between each mark for React and Next.js with gradient edge masks, reduced-motion guards, and a calm forty-five second loop built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-single-marquee-with-pipe-dividers.tsx","type":"registry:block","target":"components/blocks/logos/logos-single-marquee-with-pipe-dividers.tsx"}]},{"name":"logos-static-grid-wall-square-cells","type":"registry:block","title":"Logos Static Grid Wall Square Cells","description":"A static grid wall logo block for React and Next.js with twelve bordered square aspect cells arranged in a two-to-four column grid, stacked icon plus wordmark layout, and monochrome-to-color hover states built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-static-grid-wall-square-cells.tsx","type":"registry:block","target":"components/blocks/logos/logos-static-grid-wall-square-cells.tsx"}]},{"name":"logos-dark-inset-bento-case-study","type":"registry:block","title":"Logos Dark Inset Bento Case Study","description":"A dark inset bento featured case study logo block for React and Next.js with a rounded bg-foreground panel, a tall featured case study cell with inverted flagship mark plus quote plus metric, four content-rich supporting cells each carrying an industry pill plus retention metric, and inverted monochrome-to-color hover states built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-dark-inset-bento-case-study.tsx","type":"registry:block","target":"components/blocks/logos/logos-dark-inset-bento-case-study.tsx"}]},{"name":"logos-bento-dark-variant","type":"registry:block","title":"Logos Bento Dark Variant","description":"A dark inverted bento featured case study logo block for React and Next.js with a rounded dark panel containing a tall featured cell plus four content-rich supporting cells, inverted palette throughout, and monochrome icon marks with industry pills built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-bento-dark-variant.tsx","type":"registry:block","target":"components/blocks/logos/logos-bento-dark-variant.tsx"}]},{"name":"logos-tab-filtered-sidebar-nav","type":"registry:block","title":"Logos Tab Filtered Sidebar Nav","description":"A tab-filtered logo grid for React and Next.js with a vertical sidebar navigation on desktop that collapses to a horizontal pill scroll on mobile, balanced six-logo rosters per category, a reserved minimum grid height, AnimatePresence crossfade, and monochrome-to-color hover states built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-tab-filtered-sidebar-nav.tsx","type":"registry:block","target":"components/blocks/logos/logos-tab-filtered-sidebar-nav.tsx"}]},{"name":"logos-under-hero-minimalist-strip","type":"registry:block","title":"Logos Under Hero Minimalist Strip","description":"A single row under-hero minimalist logo strip for React and Next.js with an eyebrow-only headline, flex-wrap layout, monochrome-to-color hover, and zero widget chrome built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-under-hero-minimalist-strip.tsx","type":"registry:block","target":"components/blocks/logos/logos-under-hero-minimalist-strip.tsx"}]},{"name":"logos-static-grid-wall-with-compliance-row","type":"registry:block","title":"Logos Static Grid Wall With Compliance Row","description":"A static grid wall logo block for React and Next.js with eighteen borderless logo cells and a four-badge compliance row rendered below the grid, emerald check icons on pill badges, and monochrome-to-color hover promotion built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-static-grid-wall-with-compliance-row.tsx","type":"registry:block","target":"components/blocks/logos/logos-static-grid-wall-with-compliance-row.tsx"}]},{"name":"logos-featured-focal-with-metric-trio","type":"registry:block","title":"Logos Featured Focal With Metric Trio","description":"A featured focal logo block for React and Next.js with a flagship card on top, a stacked dashed divider, and a three-metric tabular row below using text-4xl tabular-nums built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-featured-focal-with-metric-trio.tsx","type":"registry:block","target":"components/blocks/logos/logos-featured-focal-with-metric-trio.tsx"}]},{"name":"logos-featured-focal-hub","type":"registry:block","title":"Logos Featured Focal Hub","description":"A featured focal hub logo block for React and Next.js with a hero flagship card containing a size-16 mark plus wordmark plus partnership metric, six supporting integration logos in a labeled strip below connected by an explicit dotted divider, and monochrome-to-color hover states built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-featured-focal-hub.tsx","type":"registry:block","target":"components/blocks/logos/logos-featured-focal-hub.tsx"}]},{"name":"logos-bento-five-cell-layout","type":"registry:block","title":"Logos Bento Five Cell Layout","description":"A variant bento logo block for React and Next.js with a four-column two-row grid, a wide two-by-two featured cell, four single-cell supporting logos with industry pills and metrics, and monochrome-to-color hover states built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-bento-five-cell-layout.tsx","type":"registry:block","target":"components/blocks/logos/logos-bento-five-cell-layout.tsx"}]},{"name":"logos-double-headline-with-grid","type":"registry:block","title":"Logos Double Headline With Grid","description":"A double-headline logo grid for React and Next.js with a stacked main and sub headline, a borderless four-column logo grid of twelve marks, and monochrome hover states built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-double-headline-with-grid.tsx","type":"registry:block","target":"components/blocks/logos/logos-double-headline-with-grid.tsx"}]},{"name":"logos-stacked-rows-with-category-labels","type":"registry:block","title":"Logos Stacked Rows With Category Labels","description":"A category-labeled stacked logo rows block for React and Next.js with three industry-tagged horizontal strips, uppercase row labels, and monochrome hover states built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-stacked-rows-with-category-labels.tsx","type":"registry:block","target":"components/blocks/logos/logos-stacked-rows-with-category-labels.tsx"}]},{"name":"logos-static-grid-wall-twentyfour-6x4","type":"registry:block","title":"Logos Static Grid Wall Twentyfour 6x4","description":"A maximum-density static grid wall logo block for React and Next.js with twenty-four borderless logo cells arranged in a responsive six-by-four desktop grid, a fast per-cell staggered cascade, and monochrome-to-color hover states built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-static-grid-wall-twentyfour-6x4.tsx","type":"registry:block","target":"components/blocks/logos/logos-static-grid-wall-twentyfour-6x4.tsx"}]},{"name":"logos-static-grid-wall","type":"registry:block","title":"Logos Static Grid Wall","description":"A static grid wall logo block for React and Next.js with eighteen borderless logo cells arranged in a responsive two-to-six column grid, monochrome-to-color hover states, and staggered entrance animation built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-static-grid-wall.tsx","type":"registry:block","target":"components/blocks/logos/logos-static-grid-wall.tsx"}]},{"name":"logos-global-presence-dot-grid-map","type":"registry:block","title":"Logos Global Presence Dot Grid Map","description":"A global presence dot grid map logo block for React and Next.js with a quiet radial dot pattern map canvas, six prominent pin badges with ring outlines and reduced-motion-aware pulse rings, and pill-style region chips below the map built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-global-presence-dot-grid-map.tsx","type":"registry:block","target":"components/blocks/logos/logos-global-presence-dot-grid-map.tsx"}]},{"name":"logos-dark-inset-metric-hero","type":"registry:block","title":"Logos Dark Inset Metric Hero","description":"A dark inset metric hero logo block for React and Next.js with a rounded bg-foreground inverted panel, a hero-scale tabular-nums count headline, a secondary metric chip row with background opacity dividers, a logo strip of eight inverted marks, and inverted primary plus ghost ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-dark-inset-metric-hero.tsx","type":"registry:block","target":"components/blocks/logos/logos-dark-inset-metric-hero.tsx"}]},{"name":"logos-dark-inset-split-headline","type":"registry:block","title":"Logos Dark Inset Split Headline","description":"A dark inset split headline logo block for React and Next.js with a rounded bg-foreground panel, an inverted left-aligned headline cluster plus ShadcnioButton primary and ghost CTAs, and a six-cell bordered logo grid on the right built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-dark-inset-split-headline.tsx","type":"registry:block","target":"components/blocks/logos/logos-dark-inset-split-headline.tsx"}]},{"name":"logos-minimalist-strip-with-dividers","type":"registry:block","title":"Logos Minimalist Strip With Dividers","description":"A minimalist single-row logo strip for React and Next.js with vertical divider rules between each logo, an uppercase eyebrow, and monochrome-to-color hover built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-minimalist-strip-with-dividers.tsx","type":"registry:block","target":"components/blocks/logos/logos-minimalist-strip-with-dividers.tsx"}]},{"name":"logos-underhero-with-trust-eyebrow","type":"registry:block","title":"Logos Underhero With Trust Eyebrow","description":"An under hero minimalist logo strip for React and Next.js with an uppercase trust eyebrow, secondary trust indicator row featuring rating, count, and compliance, and a six mark flex wrap logo row built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-underhero-with-trust-eyebrow.tsx","type":"registry:block","target":"components/blocks/logos/logos-underhero-with-trust-eyebrow.tsx"}]},{"name":"logos-ticker-inline-headline-strip","type":"registry:block","title":"Logos Ticker Inline Headline Strip","description":"A creative inline logo headline strip for React and Next.js with six wordmark logos interspersed between the words of a single flowing trust sentence, no separate headline cluster, and a flex-wrap responsive fallback built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-ticker-inline-headline-strip.tsx","type":"registry:block","target":"components/blocks/logos/logos-ticker-inline-headline-strip.tsx"}]},{"name":"logos-split-logo-left-headline-right","type":"registry:block","title":"Logos Split Logo Left Headline Right","description":"A reversed split layout logo block for React and Next.js with a left-side six-cell bordered logo grid paired with a right-aligned hero-scale headline and ShadcnioButton CTA pair, split directional entrance animation, and monochrome-to-color hover states built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-split-logo-left-headline-right.tsx","type":"registry:block","target":"components/blocks/logos/logos-split-logo-left-headline-right.tsx"}]},{"name":"logos-dual-marquee-dark-inset","type":"registry:block","title":"Logos Dual Marquee Dark Inset","description":"A dual row infinite marquee logo wall inside a dark inset panel for React and Next.js with opposing scroll directions, inverted headline cluster, foreground edge masks, and reduced-motion handling built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-dual-marquee-dark-inset.tsx","type":"registry:block","target":"components/blocks/logos/logos-dual-marquee-dark-inset.tsx"}]},{"name":"logos-split-headline-vertical-logo-list","type":"registry:block","title":"Logos Split Headline Vertical Logo List","description":"A split layout logo block for React and Next.js with a left-aligned hero-scale headline paired with a right-side vertical five-row logo list featuring dashed row dividers, industry tags, and split directional entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-split-headline-vertical-logo-list.tsx","type":"registry:block","target":"components/blocks/logos/logos-split-headline-vertical-logo-list.tsx"}]},{"name":"logos-metric-ring-chart-with-logos","type":"registry:block","title":"Logos Metric Ring Chart With Logos","description":"A metric ring chart logo block for React and Next.js with an inline SVG ring chart visualizing a percentage metric, centered tabular-nums count inside the ring, a supporting logo strip below, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-metric-ring-chart-with-logos.tsx","type":"registry:block","target":"components/blocks/logos/logos-metric-ring-chart-with-logos.tsx"}]},{"name":"logos-featured-quote-reverse-split","type":"registry:block","title":"Logos Featured Quote Reverse Split","description":"A reversed featured quote split logo block for React and Next.js with the customer testimonial on the left and a flagship logo mark on the right, hero-scale wordmark, semantic blockquote, and attribution figcaption built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-featured-quote-reverse-split.tsx","type":"registry:block","target":"components/blocks/logos/logos-featured-quote-reverse-split.tsx"}]},{"name":"logos-single-marquee-reverse-direction","type":"registry:block","title":"Logos Single Marquee Reverse Direction","description":"A right-scrolling single row marquee logo wall for React and Next.js with reversed keyframe direction, gradient edge masks, monochrome-to-color hover promotion, and a fifty second loop built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-single-marquee-reverse-direction.tsx","type":"registry:block","target":"components/blocks/logos/logos-single-marquee-reverse-direction.tsx"}]},{"name":"logos-dual-marquee-with-row-labels","type":"registry:block","title":"Logos Dual Marquee With Row Labels","description":"A dual row infinite marquee logo wall for React and Next.js with category labels beside each row, opposing scroll directions, gradient edge masks, and reduced-motion handling built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-dual-marquee-with-row-labels.tsx","type":"registry:block","target":"components/blocks/logos/logos-dual-marquee-with-row-labels.tsx"}]},{"name":"logos-featured-quote-with-rating-chip","type":"registry:block","title":"Logos Featured Quote With Rating Chip","description":"A featured quote split logo block for React and Next.js with a flagship mark on the left and a five-star rating credibility chip above a semantic blockquote on the right built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-featured-quote-with-rating-chip.tsx","type":"registry:block","target":"components/blocks/logos/logos-featured-quote-with-rating-chip.tsx"}]},{"name":"logos-single-row-marquee","type":"registry:block","title":"Logos Single Row Marquee","description":"A single row infinite marquee logo wall for React and Next.js with gradient edge masks, reduced-motion media query handling, monochrome-to-color hover states, and a calm 45 second loop duration built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-single-row-marquee.tsx","type":"registry:block","target":"components/blocks/logos/logos-single-row-marquee.tsx"}]},{"name":"logos-featured-quote-stacked-layout","type":"registry:block","title":"Logos Featured Quote Stacked Layout","description":"A vertically stacked featured quote logo block for React and Next.js with a centered flagship mark on top, a centered blockquote in the middle, and a centered attribution figcaption at the bottom built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-featured-quote-stacked-layout.tsx","type":"registry:block","target":"components/blocks/logos/logos-featured-quote-stacked-layout.tsx"}]},{"name":"logos-bento-metric-cards-only","type":"registry:block","title":"Logos Bento Metric Cards Only","description":"A bento logo block with six equal-weight metric cards in a three-by-two grid for React and Next.js with icon-topped containers, tabular-nums metrics, descriptive labels, and brand attribution built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-bento-metric-cards-only.tsx","type":"registry:block","target":"components/blocks/logos/logos-bento-metric-cards-only.tsx"}]},{"name":"logos-dark-inset-single-marquee","type":"registry:block","title":"Logos Dark Inset Single Marquee","description":"A dark inset single row marquee logo block for React and Next.js with a rounded bg-foreground inverted panel, a single infinite row marquee at 45 seconds, dark edge masks using from-foreground to transparent, and inverted text colors with background opacity tiers built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-dark-inset-single-marquee.tsx","type":"registry:block","target":"components/blocks/logos/logos-dark-inset-single-marquee.tsx"}]},{"name":"logos-static-grid-wall-icon-circles","type":"registry:block","title":"Logos Static Grid Wall Icon Circles","description":"An icon-only static grid wall logo block for React and Next.js with sixteen bordered circle cells rendering just the brand icon mark, a responsive three-to-eight column grid, and monochrome-to-color hover promotion built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-static-grid-wall-icon-circles.tsx","type":"registry:block","target":"components/blocks/logos/logos-static-grid-wall-icon-circles.tsx"}]},{"name":"logos-static-grid-wall-accent-featured-cell","type":"registry:block","title":"Logos Static Grid Wall Accent Featured Cell","description":"A static grid wall logo block for React and Next.js with twelve cells in a four-column grid where one flagship cell is promoted with a border, shadow, and FLAGSHIP badge, monochrome-to-color hover states on standard cells, and staggered entrance animation built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-static-grid-wall-accent-featured-cell.tsx","type":"registry:block","target":"components/blocks/logos/logos-static-grid-wall-accent-featured-cell.tsx"}]},{"name":"logos-tab-filtered-dark-variant","type":"registry:block","title":"Logos Tab Filtered Dark Variant","description":"A tab-filtered logo grid for React and Next.js wrapped in a dark inverted inset panel with inverted pill tabs, balanced eight-logo rosters per tab, a reserved minimum grid height, AnimatePresence crossfade, and inverted monochrome-to-highlight hover states built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-tab-filtered-dark-variant.tsx","type":"registry:block","target":"components/blocks/logos/logos-tab-filtered-dark-variant.tsx"}]},{"name":"logos-split-headline-monogram-grid","type":"registry:block","title":"Logos Split Headline Monogram Grid","description":"A split headline monogram grid logo block for React and Next.js with a left-side marketing headline cluster, a right-side three by three monogram tile grid using font-mono initials, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/logos/logos-split-headline-monogram-grid.tsx","type":"registry:block","target":"components/blocks/logos/logos-split-headline-monogram-grid.tsx"}]},{"name":"logos-featured-quote-split","type":"registry:block","title":"Logos Featured Quote Split","description":"A featured quote split logo block for React and Next.js with a single flagship logo on the left paired with a customer testimonial on the right, hero-scale wordmark, semantic blockquote, and attribution figcaption built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-featured-quote-split.tsx","type":"registry:block","target":"components/blocks/logos/logos-featured-quote-split.tsx"}]},{"name":"logos-single-marquee-monogram-chips","type":"registry:block","title":"Logos Single Marquee Monogram Chips","description":"A single row marquee of bordered monogram chips for React and Next.js with square monogram badges, wordmark labels, gradient edge masks, and a prefers-reduced-motion CSS guard built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/logos/logos-single-marquee-monogram-chips.tsx","type":"registry:block","target":"components/blocks/logos/logos-single-marquee-monogram-chips.tsx"}]},{"name":"logos-metric-split-with-logo-column","type":"registry:block","title":"Logos Metric Split With Logo Column","description":"A metric split logo column for React and Next.js with an oversized left-side metric, a right-side vertical logo column separated by dashed dividers, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-metric-split-with-logo-column.tsx","type":"registry:block","target":"components/blocks/logos/logos-metric-split-with-logo-column.tsx"}]},{"name":"logos-static-grid-wall-with-metric-row","type":"registry:block","title":"Logos Static Grid Wall With Metric Row","description":"A static grid wall logo block for React and Next.js with eighteen borderless logo cells and an inline four-metric chip row between the headline and the grid, tabular numeric alignment, and monochrome-to-color hover states built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-static-grid-wall-with-metric-row.tsx","type":"registry:block","target":"components/blocks/logos/logos-static-grid-wall-with-metric-row.tsx"}]},{"name":"logos-tab-filtered-by-use-case","type":"registry:block","title":"Logos Tab Filtered By Use Case","description":"A use case tab-filtered logo grid for React and Next.js with four pill tabs covering All, Build, Deploy, and Monitor, balanced eight-logo rosters per tab, a reserved minimum grid height that prevents layout shift, and AnimatePresence crossfade between use cases built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-tab-filtered-by-use-case.tsx","type":"registry:block","target":"components/blocks/logos/logos-tab-filtered-by-use-case.tsx"}]},{"name":"logos-metric-trio-with-logo-strip","type":"registry:block","title":"Logos Metric Trio With Logo Strip","description":"A metric trio logo strip for React and Next.js with three equal-weight tabular-num metric tiles, a monochrome-to-color logo hover row, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-metric-trio-with-logo-strip.tsx","type":"registry:block","target":"components/blocks/logos/logos-metric-trio-with-logo-strip.tsx"}]},{"name":"logos-minimalist-eyebrow-split-strip","type":"registry:block","title":"Logos Minimalist Eyebrow Split Strip","description":"A minimalist split horizontal logo strip for React and Next.js with a left-aligned TRUSTED BY eyebrow label, a right-aligned flex-wrap row of six placeholder logo marks, and monochrome-to-color hover states built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-minimalist-eyebrow-split-strip.tsx","type":"registry:block","target":"components/blocks/logos/logos-minimalist-eyebrow-split-strip.tsx"}]},{"name":"logos-tab-filtered-category-grid","type":"registry:block","title":"Logos Tab Filtered Category Grid","description":"A tab-filtered category grid logo block for React and Next.js with hand-rolled pill tab navigation, balanced per-category rosters, a reserved minimum grid height that prevents layout shift between tabs, AnimatePresence grid swap, and monochrome-to-color hover states built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-tab-filtered-category-grid.tsx","type":"registry:block","target":"components/blocks/logos/logos-tab-filtered-category-grid.tsx"}]},{"name":"logos-bento-three-equal-featured","type":"registry:block","title":"Logos Bento Three Equal Featured","description":"A bento logo block with three equal-weight featured case study cells for React and Next.js with flagship icon containers, industry pills, inline quotes, highlighted metrics, and attribution rows built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-bento-three-equal-featured.tsx","type":"registry:block","target":"components/blocks/logos/logos-bento-three-equal-featured.tsx"}]},{"name":"logos-static-grid-wall-monogram-tiles","type":"registry:block","title":"Logos Static Grid Wall Monogram Tiles","description":"A monogram-tile static grid wall logo block for React and Next.js with sixteen bordered square tiles rendering brand monograms in a monospace display face, a responsive two-to-eight column grid, and monochrome-to-color hover promotion built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/logos/logos-static-grid-wall-monogram-tiles.tsx","type":"registry:block","target":"components/blocks/logos/logos-static-grid-wall-monogram-tiles.tsx"}]},{"name":"logos-featured-focal-dark-variant","type":"registry:block","title":"Logos Featured Focal Dark Variant","description":"A dark inset featured focal hub logo block for React and Next.js with an inverted flagship card, dashed integrates-with divider, and six supporting integration cells inside a bg-foreground panel built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-featured-focal-dark-variant.tsx","type":"registry:block","target":"components/blocks/logos/logos-featured-focal-dark-variant.tsx"}]},{"name":"logos-timeline-horizontal-with-logos","type":"registry:block","title":"Logos Timeline Horizontal With Logos","description":"A horizontal timeline logo block for React and Next.js with a six-node yearly timeline, per-year icon marks above each node, centered baseline rule, and static monochrome logo marks built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-timeline-horizontal-with-logos.tsx","type":"registry:block","target":"components/blocks/logos/logos-timeline-horizontal-with-logos.tsx"}]},{"name":"logos-dual-marquee-mixed-variants","type":"registry:block","title":"Logos Dual Marquee Mixed Variants","description":"A dual row infinite marquee logo wall for React and Next.js mixing icon-plus-wordmark cells in the top row with icon-only badge chips in the bottom row, opposing directions, gradient edge masks, and reduced-motion handling built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-dual-marquee-mixed-variants.tsx","type":"registry:block","target":"components/blocks/logos/logos-dual-marquee-mixed-variants.tsx"}]},{"name":"logos-metric-hero-strip","type":"registry:block","title":"Logos Metric Hero Strip","description":"A metric-led logo strip for React and Next.js with a hero-scale count headline, secondary metric chip row, monochrome-to-color logo hover, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-metric-hero-strip.tsx","type":"registry:block","target":"components/blocks/logos/logos-metric-hero-strip.tsx"}]},{"name":"logos-featured-focal-with-quote-below","type":"registry:block","title":"Logos Featured Focal With Quote Below","description":"A featured focal logo block for React and Next.js with a flagship card on top, a stacked dashed divider, and a customer quote card below containing a blockquote plus figcaption attribution built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-featured-focal-with-quote-below.tsx","type":"registry:block","target":"components/blocks/logos/logos-featured-focal-with-quote-below.tsx"}]},{"name":"logos-static-grid-wall-twelve-4x3","type":"registry:block","title":"Logos Static Grid Wall Twelve 4x3","description":"A curated static grid wall logo block for React and Next.js with exactly twelve borderless partner cells arranged in a four column by three row layout, monochrome-to-color hover states, and staggered entrance animation built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-static-grid-wall-twelve-4x3.tsx","type":"registry:block","target":"components/blocks/logos/logos-static-grid-wall-twelve-4x3.tsx"}]},{"name":"logos-single-marquee-with-eyebrow-left","type":"registry:block","title":"Logos Single Marquee With Eyebrow Left","description":"A horizontal split layout with a left-aligned trust eyebrow and a single row marquee filling the remaining width for React and Next.js with right-side gradient edge mask and reduced-motion guards built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-single-marquee-with-eyebrow-left.tsx","type":"registry:block","target":"components/blocks/logos/logos-single-marquee-with-eyebrow-left.tsx"}]},{"name":"logos-featured-focal-wide-card-grid","type":"registry:block","title":"Logos Featured Focal Wide Card Grid","description":"A featured focal wide card logo block for React and Next.js with a horizontal full-width flagship card on top containing an inverted mark, wordmark, and metric, and a six-cell integration grid below built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-featured-focal-wide-card-grid.tsx","type":"registry:block","target":"components/blocks/logos/logos-featured-focal-wide-card-grid.tsx"}]},{"name":"logos-minimalist-icon-circles-strip","type":"registry:block","title":"Logos Minimalist Icon Circles Strip","description":"A minimalist icon circles logo strip for React and Next.js with six circular bordered icon badges, an uppercase eyebrow label, per-badge aria labels, and monochrome-to-color hover built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-minimalist-icon-circles-strip.tsx","type":"registry:block","target":"components/blocks/logos/logos-minimalist-icon-circles-strip.tsx"}]},{"name":"logos-bento-quote-cards-only","type":"registry:block","title":"Logos Bento Quote Cards Only","description":"A bento logo block with four equal-weight quote cards arranged in a two-by-two grid for React and Next.js with small logo marks, semantic blockquotes, and avatar attribution rows built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-bento-quote-cards-only.tsx","type":"registry:block","target":"components/blocks/logos/logos-bento-quote-cards-only.tsx"}]},{"name":"logos-featured-quote-with-metric-card","type":"registry:block","title":"Logos Featured Quote With Metric Card","description":"A featured quote split logo block for React and Next.js with a flagship logo on the left, a customer testimonial with an inset prominent metric card on the right, and a semantic figcaption attribution built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-featured-quote-with-metric-card.tsx","type":"registry:block","target":"components/blocks/logos/logos-featured-quote-with-metric-card.tsx"}]},{"name":"logos-split-headline-bordered-logo-grid","type":"registry:block","title":"Logos Split Headline Bordered Logo Grid","description":"A split layout logo block for React and Next.js with a left-aligned hero-scale headline paired with a right-side six-cell dashed-bordered logo grid, ShadcnioButton CTA pair, and split directional entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-split-headline-bordered-logo-grid.tsx","type":"registry:block","target":"components/blocks/logos/logos-split-headline-bordered-logo-grid.tsx"}]},{"name":"logos-featured-with-animated-counter","type":"registry:block","title":"Logos Featured With Animated Counter","description":"An animated count up metric hero logo block for React and Next.js with a hydration-safe zero-to-target interval animation, tabular-nums hero display, supporting logo strip, and reduced motion respect built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-featured-with-animated-counter.tsx","type":"registry:block","target":"components/blocks/logos/logos-featured-with-animated-counter.tsx"}]},{"name":"logos-tab-filtered-with-tab-counts","type":"registry:block","title":"Logos Tab Filtered With Tab Counts","description":"A tab-filtered category grid logo block for React and Next.js with pill tabs that show computed per-category logo counts in parentheses, balanced eight-logo rosters per tab, a reserved minimum grid height, AnimatePresence grid swap, and monochrome-to-color hover states built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-tab-filtered-with-tab-counts.tsx","type":"registry:block","target":"components/blocks/logos/logos-tab-filtered-with-tab-counts.tsx"}]},{"name":"logos-single-marquee-icon-only","type":"registry:block","title":"Logos Single Marquee Icon Only","description":"A single row icon-only marquee logo wall for React and Next.js with bordered square icon containers, aria-labeled brand names, gradient edge masks, and a prefers-reduced-motion CSS guard built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-single-marquee-icon-only.tsx","type":"registry:block","target":"components/blocks/logos/logos-single-marquee-icon-only.tsx"}]},{"name":"logos-minimalist-monogram-badge-strip","type":"registry:block","title":"Logos Minimalist Monogram Badge Strip","description":"A minimalist monogram badge logo strip for React and Next.js with seven two-letter monogram tiles rendered in rounded bordered containers, an eyebrow label, and monochrome-to-color hover built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/logos/logos-minimalist-monogram-badge-strip.tsx","type":"registry:block","target":"components/blocks/logos/logos-minimalist-monogram-badge-strip.tsx"}]},{"name":"logos-tab-filtered-by-company-size","type":"registry:block","title":"Logos Tab Filtered By Company Size","description":"A company size tab-filtered logo grid for React and Next.js with four pill tabs covering All, Startups, Mid-Market, and Enterprise, balanced eight-logo rosters per tab, a reserved minimum grid height that prevents layout shift, and AnimatePresence crossfade between sizes built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-tab-filtered-by-company-size.tsx","type":"registry:block","target":"components/blocks/logos/logos-tab-filtered-by-company-size.tsx"}]},{"name":"logos-tab-filtered-animated-underline","type":"registry:block","title":"Logos Tab Filtered Animated Underline","description":"A tab-filtered logo grid for React and Next.js with hand-rolled flat tabs and an animated underline indicator that slides between active tabs using motion/react layoutId, balanced six-logo rosters per tab, a reserved minimum grid height, AnimatePresence crossfade, and monochrome-to-color hover states built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-tab-filtered-animated-underline.tsx","type":"registry:block","target":"components/blocks/logos/logos-tab-filtered-animated-underline.tsx"}]},{"name":"logos-regional-breakdown-rows","type":"registry:block","title":"Logos Regional Breakdown Rows","description":"A regional breakdown logo rows block for React and Next.js with four region-labeled rows, per-region team counts, a sidecar label column, and monochrome hover states built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-regional-breakdown-rows.tsx","type":"registry:block","target":"components/blocks/logos/logos-regional-breakdown-rows.tsx"}]},{"name":"logos-minimalist-compact-five-logo-strip","type":"registry:block","title":"Logos Minimalist Compact Five Logo Strip","description":"A bare minimum compact five logo strip for React and Next.js with a tight eyebrow, no dividers, no subtitle, and monochrome-to-color hover states built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-minimalist-compact-five-logo-strip.tsx","type":"registry:block","target":"components/blocks/logos/logos-minimalist-compact-five-logo-strip.tsx"}]},{"name":"logos-featured-quote-dark-variant","type":"registry:block","title":"Logos Featured Quote Dark Variant","description":"A dark inset featured quote split logo block for React and Next.js with an inverted palette panel, flagship brand mark, hero-scale blockquote, and attribution figcaption built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-featured-quote-dark-variant.tsx","type":"registry:block","target":"components/blocks/logos/logos-featured-quote-dark-variant.tsx"}]},{"name":"logos-static-grid-wall-bordered-cells","type":"registry:block","title":"Logos Static Grid Wall Bordered Cells","description":"A static grid wall logo block with bordered card cells for React and Next.js with twelve flagship partners arranged in a responsive two-to-four column grid, monochrome-to-color hover states, and staggered entrance animation built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-static-grid-wall-bordered-cells.tsx","type":"registry:block","target":"components/blocks/logos/logos-static-grid-wall-bordered-cells.tsx"}]},{"name":"logos-metric-dark-variant","type":"registry:block","title":"Logos Metric Dark Variant","description":"A dark-inset metric logo strip for React and Next.js with an inverted palette, a hero-scale tabular-num count headline, a secondary metric chip row, and a logo strip with inverted hover states built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-metric-dark-variant.tsx","type":"registry:block","target":"components/blocks/logos/logos-metric-dark-variant.tsx"}]},{"name":"logos-global-presence-with-region-metrics","type":"registry:block","title":"Logos Global Presence With Region Metrics","description":"A global presence dot grid map logo block for React and Next.js paired with four region metric cards showing team counts per continent, a wide 16 by 7 dot-grid world map container, and a centered marketing headline cluster built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-global-presence-with-region-metrics.tsx","type":"registry:block","target":"components/blocks/logos/logos-global-presence-with-region-metrics.tsx"}]},{"name":"logos-compact-footer-ribbon-strip","type":"registry:block","title":"Logos Compact Footer Ribbon Strip","description":"An ultra minimal footer ribbon logo strip for React and Next.js with an eyebrow left split, eight compact logo marks, and a horizontal flex-wrap layout built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-compact-footer-ribbon-strip.tsx","type":"registry:block","target":"components/blocks/logos/logos-compact-footer-ribbon-strip.tsx"}]},{"name":"logos-split-headline-dark-grid-panel","type":"registry:block","title":"Logos Split Headline Dark Grid Panel","description":"A split layout logo block for React and Next.js with a left-aligned hero-scale headline on light background paired with a right-side dark inset logo grid panel featuring inverted colors, six cells, and split directional entrance animations built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-split-headline-dark-grid-panel.tsx","type":"registry:block","target":"components/blocks/logos/logos-split-headline-dark-grid-panel.tsx"}]},{"name":"logos-featured-focal-with-compliance-row","type":"registry:block","title":"Logos Featured Focal With Compliance Row","description":"A featured focal hub logo block for React and Next.js with a stacked flagship card, dashed integrates-with divider, supporting integration strip, and a four-badge compliance row built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/logos/logos-featured-focal-with-compliance-row.tsx","type":"registry:block","target":"components/blocks/logos/logos-featured-focal-with-compliance-row.tsx"}]},{"name":"dialog-manage-subscription","type":"registry:block","title":"Dialog Manage Subscription","description":"Manage subscription dialog with current plan details, usage stats, billing info, and quick actions for plan management","dependencies":["lucide-react"],"registryDependencies":["badge","button","dialog","progress","separator"],"premium":true,"files":[{"path":"blocks/dialog/dialog-manage-subscription.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-manage-subscription.tsx"}]},{"name":"dialog-address-autocomplete","type":"registry:block","title":"Dialog Address Autocomplete","description":"Address input dialog with autocomplete suggestions, manual entry fallback, and address validation","dependencies":["lucide-react"],"registryDependencies":["button","command","dialog","input","label"],"premium":true,"files":[{"path":"blocks/dialog/dialog-address-autocomplete.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-address-autocomplete.tsx"}]},{"name":"dialog-file-conflict","type":"registry:block","title":"Dialog File Conflict","description":"File conflict resolution dialog with side-by-side comparison, keep both/replace/skip options for sync conflicts","dependencies":["lucide-react"],"registryDependencies":["badge","button","dialog","label","radio-group"],"premium":true,"files":[{"path":"blocks/dialog/dialog-file-conflict.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-file-conflict.tsx"}]},{"name":"dialog-quick-reply","type":"registry:block","title":"Dialog Quick Reply","description":"Quick reply template dialog with searchable template list, category filters, variable preview, and one-click insertion","dependencies":["lucide-react"],"registryDependencies":["button","dialog","input"],"premium":true,"files":[{"path":"blocks/dialog/dialog-quick-reply.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-quick-reply.tsx"}]},{"name":"dialog-login","type":"registry:block","title":"Dialog Login","description":"Login dialog with email and password fields, social login options, forgot password link, and remember me checkbox","dependencies":["lucide-react"],"registryDependencies":["alert","button","checkbox","dialog","input","label","separator"],"premium":true,"files":[{"path":"blocks/dialog/dialog-login.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-login.tsx"}]},{"name":"dialog-voice-command","type":"registry:block","title":"Dialog Voice Command","description":"Voice command dialog with listening animation, transcript display, and action confirmation for React voice apps","dependencies":["lucide-react"],"registryDependencies":["button","dialog"],"premium":true,"files":[{"path":"blocks/dialog/dialog-voice-command.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-voice-command.tsx"}]},{"name":"dialog-gift-card","type":"registry:block","title":"Dialog Gift Card","description":"Gift card dialog with preset amounts, custom value input, recipient details, personal message, and delivery options","dependencies":["lucide-react"],"registryDependencies":["button","calendar","dialog","input","label","popover","radio-group","separator","textarea"],"premium":true,"files":[{"path":"blocks/dialog/dialog-gift-card.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-gift-card.tsx"}]},{"name":"dialog-api-key","type":"registry:block","title":"Dialog Api Key","description":"API key management dialog with key generation, copy functionality, permission scopes, and expiration settings","dependencies":["lucide-react"],"registryDependencies":["badge","button","checkbox","dialog","input","label","select","separator"],"premium":true,"files":[{"path":"blocks/dialog/dialog-api-key.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-api-key.tsx"}]},{"name":"dialog-streak-tracker","type":"registry:block","title":"Dialog Streak Tracker","description":"Streak tracker dialog with daily progress, current streak count, and milestone celebrations for React habit apps","dependencies":["lucide-react"],"registryDependencies":["button","dialog"],"premium":true,"files":[{"path":"blocks/dialog/dialog-streak-tracker.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-streak-tracker.tsx"}]},{"name":"dialog-add-to-collection","type":"registry:block","title":"Dialog Add To Collection","description":"Add to collection dialog with collection list, create new option, search filter, and multi-select support","dependencies":["lucide-react"],"registryDependencies":["badge","button","checkbox","dialog","input","scroll-area","separator"],"premium":true,"files":[{"path":"blocks/dialog/dialog-add-to-collection.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-add-to-collection.tsx"}]},{"name":"dialog-emoji-picker","type":"registry:block","title":"Dialog Emoji Picker","description":"Emoji picker dialog with categorized grid, search functionality, skin tone selector, frequently used section, and click-to-copy","dependencies":["lucide-react"],"registryDependencies":["button","dialog","input","popover"],"premium":true,"files":[{"path":"blocks/dialog/dialog-emoji-picker.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-emoji-picker.tsx"}]},{"name":"dialog-qr-scanner","type":"registry:block","title":"Dialog Qr Scanner","description":"QR code scanner dialog with camera viewfinder, manual code input, scan history, and action handling for URLs and text","dependencies":["lucide-react"],"registryDependencies":["badge","button","dialog","input","label","scroll-area","tabs"],"premium":true,"files":[{"path":"blocks/dialog/dialog-qr-scanner.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-qr-scanner.tsx"}]},{"name":"dialog-referral-invite","type":"registry:block","title":"Dialog Referral Invite","description":"Referral program dialog with unique invite code, social sharing buttons, email invite form, rewards display, and referral stats","dependencies":["lucide-react"],"registryDependencies":["button","dialog","input","label"],"premium":true,"files":[{"path":"blocks/dialog/dialog-referral-invite.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-referral-invite.tsx"}]},{"name":"dialog-password-generator","type":"registry:block","title":"Dialog Password Generator","description":"Password generator dialog with length slider, character type toggles, strength indicator, regenerate button, and copy functionality","dependencies":["lucide-react"],"registryDependencies":["badge","button","dialog","label","progress","slider","switch"],"premium":true,"files":[{"path":"blocks/dialog/dialog-password-generator.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-password-generator.tsx"}]},{"name":"dialog-cookie-settings","type":"registry:block","title":"Dialog Cookie Settings","description":"Cookie settings dialog with granular preferences, category toggles, and GDPR-compliant consent management","dependencies":["lucide-react"],"registryDependencies":["accordion","badge","button","dialog","separator","switch"],"premium":true,"files":[{"path":"blocks/dialog/dialog-cookie-settings.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-cookie-settings.tsx"}]},{"name":"dialog-forgot-password","type":"registry:block","title":"Dialog Forgot Password","description":"Forgot password dialog with email input, reset link sending, and success confirmation for password recovery flow","dependencies":["lucide-react"],"registryDependencies":["button","dialog","input","label"],"premium":true,"files":[{"path":"blocks/dialog/dialog-forgot-password.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-forgot-password.tsx"}]},{"name":"dialog-location-picker","type":"registry:block","title":"Dialog Location Picker","description":"Location picker dialog with address search, interactive map placeholder, coordinates display, and recent locations","dependencies":["lucide-react"],"registryDependencies":["badge","button","dialog","input","label","scroll-area","separator"],"premium":true,"files":[{"path":"blocks/dialog/dialog-location-picker.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-location-picker.tsx"}]},{"name":"dialog-contact-card","type":"registry:block","title":"Dialog Contact Card","description":"Contact card dialog with avatar, name, contact details, and quick action buttons for email, call, and message","dependencies":["lucide-react"],"registryDependencies":["avatar","button","dialog"],"premium":true,"files":[{"path":"blocks/dialog/dialog-contact-card.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-contact-card.tsx"}]},{"name":"dialog-terms-accept","type":"registry:block","title":"Dialog Terms Accept","description":"Terms acceptance dialog with scrollable terms content, required checkbox agreement, and legal compliance features","dependencies":["lucide-react"],"registryDependencies":["alert-dialog","badge","button","checkbox","label","scroll-area","separator"],"premium":true,"files":[{"path":"blocks/dialog/dialog-terms-accept.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-terms-accept.tsx"}]},{"name":"dialog-password-confirm","type":"registry:block","title":"Dialog Password Confirm","description":"Delete confirmation dialog with password input field and visibility toggle for high-security destructive actions","dependencies":["lucide-react"],"registryDependencies":["button","dialog","input","label"],"premium":true,"files":[{"path":"blocks/dialog/dialog-password-confirm.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-password-confirm.tsx"}]},{"name":"dialog-apply-coupon","type":"registry:block","title":"Dialog Apply Coupon","description":"Apply coupon or promo code dialog with input validation, discount preview, and applied codes list","dependencies":["lucide-react"],"registryDependencies":["alert","badge","button","dialog","input","label","separator"],"premium":true,"files":[{"path":"blocks/dialog/dialog-apply-coupon.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-apply-coupon.tsx"}]},{"name":"dialog-contact-picker","type":"registry:block","title":"Dialog Contact Picker","description":"Contact picker dialog with searchable list, multi-select, recent contacts, and grouped alphabetically","dependencies":["lucide-react"],"registryDependencies":["avatar","badge","button","checkbox","command","dialog"],"premium":true,"files":[{"path":"blocks/dialog/dialog-contact-picker.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-contact-picker.tsx"}]},{"name":"dialog-recurring-payment","type":"registry:block","title":"Dialog Recurring Payment","description":"Recurring payment setup dialog with frequency selection, amount input, start date picker, payment method display, and billing summary","dependencies":["lucide-react"],"registryDependencies":["button","dialog","input","label","select"],"premium":true,"files":[{"path":"blocks/dialog/dialog-recurring-payment.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-recurring-payment.tsx"}]},{"name":"dialog-version-history","type":"registry:block","title":"Dialog Version History","description":"Version history dialog with timeline of changes, diff preview, restore functionality, and author attribution","dependencies":["lucide-react"],"registryDependencies":["avatar","badge","button","dialog","scroll-area"],"premium":true,"files":[{"path":"blocks/dialog/dialog-version-history.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-version-history.tsx"}]},{"name":"dialog-contact-support","type":"registry:block","title":"Dialog Contact Support","description":"Contact support dialog with issue category selection, priority level, message input, file attachment, and ticket submission","dependencies":["lucide-react"],"registryDependencies":["badge","button","dialog","input","label","select","separator","textarea"],"premium":true,"files":[{"path":"blocks/dialog/dialog-contact-support.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-contact-support.tsx"}]},{"name":"dialog-bookmark-folder","type":"registry:block","title":"Dialog Bookmark Folder","description":"Bookmark save dialog with folder selection, new folder creation, tag input, and notes field for organizing saved items","dependencies":["lucide-react"],"registryDependencies":["badge","button","dialog","input","label","scroll-area","textarea"],"premium":true,"files":[{"path":"blocks/dialog/dialog-bookmark-folder.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-bookmark-folder.tsx"}]},{"name":"dialog-command-palette","type":"registry:block","title":"Dialog Command Palette","description":"Command palette dialog with fuzzy search, categorized actions, keyboard navigation, and recent commands","dependencies":["lucide-react"],"registryDependencies":["button","command","dialog"],"premium":true,"files":[{"path":"blocks/dialog/dialog-command-palette.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-command-palette.tsx"}]},{"name":"dialog-table-insert","type":"registry:block","title":"Dialog Table Insert","description":"Insert table dialog with row/column selector, header options, and visual preview grid","dependencies":["lucide-react"],"registryDependencies":["button","dialog","label","switch"],"premium":true,"files":[{"path":"blocks/dialog/dialog-table-insert.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-table-insert.tsx"}]},{"name":"dialog-guest-checkout","type":"registry:block","title":"Dialog Guest Checkout","description":"Guest checkout dialog with email capture, account benefits preview, and continue options for React ecommerce","dependencies":["lucide-react"],"registryDependencies":["button","dialog","input","label","separator"],"premium":true,"files":[{"path":"blocks/dialog/dialog-guest-checkout.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-guest-checkout.tsx"}]},{"name":"dialog-font-picker","type":"registry:block","title":"Dialog Font Picker","description":"Font picker dialog with searchable font list, category filters, live preview, size adjustment, and recent selections","dependencies":["lucide-react"],"registryDependencies":["button","dialog","input"],"premium":true,"files":[{"path":"blocks/dialog/dialog-font-picker.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-font-picker.tsx"}]},{"name":"dialog-habit-tracker","type":"registry:block","title":"Dialog Habit Tracker","description":"Habit tracker dialog with daily check-off, streak counter, weekly calendar view, and completion statistics","dependencies":["lucide-react"],"registryDependencies":["button","dialog"],"premium":true,"files":[{"path":"blocks/dialog/dialog-habit-tracker.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-habit-tracker.tsx"}]},{"name":"dialog-device-management","type":"registry:block","title":"Dialog Device Management","description":"Device management dialog with active sessions list, device details, location info, last active timestamps, and remote logout functionality","dependencies":["lucide-react"],"registryDependencies":["badge","button","dialog"],"premium":true,"files":[{"path":"blocks/dialog/dialog-device-management.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-device-management.tsx"}]},{"name":"dialog-loading","type":"registry:block","title":"Dialog Loading","description":"Loading dialog with spinner animation, progress indicator, status messages, and cancel option for long-running operations","dependencies":["lucide-react"],"registryDependencies":["button","dialog","progress"],"premium":true,"files":[{"path":"blocks/dialog/dialog-loading.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-loading.tsx"}]},{"name":"dialog-quick-calculator","type":"registry:block","title":"Dialog Quick Calculator","description":"Quick calculator dialog with basic operations, calculation history, memory functions, and keyboard support","dependencies":["lucide-react"],"registryDependencies":["badge","button","dialog","scroll-area"],"premium":true,"files":[{"path":"blocks/dialog/dialog-quick-calculator.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-quick-calculator.tsx"}]},{"name":"dialog-save-draft","type":"registry:block","title":"Dialog Save Draft","description":"Save draft dialog with auto-save status, manual save option, version history, and discard changes","dependencies":["lucide-react"],"registryDependencies":["button","dialog"],"premium":true,"files":[{"path":"blocks/dialog/dialog-save-draft.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-save-draft.tsx"}]},{"name":"dialog-cancel-subscription","type":"registry:block","title":"Dialog Cancel Subscription","description":"Subscription cancellation dialog with reason selection, retention offers, feedback collection, and final confirmation","dependencies":["lucide-react"],"registryDependencies":["badge","button","dialog","label","radio-group","separator","textarea"],"premium":true,"files":[{"path":"blocks/dialog/dialog-cancel-subscription.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-cancel-subscription.tsx"}]},{"name":"dialog-emergency-contact","type":"registry:block","title":"Dialog Emergency Contact","description":"Emergency contact dialog with contact details form, relationship selector, priority order, and medical information fields","dependencies":["lucide-react"],"registryDependencies":["alert","button","checkbox","dialog","input","label","select","textarea"],"premium":true,"files":[{"path":"blocks/dialog/dialog-emergency-contact.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-emergency-contact.tsx"}]},{"name":"dialog-upgrade-plan","type":"registry:block","title":"Dialog Upgrade Plan","description":"Upgrade plan dialog with pricing tier comparison cards, feature lists, and billing toggle between monthly and annual","dependencies":["lucide-react"],"registryDependencies":["button","card","dialog","label","switch"],"premium":true,"files":[{"path":"blocks/dialog/dialog-upgrade-plan.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-upgrade-plan.tsx"}]},{"name":"dialog-card-swipe","type":"registry:block","title":"Dialog Card Swipe","description":"Card swipe dialog with like/pass actions, undo option, and match notification for React dating and discovery apps","dependencies":["lucide-react"],"registryDependencies":["avatar","button","dialog"],"premium":true,"files":[{"path":"blocks/dialog/dialog-card-swipe.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-card-swipe.tsx"}]},{"name":"dialog-keyboard-shortcuts","type":"registry:block","title":"Dialog Keyboard Shortcuts","description":"Keyboard shortcuts reference dialog with grouped commands, key combinations displayed as badges, and search functionality","dependencies":["lucide-react"],"registryDependencies":["button","dialog","input","scroll-area"],"premium":true,"files":[{"path":"blocks/dialog/dialog-keyboard-shortcuts.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-keyboard-shortcuts.tsx"}]},{"name":"dialog-download-app","type":"registry:block","title":"Dialog Download App","description":"Download app dialog with platform detection, QR code display, app store links, and installation instructions","dependencies":["lucide-react"],"registryDependencies":["badge","button","dialog","separator","tabs"],"premium":true,"files":[{"path":"blocks/dialog/dialog-download-app.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-download-app.tsx"}]},{"name":"dialog-billing-address","type":"registry:block","title":"Dialog Billing Address","description":"Billing address form dialog with country selection, auto-formatted inputs, address validation, and save for future use option","dependencies":["lucide-react"],"registryDependencies":["button","checkbox","dialog","input","label","select"],"premium":true,"files":[{"path":"blocks/dialog/dialog-billing-address.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-billing-address.tsx"}]},{"name":"dialog-content-scheduler","type":"registry:block","title":"Dialog Content Scheduler","description":"Content scheduler dialog with date and time picker, timezone selector, platform toggles, and preview of scheduled posts","dependencies":["lucide-react"],"registryDependencies":["button","calendar","dialog","label","popover","select","switch"],"premium":true,"files":[{"path":"blocks/dialog/dialog-content-scheduler.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-content-scheduler.tsx"}]},{"name":"dialog-quick-actions","type":"registry:block","title":"Dialog Quick Actions","description":"Quick actions dialog with searchable action list, keyboard shortcuts, recent actions, and categorized commands","dependencies":["lucide-react"],"registryDependencies":["badge","button","command","dialog"],"premium":true,"files":[{"path":"blocks/dialog/dialog-quick-actions.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-quick-actions.tsx"}]},{"name":"dialog-export-data","type":"registry:block","title":"Dialog Export Data","description":"Export data dialog with format selection, date range filters, field customization, and download progress","dependencies":["lucide-react"],"registryDependencies":["badge","button","checkbox","dialog","label","progress","select","separator"],"premium":true,"files":[{"path":"blocks/dialog/dialog-export-data.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-export-data.tsx"}]},{"name":"dialog-dice-roller","type":"registry:block","title":"Dialog Dice Roller","description":"Dice roller dialog with multiple dice types, quantity selection, roll animation, history log, and total calculation","dependencies":["lucide-react"],"registryDependencies":["badge","button","dialog","scroll-area","separator"],"premium":true,"files":[{"path":"blocks/dialog/dialog-dice-roller.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-dice-roller.tsx"}]},{"name":"dialog-language-switch","type":"registry:block","title":"Dialog Language Switch","description":"Language switch dialog with locale selector, flag icons, and translation progress for React i18n apps","dependencies":["lucide-react"],"registryDependencies":["button","dialog"],"premium":true,"files":[{"path":"blocks/dialog/dialog-language-switch.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-language-switch.tsx"}]},{"name":"dialog-split-bill","type":"registry:block","title":"Dialog Split Bill","description":"Split bill dialog with item assignment and per-person totals for React restaurant apps","dependencies":["lucide-react"],"registryDependencies":["avatar","button","dialog"],"premium":true,"files":[{"path":"blocks/dialog/dialog-split-bill.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-split-bill.tsx"}]},{"name":"dialog-session-timeout","type":"registry:block","title":"Dialog Session Timeout","description":"Session timeout warning dialog with countdown timer, extend session option, and auto-logout functionality","dependencies":["lucide-react"],"registryDependencies":["button","dialog","progress"],"premium":true,"files":[{"path":"blocks/dialog/dialog-session-timeout.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-session-timeout.tsx"}]},{"name":"dialog-countdown-timer","type":"registry:block","title":"Dialog Countdown Timer","description":"Countdown timer dialog with custom duration input, visual progress ring, pause/resume controls, and completion alert","dependencies":["lucide-react"],"registryDependencies":["button","dialog","input","label"],"premium":true,"files":[{"path":"blocks/dialog/dialog-countdown-timer.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-countdown-timer.tsx"}]},{"name":"dialog-app-rating","type":"registry:block","title":"Dialog App Rating","description":"App rating prompt dialog with star rating selector, feedback textarea, conditional flows for positive and negative ratings, and store redirect","dependencies":["lucide-react"],"registryDependencies":["button","dialog","label","textarea"],"premium":true,"files":[{"path":"blocks/dialog/dialog-app-rating.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-app-rating.tsx"}]},{"name":"dialog-select-quantity","type":"registry:block","title":"Dialog Select Quantity","description":"Quantity selector dialog with increment/decrement controls, direct input, stock availability, and bulk pricing","dependencies":["lucide-react"],"registryDependencies":["button","dialog","input"],"premium":true,"files":[{"path":"blocks/dialog/dialog-select-quantity.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-select-quantity.tsx"}]},{"name":"dialog-feedback-form","type":"registry:block","title":"Dialog Feedback Form","description":"Quick feedback form dialog with emoji reaction selector, category selection, message input, and optional contact follow-up","dependencies":["lucide-react"],"registryDependencies":["button","checkbox","dialog","label","select","textarea"],"premium":true,"files":[{"path":"blocks/dialog/dialog-feedback-form.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-feedback-form.tsx"}]},{"name":"dialog-invite-team","type":"registry:block","title":"Dialog Invite Team","description":"Invite team members dialog with email input, role selection, bulk invite support, and pending invitations list","dependencies":["lucide-react"],"registryDependencies":["avatar","badge","button","dialog","input","label","select","separator"],"premium":true,"files":[{"path":"blocks/dialog/dialog-invite-team.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-invite-team.tsx"}]},{"name":"dialog-change-password","type":"registry:block","title":"Dialog Change Password","description":"Change password dialog with current password verification, new password input, strength indicator, and confirmation matching","dependencies":["lucide-react"],"registryDependencies":["button","dialog","input","label","progress"],"premium":true,"files":[{"path":"blocks/dialog/dialog-change-password.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-change-password.tsx"}]},{"name":"dialog-assign-task","type":"registry:block","title":"Dialog Assign Task","description":"Assign task dialog with team member picker, due date selection, priority level, and task details","dependencies":["lucide-react"],"registryDependencies":["avatar","badge","button","calendar","command","dialog","label","popover","select","textarea"],"premium":true,"files":[{"path":"blocks/dialog/dialog-assign-task.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-assign-task.tsx"}]},{"name":"dialog-embed-video","type":"registry:block","title":"Dialog Embed Video","description":"Embed video dialog with URL input, platform detection, preview player, and embed code generation","dependencies":["lucide-react"],"registryDependencies":["badge","button","dialog","input","label","switch"],"premium":true,"files":[{"path":"blocks/dialog/dialog-embed-video.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-embed-video.tsx"}]},{"name":"dialog-add-to-cart","type":"registry:block","title":"Dialog Add To Cart","description":"Add to cart dialog with product image, variant selection, quantity picker, and price display","dependencies":["lucide-react"],"registryDependencies":["badge","button","dialog","label","radio-group","separator"],"premium":true,"files":[{"path":"blocks/dialog/dialog-add-to-cart.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-add-to-cart.tsx"}]},{"name":"dialog-order-tracking","type":"registry:block","title":"Dialog Order Tracking","description":"Order tracking dialog with status timeline, delivery estimate, and live updates for React ecommerce apps","dependencies":["lucide-react"],"registryDependencies":["button","dialog"],"premium":true,"files":[{"path":"blocks/dialog/dialog-order-tracking.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-order-tracking.tsx"}]},{"name":"dialog-unsaved-changes","type":"registry:block","title":"Dialog Unsaved Changes","description":"Unsaved changes dialog with change summary, save/discard options, and navigation blocking confirmation","dependencies":["lucide-react"],"registryDependencies":["badge","button","dialog"],"premium":true,"files":[{"path":"blocks/dialog/dialog-unsaved-changes.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-unsaved-changes.tsx"}]},{"name":"dialog-api-error","type":"registry:block","title":"Dialog Api Error","description":"API error dialog with error code display, message details, retry action, copy error info, and support link","dependencies":["lucide-react"],"registryDependencies":["alert","badge","button","collapsible","dialog","separator"],"premium":true,"files":[{"path":"blocks/dialog/dialog-api-error.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-api-error.tsx"}]},{"name":"dialog-payment-method","type":"registry:block","title":"Dialog Payment Method","description":"Payment method dialog with credit card form, card number formatting, expiry validation, and card type detection","dependencies":["lucide-react"],"registryDependencies":["button","checkbox","dialog","input","label"],"premium":true,"files":[{"path":"blocks/dialog/dialog-payment-method.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-payment-method.tsx"}]},{"name":"dialog-edit-profile","type":"registry:block","title":"Dialog Edit Profile","description":"Edit profile form dialog with input field, labels, and full-width save button","registryDependencies":["button","dialog","input","label"],"premium":true,"files":[{"path":"blocks/dialog/dialog-edit-profile.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-edit-profile.tsx"}]},{"name":"dialog-onboarding-welcome","type":"registry:block","title":"Dialog Onboarding Welcome","description":"Onboarding welcome dialog with multi-step introduction, feature highlights, and get started flow","dependencies":["lucide-react"],"registryDependencies":["button","dialog","progress"],"premium":true,"files":[{"path":"blocks/dialog/dialog-onboarding-welcome.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-onboarding-welcome.tsx"}]},{"name":"dialog-world-clock","type":"registry:block","title":"Dialog World Clock","description":"World clock dialog with multiple timezone display, time difference calculation, current time updates, and city search","dependencies":["lucide-react"],"registryDependencies":["button","dialog","input","scroll-area"],"premium":true,"files":[{"path":"blocks/dialog/dialog-world-clock.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-world-clock.tsx"}]},{"name":"dialog-share-link","type":"registry:block","title":"Dialog Share Link","description":"Share and collaborate dialog with toggle switch, copyable link input, and action buttons for copying and previewing","dependencies":["lucide-react"],"registryDependencies":["button","dialog","input","label","switch","tooltip"],"premium":true,"files":[{"path":"blocks/dialog/dialog-share-link.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-share-link.tsx"}]},{"name":"dialog-pomodoro-timer","type":"registry:block","title":"Dialog Pomodoro Timer","description":"Pomodoro timer dialog with work/break cycles, session counter, customizable durations, and sound notification toggle","dependencies":["lucide-react"],"registryDependencies":["badge","button","dialog","label","progress","select","switch"],"premium":true,"files":[{"path":"blocks/dialog/dialog-pomodoro-timer.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-pomodoro-timer.tsx"}]},{"name":"dialog-confirm-action","type":"registry:block","title":"Dialog Confirm Action","description":"Generic action confirmation dialog with customizable icon, title, message, and action buttons for any confirmation flow","dependencies":["lucide-react"],"registryDependencies":["alert-dialog","button","checkbox","label"],"premium":true,"files":[{"path":"blocks/dialog/dialog-confirm-action.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-confirm-action.tsx"}]},{"name":"dialog-timezone-picker","type":"registry:block","title":"Dialog Timezone Picker","description":"Timezone picker dialog with searchable list, grouped by region, current time preview, UTC offset display, and auto-detect option","dependencies":["lucide-react"],"registryDependencies":["button","dialog","input","scroll-area"],"premium":true,"files":[{"path":"blocks/dialog/dialog-timezone-picker.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-timezone-picker.tsx"}]},{"name":"dialog-notification-permission","type":"registry:block","title":"Dialog Notification Permission","description":"Notification permission dialog with benefit explanation, enable/skip options, and browser permission handling","dependencies":["lucide-react"],"registryDependencies":["badge","button","dialog","separator"],"premium":true,"files":[{"path":"blocks/dialog/dialog-notification-permission.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-notification-permission.tsx"}]},{"name":"dialog-success","type":"registry:block","title":"Dialog Success","description":"Success confirmation dialog with centered layout, green checkmark icon, and single action button","dependencies":["lucide-react","canvas-confetti"],"registryDependencies":["button","dialog"],"premium":true,"files":[{"path":"blocks/dialog/dialog-success.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-success.tsx"}]},{"name":"dialog-set-reminder","type":"registry:block","title":"Dialog Set Reminder","description":"Set reminder dialog with date/time picker, recurrence options, notification preferences, and reminder title","dependencies":["lucide-react"],"registryDependencies":["button","calendar","dialog","input","label","popover","select","switch"],"premium":true,"files":[{"path":"blocks/dialog/dialog-set-reminder.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-set-reminder.tsx"}]},{"name":"dialog-search-replace","type":"registry:block","title":"Dialog Search Replace","description":"Search and replace dialog with find input, replace input, match options, occurrence count, and replace all functionality","dependencies":["lucide-react"],"registryDependencies":["badge","button","dialog","input","label","separator","toggle"],"premium":true,"files":[{"path":"blocks/dialog/dialog-search-replace.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-search-replace.tsx"}]},{"name":"dialog-delete-account","type":"registry:block","title":"Dialog Delete Account","description":"Delete account dialog with multi-step confirmation, data export option, password verification, and permanent deletion warning","dependencies":["lucide-react"],"registryDependencies":["alert","button","checkbox","dialog","input","label","select"],"premium":true,"files":[{"path":"blocks/dialog/dialog-delete-account.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-delete-account.tsx"}]},{"name":"dialog-split-payment","type":"registry:block","title":"Dialog Split Payment","description":"Split payment dialog with multiple payment methods, amount allocation, and balance calculation","dependencies":["lucide-react"],"registryDependencies":["button","dialog","dropdown-menu","input","separator"],"premium":true,"files":[{"path":"blocks/dialog/dialog-split-payment.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-split-payment.tsx"}]},{"name":"dialog-copy-to-clipboard","type":"registry:block","title":"Dialog Copy To Clipboard","description":"Copy to clipboard dialog with multiple content types, code syntax highlighting, one-click copy, and success feedback","dependencies":["lucide-react"],"registryDependencies":["button","dialog","tabs"],"premium":true,"files":[{"path":"blocks/dialog/dialog-copy-to-clipboard.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-copy-to-clipboard.tsx"}]},{"name":"dialog-quick-note","type":"registry:block","title":"Dialog Quick Note","description":"Quick note dialog with title input, rich text area, color labels, reminder date picker, and pin option for rapid note capture","dependencies":["lucide-react"],"registryDependencies":["badge","button","calendar","dialog","input","label","popover","textarea"],"premium":true,"files":[{"path":"blocks/dialog/dialog-quick-note.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-quick-note.tsx"}]},{"name":"dialog-new-version","type":"registry:block","title":"Dialog New Version","description":"New version available dialog with changelog display, update now option, remind later, and version comparison","dependencies":["lucide-react"],"registryDependencies":["badge","button","collapsible","dialog","scroll-area"],"premium":true,"files":[{"path":"blocks/dialog/dialog-new-version.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-new-version.tsx"}]},{"name":"dialog-link-insert","type":"registry:block","title":"Dialog Link Insert","description":"Insert or edit hyperlink dialog with URL validation, link text, and target options","dependencies":["lucide-react"],"registryDependencies":["button","dialog","input","label","separator","switch"],"premium":true,"files":[{"path":"blocks/dialog/dialog-link-insert.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-link-insert.tsx"}]},{"name":"dialog-sort-options","type":"registry:block","title":"Dialog Sort Options","description":"Sort options dialog with field selection, order direction, and multi-level sorting","dependencies":["lucide-react"],"registryDependencies":["badge","button","dialog","label","select","separator"],"premium":true,"files":[{"path":"blocks/dialog/dialog-sort-options.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-sort-options.tsx"}]},{"name":"dialog-warning","type":"registry:block","title":"Dialog Warning","description":"Destructive action warning dialog with alert icon, horizontal layout, and cancel/confirm buttons","dependencies":["lucide-react"],"registryDependencies":["button","dialog"],"premium":true,"files":[{"path":"blocks/dialog/dialog-warning.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-warning.tsx"}]},{"name":"dialog-unit-converter","type":"registry:block","title":"Dialog Unit Converter","description":"Unit converter dialog with multiple categories, bidirectional conversion, common unit presets, and instant results","dependencies":["lucide-react"],"registryDependencies":["button","dialog","input","label","select"],"premium":true,"files":[{"path":"blocks/dialog/dialog-unit-converter.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-unit-converter.tsx"}]},{"name":"dialog-meeting-rsvp","type":"registry:block","title":"Dialog Meeting Rsvp","description":"Meeting RSVP dialog with response options, availability indicator, and optional message for React calendar apps","dependencies":["lucide-react"],"registryDependencies":["button","dialog","label","radio-group","textarea"],"premium":true,"files":[{"path":"blocks/dialog/dialog-meeting-rsvp.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-meeting-rsvp.tsx"}]},{"name":"dialog-availability-status","type":"registry:block","title":"Dialog Availability Status","description":"Availability status dialog with preset options, custom message, and auto-clear timer for React team apps","dependencies":["lucide-react"],"registryDependencies":["button","dialog","input"],"premium":true,"files":[{"path":"blocks/dialog/dialog-availability-status.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-availability-status.tsx"}]},{"name":"dialog-register","type":"registry:block","title":"Dialog Register","description":"User registration dialog with email, password, name fields, social signup options, terms acceptance, and validation","dependencies":["lucide-react"],"registryDependencies":["button","checkbox","dialog","input","label","progress","separator"],"premium":true,"files":[{"path":"blocks/dialog/dialog-register.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-register.tsx"}]},{"name":"dialog-savings-goal","type":"registry:block","title":"Dialog Savings Goal","description":"Savings goal dialog with progress bar, target amount, and quick deposit options for React finance apps","dependencies":["lucide-react"],"registryDependencies":["button","dialog","progress"],"premium":true,"files":[{"path":"blocks/dialog/dialog-savings-goal.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-savings-goal.tsx"}]},{"name":"dialog-budget-allocator","type":"registry:block","title":"Dialog Budget Allocator","description":"Budget allocator dialog with category sliders, visual breakdown chart, remaining balance tracker, and preset templates","dependencies":["lucide-react"],"registryDependencies":["button","dialog","select","slider"],"premium":true,"files":[{"path":"blocks/dialog/dialog-budget-allocator.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-budget-allocator.tsx"}]},{"name":"dialog-coin-flip","type":"registry:block","title":"Dialog Coin Flip","description":"Coin flip dialog with flip animation, heads or tails result, streak tracking, and flip statistics","dependencies":["lucide-react"],"registryDependencies":["button","dialog"],"premium":true,"files":[{"path":"blocks/dialog/dialog-coin-flip.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-coin-flip.tsx"}]},{"name":"dialog-rate-limit","type":"registry:block","title":"Dialog Rate Limit","description":"Rate limit warning dialog with countdown timer, request quota display, upgrade prompt, and retry functionality","dependencies":["lucide-react"],"registryDependencies":["button","dialog","progress"],"premium":true,"files":[{"path":"blocks/dialog/dialog-rate-limit.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-rate-limit.tsx"}]},{"name":"dialog-image-crop","type":"registry:block","title":"Dialog Image Crop","description":"Image cropping dialog with aspect ratio selection, zoom control, rotation, and preview for avatar or thumbnail uploads","dependencies":["lucide-react"],"registryDependencies":["button","dialog","label","separator","slider","toggle-group"],"premium":true,"files":[{"path":"blocks/dialog/dialog-image-crop.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-image-crop.tsx"}]},{"name":"dialog-waitlist-signup","type":"registry:block","title":"Dialog Waitlist Signup","description":"Waitlist signup dialog with email capture, position display, social sharing for priority access, and referral tracking","dependencies":["lucide-react"],"registryDependencies":["badge","button","dialog","input","progress","separator"],"premium":true,"files":[{"path":"blocks/dialog/dialog-waitlist-signup.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-waitlist-signup.tsx"}]},{"name":"dialog-quick-poll","type":"registry:block","title":"Dialog Quick Poll","description":"Quick poll dialog with voting options, live results, and participant count for React team apps","dependencies":["lucide-react"],"registryDependencies":["button","dialog","progress"],"premium":true,"files":[{"path":"blocks/dialog/dialog-quick-poll.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-quick-poll.tsx"}]},{"name":"dialog-two-actions","type":"registry:block","title":"Dialog Two Actions","description":"Centered success dialog with two action buttons in stacked mobile and side-by-side desktop layout","dependencies":["lucide-react"],"registryDependencies":["button","dialog"],"premium":true,"files":[{"path":"blocks/dialog/dialog-two-actions.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-two-actions.tsx"}]},{"name":"dialog-tag-manager","type":"registry:block","title":"Dialog Tag Manager","description":"Tag manager dialog with tag list, create new tags, edit existing, delete with confirmation, and color selection","dependencies":["lucide-react"],"registryDependencies":["alert-dialog","button","dialog","input","scroll-area"],"premium":true,"files":[{"path":"blocks/dialog/dialog-tag-manager.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-tag-manager.tsx"}]},{"name":"dialog-mood-check","type":"registry:block","title":"Dialog Mood Check","description":"Mood check dialog with emoji scale, optional note, and tracking confirmation for React wellness apps","dependencies":["lucide-react"],"registryDependencies":["button","dialog","textarea"],"premium":true,"files":[{"path":"blocks/dialog/dialog-mood-check.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-mood-check.tsx"}]},{"name":"dialog-flashcard","type":"registry:block","title":"Dialog Flashcard","description":"Flashcard study dialog with flip animation, progress tracking, shuffle mode, and mastery marking","dependencies":["lucide-react"],"registryDependencies":["badge","button","dialog","progress"],"premium":true,"files":[{"path":"blocks/dialog/dialog-flashcard.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-flashcard.tsx"}]},{"name":"dialog-edit-record","type":"registry:block","title":"Dialog Edit Record","description":"Edit record dialog with form fields, validation, unsaved changes warning, and save/discard actions","dependencies":["lucide-react"],"registryDependencies":["alert-dialog","badge","button","dialog","input","label","select","textarea"],"premium":true,"files":[{"path":"blocks/dialog/dialog-edit-record.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-edit-record.tsx"}]},{"name":"dialog-data-import","type":"registry:block","title":"Dialog Data Import","description":"Data import wizard dialog with file upload, column mapping, validation preview, and import progress tracking","dependencies":["lucide-react"],"registryDependencies":["badge","button","dialog","label","progress","select","separator"],"premium":true,"files":[{"path":"blocks/dialog/dialog-data-import.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-data-import.tsx"}]},{"name":"dialog-color-picker","type":"registry:block","title":"Dialog Color Picker","description":"Color picker dialog with preset swatches, custom hex/RGB input, opacity slider, recent colors history, and copy-to-clipboard","dependencies":["lucide-react"],"registryDependencies":["button","dialog","input","label","separator","slider","tabs","tooltip"],"premium":true,"files":[{"path":"blocks/dialog/dialog-color-picker.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-color-picker.tsx"}]},{"name":"dialog-media-upload","type":"registry:block","title":"Dialog Media Upload","description":"Media upload dialog with drag-drop zone, file type filtering, image preview grid, upload progress, and bulk management","dependencies":["lucide-react"],"registryDependencies":["badge","button","dialog","progress","scroll-area"],"premium":true,"files":[{"path":"blocks/dialog/dialog-media-upload.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-media-upload.tsx"}]},{"name":"dialog-breathing-exercise","type":"registry:block","title":"Dialog Breathing Exercise","description":"Breathing exercise dialog with guided animations, multiple patterns, visual circle expansion, and session completion tracking","dependencies":["lucide-react"],"registryDependencies":["button","dialog","progress","select"],"premium":true,"files":[{"path":"blocks/dialog/dialog-breathing-exercise.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-breathing-exercise.tsx"}]},{"name":"dialog-share-receipt","type":"registry:block","title":"Dialog Share Receipt","description":"Share receipt dialog with transaction summary, copy link, and social sharing options for React payment apps","dependencies":["lucide-react"],"registryDependencies":["button","dialog","separator"],"premium":true,"files":[{"path":"blocks/dialog/dialog-share-receipt.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-share-receipt.tsx"}]},{"name":"dialog-user-preferences","type":"registry:block","title":"Dialog User Preferences","description":"User preferences dialog with theme selection, display density, default views, and personalization options","dependencies":["lucide-react"],"registryDependencies":["button","dialog","label","select","switch"],"premium":true,"files":[{"path":"blocks/dialog/dialog-user-preferences.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-user-preferences.tsx"}]},{"name":"dialog-pin-entry","type":"registry:block","title":"Dialog Pin Entry","description":"PIN entry dialog with numeric keypad, masked input, and error feedback for React secure apps","dependencies":["lucide-react"],"registryDependencies":["button","dialog"],"premium":true,"files":[{"path":"blocks/dialog/dialog-pin-entry.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-pin-entry.tsx"}]},{"name":"dialog-filter-sort","type":"registry:block","title":"Dialog Filter Sort","description":"Filter and sort dialog with multiple filter options, sort direction, saved presets, and clear all action","dependencies":["lucide-react"],"registryDependencies":["badge","button","dialog","input","label","select","separator"],"premium":true,"files":[{"path":"blocks/dialog/dialog-filter-sort.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-filter-sort.tsx"}]},{"name":"dialog-image-preview","type":"registry:block","title":"Dialog Image Preview","description":"Image preview dialog with zoom controls, fullscreen mode, image navigation, and download option","dependencies":["lucide-react"],"registryDependencies":["button","dialog"],"premium":true,"files":[{"path":"blocks/dialog/dialog-image-preview.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-image-preview.tsx"}]},{"name":"dialog-date-range-picker","type":"registry:block","title":"Dialog Date Range Picker","description":"Date range picker dialog with calendar view, preset ranges, custom range selection, and comparison period option","dependencies":["react-day-picker","lucide-react"],"registryDependencies":["badge","button","calendar","dialog","separator"],"premium":true,"files":[{"path":"blocks/dialog/dialog-date-range-picker.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-date-range-picker.tsx"}]},{"name":"dialog-select-plan","type":"registry:block","title":"Dialog Select Plan","description":"Select plan dialog with pricing tiers, feature comparison, billing toggle, and plan selection for subscription flows","dependencies":["lucide-react"],"registryDependencies":["badge","button","dialog"],"premium":true,"files":[{"path":"blocks/dialog/dialog-select-plan.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-select-plan.tsx"}]},{"name":"dialog-price-alert","type":"registry:block","title":"Dialog Price Alert","description":"Price alert dialog with target price input, comparison operators, notification channel selection, and expiration date for price monitoring","dependencies":["lucide-react"],"registryDependencies":["button","checkbox","dialog","input","label","radio-group","select"],"premium":true,"files":[{"path":"blocks/dialog/dialog-price-alert.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-price-alert.tsx"}]},{"name":"dialog-file-rename","type":"registry:block","title":"Dialog File Rename","description":"File rename dialog with name validation, extension handling, conflict detection, and batch rename preview","dependencies":["lucide-react"],"registryDependencies":["alert","badge","button","dialog","input","label","switch"],"premium":true,"files":[{"path":"blocks/dialog/dialog-file-rename.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-file-rename.tsx"}]},{"name":"dialog-language-region","type":"registry:block","title":"Dialog Language Region","description":"Language and region selector dialog with searchable country list, language preferences, and timezone detection","dependencies":["lucide-react"],"registryDependencies":["button","dialog","input","label","radio-group","tabs"],"premium":true,"files":[{"path":"blocks/dialog/dialog-language-region.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-language-region.tsx"}]},{"name":"dialog-feedback-rating","type":"registry:block","title":"Dialog Feedback Rating","description":"Feedback rating dialog with emoji scale selector, optional comment textarea, and submit button","registryDependencies":["button","dialog","textarea"],"premium":true,"files":[{"path":"blocks/dialog/dialog-feedback-rating.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-feedback-rating.tsx"}]},{"name":"dialog-wifi-connect","type":"registry:block","title":"Dialog Wifi Connect","description":"WiFi connect dialog with network selection, password input, and connection status for React IoT apps","dependencies":["lucide-react"],"registryDependencies":["button","dialog","input","label"],"premium":true,"files":[{"path":"blocks/dialog/dialog-wifi-connect.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-wifi-connect.tsx"}]},{"name":"dialog-shipping-options","type":"registry:block","title":"Dialog Shipping Options","description":"Shipping options dialog with delivery methods, estimated dates, prices, and carrier selection","dependencies":["lucide-react"],"registryDependencies":["badge","button","dialog","label","radio-group"],"premium":true,"files":[{"path":"blocks/dialog/dialog-shipping-options.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-shipping-options.tsx"}]},{"name":"dialog-deactivate-2fa","type":"registry:block","title":"Dialog Deactivate 2fa","description":"Two-factor authentication deactivation dialog with email display, password confirmation, and visibility toggle","dependencies":["lucide-react"],"registryDependencies":["button","dialog","input","label"],"premium":true,"files":[{"path":"blocks/dialog/dialog-deactivate-2fa.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-deactivate-2fa.tsx"}]},{"name":"dialog-feature-request","type":"registry:block","title":"Dialog Feature Request","description":"Feature request dialog with title, description, category selection, priority voting, and submission confirmation","dependencies":["lucide-react"],"registryDependencies":["badge","button","dialog","input","label","radio-group","select","separator","textarea"],"premium":true,"files":[{"path":"blocks/dialog/dialog-feature-request.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-feature-request.tsx"}]},{"name":"dialog-daily-quote","type":"registry:block","title":"Dialog Daily Quote","description":"Daily quote dialog with inspirational message, author attribution, and share options for React motivation apps","dependencies":["lucide-react"],"registryDependencies":["button","dialog"],"premium":true,"files":[{"path":"blocks/dialog/dialog-daily-quote.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-daily-quote.tsx"}]},{"name":"dialog-add-comment","type":"registry:block","title":"Dialog Add Comment","description":"Add comment dialog with rich text input, @mentions, file attachments, and emoji support","dependencies":["lucide-react"],"registryDependencies":["avatar","button","command","dialog","popover","textarea"],"premium":true,"files":[{"path":"blocks/dialog/dialog-add-comment.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-add-comment.tsx"}]},{"name":"dialog-review-submit","type":"registry:block","title":"Dialog Review Submit","description":"Product or service review dialog with star rating, review text, photo upload, and helpful tips","dependencies":["lucide-react"],"registryDependencies":["button","dialog","label","textarea"],"premium":true,"files":[{"path":"blocks/dialog/dialog-review-submit.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-review-submit.tsx"}]},{"name":"dialog-voice-recorder","type":"registry:block","title":"Dialog Voice Recorder","description":"Voice recorder dialog with recording controls, waveform visualization, timer display, playback preview, and save options","dependencies":["lucide-react"],"registryDependencies":["button","dialog","input","label"],"premium":true,"files":[{"path":"blocks/dialog/dialog-voice-recorder.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-voice-recorder.tsx"}]},{"name":"dialog-tip-calculator","type":"registry:block","title":"Dialog Tip Calculator","description":"Tip calculator dialog with preset percentages, custom tip input, bill splitting, and per-person breakdown","dependencies":["lucide-react"],"registryDependencies":["button","dialog","input","label","separator"],"premium":true,"files":[{"path":"blocks/dialog/dialog-tip-calculator.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-tip-calculator.tsx"}]},{"name":"dialog-project-initializer","type":"registry:block","title":"Dialog Project Initializer","description":"Project initialization dialog with numbered steps, framework selection, package manager, linter configuration, and testing tool options","dependencies":["lucide-react"],"registryDependencies":["button","dialog","select"],"premium":true,"files":[{"path":"blocks/dialog/dialog-project-initializer.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-project-initializer.tsx"}]},{"name":"dialog-add-card","type":"registry:block","title":"Dialog Add Card","description":"Add payment card dialog with card number, expiry, CVV inputs, card type detection, and secure form validation","dependencies":["lucide-react"],"registryDependencies":["button","checkbox","dialog","input","label"],"premium":true,"files":[{"path":"blocks/dialog/dialog-add-card.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-add-card.tsx"}]},{"name":"dialog-confirm-delete","type":"registry:block","title":"Dialog Confirm Delete","description":"Confirm delete dialog with item name verification, destructive action warning, and type-to-confirm safety","dependencies":["lucide-react"],"registryDependencies":["alert-dialog","button","input","label"],"premium":true,"files":[{"path":"blocks/dialog/dialog-confirm-delete.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-confirm-delete.tsx"}]},{"name":"dialog-share-permissions","type":"registry:block","title":"Dialog Share Permissions","description":"Share permissions dialog with user search, role assignment dropdown, existing collaborators list, and access level management","dependencies":["lucide-react"],"registryDependencies":["avatar","badge","button","dialog","input","label","scroll-area","select"],"premium":true,"files":[{"path":"blocks/dialog/dialog-share-permissions.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-share-permissions.tsx"}]},{"name":"dialog-create-workspace","type":"registry:block","title":"Dialog Create Workspace","description":"Create workspace form dialog with input field, switch toggle for privacy setting, and sectioned footer background","registryDependencies":["button","dialog","input","label","switch"],"premium":true,"files":[{"path":"blocks/dialog/dialog-create-workspace.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-create-workspace.tsx"}]},{"name":"dialog-achievement-unlock","type":"registry:block","title":"Dialog Achievement Unlock","description":"Achievement unlock dialog with badge display, progress stats, and share options for React gamification apps","dependencies":["lucide-react"],"registryDependencies":["badge","button","dialog"],"premium":true,"files":[{"path":"blocks/dialog/dialog-achievement-unlock.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-achievement-unlock.tsx"}]},{"name":"dialog-poll-create","type":"registry:block","title":"Dialog Poll Create","description":"Poll creation dialog with question input, multiple choice options, voting settings, duration picker, and preview","dependencies":["lucide-react"],"registryDependencies":["badge","button","dialog","input","label","select","separator","switch"],"premium":true,"files":[{"path":"blocks/dialog/dialog-poll-create.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-poll-create.tsx"}]},{"name":"dialog-schedule-meeting","type":"registry:block","title":"Dialog Schedule Meeting","description":"Meeting scheduler dialog with date picker, time selector, attendees input, location field, and description textarea","dependencies":["date-fns","lucide-react"],"registryDependencies":["button","calendar","dialog","input","label","popover","select","textarea"],"premium":true,"files":[{"path":"blocks/dialog/dialog-schedule-meeting.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-schedule-meeting.tsx"}]},{"name":"dialog-sleep-timer","type":"registry:block","title":"Dialog Sleep Timer","description":"Sleep timer dialog with duration presets, countdown display, fade-out option, and cancel functionality for media apps","dependencies":["lucide-react"],"registryDependencies":["badge","button","dialog","label","progress","switch"],"premium":true,"files":[{"path":"blocks/dialog/dialog-sleep-timer.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-sleep-timer.tsx"}]},{"name":"dialog-two-factor-setup","type":"registry:block","title":"Dialog Two Factor Setup","description":"Two-factor authentication setup wizard with QR code display, authenticator app instructions, backup codes, and verification step","dependencies":["lucide-react"],"registryDependencies":["alert","button","dialog","input-otp"],"premium":true,"files":[{"path":"blocks/dialog/dialog-two-factor-setup.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-two-factor-setup.tsx"}]},{"name":"dialog-invite-members","type":"registry:block","title":"Dialog Invite Members","description":"Team member invitation dialog with email input, existing member list with avatars, and member status badges","dependencies":["lucide-react"],"registryDependencies":["avatar","badge","button","dialog","input"],"premium":true,"files":[{"path":"blocks/dialog/dialog-invite-members.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-invite-members.tsx"}]},{"name":"dialog-report-content","type":"registry:block","title":"Dialog Report Content","description":"Report content dialog with reason selection radio group, additional details textarea, and submit report button","dependencies":["lucide-react"],"registryDependencies":["button","dialog","label","radio-group","textarea"],"premium":true,"files":[{"path":"blocks/dialog/dialog-report-content.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-report-content.tsx"}]},{"name":"dialog-add-profile","type":"registry:block","title":"Dialog Add Profile","description":"Add writer profile dialog with avatar upload, image preview with remove option, author name and title inputs in split layout","dependencies":["lucide-react"],"registryDependencies":["avatar","button","dialog","input","label"],"premium":true,"files":[{"path":"blocks/dialog/dialog-add-profile.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-add-profile.tsx"}]},{"name":"dialog-cookie-consent","type":"registry:block","title":"Dialog Cookie Consent","description":"Cookie consent dialog with preference toggles for different cookie categories, save preferences and accept all buttons","dependencies":["lucide-react"],"registryDependencies":["button","dialog","label","switch"],"premium":true,"files":[{"path":"blocks/dialog/dialog-cookie-consent.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-cookie-consent.tsx"}]},{"name":"dialog-merge-accounts","type":"registry:block","title":"Dialog Merge Accounts","description":"Merge accounts dialog with account selection, data preview, conflict resolution, and confirmation","dependencies":["lucide-react"],"registryDependencies":["alert","avatar","badge","button","dialog","label","radio-group","separator"],"premium":true,"files":[{"path":"blocks/dialog/dialog-merge-accounts.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-merge-accounts.tsx"}]},{"name":"dialog-reorder-items","type":"registry:block","title":"Dialog Reorder Items","description":"Drag and drop reorder dialog with sortable list, handle grips, and save/reset options","dependencies":["lucide-react"],"registryDependencies":["button","dialog"],"premium":true,"files":[{"path":"blocks/dialog/dialog-reorder-items.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-reorder-items.tsx"}]},{"name":"dialog-file-preview","type":"registry:block","title":"Dialog File Preview","description":"File preview dialog with document viewer, file info, download, share, and quick actions","dependencies":["lucide-react"],"registryDependencies":["badge","button","dialog"],"premium":true,"files":[{"path":"blocks/dialog/dialog-file-preview.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-file-preview.tsx"}]},{"name":"dialog-signature-pad","type":"registry:block","title":"Dialog Signature Pad","description":"Digital signature pad dialog with drawing canvas, stroke customization, clear/undo options, and signature confirmation","dependencies":["lucide-react"],"registryDependencies":["button","dialog","input","label","slider","tabs"],"premium":true,"files":[{"path":"blocks/dialog/dialog-signature-pad.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-signature-pad.tsx"}]},{"name":"dialog-select-template","type":"registry:block","title":"Dialog Select Template","description":"Template selection dialog with icon grid, template types, and quick selection","dependencies":["lucide-react"],"registryDependencies":["badge","button","dialog"],"premium":true,"files":[{"path":"blocks/dialog/dialog-select-template.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-select-template.tsx"}]},{"name":"dialog-quick-transfer","type":"registry:block","title":"Dialog Quick Transfer","description":"Quick transfer dialog with recent contacts, amount input, and instant send for React banking apps","dependencies":["lucide-react"],"registryDependencies":["avatar","button","dialog","input"],"premium":true,"files":[{"path":"blocks/dialog/dialog-quick-transfer.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-quick-transfer.tsx"}]},{"name":"dialog-focus-mode","type":"registry:block","title":"Dialog Focus Mode","description":"Focus mode dialog with distraction blocking, session timer, and break reminders for React productivity apps","dependencies":["lucide-react"],"registryDependencies":["button","dialog","label","switch"],"premium":true,"files":[{"path":"blocks/dialog/dialog-focus-mode.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-focus-mode.tsx"}]},{"name":"dialog-notification-preferences","type":"registry:block","title":"Dialog Notification Preferences","description":"Notification preferences dialog with channel toggles for email, push, and SMS notifications organized by notification type","dependencies":["lucide-react"],"registryDependencies":["button","dialog","label","separator","switch"],"premium":true,"files":[{"path":"blocks/dialog/dialog-notification-preferences.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-notification-preferences.tsx"}]},{"name":"dialog-connect-account","type":"registry:block","title":"Dialog Connect Account","description":"Connect account dialog with OAuth provider list, connection status, linked accounts management, and disconnect option","dependencies":["lucide-react"],"registryDependencies":["alert-dialog","avatar","badge","button","dialog"],"premium":true,"files":[{"path":"blocks/dialog/dialog-connect-account.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-connect-account.tsx"}]},{"name":"dialog-audio-player","type":"registry:block","title":"Dialog Audio Player","description":"Audio player dialog with playback controls, progress bar, and track info for React music apps","dependencies":["lucide-react"],"registryDependencies":["button","dialog","slider"],"premium":true,"files":[{"path":"blocks/dialog/dialog-audio-player.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-audio-player.tsx"}]},{"name":"dialog-email-verification","type":"registry:block","title":"Dialog Email Verification","description":"Email verification dialog with OTP code input, resend functionality, countdown timer, and verification status","dependencies":["lucide-react"],"registryDependencies":["alert","button","dialog","input-otp"],"premium":true,"files":[{"path":"blocks/dialog/dialog-email-verification.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-email-verification.tsx"}]},{"name":"dialog-profile-picture","type":"registry:block","title":"Dialog Profile Picture","description":"Profile picture upload dialog with drag-drop, camera capture, gallery selection, and remove photo options","dependencies":["lucide-react"],"registryDependencies":["alert","avatar","button","dialog"],"premium":true,"files":[{"path":"blocks/dialog/dialog-profile-picture.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-profile-picture.tsx"}]},{"name":"dialog-bulk-actions","type":"registry:block","title":"Dialog Bulk Actions","description":"Bulk actions dialog with item count, action selection, progress indicator, and batch operation confirmation","dependencies":["lucide-react"],"registryDependencies":["button","dialog","label","progress","radio-group"],"premium":true,"files":[{"path":"blocks/dialog/dialog-bulk-actions.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-bulk-actions.tsx"}]},{"name":"dialog-team-roles","type":"registry:block","title":"Dialog Team Roles","description":"Team role assignment dialog with member selection, role dropdown, permission preview, and bulk assignment options","dependencies":["lucide-react"],"registryDependencies":["avatar","button","checkbox","dialog","label","scroll-area","select"],"premium":true,"files":[{"path":"blocks/dialog/dialog-team-roles.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-team-roles.tsx"}]},{"name":"dialog-reaction-picker","type":"registry:block","title":"Dialog Reaction Picker","description":"Reaction picker dialog with emoji grid, recent reactions, and skin tone selector for React chat apps","dependencies":["lucide-react"],"registryDependencies":["button","dialog"],"premium":true,"files":[{"path":"blocks/dialog/dialog-reaction-picker.tsx","type":"registry:block","target":"components/blocks/dialog/dialog-reaction-picker.tsx"}]},{"name":"tables-budget-tracker","type":"registry:block","title":"Tables Budget Tracker","description":"React table with budget tracking, progress bars, category grouping, and overspend alerts for Next.js finance dashboards using shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["table"],"premium":true,"files":[{"path":"blocks/tables/tables-budget-tracker.tsx","type":"registry:block","target":"components/blocks/tables/tables-budget-tracker.tsx"}]},{"name":"tables-email-inbox","type":"registry:block","title":"Tables Email Inbox","description":"React email inbox table with sender avatars and preview for Next.js dashboards built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","checkbox","table"],"premium":true,"files":[{"path":"blocks/tables/tables-email-inbox.tsx","type":"registry:block","target":"components/blocks/tables/tables-email-inbox.tsx"}]},{"name":"tables-project-tasks","type":"registry:block","title":"Tables Project Tasks","description":"Project tasks table with priorities and assignees for React dashboards using shadcn/ui, Next.js, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","progress","table","tooltip"],"premium":true,"files":[{"path":"blocks/tables/tables-project-tasks.tsx","type":"registry:block","target":"components/blocks/tables/tables-project-tasks.tsx"}]},{"name":"tables-team-capacity","type":"registry:block","title":"Tables Team Capacity","description":"Team workload planning with utilization and availability for React dashboards built with shadcn/ui, Tailwind CSS, Next.js","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","table"],"premium":true,"files":[{"path":"blocks/tables/tables-team-capacity.tsx","type":"registry:block","target":"components/blocks/tables/tables-team-capacity.tsx"}]},{"name":"tables-dns-records","type":"registry:block","title":"Tables Dns Records","description":"DNS record management table with record types, TTL values, and status indicators built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","table"],"premium":true,"files":[{"path":"blocks/tables/tables-dns-records.tsx","type":"registry:block","target":"components/blocks/tables/tables-dns-records.tsx"}]},{"name":"tables-bulk-actions","type":"registry:block","title":"Tables Bulk Actions","description":"React table with floating bulk action toolbar, multi-row selection, and batch operations for Next.js admin panels using shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","checkbox","table"],"premium":true,"files":[{"path":"blocks/tables/tables-bulk-actions.tsx","type":"registry:block","target":"components/blocks/tables/tables-bulk-actions.tsx"}]},{"name":"tables-column-reorder","type":"registry:block","title":"Tables Column Reorder","description":"Data table with drag-and-drop column reordering for React and Next.js apps using shadcn/ui, Tailwind CSS, and TypeScript","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","table"],"premium":true,"files":[{"path":"blocks/tables/tables-column-reorder.tsx","type":"registry:block","target":"components/blocks/tables/tables-column-reorder.tsx"}]},{"name":"tables-thumbnail","type":"registry:block","title":"Tables Thumbnail","description":"Media library table with image thumbnails, file types, and file dimensions for React/Next.js apps using shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","table","tooltip"],"premium":true,"files":[{"path":"blocks/tables/tables-thumbnail.tsx","type":"registry:block","target":"components/blocks/tables/tables-thumbnail.tsx"}]},{"name":"tables-subtotal","type":"registry:block","title":"Tables Subtotal","description":"Expense table with subtotals and group summaries for React dashboards built with shadcn/ui, Tailwind CSS, and Next.js","dependencies":["framer-motion"],"registryDependencies":["table"],"premium":true,"files":[{"path":"blocks/tables/tables-subtotal.tsx","type":"registry:block","target":"components/blocks/tables/tables-subtotal.tsx"}]},{"name":"tables-referral-tracking","type":"registry:block","title":"Tables Referral Tracking","description":"Track referral sources with conversion rates and revenue attribution for React marketing dashboards using shadcn/ui and Next.js.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","table"],"premium":true,"files":[{"path":"blocks/tables/tables-referral-tracking.tsx","type":"registry:block","target":"components/blocks/tables/tables-referral-tracking.tsx"}]},{"name":"tables-ssl-certificates","type":"registry:block","title":"Tables Ssl Certificates","description":"Track SSL certificate expiry dates with auto-renewal status for React/Next.js infrastructure dashboards built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","table"],"premium":true,"files":[{"path":"blocks/tables/tables-ssl-certificates.tsx","type":"registry:block","target":"components/blocks/tables/tables-ssl-certificates.tsx"}]},{"name":"tables-badge-count","type":"registry:block","title":"Tables Badge Count","description":"React table with numeric badge counters, stock alerts, and trend indicators for Next.js inventory dashboards using shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","table","tooltip"],"premium":true,"files":[{"path":"blocks/tables/tables-badge-count.tsx","type":"registry:block","target":"components/blocks/tables/tables-badge-count.tsx"}]},{"name":"tables-employee-directory","type":"registry:block","title":"Tables Employee Directory","description":"Employee directory table with avatars, departments, contacts, and reporting structure for React/Next.js HR dashboards using shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","table","tooltip"],"premium":true,"files":[{"path":"blocks/tables/tables-employee-directory.tsx","type":"registry:block","target":"components/blocks/tables/tables-employee-directory.tsx"}]},{"name":"tables-database-queries","type":"registry:block","title":"Tables Database Queries","description":"Slow query log table with execution times, query previews, row counts, and performance indicators built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["table"],"premium":true,"files":[{"path":"blocks/tables/tables-database-queries.tsx","type":"registry:block","target":"components/blocks/tables/tables-database-queries.tsx"}]},{"name":"tables-editable-cells","type":"registry:block","title":"Tables Editable Cells","description":"React table with click-to-edit cells and validation for Next.js dashboards built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion"],"registryDependencies":["input","table"],"premium":true,"files":[{"path":"blocks/tables/tables-editable-cells.tsx","type":"registry:block","target":"components/blocks/tables/tables-editable-cells.tsx"}]},{"name":"tables-export","type":"registry:block","title":"Tables Export","description":"Data table with CSV, Excel, and PDF export options. Built with shadcn/ui Table, DropdownMenu, and Button for React and Next.js using Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","dropdown-menu","table"],"premium":true,"files":[{"path":"blocks/tables/tables-export.tsx","type":"registry:block","target":"components/blocks/tables/tables-export.tsx"}]},{"name":"tables-release-notes","type":"registry:block","title":"Tables Release Notes","description":"Version history table with semantic versioning and changelogs for React product pages using shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/tables/tables-release-notes.tsx","type":"registry:block","target":"components/blocks/tables/tables-release-notes.tsx"}]},{"name":"tables-compliance-checklist","type":"registry:block","title":"Tables Compliance Checklist","description":"Compliance tracking table for governance dashboards in React with risk indicators, status badges, progress bars using shadcn/ui Table, Checkbox, Progress components with Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["checkbox","progress","table"],"premium":true,"files":[{"path":"blocks/tables/tables-compliance-checklist.tsx","type":"registry:block","target":"components/blocks/tables/tables-compliance-checklist.tsx"}]},{"name":"tables-webhook-logs","type":"registry:block","title":"Tables Webhook Logs","description":"Webhook delivery log table with HTTP status codes and retry indicators for React/Next.js using shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","table"],"premium":true,"files":[{"path":"blocks/tables/tables-webhook-logs.tsx","type":"registry:block","target":"components/blocks/tables/tables-webhook-logs.tsx"}]},{"name":"tables-ab-test-results","type":"registry:block","title":"Tables Ab Test Results","description":"A/B test results table with variant metrics, conversion rates, and statistical significance for React dashboards. Built with Next.js, shadcn/ui, Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","table"],"premium":true,"files":[{"path":"blocks/tables/tables-ab-test-results.tsx","type":"registry:block","target":"components/blocks/tables/tables-ab-test-results.tsx"}]},{"name":"tables-changelog","type":"registry:block","title":"Tables Changelog","description":"Audit trail table with before/after values for React and Next.js dashboards using shadcn/ui, Tailwind CSS, and TypeScript","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","table"],"premium":true,"files":[{"path":"blocks/tables/tables-changelog.tsx","type":"registry:block","target":"components/blocks/tables/tables-changelog.tsx"}]},{"name":"tables-user-permissions","type":"registry:block","title":"Tables User Permissions","description":"User role and permission management table with toggleable access controls for React/Next.js using shadcn/ui and Tailwind CSS.","dependencies":["framer-motion"],"registryDependencies":["avatar","badge","checkbox","table"],"premium":true,"files":[{"path":"blocks/tables/tables-user-permissions.tsx","type":"registry:block","target":"components/blocks/tables/tables-user-permissions.tsx"}]},{"name":"tables-course-curriculum","type":"registry:block","title":"Tables Course Curriculum","description":"Interactive course curriculum table with expandable modules, lesson types, completion tracking, and progress bars. Built for React learning platforms with Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","progress","table"],"premium":true,"files":[{"path":"blocks/tables/tables-course-curriculum.tsx","type":"registry:block","target":"components/blocks/tables/tables-course-curriculum.tsx"}]},{"name":"tables-domain-management","type":"registry:block","title":"Tables Domain Management","description":"React domain table with DNS status, SSL tracking, and verification for Next.js hosting dashboards built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","table"],"premium":true,"files":[{"path":"blocks/tables/tables-domain-management.tsx","type":"registry:block","target":"components/blocks/tables/tables-domain-management.tsx"}]},{"name":"tables-column-visibility","type":"registry:block","title":"Tables Column Visibility","description":"Employee table with column show/hide for React and Next.js dashboards using shadcn/ui, Tailwind CSS, and TypeScript","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","dropdown-menu","table"],"premium":true,"files":[{"path":"blocks/tables/tables-column-visibility.tsx","type":"registry:block","target":"components/blocks/tables/tables-column-visibility.tsx"}]},{"name":"tables-pagination","type":"registry:block","title":"Tables Pagination","description":"Paginated table with navigation controls, rows selector, and entry counter for React dashboards using shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","select","table"],"premium":true,"files":[{"path":"blocks/tables/tables-pagination.tsx","type":"registry:block","target":"components/blocks/tables/tables-pagination.tsx"}]},{"name":"tables-copy-cell","type":"registry:block","title":"Tables Copy Cell","description":"API credentials table with click-to-copy cells in React using shadcn/ui Table, Tooltip components with clipboard API and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","table","tooltip"],"premium":true,"files":[{"path":"blocks/tables/tables-copy-cell.tsx","type":"registry:block","target":"components/blocks/tables/tables-copy-cell.tsx"}]},{"name":"tables-resizable","type":"registry:block","title":"Tables Resizable","description":"Drag column borders to resize table widths in React data grids using shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","table"],"premium":true,"files":[{"path":"blocks/tables/tables-resizable.tsx","type":"registry:block","target":"components/blocks/tables/tables-resizable.tsx"}]},{"name":"tables-leaderboard","type":"registry:block","title":"Tables Leaderboard","description":"Ranked leaderboard table with scores, positions, and movement indicators. Built with React, Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","table"],"premium":true,"files":[{"path":"blocks/tables/tables-leaderboard.tsx","type":"registry:block","target":"components/blocks/tables/tables-leaderboard.tsx"}]},{"name":"tables-audit-trail","type":"registry:block","title":"Tables Audit Trail","description":"React table with user actions, timestamps, IP tracking, and resource filtering for Next.js compliance dashboards using shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","input","table"],"premium":true,"files":[{"path":"blocks/tables/tables-audit-trail.tsx","type":"registry:block","target":"components/blocks/tables/tables-audit-trail.tsx"}]},{"name":"tables-virtualized","type":"registry:block","title":"Tables Virtualized","description":"High-performance virtualized table component for large datasets in React/Next.js using shadcn/ui and Tailwind CSS.","dependencies":["framer-motion"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/tables/tables-virtualized.tsx","type":"registry:block","target":"components/blocks/tables/tables-virtualized.tsx"}]},{"name":"tables-checkbox-toggle","type":"registry:block","title":"Tables Checkbox Toggle","description":"Permission matrix table with inline checkboxes for React and Next.js admin panels using shadcn/ui, Tailwind CSS, and TypeScript","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","checkbox","switch","table","tooltip"],"premium":true,"files":[{"path":"blocks/tables/tables-checkbox-toggle.tsx","type":"registry:block","target":"components/blocks/tables/tables-checkbox-toggle.tsx"}]},{"name":"tables-permission-matrix","type":"registry:block","title":"Tables Permission Matrix","description":"Role-permission matrix table with access control checkboxes and role inheritance for React admin dashboards","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","checkbox","table","tooltip"],"premium":true,"files":[{"path":"blocks/tables/tables-permission-matrix.tsx","type":"registry:block","target":"components/blocks/tables/tables-permission-matrix.tsx"}]},{"name":"tables-avatar-stack","type":"registry:block","title":"Tables Avatar Stack","description":"React table with stacked team member avatars, tooltips, and overflow badges for Next.js collaboration dashboards using shadcn/ui and Tailwind CSS","dependencies":["framer-motion"],"registryDependencies":["avatar","badge","table","tooltip"],"premium":true,"files":[{"path":"blocks/tables/tables-avatar-stack.tsx","type":"registry:block","target":"components/blocks/tables/tables-avatar-stack.tsx"}]},{"name":"tables-status-history","type":"registry:block","title":"Tables Status History","description":"Order tracking table with status timeline showing workflow progression in React/Next.js dashboards built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion"],"registryDependencies":["badge","table"],"premium":true,"files":[{"path":"blocks/tables/tables-status-history.tsx","type":"registry:block","target":"components/blocks/tables/tables-status-history.tsx"}]},{"name":"tables-support-tickets","type":"registry:block","title":"Tables Support Tickets","description":"Support ticket queue with priority, SLA, status for React dashboards built with shadcn/ui, Tailwind CSS, and Next.js","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","input","table"],"premium":true,"files":[{"path":"blocks/tables/tables-support-tickets.tsx","type":"registry:block","target":"components/blocks/tables/tables-support-tickets.tsx"}]},{"name":"tables-social-analytics","type":"registry:block","title":"Tables Social Analytics","description":"Social media post analytics with engagement metrics for React marketing dashboards built with shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","table"],"premium":true,"files":[{"path":"blocks/tables/tables-social-analytics.tsx","type":"registry:block","target":"components/blocks/tables/tables-social-analytics.tsx"}]},{"name":"tables-session-analytics","type":"registry:block","title":"Tables Session Analytics","description":"User session analytics table with duration, device, bounce rate for React product dashboards built with shadcn/ui.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","table"],"premium":true,"files":[{"path":"blocks/tables/tables-session-analytics.tsx","type":"registry:block","target":"components/blocks/tables/tables-session-analytics.tsx"}]},{"name":"tables-selection","type":"registry:block","title":"Tables Selection","description":"Data table with row selection checkboxes and bulk actions for React admin panels built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","checkbox","table"],"premium":true,"files":[{"path":"blocks/tables/tables-selection.tsx","type":"registry:block","target":"components/blocks/tables/tables-selection.tsx"}]},{"name":"tables-datetime","type":"registry:block","title":"Tables Datetime","description":"Activity log table with formatted datetime cells and relative time indicators built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","table","tooltip"],"premium":true,"files":[{"path":"blocks/tables/tables-datetime.tsx","type":"registry:block","target":"components/blocks/tables/tables-datetime.tsx"}]},{"name":"tables-notification-log","type":"registry:block","title":"Tables Notification Log","description":"Multi-channel notification delivery log with status tracking. Built with shadcn/ui Table, React, Next.js, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","table"],"premium":true,"files":[{"path":"blocks/tables/tables-notification-log.tsx","type":"registry:block","target":"components/blocks/tables/tables-notification-log.tsx"}]},{"name":"tables-payment-transactions","type":"registry:block","title":"Tables Payment Transactions","description":"Payment transaction table with amount formatting, payment method icons, status badges, and expandable row details for billing dashboards","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","table"],"premium":true,"files":[{"path":"blocks/tables/tables-payment-transactions.tsx","type":"registry:block","target":"components/blocks/tables/tables-payment-transactions.tsx"}]},{"name":"tables-sparkline","type":"registry:block","title":"Tables Sparkline","description":"Inline sparkline charts in table cells for metrics tracking in React/Next.js dashboards built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","table"],"premium":true,"files":[{"path":"blocks/tables/tables-sparkline.tsx","type":"registry:block","target":"components/blocks/tables/tables-sparkline.tsx"}]},{"name":"tables-expandable","type":"registry:block","title":"Tables Expandable","description":"Expandable table rows with chevron toggles and animated details panel for React/Next.js data displays using shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","table"],"premium":true,"files":[{"path":"blocks/tables/tables-expandable.tsx","type":"registry:block","target":"components/blocks/tables/tables-expandable.tsx"}]},{"name":"tables-nested-rows","type":"registry:block","title":"Tables Nested Rows","description":"Hierarchical nested table with expandable parent rows. Built with shadcn/ui Table, React, Next.js, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","table"],"premium":true,"files":[{"path":"blocks/tables/tables-nested-rows.tsx","type":"registry:block","target":"components/blocks/tables/tables-nested-rows.tsx"}]},{"name":"tables-drag-drop","type":"registry:block","title":"Tables Drag Drop","description":"React table with drag-and-drop row reordering for Next.js dashboards built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","table"],"premium":true,"files":[{"path":"blocks/tables/tables-drag-drop.tsx","type":"registry:block","target":"components/blocks/tables/tables-drag-drop.tsx"}]},{"name":"tables-grouped","type":"registry:block","title":"Tables Grouped","description":"Collapsible category table with grouped rows for React/Next.js inventory using shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","table"],"premium":true,"files":[{"path":"blocks/tables/tables-grouped.tsx","type":"registry:block","target":"components/blocks/tables/tables-grouped.tsx"}]},{"name":"tables-order-history","type":"registry:block","title":"Tables Order History","description":"E-commerce order table with status tracking and shipping details. Built with shadcn/ui Table, React, Next.js, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","table","tooltip"],"premium":true,"files":[{"path":"blocks/tables/tables-order-history.tsx","type":"registry:block","target":"components/blocks/tables/tables-order-history.tsx"}]},{"name":"tables-comparison","type":"registry:block","title":"Tables Comparison","description":"Feature comparison table for pricing pages in React with checkmarks, plan columns, and sticky headers using shadcn/ui Table, Badge components with Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","table"],"premium":true,"files":[{"path":"blocks/tables/tables-comparison.tsx","type":"registry:block","target":"components/blocks/tables/tables-comparison.tsx"}]},{"name":"tables-row-highlight","type":"registry:block","title":"Tables Row Highlight","description":"Table with conditional row highlighting based on data thresholds using shadcn/ui, React, Next.js, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","table"],"premium":true,"files":[{"path":"blocks/tables/tables-row-highlight.tsx","type":"registry:block","target":"components/blocks/tables/tables-row-highlight.tsx"}]},{"name":"tables-environment-vars","type":"registry:block","title":"Tables Environment Vars","description":"Environment variable key-value table with masked values, copy actions, and scope badges for React/Next.js DevOps panels using shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","input","table"],"premium":true,"files":[{"path":"blocks/tables/tables-environment-vars.tsx","type":"registry:block","target":"components/blocks/tables/tables-environment-vars.tsx"}]},{"name":"tables-sticky-header","type":"registry:block","title":"Tables Sticky Header","description":"Scrollable table with fixed header for React/Next.js long datasets built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/tables/tables-sticky-header.tsx","type":"registry:block","target":"components/blocks/tables/tables-sticky-header.tsx"}]},{"name":"tables-heatmap","type":"registry:block","title":"Tables Heatmap","description":"Color-intensity heatmap table for React/Next.js analytics dashboards using shadcn/ui and Tailwind CSS","dependencies":["framer-motion"],"registryDependencies":["table"],"premium":true,"files":[{"path":"blocks/tables/tables-heatmap.tsx","type":"registry:block","target":"components/blocks/tables/tables-heatmap.tsx"}]},{"name":"tables-keyboard-nav","type":"registry:block","title":"Tables Keyboard Nav","description":"Accessible table with arrow key navigation and focus management. Built with React, Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","table"],"premium":true,"files":[{"path":"blocks/tables/tables-keyboard-nav.tsx","type":"registry:block","target":"components/blocks/tables/tables-keyboard-nav.tsx"}]},{"name":"tables-sortable","type":"registry:block","title":"Tables Sortable","description":"Data table with sortable columns and direction indicators for React dashboards built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","table"],"premium":true,"files":[{"path":"blocks/tables/tables-sortable.tsx","type":"registry:block","target":"components/blocks/tables/tables-sortable.tsx"}]},{"name":"tables-inventory","type":"registry:block","title":"Tables Inventory","description":"Inventory management table with stock levels, alerts, and locations. Built with React, Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","progress","table","tooltip"],"premium":true,"files":[{"path":"blocks/tables/tables-inventory.tsx","type":"registry:block","target":"components/blocks/tables/tables-inventory.tsx"}]},{"name":"tables-loading","type":"registry:block","title":"Tables Loading","description":"Skeleton loading table with shimmer animations. Built with shadcn/ui Table, React, Next.js, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","skeleton","table"],"premium":true,"files":[{"path":"blocks/tables/tables-loading.tsx","type":"registry:block","target":"components/blocks/tables/tables-loading.tsx"}]},{"name":"tables-pricing-comparison","type":"registry:block","title":"Tables Pricing Comparison","description":"Pricing comparison table with feature checkmarks across subscription tiers for React SaaS landing pages","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","table","tooltip"],"premium":true,"files":[{"path":"blocks/tables/tables-pricing-comparison.tsx","type":"registry:block","target":"components/blocks/tables/tables-pricing-comparison.tsx"}]},{"name":"tables-color-indicator","type":"registry:block","title":"Tables Color Indicator","description":"Project table with color dot indicators for React and Next.js dashboards using shadcn/ui, Tailwind CSS, and TypeScript","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","table"],"premium":true,"files":[{"path":"blocks/tables/tables-color-indicator.tsx","type":"registry:block","target":"components/blocks/tables/tables-color-indicator.tsx"}]},{"name":"tables-quick-actions","type":"registry:block","title":"Tables Quick Actions","description":"Quick actions table with hover buttons for React admin panels using shadcn/ui, Next.js, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["alert-dialog","badge","button","table","tooltip"],"premium":true,"files":[{"path":"blocks/tables/tables-quick-actions.tsx","type":"registry:block","target":"components/blocks/tables/tables-quick-actions.tsx"}]},{"name":"tables-activity-log","type":"registry:block","title":"Tables Activity Log","description":"Activity log table with timestamped entries, action badges, and user avatars for React dashboards. Built with Next.js, shadcn/ui, Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","table","tooltip"],"premium":true,"files":[{"path":"blocks/tables/tables-activity-log.tsx","type":"registry:block","target":"components/blocks/tables/tables-activity-log.tsx"}]},{"name":"tables-rating","type":"registry:block","title":"Tables Rating","description":"Star rating table with half-star precision, review counts, and trend indicators for React product dashboards using shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","table"],"premium":true,"files":[{"path":"blocks/tables/tables-rating.tsx","type":"registry:block","target":"components/blocks/tables/tables-rating.tsx"}]},{"name":"tables-scheduling","type":"registry:block","title":"Tables Scheduling","description":"Time slot scheduling grid with availability status using shadcn/ui, React, Next.js, and Tailwind CSS for booking interfaces","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","table","tooltip"],"premium":true,"files":[{"path":"blocks/tables/tables-scheduling.tsx","type":"registry:block","target":"components/blocks/tables/tables-scheduling.tsx"}]},{"name":"tables-api-rate-limits","type":"registry:block","title":"Tables Api Rate Limits","description":"API rate limit table with usage tracking, progress bars, and throttle indicators for React dashboards. Built with Next.js, shadcn/ui, Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","table"],"premium":true,"files":[{"path":"blocks/tables/tables-api-rate-limits.tsx","type":"registry:block","target":"components/blocks/tables/tables-api-rate-limits.tsx"}]},{"name":"tables-currency","type":"registry:block","title":"Tables Currency","description":"Financial transaction table with formatted currency values and change indicators. Built for React finance dashboards with Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","table"],"premium":true,"files":[{"path":"blocks/tables/tables-currency.tsx","type":"registry:block","target":"components/blocks/tables/tables-currency.tsx"}]},{"name":"tables-email-campaigns","type":"registry:block","title":"Tables Email Campaigns","description":"React email campaign table with metrics and performance tracking for Next.js dashboards built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","table"],"premium":true,"files":[{"path":"blocks/tables/tables-email-campaigns.tsx","type":"registry:block","target":"components/blocks/tables/tables-email-campaigns.tsx"}]},{"name":"tables-compare-rows","type":"registry:block","title":"Tables Compare Rows","description":"Compare time periods side-by-side in React dashboards with metric deltas, percentage changes, and visual indicators using shadcn/ui Table, Badge, Checkbox components with Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","checkbox","table"],"premium":true,"files":[{"path":"blocks/tables/tables-compare-rows.tsx","type":"registry:block","target":"components/blocks/tables/tables-compare-rows.tsx"}]},{"name":"tables-density","type":"registry:block","title":"Tables Density","description":"Contact table with density toggle for compact, comfortable, and spacious row heights built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","table","toggle-group"],"premium":true,"files":[{"path":"blocks/tables/tables-density.tsx","type":"registry:block","target":"components/blocks/tables/tables-density.tsx"}]},{"name":"tables-job-listings","type":"registry:block","title":"Tables Job Listings","description":"Job board table with positions, departments, and salary ranges. Built with React, Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","table","tooltip"],"premium":true,"files":[{"path":"blocks/tables/tables-job-listings.tsx","type":"registry:block","target":"components/blocks/tables/tables-job-listings.tsx"}]},{"name":"tables-empty","type":"registry:block","title":"Tables Empty","description":"Table with contextual empty states and call-to-action buttons for React/Next.js zero-data scenarios using shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","table"],"premium":true,"files":[{"path":"blocks/tables/tables-empty.tsx","type":"registry:block","target":"components/blocks/tables/tables-empty.tsx"}]},{"name":"tables-priority","type":"registry:block","title":"Tables Priority","description":"Priority table with urgency indicators for React task tracking dashboards using shadcn/ui, Next.js, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","table","tooltip"],"premium":true,"files":[{"path":"blocks/tables/tables-priority.tsx","type":"registry:block","target":"components/blocks/tables/tables-priority.tsx"}]},{"name":"tables-deployment-history","type":"registry:block","title":"Tables Deployment History","description":"CI/CD deployment history table with status indicators, duration tracking, commit hashes, and environment badges built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","table"],"premium":true,"files":[{"path":"blocks/tables/tables-deployment-history.tsx","type":"registry:block","target":"components/blocks/tables/tables-deployment-history.tsx"}]},{"name":"tables-footer","type":"registry:block","title":"Tables Footer","description":"Data table with aggregated totals footer for React/Next.js reports using shadcn/ui and Tailwind CSS","dependencies":["framer-motion"],"registryDependencies":["badge","table"],"premium":true,"files":[{"path":"blocks/tables/tables-footer.tsx","type":"registry:block","target":"components/blocks/tables/tables-footer.tsx"}]},{"name":"tables-timeline","type":"registry:block","title":"Tables Timeline","description":"Activity feed table with date grouping and event badges for React/Next.js apps using shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","table"],"premium":true,"files":[{"path":"blocks/tables/tables-timeline.tsx","type":"registry:block","target":"components/blocks/tables/tables-timeline.tsx"}]},{"name":"tables-content-calendar","type":"registry:block","title":"Tables Content Calendar","description":"Editorial calendar table for content planning in React with type badges, platform targeting, status filters using shadcn/ui Table, Badge, Input components with Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","input","table"],"premium":true,"files":[{"path":"blocks/tables/tables-content-calendar.tsx","type":"registry:block","target":"components/blocks/tables/tables-content-calendar.tsx"}]},{"name":"tables-product-inventory","type":"registry:block","title":"Tables Product Inventory","description":"Product inventory table with stock alerts for React e-commerce dashboards using shadcn/ui, Next.js, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","input","table"],"premium":true,"files":[{"path":"blocks/tables/tables-product-inventory.tsx","type":"registry:block","target":"components/blocks/tables/tables-product-inventory.tsx"}]},{"name":"tables-row-comments","type":"registry:block","title":"Tables Row Comments","description":"Table with expandable comment threads per row using shadcn/ui, React, Next.js, and Tailwind CSS for collaboration dashboards","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","table","textarea"],"premium":true,"files":[{"path":"blocks/tables/tables-row-comments.tsx","type":"registry:block","target":"components/blocks/tables/tables-row-comments.tsx"}]},{"name":"tables-api-logs","type":"registry:block","title":"Tables Api Logs","description":"API request logs table with HTTP methods, status codes, and response times for React dashboards. Built with Next.js, shadcn/ui, Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","table","tooltip"],"premium":true,"files":[{"path":"blocks/tables/tables-api-logs.tsx","type":"registry:block","target":"components/blocks/tables/tables-api-logs.tsx"}]},{"name":"tables-error-tracking","type":"registry:block","title":"Tables Error Tracking","description":"Error tracking table with stack traces, frequency counts, and severity levels for React/Next.js debugging dashboards using shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","table"],"premium":true,"files":[{"path":"blocks/tables/tables-error-tracking.tsx","type":"registry:block","target":"components/blocks/tables/tables-error-tracking.tsx"}]},{"name":"tables-actions","type":"registry:block","title":"Tables Actions","description":"Task management table with status badges, assignee avatars, and action buttons for React dashboards. Built with Next.js, shadcn/ui, Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","table","tooltip"],"premium":true,"files":[{"path":"blocks/tables/tables-actions.tsx","type":"registry:block","target":"components/blocks/tables/tables-actions.tsx"}]},{"name":"tables-survey-results","type":"registry:block","title":"Tables Survey Results","description":"Survey results with response distribution and analytics for React dashboards built with shadcn/ui, Tailwind CSS, Next.js","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","progress","table"],"premium":true,"files":[{"path":"blocks/tables/tables-survey-results.tsx","type":"registry:block","target":"components/blocks/tables/tables-survey-results.tsx"}]},{"name":"tables-flight-status","type":"registry:block","title":"Tables Flight Status","description":"Flight status table with real-time updates for React/Next.js travel dashboards using shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","table","tooltip"],"premium":true,"files":[{"path":"blocks/tables/tables-flight-status.tsx","type":"registry:block","target":"components/blocks/tables/tables-flight-status.tsx"}]},{"name":"tables-search","type":"registry:block","title":"Tables Search","description":"Searchable table with real-time filtering using shadcn/ui, React, Next.js, and Tailwind CSS for data-driven apps","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","input","select","table"],"premium":true,"files":[{"path":"blocks/tables/tables-search.tsx","type":"registry:block","target":"components/blocks/tables/tables-search.tsx"}]},{"name":"tables-server-status","type":"registry:block","title":"Tables Server Status","description":"Server monitoring table with uptime, CPU, memory metrics for React DevOps dashboards built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","progress","table","tooltip"],"premium":true,"files":[{"path":"blocks/tables/tables-server-status.tsx","type":"registry:block","target":"components/blocks/tables/tables-server-status.tsx"}]},{"name":"tables-feature-flags","type":"registry:block","title":"Tables Feature Flags","description":"Feature flag management table with toggles and environment targeting. Built with shadcn/ui Table, Switch, and Badge for React and Next.js using Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","input","switch","table"],"premium":true,"files":[{"path":"blocks/tables/tables-feature-flags.tsx","type":"registry:block","target":"components/blocks/tables/tables-feature-flags.tsx"}]},{"name":"tables-file-uploads","type":"registry:block","title":"Tables File Uploads","description":"File upload history table with status and user attribution. Built with shadcn/ui Table, Badge, and Avatar for React and Next.js using Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button","table"],"premium":true,"files":[{"path":"blocks/tables/tables-file-uploads.tsx","type":"registry:block","target":"components/blocks/tables/tables-file-uploads.tsx"}]},{"name":"tables-link-cell","type":"registry:block","title":"Tables Link Cell","description":"Clickable link table with external URL indicators and full path tooltips. Built with shadcn/ui Table, React, Next.js, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","table","tooltip"],"premium":true,"files":[{"path":"blocks/tables/tables-link-cell.tsx","type":"registry:block","target":"components/blocks/tables/tables-link-cell.tsx"}]},{"name":"tables-cron-jobs","type":"registry:block","title":"Tables Cron Jobs","description":"Scheduled task management table with cron expressions, execution status, and toggle controls. Built for React DevOps dashboards with Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["switch","table"],"premium":true,"files":[{"path":"blocks/tables/tables-cron-jobs.tsx","type":"registry:block","target":"components/blocks/tables/tables-cron-jobs.tsx"}]},{"name":"tables-row-menu","type":"registry:block","title":"Tables Row Menu","description":"Table with per-row dropdown menus for multiple actions using shadcn/ui, React, Next.js, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","dropdown-menu","table"],"premium":true,"files":[{"path":"blocks/tables/tables-row-menu.tsx","type":"registry:block","target":"components/blocks/tables/tables-row-menu.tsx"}]},{"name":"tables-pinned-columns","type":"registry:block","title":"Tables Pinned Columns","description":"Table with pinned left and right columns that stay fixed during horizontal scroll using CSS sticky positioning","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","table"],"premium":true,"files":[{"path":"blocks/tables/tables-pinned-columns.tsx","type":"registry:block","target":"components/blocks/tables/tables-pinned-columns.tsx"}]},{"name":"tables-file-tree","type":"registry:block","title":"Tables File Tree","description":"Expandable file tree table with nested folders and files. Built with shadcn/ui Table, Checkbox, and Button for React and Next.js using Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","checkbox","table"],"premium":true,"files":[{"path":"blocks/tables/tables-file-tree.tsx","type":"registry:block","target":"components/blocks/tables/tables-file-tree.tsx"}]},{"name":"tables-customer-segments","type":"registry:block","title":"Tables Customer Segments","description":"Customer segment analysis table with user counts, revenue metrics, and growth tracking. Built for React marketing dashboards with Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","table"],"premium":true,"files":[{"path":"blocks/tables/tables-customer-segments.tsx","type":"registry:block","target":"components/blocks/tables/tables-customer-segments.tsx"}]},{"name":"tables-subscription-plans","type":"registry:block","title":"Tables Subscription Plans","description":"SaaS billing table with usage meters and renewal dates for React/Next.js dashboards built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","progress","table","tooltip"],"premium":true,"files":[{"path":"blocks/tables/tables-subscription-plans.tsx","type":"registry:block","target":"components/blocks/tables/tables-subscription-plans.tsx"}]},{"name":"tables-integration-status","type":"registry:block","title":"Tables Integration Status","description":"Integration monitoring table with uptime, sync status, and error tracking. Built with React, Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","switch","table"],"premium":true,"files":[{"path":"blocks/tables/tables-integration-status.tsx","type":"registry:block","target":"components/blocks/tables/tables-integration-status.tsx"}]},{"name":"tables-crypto-portfolio","type":"registry:block","title":"Tables Crypto Portfolio","description":"Cryptocurrency holdings table with live prices, profit/loss tracking, and allocation bars. Built for React finance dashboards with Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["progress","table","tooltip"],"premium":true,"files":[{"path":"blocks/tables/tables-crypto-portfolio.tsx","type":"registry:block","target":"components/blocks/tables/tables-crypto-portfolio.tsx"}]},{"name":"tables-restaurant-menu","type":"registry:block","title":"Tables Restaurant Menu","description":"Display dishes with dietary tags and pricing for React food ordering apps using shadcn/ui and Next.js.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","table","tooltip"],"premium":true,"files":[{"path":"blocks/tables/tables-restaurant-menu.tsx","type":"registry:block","target":"components/blocks/tables/tables-restaurant-menu.tsx"}]},{"name":"tables-inline-edit","type":"registry:block","title":"Tables Inline Edit","description":"Inline editable table with double-click editing for React/Next.js admin panels using shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","table"],"premium":true,"files":[{"path":"blocks/tables/tables-inline-edit.tsx","type":"registry:block","target":"components/blocks/tables/tables-inline-edit.tsx"}]},{"name":"tables-tags","type":"registry:block","title":"Tables Tags","description":"Article table with inline tag badges for content management built with shadcn/ui, Tailwind CSS, and Next.js","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","table","tooltip"],"premium":true,"files":[{"path":"blocks/tables/tables-tags.tsx","type":"registry:block","target":"components/blocks/tables/tables-tags.tsx"}]},{"name":"tables-progress","type":"registry:block","title":"Tables Progress","description":"Progress table with completion bars for React project dashboards using shadcn/ui, Next.js, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","progress","table"],"premium":true,"files":[{"path":"blocks/tables/tables-progress.tsx","type":"registry:block","target":"components/blocks/tables/tables-progress.tsx"}]},{"name":"tables-filters","type":"registry:block","title":"Tables Filters","description":"Task table with quick filter chips for instant filtering. Built with shadcn/ui Table, Badge, and Button for React and Next.js using Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","table"],"premium":true,"files":[{"path":"blocks/tables/tables-filters.tsx","type":"registry:block","target":"components/blocks/tables/tables-filters.tsx"}]},{"name":"skeleton-form-inline","type":"registry:block","title":"Skeleton Form Inline","description":"A React compact single-row inline form skeleton built with Next.js, shadcn/ui Skeleton, and Tailwind CSS","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-form-inline.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-form-inline.tsx"}]},{"name":"skeleton-ecommerce-grid","type":"registry:block","title":"Skeleton Ecommerce Grid","description":"A React product grid skeleton loader block built with Next.js, shadcn/ui Skeleton, and Tailwind CSS for ecommerce catalog loading states","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-ecommerce-grid.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-ecommerce-grid.tsx"}]},{"name":"skeleton-dashboard-header","type":"registry:block","title":"Skeleton Dashboard Header","description":"A React dashboard header skeleton with logo, navigation links, and user controls built with Next.js, shadcn/ui Skeleton, and Tailwind CSS","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-dashboard-header.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-dashboard-header.tsx"}]},{"name":"skeleton-comment-thread","type":"registry:block","title":"Skeleton Comment Thread","description":"A React and Next.js comment thread skeleton loader built with shadcn/ui Skeleton and Tailwind CSS, featuring avatars, author names, timestamps, and nested reply indentation.","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-comment-thread.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-comment-thread.tsx"}]},{"name":"skeleton-landing-page","type":"registry:block","title":"Skeleton Landing Page","description":"A React and Next.js landing page skeleton loader built with shadcn/ui Skeleton and Tailwind CSS, showing navbar, hero, features, and footer.","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-landing-page.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-landing-page.tsx"}]},{"name":"skeleton-gallery-grid","type":"registry:block","title":"Skeleton Gallery Grid","description":"A React photo gallery grid skeleton built with Next.js, shadcn/ui Skeleton, and Tailwind CSS for image collections","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-gallery-grid.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-gallery-grid.tsx"}]},{"name":"skeleton-pagination","type":"registry:block","title":"Skeleton Pagination","description":"A React and Next.js pagination skeleton loader built with shadcn/ui Skeleton and Tailwind CSS for table and list navigation","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-pagination.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-pagination.tsx"}]},{"name":"skeleton-blog-post","type":"registry:block","title":"Skeleton Blog Post","description":"A React and Next.js blog post skeleton loader built with shadcn/ui Skeleton and Tailwind CSS, featuring title, author metadata, hero image, and multi-paragraph content placeholders","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-blog-post.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-blog-post.tsx"}]},{"name":"skeleton-table-with-checkbox","type":"registry:block","title":"Skeleton Table With Checkbox","description":"A React table skeleton with checkbox placeholders built with Next.js, shadcn/ui Skeleton, and Tailwind CSS for selectable data tables","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-table-with-checkbox.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-table-with-checkbox.tsx"}]},{"name":"skeleton-comparison-table","type":"registry:block","title":"Skeleton Comparison Table","description":"A React and Next.js comparison table skeleton loader built with shadcn/ui Skeleton and Tailwind CSS, featuring plan columns, pricing rows, feature checkmarks, and CTA buttons.","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-comparison-table.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-comparison-table.tsx"}]},{"name":"skeleton-product-list","type":"registry:block","title":"Skeleton Product List","description":"A React and Next.js skeleton loader for horizontal product lists built with shadcn/ui Skeleton and Tailwind CSS","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-product-list.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-product-list.tsx"}]},{"name":"skeleton-activity-feed","type":"registry:block","title":"Skeleton Activity Feed","description":"A React and Next.js skeleton loader block for vertical timeline activity feeds with avatars, date grouping, status dots, and timestamps built with shadcn/ui Skeleton and Tailwind CSS","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-activity-feed.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-activity-feed.tsx"}]},{"name":"skeleton-table-with-pagination","type":"registry:block","title":"Skeleton Table With Pagination","description":"A React table skeleton with pagination footer built with Next.js, shadcn/ui Skeleton, and Tailwind CSS for paginated data tables","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-table-with-pagination.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-table-with-pagination.tsx"}]},{"name":"skeleton-tabs-vertical","type":"registry:block","title":"Skeleton Tabs Vertical","description":"A React vertical tabs skeleton loader built with Next.js, shadcn/ui Skeleton, and Tailwind CSS for side-by-side tab navigation states","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-tabs-vertical.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-tabs-vertical.tsx"}]},{"name":"skeleton-profile-card","type":"registry:block","title":"Skeleton Profile Card","description":"A React and Next.js skeleton loader for horizontal profile cards built with shadcn/ui Skeleton and Tailwind CSS","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-profile-card.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-profile-card.tsx"}]},{"name":"skeleton-podcast-player","type":"registry:block","title":"Skeleton Podcast Player","description":"A React and Next.js podcast player skeleton loader built with shadcn/ui Skeleton and Tailwind CSS for audio episode interfaces","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-podcast-player.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-podcast-player.tsx"}]},{"name":"skeleton-tabs-horizontal","type":"registry:block","title":"Skeleton Tabs Horizontal","description":"A React horizontal tabs skeleton loader built with Next.js, shadcn/ui Skeleton, and Tailwind CSS for tabbed navigation loading states","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-tabs-horizontal.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-tabs-horizontal.tsx"}]},{"name":"skeleton-file-tree","type":"registry:block","title":"Skeleton File Tree","description":"A React file tree skeleton loader built with Next.js, shadcn/ui Skeleton, and Tailwind CSS for loading states in code editor sidebars.","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-file-tree.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-file-tree.tsx"}]},{"name":"skeleton-task-list","type":"registry:block","title":"Skeleton Task List","description":"A React task list skeleton loader built with Next.js, shadcn/ui Skeleton, and Tailwind CSS for to-do and checklist loading states","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-task-list.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-task-list.tsx"}]},{"name":"skeleton-article-list","type":"registry:block","title":"Skeleton Article List","description":"A React and Next.js article list skeleton loader with title, description, and author metadata rows built with shadcn/ui and Tailwind CSS.","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-article-list.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-article-list.tsx"}]},{"name":"skeleton-dashboard-full","type":"registry:block","title":"Skeleton Dashboard Full","description":"A React full dashboard skeleton with header, stats, chart, and table sections built with Next.js, shadcn/ui Skeleton, and Tailwind CSS","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-dashboard-full.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-dashboard-full.tsx"}]},{"name":"skeleton-code-diff","type":"registry:block","title":"Skeleton Code Diff","description":"A React and Next.js skeleton loading placeholder for unified code diff views, built with shadcn/ui Skeleton and Tailwind CSS with line numbers and change indicators.","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-code-diff.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-code-diff.tsx"}]},{"name":"skeleton-table-striped","type":"registry:block","title":"Skeleton Table Striped","description":"A React striped table skeleton with alternating row backgrounds built with Next.js, shadcn/ui, and Tailwind CSS","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-table-striped.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-table-striped.tsx"}]},{"name":"skeleton-ecommerce-product","type":"registry:block","title":"Skeleton Ecommerce Product","description":"A React product detail skeleton loader block built with Next.js, shadcn/ui Skeleton, and Tailwind CSS for ecommerce product page loading states","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-ecommerce-product.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-ecommerce-product.tsx"}]},{"name":"skeleton-email-detail","type":"registry:block","title":"Skeleton Email Detail","description":"A React email detail skeleton loader built with Next.js, shadcn/ui Skeleton, and Tailwind CSS for loading states in webmail reading panes.","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-email-detail.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-email-detail.tsx"}]},{"name":"skeleton-calendar-week","type":"registry:block","title":"Skeleton Calendar Week","description":"A React and Next.js weekly calendar skeleton loader built with shadcn/ui Skeleton and Tailwind CSS, featuring 7 day columns with time-slot event placeholders and navigation controls","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-calendar-week.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-calendar-week.tsx"}]},{"name":"skeleton-notification-list","type":"registry:block","title":"Skeleton Notification List","description":"A React notification list skeleton loader built with Next.js, shadcn/ui Skeleton, and Tailwind CSS for alert feeds","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-notification-list.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-notification-list.tsx"}]},{"name":"skeleton-pricing-card","type":"registry:block","title":"Skeleton Pricing Card","description":"A React and Next.js pricing card skeleton loader built with shadcn/ui Skeleton and Tailwind CSS for subscription plan displays","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-pricing-card.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-pricing-card.tsx"}]},{"name":"skeleton-music-player","type":"registry:block","title":"Skeleton Music Player","description":"A React music player skeleton loader built with Next.js, shadcn/ui Skeleton, and Tailwind CSS for audio streaming interfaces","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-music-player.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-music-player.tsx"}]},{"name":"skeleton-file-upload","type":"registry:block","title":"Skeleton File Upload","description":"A React file upload skeleton loader built with Next.js, shadcn/ui Skeleton, and Tailwind CSS for loading states in file upload interfaces.","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-file-upload.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-file-upload.tsx"}]},{"name":"skeleton-card-with-avatar","type":"registry:block","title":"Skeleton Card With Avatar","description":"A React and Next.js skeleton loading placeholder for avatar card layouts, built with shadcn/ui Skeleton and Tailwind CSS for social feeds and profiles.","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-card-with-avatar.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-card-with-avatar.tsx"}]},{"name":"skeleton-command-palette","type":"registry:block","title":"Skeleton Command Palette","description":"A React and Next.js command palette skeleton loader built with shadcn/ui Skeleton and Tailwind CSS, featuring search input, grouped commands, and keyboard shortcut placeholders.","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-command-palette.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-command-palette.tsx"}]},{"name":"skeleton-settings-sidebar","type":"registry:block","title":"Skeleton Settings Sidebar","description":"A React skeleton loader for settings pages with sidebar navigation built with Next.js, shadcn/ui, and Tailwind CSS","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-settings-sidebar.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-settings-sidebar.tsx"}]},{"name":"skeleton-social-post","type":"registry:block","title":"Skeleton Social Post","description":"A React skeleton loader for social media posts with avatar, content, image, and actions built with Next.js, shadcn/ui, and Tailwind CSS","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-social-post.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-social-post.tsx"}]},{"name":"skeleton-footer","type":"registry:block","title":"Skeleton Footer","description":"A React footer skeleton loader built with Next.js, shadcn/ui Skeleton, and Tailwind CSS for multi-column footer layouts","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-footer.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-footer.tsx"}]},{"name":"skeleton-profile-sidebar","type":"registry:block","title":"Skeleton Profile Sidebar","description":"A React and Next.js profile sidebar skeleton loader built with shadcn/ui Skeleton and Tailwind CSS for dashboard layouts.","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-profile-sidebar.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-profile-sidebar.tsx"}]},{"name":"skeleton-map-sidebar","type":"registry:block","title":"Skeleton Map Sidebar","description":"A React and Next.js map sidebar skeleton loader built with shadcn/ui Skeleton and Tailwind CSS, showing search, location list, and map area.","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-map-sidebar.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-map-sidebar.tsx"}]},{"name":"skeleton-card-with-actions","type":"registry:block","title":"Skeleton Card With Actions","description":"A React skeleton card with header, body, and action button placeholders built with shadcn/ui Skeleton, Next.js, and Tailwind CSS. Features title, badge, body text, and three footer action buttons.","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-card-with-actions.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-card-with-actions.tsx"}]},{"name":"skeleton-form-horizontal","type":"registry:block","title":"Skeleton Form Horizontal","description":"A React horizontal form skeleton with side-by-side labels and inputs built with Next.js, shadcn/ui Skeleton, and Tailwind CSS","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-form-horizontal.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-form-horizontal.tsx"}]},{"name":"skeleton-testimonial-carousel","type":"registry:block","title":"Skeleton Testimonial Carousel","description":"A React testimonial carousel skeleton loader built with Next.js, shadcn/ui Skeleton, and Tailwind CSS for rotating quote loading states","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-testimonial-carousel.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-testimonial-carousel.tsx"}]},{"name":"skeleton-notification-center","type":"registry:block","title":"Skeleton Notification Center","description":"A React notification center skeleton loader built with Next.js, shadcn/ui Skeleton, and Tailwind CSS for grouped alerts","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-notification-center.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-notification-center.tsx"}]},{"name":"skeleton-dashboard-chart","type":"registry:block","title":"Skeleton Dashboard Chart","description":"A React and Next.js dashboard chart skeleton loader built with shadcn/ui Skeleton and Tailwind CSS, featuring Y-axis labels, grid lines, chart area placeholder, and legend indicators.","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-dashboard-chart.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-dashboard-chart.tsx"}]},{"name":"skeleton-settings-page","type":"registry:block","title":"Skeleton Settings Page","description":"A React and Next.js settings page skeleton loader built with shadcn/ui Skeleton and Tailwind CSS for preferences interfaces.","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-settings-page.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-settings-page.tsx"}]},{"name":"skeleton-search-results","type":"registry:block","title":"Skeleton Search Results","description":"A React and Next.js search results skeleton loader built with shadcn/ui Skeleton and Tailwind CSS for content discovery pages.","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-search-results.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-search-results.tsx"}]},{"name":"skeleton-sidebar-nav","type":"registry:block","title":"Skeleton Sidebar Nav","description":"A React vertical sidebar menu skeleton with logo, nav items, and bottom actions built with Next.js, shadcn/ui, and Tailwind CSS","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-sidebar-nav.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-sidebar-nav.tsx"}]},{"name":"skeleton-table-compact","type":"registry:block","title":"Skeleton Table Compact","description":"A React compact table skeleton loader built with Next.js, shadcn/ui Skeleton, and Tailwind CSS for dense data-heavy loading states","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-table-compact.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-table-compact.tsx"}]},{"name":"skeleton-breadcrumb","type":"registry:block","title":"Skeleton Breadcrumb","description":"A React and Next.js breadcrumb navigation skeleton loader built with shadcn/ui Skeleton and Tailwind CSS, featuring linked items, separators, and a header with action button","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-breadcrumb.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-breadcrumb.tsx"}]},{"name":"skeleton-table-with-actions","type":"registry:block","title":"Skeleton Table With Actions","description":"A React table skeleton with action button placeholders built with Next.js, shadcn/ui Skeleton, and Tailwind CSS","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-table-with-actions.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-table-with-actions.tsx"}]},{"name":"skeleton-card-basic","type":"registry:block","title":"Skeleton Card Basic","description":"A React skeleton loading placeholder for basic card layouts built with shadcn/ui Skeleton, Next.js, and Tailwind CSS. Features image, title, body text, and button placeholders with pulse animation.","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-card-basic.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-card-basic.tsx"}]},{"name":"skeleton-product-review","type":"registry:block","title":"Skeleton Product Review","description":"A React and Next.js skeleton loader for product review sections built with shadcn/ui Skeleton and Tailwind CSS","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-product-review.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-product-review.tsx"}]},{"name":"skeleton-form-basic","type":"registry:block","title":"Skeleton Form Basic","description":"A React stacked form skeleton loader with labels, inputs, and submit button built with Next.js, shadcn/ui Skeleton, and Tailwind CSS","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-form-basic.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-form-basic.tsx"}]},{"name":"skeleton-chat-message","type":"registry:block","title":"Skeleton Chat Message","description":"A React and Next.js skeleton loading placeholder for chat message bubbles, built with shadcn/ui Skeleton and Tailwind CSS with alternating sent and received messages.","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-chat-message.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-chat-message.tsx"}]},{"name":"skeleton-testimonial-grid","type":"registry:block","title":"Skeleton Testimonial Grid","description":"A React testimonial grid skeleton loader built with Next.js, shadcn/ui Skeleton, and Tailwind CSS for social proof sections","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-testimonial-grid.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-testimonial-grid.tsx"}]},{"name":"skeleton-user-list","type":"registry:block","title":"Skeleton User List","description":"A React user list skeleton loader built with Next.js, shadcn/ui Skeleton, and Tailwind CSS for member directories","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-user-list.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-user-list.tsx"}]},{"name":"skeleton-navbar","type":"registry:block","title":"Skeleton Navbar","description":"A React navigation bar skeleton loader built with Next.js, shadcn/ui Skeleton, and Tailwind CSS for website headers","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-navbar.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-navbar.tsx"}]},{"name":"skeleton-email-inbox","type":"registry:block","title":"Skeleton Email Inbox","description":"A React email inbox skeleton loader built with Next.js, shadcn/ui Skeleton, and Tailwind CSS for loading states in webmail list views.","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-email-inbox.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-email-inbox.tsx"}]},{"name":"skeleton-metric-cards","type":"registry:block","title":"Skeleton Metric Cards","description":"React dashboard metric card skeletons with icon, label, value, and sparkline areas built with Next.js, shadcn/ui, and Tailwind CSS","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-metric-cards.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-metric-cards.tsx"}]},{"name":"skeleton-chat-sidebar","type":"registry:block","title":"Skeleton Chat Sidebar","description":"A React and Next.js skeleton loading placeholder for two-panel chat layouts, built with shadcn/ui Skeleton and Tailwind CSS with conversation list and active chat view.","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-chat-sidebar.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-chat-sidebar.tsx"}]},{"name":"skeleton-form-wizard","type":"registry:block","title":"Skeleton Form Wizard","description":"A React multi-step form wizard skeleton loader built with Next.js, shadcn/ui Skeleton, and Tailwind CSS for onboarding flows","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-form-wizard.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-form-wizard.tsx"}]},{"name":"skeleton-form-with-sections","type":"registry:block","title":"Skeleton Form With Sections","description":"A React multi-section form skeleton loader built with Next.js, shadcn/ui Skeleton, and Tailwind CSS for grouped field layouts","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-form-with-sections.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-form-with-sections.tsx"}]},{"name":"skeleton-email-compose","type":"registry:block","title":"Skeleton Email Compose","description":"A React email compose form skeleton loader block built with Next.js, shadcn/ui Skeleton, and Tailwind CSS for email editor loading states","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-email-compose.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-email-compose.tsx"}]},{"name":"skeleton-file-manager","type":"registry:block","title":"Skeleton File Manager","description":"A React file manager skeleton loader built with Next.js, shadcn/ui Skeleton, and Tailwind CSS for loading states in file browser interfaces.","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-file-manager.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-file-manager.tsx"}]},{"name":"skeleton-article-card","type":"registry:block","title":"Skeleton Article Card","description":"A React and Next.js article card skeleton loader with hero image, title, author info, body preview, and tags built with shadcn/ui and Tailwind CSS.","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-article-card.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-article-card.tsx"}]},{"name":"skeleton-chat-conversation","type":"registry:block","title":"Skeleton Chat Conversation","description":"A React and Next.js skeleton loading placeholder for full chat interfaces, built with shadcn/ui Skeleton and Tailwind CSS with header, messages, and input bar.","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-chat-conversation.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-chat-conversation.tsx"}]},{"name":"skeleton-calendar-month","type":"registry:block","title":"Skeleton Calendar Month","description":"A React and Next.js monthly calendar skeleton loader built with shadcn/ui Skeleton and Tailwind CSS, featuring a 7-column day grid, navigation controls, and event dot indicators","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-calendar-month.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-calendar-month.tsx"}]},{"name":"skeleton-receipt","type":"registry:block","title":"Skeleton Receipt","description":"A React and Next.js receipt skeleton loader built with shadcn/ui Skeleton and Tailwind CSS for e-commerce order views.","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-receipt.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-receipt.tsx"}]},{"name":"skeleton-app-shell","type":"registry:block","title":"Skeleton App Shell","description":"A React and Next.js app shell skeleton loader with navbar, sidebar navigation, breadcrumbs, and two-column content layout built with shadcn/ui and Tailwind CSS.","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-app-shell.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-app-shell.tsx"}]},{"name":"skeleton-table-basic","type":"registry:block","title":"Skeleton Table Basic","description":"A React data table skeleton loader with header and rows built with Next.js, shadcn/ui, and Tailwind CSS","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-table-basic.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-table-basic.tsx"}]},{"name":"skeleton-analytics-dashboard","type":"registry:block","title":"Skeleton Analytics Dashboard","description":"A React and Next.js skeleton loader block for analytics dashboards with stat cards, chart placeholder, and data table built with shadcn/ui and Tailwind CSS.","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-analytics-dashboard.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-analytics-dashboard.tsx"}]},{"name":"skeleton-kanban-column","type":"registry:block","title":"Skeleton Kanban Column","description":"A React and Next.js single kanban column skeleton loader built with shadcn/ui Skeleton and Tailwind CSS, showing stacked task cards.","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-kanban-column.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-kanban-column.tsx"}]},{"name":"skeleton-card-compact","type":"registry:block","title":"Skeleton Card Compact","description":"A React compact card skeleton placeholder built with shadcn/ui Skeleton, Next.js, and Tailwind CSS. Features icon, title, and description placeholders in a minimal single-row layout.","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-card-compact.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-card-compact.tsx"}]},{"name":"skeleton-drawer","type":"registry:block","title":"Skeleton Drawer","description":"A React side drawer skeleton with header, content rows, and action buttons built with Next.js, shadcn/ui Skeleton, and Tailwind CSS","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-drawer.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-drawer.tsx"}]},{"name":"skeleton-stats-bar","type":"registry:block","title":"Skeleton Stats Bar","description":"A React horizontal metrics bar skeleton with inline statistics and dividers built with Next.js, shadcn/ui, and Tailwind CSS","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-stats-bar.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-stats-bar.tsx"}]},{"name":"skeleton-code-editor","type":"registry:block","title":"Skeleton Code Editor","description":"A React and Next.js code editor skeleton loader built with shadcn/ui Skeleton and Tailwind CSS, featuring tab bar, line numbers, and indented code line placeholders.","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-code-editor.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-code-editor.tsx"}]},{"name":"skeleton-progress-bar","type":"registry:block","title":"Skeleton Progress Bar","description":"A React and Next.js progress bar skeleton loader built with shadcn/ui Skeleton and Tailwind CSS for tracking dashboards.","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-progress-bar.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-progress-bar.tsx"}]},{"name":"skeleton-media-player","type":"registry:block","title":"Skeleton Media Player","description":"A React video and audio player skeleton with playback area, controls, and progress bar built with Next.js, shadcn/ui, and Tailwind CSS","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-media-player.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-media-player.tsx"}]},{"name":"skeleton-terminal","type":"registry:block","title":"Skeleton Terminal","description":"A React terminal CLI skeleton loader built with Next.js, shadcn/ui Skeleton, and Tailwind CSS for command-line interface loading states","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-terminal.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-terminal.tsx"}]},{"name":"skeleton-kanban-board","type":"registry:block","title":"Skeleton Kanban Board","description":"A React and Next.js kanban board skeleton loader built with shadcn/ui Skeleton and Tailwind CSS, showing multi-column task cards.","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-kanban-board.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-kanban-board.tsx"}]},{"name":"skeleton-ecommerce-checkout","type":"registry:block","title":"Skeleton Ecommerce Checkout","description":"A React checkout form skeleton loader block built with Next.js, shadcn/ui Skeleton, and Tailwind CSS for two-panel checkout loading states","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-ecommerce-checkout.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-ecommerce-checkout.tsx"}]},{"name":"skeleton-invoice","type":"registry:block","title":"Skeleton Invoice","description":"A React and Next.js invoice skeleton loader built with shadcn/ui Skeleton and Tailwind CSS, showing header, line items, and totals placeholders.","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-invoice.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-invoice.tsx"}]},{"name":"skeleton-avatar-group","type":"registry:block","title":"Skeleton Avatar Group","description":"A React and Next.js overlapping avatar group skeleton loader with stacked circles and count badge built with shadcn/ui and Tailwind CSS.","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-avatar-group.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-avatar-group.tsx"}]},{"name":"skeleton-map-view","type":"registry:block","title":"Skeleton Map View","description":"A React map view skeleton loader built with Next.js, shadcn/ui Skeleton, and Tailwind CSS for map-based interfaces","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-map-view.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-map-view.tsx"}]},{"name":"skeleton-timeline","type":"registry:block","title":"Skeleton Timeline","description":"A React vertical timeline skeleton loader built with Next.js, shadcn/ui Skeleton, and Tailwind CSS for event feeds","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-timeline.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-timeline.tsx"}]},{"name":"skeleton-dashboard-sidebar","type":"registry:block","title":"Skeleton Dashboard Sidebar","description":"A React two-panel dashboard skeleton with sidebar navigation and main content area built with Next.js, shadcn/ui Skeleton, and Tailwind CSS","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-dashboard-sidebar.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-dashboard-sidebar.tsx"}]},{"name":"skeleton-dashboard-stats","type":"registry:block","title":"Skeleton Dashboard Stats","description":"A React grid of stat card skeletons showing key metrics in a dashboard layout built with Next.js, shadcn/ui Skeleton, and Tailwind CSS","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-dashboard-stats.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-dashboard-stats.tsx"}]},{"name":"skeleton-gallery-masonry","type":"registry:block","title":"Skeleton Gallery Masonry","description":"A React masonry gallery skeleton built with Next.js, shadcn/ui Skeleton, and Tailwind CSS for Pinterest-style layouts","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-gallery-masonry.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-gallery-masonry.tsx"}]},{"name":"skeleton-profile-header","type":"registry:block","title":"Skeleton Profile Header","description":"A React and Next.js skeleton loader for centered profile headers built with shadcn/ui Skeleton and Tailwind CSS","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-profile-header.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-profile-header.tsx"}]},{"name":"skeleton-card-horizontal","type":"registry:block","title":"Skeleton Card Horizontal","description":"A React horizontal card skeleton placeholder built with shadcn/ui Skeleton, Next.js, and Tailwind CSS. Features side-by-side image and content areas with title, body text, and badge placeholders.","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-card-horizontal.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-card-horizontal.tsx"}]},{"name":"skeleton-ecommerce-cart","type":"registry:block","title":"Skeleton Ecommerce Cart","description":"A React shopping cart skeleton loader block built with Next.js, shadcn/ui Skeleton, and Tailwind CSS for ecommerce cart loading states","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-ecommerce-cart.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-ecommerce-cart.tsx"}]},{"name":"skeleton-card-grid","type":"registry:block","title":"Skeleton Card Grid","description":"A React responsive card grid skeleton built with shadcn/ui Skeleton, Next.js, and Tailwind CSS. Features six card placeholders in a responsive two-column grid with image, title, and text areas.","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-card-grid.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-card-grid.tsx"}]},{"name":"skeleton-hero-section","type":"registry:block","title":"Skeleton Hero Section","description":"A React centered hero skeleton built with Next.js, shadcn/ui Skeleton, and Tailwind CSS for landing page loading states","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-hero-section.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-hero-section.tsx"}]},{"name":"skeleton-modal-dialog","type":"registry:block","title":"Skeleton Modal Dialog","description":"A React modal dialog skeleton with header, form fields, and action buttons built with Next.js, shadcn/ui, and Tailwind CSS","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-modal-dialog.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-modal-dialog.tsx"}]},{"name":"skeleton-pricing-table","type":"registry:block","title":"Skeleton Pricing Table","description":"A React and Next.js skeleton loader for pricing comparison tables built with shadcn/ui Skeleton and Tailwind CSS","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-pricing-table.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-pricing-table.tsx"}]},{"name":"skeleton-form-two-column","type":"registry:block","title":"Skeleton Form Two Column","description":"A React responsive two-column form skeleton loader built with Next.js, shadcn/ui Skeleton, and Tailwind CSS for settings pages","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-form-two-column.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-form-two-column.tsx"}]},{"name":"skeleton-playlist","type":"registry:block","title":"Skeleton Playlist","description":"A React and Next.js playlist skeleton loader built with shadcn/ui Skeleton and Tailwind CSS for music and media track listings","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-playlist.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-playlist.tsx"}]},{"name":"skeleton-calendar-day","type":"registry:block","title":"Skeleton Calendar Day","description":"A React and Next.js daily calendar skeleton loader built with shadcn/ui Skeleton and Tailwind CSS, featuring hourly time slots, event placeholders, and navigation controls","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-calendar-day.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-calendar-day.tsx"}]},{"name":"skeleton-news-feed","type":"registry:block","title":"Skeleton News Feed","description":"A React news feed skeleton loader built with Next.js, shadcn/ui Skeleton, and Tailwind CSS for content stream interfaces","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-news-feed.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-news-feed.tsx"}]},{"name":"skeleton-onboarding-wizard","type":"registry:block","title":"Skeleton Onboarding Wizard","description":"A React and Next.js onboarding wizard skeleton loader built with shadcn/ui Skeleton and Tailwind CSS for multi-step setup flows","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-onboarding-wizard.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-onboarding-wizard.tsx"}]},{"name":"skeleton-hero-split","type":"registry:block","title":"Skeleton Hero Split","description":"A React split hero skeleton built with Next.js, shadcn/ui Skeleton, and Tailwind CSS for two-column hero layouts","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-hero-split.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-hero-split.tsx"}]},{"name":"skeleton-media-card","type":"registry:block","title":"Skeleton Media Card","description":"A React video media card skeleton with thumbnail, play button, and metadata built with Next.js, shadcn/ui, and Tailwind CSS","registryDependencies":["skeleton"],"premium":true,"files":[{"path":"blocks/skeleton/skeleton-media-card.tsx","type":"registry:block","target":"components/blocks/skeleton/skeleton-media-card.tsx"}]},{"name":"contact-emergency","type":"registry:block","title":"Contact Emergency","description":"Urgent contact form with priority levels and immediate response options for critical support requests","dependencies":["lucide-react"],"registryDependencies":["button","input","label","radio-group","textarea"],"premium":true,"files":[{"path":"blocks/contact/contact-emergency.tsx","type":"registry:block","target":"components/blocks/contact/contact-emergency.tsx"}]},{"name":"contact-volunteer","type":"registry:block","title":"Contact Volunteer","description":"Volunteer application form with skills, availability, and interest areas for nonprofit organizations","dependencies":["lucide-react"],"registryDependencies":["button","checkbox","input","label","select","textarea"],"premium":true,"files":[{"path":"blocks/contact/contact-volunteer.tsx","type":"registry:block","target":"components/blocks/contact/contact-volunteer.tsx"}]},{"name":"contact-press","type":"registry:block","title":"Contact Press","description":"Press and media inquiry form with journalist verification and story type selection for PR teams","dependencies":["lucide-react"],"registryDependencies":["button","input","label","select","textarea"],"premium":true,"files":[{"path":"blocks/contact/contact-press.tsx","type":"registry:block","target":"components/blocks/contact/contact-press.tsx"}]},{"name":"contact-repair","type":"registry:block","title":"Contact Repair","description":"Device repair request form with device type selection, issue description, and priority options for repair service providers","registryDependencies":["badge","button","input","label","radio-group","select","textarea"],"premium":true,"files":[{"path":"blocks/contact/contact-repair.tsx","type":"registry:block","target":"components/blocks/contact/contact-repair.tsx"}]},{"name":"contact-music","type":"registry:block","title":"Contact Music","description":"Music lesson booking and DJ inquiry form with instrument selection, skill level, and scheduling preferences for studios and instructors","registryDependencies":["button","input","label","radio-group","select","textarea"],"premium":true,"files":[{"path":"blocks/contact/contact-music.tsx","type":"registry:block","target":"components/blocks/contact/contact-music.tsx"}]},{"name":"contact-startup","type":"registry:block","title":"Contact Startup","description":"Startup pitch form with funding stage selection, traction metrics, team size, and investor outreach details for founders","registryDependencies":["badge","button","input","label","radio-group","select","textarea"],"premium":true,"files":[{"path":"blocks/contact/contact-startup.tsx","type":"registry:block","target":"components/blocks/contact/contact-startup.tsx"}]},{"name":"contact-childcare","type":"registry:block","title":"Contact Childcare","description":"Childcare enrollment inquiry form with child age, program selection, schedule needs, and family information for daycare centers","registryDependencies":["button","checkbox","input","label","radio-group","select"],"premium":true,"files":[{"path":"blocks/contact/contact-childcare.tsx","type":"registry:block","target":"components/blocks/contact/contact-childcare.tsx"}]},{"name":"contact-catering","type":"registry:block","title":"Contact Catering","description":"Catering inquiry form with event type, guest count, menu preferences, and service style for food service businesses","dependencies":["lucide-react"],"registryDependencies":["button","checkbox","input","label","select","slider"],"premium":true,"files":[{"path":"blocks/contact/contact-catering.tsx","type":"registry:block","target":"components/blocks/contact/contact-catering.tsx"}]},{"name":"contact-influencer","type":"registry:block","title":"Contact Influencer","description":"Influencer collaboration request form with brand details, campaign scope, and content deliverables for marketing teams","registryDependencies":["button","input","label","select","textarea"],"premium":true,"files":[{"path":"blocks/contact/contact-influencer.tsx","type":"registry:block","target":"components/blocks/contact/contact-influencer.tsx"}]},{"name":"contact-sponsorship","type":"registry:block","title":"Contact Sponsorship","description":"Sponsorship request form with audience metrics, package selection, and partnership goals for creators","registryDependencies":["badge","button","input","label","radio-group","select","textarea"],"premium":true,"files":[{"path":"blocks/contact/contact-sponsorship.tsx","type":"registry:block","target":"components/blocks/contact/contact-sponsorship.tsx"}]},{"name":"contact-report","type":"registry:block","title":"Contact Report","description":"Issue reporting form with category selection, severity levels, and file attachment for bug tracking","dependencies":["lucide-react"],"registryDependencies":["badge","button","input","label","radio-group","select","textarea"],"premium":true,"files":[{"path":"blocks/contact/contact-report.tsx","type":"registry:block","target":"components/blocks/contact/contact-report.tsx"}]},{"name":"contact-form-map","type":"registry:block","title":"Contact Form Map","description":"Contact form with embedded map location showing office address and visual location reference alongside contact form fields","dependencies":["lucide-react"],"registryDependencies":["button","input","label","select","textarea"],"premium":true,"files":[{"path":"blocks/contact/contact-form-map.tsx","type":"registry:block","target":"components/blocks/contact/contact-form-map.tsx"}]},{"name":"contact-recruitment","type":"registry:block","title":"Contact Recruitment","description":"Recruitment agency inquiry form with hiring needs, position details, hire type selector, and budget range for staffing firms","registryDependencies":["button","input","label","radio-group","select","textarea"],"premium":true,"files":[{"path":"blocks/contact/contact-recruitment.tsx","type":"registry:block","target":"components/blocks/contact/contact-recruitment.tsx"}]},{"name":"contact-reservation","type":"registry:block","title":"Contact Reservation","description":"Restaurant reservation form with party size, date selection, and special occasion options for hospitality","dependencies":["lucide-react"],"registryDependencies":["badge","button","input","label","select","textarea"],"premium":true,"files":[{"path":"blocks/contact/contact-reservation.tsx","type":"registry:block","target":"components/blocks/contact/contact-reservation.tsx"}]},{"name":"contact-careers","type":"registry:block","title":"Contact Careers","description":"Job application contact form with resume upload, position selection, and availability for recruiting teams","dependencies":["lucide-react"],"registryDependencies":["button","input","label","select"],"premium":true,"files":[{"path":"blocks/contact/contact-careers.tsx","type":"registry:block","target":"components/blocks/contact/contact-careers.tsx"}]},{"name":"contact-translation","type":"registry:block","title":"Contact Translation","description":"Translation or localization request form with language pairs, document type, and turnaround options for language services","dependencies":["lucide-react"],"registryDependencies":["button","input","label","select","textarea"],"premium":true,"files":[{"path":"blocks/contact/contact-translation.tsx","type":"registry:block","target":"components/blocks/contact/contact-translation.tsx"}]},{"name":"contact-complaint","type":"registry:block","title":"Contact Complaint","description":"Customer complaint form with incident details, resolution expectations, and escalation options for service recovery","registryDependencies":["badge","button","checkbox","input","label","radio-group","select","textarea"],"premium":true,"files":[{"path":"blocks/contact/contact-complaint.tsx","type":"registry:block","target":"components/blocks/contact/contact-complaint.tsx"}]},{"name":"contact-minimal","type":"registry:block","title":"Contact Minimal","description":"Minimal contact form with essential fields in a clean, centered layout with subtle styling and focused design","registryDependencies":["button","input","label","textarea"],"premium":true,"files":[{"path":"blocks/contact/contact-minimal.tsx","type":"registry:block","target":"components/blocks/contact/contact-minimal.tsx"}]},{"name":"contact-moving","type":"registry:block","title":"Contact Moving","description":"Moving and relocation quote form with inventory assessment, service level selection, and scheduling for moving companies","dependencies":["lucide-react"],"registryDependencies":["button","input","label","select","textarea"],"premium":true,"files":[{"path":"blocks/contact/contact-moving.tsx","type":"registry:block","target":"components/blocks/contact/contact-moving.tsx"}]},{"name":"contact-photography","type":"registry:block","title":"Contact Photography","description":"Photography session booking form with shoot type, location preference, package selection, and styling options for photographers","dependencies":["lucide-react"],"registryDependencies":["button","input","label","select","textarea"],"premium":true,"files":[{"path":"blocks/contact/contact-photography.tsx","type":"registry:block","target":"components/blocks/contact/contact-photography.tsx"}]},{"name":"contact-internship","type":"registry:block","title":"Contact Internship","description":"Internship application form with major, availability, duration selector, and skills for university programs and companies","registryDependencies":["button","input","label","radio-group","select","textarea"],"premium":true,"files":[{"path":"blocks/contact/contact-internship.tsx","type":"registry:block","target":"components/blocks/contact/contact-internship.tsx"}]},{"name":"contact-image","type":"registry:block","title":"Contact Image","description":"Contact form with split-screen layout featuring form on left and full-height background image on right side","registryDependencies":["button","input","label","textarea"],"premium":true,"files":[{"path":"blocks/contact/contact-image.tsx","type":"registry:block","target":"components/blocks/contact/contact-image.tsx"}]},{"name":"contact-healthcare","type":"registry:block","title":"Contact Healthcare","description":"Healthcare appointment request form with symptoms, insurance details, and appointment type selection for medical practices","dependencies":["lucide-react"],"registryDependencies":["button","input","label","radio-group","select","textarea"],"premium":true,"files":[{"path":"blocks/contact/contact-healthcare.tsx","type":"registry:block","target":"components/blocks/contact/contact-healthcare.tsx"}]},{"name":"contact-coaching","type":"registry:block","title":"Contact Coaching","description":"Life and business coaching session booking form with goal selection, session format preferences, and availability for coaches and mentors","dependencies":["lucide-react"],"registryDependencies":["button","input","label","radio-group","select","textarea"],"premium":true,"files":[{"path":"blocks/contact/contact-coaching.tsx","type":"registry:block","target":"components/blocks/contact/contact-coaching.tsx"}]},{"name":"contact-card","type":"registry:block","title":"Contact Card","description":"Contact form with card layout featuring contact information, phone, email, and support ticket options alongside form fields","dependencies":["lucide-react"],"registryDependencies":["button","checkbox","input","label","textarea"],"premium":true,"files":[{"path":"blocks/contact/contact-card.tsx","type":"registry:block","target":"components/blocks/contact/contact-card.tsx"}]},{"name":"contact-course","type":"registry:block","title":"Contact Course","description":"Course enrollment form with program selection, payment plan options, and prerequisite verification for education","dependencies":["lucide-react"],"registryDependencies":["button","input","label","radio-group","select"],"premium":true,"files":[{"path":"blocks/contact/contact-course.tsx","type":"registry:block","target":"components/blocks/contact/contact-course.tsx"}]},{"name":"contact-multistep","type":"registry:block","title":"Contact Multistep","description":"Multi-step wizard contact form breaking long forms into digestible steps with progress indicator and navigation controls","registryDependencies":["button","input","label","progress","select","textarea"],"premium":true,"files":[{"path":"blocks/contact/contact-multistep.tsx","type":"registry:block","target":"components/blocks/contact/contact-multistep.tsx"}]},{"name":"contact-appraisal","type":"registry:block","title":"Contact Appraisal","description":"Property or item appraisal request form with asset type selection, value estimates, and service turnaround details for appraisers","registryDependencies":["button","input","label","select","textarea"],"premium":true,"files":[{"path":"blocks/contact/contact-appraisal.tsx","type":"registry:block","target":"components/blocks/contact/contact-appraisal.tsx"}]},{"name":"contact-dark-card","type":"registry:block","title":"Contact Dark Card","description":"Contact form with dark gradient card displaying contact information, social media links, and iconized contact methods","dependencies":["lucide-react"],"registryDependencies":["button","input","label","textarea"],"premium":true,"files":[{"path":"blocks/contact/contact-dark-card.tsx","type":"registry:block","target":"components/blocks/contact/contact-dark-card.tsx"}]},{"name":"contact-property","type":"registry:block","title":"Contact Property","description":"Property listing inquiry form with budget range, property type radio cards, bedroom preferences, and move-in timeline for real estate agents","registryDependencies":["button","input","label","radio-group","select","textarea"],"premium":true,"files":[{"path":"blocks/contact/contact-property.tsx","type":"registry:block","target":"components/blocks/contact/contact-property.tsx"}]},{"name":"contact-event","type":"registry:block","title":"Contact Event","description":"Event registration form with ticket selection, attendee details, and dietary preferences for conferences","dependencies":["lucide-react"],"registryDependencies":["button","input","label","radio-group","select"],"premium":true,"files":[{"path":"blocks/contact/contact-event.tsx","type":"registry:block","target":"components/blocks/contact/contact-event.tsx"}]},{"name":"contact-subscription","type":"registry:block","title":"Contact Subscription","description":"Subscription management form with current plan details, upgrade comparison, billing inquiries, and account changes for SaaS products","dependencies":["lucide-react"],"registryDependencies":["button","input","label","select","textarea"],"premium":true,"files":[{"path":"blocks/contact/contact-subscription.tsx","type":"registry:block","target":"components/blocks/contact/contact-subscription.tsx"}]},{"name":"contact-fitness","type":"registry:block","title":"Contact Fitness","description":"Fitness and personal training inquiry form with goal selection, experience level, availability, and training preferences for gyms and trainers","dependencies":["lucide-react"],"registryDependencies":["button","input","label","radio-group","select"],"premium":true,"files":[{"path":"blocks/contact/contact-fitness.tsx","type":"registry:block","target":"components/blocks/contact/contact-fitness.tsx"}]},{"name":"contact-tenant","type":"registry:block","title":"Contact Tenant","description":"Rental inquiry form with move-in date, lease terms, and household details for property managers","dependencies":["lucide-react"],"registryDependencies":["button","checkbox","input","label","select","textarea"],"premium":true,"files":[{"path":"blocks/contact/contact-tenant.tsx","type":"registry:block","target":"components/blocks/contact/contact-tenant.tsx"}]},{"name":"contact-grant","type":"registry:block","title":"Contact Grant","description":"Grant application form with project scope, funding amount slider, and timeline for nonprofit and research organizations","registryDependencies":["button","input","label","select","slider","textarea"],"premium":true,"files":[{"path":"blocks/contact/contact-grant.tsx","type":"registry:block","target":"components/blocks/contact/contact-grant.tsx"}]},{"name":"contact-newsletter","type":"registry:block","title":"Contact Newsletter","description":"Contact section with newsletter signup, social media links, and quick contact form in a multi-column layout","dependencies":["lucide-react"],"registryDependencies":["button","input","label"],"premium":true,"files":[{"path":"blocks/contact/contact-newsletter.tsx","type":"registry:block","target":"components/blocks/contact/contact-newsletter.tsx"}]},{"name":"contact-tax","type":"registry:block","title":"Contact Tax","description":"Tax service request form with filing type selection, financial situation details, and document checklist for accounting firms","registryDependencies":["button","input","label","radio-group","select","textarea"],"premium":true,"files":[{"path":"blocks/contact/contact-tax.tsx","type":"registry:block","target":"components/blocks/contact/contact-tax.tsx"}]},{"name":"contact-vendor","type":"registry:block","title":"Contact Vendor","description":"Vendor application form with business credentials, certifications, and service capabilities for procurement","dependencies":["lucide-react"],"registryDependencies":["button","checkbox","input","label","select","textarea"],"premium":true,"files":[{"path":"blocks/contact/contact-vendor.tsx","type":"registry:block","target":"components/blocks/contact/contact-vendor.tsx"}]},{"name":"contact-maintenance","type":"registry:block","title":"Contact Maintenance","description":"Maintenance request form with issue type, urgency level, and access instructions for property management","dependencies":["lucide-react"],"registryDependencies":["button","checkbox","input","label","select","textarea"],"premium":true,"files":[{"path":"blocks/contact/contact-maintenance.tsx","type":"registry:block","target":"components/blocks/contact/contact-maintenance.tsx"}]},{"name":"contact-donation","type":"registry:block","title":"Contact Donation","description":"Charitable donation form with preset amount buttons, custom input, donor information, and dedication option for nonprofits","dependencies":["lucide-react"],"registryDependencies":["button","input","label","select"],"premium":true,"files":[{"path":"blocks/contact/contact-donation.tsx","type":"registry:block","target":"components/blocks/contact/contact-donation.tsx"}]},{"name":"contact-upload","type":"registry:block","title":"Contact Upload","description":"Contact form with file upload support for attachments, allowing users to send documents, images, or files with their inquiries","dependencies":["lucide-react"],"registryDependencies":["button","input","label","textarea"],"premium":true,"files":[{"path":"blocks/contact/contact-upload.tsx","type":"registry:block","target":"components/blocks/contact/contact-upload.tsx"}]},{"name":"contact-homecare","type":"registry:block","title":"Contact Homecare","description":"Home care services inquiry form with care level selection, schedule preferences, and patient details for home health agencies","dependencies":["lucide-react"],"registryDependencies":["button","input","label","radio-group","select","textarea"],"premium":true,"files":[{"path":"blocks/contact/contact-homecare.tsx","type":"registry:block","target":"components/blocks/contact/contact-homecare.tsx"}]},{"name":"contact-quote","type":"registry:block","title":"Contact Quote","description":"Quote request form with project type selection and budget slider for service-based businesses","dependencies":["lucide-react"],"registryDependencies":["button","input","label","select","slider","textarea"],"premium":true,"files":[{"path":"blocks/contact/contact-quote.tsx","type":"registry:block","target":"components/blocks/contact/contact-quote.tsx"}]},{"name":"contact-podcast","type":"registry:block","title":"Contact Podcast","description":"Podcast guest application form with topic pitch, audience reach, speaking experience, and show metrics for podcast hosts","registryDependencies":["button","input","label","select","textarea"],"premium":true,"files":[{"path":"blocks/contact/contact-podcast.tsx","type":"registry:block","target":"components/blocks/contact/contact-podcast.tsx"}]},{"name":"contact-insurance","type":"registry:block","title":"Contact Insurance","description":"Insurance quote request form with coverage type, policy details, risk assessment, and personalized rate factors for insurance providers","dependencies":["lucide-react"],"registryDependencies":["button","input","label","select","slider"],"premium":true,"files":[{"path":"blocks/contact/contact-insurance.tsx","type":"registry:block","target":"components/blocks/contact/contact-insurance.tsx"}]},{"name":"contact-faq","type":"registry:block","title":"Contact Faq","description":"Contact form with integrated FAQ accordion helping users find answers before reaching out","dependencies":["lucide-react"],"registryDependencies":["accordion","button","input","label","textarea"],"premium":true,"files":[{"path":"blocks/contact/contact-faq.tsx","type":"registry:block","target":"components/blocks/contact/contact-faq.tsx"}]},{"name":"contact-cancellation","type":"registry:block","title":"Contact Cancellation","description":"Subscription cancellation form with reason selection, retention offers, and feedback collection for churn reduction","dependencies":["lucide-react"],"registryDependencies":["button","checkbox","label","radio-group","textarea"],"premium":true,"files":[{"path":"blocks/contact/contact-cancellation.tsx","type":"registry:block","target":"components/blocks/contact/contact-cancellation.tsx"}]},{"name":"contact-coworking","type":"registry:block","title":"Contact Coworking","description":"Coworking space tour and membership inquiry form with desk preferences, meeting room needs, and community details for shared workspaces","registryDependencies":["button","input","label","select","textarea"],"premium":true,"files":[{"path":"blocks/contact/contact-coworking.tsx","type":"registry:block","target":"components/blocks/contact/contact-coworking.tsx"}]},{"name":"contact-custom-order","type":"registry:block","title":"Contact Custom Order","description":"Custom product order form with material selection, quantity input, and timeline urgency indicator for manufacturers and artisans","registryDependencies":["button","input","label","select","textarea"],"premium":true,"files":[{"path":"blocks/contact/contact-custom-order.tsx","type":"registry:block","target":"components/blocks/contact/contact-custom-order.tsx"}]},{"name":"contact-legal","type":"registry:block","title":"Contact Legal","description":"Legal consultation request form with practice area selection, case urgency, and confidential intake for law firms and attorneys","dependencies":["lucide-react"],"registryDependencies":["alert","button","input","label","select","textarea"],"premium":true,"files":[{"path":"blocks/contact/contact-legal.tsx","type":"registry:block","target":"components/blocks/contact/contact-legal.tsx"}]},{"name":"contact-retreat","type":"registry:block","title":"Contact Retreat","description":"Retreat or workshop registration form with session selection, accommodation options, and dietary needs for event organizers","registryDependencies":["badge","button","input","label","radio-group","select","textarea"],"premium":true,"files":[{"path":"blocks/contact/contact-retreat.tsx","type":"registry:block","target":"components/blocks/contact/contact-retreat.tsx"}]},{"name":"contact-gifting","type":"registry:block","title":"Contact Gifting","description":"Corporate gifting inquiry form with recipient count, budget range, and branding options for gift service providers","registryDependencies":["button","input","label","select","textarea"],"premium":true,"files":[{"path":"blocks/contact/contact-gifting.tsx","type":"registry:block","target":"components/blocks/contact/contact-gifting.tsx"}]},{"name":"contact-delivery","type":"registry:block","title":"Contact Delivery","description":"Delivery service booking form with package dimensions, weight, pickup and dropoff addresses, and package size radio card selector","dependencies":["lucide-react"],"registryDependencies":["button","input","label","select","textarea"],"premium":true,"files":[{"path":"blocks/contact/contact-delivery.tsx","type":"registry:block","target":"components/blocks/contact/contact-delivery.tsx"}]},{"name":"contact-travel","type":"registry:block","title":"Contact Travel","description":"Travel planning request form with destination selection, trip type radio cards, travel dates, and group size for tour operators","dependencies":["lucide-react"],"registryDependencies":["button","input","label","select","textarea"],"premium":true,"files":[{"path":"blocks/contact/contact-travel.tsx","type":"registry:block","target":"components/blocks/contact/contact-travel.tsx"}]},{"name":"contact-rsvp","type":"registry:block","title":"Contact Rsvp","description":"Event RSVP form with attendance confirmation, guest count, meal selection, and dietary notes for event planning","registryDependencies":["button","input","label","radio-group","select","textarea"],"premium":true,"files":[{"path":"blocks/contact/contact-rsvp.tsx","type":"registry:block","target":"components/blocks/contact/contact-rsvp.tsx"}]},{"name":"contact-survey","type":"registry:block","title":"Contact Survey","description":"Research survey participation form with demographic details, availability, study stats, and compensation info for research teams","registryDependencies":["button","checkbox","input","label","select","textarea"],"premium":true,"files":[{"path":"blocks/contact/contact-survey.tsx","type":"registry:block","target":"components/blocks/contact/contact-survey.tsx"}]},{"name":"contact-order","type":"registry:block","title":"Contact Order","description":"Custom order request form with product specifications, quantity, and delivery preferences for e-commerce","dependencies":["lucide-react"],"registryDependencies":["button","input","label","select","textarea"],"premium":true,"files":[{"path":"blocks/contact/contact-order.tsx","type":"registry:block","target":"components/blocks/contact/contact-order.tsx"}]},{"name":"contact-testimonial","type":"registry:block","title":"Contact Testimonial","description":"Testimonial submission form with rating, photo upload option, and review details for social proof collection","dependencies":["lucide-react"],"registryDependencies":["button","checkbox","input","label","textarea"],"premium":true,"files":[{"path":"blocks/contact/contact-testimonial.tsx","type":"registry:block","target":"components/blocks/contact/contact-testimonial.tsx"}]},{"name":"contact-waitlist","type":"registry:block","title":"Contact Waitlist","description":"Waitlist signup form with position counter, referral program, and feature interest for product launches","dependencies":["lucide-react"],"registryDependencies":["button","checkbox","input","label"],"premium":true,"files":[{"path":"blocks/contact/contact-waitlist.tsx","type":"registry:block","target":"components/blocks/contact/contact-waitlist.tsx"}]},{"name":"contact-interview","type":"registry:block","title":"Contact Interview","description":"Interview scheduling form with role selection, availability windows, and interviewer preferences for HR teams","dependencies":["lucide-react"],"registryDependencies":["button","checkbox","input","label","select"],"premium":true,"files":[{"path":"blocks/contact/contact-interview.tsx","type":"registry:block","target":"components/blocks/contact/contact-interview.tsx"}]},{"name":"contact-sales","type":"registry:block","title":"Contact Sales","description":"Sales inquiry contact form with company details, budget selection, and timeline for B2B lead generation","registryDependencies":["button","input","label","select","textarea"],"premium":true,"files":[{"path":"blocks/contact/contact-sales.tsx","type":"registry:block","target":"components/blocks/contact/contact-sales.tsx"}]},{"name":"contact-support","type":"registry:block","title":"Contact Support","description":"Contact support section with multiple contact methods including live chat, email, phone, and help center links","dependencies":["lucide-react"],"registryDependencies":["button","input","label","select","textarea"],"premium":true,"files":[{"path":"blocks/contact/contact-support.tsx","type":"registry:block","target":"components/blocks/contact/contact-support.tsx"}]},{"name":"contact-wedding","type":"registry:block","title":"Contact Wedding","description":"Wedding planning inquiry form with venue preferences, guest count, style selection, and vendor package options for wedding professionals","dependencies":["lucide-react"],"registryDependencies":["button","input","label","radio-group","select"],"premium":true,"files":[{"path":"blocks/contact/contact-wedding.tsx","type":"registry:block","target":"components/blocks/contact/contact-wedding.tsx"}]},{"name":"contact-demo","type":"registry:block","title":"Contact Demo","description":"Product demo request form with use case selection and team size for SaaS lead qualification","dependencies":["lucide-react"],"registryDependencies":["button","input","label","radio-group","select"],"premium":true,"files":[{"path":"blocks/contact/contact-demo.tsx","type":"registry:block","target":"components/blocks/contact/contact-demo.tsx"}]},{"name":"contact-landlord","type":"registry:block","title":"Contact Landlord","description":"Tenant-to-landlord issue report form with unit selection, urgency radio cards, issue category, and photo upload option for property management","dependencies":["lucide-react"],"registryDependencies":["button","input","label","select","textarea"],"premium":true,"files":[{"path":"blocks/contact/contact-landlord.tsx","type":"registry:block","target":"components/blocks/contact/contact-landlord.tsx"}]},{"name":"contact-pet","type":"registry:block","title":"Contact Pet","description":"Pet service booking form with pet details, service selection, and special care instructions for pet businesses","dependencies":["lucide-react"],"registryDependencies":["button","input","label","select","textarea"],"premium":true,"files":[{"path":"blocks/contact/contact-pet.tsx","type":"registry:block","target":"components/blocks/contact/contact-pet.tsx"}]},{"name":"contact-membership","type":"registry:block","title":"Contact Membership","description":"Membership signup form with tier selection, billing cycle options, and member benefits for subscription businesses","dependencies":["lucide-react"],"registryDependencies":["badge","button","input","label"],"premium":true,"files":[{"path":"blocks/contact/contact-membership.tsx","type":"registry:block","target":"components/blocks/contact/contact-membership.tsx"}]},{"name":"contact-spa","type":"registry:block","title":"Contact Spa","description":"Spa and wellness booking form with service type selection, therapist preferences, and scheduling options for wellness businesses","registryDependencies":["button","input","label","radio-group","select","textarea"],"premium":true,"files":[{"path":"blocks/contact/contact-spa.tsx","type":"registry:block","target":"components/blocks/contact/contact-spa.tsx"}]},{"name":"contact-guest","type":"registry:block","title":"Contact Guest","description":"Guest registration form with visitor details, host selection, and check-in requirements for office buildings","dependencies":["lucide-react"],"registryDependencies":["button","checkbox","input","label","select"],"premium":true,"files":[{"path":"blocks/contact/contact-guest.tsx","type":"registry:block","target":"components/blocks/contact/contact-guest.tsx"}]},{"name":"contact-loan","type":"registry:block","title":"Contact Loan","description":"Loan application form with amount selection, purpose, income details, and credit consent for financial services","dependencies":["lucide-react"],"registryDependencies":["button","input","label","select","slider"],"premium":true,"files":[{"path":"blocks/contact/contact-loan.tsx","type":"registry:block","target":"components/blocks/contact/contact-loan.tsx"}]},{"name":"contact-garage","type":"registry:block","title":"Contact Garage","description":"Auto repair service request form with vehicle details, service type, mileage, and urgency indicator for automotive shops","dependencies":["lucide-react"],"registryDependencies":["button","input","label","select","textarea"],"premium":true,"files":[{"path":"blocks/contact/contact-garage.tsx","type":"registry:block","target":"components/blocks/contact/contact-garage.tsx"}]},{"name":"contact-feedback","type":"registry:block","title":"Contact Feedback","description":"Feedback form with rating selection and category tags for collecting user opinions and product suggestions","dependencies":["lucide-react"],"registryDependencies":["button","input","label","textarea","toggle-group"],"premium":true,"files":[{"path":"blocks/contact/contact-feedback.tsx","type":"registry:block","target":"components/blocks/contact/contact-feedback.tsx"}]},{"name":"contact-investment","type":"registry:block","title":"Contact Investment","description":"Investment inquiry form with portfolio size, risk tolerance, and financial goals for wealth management and advisory firms","registryDependencies":["button","input","label","select","textarea"],"premium":true,"files":[{"path":"blocks/contact/contact-investment.tsx","type":"registry:block","target":"components/blocks/contact/contact-investment.tsx"}]},{"name":"contact-consultation","type":"registry:block","title":"Contact Consultation","description":"Consultation booking form with service selection, duration picker, and brief intake for professional services","registryDependencies":["badge","button","input","label","radio-group","textarea"],"premium":true,"files":[{"path":"blocks/contact/contact-consultation.tsx","type":"registry:block","target":"components/blocks/contact/contact-consultation.tsx"}]},{"name":"contact-affiliate","type":"registry:block","title":"Contact Affiliate","description":"Affiliate program application form with platform details, audience metrics, and promotion methods for partnership teams","registryDependencies":["button","checkbox","input","label","select","textarea"],"premium":true,"files":[{"path":"blocks/contact/contact-affiliate.tsx","type":"registry:block","target":"components/blocks/contact/contact-affiliate.tsx"}]},{"name":"contact-relocation","type":"registry:block","title":"Contact Relocation","description":"Relocation services inquiry form with origin and destination countries, family size, timeline, and service needs for relocation agencies","registryDependencies":["button","input","label","select","textarea"],"premium":true,"files":[{"path":"blocks/contact/contact-relocation.tsx","type":"registry:block","target":"components/blocks/contact/contact-relocation.tsx"}]},{"name":"contact-nonprofit","type":"registry:block","title":"Contact Nonprofit","description":"Nonprofit inquiry form with mission area selection, support type, and organization details for charities and foundations","registryDependencies":["button","input","label","radio-group","select","textarea"],"premium":true,"files":[{"path":"blocks/contact/contact-nonprofit.tsx","type":"registry:block","target":"components/blocks/contact/contact-nonprofit.tsx"}]},{"name":"contact-callback","type":"registry:block","title":"Contact Callback","description":"Contact form with callback request scheduler allowing users to select preferred date and time for phone consultation","registryDependencies":["button","input","label","select"],"premium":true,"files":[{"path":"blocks/contact/contact-callback.tsx","type":"registry:block","target":"components/blocks/contact/contact-callback.tsx"}]},{"name":"contact-fundraiser","type":"registry:block","title":"Contact Fundraiser","description":"Fundraising campaign inquiry form with goal display, timeline selection, campaign type, and donor outreach preferences for nonprofits","dependencies":["lucide-react"],"registryDependencies":["button","input","label","select","textarea"],"premium":true,"files":[{"path":"blocks/contact/contact-fundraiser.tsx","type":"registry:block","target":"components/blocks/contact/contact-fundraiser.tsx"}]},{"name":"contact-patient","type":"registry:block","title":"Contact Patient","description":"Patient intake form with symptoms description, insurance details, medical history, and visit reason selector for healthcare providers","registryDependencies":["button","input","label","radio-group","select","textarea"],"premium":true,"files":[{"path":"blocks/contact/contact-patient.tsx","type":"registry:block","target":"components/blocks/contact/contact-patient.tsx"}]},{"name":"contact-booking","type":"registry:block","title":"Contact Booking","description":"Service booking form with provider selection, appointment type, and date preferences for service businesses","dependencies":["lucide-react"],"registryDependencies":["avatar","button","input","label","select"],"premium":true,"files":[{"path":"blocks/contact/contact-booking.tsx","type":"registry:block","target":"components/blocks/contact/contact-booking.tsx"}]},{"name":"contact-school","type":"registry:block","title":"Contact School","description":"School enrollment inquiry form with grade level selection, program preferences, and parent contact details for educational institutions","registryDependencies":["button","input","label","radio-group","select","textarea"],"premium":true,"files":[{"path":"blocks/contact/contact-school.tsx","type":"registry:block","target":"components/blocks/contact/contact-school.tsx"}]},{"name":"contact-scholarship","type":"registry:block","title":"Contact Scholarship","description":"Scholarship application form with academic information, essay prompt, and eligibility criteria for educational institutions","registryDependencies":["button","input","label","select","textarea"],"premium":true,"files":[{"path":"blocks/contact/contact-scholarship.tsx","type":"registry:block","target":"components/blocks/contact/contact-scholarship.tsx"}]},{"name":"contact-mentorship","type":"registry:block","title":"Contact Mentorship","description":"Mentorship program application form with goals, experience level, and focus area selection for professional development platforms","registryDependencies":["button","checkbox","input","label","select","textarea"],"premium":true,"files":[{"path":"blocks/contact/contact-mentorship.tsx","type":"registry:block","target":"components/blocks/contact/contact-mentorship.tsx"}]},{"name":"contact-team","type":"registry:block","title":"Contact Team","description":"Contact section with team member cards showing staff photos, roles, and individual contact buttons","dependencies":["lucide-react"],"registryDependencies":["avatar","button","input","label","select","textarea"],"premium":true,"files":[{"path":"blocks/contact/contact-team.tsx","type":"registry:block","target":"components/blocks/contact/contact-team.tsx"}]},{"name":"contact-partnership","type":"registry:block","title":"Contact Partnership","description":"Partnership inquiry form with collaboration type selection and company details for B2B opportunities","registryDependencies":["button","input","label","radio-group","textarea"],"premium":true,"files":[{"path":"blocks/contact/contact-partnership.tsx","type":"registry:block","target":"components/blocks/contact/contact-partnership.tsx"}]},{"name":"contact-audit","type":"registry:block","title":"Contact Audit","description":"Business and website audit request form with scope checkboxes, industry selection, and goal description for consulting agencies","dependencies":["lucide-react"],"registryDependencies":["button","checkbox","input","label","select","textarea"],"premium":true,"files":[{"path":"blocks/contact/contact-audit.tsx","type":"registry:block","target":"components/blocks/contact/contact-audit.tsx"}]},{"name":"contact-warranty","type":"registry:block","title":"Contact Warranty","description":"Warranty claim form with product registration, issue description, and proof of purchase for support teams","dependencies":["lucide-react"],"registryDependencies":["button","checkbox","input","label","select","textarea"],"premium":true,"files":[{"path":"blocks/contact/contact-warranty.tsx","type":"registry:block","target":"components/blocks/contact/contact-warranty.tsx"}]},{"name":"contact-locations","type":"registry:block","title":"Contact Locations","description":"Contact section displaying multiple office locations with address cards, maps, and local contact information","dependencies":["lucide-react"],"registryDependencies":["badge","button","input","label","textarea"],"premium":true,"files":[{"path":"blocks/contact/contact-locations.tsx","type":"registry:block","target":"components/blocks/contact/contact-locations.tsx"}]},{"name":"contact-speaker","type":"registry:block","title":"Contact Speaker","description":"Speaker booking request form with event details, talk format selection, audience size, and budget range for conference organizers","registryDependencies":["button","input","label","radio-group","select","textarea"],"premium":true,"files":[{"path":"blocks/contact/contact-speaker.tsx","type":"registry:block","target":"components/blocks/contact/contact-speaker.tsx"}]},{"name":"contact-hero","type":"registry:block","title":"Contact Hero","description":"Full-screen contact hero section with background image overlay displaying address, email, phone, and contact person information","dependencies":["lucide-react"],"registryDependencies":["button","input","label","textarea"],"premium":true,"files":[{"path":"blocks/contact/contact-hero.tsx","type":"registry:block","target":"components/blocks/contact/contact-hero.tsx"}]},{"name":"contact-freelancer","type":"registry:block","title":"Contact Freelancer","description":"Hire a freelancer form with project scope, timeline, budget range, and hourly rate display for freelance marketplaces","dependencies":["lucide-react"],"registryDependencies":["button","input","label","select","textarea"],"premium":true,"files":[{"path":"blocks/contact/contact-freelancer.tsx","type":"registry:block","target":"components/blocks/contact/contact-freelancer.tsx"}]},{"name":"contact-beta","type":"registry:block","title":"Contact Beta","description":"Beta tester application form with device info, testing experience, and feedback commitment for product teams","registryDependencies":["button","checkbox","input","label","select","textarea"],"premium":true,"files":[{"path":"blocks/contact/contact-beta.tsx","type":"registry:block","target":"components/blocks/contact/contact-beta.tsx"}]},{"name":"contact-referral","type":"registry:block","title":"Contact Referral","description":"Referral submission form with referee details and relationship context for customer referral programs","dependencies":["lucide-react"],"registryDependencies":["button","input","label","select","textarea"],"premium":true,"files":[{"path":"blocks/contact/contact-referral.tsx","type":"registry:block","target":"components/blocks/contact/contact-referral.tsx"}]},{"name":"contact-schedule","type":"registry:block","title":"Contact Schedule","description":"Meeting scheduler with visual day selection and time slots for booking consultations or demos","registryDependencies":["avatar","button","input","label"],"premium":true,"files":[{"path":"blocks/contact/contact-schedule.tsx","type":"registry:block","target":"components/blocks/contact/contact-schedule.tsx"}]},{"name":"contact-rental","type":"registry:block","title":"Contact Rental","description":"Equipment rental inquiry form with date selection, delivery options, and tiered duration pricing for rental businesses","dependencies":["lucide-react"],"registryDependencies":["button","checkbox","input","label","select","textarea"],"premium":true,"files":[{"path":"blocks/contact/contact-rental.tsx","type":"registry:block","target":"components/blocks/contact/contact-rental.tsx"}]},{"name":"contact-realestate","type":"registry:block","title":"Contact Realestate","description":"Real estate showing request form with property preferences, stat bar, budget range, and move-in timeline for realtors and brokerages","dependencies":["lucide-react"],"registryDependencies":["button","input","label","select","textarea"],"premium":true,"files":[{"path":"blocks/contact/contact-realestate.tsx","type":"registry:block","target":"components/blocks/contact/contact-realestate.tsx"}]},{"name":"contact-franchise","type":"registry:block","title":"Contact Franchise","description":"Franchise inquiry form with investment range selector, territory preference, stat bar overview, and business experience details","dependencies":["lucide-react"],"registryDependencies":["button","input","label","select","textarea"],"premium":true,"files":[{"path":"blocks/contact/contact-franchise.tsx","type":"registry:block","target":"components/blocks/contact/contact-franchise.tsx"}]},{"name":"contact-tutoring","type":"registry:block","title":"Contact Tutoring","description":"Tutoring session request form with subject selection, grade level, learning goals, and scheduling preferences for education services","dependencies":["lucide-react"],"registryDependencies":["button","checkbox","input","label","select","textarea"],"premium":true,"files":[{"path":"blocks/contact/contact-tutoring.tsx","type":"registry:block","target":"components/blocks/contact/contact-tutoring.tsx"}]},{"name":"contact-adoption","type":"registry:block","title":"Contact Adoption","description":"Pet adoption application form with animal type preferences, living situation details, and experience level for shelters and rescues","dependencies":["lucide-react"],"registryDependencies":["button","input","label","radio-group","select","textarea"],"premium":true,"files":[{"path":"blocks/contact/contact-adoption.tsx","type":"registry:block","target":"components/blocks/contact/contact-adoption.tsx"}]},{"name":"onboarding-plan-selection","type":"registry:block","title":"Onboarding Plan Selection","description":"React and Next.js plan selection onboarding block with TypeScript, animated NumberFlow prices, selectable tiers, shadcn/ui components, and Tailwind CSS for subscription flows.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-plan-selection.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-plan-selection.tsx"}]},{"name":"onboarding-milestone-targets","type":"registry:block","title":"Onboarding Milestone Targets","description":"A milestone targets onboarding block for React and Next.js with 30, 60, and 90 day milestone inputs, metric select dropdowns, and timeline visual built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","select"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-milestone-targets.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-milestone-targets.tsx"}]},{"name":"onboarding-guided-walkthrough","type":"registry:block","title":"Onboarding Guided Walkthrough","description":"Guided walkthrough onboarding block for React and Next.js with numbered steps, spotlight dashed border highlight area, step navigation, and progress dot indicators using shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-guided-walkthrough.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-guided-walkthrough.tsx"}]},{"name":"onboarding-permissions-setup","type":"registry:block","title":"Onboarding Permissions Setup","description":"React and Next.js permissions configuration onboarding block with TypeScript, expandable role rows, member counts, shadcn/ui checkboxes, and Tailwind CSS for RBAC setup.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","checkbox"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-permissions-setup.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-permissions-setup.tsx"}]},{"name":"onboarding-branch-strategy","type":"registry:block","title":"Onboarding Branch Strategy","description":"Git branch strategy selection onboarding for React and Next.js with three strategy options, diagram descriptions, pros lists, and single-select ring highlight. Built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-branch-strategy.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-branch-strategy.tsx"}]},{"name":"onboarding-webhook-setup","type":"registry:block","title":"Onboarding Webhook Setup","description":"A React and Next.js webhook configuration onboarding block with URL input, event type selector, test delivery button with status indicators, and test log display built with TypeScript, shadcn/ui, and Tailwind CSS for API integration setup.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","select"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-webhook-setup.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-webhook-setup.tsx"}]},{"name":"onboarding-accessibility-settings","type":"registry:block","title":"Onboarding Accessibility Settings","description":"React accessibility preferences onboarding block with five toggle switches, icon labels, and apply action. Built with Next.js, shadcn/ui Switch and Button components, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","switch"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-accessibility-settings.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-accessibility-settings.tsx"}]},{"name":"onboarding-budget-allocation","type":"registry:block","title":"Onboarding Budget Allocation","description":"A React budget allocation onboarding block for Next.js with NumberFlow animated total, category rows with progress bars, and set budgets action. Built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","progress"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-budget-allocation.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-budget-allocation.tsx"}]},{"name":"onboarding-email-signature","type":"registry:block","title":"Onboarding Email Signature","description":"A React email signature setup onboarding block with live preview, input fields for name/title/company, and save action. Built with Next.js, TypeScript, shadcn/ui, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-email-signature.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-email-signature.tsx"}]},{"name":"onboarding-profile-setup","type":"registry:block","title":"Onboarding Profile Setup","description":"Profile setup onboarding with avatar placeholder, form inputs, character counter, and submit action for React and Next.js apps built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","textarea"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-profile-setup.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-profile-setup.tsx"}]},{"name":"onboarding-environment-setup","type":"registry:block","title":"Onboarding Environment Setup","description":"A React development environment configuration onboarding block with three environment rows, colored status dots, URL inputs, and create action. Built with Next.js, TypeScript, shadcn/ui, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-environment-setup.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-environment-setup.tsx"}]},{"name":"onboarding-mobile-app-download","type":"registry:block","title":"Onboarding Mobile App Download","description":"A mobile app download onboarding block for React and Next.js with App Store and Google Play buttons, QR code placeholder, and skip option built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-mobile-app-download.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-mobile-app-download.tsx"}]},{"name":"onboarding-contact-import","type":"registry:block","title":"Onboarding Contact Import","description":"A contact import onboarding block for React and Next.js with CSV upload, Google Contacts, Salesforce integration, progress bar, and result count using shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","progress"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-contact-import.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-contact-import.tsx"}]},{"name":"onboarding-calendar-sync","type":"registry:block","title":"Onboarding Calendar Sync","description":"A React calendar sync onboarding block for Next.js with Google, Outlook, and Apple Calendar connection rows and sync action. Built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-calendar-sync.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-calendar-sync.tsx"}]},{"name":"onboarding-password-strength","type":"registry:block","title":"Onboarding Password Strength","description":"React and Next.js password creation onboarding block with TypeScript, animated strength meter, real-time requirement checks, shadcn/ui inputs, and Tailwind CSS for secure credential setup.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-password-strength.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-password-strength.tsx"}]},{"name":"onboarding-status-page","type":"registry:block","title":"Onboarding Status Page","description":"A status page configuration onboarding block for React and Next.js with domain input, service component rows, status selectors, and publish button. Built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","select"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-status-page.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-status-page.tsx"}]},{"name":"onboarding-team-invite","type":"registry:block","title":"Onboarding Team Invite","description":"Team invitation onboarding block for React and Next.js with email input, member list, pending badges, and send action built with TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","input"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-team-invite.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-team-invite.tsx"}]},{"name":"onboarding-certification","type":"registry:block","title":"Onboarding Certification","description":"A React certification enrollment block with three skill tiers and selection states. Built with Next.js, TypeScript, shadcn/ui Badge and Button, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-certification.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-certification.tsx"}]},{"name":"onboarding-terms-consent","type":"registry:block","title":"Onboarding Terms Consent","description":"Terms acceptance onboarding block for React and Next.js with consent checkboxes, read links, and conditional agree button built with TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","checkbox"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-terms-consent.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-terms-consent.tsx"}]},{"name":"onboarding-mentor-match","type":"registry:block","title":"Onboarding Mentor Match","description":"Mentor preference selector with profile reveal for React and Next.js. Features industry, role, and random matching options. Built with TypeScript, shadcn/ui, Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","button"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-mentor-match.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-mentor-match.tsx"}]},{"name":"onboarding-welcome","type":"registry:block","title":"Onboarding Welcome","description":"A React and Next.js welcome screen onboarding block featuring greeting header, feature highlights with status indicators, and get started CTA built with TypeScript, shadcn/ui, and Tailwind CSS for new user activation.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-welcome.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-welcome.tsx"}]},{"name":"onboarding-workflow-builder","type":"registry:block","title":"Onboarding Workflow Builder","description":"A React and Next.js workflow builder onboarding block with connected vertical steps, trigger/condition/action flow, expandable step rows, and activation button built with TypeScript, shadcn/ui, and Tailwind CSS for automation setup.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-workflow-builder.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-workflow-builder.tsx"}]},{"name":"onboarding-role-selection","type":"registry:block","title":"Onboarding Role Selection","description":"A React onboarding role picker with five selectable role options, icon and description per role, single-select dot indicator with ring highlight, and disabled continue button built with Next.js, TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-role-selection.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-role-selection.tsx"}]},{"name":"onboarding-payment-method","type":"registry:block","title":"Onboarding Payment Method","description":"React and Next.js payment method onboarding block with TypeScript, masked card inputs, AnimatePresence transitions, shadcn/ui components, and Tailwind CSS for billing setup flows.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-payment-method.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-payment-method.tsx"}]},{"name":"onboarding-email-domain","type":"registry:block","title":"Onboarding Email Domain","description":"A React email domain verification onboarding block for Next.js with SPF, DKIM, and DMARC DNS records. Built with TypeScript, shadcn/ui Button and Input, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-email-domain.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-email-domain.tsx"}]},{"name":"onboarding-use-case","type":"registry:block","title":"Onboarding Use Case","description":"A use case selection component for React and Next.js with single-select rows, icon indicators, dot selection state, and continue button built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-use-case.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-use-case.tsx"}]},{"name":"onboarding-backup-config","type":"registry:block","title":"Onboarding Backup Config","description":"Backup configuration onboarding for React and Next.js with frequency select, retention period select, auto-backup toggle switch, and last backup timestamp. Built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","select","switch"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-backup-config.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-backup-config.tsx"}]},{"name":"onboarding-keyboard-shortcuts","type":"registry:block","title":"Onboarding Keyboard Shortcuts","description":"A keyboard shortcuts learning onboarding component for React and Next.js with Kbd key combinations, table layout, and dismiss action built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","kbd"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-keyboard-shortcuts.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-keyboard-shortcuts.tsx"}]},{"name":"onboarding-progress","type":"registry:block","title":"Onboarding Progress","description":"Progress dashboard onboarding with animated progress bar, step checklist, and continue action for React and Next.js apps built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-progress.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-progress.tsx"}]},{"name":"onboarding-tag-creation","type":"registry:block","title":"Onboarding Tag Creation","description":"Tag creation onboarding block for React and Next.js with dynamic input, removable badges, and live count built with TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","input"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-tag-creation.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-tag-creation.tsx"}]},{"name":"onboarding-content-personalization","type":"registry:block","title":"Onboarding Content Personalization","description":"A content preference personalization block for React and Next.js with toggleable topic chips, selection counter, and validation using shadcn/ui and Tailwind CSS","dependencies":["framer-motion"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-content-personalization.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-content-personalization.tsx"}]},{"name":"onboarding-success-metrics","type":"registry:block","title":"Onboarding Success Metrics","description":"A success metrics definition onboarding block for React and Next.js with multi-select KPI options, checkbox indicators, and goal-setting CTA. Built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-success-metrics.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-success-metrics.tsx"}]},{"name":"onboarding-goal-setting","type":"registry:block","title":"Onboarding Goal Setting","description":"Goal selection onboarding block for React and Next.js with single-select goal rows, icon indicators, dynamic description reveal, and continue action using shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-goal-setting.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-goal-setting.tsx"}]},{"name":"onboarding-demo-booking","type":"registry:block","title":"Onboarding Demo Booking","description":"A React demo booking onboarding block for Next.js with time slot selection, contact form, and skip option. Built with TypeScript, shadcn/ui Input and Button, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-demo-booking.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-demo-booking.tsx"}]},{"name":"onboarding-notification-permissions","type":"registry:block","title":"Onboarding Notification Permissions","description":"A notification preferences onboarding block for React and Next.js with four channel toggles, switch controls, and save preferences CTA built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","switch"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-notification-permissions.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-notification-permissions.tsx"}]},{"name":"onboarding-support-tier","type":"registry:block","title":"Onboarding Support Tier","description":"A support tier selection onboarding block for React and Next.js with three pricing tiers, animated NumberFlow prices, response time labels, and feature lists. Built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-support-tier.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-support-tier.tsx"}]},{"name":"onboarding-help-center","type":"registry:block","title":"Onboarding Help Center","description":"A help resources onboarding component for React and Next.js with documentation, video tutorials, community forum, and support links built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-help-center.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-help-center.tsx"}]},{"name":"onboarding-template-selection","type":"registry:block","title":"Onboarding Template Selection","description":"Template picker onboarding block for React and Next.js with selectable rows, ring state indicators, and start button built with TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-template-selection.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-template-selection.tsx"}]},{"name":"onboarding-avatar-upload","type":"registry:block","title":"Onboarding Avatar Upload","description":"Avatar upload onboarding for React and Next.js with circle placeholder showing user initials, upload and remove photo buttons, AnimatePresence transitions, and save action. Built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-avatar-upload.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-avatar-upload.tsx"}]},{"name":"onboarding-domain-setup","type":"registry:block","title":"Onboarding Domain Setup","description":"A React custom domain onboarding block for Next.js with DNS verification, live URL preview, and status indicators. Built with TypeScript, shadcn/ui Button and Input, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-domain-setup.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-domain-setup.tsx"}]},{"name":"onboarding-department-setup","type":"registry:block","title":"Onboarding Department Setup","description":"A React department setup onboarding block for Next.js with add/edit/delete actions and member count badges. Built with TypeScript, shadcn/ui Badge, Button, and Input, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","input"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-department-setup.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-department-setup.tsx"}]},{"name":"onboarding-email-verification","type":"registry:block","title":"Onboarding Email Verification","description":"A React email verification onboarding block with 6-digit OTP input, masked email display, resend countdown, and success state transition. Built with Next.js, TypeScript, shadcn/ui, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input-otp"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-email-verification.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-email-verification.tsx"}]},{"name":"onboarding-tour","type":"registry:block","title":"Onboarding Tour","description":"An interactive product tour component for React and Next.js with step navigation, highlight simulation, dot progress indicators, and AnimatePresence transitions built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-tour.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-tour.tsx"}]},{"name":"onboarding-timezone-setup","type":"registry:block","title":"Onboarding Timezone Setup","description":"A timezone configuration onboarding component for React and Next.js with IANA timezone dropdown, auto-detect badge, time preview, and confirm button built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","select"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-timezone-setup.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-timezone-setup.tsx"}]},{"name":"onboarding-checklist","type":"registry:block","title":"Onboarding Checklist","description":"A React expandable checklist onboarding block with progress bar and togglable completion states. Built with Next.js, TypeScript, shadcn/ui Progress, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","progress"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-checklist.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-checklist.tsx"}]},{"name":"onboarding-feature-flags","type":"registry:block","title":"Onboarding Feature Flags","description":"A React feature toggle setup onboarding block with five configurable switches, icons, descriptions, and save action. Built with Next.js, TypeScript, shadcn/ui, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","switch"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-feature-flags.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-feature-flags.tsx"}]},{"name":"onboarding-data-import","type":"registry:block","title":"Onboarding Data Import","description":"A data import onboarding block for React and Next.js with source selection, conditional upload area, and AnimatePresence transitions using shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-data-import.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-data-import.tsx"}]},{"name":"onboarding-pipeline-setup","type":"registry:block","title":"Onboarding Pipeline Setup","description":"React and Next.js pipeline configuration onboarding block with TypeScript, draggable stage rows, colored indicators, shadcn/ui components, and Tailwind CSS for CRM setup.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-pipeline-setup.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-pipeline-setup.tsx"}]},{"name":"onboarding-minimal","type":"registry:block","title":"Onboarding Minimal","description":"An ultra-minimal onboarding block for React and Next.js with single text input, workspace name setup, step indicator, and continue CTA built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-minimal.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-minimal.tsx"}]},{"name":"onboarding-ai-assistant","type":"registry:block","title":"Onboarding Ai Assistant","description":"React AI assistant introduction onboarding block with capability highlights, dot indicators, try-it-now input with send button, and skip action. Built with Next.js, shadcn/ui Input and Button, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-ai-assistant.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-ai-assistant.tsx"}]},{"name":"onboarding-approval-workflow","type":"registry:block","title":"Onboarding Approval Workflow","description":"React approval workflow setup onboarding block with three vertical approval stages, threshold inputs, auto-approve toggles, and activate action. Built with Next.js, shadcn/ui Button, Input, Switch, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","switch"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-approval-workflow.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-approval-workflow.tsx"}]},{"name":"onboarding-privacy-controls","type":"registry:block","title":"Onboarding Privacy Controls","description":"Privacy settings onboarding with toggle switches, privacy level indicator, and save action for React and Next.js apps built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","switch"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-privacy-controls.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-privacy-controls.tsx"}]},{"name":"onboarding-category-setup","type":"registry:block","title":"Onboarding Category Setup","description":"A React category organization onboarding block with expandable tree hierarchy and chevron rotation. Built with Next.js, TypeScript, shadcn/ui, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-category-setup.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-category-setup.tsx"}]},{"name":"onboarding-language-region","type":"registry:block","title":"Onboarding Language Region","description":"Locale selector and timezone picker onboarding component for React and Next.js. Built with TypeScript, shadcn/ui Select components, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","select"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-language-region.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-language-region.tsx"}]},{"name":"onboarding-color-scheme","type":"registry:block","title":"Onboarding Color Scheme","description":"A brand color picker onboarding block for React and Next.js with six color swatches, selected ring state, live preview text, and apply action built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-color-scheme.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-color-scheme.tsx"}]},{"name":"onboarding-community-join","type":"registry:block","title":"Onboarding Community Join","description":"A community channel joining onboarding block for React and Next.js with four toggleable channels, member counts, join state toggle, and continue action built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-community-join.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-community-join.tsx"}]},{"name":"onboarding-dashboard-config","type":"registry:block","title":"Onboarding Dashboard Config","description":"A dashboard widget selection block for React and Next.js with toggleable icon cards in a grid, ring selection state, and build action using shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-dashboard-config.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-dashboard-config.tsx"}]},{"name":"onboarding-seat-allocation","type":"registry:block","title":"Onboarding Seat Allocation","description":"Team seat allocation onboarding with NumberFlow animated counter, department increment/decrement controls, and confirm action built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-seat-allocation.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-seat-allocation.tsx"}]},{"name":"onboarding-channel-setup","type":"registry:block","title":"Onboarding Channel Setup","description":"A React communication channel setup block with configure buttons and connected count tracking. Built with Next.js, TypeScript, shadcn/ui Button, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-channel-setup.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-channel-setup.tsx"}]},{"name":"onboarding-security-setup","type":"registry:block","title":"Onboarding Security Setup","description":"Security setup onboarding with 2FA toggle, recovery email input, backup code generation, and secure action built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","switch"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-security-setup.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-security-setup.tsx"}]},{"name":"onboarding-two-factor","type":"registry:block","title":"Onboarding Two Factor","description":"A two-factor authentication setup component for React and Next.js with QR code placeholder, six-digit OTP input, backup codes display, and verification state transition built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","input-otp"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-two-factor.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-two-factor.tsx"}]},{"name":"onboarding-newsletter-opt","type":"registry:block","title":"Onboarding Newsletter Opt","description":"A newsletter preference onboarding block for React and Next.js with checkbox toggles, frequency badges, select all controls, and save action built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","checkbox"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-newsletter-opt.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-newsletter-opt.tsx"}]},{"name":"onboarding-custom-fields","type":"registry:block","title":"Onboarding Custom Fields","description":"A custom field configuration block for React and Next.js with pre-defined fields, type badges, dynamic add field input, and Select component using shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","input","select"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-custom-fields.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-custom-fields.tsx"}]},{"name":"onboarding-industry-picker","type":"registry:block","title":"Onboarding Industry Picker","description":"An industry selection onboarding component for React and Next.js with multi-select chip buttons, ring highlight states, and selected count built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-industry-picker.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-industry-picker.tsx"}]},{"name":"onboarding-brand-kit","type":"registry:block","title":"Onboarding Brand Kit","description":"A React brand kit onboarding block for Next.js with logo upload, hex color inputs, font selector, and live preview. Built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","select"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-brand-kit.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-brand-kit.tsx"}]},{"name":"onboarding-skill-assessment","type":"registry:block","title":"Onboarding Skill Assessment","description":"Skill level self-assessment onboarding with three experience levels, selectable rows, personalized message, and continue action built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-skill-assessment.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-skill-assessment.tsx"}]},{"name":"onboarding-layout-preference","type":"registry:block","title":"Onboarding Layout Preference","description":"Dashboard density selector with compact, comfortable, and spacious wireframe previews for React and Next.js. Built with TypeScript, shadcn/ui, and Tailwind CSS.","dependencies":["framer-motion"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-layout-preference.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-layout-preference.tsx"}]},{"name":"onboarding-compliance-checklist","type":"registry:block","title":"Onboarding Compliance Checklist","description":"A compliance requirements onboarding block for React and Next.js with five checklist items, checkbox toggles, progress bar, and mark all complete action built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","checkbox","progress"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-compliance-checklist.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-compliance-checklist.tsx"}]},{"name":"onboarding-workspace-setup","type":"registry:block","title":"Onboarding Workspace Setup","description":"A React and Next.js workspace creation onboarding block featuring name input, live URL slug preview, public/private visibility toggle, and create button built with TypeScript, shadcn/ui, and Tailwind CSS for multi-tenant setup.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-workspace-setup.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-workspace-setup.tsx"}]},{"name":"onboarding-cards","type":"registry:block","title":"Onboarding Cards","description":"A React task cards onboarding block for Next.js with four task cards, Lucide icons, action buttons, and completion tracking. Built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-cards.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-cards.tsx"}]},{"name":"onboarding-integrations","type":"registry:block","title":"Onboarding Integrations","description":"An integration connection onboarding component for React and Next.js with connect buttons, connected states, and count tracker built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-integrations.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-integrations.tsx"}]},{"name":"onboarding-plugin-install","type":"registry:block","title":"Onboarding Plugin Install","description":"Plugin installation onboarding with toggle states, install tracking, and continue action for React and Next.js apps built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-plugin-install.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-plugin-install.tsx"}]},{"name":"onboarding-carousel","type":"registry:block","title":"Onboarding Carousel","description":"A React carousel onboarding block for Next.js with four slides, dot navigation, prev/next controls, and Framer Motion transitions. Built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-carousel.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-carousel.tsx"}]},{"name":"onboarding-data-residency","type":"registry:block","title":"Onboarding Data Residency","description":"A React data residency onboarding block for Next.js with region selection, latency display, and compliance notes. Built with TypeScript, shadcn/ui, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-data-residency.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-data-residency.tsx"}]},{"name":"onboarding-first-project","type":"registry:block","title":"Onboarding First Project","description":"First project creation onboarding block for React and Next.js with project name input, selectable template rows, selected state ring indicator, and create button using shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-first-project.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-first-project.tsx"}]},{"name":"onboarding-export-format","type":"registry:block","title":"Onboarding Export Format","description":"A React export format selection onboarding block with selectable format rows, file type icons, monospace preview, and set default action. Built with Next.js, TypeScript, shadcn/ui, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-export-format.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-export-format.tsx"}]},{"name":"onboarding-quick-actions","type":"registry:block","title":"Onboarding Quick Actions","description":"A React onboarding quick actions tutorial with tryable action items, completion tracking, and progress indicator built with Next.js, TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-quick-actions.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-quick-actions.tsx"}]},{"name":"onboarding-sso-config","type":"registry:block","title":"Onboarding Sso Config","description":"An SSO configuration onboarding block for React and Next.js with provider select, metadata URL input, entity ID display, and test connection with loading states. Built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input","select"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-sso-config.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-sso-config.tsx"}]},{"name":"onboarding-api-key-setup","type":"registry:block","title":"Onboarding Api Key Setup","description":"React API key generation onboarding block with generate button, masked key display in dark code box, copy button with check icon state swap, and security warning. Built with Next.js, shadcn/ui Button, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-api-key-setup.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-api-key-setup.tsx"}]},{"name":"onboarding-trial-countdown","type":"registry:block","title":"Onboarding Trial Countdown","description":"A free trial information component for React and Next.js with animated countdown number, feature list with dot indicators, usage progress bar, and upgrade CTA built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","progress"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-trial-countdown.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-trial-countdown.tsx"}]},{"name":"onboarding-audit-log","type":"registry:block","title":"Onboarding Audit Log","description":"Audit log preferences onboarding for React and Next.js with log type toggles, retention period select, sample log preview, and configure action. Built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","select","switch"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-audit-log.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-audit-log.tsx"}]},{"name":"onboarding-sample-data","type":"registry:block","title":"Onboarding Sample Data","description":"Sample data loading onboarding with selectable datasets, ring-highlighted selection, and load action built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-sample-data.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-sample-data.tsx"}]},{"name":"onboarding-completion","type":"registry:block","title":"Onboarding Completion","description":"A celebration completion onboarding block for React and Next.js with confetti animation, completion stats grid, and dashboard navigation built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react","canvas-confetti"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-completion.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-completion.tsx"}]},{"name":"onboarding-feedback-survey","type":"registry:block","title":"Onboarding Feedback Survey","description":"Feedback survey onboarding block for React and Next.js with selectable referral source options, optional textarea, and submit action using shadcn/ui and Tailwind CSS.","dependencies":["framer-motion"],"registryDependencies":["button","textarea"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-feedback-survey.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-feedback-survey.tsx"}]},{"name":"onboarding-social-connect","type":"registry:block","title":"Onboarding Social Connect","description":"Social account connection onboarding with Twitter, LinkedIn, GitHub, website platform rows, connect/connected toggle buttons, and skip/continue footer built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-social-connect.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-social-connect.tsx"}]},{"name":"onboarding-invite-link","type":"registry:block","title":"Onboarding Invite Link","description":"A shareable invite link onboarding component for React and Next.js with copyable link display, regenerate action, and share counter built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-invite-link.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-invite-link.tsx"}]},{"name":"onboarding-stepper","type":"registry:block","title":"Onboarding Stepper","description":"A numbered stepper onboarding block for React and Next.js with sequential step navigation, progress indicators with checkmarks, and dynamic content areas. Built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-stepper.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-stepper.tsx"}]},{"name":"onboarding-learning-path","type":"registry:block","title":"Onboarding Learning Path","description":"Course track selector with quick start, full course, and self-paced exploration options for React and Next.js. Built with TypeScript, shadcn/ui, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-learning-path.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-learning-path.tsx"}]},{"name":"onboarding-preferences","type":"registry:block","title":"Onboarding Preferences","description":"Preferences setup onboarding with toggle switches, icon labels, and save action for React and Next.js apps built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","switch"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-preferences.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-preferences.tsx"}]},{"name":"onboarding-company-size","type":"registry:block","title":"Onboarding Company Size","description":"A company size selector onboarding block for React and Next.js with four employee range tiers, icon and description per tier, single-select with ring highlight, and continue button built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-company-size.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-company-size.tsx"}]},{"name":"onboarding-referral-code","type":"registry:block","title":"Onboarding Referral Code","description":"A React onboarding referral code entry with code input, apply button, animated discount reveal using Framer Motion AnimatePresence, and continue action built with Next.js, TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-referral-code.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-referral-code.tsx"}]},{"name":"onboarding-ci-cd-setup","type":"registry:block","title":"Onboarding Ci Cd Setup","description":"A React CI/CD pipeline configuration block with vertical stages and connecting lines. Built with Next.js, TypeScript, shadcn/ui Button, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-ci-cd-setup.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-ci-cd-setup.tsx"}]},{"name":"onboarding-video-intro","type":"registry:block","title":"Onboarding Video Intro","description":"A React and Next.js video introduction onboarding block featuring 16:9 video placeholder, chapter progress indicators, and skip/continue actions built with TypeScript, shadcn/ui, and Tailwind CSS for product walkthroughs.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-video-intro.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-video-intro.tsx"}]},{"name":"onboarding-achievement-intro","type":"registry:block","title":"Onboarding Achievement Intro","description":"React achievements introduction onboarding block with sample badges, locked and unlocked states, progress counter, and start earning action. Built with Next.js, shadcn/ui Button, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-achievement-intro.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-achievement-intro.tsx"}]},{"name":"onboarding-report-schedule","type":"registry:block","title":"Onboarding Report Schedule","description":"A React onboarding scheduled report configuration with frequency select, day-of-week picker, time select, email recipients list, and schedule action built with Next.js, TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","select"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-report-schedule.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-report-schedule.tsx"}]},{"name":"onboarding-billing-setup","type":"registry:block","title":"Onboarding Billing Setup","description":"Billing setup onboarding for React and Next.js with monthly/yearly toggle, NumberFlow animated pricing, masked card display, and free trial button. Built with shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-billing-setup.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-billing-setup.tsx"}]},{"name":"onboarding-migration-wizard","type":"registry:block","title":"Onboarding Migration Wizard","description":"Multi-platform data import wizard with OAuth connect, progress tracking, and state animations for React and Next.js. Built with TypeScript, shadcn/ui, Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","progress"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-migration-wizard.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-migration-wizard.tsx"}]},{"name":"onboarding-rate-limit","type":"registry:block","title":"Onboarding Rate Limit","description":"A React onboarding API rate limit configuration with requests per minute selector, usage progress bar, overage handling, and apply action built with Next.js, TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","progress","select"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-rate-limit.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-rate-limit.tsx"}]},{"name":"onboarding-theme-picker","type":"registry:block","title":"Onboarding Theme Picker","description":"Theme selection onboarding block for React and Next.js with light, dark, and system options, live preview, and continue action built with TypeScript, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-theme-picker.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-theme-picker.tsx"}]},{"name":"onboarding-file-upload","type":"registry:block","title":"Onboarding File Upload","description":"File upload onboarding block for React and Next.js with dashed border drop zone, upload cloud icon, file type restrictions, progress bar, and remove action using shadcn/ui and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","progress"],"premium":true,"files":[{"path":"blocks/onboarding/onboarding-file-upload.tsx","type":"registry:block","target":"components/blocks/onboarding/onboarding-file-upload.tsx"}]},{"name":"stats-step-line-chart-card","type":"registry:block","title":"Stats Step Line Chart Card","description":"A step line chart stats card for React and Next.js with a ChartContainer-wrapped Recharts LineChart using type=stepAfter, discrete tier markers, a NumberFlow-animated current-tier value, and a quantized trend indicator built with shadcn/ui and Tailwind CSS","dependencies":["motion","recharts","lucide-react"],"registryDependencies":["pill-tabs","chart"],"premium":true,"files":[{"path":"blocks/stats/stats-step-line-chart-card.tsx","type":"registry:block","target":"components/blocks/stats/stats-step-line-chart-card.tsx"}]},{"name":"stats-cohort-retention-card","type":"registry:block","title":"Stats Cohort Retention Card","description":"A cohort retention table stats card for React and Next.js with a triangular heat-colored grid showing retention percentages by cohort month and period, intensity-mapped cell backgrounds, row and column headers, and tabular-nums values built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/stats/stats-cohort-retention-card.tsx","type":"registry:block","target":"components/blocks/stats/stats-cohort-retention-card.tsx"}]},{"name":"stats-histogram-distribution-card","type":"registry:block","title":"Stats Histogram Distribution Card","description":"A histogram distribution stats card for React and Next.js with a ChartContainer-wrapped Recharts BarChart of ten bucketed bars across the X axis, a muted var(--chart-2) fill, a tight 160px chart body, and a mean summary header built with shadcn/ui and Tailwind CSS","dependencies":["motion","recharts"],"registryDependencies":["pill-tabs","chart"],"premium":true,"files":[{"path":"blocks/stats/stats-histogram-distribution-card.tsx","type":"registry:block","target":"components/blocks/stats/stats-histogram-distribution-card.tsx"}]},{"name":"stats-live-status-grid","type":"registry:block","title":"Stats Live Status Grid","description":"A live status grid stats card for React and Next.js with a 3x3 service cell grid, semantic status dots per cell, tabular-nums live values, and a single pulsing live indicator in the header built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/stats/stats-live-status-grid.tsx","type":"registry:block","target":"components/blocks/stats/stats-live-status-grid.tsx"}]},{"name":"stats-bar-chart-with-target-line","type":"registry:block","title":"Stats Bar Chart With Target Line","description":"A bar chart stats card for React and Next.js with a horizontal ReferenceLine target threshold, per-bar Cell colors for above/below target, a ChartContainer-wrapped Recharts BarChart, and tabular-nums summary row built with shadcn/ui and Tailwind CSS","dependencies":["motion","recharts","lucide-react"],"registryDependencies":["pill-tabs","chart"],"premium":true,"files":[{"path":"blocks/stats/stats-bar-chart-with-target-line.tsx","type":"registry:block","target":"components/blocks/stats/stats-bar-chart-with-target-line.tsx"}]},{"name":"stats-funnel-split-cohorts","type":"registry:block","title":"Stats Funnel Split Cohorts","description":"A split-cohort funnel stats card for React and Next.js with parallel mobile and desktop bars at every stage, proportional stage widths, inline conversion percentages, and a delta column comparing the two cohorts built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/stats/stats-funnel-split-cohorts.tsx","type":"registry:block","target":"components/blocks/stats/stats-funnel-split-cohorts.tsx"}]},{"name":"stats-stacked-donut-card","type":"registry:block","title":"Stats Stacked Donut Card","description":"A concentric dual-ring donut stats card for React and Next.js with two stacked Pie components at different radii, outer subcategory ring, inner high-level grouping ring, and a pill legend built with shadcn/ui and Tailwind CSS","dependencies":["motion","recharts"],"registryDependencies":["chart"],"premium":true,"files":[{"path":"blocks/stats/stats-stacked-donut-card.tsx","type":"registry:block","target":"components/blocks/stats/stats-stacked-donut-card.tsx"}]},{"name":"stats-kpi-status-tile-grid","type":"registry:block","title":"Stats Kpi Status Tile Grid","description":"A KPI status tile grid stats block for React and Next.js with per-tile semantic status dots, border accents at /40 opacity, and tabular-nums values built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/stats/stats-kpi-status-tile-grid.tsx","type":"registry:block","target":"components/blocks/stats/stats-kpi-status-tile-grid.tsx"}]},{"name":"stats-donut-breakdown-card","type":"registry:block","title":"Stats Donut Breakdown Card","description":"A donut breakdown stats card for React and Next.js with a ChartContainer-wrapped PieChart, centered total, side legend with dots, percentages, and absolute values built with shadcn/ui and Tailwind CSS","dependencies":["motion","recharts"],"registryDependencies":["pill-tabs","chart"],"premium":true,"files":[{"path":"blocks/stats/stats-donut-breakdown-card.tsx","type":"registry:block","target":"components/blocks/stats/stats-donut-breakdown-card.tsx"}]},{"name":"stats-progress-grouped-sections","type":"registry:block","title":"Stats Progress Grouped Sections","description":"A progress list stats block for React and Next.js with uppercase section eyebrows, grouped linear progress bars, tabular-nums ratios, and threshold-aware bar colors built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"registryDependencies":["pill-tabs"],"premium":true,"files":[{"path":"blocks/stats/stats-progress-grouped-sections.tsx","type":"registry:block","target":"components/blocks/stats/stats-progress-grouped-sections.tsx"}]},{"name":"stats-log-frequency-table","type":"registry:block","title":"Stats Log Frequency Table","description":"A log level frequency table stats card for React and Next.js with monospace level labels, tabular-nums total counts, events-per-minute columns, and inline relative frequency bars tinted by semantic severity built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/stats/stats-log-frequency-table.tsx","type":"registry:block","target":"components/blocks/stats/stats-log-frequency-table.tsx"}]},{"name":"stats-connected-kpi-bar-minimal","type":"registry:block","title":"Stats Connected Kpi Bar Minimal","description":"A minimal connected KPI bar stats card for React and Next.js with four edge-to-edge tiles, hairline gap-px dividers, and tabular-nums values built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["pill-tabs"],"premium":true,"files":[{"path":"blocks/stats/stats-connected-kpi-bar-minimal.tsx","type":"registry:block","target":"components/blocks/stats/stats-connected-kpi-bar-minimal.tsx"}]},{"name":"stats-donut-with-center-total","type":"registry:block","title":"Stats Donut With Center Total","description":"A segment breakdown donut stats card for React and Next.js with an absolute-positioned NumberFlow center total, ChartContainer-wrapped Recharts PieChart, per-segment var(--chart-N) tokens, and a pill legend below built with shadcn/ui and Tailwind CSS","dependencies":["motion","recharts"],"registryDependencies":["pill-tabs","chart"],"premium":true,"files":[{"path":"blocks/stats/stats-donut-with-center-total.tsx","type":"registry:block","target":"components/blocks/stats/stats-donut-with-center-total.tsx"}]},{"name":"stats-pareto-chart-card","type":"registry:block","title":"Stats Pareto Chart Card","description":"A Pareto chart stats card for React and Next.js with Recharts ComposedChart combining descending-sorted bars and a cumulative percentage line, a ReferenceLine at the 80% threshold, NumberFlow animated top-contributor callout, and dual Y-axes built with shadcn/ui and Tailwind CSS","dependencies":["motion","recharts"],"registryDependencies":["chart"],"premium":true,"files":[{"path":"blocks/stats/stats-pareto-chart-card.tsx","type":"registry:block","target":"components/blocks/stats/stats-pareto-chart-card.tsx"}]},{"name":"stats-revenue-funnel","type":"registry:block","title":"Stats Revenue Funnel","description":"A multi-stage conversion funnel stats card for React and Next.js with proportional stage bars, per-stage drop-off percentages, and an overall conversion header metric built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/stats/stats-revenue-funnel.tsx","type":"registry:block","target":"components/blocks/stats/stats-revenue-funnel.tsx"}]},{"name":"stats-leaderboard-with-avatars","type":"registry:block","title":"Stats Leaderboard With Avatars","description":"A ranked leaderboard stats card for React and Next.js with rank numbers, initial-based avatar circles, tabular-nums score columns, and semantic delta badges built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["avatar","pill-tabs"],"premium":true,"files":[{"path":"blocks/stats/stats-leaderboard-with-avatars.tsx","type":"registry:block","target":"components/blocks/stats/stats-leaderboard-with-avatars.tsx"}]},{"name":"stats-waterfall-chart-card","type":"registry:block","title":"Stats Waterfall Chart Card","description":"A waterfall chart stats card for React and Next.js with Recharts BarChart rendering cumulative additions and subtractions as floating colored bars, emerald gains, red losses, foreground totals, NumberFlow net result, and connector logic built with shadcn/ui and Tailwind CSS","dependencies":["motion","recharts","lucide-react"],"registryDependencies":["pill-tabs","chart"],"premium":true,"files":[{"path":"blocks/stats/stats-waterfall-chart-card.tsx","type":"registry:block","target":"components/blocks/stats/stats-waterfall-chart-card.tsx"}]},{"name":"stats-sparkline-stacked-metrics","type":"registry:block","title":"Stats Sparkline Stacked Metrics","description":"A per-metric sparkline stats card for React and Next.js with a hero value, two stacked sub-metrics, trend-keyed gradient fills, and a ChartContainer-wrapped AreaChart built with shadcn/ui and Tailwind CSS","dependencies":["motion","recharts","lucide-react"],"registryDependencies":["pill-tabs","chart"],"premium":true,"files":[{"path":"blocks/stats/stats-sparkline-stacked-metrics.tsx","type":"registry:block","target":"components/blocks/stats/stats-sparkline-stacked-metrics.tsx"}]},{"name":"stats-progress-with-sparkline","type":"registry:block","title":"Stats Progress With Sparkline","description":"A progress list stats block for React and Next.js where each row pairs a tabular-nums target ratio, a linear progress bar, and a compact inline ChartContainer sparkline AreaChart showing recent trend built with shadcn/ui and Tailwind CSS","dependencies":["motion","recharts"],"registryDependencies":["chart"],"premium":true,"files":[{"path":"blocks/stats/stats-progress-with-sparkline.tsx","type":"registry:block","target":"components/blocks/stats/stats-progress-with-sparkline.tsx"}]},{"name":"stats-sparkline-monochrome-card","type":"registry:block","title":"Stats Sparkline Monochrome Card","description":"A monochrome sparkline stats card for React and Next.js with per-metric ChartContainer-wrapped AreaChart, neutral var(--foreground) stroke, and tabular-nums value displays built with shadcn/ui and Tailwind CSS","dependencies":["motion","recharts","lucide-react"],"registryDependencies":["pill-tabs","chart"],"premium":true,"files":[{"path":"blocks/stats/stats-sparkline-monochrome-card.tsx","type":"registry:block","target":"components/blocks/stats/stats-sparkline-monochrome-card.tsx"}]},{"name":"stats-scatter-plot-card","type":"registry:block","title":"Stats Scatter Plot Card","description":"A scatter plot stats card for React and Next.js with Recharts ScatterChart showing correlation between two metrics, quadrant reference lines at median values, labeled zones, ChartTooltip with both values, and tabular-nums axis labels built with shadcn/ui and Tailwind CSS","dependencies":["motion","recharts"],"registryDependencies":["chart"],"premium":true,"files":[{"path":"blocks/stats/stats-scatter-plot-card.tsx","type":"registry:block","target":"components/blocks/stats/stats-scatter-plot-card.tsx"}]},{"name":"stats-hero-metric-tile-row","type":"registry:block","title":"Stats Hero Metric Tile Row","description":"A hero metric stats card for React and Next.js with a text-4xl NumberFlow animated headline, a semantic delta indicator, and a connected bar of three supporting KPI tiles below split by gap-px borders built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["pill-tabs"],"premium":true,"files":[{"path":"blocks/stats/stats-hero-metric-tile-row.tsx","type":"registry:block","target":"components/blocks/stats/stats-hero-metric-tile-row.tsx"}]},{"name":"stats-leaderboard-compact-list","type":"registry:block","title":"Stats Leaderboard Compact List","description":"An ultra-compact leaderboard stats card for React and Next.js with 12 tightly-spaced ranked rows, mono rank column, tabular-nums values, and minimal chrome built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"registryDependencies":["pill-tabs"],"premium":true,"files":[{"path":"blocks/stats/stats-leaderboard-compact-list.tsx","type":"registry:block","target":"components/blocks/stats/stats-leaderboard-compact-list.tsx"}]},{"name":"stats-progress-compact-list","type":"registry:block","title":"Stats Progress Compact List","description":"An ultra-dense progress list stats card for React and Next.js with 10 rows of inline labels, narrow h-1 progress bars, and tabular-nums compact values divided by a subtle divide-y separator built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/stats/stats-progress-compact-list.tsx","type":"registry:block","target":"components/blocks/stats/stats-progress-compact-list.tsx"}]},{"name":"stats-api-usage","type":"registry:block","title":"Stats Api Usage","description":"An endpoint-level API usage stats table for React and Next.js with a monospace path column, per-row calls, error rate, p50/p95/p99 latency percentiles, and threshold-aware rate-limit progress bars built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/stats/stats-api-usage.tsx","type":"registry:block","target":"components/blocks/stats/stats-api-usage.tsx"}]},{"name":"stats-kpi-sparkline-tile-grid","type":"registry:block","title":"Stats Kpi Sparkline Tile Grid","description":"A hybrid KPI tile grid stats block for React and Next.js with four tiles each pairing a tabular-nums headline value, a trend-keyed semantic delta, and an inline ChartContainer sparkline AreaChart built with shadcn/ui and Tailwind CSS","dependencies":["motion","recharts","lucide-react"],"registryDependencies":["pill-tabs","chart"],"premium":true,"files":[{"path":"blocks/stats/stats-kpi-sparkline-tile-grid.tsx","type":"registry:block","target":"components/blocks/stats/stats-kpi-sparkline-tile-grid.tsx"}]},{"name":"stats-lollipop-chart-card","type":"registry:block","title":"Stats Lollipop Chart Card","description":"A vertical lollipop chart stats card for React and Next.js with thin stem lines topped by circle dots replacing traditional bars, 7-day data points, semantic chart-token coloring, and tabular-nums values built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/stats/stats-lollipop-chart-card.tsx","type":"registry:block","target":"components/blocks/stats/stats-lollipop-chart-card.tsx"}]},{"name":"stats-histogram-count-buckets","type":"registry:block","title":"Stats Histogram Count Buckets","description":"A bucketed histogram stats card for React and Next.js with a ChartContainer-wrapped Recharts BarChart rendering counts across fixed numeric buckets, rounded bar caps, and a tabular-nums bucket summary built with shadcn/ui and Tailwind CSS","dependencies":["motion","recharts"],"registryDependencies":["chart"],"premium":true,"files":[{"path":"blocks/stats/stats-histogram-count-buckets.tsx","type":"registry:block","target":"components/blocks/stats/stats-histogram-count-buckets.tsx"}]},{"name":"stats-live-ticker-bar","type":"registry:block","title":"Stats Live Ticker Bar","description":"A single-row live metrics ticker bar for React and Next.js with a pulsing live indicator, flex-divided compact metric cells, semantic status dots, and NumberFlow animated values built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"registryDependencies":["pill-tabs"],"premium":true,"files":[{"path":"blocks/stats/stats-live-ticker-bar.tsx","type":"registry:block","target":"components/blocks/stats/stats-live-ticker-bar.tsx"}]},{"name":"stats-funnel-with-dropoff-rate","type":"registry:block","title":"Stats Funnel With Dropoff Rate","description":"A vertical funnel stats card for React and Next.js with proportional width bars per stage, prominent amber and red drop-off percentages beside each row, tabular-nums counts, and an overall conversion summary header built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/stats/stats-funnel-with-dropoff-rate.tsx","type":"registry:block","target":"components/blocks/stats/stats-funnel-with-dropoff-rate.tsx"}]},{"name":"stats-hero-metric-minimal","type":"registry:block","title":"Stats Hero Metric Minimal","description":"An ultra-minimal hero metric stats card for React and Next.js with a tiny uppercase label, a huge NumberFlow value, and a subtle delta row — no chart, no chrome, built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["pill-tabs"],"premium":true,"files":[{"path":"blocks/stats/stats-hero-metric-minimal.tsx","type":"registry:block","target":"components/blocks/stats/stats-hero-metric-minimal.tsx"}]},{"name":"stats-radar-chart-card","type":"registry:block","title":"Stats Radar Chart Card","description":"A radar spider chart stats card for React and Next.js with Recharts RadarChart showing six performance dimensions as a filled polygon, PolarGrid and PolarAngleAxis labels, NumberFlow animated overall score, and var(--chart-1) fill built with shadcn/ui and Tailwind CSS","dependencies":["motion","recharts"],"registryDependencies":["chart"],"premium":true,"files":[{"path":"blocks/stats/stats-radar-chart-card.tsx","type":"registry:block","target":"components/blocks/stats/stats-radar-chart-card.tsx"}]},{"name":"stats-period-comparison-card","type":"registry:block","title":"Stats Period Comparison Card","description":"A period-over-period comparison stats card for React and Next.js with two side-by-side tabular-nums values separated by a large delta callout, NumberFlow on the current value, and a semantic trend header built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/stats/stats-period-comparison-card.tsx","type":"registry:block","target":"components/blocks/stats/stats-period-comparison-card.tsx"}]},{"name":"stats-leaderboard-with-trend-spark","type":"registry:block","title":"Stats Leaderboard With Trend Spark","description":"A ranked leaderboard stats card for React and Next.js with monospace rank numbers, entity labels, inline h-8 ChartContainer sparklines showing per-row recent trend, and tabular-nums score columns built with shadcn/ui and Tailwind CSS","dependencies":["motion","recharts","lucide-react"],"registryDependencies":["pill-tabs","chart"],"premium":true,"files":[{"path":"blocks/stats/stats-leaderboard-with-trend-spark.tsx","type":"registry:block","target":"components/blocks/stats/stats-leaderboard-with-trend-spark.tsx"}]},{"name":"stats-bar-chart-weekly-breakdown","type":"registry:block","title":"Stats Bar Chart Weekly Breakdown","description":"A 7-day vertical bar chart stats card for React and Next.js with Mon-Sun day-of-week labels, today's bar highlighted via Recharts Cell fills, a ChartContainer-wrapped BarChart and tabular-nums weekly total built with shadcn/ui and Tailwind CSS","dependencies":["motion","recharts","lucide-react"],"registryDependencies":["chart"],"premium":true,"files":[{"path":"blocks/stats/stats-bar-chart-weekly-breakdown.tsx","type":"registry:block","target":"components/blocks/stats/stats-bar-chart-weekly-breakdown.tsx"}]},{"name":"stats-bar-chart-stacked","type":"registry:block","title":"Stats Bar Chart Stacked","description":"A stacked bar chart stats card for React and Next.js with a ChartContainer-wrapped BarChart, three stacked series in var(--chart-1..3), a compact header with hero total, and a dot-pill legend built with shadcn/ui and Tailwind CSS","dependencies":["motion","recharts"],"registryDependencies":["pill-tabs","chart"],"premium":true,"files":[{"path":"blocks/stats/stats-bar-chart-stacked.tsx","type":"registry:block","target":"components/blocks/stats/stats-bar-chart-stacked.tsx"}]},{"name":"stats-okr-target-cards","type":"registry:block","title":"Stats Okr Target Cards","description":"An OKR target stats card grid for React and Next.js with three objective tiles, nested key-result progress bars, threshold-aware bar colors, and an overall completion percentage per objective built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/stats/stats-okr-target-cards.tsx","type":"registry:block","target":"components/blocks/stats/stats-okr-target-cards.tsx"}]},{"name":"stats-area-chart-gradient-fill","type":"registry:block","title":"Stats Area Chart Gradient Fill","description":"A single-series area chart stats card for React and Next.js with a multi-stop linearGradient fill, ChartContainer-wrapped Recharts AreaChart at 200px height, NumberFlow animated hero value, and CartesianGrid horizontal dashed lines built with shadcn/ui and Tailwind CSS","dependencies":["motion","recharts","lucide-react"],"registryDependencies":["pill-tabs","chart"],"premium":true,"files":[{"path":"blocks/stats/stats-area-chart-gradient-fill.tsx","type":"registry:block","target":"components/blocks/stats/stats-area-chart-gradient-fill.tsx"}]},{"name":"stats-leaderboard-with-score-bars","type":"registry:block","title":"Stats Leaderboard With Score Bars","description":"A ranked leaderboard stats card for React and Next.js with numbered rank columns, tabular-nums scores, and thin h-1.5 proportional score bars beneath each row scaled so rank one fills the full width and lower ranks shrink accordingly built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["pill-tabs"],"premium":true,"files":[{"path":"blocks/stats/stats-leaderboard-with-score-bars.tsx","type":"registry:block","target":"components/blocks/stats/stats-leaderboard-with-score-bars.tsx"}]},{"name":"stats-histogram-log-scale","type":"registry:block","title":"Stats Histogram Log Scale","description":"A log-scale histogram stats card for React and Next.js with a ChartContainer-wrapped Recharts BarChart using YAxis scale='log' to visualize wide dynamic range distributions built with shadcn/ui and Tailwind CSS","dependencies":["motion","recharts","lucide-react"],"registryDependencies":["chart"],"premium":true,"files":[{"path":"blocks/stats/stats-histogram-log-scale.tsx","type":"registry:block","target":"components/blocks/stats/stats-histogram-log-scale.tsx"}]},{"name":"stats-area-chart-with-pill-tabs","type":"registry:block","title":"Stats Area Chart With Pill Tabs","description":"A period-toggled area chart stats card for React and Next.js with a PillTabs day/week/month/year selector, NumberFlow animated summary value, and a ChartContainer-wrapped Recharts AreaChart with gradient fill built with shadcn/ui and Tailwind CSS","dependencies":["motion","recharts","lucide-react"],"registryDependencies":["chart","pill-tabs"],"premium":true,"files":[{"path":"blocks/stats/stats-area-chart-with-pill-tabs.tsx","type":"registry:block","target":"components/blocks/stats/stats-area-chart-with-pill-tabs.tsx"}]},{"name":"stats-kpi-compact-tile-grid","type":"registry:block","title":"Stats Kpi Compact Tile Grid","description":"An ultra-dense KPI tile grid stats block for React and Next.js with six narrow tiles, single-line labels, text-lg tabular values, and inline delta badges built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["pill-tabs"],"premium":true,"files":[{"path":"blocks/stats/stats-kpi-compact-tile-grid.tsx","type":"registry:block","target":"components/blocks/stats/stats-kpi-compact-tile-grid.tsx"}]},{"name":"stats-sparkline","type":"registry:block","title":"Stats Sparkline","description":"A sparkline stats card grid for React and Next.js with per-metric inline area charts via ChartContainer, trend-keyed gradient fills, and tabular-nums value displays built with shadcn/ui and Tailwind CSS","dependencies":["motion","recharts","lucide-react"],"registryDependencies":["pill-tabs","chart"],"premium":true,"files":[{"path":"blocks/stats/stats-sparkline.tsx","type":"registry:block","target":"components/blocks/stats/stats-sparkline.tsx"}]},{"name":"stats-kpi-icon-tile-grid","type":"registry:block","title":"Stats Kpi Icon Tile Grid","description":"A KPI tile grid stats block for React and Next.js with muted-square lucide icon badges, tabular-nums metric values, and semantic change deltas built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["pill-tabs"],"premium":true,"files":[{"path":"blocks/stats/stats-kpi-icon-tile-grid.tsx","type":"registry:block","target":"components/blocks/stats/stats-kpi-icon-tile-grid.tsx"}]},{"name":"stats-connected-kpi-bar-with-trends","type":"registry:block","title":"Stats Connected Kpi Bar With Trends","description":"A connected KPI bar stats card for React and Next.js with four unified tiles, per-tile ChartContainer-wrapped inline sparklines, trend-keyed gradient fills, and tabular-nums values built with shadcn/ui and Tailwind CSS","dependencies":["motion","recharts","lucide-react"],"registryDependencies":["pill-tabs","chart"],"premium":true,"files":[{"path":"blocks/stats/stats-connected-kpi-bar-with-trends.tsx","type":"registry:block","target":"components/blocks/stats/stats-connected-kpi-bar-with-trends.tsx"}]},{"name":"stats-area-chart-split-hero","type":"registry:block","title":"Stats Area Chart Split Hero","description":"A split-hero area-chart stats card for React and Next.js with a left metric panel, NumberFlow animated hero value, delta arrow, and a right ChartContainer-wrapped Recharts AreaChart panel built with shadcn/ui and Tailwind CSS","dependencies":["motion","recharts","lucide-react"],"registryDependencies":["pill-tabs","chart"],"premium":true,"files":[{"path":"blocks/stats/stats-area-chart-split-hero.tsx","type":"registry:block","target":"components/blocks/stats/stats-area-chart-split-hero.tsx"}]},{"name":"stats-stacked-percentage-bar-card","type":"registry:block","title":"Stats Stacked Percentage Bar Card","description":"A 100% stacked horizontal bar stats card for React and Next.js with a single thick segmented bar showing proportional distribution, chart-token colored flex segments, a legend with percentages, and a dominant-segment header callout built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/stats/stats-stacked-percentage-bar-card.tsx","type":"registry:block","target":"components/blocks/stats/stats-stacked-percentage-bar-card.tsx"}]},{"name":"stats-hourly-heatmap-grid","type":"registry:block","title":"Stats Hourly Heatmap Grid","description":"An hourly activity heatmap stats card for React and Next.js with a 7-day by 24-hour cell grid, 5-level emerald intensity ramp, day labels on the left, and hour markers every 6 hours built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/stats/stats-hourly-heatmap-grid.tsx","type":"registry:block","target":"components/blocks/stats/stats-hourly-heatmap-grid.tsx"}]},{"name":"stats-progress-bar-list","type":"registry:block","title":"Stats Progress Bar List","description":"A linear progress list stats card for React and Next.js with per-row labels, current/total ratios on the right, thin h-1.5 foreground progress bars, and border-b row dividers built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["pill-tabs"],"premium":true,"files":[{"path":"blocks/stats/stats-progress-bar-list.tsx","type":"registry:block","target":"components/blocks/stats/stats-progress-bar-list.tsx"}]},{"name":"stats-dumbbell-chart-card","type":"registry:block","title":"Stats Dumbbell Chart Card","description":"A dumbbell chart stats card for React and Next.js with horizontal rows showing two connected dots per category representing start and end values, a connecting line between dots, delta labels, and semantic direction colors built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/stats/stats-dumbbell-chart-card.tsx","type":"registry:block","target":"components/blocks/stats/stats-dumbbell-chart-card.tsx"}]},{"name":"stats-comparison-dual-gauge","type":"registry:block","title":"Stats Comparison Dual Gauge","description":"A comparison stats card for React and Next.js with two side-by-side radial gauge charts powered by Recharts PieChart, NumberFlow animated percent values centered in each ring, semantic chart token fills, and a delta callout between the panels built with shadcn/ui and Tailwind CSS","dependencies":["motion","recharts","lucide-react"],"registryDependencies":["chart"],"premium":true,"files":[{"path":"blocks/stats/stats-comparison-dual-gauge.tsx","type":"registry:block","target":"components/blocks/stats/stats-comparison-dual-gauge.tsx"}]},{"name":"stats-activity-streak","type":"registry:block","title":"Stats Activity Streak","description":"A GitHub-style activity heatmap grid stats card for React and Next.js with a 5-level intensity colour ramp, current and longest streak counters, and a Less/More legend built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/stats/stats-activity-streak.tsx","type":"registry:block","target":"components/blocks/stats/stats-activity-streak.tsx"}]},{"name":"stats-area-chart-with-annotations","type":"registry:block","title":"Stats Area Chart With Annotations","description":"An area chart stats card for React and Next.js with ReferenceLine deploy markers, ReferenceDot incident annotations, gradient-filled AreaChart, and NumberFlow animated hero value built with shadcn/ui and Tailwind CSS","dependencies":["motion","recharts","lucide-react"],"registryDependencies":["chart"],"premium":true,"files":[{"path":"blocks/stats/stats-area-chart-with-annotations.tsx","type":"registry:block","target":"components/blocks/stats/stats-area-chart-with-annotations.tsx"}]},{"name":"stats-job-queue-table","type":"registry:block","title":"Stats Job Queue Table","description":"A background job queue stats table for React and Next.js with six job-type rows, semantic status dots, queue depth plus processing rate plus average duration columns, and a saturation progress bar at the bottom of each row built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["pill-tabs"],"premium":true,"files":[{"path":"blocks/stats/stats-job-queue-table.tsx","type":"registry:block","target":"components/blocks/stats/stats-job-queue-table.tsx"}]},{"name":"stats-progress-threshold-colored","type":"registry:block","title":"Stats Progress Threshold Colored","description":"A threshold-aware progress list stats card for React and Next.js with thin h-1.5 progress bars whose fill color shifts from emerald to amber to red based on utilization tiers built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/stats/stats-progress-threshold-colored.tsx","type":"registry:block","target":"components/blocks/stats/stats-progress-threshold-colored.tsx"}]},{"name":"stats-weekly-heatmap-tile-grid","type":"registry:block","title":"Stats Weekly Heatmap Tile Grid","description":"A weekly heatmap tile grid stats card for React and Next.js with 7 day-of-week tiles and 24 hourly intensity cells per row, emerald 5-level intensity ramp, and tabular-nums peak-hour labels built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/stats/stats-weekly-heatmap-tile-grid.tsx","type":"registry:block","target":"components/blocks/stats/stats-weekly-heatmap-tile-grid.tsx"}]},{"name":"stats-comparison-with-delta-callout","type":"registry:block","title":"Stats Comparison With Delta Callout","description":"A period comparison stats block for React and Next.js with a centerpiece text-4xl NumberFlow delta, muted from-to labels, side-by-side baseline values, and semantic trend arrow built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["pill-tabs"],"premium":true,"files":[{"path":"blocks/stats/stats-comparison-with-delta-callout.tsx","type":"registry:block","target":"components/blocks/stats/stats-comparison-with-delta-callout.tsx"}]},{"name":"stats-goal-target-with-status","type":"registry:block","title":"Stats Goal Target With Status","description":"A goal target stats card grid for React and Next.js with per-tile semantic background tints, matching border accents, within/observe/critical statuses, and linear progress bars built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["pill-tabs"],"premium":true,"files":[{"path":"blocks/stats/stats-goal-target-with-status.tsx","type":"registry:block","target":"components/blocks/stats/stats-goal-target-with-status.tsx"}]},{"name":"stats-area-chart-hero","type":"registry:block","title":"Stats Area Chart Hero","description":"A primary area chart stats card for React and Next.js with a ChartContainer-wrapped Recharts AreaChart, NumberFlow animated hero value, PillTabs 7d/30d/90d period selector, and gradient fill via var(--chart-1) built with shadcn/ui and Tailwind CSS","dependencies":["motion","recharts","lucide-react"],"registryDependencies":["chart","pill-tabs"],"premium":true,"files":[{"path":"blocks/stats/stats-area-chart-hero.tsx","type":"registry:block","target":"components/blocks/stats/stats-area-chart-hero.tsx"}]},{"name":"stats-histogram-with-percentile-markers","type":"registry:block","title":"Stats Histogram With Percentile Markers","description":"A latency histogram stats card for React and Next.js with p50/p95/p99 ReferenceLine markers, bucketed BarChart bars, and ChartContainer-wrapped chart body built with shadcn/ui and Tailwind CSS","dependencies":["motion","recharts"],"registryDependencies":["pill-tabs","chart"],"premium":true,"files":[{"path":"blocks/stats/stats-histogram-with-percentile-markers.tsx","type":"registry:block","target":"components/blocks/stats/stats-histogram-with-percentile-markers.tsx"}]},{"name":"stats-treemap-card","type":"registry:block","title":"Stats Treemap Card","description":"A treemap stats card for React and Next.js with Recharts Treemap rendering proportional rectangles for category distribution, chart-token colored cells, inside labels with values, NumberFlow animated total, and a compact legend built with shadcn/ui and Tailwind CSS","dependencies":["motion","recharts"],"registryDependencies":["chart"],"premium":true,"files":[{"path":"blocks/stats/stats-treemap-card.tsx","type":"registry:block","target":"components/blocks/stats/stats-treemap-card.tsx"}]},{"name":"stats-status-matrix-grid","type":"registry:block","title":"Stats Status Matrix Grid","description":"A status matrix grid stats card for React and Next.js with rows of services and columns of time-slot checks, colored square cells for pass fail and warning states, row summary percentages, and semantic status encoding built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/stats/stats-status-matrix-grid.tsx","type":"registry:block","target":"components/blocks/stats/stats-status-matrix-grid.tsx"}]},{"name":"stats-donut-pill-legend","type":"registry:block","title":"Stats Donut Pill Legend","description":"A donut breakdown stats card for React and Next.js with a Recharts PieChart donut, a center total label, and a full-width row of rounded-full pill legend badges with colored dots, segment labels, and tabular values built with shadcn/ui and Tailwind CSS","dependencies":["motion","recharts"],"registryDependencies":["pill-tabs","chart"],"premium":true,"files":[{"path":"blocks/stats/stats-donut-pill-legend.tsx","type":"registry:block","target":"components/blocks/stats/stats-donut-pill-legend.tsx"}]},{"name":"stats-metric-card-tabbed","type":"registry:block","title":"Stats Metric Card Tabbed","description":"A tabbed metric stats card for React and Next.js with four switchable metrics, inline tab navigation with border-b-2 active indicator, NumberFlow animated value transitions, per-metric sparkline, and semantic delta indicators built with shadcn/ui and Tailwind CSS","dependencies":["motion","recharts","lucide-react"],"registryDependencies":["chart"],"premium":true,"files":[{"path":"blocks/stats/stats-metric-card-tabbed.tsx","type":"registry:block","target":"components/blocks/stats/stats-metric-card-tabbed.tsx"}]},{"name":"stats-before-after-card","type":"registry:block","title":"Stats Before After Card","description":"A before-and-after comparison stats card for React and Next.js with a left before value, centered delta callout, right NumberFlow animated after value, and a mini-timeline footer built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/stats/stats-before-after-card.tsx","type":"registry:block","target":"components/blocks/stats/stats-before-after-card.tsx"}]},{"name":"stats-connected-kpi-bar-vertical","type":"registry:block","title":"Stats Connected Kpi Bar Vertical","description":"A vertical connected KPI bar stats card for React and Next.js with four tiles stacked top-to-bottom, gap-px bg-border dividers, tabular-nums metric values, and inline delta indicators built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["pill-tabs"],"premium":true,"files":[{"path":"blocks/stats/stats-connected-kpi-bar-vertical.tsx","type":"registry:block","target":"components/blocks/stats/stats-connected-kpi-bar-vertical.tsx"}]},{"name":"stats-goal-target-tile-grid","type":"registry:block","title":"Stats Goal Target Tile Grid","description":"A goal target tile grid stats card for React and Next.js with four status-coded goal tiles, corner status dots, tabular-nums ratio readouts, and threshold-coloured progress bars built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["pill-tabs"],"premium":true,"files":[{"path":"blocks/stats/stats-goal-target-tile-grid.tsx","type":"registry:block","target":"components/blocks/stats/stats-goal-target-tile-grid.tsx"}]},{"name":"stats-sparkline-gradient-trend","type":"registry:block","title":"Stats Sparkline Gradient Trend","description":"A sparkline stats card grid for React and Next.js with trend-keyed emerald/red gradient fills, tabular-nums headline values, and ChartContainer-wrapped AreaChart sparklines built with shadcn/ui and Tailwind CSS","dependencies":["motion","recharts","lucide-react"],"registryDependencies":["pill-tabs","chart"],"premium":true,"files":[{"path":"blocks/stats/stats-sparkline-gradient-trend.tsx","type":"registry:block","target":"components/blocks/stats/stats-sparkline-gradient-trend.tsx"}]},{"name":"stats-connected-kpi-bar-with-eyebrows","type":"registry:block","title":"Stats Connected Kpi Bar With Eyebrows","description":"A connected KPI bar stats strip for React and Next.js with uppercase tracking-widest eyebrows above each tile label, a shared outer border, gap-px dividers, and tabular-nums headline values built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["pill-tabs"],"premium":true,"files":[{"path":"blocks/stats/stats-connected-kpi-bar-with-eyebrows.tsx","type":"registry:block","target":"components/blocks/stats/stats-connected-kpi-bar-with-eyebrows.tsx"}]},{"name":"stats-box-plot-card","type":"registry:block","title":"Stats Box Plot Card","description":"A box plot stats card for React and Next.js with five horizontal box-and-whisker plots showing min Q1 median Q3 max and outliers per category, SVG-positioned elements, and tabular-nums percentile values built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/stats/stats-box-plot-card.tsx","type":"registry:block","target":"components/blocks/stats/stats-box-plot-card.tsx"}]},{"name":"stats-histogram-stacked-bins","type":"registry:block","title":"Stats Histogram Stacked Bins","description":"A stacked-bin histogram stats card for React and Next.js with bucketed BarChart bars subdivided by stackId into three request-size segments, a 180px fixed chart body, and ChartLegendContent pills built with shadcn/ui and Tailwind CSS","dependencies":["motion","recharts"],"registryDependencies":["chart"],"premium":true,"files":[{"path":"blocks/stats/stats-histogram-stacked-bins.tsx","type":"registry:block","target":"components/blocks/stats/stats-histogram-stacked-bins.tsx"}]},{"name":"stats-live-metrics","type":"registry:block","title":"Stats Live Metrics","description":"A real-time live metrics stats card grid for React and Next.js with per-tile status dots, inline activity mini-bars, tabular-nums value displays, and threshold-aware semantic colours built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/stats/stats-live-metrics.tsx","type":"registry:block","target":"components/blocks/stats/stats-live-metrics.tsx"}]},{"name":"stats-slope-chart-card","type":"registry:block","title":"Stats Slope Chart Card","description":"A slope chart stats card for React and Next.js with SVG lines connecting two time-point columns showing direction-keyed emerald and red slopes, positioned value dots, delta labels, and a criss-crossing visual pattern built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/stats/stats-slope-chart-card.tsx","type":"registry:block","target":"components/blocks/stats/stats-slope-chart-card.tsx"}]},{"name":"stats-goal-ring-tiles","type":"registry:block","title":"Stats Goal Ring Tiles","description":"A goal ring tile grid stats card for React and Next.js with 4 radial PieChart rings via ChartContainer, center percentage labels, semantic status dots, and tabular-nums value displays built with shadcn/ui and Tailwind CSS","dependencies":["motion","recharts"],"registryDependencies":["chart"],"premium":true,"files":[{"path":"blocks/stats/stats-goal-ring-tiles.tsx","type":"registry:block","target":"components/blocks/stats/stats-goal-ring-tiles.tsx"}]},{"name":"stats-benchmark-bar-card","type":"registry:block","title":"Stats Benchmark Bar Card","description":"A benchmark comparison stats card for React and Next.js with horizontal scale lines per metric showing your position against industry average and top 10 percent markers, semantic positioning dots, and tabular-nums values built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/stats/stats-benchmark-bar-card.tsx","type":"registry:block","target":"components/blocks/stats/stats-benchmark-bar-card.tsx"}]},{"name":"stats-hero-metric-with-sparkline","type":"registry:block","title":"Stats Hero Metric With Sparkline","description":"A compact hero metric stats card for React and Next.js with a NumberFlow animated text-4xl headline value, a semantic delta row, and a full-width ChartContainer sparkline AreaChart at the bottom built with shadcn/ui and Tailwind CSS","dependencies":["motion","recharts","lucide-react"],"registryDependencies":["pill-tabs","chart"],"premium":true,"files":[{"path":"blocks/stats/stats-hero-metric-with-sparkline.tsx","type":"registry:block","target":"components/blocks/stats/stats-hero-metric-with-sparkline.tsx"}]},{"name":"stats-horizon-chart-grid","type":"registry:block","title":"Stats Horizon Chart Grid","description":"A multi-row horizon chart stats card for React and Next.js with layered opacity band encoding per metric, deterministic SVG area rendering for SSR safety, NumberFlow animated aggregate throughput, per-row peak markers, and tabular-nums current values built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/stats/stats-horizon-chart-grid.tsx","type":"registry:block","target":"components/blocks/stats/stats-horizon-chart-grid.tsx"}]},{"name":"stats-bar-chart-vertical-card","type":"registry:block","title":"Stats Bar Chart Vertical Card","description":"A vertical bar chart stats card for React and Next.js with a ChartContainer-wrapped Recharts BarChart, single-series var(--chart-1) bars, tabular-nums hero total, and a day-of-week category axis built with shadcn/ui and Tailwind CSS","dependencies":["motion","recharts","lucide-react"],"registryDependencies":["pill-tabs","chart"],"premium":true,"files":[{"path":"blocks/stats/stats-bar-chart-vertical-card.tsx","type":"registry:block","target":"components/blocks/stats/stats-bar-chart-vertical-card.tsx"}]},{"name":"stats-sparkline-dual-series","type":"registry:block","title":"Stats Sparkline Dual Series","description":"A dual-series sparkline stats card for React and Next.js with two overlapping inline area charts in var(--chart-1) and var(--chart-2), thin 1.5px strokes, layered gradient fills, and current vs previous period comparison built with shadcn/ui and Tailwind CSS","dependencies":["motion","recharts","lucide-react"],"registryDependencies":["chart"],"premium":true,"files":[{"path":"blocks/stats/stats-sparkline-dual-series.tsx","type":"registry:block","target":"components/blocks/stats/stats-sparkline-dual-series.tsx"}]},{"name":"stats-area-chart-with-reference-area","type":"registry:block","title":"Stats Area Chart With Reference Area","description":"An area chart stats card for React and Next.js with a ReferenceArea highlighting an incident window, gradient fill via var(--chart-1), and a labeled amber overlay built with shadcn/ui and Tailwind CSS","dependencies":["motion","recharts","lucide-react"],"registryDependencies":["chart"],"premium":true,"files":[{"path":"blocks/stats/stats-area-chart-with-reference-area.tsx","type":"registry:block","target":"components/blocks/stats/stats-area-chart-with-reference-area.tsx"}]},{"name":"stats-hero-metric-split-subvalues","type":"registry:block","title":"Stats Hero Metric Split Subvalues","description":"A hero metric stats card for React and Next.js with a NumberFlow animated headline, delta arrow, and a three-column grid of sub-value breakdowns built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["pill-tabs"],"premium":true,"files":[{"path":"blocks/stats/stats-hero-metric-split-subvalues.tsx","type":"registry:block","target":"components/blocks/stats/stats-hero-metric-split-subvalues.tsx"}]},{"name":"stats-timeline-event-card","type":"registry:block","title":"Stats Timeline Event Card","description":"A vertical timeline stats card for React and Next.js with status-colored circular nodes on a connector line, event details with timestamps and values, a pulsing current-event indicator, and semantic emerald blue muted status encoding built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/stats/stats-timeline-event-card.tsx","type":"registry:block","target":"components/blocks/stats/stats-timeline-event-card.tsx"}]},{"name":"stats-kpi-delta-pill-tile-grid","type":"registry:block","title":"Stats Kpi Delta Pill Tile Grid","description":"A KPI tile grid stats block for React and Next.js with prominent rounded-full semantic delta pill badges beside each value, tabular-nums headline numbers, and a responsive 2-by-2 layout built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/stats/stats-kpi-delta-pill-tile-grid.tsx","type":"registry:block","target":"components/blocks/stats/stats-kpi-delta-pill-tile-grid.tsx"}]},{"name":"stats-live-realtime-counter","type":"registry:block","title":"Stats Live Realtime Counter","description":"A live realtime counter stats card for React and Next.js with a NumberFlow animated big value, a single pulsing emerald live dot, a client-only setInterval tick, and an em-dash placeholder until first paint built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/stats/stats-live-realtime-counter.tsx","type":"registry:block","target":"components/blocks/stats/stats-live-realtime-counter.tsx"}]},{"name":"stats-pictograph-unit-card","type":"registry:block","title":"Stats Pictograph Unit Card","description":"A pictograph unit stats card for React and Next.js with 50 user icons showing active versus inactive users, filled foreground icons for active and outlined muted icons for inactive, NumberFlow animated active count, and percentage summary built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/stats/stats-pictograph-unit-card.tsx","type":"registry:block","target":"components/blocks/stats/stats-pictograph-unit-card.tsx"}]},{"name":"stats-bar-chart-diverging","type":"registry:block","title":"Stats Bar Chart Diverging","description":"A diverging bar chart stats card for React and Next.js with Recharts BarChart rendering positive and negative bars from a zero baseline, emerald gains and red losses, a ReferenceLine at zero, and tabular-nums axis labels built with shadcn/ui and Tailwind CSS","dependencies":["motion","recharts","lucide-react"],"registryDependencies":["pill-tabs","chart"],"premium":true,"files":[{"path":"blocks/stats/stats-bar-chart-diverging.tsx","type":"registry:block","target":"components/blocks/stats/stats-bar-chart-diverging.tsx"}]},{"name":"stats-progress-with-delta-badges","type":"registry:block","title":"Stats Progress With Delta Badges","description":"A progress list stats card for React and Next.js with label-left, pill-shaped delta badge right, and a thin linear progress bar beneath each row built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["pill-tabs"],"premium":true,"files":[{"path":"blocks/stats/stats-progress-with-delta-badges.tsx","type":"registry:block","target":"components/blocks/stats/stats-progress-with-delta-badges.tsx"}]},{"name":"stats-service-health-table","type":"registry:block","title":"Stats Service Health Table","description":"A service health stats table for React and Next.js with monospace service names, per-row status dots, tabular-nums uptime, response time, error rate columns, and border-b row dividers built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"registryDependencies":["pill-tabs"],"premium":true,"files":[{"path":"blocks/stats/stats-service-health-table.tsx","type":"registry:block","target":"components/blocks/stats/stats-service-health-table.tsx"}]},{"name":"stats-kpi-tile-grid-quad","type":"registry:block","title":"Stats Kpi Tile Grid Quad","description":"A 2x2 KPI tile grid stats block for React and Next.js with four standalone bordered tiles, tabular-nums headline values, semantic delta pills, and lucide trend icons built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/stats/stats-kpi-tile-grid-quad.tsx","type":"registry:block","target":"components/blocks/stats/stats-kpi-tile-grid-quad.tsx"}]},{"name":"stats-funnel-with-stage-icons","type":"registry:block","title":"Stats Funnel With Stage Icons","description":"A conversion funnel stats card for React and Next.js with per-stage Lucide icons in muted circle badges, proportional stage bars, and conversion-from-previous percentages built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/stats/stats-funnel-with-stage-icons.tsx","type":"registry:block","target":"components/blocks/stats/stats-funnel-with-stage-icons.tsx"}]},{"name":"stats-concentric-rings-card","type":"registry:block","title":"Stats Concentric Rings Card","description":"A concentric activity rings stats card for React and Next.js with three SVG progress rings inspired by Apple Watch, stroke-dasharray animated arcs, NumberFlow animated center value, and semantic ring colors built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/stats/stats-concentric-rings-card.tsx","type":"registry:block","target":"components/blocks/stats/stats-concentric-rings-card.tsx"}]},{"name":"stats-heatmap-with-intensity-legend","type":"registry:block","title":"Stats Heatmap With Intensity Legend","description":"A weekly activity heatmap stats card for React and Next.js with a 7-row x N-week cell grid, a 5-level emerald intensity ramp, a prominent Low-to-High legend row below the grid, and a streak summary header built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["pill-tabs"],"premium":true,"files":[{"path":"blocks/stats/stats-heatmap-with-intensity-legend.tsx","type":"registry:block","target":"components/blocks/stats/stats-heatmap-with-intensity-legend.tsx"}]},{"name":"stats-progress-with-target-ratio","type":"registry:block","title":"Stats Progress With Target Ratio","description":"A progress list stats card for React and Next.js with per-row current/target tabular ratios, threshold-coloured thin progress bars, and semantic goal status built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"registryDependencies":["pill-tabs"],"premium":true,"files":[{"path":"blocks/stats/stats-progress-with-target-ratio.tsx","type":"registry:block","target":"components/blocks/stats/stats-progress-with-target-ratio.tsx"}]},{"name":"stats-connected-kpi-bar","type":"registry:block","title":"Stats Connected Kpi Bar","description":"A single-row connected KPI bar stats card for React and Next.js with four unified tiles sharing a border, tabular-nums values, and semantic delta pills built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["pill-tabs"],"premium":true,"files":[{"path":"blocks/stats/stats-connected-kpi-bar.tsx","type":"registry:block","target":"components/blocks/stats/stats-connected-kpi-bar.tsx"}]},{"name":"stats-donut-with-callouts","type":"registry:block","title":"Stats Donut With Callouts","description":"A segment breakdown donut stats card for React and Next.js with positioned segment callouts, center total, and ChartContainer-wrapped PieChart built with shadcn/ui and Tailwind CSS","dependencies":["motion","recharts"],"registryDependencies":["pill-tabs","chart"],"premium":true,"files":[{"path":"blocks/stats/stats-donut-with-callouts.tsx","type":"registry:block","target":"components/blocks/stats/stats-donut-with-callouts.tsx"}]},{"name":"stats-half-donut-card","type":"registry:block","title":"Stats Half Donut Card","description":"A half-circle donut breakdown stats card for React and Next.js with a 180-degree PieChart using startAngle and endAngle, var(--chart-N) segment fills, a centered total label, and legend pills below built with shadcn/ui ChartContainer and Tailwind CSS","dependencies":["motion","recharts"],"registryDependencies":["pill-tabs","chart"],"premium":true,"files":[{"path":"blocks/stats/stats-half-donut-card.tsx","type":"registry:block","target":"components/blocks/stats/stats-half-donut-card.tsx"}]},{"name":"stats-bar-chart-grouped","type":"registry:block","title":"Stats Bar Chart Grouped","description":"A grouped bar chart stats card for React and Next.js with two side-by-side series per category via ChartContainer, dual var(--chart-1) and var(--chart-2) fills, tabular-nums hero totals, and a ChartLegendContent legend built with shadcn/ui and Tailwind CSS","dependencies":["motion","recharts","lucide-react"],"registryDependencies":["pill-tabs","chart"],"premium":true,"files":[{"path":"blocks/stats/stats-bar-chart-grouped.tsx","type":"registry:block","target":"components/blocks/stats/stats-bar-chart-grouped.tsx"}]},{"name":"stats-rate-limit-table","type":"registry:block","title":"Stats Rate Limit Table","description":"A rate limit table stats card for React and Next.js with monospace API route rows, used/limit tabular values, reset countdowns, and threshold-keyed progress bars that shift from emerald to amber to red as quota fills built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/stats/stats-rate-limit-table.tsx","type":"registry:block","target":"components/blocks/stats/stats-rate-limit-table.tsx"}]},{"name":"stats-hero-metric-with-gauge-ring","type":"registry:block","title":"Stats Hero Metric With Gauge Ring","description":"A hero metric stats card for React and Next.js with a radial gauge ring surrounding a large NumberFlow percent value, Recharts PieChart with startAngle/endAngle, chart-1 progress arc, muted background ring, and a goal target subtext built with shadcn/ui and Tailwind CSS","dependencies":["motion","recharts","lucide-react"],"registryDependencies":["chart"],"premium":true,"files":[{"path":"blocks/stats/stats-hero-metric-with-gauge-ring.tsx","type":"registry:block","target":"components/blocks/stats/stats-hero-metric-with-gauge-ring.tsx"}]},{"name":"stats-variant-comparison-card","type":"registry:block","title":"Stats Variant Comparison Card","description":"An A/B variant comparison stats card for React and Next.js with a three-tile KPI summary strip above two side-by-side variant panels, NumberFlow animated conversion rates, and emerald winning-variant accents built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/stats/stats-variant-comparison-card.tsx","type":"registry:block","target":"components/blocks/stats/stats-variant-comparison-card.tsx"}]},{"name":"stats-sparkline-with-pill-trend","type":"registry:block","title":"Stats Sparkline With Pill Trend","description":"A sparkline tile grid stats block for React and Next.js with per-metric inline AreaCharts, prominent rounded-full pill trend badges tinted by direction, and tabular-nums current value displays built with shadcn/ui ChartContainer and Tailwind CSS","dependencies":["motion","recharts","lucide-react"],"registryDependencies":["pill-tabs","chart"],"premium":true,"files":[{"path":"blocks/stats/stats-sparkline-with-pill-trend.tsx","type":"registry:block","target":"components/blocks/stats/stats-sparkline-with-pill-trend.tsx"}]},{"name":"stats-bullet-chart-card","type":"registry:block","title":"Stats Bullet Chart Card","description":"A bullet chart stats card for React and Next.js with four horizontal bullet graphs showing actual values against qualitative range backgrounds and target markers, pure CSS implementation, and tabular-nums value displays built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/stats/stats-bullet-chart-card.tsx","type":"registry:block","target":"components/blocks/stats/stats-bullet-chart-card.tsx"}]},{"name":"stats-threshold-target-cards","type":"registry:block","title":"Stats Threshold Target Cards","description":"A threshold goal tile grid stats card for React and Next.js with four tiles whose border, status dot, and progress fill are keyed to a three-bucket threshold scale and printed threshold values beneath each label built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["pill-tabs"],"premium":true,"files":[{"path":"blocks/stats/stats-threshold-target-cards.tsx","type":"registry:block","target":"components/blocks/stats/stats-threshold-target-cards.tsx"}]},{"name":"stats-sparkline-tile-grid","type":"registry:block","title":"Stats Sparkline Tile Grid","description":"A sparkline tile grid stats component for React and Next.js with independent ChartContainer mini area charts per tile, trend-keyed gradient fills via var(--chart-N), and NumberFlow animated KPI values built with shadcn/ui and Tailwind CSS","dependencies":["motion","recharts","lucide-react"],"registryDependencies":["pill-tabs","chart"],"premium":true,"files":[{"path":"blocks/stats/stats-sparkline-tile-grid.tsx","type":"registry:block","target":"components/blocks/stats/stats-sparkline-tile-grid.tsx"}]},{"name":"stats-kpi-ratio-tile-grid","type":"registry:block","title":"Stats Kpi Ratio Tile Grid","description":"A KPI ratio tile grid stats block for React and Next.js with current/target ratio values, tabular-nums delta pills, and threshold-colored progress bars anchored to each tile built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["pill-tabs"],"premium":true,"files":[{"path":"blocks/stats/stats-kpi-ratio-tile-grid.tsx","type":"registry:block","target":"components/blocks/stats/stats-kpi-ratio-tile-grid.tsx"}]},{"name":"stats-hero-metric-card","type":"registry:block","title":"Stats Hero Metric Card","description":"A single headline hero metric stats card for React and Next.js with a NumberFlow animated text-4xl value, isAnimated mount guard, min-w-[180px] layout stability, and a trend delta with arrow icon built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["pill-tabs"],"premium":true,"files":[{"path":"blocks/stats/stats-hero-metric-card.tsx","type":"registry:block","target":"components/blocks/stats/stats-hero-metric-card.tsx"}]},{"name":"stats-quota-tile-grid","type":"registry:block","title":"Stats Quota Tile Grid","description":"A quota tile grid stats card for React and Next.js with six usage tiles, threshold-keyed progress bar colors, reset countdown subtitles, and used-over-limit ratios built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["pill-tabs"],"premium":true,"files":[{"path":"blocks/stats/stats-quota-tile-grid.tsx","type":"registry:block","target":"components/blocks/stats/stats-quota-tile-grid.tsx"}]},{"name":"stats-leaderboard-with-delta","type":"registry:block","title":"Stats Leaderboard With Delta","description":"A ranked leaderboard stats card for React and Next.js with monospace rank numbers, per-row rank-change indicators in semantic colors, tabular-nums scores, and a header showing the leader and total entries built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/stats/stats-leaderboard-with-delta.tsx","type":"registry:block","target":"components/blocks/stats/stats-leaderboard-with-delta.tsx"}]},{"name":"stats-stacked-area-chart-breakdown","type":"registry:block","title":"Stats Stacked Area Chart Breakdown","description":"A stacked area chart stats card for React and Next.js with three cumulative series layered via ChartContainer, var(--chart-1 through 3) gradient fills, a CartesianGrid with horizontal-only dashed lines, and a pill legend below the chart built with shadcn/ui and Tailwind CSS","dependencies":["motion","recharts"],"registryDependencies":["chart"],"premium":true,"files":[{"path":"blocks/stats/stats-stacked-area-chart-breakdown.tsx","type":"registry:block","target":"components/blocks/stats/stats-stacked-area-chart-breakdown.tsx"}]},{"name":"stats-burndown-chart-card","type":"registry:block","title":"Stats Burndown Chart Card","description":"A sprint burndown chart stats card for React and Next.js with Recharts LineChart showing ideal diagonal and actual progress lines, shaded gap area between ideal and actual, NumberFlow animated remaining points, and a sprint days X-axis built with shadcn/ui and Tailwind CSS","dependencies":["motion","recharts"],"registryDependencies":["chart"],"premium":true,"files":[{"path":"blocks/stats/stats-burndown-chart-card.tsx","type":"registry:block","target":"components/blocks/stats/stats-burndown-chart-card.tsx"}]},{"name":"stats-line-chart-with-threshold","type":"registry:block","title":"Stats Line Chart With Threshold","description":"A line chart stats card for React and Next.js with a horizontal ReferenceLine SLO target, dashed threshold stroke, labeled annotation, and ChartContainer-wrapped Recharts LineChart built with shadcn/ui and Tailwind CSS","dependencies":["motion","recharts","lucide-react"],"registryDependencies":["pill-tabs","chart"],"premium":true,"files":[{"path":"blocks/stats/stats-line-chart-with-threshold.tsx","type":"registry:block","target":"components/blocks/stats/stats-line-chart-with-threshold.tsx"}]},{"name":"stats-calendar-heatmap-month","type":"registry:block","title":"Stats Calendar Heatmap Month","description":"A month-view calendar heatmap stats card for React and Next.js with a 6x7 grid of day cells, 5-level emerald intensity ramp, inline date numerals, and an intensity legend built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/stats/stats-calendar-heatmap-month.tsx","type":"registry:block","target":"components/blocks/stats/stats-calendar-heatmap-month.tsx"}]},{"name":"stats-leaderboard-ranked-list","type":"registry:block","title":"Stats Leaderboard Ranked List","description":"A ranked leaderboard stats card for React and Next.js with a font-mono rank column, subtly highlighted first place row, and tabular-nums values aligned on the right built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["pill-tabs"],"premium":true,"files":[{"path":"blocks/stats/stats-leaderboard-ranked-list.tsx","type":"registry:block","target":"components/blocks/stats/stats-leaderboard-ranked-list.tsx"}]},{"name":"stats-funnel-vertical-stages","type":"registry:block","title":"Stats Funnel Vertical Stages","description":"A vertical stacked funnel stats card for React and Next.js with full-width proportional stage bars, inline drop-off connectors, and tabular-nums conversion percentages built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/stats/stats-funnel-vertical-stages.tsx","type":"registry:block","target":"components/blocks/stats/stats-funnel-vertical-stages.tsx"}]},{"name":"stats-area-chart-dual-series","type":"registry:block","title":"Stats Area Chart Dual Series","description":"A dual-series area chart stats card for React and Next.js with overlapping var(--chart-1) and var(--chart-2) gradient fills, ChartLegend pills, ChartTooltipContent with line indicator, and a 200px fixed-height chart body built with shadcn/ui and Tailwind CSS","dependencies":["motion","recharts"],"registryDependencies":["pill-tabs","chart"],"premium":true,"files":[{"path":"blocks/stats/stats-area-chart-dual-series.tsx","type":"registry:block","target":"components/blocks/stats/stats-area-chart-dual-series.tsx"}]},{"name":"stats-live-countdown-stat","type":"registry:block","title":"Stats Live Countdown Stat","description":"A live countdown stats card for React and Next.js with per-segment days/hours/minutes/seconds boxes, tabular-nums digits, a hydration-safe useEffect ticker, and a pulsing live indicator built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/stats/stats-live-countdown-stat.tsx","type":"registry:block","target":"components/blocks/stats/stats-live-countdown-stat.tsx"}]},{"name":"stats-comparison-with-sparklines","type":"registry:block","title":"Stats Comparison With Sparklines","description":"A period comparison stats card for React and Next.js with two side-by-side columns, each showing a NumberFlow animated value and a 48px ChartContainer sparkline, separated by a vertical divider and a delta callout built with shadcn/ui and Tailwind CSS","dependencies":["motion","recharts","lucide-react"],"registryDependencies":["pill-tabs","chart"],"premium":true,"files":[{"path":"blocks/stats/stats-comparison-with-sparklines.tsx","type":"registry:block","target":"components/blocks/stats/stats-comparison-with-sparklines.tsx"}]},{"name":"stats-hero-metric-with-delta-arrow","type":"registry:block","title":"Stats Hero Metric With Delta Arrow","description":"A hero metric stats card for React and Next.js with an oversized semantically-colored trend arrow, NumberFlow animated headline number, tabular-nums delta pill, and a clean vertical layout built with shadcn/ui and Tailwind CSS","dependencies":["motion","lucide-react"],"registryDependencies":["pill-tabs"],"premium":true,"files":[{"path":"blocks/stats/stats-hero-metric-with-delta-arrow.tsx","type":"registry:block","target":"components/blocks/stats/stats-hero-metric-with-delta-arrow.tsx"}]},{"name":"stats-sparkline-card-with-range","type":"registry:block","title":"Stats Sparkline Card With Range","description":"A sparkline stats card for React and Next.js with Recharts ReferenceLine min and max range bounds, inline high and low labels on the sparkline edges, and a NumberFlow animated current price built with shadcn/ui and Tailwind CSS","dependencies":["motion","recharts","lucide-react"],"registryDependencies":["pill-tabs","chart"],"premium":true,"files":[{"path":"blocks/stats/stats-sparkline-card-with-range.tsx","type":"registry:block","target":"components/blocks/stats/stats-sparkline-card-with-range.tsx"}]},{"name":"stats-bar-chart-horizontal-card","type":"registry:block","title":"Stats Bar Chart Horizontal Card","description":"A horizontal bar chart stats card for React and Next.js with a ChartContainer-wrapped Recharts BarChart in vertical layout, category labels on the YAxis, tabular-nums value list, and var(--chart-1) rounded bars built with shadcn/ui and Tailwind CSS","dependencies":["motion","recharts"],"registryDependencies":["pill-tabs","chart"],"premium":true,"files":[{"path":"blocks/stats/stats-bar-chart-horizontal-card.tsx","type":"registry:block","target":"components/blocks/stats/stats-bar-chart-horizontal-card.tsx"}]},{"name":"stats-pipeline-stage-strip","type":"registry:block","title":"Stats Pipeline Stage Strip","description":"A horizontal pipeline stats card for React and Next.js with five connected chevron-shaped stages showing deal flow progression, width-proportional stage widths by count, gradient-darkening colors toward final stage, and NumberFlow animated stage values built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/stats/stats-pipeline-stage-strip.tsx","type":"registry:block","target":"components/blocks/stats/stats-pipeline-stage-strip.tsx"}]},{"name":"stats-waffle-chart-card","type":"registry:block","title":"Stats Waffle Chart Card","description":"A waffle chart stats card for React and Next.js with a 10x10 grid of colored squares showing proportional segment distribution, chart-token colored cells, a legend with percentages, and tabular-nums values built with shadcn/ui and Tailwind CSS","dependencies":["motion"],"premium":true,"files":[{"path":"blocks/stats/stats-waffle-chart-card.tsx","type":"registry:block","target":"components/blocks/stats/stats-waffle-chart-card.tsx"}]},{"name":"changelog-service-health-dashboard","type":"registry:block","title":"Changelog Service Health Dashboard","description":"A service health overview changelog block displaying uptime percentages, incident counts, and status indicators built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/changelog/changelog-service-health-dashboard.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-service-health-dashboard.tsx"}]},{"name":"changelog-cost-optimization","type":"registry:block","title":"Changelog Cost Optimization","description":"A React changelog component for cost savings and optimization wins built with Next.js, shadcn/ui, and Tailwind CSS showing savings amounts, categories, and cumulative impact","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/changelog/changelog-cost-optimization.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-cost-optimization.tsx"}]},{"name":"changelog-feature-gate-status","type":"registry:block","title":"Changelog Feature Gate Status","description":"Monitor feature flag rollout percentages across environments with user targeting and override controls. Built with React, Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","select","slider","switch"],"premium":true,"files":[{"path":"blocks/changelog/changelog-feature-gate-status.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-feature-gate-status.tsx"}]},{"name":"changelog-review-checklist","type":"registry:block","title":"Changelog Review Checklist","description":"A review checklist changelog block for React and Next.js with pre-release verification items, assignee tracking, check-off progress, and blocker indicators built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","checkbox"],"premium":true,"files":[{"path":"blocks/changelog/changelog-review-checklist.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-review-checklist.tsx"}]},{"name":"changelog-monthly-digest","type":"registry:block","title":"Changelog Monthly Digest","description":"React monthly digest changelog block for Next.js with month tab selector, active month state, and categorized entries per month built with TypeScript, shadcn/ui Badge and Button, Framer Motion, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/changelog/changelog-monthly-digest.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-monthly-digest.tsx"}]},{"name":"changelog-integration-log","type":"registry:block","title":"Changelog Integration Log","description":"A changelog block showing third-party integration updates with initials badges, connection status indicators, and detailed notes about each integration change.","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/changelog/changelog-integration-log.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-integration-log.tsx"}]},{"name":"changelog-inline-code","type":"registry:block","title":"Changelog Inline Code","description":"React inline code changelog block for Next.js with developer-focused entries featuring monospace code styling, syntax-highlighted terms, and technical detail built with TypeScript, Framer Motion, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/changelog/changelog-inline-code.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-inline-code.tsx"}]},{"name":"changelog-accessibility-score","type":"registry:block","title":"Changelog Accessibility Score","description":"React accessibility score changelog block for Next.js with per-release WCAG compliance scores, severity indicators, and expandable audit details built with TypeScript, shadcn/ui Badge, Framer Motion, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/changelog/changelog-accessibility-score.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-accessibility-score.tsx"}]},{"name":"changelog-timeline","type":"registry:block","title":"Changelog Timeline","description":"React vertical timeline changelog block for Next.js with dot markers, date labels, and categorized entries built with TypeScript, shadcn/ui Badge, Framer Motion, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/changelog/changelog-timeline.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-timeline.tsx"}]},{"name":"changelog-weekly-update","type":"registry:block","title":"Changelog Weekly Update","description":"React weekly update changelog block for Next.js with week header, summary sentence, and daily grouped entries built with TypeScript, shadcn/ui Badge, Framer Motion, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/changelog/changelog-weekly-update.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-weekly-update.tsx"}]},{"name":"changelog-dark-light-toggle","type":"registry:block","title":"Changelog Dark Light Toggle","description":"React theme-aware changelog block for Next.js with inline dark/light mode toggle, adaptive color tokens, and smooth theme transitions built with shadcn/ui, Tailwind CSS, and Framer Motion animations.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","switch"],"premium":true,"files":[{"path":"blocks/changelog/changelog-dark-light-toggle.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-dark-light-toggle.tsx"}]},{"name":"changelog-pagination","type":"registry:block","title":"Changelog Pagination","description":"React changelog block with pagination controls for Next.js, featuring Previous and Next buttons with page indicator and entry slicing built with TypeScript, Framer Motion, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/changelog/changelog-pagination.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-pagination.tsx"}]},{"name":"changelog-cli-output","type":"registry:block","title":"Changelog Cli Output","description":"React terminal-style CLI output changelog block for Next.js with monospace log entries, command prompts, and status indicators built with shadcn/ui, Tailwind CSS, and Framer Motion animations.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/changelog/changelog-cli-output.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-cli-output.tsx"}]},{"name":"changelog-cherry-pick-log","type":"registry:block","title":"Changelog Cherry Pick Log","description":"Track cherry-picked commits across branches with source/target references and conflict status. Built with React, Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","checkbox","input","select"],"premium":true,"files":[{"path":"blocks/changelog/changelog-cherry-pick-log.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-cherry-pick-log.tsx"}]},{"name":"changelog-with-avatars","type":"registry:block","title":"Changelog With Avatars","description":"React changelog with author avatars block for Next.js with contributor initials, role labels, and categorized entries built with TypeScript, Framer Motion, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/changelog/changelog-with-avatars.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-with-avatars.tsx"}]},{"name":"changelog-dot-timeline","type":"registry:block","title":"Changelog Dot Timeline","description":"React dot timeline changelog block for Next.js with a horizontal dot selector connected by a line, version labels, and animated change list for the selected release built with TypeScript, useState, Framer Motion, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/changelog/changelog-dot-timeline.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-dot-timeline.tsx"}]},{"name":"changelog-markdown-preview","type":"registry:block","title":"Changelog Markdown Preview","description":"A changelog block where entries render markdown-style content with bold text, inline code, and structured formatting for rich release notes.","dependencies":["motion","lucide-react","shiki"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/changelog/changelog-markdown-preview.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-markdown-preview.tsx"}]},{"name":"changelog-internal-tools","type":"registry:block","title":"Changelog Internal Tools","description":"Internal tools changelog with admin-only features and access controls. Built with React, Next.js, shadcn/ui, and Tailwind CSS for internal operations dashboards.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/changelog/changelog-internal-tools.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-internal-tools.tsx"}]},{"name":"changelog-reaction-votes","type":"registry:block","title":"Changelog Reaction Votes","description":"A changelog block where each entry has emoji reaction buttons that users can toggle on and off, displaying live counts for community engagement on product updates.","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"blocks/changelog/changelog-reaction-votes.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-reaction-votes.tsx"}]},{"name":"changelog-community-contributions","type":"registry:block","title":"Changelog Community Contributions","description":"A changelog block showcasing community and open-source pull requests with contributor avatars, PR titles, first contribution badges, and merged dates using staggered animations.","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/changelog/changelog-community-contributions.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-community-contributions.tsx"}]},{"name":"changelog-compliance-updates","type":"registry:block","title":"Changelog Compliance Updates","description":"A changelog block for regulatory and compliance changes showing regulation names, change descriptions, compliance status badges, and effective dates for audit readiness.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/changelog/changelog-compliance-updates.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-compliance-updates.tsx"}]},{"name":"changelog-image-preview","type":"registry:block","title":"Changelog Image Preview","description":"React image preview changelog block for Next.js with thumbnail placeholders, visual entry cards, and stagger animations built with TypeScript, Framer Motion, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/changelog/changelog-image-preview.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-image-preview.tsx"}]},{"name":"changelog-roadmap-preview","type":"registry:block","title":"Changelog Roadmap Preview","description":"A roadmap preview changelog block built with React, Next.js, shadcn/ui, and Tailwind CSS featuring planned, in-progress, and shipped status columns","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/changelog/changelog-roadmap-preview.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-roadmap-preview.tsx"}]},{"name":"changelog-comparison","type":"registry:block","title":"Changelog Comparison","description":"A side-by-side version comparison changelog block built with React, Next.js, shadcn/ui, and Tailwind CSS for visualizing differences between releases","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/changelog/changelog-comparison.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-comparison.tsx"}]},{"name":"changelog-tech-debt-tracker","type":"registry:block","title":"Changelog Tech Debt Tracker","description":"A changelog block tracking technical debt items with effort estimates, priority scoring, and resolution progress built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","date-fns","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/changelog/changelog-tech-debt-tracker.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-tech-debt-tracker.tsx"}]},{"name":"changelog-search","type":"registry:block","title":"Changelog Search","description":"A searchable changelog block built with React, Next.js, shadcn/ui, and Tailwind CSS with real-time filtering of versioned release entries","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","input"],"premium":true,"files":[{"path":"blocks/changelog/changelog-search.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-search.tsx"}]},{"name":"changelog-plugin-updates","type":"registry:block","title":"Changelog Plugin Updates","description":"A changelog block showing plugin and extension version history with old and new version numbers, plugin names, and compatibility notes for each update.","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/changelog/changelog-plugin-updates.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-plugin-updates.tsx"}]},{"name":"changelog-pull-request","type":"registry:block","title":"Changelog Pull Request","description":"A changelog block styled like pull request entries with PR numbers, author names, and merge status badges in emerald, blue, and muted tones.","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/changelog/changelog-pull-request.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-pull-request.tsx"}]},{"name":"changelog-user-migration","type":"registry:block","title":"Changelog User Migration","description":"A user migration progress changelog block built with React, Next.js, shadcn/ui, and Tailwind CSS showing system-to-system migration status with progress bars, user counts, and phase tracking","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/changelog/changelog-user-migration.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-user-migration.tsx"}]},{"name":"changelog-minimal","type":"registry:block","title":"Changelog Minimal","description":"React minimal changelog block for Next.js with clean list entries, version labels, and subtle date stamps built with TypeScript, Framer Motion staggered animations, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/changelog/changelog-minimal.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-minimal.tsx"}]},{"name":"changelog-pr-review-queue","type":"registry:block","title":"Changelog Pr Review Queue","description":"Track PR review status with reviewer assignments, approval counts, and age tracking. Built with React, Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["framer-motion","recharts","lucide-react"],"registryDependencies":["avatar","badge","button","select"],"premium":true,"files":[{"path":"blocks/changelog/changelog-pr-review-queue.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-pr-review-queue.tsx"}]},{"name":"changelog-schema-diff","type":"registry:block","title":"Changelog Schema Diff","description":"React database schema diff viewer changelog block for Next.js displaying added, modified, and removed columns with inline diff highlighting built with shadcn/ui Badge, Tailwind CSS, and Framer Motion.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/changelog/changelog-schema-diff.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-schema-diff.tsx"}]},{"name":"changelog-open-source","type":"registry:block","title":"Changelog Open Source","description":"React open source project changelog block for Next.js with license badges, GitHub-style stats for stars, forks, and contributors, and versioned release entries built with TypeScript, Framer Motion, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/changelog/changelog-open-source.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-open-source.tsx"}]},{"name":"changelog-github-release","type":"registry:block","title":"Changelog Github Release","description":"A GitHub release-style changelog block built with React, Next.js, shadcn/ui, and Tailwind CSS showing version tags, release notes, contributor avatars, and downloadable asset badges","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/changelog/changelog-github-release.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-github-release.tsx"}]},{"name":"changelog-performance-log","type":"registry:block","title":"Changelog Performance Log","description":"React performance metrics changelog block for Next.js showing before and after values with improvement percentages in a clean comparison layout built with TypeScript, Framer Motion, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/changelog/changelog-performance-log.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-performance-log.tsx"}]},{"name":"changelog-release-notes","type":"registry:block","title":"Changelog Release Notes","description":"React changelog release notes block for Next.js with version badges, categorized changes, and collapsible entries built with TypeScript, shadcn/ui, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/changelog/changelog-release-notes.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-release-notes.tsx"}]},{"name":"changelog-automated-test-report","type":"registry:block","title":"Changelog Automated Test Report","description":"Test suite results with pass/fail/skip counts and flaky test indicators for CI/CD pipelines, built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/changelog/changelog-automated-test-report.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-automated-test-report.tsx"}]},{"name":"changelog-enterprise-updates","type":"registry:block","title":"Changelog Enterprise Updates","description":"React enterprise changelog block for Next.js with SSO, SAML, audit log, and permission entries featuring enterprise badges built with TypeScript, Framer Motion staggered animations, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/changelog/changelog-enterprise-updates.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-enterprise-updates.tsx"}]},{"name":"changelog-compact-timeline","type":"registry:block","title":"Changelog Compact Timeline","description":"React changelog block for Next.js with an ultra-compact vertical timeline using tiny dots, thin connecting lines, and minimal text built with TypeScript, Framer Motion staggered animations, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/changelog/changelog-compact-timeline.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-compact-timeline.tsx"}]},{"name":"changelog-notification-bell","type":"registry:block","title":"Changelog Notification Bell","description":"React changelog block with notification preference toggles for Next.js, featuring email and push notification switches in the header with BellIcon built with TypeScript, Framer Motion, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","switch"],"premium":true,"files":[{"path":"blocks/changelog/changelog-notification-bell.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-notification-bell.tsx"}]},{"name":"changelog-ab-test-results","type":"registry:block","title":"Changelog Ab Test Results","description":"An A/B test results changelog block for React and Next.js with variant comparison, confidence intervals, conversion metrics, and winner indicators built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/changelog/changelog-ab-test-results.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-ab-test-results.tsx"}]},{"name":"changelog-experiment-results","type":"registry:block","title":"Changelog Experiment Results","description":"A React changelog component for A/B test results built with Next.js, shadcn/ui, and Tailwind CSS showing statistical significance, lift metrics, and experiment outcomes","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/changelog/changelog-experiment-results.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-experiment-results.tsx"}]},{"name":"changelog-rate-limit-dashboard","type":"registry:block","title":"Changelog Rate Limit Dashboard","description":"A React changelog component for rate limiting changes built with Next.js, shadcn/ui, and Tailwind CSS showing tier-based limits, current usage, and configuration updates","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/changelog/changelog-rate-limit-dashboard.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-rate-limit-dashboard.tsx"}]},{"name":"changelog-kanban-status","type":"registry:block","title":"Changelog Kanban Status","description":"React kanban-style changelog block for Next.js with three-column status layout showing Planned, In Progress, and Done phases built with TypeScript, Framer Motion stagger, and Tailwind CSS grid.","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/changelog/changelog-kanban-status.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-kanban-status.tsx"}]},{"name":"changelog-feedback-votes","type":"registry:block","title":"Changelog Feedback Votes","description":"A feedback votes changelog block for React and Next.js with upvote and downvote reactions, sentiment bars, and user feedback comments built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/changelog/changelog-feedback-votes.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-feedback-votes.tsx"}]},{"name":"changelog-dependency-updates","type":"registry:block","title":"Changelog Dependency Updates","description":"A dependency updates changelog block for React and Next.js with package version diffs, risk indicators, and grouped update categories built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/changelog/changelog-dependency-updates.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-dependency-updates.tsx"}]},{"name":"changelog-localized","type":"registry:block","title":"Changelog Localized","description":"React multi-language changelog block for Next.js with locale switcher, translated entries, and language indicator badges built with TypeScript, shadcn/ui Button and Badge, Framer Motion, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/changelog/changelog-localized.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-localized.tsx"}]},{"name":"changelog-feature-request-board","type":"registry:block","title":"Changelog Feature Request Board","description":"A feature request voting board with request status, vote counts, and priority tracking for React and Next.js applications using shadcn/ui components and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/changelog/changelog-feature-request-board.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-feature-request-board.tsx"}]},{"name":"changelog-stacked-cards","type":"registry:block","title":"Changelog Stacked Cards","description":"React stacked cards changelog block for Next.js with overlapping offset cards, category dot indicators, and smooth stagger animations built with TypeScript, Framer Motion, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/changelog/changelog-stacked-cards.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-stacked-cards.tsx"}]},{"name":"changelog-incident-severity","type":"registry:block","title":"Changelog Incident Severity","description":"Track incidents grouped by severity level (P0-P4) with MTTR metrics and resolution timelines. Built with React, Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","select"],"premium":true,"files":[{"path":"blocks/changelog/changelog-incident-severity.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-incident-severity.tsx"}]},{"name":"changelog-latency-budget","type":"registry:block","title":"Changelog Latency Budget","description":"A changelog displaying latency budget tracking per service with SLO thresholds and burn rate metrics, built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/changelog/changelog-latency-budget.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-latency-budget.tsx"}]},{"name":"changelog-canary-release","type":"registry:block","title":"Changelog Canary Release","description":"A canary deployment progress tracker with traffic percentage controls, error rates, and rollback capabilities built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","slider"],"premium":true,"files":[{"path":"blocks/changelog/changelog-canary-release.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-canary-release.tsx"}]},{"name":"changelog-announcement-banner","type":"registry:block","title":"Changelog Announcement Banner","description":"An announcement banner changelog block built with React, Next.js, shadcn/ui, and Tailwind CSS with a hero banner for the latest update and compact recent entries","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/changelog/changelog-announcement-banner.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-announcement-banner.tsx"}]},{"name":"changelog-database-migration-log","type":"registry:block","title":"Changelog Database Migration Log","description":"A database migration history tracker with up/down scripts and execution time for React and Next.js applications using shadcn/ui components and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/changelog/changelog-database-migration-log.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-database-migration-log.tsx"}]},{"name":"changelog-tag-cloud","type":"registry:block","title":"Changelog Tag Cloud","description":"A filterable changelog block with tag cloud navigation built with React, Next.js, shadcn/ui, and Tailwind CSS for organizing updates by category","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/changelog/changelog-tag-cloud.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-tag-cloud.tsx"}]},{"name":"changelog-component-library","type":"registry:block","title":"Changelog Component Library","description":"A UI component library changelog displaying component names in monospace, version bumps, breaking vs non-breaking badges, and detailed change lists with staggered animations.","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/changelog/changelog-component-library.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-component-library.tsx"}]},{"name":"changelog-feature-sunset","type":"registry:block","title":"Changelog Feature Sunset","description":"Feature deprecation timeline showing phases from announcement to removal. Built with React, Next.js, shadcn/ui, and Tailwind CSS for product roadmap dashboards.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/changelog/changelog-feature-sunset.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-feature-sunset.tsx"}]},{"name":"changelog-webhook-events","type":"registry:block","title":"Changelog Webhook Events","description":"React webhook event types changelog block for Next.js displaying new, updated, and deprecated webhook events with payload previews built with shadcn/ui Badge, Tailwind CSS, and Framer Motion.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/changelog/changelog-webhook-events.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-webhook-events.tsx"}]},{"name":"changelog-contributor-leaderboard","type":"registry:block","title":"Changelog Contributor Leaderboard","description":"A top contributors ranking board with commits, reviews, and impact scores for React and Next.js teams using shadcn/ui components and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","progress"],"premium":true,"files":[{"path":"blocks/changelog/changelog-contributor-leaderboard.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-contributor-leaderboard.tsx"}]},{"name":"changelog-token-usage-report","type":"registry:block","title":"Changelog Token Usage Report","description":"A React changelog component tracking API token and credit consumption across releases with visual graphs and usage analytics built with shadcn/ui, Tailwind CSS, and Next.js","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/changelog/changelog-token-usage-report.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-token-usage-report.tsx"}]},{"name":"changelog-zero-downtime-deploy","type":"registry:block","title":"Changelog Zero Downtime Deploy","description":"A React changelog component tracking zero-downtime deployment strategies with blue-green and rolling deployment status monitoring built with shadcn/ui, Tailwind CSS, and Next.js","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/changelog/changelog-zero-downtime-deploy.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-zero-downtime-deploy.tsx"}]},{"name":"changelog-progress-tracker","type":"registry:block","title":"Changelog Progress Tracker","description":"React changelog block with feature completion progress bars for Next.js showing upcoming features with percentage tracking built with TypeScript, shadcn/ui Progress, Framer Motion, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["progress"],"premium":true,"files":[{"path":"blocks/changelog/changelog-progress-tracker.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-progress-tracker.tsx"}]},{"name":"changelog-infrastructure-cost","type":"registry:block","title":"Changelog Infrastructure Cost","description":"Infrastructure cost changes per release with delta indicators and budget alerts, built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/changelog/changelog-infrastructure-cost.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-infrastructure-cost.tsx"}]},{"name":"changelog-compact-badges","type":"registry:block","title":"Changelog Compact Badges","description":"React compact badge changelog block for Next.js with dense entry list, version badges, and category indicators built with TypeScript, Framer Motion, shadcn/ui, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/changelog/changelog-compact-badges.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-compact-badges.tsx"}]},{"name":"changelog-access-control-changes","type":"registry:block","title":"Changelog Access Control Changes","description":"A React changelog component for RBAC and permission updates built with Next.js, shadcn/ui, and Tailwind CSS showing role-based access changes with before/after states","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/changelog/changelog-access-control-changes.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-access-control-changes.tsx"}]},{"name":"changelog-security-updates","type":"registry:block","title":"Changelog Security Updates","description":"React security updates changelog block for Next.js with severity badges, CVE-style identifiers, affected versions, and fix versions built with TypeScript, Framer Motion staggered animations, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/changelog/changelog-security-updates.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-security-updates.tsx"}]},{"name":"changelog-emoji-categories","type":"registry:block","title":"Changelog Emoji Categories","description":"React emoji-categorized changelog block for Next.js with tagged entries, category indicators, and stagger animations built with TypeScript, Framer Motion, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/changelog/changelog-emoji-categories.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-emoji-categories.tsx"}]},{"name":"changelog-two-column-split","type":"registry:block","title":"Changelog Two Column Split","description":"A two-column changelog layout splitting Added features on the left and Fixed issues on the right, separated by a vertical border for clear categorization","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/changelog/changelog-two-column-split.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-two-column-split.tsx"}]},{"name":"changelog-rate-limit-changes","type":"registry:block","title":"Changelog Rate Limit Changes","description":"React API rate limit changelog block for Next.js with before-and-after comparisons, endpoint grouping, and tier-based limit tables built with TypeScript, shadcn/ui Badge and Button, Framer Motion, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/changelog/changelog-rate-limit-changes.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-rate-limit-changes.tsx"}]},{"name":"changelog-linked-issues","type":"registry:block","title":"Changelog Linked Issues","description":"React changelog block for Next.js with linked issue and ticket references in monospace, clickable project IDs, and categorized entries built with TypeScript, Framer Motion staggered animations, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/changelog/changelog-linked-issues.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-linked-issues.tsx"}]},{"name":"changelog-permission-changes","type":"registry:block","title":"Changelog Permission Changes","description":"React changelog block for Next.js displaying permission and role change audits with added or removed indicators, role badges, affected user counts, and author attribution built with TypeScript, Framer Motion, shadcn/ui Badge, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/changelog/changelog-permission-changes.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-permission-changes.tsx"}]},{"name":"changelog-migration-guide","type":"registry:block","title":"Changelog Migration Guide","description":"A changelog block showing step-by-step migration instructions with numbered steps, code snippet blocks, and a migration deadline badge for version upgrades.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/changelog/changelog-migration-guide.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-migration-guide.tsx"}]},{"name":"changelog-preview-deployments","type":"registry:block","title":"Changelog Preview Deployments","description":"A changelog block tracking preview deployment URLs, branch status, and deployment health for pull request workflows built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/changelog/changelog-preview-deployments.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-preview-deployments.tsx"}]},{"name":"changelog-alert-rules","type":"registry:block","title":"Changelog Alert Rules","description":"Alert rule changelog tracking threshold changes and notification channels. Built with React, Next.js, shadcn/ui, and Tailwind CSS for production monitoring dashboards.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","input"],"premium":true,"files":[{"path":"blocks/changelog/changelog-alert-rules.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-alert-rules.tsx"}]},{"name":"changelog-category-sections","type":"registry:block","title":"Changelog Category Sections","description":"React category sections changelog block for Next.js with entries grouped under emoji section headers for features, bug fixes, and improvements built with TypeScript, Framer Motion, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/changelog/changelog-category-sections.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-category-sections.tsx"}]},{"name":"changelog-monorepo-packages","type":"registry:block","title":"Changelog Monorepo Packages","description":"A changelog block showing monorepo package release matrix with version changes, package dependencies, and multi-package deployments built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/changelog/changelog-monorepo-packages.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-monorepo-packages.tsx"}]},{"name":"changelog-export-pdf","type":"registry:block","title":"Changelog Export Pdf","description":"React export-to-PDF changelog block for Next.js with document preview pane, version selector, and download action built with TypeScript, shadcn/ui Button and Badge, Framer Motion, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/changelog/changelog-export-pdf.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-export-pdf.tsx"}]},{"name":"changelog-config-changes","type":"registry:block","title":"Changelog Config Changes","description":"A configuration changes changelog block built with React, Next.js, shadcn/ui, and Tailwind CSS showing before and after values with diff-style comparison for environment settings","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/changelog/changelog-config-changes.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-config-changes.tsx"}]},{"name":"changelog-api-deprecation-timeline","type":"registry:block","title":"Changelog Api Deprecation Timeline","description":"An API deprecation timeline changelog block for React and Next.js with deprecation phases, migration deadlines, sunset dates, and code replacement examples built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/changelog/changelog-api-deprecation-timeline.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-api-deprecation-timeline.tsx"}]},{"name":"changelog-condensed-feed","type":"registry:block","title":"Changelog Condensed Feed","description":"An ultra-condensed changelog feed with single-line entries showing just a dot indicator, title, and date for maximum information density","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/changelog/changelog-condensed-feed.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-condensed-feed.tsx"}]},{"name":"changelog-version-tabs","type":"registry:block","title":"Changelog Version Tabs","description":"React version tabs changelog block for Next.js with horizontal tab navigation, version-specific change lists, and animated tab transitions built with TypeScript, Framer Motion AnimatePresence, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/changelog/changelog-version-tabs.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-version-tabs.tsx"}]},{"name":"changelog-status-page","type":"registry:block","title":"Changelog Status Page","description":"React status page changelog block for Next.js with operational status indicator, system health dot, and recent changes list built with TypeScript, shadcn/ui Badge, Framer Motion, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/changelog/changelog-status-page.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-status-page.tsx"}]},{"name":"changelog-expandable-entries","type":"registry:block","title":"Changelog Expandable Entries","description":"React expandable entries changelog block for Next.js with click-to-reveal details, code snippets, and chevron indicators built with TypeScript, Framer Motion, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/changelog/changelog-expandable-entries.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-expandable-entries.tsx"}]},{"name":"changelog-diff-viewer","type":"registry:block","title":"Changelog Diff Viewer","description":"A before-and-after diff viewer changelog block built with React, Next.js, shadcn/ui, and Tailwind CSS showing configuration changes with strikethrough and highlight","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/changelog/changelog-diff-viewer.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-diff-viewer.tsx"}]},{"name":"changelog-feature-adoption","type":"registry:block","title":"Changelog Feature Adoption","description":"A React feature adoption changelog block for Next.js with adoption rate tracking, usage trends, activation funnels, and retention metrics per feature release built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/changelog/changelog-feature-adoption.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-feature-adoption.tsx"}]},{"name":"changelog-code-owners","type":"registry:block","title":"Changelog Code Owners","description":"A code ownership tracker showing file paths, team assignments, review statistics, and approval workflows built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["avatar","badge","button"],"premium":true,"files":[{"path":"blocks/changelog/changelog-code-owners.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-code-owners.tsx"}]},{"name":"changelog-audit-trail","type":"registry:block","title":"Changelog Audit Trail","description":"A security-focused audit trail changelog with actor, action, resource, timestamp, and IP address tracking built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/changelog/changelog-audit-trail.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-audit-trail.tsx"}]},{"name":"changelog-infrastructure","type":"registry:block","title":"Changelog Infrastructure","description":"An infrastructure and DevOps changelog displaying region deployments, scaling events, and service updates with service name badges and staggered motion animations.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/changelog/changelog-infrastructure.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-infrastructure.tsx"}]},{"name":"changelog-year-in-review","type":"registry:block","title":"Changelog Year In Review","description":"React year in review changelog block for Next.js with annual stat numbers, quarterly highlights, and categorized entries built with TypeScript, shadcn/ui Badge, Framer Motion, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/changelog/changelog-year-in-review.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-year-in-review.tsx"}]},{"name":"changelog-incident-timeline","type":"registry:block","title":"Changelog Incident Timeline","description":"An incident response timeline showing status progression from investigating through identified, monitoring, to resolved, with timestamps and staggered entrance animations.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/changelog/changelog-incident-timeline.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-incident-timeline.tsx"}]},{"name":"changelog-stats-summary","type":"registry:block","title":"Changelog Stats Summary","description":"React stats summary changelog block for Next.js with metric counters, category breakdowns, and recent entries built with TypeScript, Framer Motion, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/changelog/changelog-stats-summary.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-stats-summary.tsx"}]},{"name":"changelog-api-endpoint","type":"registry:block","title":"Changelog Api Endpoint","description":"A changelog block displaying REST API endpoint changes with color-coded method badges, monospace endpoint paths, and detailed descriptions of each modification.","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/changelog/changelog-api-endpoint.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-api-endpoint.tsx"}]},{"name":"changelog-retention-impact","type":"registry:block","title":"Changelog Retention Impact","description":"Analyze user retention impact per release with cohort metrics and engagement tracking. Built with React, Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","select"],"premium":true,"files":[{"path":"blocks/changelog/changelog-retention-impact.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-retention-impact.tsx"}]},{"name":"changelog-ai-risk-assessment","type":"registry:block","title":"Changelog Ai Risk Assessment","description":"An AI-powered risk assessment changelog analyzing changes with severity scoring and impact predictions using React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/changelog/changelog-ai-risk-assessment.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-ai-risk-assessment.tsx"}]},{"name":"changelog-queue-metrics","type":"registry:block","title":"Changelog Queue Metrics","description":"A changelog showing message queue metrics per release including throughput, lag, and dead letter queue stats, built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/changelog/changelog-queue-metrics.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-queue-metrics.tsx"}]},{"name":"changelog-runtime-flags","type":"registry:block","title":"Changelog Runtime Flags","description":"A changelog tracking runtime feature flags and A/B experiment assignments across releases, built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/changelog/changelog-runtime-flags.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-runtime-flags.tsx"}]},{"name":"changelog-drag-reorder","type":"registry:block","title":"Changelog Drag Reorder","description":"React drag-to-reorder changelog block for Next.js with grab handles, animated repositioning, and priority numbering built with TypeScript, shadcn/ui Button, Framer Motion Reorder, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/changelog/changelog-drag-reorder.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-drag-reorder.tsx"}]},{"name":"changelog-sdk-versions","type":"registry:block","title":"Changelog Sdk Versions","description":"A multi-platform SDK version matrix displaying latest versions, release dates, and platform badges for JavaScript, Python, Go, and Ruby SDKs with staggered animations.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/changelog/changelog-sdk-versions.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-sdk-versions.tsx"}]},{"name":"changelog-release-train","type":"registry:block","title":"Changelog Release Train","description":"A release train schedule display with version lanes, deployment windows, and environment progression tracking built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/changelog/changelog-release-train.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-release-train.tsx"}]},{"name":"changelog-gradient-header","type":"registry:block","title":"Changelog Gradient Header","description":"React changelog block for Next.js with visually distinct version headers using alternating muted backgrounds, prominent version numbers, and categorized entries built with TypeScript, Framer Motion, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/changelog/changelog-gradient-header.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-gradient-header.tsx"}]},{"name":"changelog-screenshot-gallery","type":"registry:block","title":"Changelog Screenshot Gallery","description":"React changelog block for Next.js with image placeholder grids showing visual diffs and UI screenshots alongside version notes for design-heavy release updates built with TypeScript, Framer Motion, shadcn/ui Badge, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/changelog/changelog-screenshot-gallery.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-screenshot-gallery.tsx"}]},{"name":"changelog-microservice-versions","type":"registry:block","title":"Changelog Microservice Versions","description":"A changelog showing microservice version matrix with deployed versions per environment, built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/changelog/changelog-microservice-versions.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-microservice-versions.tsx"}]},{"name":"changelog-mobile-release-notes","type":"registry:block","title":"Changelog Mobile Release Notes","description":"A React changelog component for mobile releases built with Next.js, shadcn/ui, and Tailwind CSS showing iOS/Android platform badges, app store status, and version-specific features","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/changelog/changelog-mobile-release-notes.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-mobile-release-notes.tsx"}]},{"name":"changelog-error-budget","type":"registry:block","title":"Changelog Error Budget","description":"A React error budget changelog block for Next.js with budget remaining bars, burn rate indicators, incident impact tracking, and per-release consumption metrics built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/changelog/changelog-error-budget.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-error-budget.tsx"}]},{"name":"changelog-rollback-wizard","type":"registry:block","title":"Changelog Rollback Wizard","description":"A step-by-step rollback interface for reverting to previous versions with confirmation and impact assessment using React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/changelog/changelog-rollback-wizard.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-rollback-wizard.tsx"}]},{"name":"changelog-data-pipeline-changes","type":"registry:block","title":"Changelog Data Pipeline Changes","description":"A React changelog component for data pipeline updates built with Next.js, shadcn/ui, and Tailwind CSS showing source/destination changes, transformations, and data flow modifications","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/changelog/changelog-data-pipeline-changes.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-data-pipeline-changes.tsx"}]},{"name":"changelog-data-migration","type":"registry:block","title":"Changelog Data Migration","description":"A changelog block displaying data migration execution records with migration name, records affected, duration, and completion status using staggered animations.","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/changelog/changelog-data-migration.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-data-migration.tsx"}]},{"name":"changelog-ai-commit-analyzer","type":"registry:block","title":"Changelog Ai Commit Analyzer","description":"A React AI commit analyzer changelog block for Next.js with impact scoring, risk assessment, categorized commit summaries, and change statistics built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/changelog/changelog-ai-commit-analyzer.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-ai-commit-analyzer.tsx"}]},{"name":"changelog-rollback-history","type":"registry:block","title":"Changelog Rollback History","description":"A changelog block displaying version rollback and revert records with source and target versions, rollback reasons, and resolution status for deployment tracking.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/changelog/changelog-rollback-history.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-rollback-history.tsx"}]},{"name":"changelog-commit-frequency-heatmap","type":"registry:block","title":"Changelog Commit Frequency Heatmap","description":"A GitHub-style contribution heatmap showing commit frequency by day, built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/changelog/changelog-commit-frequency-heatmap.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-commit-frequency-heatmap.tsx"}]},{"name":"changelog-accordion","type":"registry:block","title":"Changelog Accordion","description":"React accordion changelog block for Next.js with collapsible version sections using shadcn/ui Collapsible component built with TypeScript, Framer Motion staggered animations, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","collapsible"],"premium":true,"files":[{"path":"blocks/changelog/changelog-accordion.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-accordion.tsx"}]},{"name":"changelog-workflow-automation","type":"registry:block","title":"Changelog Workflow Automation","description":"A React changelog component tracking workflow automation changes with trigger definitions, action configurations, and conditional logic built with shadcn/ui, Tailwind CSS, and Next.js","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/changelog/changelog-workflow-automation.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-workflow-automation.tsx"}]},{"name":"changelog-rss-feed","type":"registry:block","title":"Changelog Rss Feed","description":"An RSS feed-style changelog block built with React, Next.js, shadcn/ui, and Tailwind CSS featuring subscribe toggle, category badges, and publication timestamps","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","input","switch"],"premium":true,"files":[{"path":"blocks/changelog/changelog-rss-feed.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-rss-feed.tsx"}]},{"name":"changelog-event-stream","type":"registry:block","title":"Changelog Event Stream","description":"A real-time event stream changelog with live status indicators, message types, and auto-scrolling functionality built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/changelog/changelog-event-stream.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-event-stream.tsx"}]},{"name":"changelog-sidebar-nav","type":"registry:block","title":"Changelog Sidebar Nav","description":"React two-panel sidebar changelog block for Next.js with category navigation, filtered entries, and stagger animations built with TypeScript, Framer Motion, shadcn/ui, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/changelog/changelog-sidebar-nav.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-sidebar-nav.tsx"}]},{"name":"changelog-copy-link","type":"registry:block","title":"Changelog Copy Link","description":"React changelog block with per-entry copy link buttons for Next.js, featuring permalink copying with CheckIcon confirmation, ghost buttons, and staggered animations built with TypeScript, Framer Motion, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/changelog/changelog-copy-link.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-copy-link.tsx"}]},{"name":"changelog-customer-changelog","type":"registry:block","title":"Changelog Customer Changelog","description":"Customer-friendly changelog with accessible language and feature highlights for end users, built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/changelog/changelog-customer-changelog.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-customer-changelog.tsx"}]},{"name":"changelog-documentation-updates","type":"registry:block","title":"Changelog Documentation Updates","description":"A changelog block tracking documentation changes with page or section affected, change type such as New Page, Updated, or Rewritten, and author attribution with staggered motion.","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/changelog/changelog-documentation-updates.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-documentation-updates.tsx"}]},{"name":"changelog-team-contributions","type":"registry:block","title":"Changelog Team Contributions","description":"React team contributions changelog block for Next.js with changes grouped by team, member counts, and team-specific entries built with TypeScript, Framer Motion staggered animations, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/changelog/changelog-team-contributions.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-team-contributions.tsx"}]},{"name":"changelog-semantic-versioning","type":"registry:block","title":"Changelog Semantic Versioning","description":"React semver changelog block for Next.js with color-coded MAJOR.MINOR.PATCH breakdown explaining each version segment built with TypeScript, Framer Motion stagger, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/changelog/changelog-semantic-versioning.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-semantic-versioning.tsx"}]},{"name":"changelog-author-grouped","type":"registry:block","title":"Changelog Author Grouped","description":"React changelog block for Next.js grouped by contributor with avatar initials, author names, roles, and individual change lists built with TypeScript, Framer Motion staggered animations, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/changelog/changelog-author-grouped.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-author-grouped.tsx"}]},{"name":"changelog-load-more","type":"registry:block","title":"Changelog Load More","description":"React changelog block with progressive loading for Next.js, featuring a Load More button that reveals additional entries in batches with staggered animations built with TypeScript, Framer Motion, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/changelog/changelog-load-more.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-load-more.tsx"}]},{"name":"changelog-code-diff","type":"registry:block","title":"Changelog Code Diff","description":"React changelog block with inline code diff view showing added and removed lines in a monospace dark panel built with TypeScript, Framer Motion, and Tailwind CSS.","dependencies":["framer-motion","date-fns","lucide-react"],"premium":true,"files":[{"path":"blocks/changelog/changelog-code-diff.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-code-diff.tsx"}]},{"name":"changelog-environment-config-diff","type":"registry:block","title":"Changelog Environment Config Diff","description":"A side-by-side environment configuration comparison tool for staging vs production using React, Next.js, shadcn/ui components, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/changelog/changelog-environment-config-diff.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-environment-config-diff.tsx"}]},{"name":"changelog-commit-log","type":"registry:block","title":"Changelog Commit Log","description":"A git commit-style changelog block built with React, Next.js, shadcn/ui, and Tailwind CSS with monospace hashes, authors, and relative timestamps","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/changelog/changelog-commit-log.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-commit-log.tsx"}]},{"name":"changelog-on-call-handoff","type":"registry:block","title":"Changelog On Call Handoff","description":"A changelog block for on-call rotation handoffs showing incidents handled, resolution notes, and next responder assignments built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/changelog/changelog-on-call-handoff.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-on-call-handoff.tsx"}]},{"name":"changelog-package-changelog","type":"registry:block","title":"Changelog Package Changelog","description":"Track package releases with version diffs, download statistics, and breaking change indicators. Built with React, Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","select"],"premium":true,"files":[{"path":"blocks/changelog/changelog-package-changelog.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-package-changelog.tsx"}]},{"name":"changelog-design-system","type":"registry:block","title":"Changelog Design System","description":"A changelog block for design system component updates showing component names, change types like New, Updated, or Deprecated, and visual change descriptions with staggered reveal.","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/changelog/changelog-design-system.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-design-system.tsx"}]},{"name":"changelog-newsletter","type":"registry:block","title":"Changelog Newsletter","description":"An email newsletter-style changelog layout built with React, Next.js, shadcn/ui, and Tailwind CSS featuring a featured entry and weekly update digest","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/changelog/changelog-newsletter.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-newsletter.tsx"}]},{"name":"changelog-dependency-graph","type":"registry:block","title":"Changelog Dependency Graph","description":"A visual dependency tree showing package relationships, version constraints, and update status built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/changelog/changelog-dependency-graph.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-dependency-graph.tsx"}]},{"name":"changelog-environment-rollout","type":"registry:block","title":"Changelog Environment Rollout","description":"An environment rollout changelog block for React and Next.js with staged deployment progress, environment status indicators, and rollout percentage bars built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/changelog/changelog-environment-rollout.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-environment-rollout.tsx"}]},{"name":"changelog-hotfix-log","type":"registry:block","title":"Changelog Hotfix Log","description":"A changelog block displaying emergency hotfix and patch records with urgency indicators, affected versions, and detailed fix descriptions for production incidents.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/changelog/changelog-hotfix-log.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-hotfix-log.tsx"}]},{"name":"changelog-downtime-schedule","type":"registry:block","title":"Changelog Downtime Schedule","description":"Plan and communicate maintenance windows with duration bars, affected services, and impact timelines. Built with React, Next.js, shadcn/ui, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","select"],"premium":true,"files":[{"path":"blocks/changelog/changelog-downtime-schedule.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-downtime-schedule.tsx"}]},{"name":"changelog-test-coverage","type":"registry:block","title":"Changelog Test Coverage","description":"React test coverage metrics changelog block for Next.js displaying per-release coverage percentages, pass/fail counts, and trend indicators built with shadcn/ui Badge, Tailwind CSS, and Framer Motion.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/changelog/changelog-test-coverage.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-test-coverage.tsx"}]},{"name":"changelog-service-dependency-map","type":"registry:block","title":"Changelog Service Dependency Map","description":"A changelog block visualizing service dependencies with upstream/downstream impact analysis and deployment orchestration built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/changelog/changelog-service-dependency-map.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-service-dependency-map.tsx"}]},{"name":"changelog-whats-next","type":"registry:block","title":"Changelog Whats Next","description":"React upcoming features changelog block for Next.js with planned, in development, and beta status badges for future entries built with TypeScript, Framer Motion staggered animations, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/changelog/changelog-whats-next.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-whats-next.tsx"}]},{"name":"changelog-feature-spotlight","type":"registry:block","title":"Changelog Feature Spotlight","description":"A changelog block with a hero section highlighting the primary new feature and a compact list of other updates grouped beneath it.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/changelog/changelog-feature-spotlight.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-feature-spotlight.tsx"}]},{"name":"changelog-release-blockers","type":"registry:block","title":"Changelog Release Blockers","description":"A changelog block displaying critical release blockers with issue tracking, owner assignments, and resolution status built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/changelog/changelog-release-blockers.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-release-blockers.tsx"}]},{"name":"changelog-ai-generated-summary","type":"registry:block","title":"Changelog Ai Generated Summary","description":"An AI-generated changelog summary block for React and Next.js with auto-summarized release highlights, confidence scores, and key metrics built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/changelog/changelog-ai-generated-summary.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-ai-generated-summary.tsx"}]},{"name":"changelog-lighthouse-scores","type":"registry:block","title":"Changelog Lighthouse Scores","description":"React Lighthouse performance scores changelog block for Next.js showing performance, accessibility, best practices, and SEO metrics per release built with shadcn/ui Badge, Tailwind CSS, and Framer Motion.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/changelog/changelog-lighthouse-scores.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-lighthouse-scores.tsx"}]},{"name":"changelog-customer-impact","type":"registry:block","title":"Changelog Customer Impact","description":"A customer impact changelog block for React and Next.js with affected user counts, severity indicators, and resolution status built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/changelog/changelog-customer-impact.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-customer-impact.tsx"}]},{"name":"changelog-subscribe-updates","type":"registry:block","title":"Changelog Subscribe Updates","description":"React changelog with email subscription block for Next.js with recent changes, inline subscribe form, and success state animation built with TypeScript, shadcn/ui Input and Button, Framer Motion, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","input"],"premium":true,"files":[{"path":"blocks/changelog/changelog-subscribe-updates.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-subscribe-updates.tsx"}]},{"name":"changelog-filterable","type":"registry:block","title":"Changelog Filterable","description":"React filterable changelog block for Next.js with category toggle filters, animated entry transitions, and count badges built with TypeScript, shadcn/ui Button, Framer Motion, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"blocks/changelog/changelog-filterable.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-filterable.tsx"}]},{"name":"changelog-video-walkthrough","type":"registry:block","title":"Changelog Video Walkthrough","description":"React video embed changelog block for Next.js with thumbnail previews, play overlays, duration badges, and expandable entry details built with shadcn/ui, Tailwind CSS, and Framer Motion animations.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/changelog/changelog-video-walkthrough.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-video-walkthrough.tsx"}]},{"name":"changelog-bundle-size","type":"registry:block","title":"Changelog Bundle Size","description":"React bundle size comparison changelog block for Next.js displaying gzipped sizes per release with visual bar indicators and delta percentages built with shadcn/ui Badge, Tailwind CSS, and Framer Motion.","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/changelog/changelog-bundle-size.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-bundle-size.tsx"}]},{"name":"changelog-api-changes","type":"registry:block","title":"Changelog Api Changes","description":"An API-specific changelog block built with React, Next.js, shadcn/ui, and Tailwind CSS showing endpoint changes with HTTP method badges and monospace paths","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/changelog/changelog-api-changes.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-api-changes.tsx"}]},{"name":"changelog-database-schema","type":"registry:block","title":"Changelog Database Schema","description":"A changelog block showing database migration history with operation type badges, monospace table names, and detailed migration descriptions for each schema change.","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/changelog/changelog-database-schema.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-database-schema.tsx"}]},{"name":"changelog-region-rollout","type":"registry:block","title":"Changelog Region Rollout","description":"A React geographic region rollout changelog block for Next.js with region-level deployment status, rollout percentages, and latency metrics built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/changelog/changelog-region-rollout.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-region-rollout.tsx"}]},{"name":"changelog-observability-config","type":"registry:block","title":"Changelog Observability Config","description":"A changelog tracking observability configuration changes including logging, tracing, and metrics endpoints, built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/changelog/changelog-observability-config.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-observability-config.tsx"}]},{"name":"changelog-api-usage-metrics","type":"registry:block","title":"Changelog Api Usage Metrics","description":"An API endpoint usage tracker with request counts, latency percentiles, error rates, and rate limit monitoring built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/changelog/changelog-api-usage-metrics.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-api-usage-metrics.tsx"}]},{"name":"changelog-api-response-time","type":"registry:block","title":"Changelog Api Response Time","description":"An API response time improvement tracking changelog block built with React, Next.js, shadcn/ui, and Tailwind CSS showing latency reductions with before/after metrics and percentage gains","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/changelog/changelog-api-response-time.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-api-response-time.tsx"}]},{"name":"changelog-pricing-updates","type":"registry:block","title":"Changelog Pricing Updates","description":"A changelog block displaying pricing change history with strikethrough old prices, new prices, plan names, and effective dates in a clean comparison format.","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/changelog/changelog-pricing-updates.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-pricing-updates.tsx"}]},{"name":"changelog-vulnerability-disclosure","type":"registry:block","title":"Changelog Vulnerability Disclosure","description":"A React changelog component for responsible security vulnerability disclosures with CVSS scores, timeline tracking, and remediation status built with shadcn/ui, Tailwind CSS, and Next.js","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/changelog/changelog-vulnerability-disclosure.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-vulnerability-disclosure.tsx"}]},{"name":"changelog-mobile-app","type":"registry:block","title":"Changelog Mobile App","description":"A mobile app update log showing build numbers, app store versions, platform icons, and What is New descriptions with staggered entrance animations for iOS and Android releases.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/changelog/changelog-mobile-app.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-mobile-app.tsx"}]},{"name":"changelog-checklist-style","type":"registry:block","title":"Changelog Checklist Style","description":"A changelog block styled as a completed checklist with filled check circles and titles conveying a satisfying sense of shipped accomplishments","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/changelog/changelog-checklist-style.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-checklist-style.tsx"}]},{"name":"changelog-desktop-app","type":"registry:block","title":"Changelog Desktop App","description":"A desktop application version history block with OS platform labels, build channel badges, version numbers, and detailed release notes for cross-platform software updates.","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/changelog/changelog-desktop-app.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-desktop-app.tsx"}]},{"name":"changelog-build-pipeline","type":"registry:block","title":"Changelog Build Pipeline","description":"A CI/CD build pipeline visualization with stage status, duration, and error tracking for React and Next.js projects using shadcn/ui components and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/changelog/changelog-build-pipeline.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-build-pipeline.tsx"}]},{"name":"changelog-sla-compliance","type":"registry:block","title":"Changelog Sla Compliance","description":"A React SLA compliance changelog block for Next.js with uptime metrics, response time targets, breach indicators, and compliance history built with shadcn/ui and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/changelog/changelog-sla-compliance.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-sla-compliance.tsx"}]},{"name":"changelog-load-test-results","type":"registry:block","title":"Changelog Load Test Results","description":"A changelog block displaying load test performance metrics with RPS, latency percentiles (p50/p95/p99), and error thresholds built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/changelog/changelog-load-test-results.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-load-test-results.tsx"}]},{"name":"changelog-color-coded","type":"registry:block","title":"Changelog Color Coded","description":"React color-coded changelog block for Next.js with category-based left border strips in emerald, red, blue, and amber built with TypeScript, Framer Motion staggered animations, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/changelog/changelog-color-coded.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-color-coded.tsx"}]},{"name":"changelog-api-versioning-matrix","type":"registry:block","title":"Changelog Api Versioning Matrix","description":"API version compatibility matrix with supported/deprecated status indicators, built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/changelog/changelog-api-versioning-matrix.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-api-versioning-matrix.tsx"}]},{"name":"changelog-bookmark-saves","type":"registry:block","title":"Changelog Bookmark Saves","description":"React bookmarkable changelog block for Next.js with save/unsave toggles, bookmark counts, saved entries filter, and persistent selection indicators built with shadcn/ui, Tailwind CSS, and Framer Motion animations.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/changelog/changelog-bookmark-saves.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-bookmark-saves.tsx"}]},{"name":"changelog-beta-features","type":"registry:block","title":"Changelog Beta Features","description":"A changelog block showcasing beta and experimental features with color-coded status badges, opt-in descriptions, and release dates in a clean staggered list layout.","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/changelog/changelog-beta-features.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-beta-features.tsx"}]},{"name":"changelog-milestone-markers","type":"registry:block","title":"Changelog Milestone Markers","description":"React changelog timeline with diamond milestone markers for major releases and smaller dots for patches built with TypeScript, Framer Motion, shadcn/ui Badge, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/changelog/changelog-milestone-markers.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-milestone-markers.tsx"}]},{"name":"changelog-security-patch-tracker","type":"registry:block","title":"Changelog Security Patch Tracker","description":"CVE tracking with severity badges, patch status, and affected versions for security-critical releases, built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/changelog/changelog-security-patch-tracker.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-security-patch-tracker.tsx"}]},{"name":"changelog-feature-flags","type":"registry:block","title":"Changelog Feature Flags","description":"A changelog block tracking feature flag toggle history with flag names, state transitions, rollout percentages, and target audience segments for controlled releases.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/changelog/changelog-feature-flags.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-feature-flags.tsx"}]},{"name":"changelog-sprint-summary","type":"registry:block","title":"Changelog Sprint Summary","description":"React sprint summary changelog block for Next.js with iteration number, date range, velocity stats, and categorized entries built with TypeScript, shadcn/ui Badge, Framer Motion, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/changelog/changelog-sprint-summary.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-sprint-summary.tsx"}]},{"name":"changelog-post-mortem","type":"registry:block","title":"Changelog Post Mortem","description":"An incident post-mortem summary with timeline, root cause analysis, impact metrics, and action items built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/changelog/changelog-post-mortem.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-post-mortem.tsx"}]},{"name":"changelog-deployment-regions-map","type":"registry:block","title":"Changelog Deployment Regions Map","description":"A global deployment status map showing rollout progress across regions with live status indicators built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/changelog/changelog-deployment-regions-map.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-deployment-regions-map.tsx"}]},{"name":"changelog-release-banner","type":"registry:block","title":"Changelog Release Banner","description":"React release banner changelog block for Next.js with a prominent latest release section, version badge, key highlight, and compact change list built with TypeScript, Framer Motion, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/changelog/changelog-release-banner.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-release-banner.tsx"}]},{"name":"changelog-compliance-audit","type":"registry:block","title":"Changelog Compliance Audit","description":"SOC2, HIPAA, and GDPR compliance controls with evidence status tracking. Built with React, Next.js, shadcn/ui, and Tailwind CSS for security and compliance dashboards.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/changelog/changelog-compliance-audit.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-compliance-audit.tsx"}]},{"name":"changelog-accessibility-log","type":"registry:block","title":"Changelog Accessibility Log","description":"React accessibility improvements changelog block for Next.js with WCAG compliance levels, affected components, and improvement descriptions built with TypeScript, Framer Motion stagger, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/changelog/changelog-accessibility-log.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-accessibility-log.tsx"}]},{"name":"changelog-git-branch-timeline","type":"registry:block","title":"Changelog Git Branch Timeline","description":"A git branch visualization with merge points, release tags, and commit history for React and Next.js projects using shadcn/ui components and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/changelog/changelog-git-branch-timeline.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-git-branch-timeline.tsx"}]},{"name":"changelog-priority-sorted","type":"registry:block","title":"Changelog Priority Sorted","description":"React priority sorted changelog block for Next.js with color-coded impact levels, left border accents for critical through low severity, and sorted entry display built with TypeScript, Framer Motion, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/changelog/changelog-priority-sorted.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-priority-sorted.tsx"}]},{"name":"changelog-third-party-integrations","type":"registry:block","title":"Changelog Third Party Integrations","description":"A React changelog component displaying third-party integration updates with API versions, health status, and connection monitoring built with shadcn/ui, Tailwind CSS, and Next.js","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/changelog/changelog-third-party-integrations.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-third-party-integrations.tsx"}]},{"name":"changelog-deprecation-notices","type":"registry:block","title":"Changelog Deprecation Notices","description":"React deprecation notices changelog block for Next.js with sunset dates, replacement suggestions, countdown labels showing days remaining, and visual urgency indicators built with TypeScript, Framer Motion, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/changelog/changelog-deprecation-notices.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-deprecation-notices.tsx"}]},{"name":"changelog-numbered-list","type":"registry:block","title":"Changelog Numbered List","description":"React numbered changelog block for Next.js with sequentially numbered entries in circular badges, titles, descriptions, and dates built with TypeScript, Framer Motion staggered animations, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/changelog/changelog-numbered-list.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-numbered-list.tsx"}]},{"name":"changelog-contributor-stats","type":"registry:block","title":"Changelog Contributor Stats","description":"A changelog block displaying top contributors with avatar initials and commit count bars alongside recent entries attributed to each contributor.","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/changelog/changelog-contributor-stats.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-contributor-stats.tsx"}]},{"name":"changelog-ux-research-findings","type":"registry:block","title":"Changelog Ux Research Findings","description":"A React changelog component displaying user experience research insights tied to releases with participant quotes, metrics, and behavioral data built with shadcn/ui, Tailwind CSS, and Next.js","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/changelog/changelog-ux-research-findings.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-ux-research-findings.tsx"}]},{"name":"changelog-error-rate-comparison","type":"registry:block","title":"Changelog Error Rate Comparison","description":"Error rate comparison before and after release with sparkline trend charts. Built with React, Next.js, shadcn/ui, and Tailwind CSS for reliability monitoring dashboards.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/changelog/changelog-error-rate-comparison.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-error-rate-comparison.tsx"}]},{"name":"changelog-card-grid","type":"registry:block","title":"Changelog Card Grid","description":"React card grid changelog block for Next.js with feature cards, category badges, and responsive two-column layout built with TypeScript, shadcn/ui Badge, Framer Motion, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/changelog/changelog-card-grid.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-card-grid.tsx"}]},{"name":"changelog-release-approval-flow","type":"registry:block","title":"Changelog Release Approval Flow","description":"Multi-step release approval workflow with approver chain and status tracking, built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/changelog/changelog-release-approval-flow.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-release-approval-flow.tsx"}]},{"name":"changelog-platform-specific","type":"registry:block","title":"Changelog Platform Specific","description":"React platform specific changelog block for Next.js with tabbed filtering for Web, iOS, Android, and API platforms, showing per-platform entries built with TypeScript, Framer Motion, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/changelog/changelog-platform-specific.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-platform-specific.tsx"}]},{"name":"changelog-uptime-history","type":"registry:block","title":"Changelog Uptime History","description":"An uptime metrics dashboard showing percentage bars per service with 99.98% precision, incident listings with resolution times, and smooth staggered animations.","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/changelog/changelog-uptime-history.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-uptime-history.tsx"}]},{"name":"changelog-stakeholder-summary","type":"registry:block","title":"Changelog Stakeholder Summary","description":"A non-technical stakeholder summary changelog with business impact and user benefit highlights, built with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/changelog/changelog-stakeholder-summary.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-stakeholder-summary.tsx"}]},{"name":"changelog-split-view","type":"registry:block","title":"Changelog Split View","description":"React split view changelog block for Next.js with date sidebar, change details panel, and active state highlighting built with TypeScript, Framer Motion, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/changelog/changelog-split-view.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-split-view.tsx"}]},{"name":"changelog-before-after","type":"registry:block","title":"Changelog Before After","description":"React changelog block with before and after comparison cards showing old versus new behavior for each change built with TypeScript, Framer Motion, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/changelog/changelog-before-after.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-before-after.tsx"}]},{"name":"changelog-feature-comparison-matrix","type":"registry:block","title":"Changelog Feature Comparison Matrix","description":"A comprehensive feature comparison matrix across multiple versions showing capabilities at a glance with React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/changelog/changelog-feature-comparison-matrix.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-feature-comparison-matrix.tsx"}]},{"name":"changelog-hover-details","type":"registry:block","title":"Changelog Hover Details","description":"A changelog block where entries show only titles by default and smoothly reveal full descriptions on hover with animated height transitions","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/changelog/changelog-hover-details.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-hover-details.tsx"}]},{"name":"changelog-hotfix-tracker","type":"registry:block","title":"Changelog Hotfix Tracker","description":"A hotfix tracking dashboard with urgency levels, deployment status, and incident tracking for React and Next.js applications using shadcn/ui components and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/changelog/changelog-hotfix-tracker.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-hotfix-tracker.tsx"}]},{"name":"changelog-dark-minimal","type":"registry:block","title":"Changelog Dark Minimal","description":"A dark-themed minimal changelog block with a developer-tool aesthetic featuring light text on dark backgrounds and terminal-inspired styling","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/changelog/changelog-dark-minimal.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-dark-minimal.tsx"}]},{"name":"changelog-share-social","type":"registry:block","title":"Changelog Share Social","description":"React changelog block with social sharing buttons for Next.js, featuring Twitter/X share and copy link icons per entry with ghost button styling built with TypeScript, Framer Motion, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/changelog/changelog-share-social.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-share-social.tsx"}]},{"name":"changelog-developer-experience","type":"registry:block","title":"Changelog Developer Experience","description":"DX metrics per release tracking build time, hot reload speed, and bundle size. Built with React, Next.js, shadcn/ui, and Tailwind CSS for engineering productivity dashboards.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/changelog/changelog-developer-experience.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-developer-experience.tsx"}]},{"name":"changelog-impact-badges","type":"registry:block","title":"Changelog Impact Badges","description":"React changelog block with impact level badges showing Critical, High, Medium, and Low severity entries built with TypeScript, shadcn/ui Badge, Framer Motion, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/changelog/changelog-impact-badges.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-impact-badges.tsx"}]},{"name":"changelog-customer-request","type":"registry:block","title":"Changelog Customer Request","description":"React customer-requested feature tracking changelog block for Next.js with vote counts, requester avatars, request status indicators, and expandable details built with shadcn/ui, Tailwind CSS, and Framer Motion animations.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/changelog/changelog-customer-request.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-customer-request.tsx"}]},{"name":"changelog-grouped-date","type":"registry:block","title":"Changelog Grouped Date","description":"React date-grouped changelog block for Next.js with daily change sections, category dots, and staggered animations built with TypeScript, shadcn/ui, Framer Motion, and Tailwind CSS.","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/changelog/changelog-grouped-date.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-grouped-date.tsx"}]},{"name":"changelog-deployment-log","type":"registry:block","title":"Changelog Deployment Log","description":"A changelog block showing deployment history with environment badges for production, staging, and preview alongside commit hashes, timestamps, and status indicators.","dependencies":["framer-motion","lucide-react"],"premium":true,"files":[{"path":"blocks/changelog/changelog-deployment-log.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-deployment-log.tsx"}]},{"name":"changelog-breaking-changes","type":"registry:block","title":"Changelog Breaking Changes","description":"A breaking changes focused changelog block built with React, Next.js, shadcn/ui, and Tailwind CSS with migration deadlines and impact level indicators","dependencies":["motion","lucide-react"],"registryDependencies":["badge"],"premium":true,"files":[{"path":"blocks/changelog/changelog-breaking-changes.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-breaking-changes.tsx"}]},{"name":"changelog-capacity-planning","type":"registry:block","title":"Changelog Capacity Planning","description":"Resource utilization trends per release with capacity planning insights. Built with React, Next.js, shadcn/ui, and Tailwind CSS for infrastructure monitoring dashboards.","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button","progress"],"premium":true,"files":[{"path":"blocks/changelog/changelog-capacity-planning.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-capacity-planning.tsx"}]},{"name":"changelog-release-countdown","type":"registry:block","title":"Changelog Release Countdown","description":"A countdown timer changelog showing time until next release with scheduled features and version details using React, Next.js, shadcn/ui, and Tailwind CSS","dependencies":["framer-motion","lucide-react"],"registryDependencies":["badge","button"],"premium":true,"files":[{"path":"blocks/changelog/changelog-release-countdown.tsx","type":"registry:block","target":"components/blocks/changelog/changelog-release-countdown.tsx"}]},{"name":"drawer-nested-bottom-drawers","type":"registry:example","title":"Drawer Nested Bottom Drawers","description":"Nested bottom drawers with parent and child Drawer components allowing multi-level mobile interactions and progressive disclosure","registryDependencies":["button","drawer"],"files":[{"path":"examples/drawer/bottom/drawer-nested-bottom-drawers.tsx","type":"registry:example","target":"components/examples/drawer/bottom/drawer-nested-bottom-drawers.tsx"}]},{"name":"simple-bottom-drawer","type":"registry:example","title":"Simple Bottom Drawer","description":"A React bottom drawer sliding up from screen bottom with header, content area, and footer buttons using shadcn/ui Drawer","registryDependencies":["button","drawer"],"files":[{"path":"examples/drawer/bottom/simple-bottom-drawer.tsx","type":"registry:example","target":"components/examples/drawer/bottom/simple-bottom-drawer.tsx"}]},{"name":"bottom-drawer-with-form","type":"registry:example","title":"Bottom Drawer With Form","description":"A bottom drawer with form inputs for name, email, and phone using shadcn/ui Input and Label for mobile-friendly data entry","registryDependencies":["button","drawer","input","label"],"files":[{"path":"examples/drawer/bottom/bottom-drawer-with-form.tsx","type":"registry:example","target":"components/examples/drawer/bottom/bottom-drawer-with-form.tsx"}]},{"name":"bottom-drawer-no-scale-background","type":"registry:example","title":"Bottom Drawer No Scale Background","description":"A bottom drawer with shouldScaleBackground false preventing default background scaling animation for static backdrop effect","registryDependencies":["button","drawer"],"files":[{"path":"examples/drawer/bottom/bottom-drawer-no-scale-background.tsx","type":"registry:example","target":"components/examples/drawer/bottom/bottom-drawer-no-scale-background.tsx"}]},{"name":"bottom-drawer-with-snap-points","type":"registry:example","title":"Bottom Drawer With Snap Points","description":"A bottom drawer with snap points at 148px, 355px, and full height allowing users to drag between preset positions","registryDependencies":["button","drawer"],"files":[{"path":"examples/drawer/bottom/bottom-drawer-with-snap-points.tsx","type":"registry:example","target":"components/examples/drawer/bottom/bottom-drawer-with-snap-points.tsx"}]},{"name":"scrollable-bottom-drawer","type":"registry:example","title":"Scrollable Bottom Drawer","description":"A scrollable bottom drawer with max-h-60vh overflow for long content like terms of service without footer buttons","registryDependencies":["button","drawer"],"files":[{"path":"examples/drawer/bottom/scrollable-bottom-drawer.tsx","type":"registry:example","target":"components/examples/drawer/bottom/scrollable-bottom-drawer.tsx"}]},{"name":"bottom-drawer-event-details","type":"registry:example","title":"Bottom Drawer Event Details","description":"A bottom drawer displaying rich event details with Badge tags, Lucide icons for date, location, and attendees in mobile sheet format","dependencies":["lucide-react"],"registryDependencies":["badge","button","drawer"],"files":[{"path":"examples/drawer/bottom/bottom-drawer-event-details.tsx","type":"registry:example","target":"components/examples/drawer/bottom/bottom-drawer-event-details.tsx"}]},{"name":"right-drawer-settings-panel","type":"registry:example","title":"Right Drawer Settings Panel","description":"A React right drawer settings panel with toggle switches for notifications and privacy preferences organized in labeled sections for app configuration","dependencies":["lucide-react"],"registryDependencies":["button","drawer","label","switch"],"files":[{"path":"examples/drawer/right/right-drawer-settings-panel.tsx","type":"registry:example","target":"components/examples/drawer/right/right-drawer-settings-panel.tsx"}]},{"name":"simple-right-drawer","type":"registry:example","title":"Simple Right Drawer","description":"A React drawer sliding from the right with header, description, body content, and footer action buttons built with shadcn/ui for supplementary content","registryDependencies":["button","drawer"],"files":[{"path":"examples/drawer/right/simple-right-drawer.tsx","type":"registry:example","target":"components/examples/drawer/right/simple-right-drawer.tsx"}]},{"name":"right-drawer-notifications","type":"registry:example","title":"Right Drawer Notifications","description":"A React right drawer notifications panel with unread count badge, scrollable notification list with timestamps, and mark all as read action for activity feeds","dependencies":["lucide-react"],"registryDependencies":["badge","button","drawer"],"files":[{"path":"examples/drawer/right/right-drawer-notifications.tsx","type":"registry:example","target":"components/examples/drawer/right/right-drawer-notifications.tsx"}]},{"name":"right-drawer-filter-panel","type":"registry:example","title":"Right Drawer Filter Panel","description":"A React right drawer filter panel with checkboxes for categories, slider for price range, and rating filters for e-commerce and search interfaces","registryDependencies":["button","checkbox","drawer","label","slider"],"files":[{"path":"examples/drawer/right/right-drawer-filter-panel.tsx","type":"registry:example","target":"components/examples/drawer/right/right-drawer-filter-panel.tsx"}]},{"name":"right-drawer-shopping-cart","type":"registry:example","title":"Right Drawer Shopping Cart","description":"A React right drawer shopping cart with product list, item remove buttons, subtotal/shipping/total calculations, and checkout action for e-commerce sites","dependencies":["lucide-react"],"registryDependencies":["button","drawer"],"files":[{"path":"examples/drawer/right/right-drawer-shopping-cart.tsx","type":"registry:example","target":"components/examples/drawer/right/right-drawer-shopping-cart.tsx"}]},{"name":"simple-left-drawer","type":"registry:example","title":"Simple Left Drawer","description":"A React left drawer sliding from screen left with Menu icon trigger for navigation and sidebar content using shadcn/ui Drawer","dependencies":["lucide-react"],"registryDependencies":["button","drawer"],"files":[{"path":"examples/drawer/left/simple-left-drawer.tsx","type":"registry:example","target":"components/examples/drawer/left/simple-left-drawer.tsx"}]},{"name":"left-drawer-with-search","type":"registry:example","title":"Left Drawer With Search","description":"A left drawer with search Input at top and grouped navigation sections using uppercase headings and Lucide icons","dependencies":["lucide-react"],"registryDependencies":["button","drawer","input"],"files":[{"path":"examples/drawer/left/left-drawer-with-search.tsx","type":"registry:example","target":"components/examples/drawer/left/left-drawer-with-search.tsx"}]},{"name":"left-drawer-navigation-menu","type":"registry:example","title":"Left Drawer Navigation Menu","description":"A left drawer navigation menu with icon buttons for Home, Team, Projects, Settings, and Help using Lucide React icons","dependencies":["lucide-react"],"registryDependencies":["button","drawer"],"files":[{"path":"examples/drawer/left/left-drawer-navigation-menu.tsx","type":"registry:example","target":"components/examples/drawer/left/left-drawer-navigation-menu.tsx"}]},{"name":"left-drawer-file-explorer","type":"registry:example","title":"Left Drawer File Explorer","description":"A left drawer file explorer with expandable folders using Folder and File icons, ChevronRight rotation, and nested structure","dependencies":["lucide-react"],"registryDependencies":["button","drawer"],"files":[{"path":"examples/drawer/left/left-drawer-file-explorer.tsx","type":"registry:example","target":"components/examples/drawer/left/left-drawer-file-explorer.tsx"}]},{"name":"left-drawer-with-nested-items","type":"registry:example","title":"Left Drawer With Nested Items","description":"A left drawer with nested expandable menu sections using ChevronRight rotation and useState for Products and Orders submenus","dependencies":["lucide-react"],"registryDependencies":["button","drawer"],"files":[{"path":"examples/drawer/left/left-drawer-with-nested-items.tsx","type":"registry:example","target":"components/examples/drawer/left/left-drawer-with-nested-items.tsx"}]},{"name":"top-drawer-command-bar","type":"registry:example","title":"Top Drawer Command Bar","description":"A React top drawer command palette with search input and keyboard shortcut badges for quick command access like create, open, search, and settings","dependencies":["lucide-react"],"registryDependencies":["badge","button","drawer","input"],"files":[{"path":"examples/drawer/top/top-drawer-command-bar.tsx","type":"registry:example","target":"components/examples/drawer/top/top-drawer-command-bar.tsx"}]},{"name":"top-drawer-quick-actions","type":"registry:example","title":"Top Drawer Quick Actions","description":"A React top drawer quick actions panel with grid layout of icon buttons for common operations like create, upload, download, share, and settings","dependencies":["lucide-react"],"registryDependencies":["button","drawer"],"files":[{"path":"examples/drawer/top/top-drawer-quick-actions.tsx","type":"registry:example","target":"components/examples/drawer/top/top-drawer-quick-actions.tsx"}]},{"name":"top-drawer-search-bar","type":"registry:example","title":"Top Drawer Search Bar","description":"A React top drawer search interface with search input, recent searches section, and quick access links for file management and content discovery","dependencies":["lucide-react"],"registryDependencies":["button","drawer","input"],"files":[{"path":"examples/drawer/top/top-drawer-search-bar.tsx","type":"registry:example","target":"components/examples/drawer/top/top-drawer-search-bar.tsx"}]},{"name":"simple-top-drawer","type":"registry:example","title":"Simple Top Drawer","description":"A React drawer sliding down from the top with header, description, body content, and footer buttons built with shadcn/ui for notifications and quick actions","registryDependencies":["button","drawer"],"files":[{"path":"examples/drawer/top/simple-top-drawer.tsx","type":"registry:example","target":"components/examples/drawer/top/simple-top-drawer.tsx"}]},{"name":"top-drawer-notification-banner","type":"registry:example","title":"Top Drawer Notification Banner","description":"A React top drawer notification banner with colored background, alert icon, message text, action button, and close button for system announcements","dependencies":["lucide-react"],"registryDependencies":["button","drawer"],"files":[{"path":"examples/drawer/top/top-drawer-notification-banner.tsx","type":"registry:example","target":"components/examples/drawer/top/top-drawer-notification-banner.tsx"}]},{"name":"large-toggle","type":"registry:example","title":"Large Toggle","description":"A large toggle button with size lg prop and UnderlineIcon from Lucide React for prominent primary formatting controls","dependencies":["lucide-react"],"registryDependencies":["toggle"],"files":[{"path":"examples/toggle/sizes/large-toggle.tsx","type":"registry:example","target":"components/examples/toggle/sizes/large-toggle.tsx"}]},{"name":"small-toggle","type":"registry:example","title":"Small Toggle","description":"A small toggle button with size sm prop and BoldIcon from Lucide React for compact text formatting toolbars","dependencies":["lucide-react"],"registryDependencies":["toggle"],"files":[{"path":"examples/toggle/sizes/small-toggle.tsx","type":"registry:example","target":"components/examples/toggle/sizes/small-toggle.tsx"}]},{"name":"default-size-toggle","type":"registry:example","title":"Default Size Toggle","description":"A default medium-sized toggle button without size prop and ItalicIcon from Lucide React for standard text formatting controls","dependencies":["lucide-react"],"registryDependencies":["toggle"],"files":[{"path":"examples/toggle/sizes/default-size-toggle.tsx","type":"registry:example","target":"components/examples/toggle/sizes/default-size-toggle.tsx"}]},{"name":"outline-toggle","type":"registry:example","title":"Outline Toggle","description":"Outline variant toggle button with border-only styling for subtle pressed state using variant=\"outline\" with transparent background until active","dependencies":["lucide-react"],"registryDependencies":["toggle"],"files":[{"path":"examples/toggle/standard/outline-toggle.tsx","type":"registry:example","target":"components/examples/toggle/standard/outline-toggle.tsx"}]},{"name":"default-toggle","type":"registry:example","title":"Default Toggle","description":"Default toggle button with icon-only display for binary on/off state using standard shadcn/ui styling with pressed state management","dependencies":["lucide-react"],"registryDependencies":["toggle"],"files":[{"path":"examples/toggle/standard/default-toggle.tsx","type":"registry:example","target":"components/examples/toggle/standard/default-toggle.tsx"}]},{"name":"disabled-toggle","type":"registry:example","title":"Disabled Toggle","description":"Disabled toggle button with non-interactive state using disabled prop for grayed-out appearance with opacity-50 and cursor-not-allowed styling","dependencies":["lucide-react"],"registryDependencies":["toggle"],"files":[{"path":"examples/toggle/standard/disabled-toggle.tsx","type":"registry:example","target":"components/examples/toggle/standard/disabled-toggle.tsx"}]},{"name":"toggle-with-text","type":"registry:example","title":"Toggle With Text","description":"Toggle button with icon and text label combining Lucide React icon with visible text for improved clarity and accessibility without aria-label","dependencies":["lucide-react"],"registryDependencies":["toggle"],"files":[{"path":"examples/toggle/standard/toggle-with-text.tsx","type":"registry:example","target":"components/examples/toggle/standard/toggle-with-text.tsx"}]},{"name":"navigation-menu-dashboard-style-with-stats","type":"registry:example","title":"Navigation Menu Dashboard Style With Stats","description":"A data-rich navigation menu displaying live statistics with trend indicators, reports grid, and dashboard-style analytics for quick metric access","dependencies":["lucide-react"],"registryDependencies":["badge","navigation-menu"],"files":[{"path":"examples/navigation-menu/complex/navigation-menu-dashboard-style-with-stats.tsx","type":"registry:example","target":"components/examples/navigation-menu/complex/navigation-menu-dashboard-style-with-stats.tsx"}]},{"name":"navigation-menu-tabbed-mega-menu","type":"registry:example","title":"Navigation Menu Tabbed Mega Menu","description":"A mega menu combining NavigationMenu with Tabs component for categorized content switching between Web, Mobile, and Infrastructure product sections","dependencies":["lucide-react"],"registryDependencies":["navigation-menu","tabs"],"files":[{"path":"examples/navigation-menu/complex/navigation-menu-tabbed-mega-menu.tsx","type":"registry:example","target":"components/examples/navigation-menu/complex/navigation-menu-tabbed-mega-menu.tsx"}]},{"name":"navigation-menu-full-mega-menu","type":"registry:example","title":"Navigation Menu Full Mega Menu","description":"A comprehensive mega menu with multi-column layout, icon categories, promotional sidebar, and mixed content types for enterprise navigation","dependencies":["lucide-react"],"registryDependencies":["button","navigation-menu"],"files":[{"path":"examples/navigation-menu/complex/navigation-menu-full-mega-menu.tsx","type":"registry:example","target":"components/examples/navigation-menu/complex/navigation-menu-full-mega-menu.tsx"}]},{"name":"navigation-menu-mixed-content-types","type":"registry:example","title":"Navigation Menu Mixed Content Types","description":"A versatile mega menu combining solution cards with badges, promotional webinar sidebar, and multiple CTA buttons for mixed marketing and navigation content","dependencies":["lucide-react"],"registryDependencies":["badge","button","navigation-menu"],"files":[{"path":"examples/navigation-menu/complex/navigation-menu-mixed-content-types.tsx","type":"registry:example","target":"components/examples/navigation-menu/complex/navigation-menu-mixed-content-types.tsx"}]},{"name":"navigation-menu-multi-level-nested-navigation","type":"registry:example","title":"Navigation Menu Multi Level Nested Navigation","description":"A hierarchical navigation menu with three-level nesting using visual indentation and border styling for category, subcategory, and item organization","dependencies":["lucide-react"],"registryDependencies":["navigation-menu"],"files":[{"path":"examples/navigation-menu/complex/navigation-menu-multi-level-nested-navigation.tsx","type":"registry:example","target":"components/examples/navigation-menu/complex/navigation-menu-multi-level-nested-navigation.tsx"}]},{"name":"navigation-menu-feature-grid-layout","type":"registry:example","title":"Navigation Menu Feature Grid Layout","description":"A dense 3-column feature grid navigation menu showcasing 9 developer tools with icons and concise descriptions for comprehensive tool discovery","dependencies":["lucide-react"],"registryDependencies":["navigation-menu"],"files":[{"path":"examples/navigation-menu/features/navigation-menu-feature-grid-layout.tsx","type":"registry:example","target":"components/examples/navigation-menu/features/navigation-menu-feature-grid-layout.tsx"}]},{"name":"navigation-menu-feature-cards-with-icons","type":"registry:example","title":"Navigation Menu Feature Cards With Icons","description":"A feature showcase navigation menu with 2-column icon card grid displaying platform benefits like security, analytics, and performance","dependencies":["lucide-react"],"registryDependencies":["navigation-menu"],"files":[{"path":"examples/navigation-menu/features/navigation-menu-feature-cards-with-icons.tsx","type":"registry:example","target":"components/examples/navigation-menu/features/navigation-menu-feature-cards-with-icons.tsx"}]},{"name":"navigation-menu-features-with-badges","type":"registry:example","title":"Navigation Menu Features With Badges","description":"A feature navigation menu with status badges highlighting New, Beta, Preview, and Pro features using inline Badge components for feature lifecycle communication","dependencies":["lucide-react"],"registryDependencies":["badge","navigation-menu"],"files":[{"path":"examples/navigation-menu/features/navigation-menu-features-with-badges.tsx","type":"registry:example","target":"components/examples/navigation-menu/features/navigation-menu-features-with-badges.tsx"}]},{"name":"navigation-menu-feature-categories","type":"registry:example","title":"Navigation Menu Feature Categories","description":"A persona and capability-based navigation menu organizing features by user type (Enterprise, Teams, Freelancers) and functional categories with icon headers","dependencies":["lucide-react"],"registryDependencies":["navigation-menu"],"files":[{"path":"examples/navigation-menu/features/navigation-menu-feature-categories.tsx","type":"registry:example","target":"components/examples/navigation-menu/features/navigation-menu-feature-categories.tsx"}]},{"name":"navigation-menu-feature-sections-with-headers","type":"registry:example","title":"Navigation Menu Feature Sections With Headers","description":"A categorized navigation menu organizing features under semantic section headers like Team Tools, Project Tools, and Management for logical grouping","dependencies":["lucide-react"],"registryDependencies":["navigation-menu"],"files":[{"path":"examples/navigation-menu/features/navigation-menu-feature-sections-with-headers.tsx","type":"registry:example","target":"components/examples/navigation-menu/features/navigation-menu-feature-sections-with-headers.tsx"}]},{"name":"navigation-menu-product-showcase-with-cta","type":"registry:example","title":"Navigation Menu Product Showcase With Cta","description":"Marketing NavigationMenu with product showcase grid and prominent CTA sidebar for conversion-focused navigation built with shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["button","navigation-menu"],"files":[{"path":"examples/navigation-menu/marketing/navigation-menu-product-showcase-with-cta.tsx","type":"registry:example","target":"components/examples/navigation-menu/marketing/navigation-menu-product-showcase-with-cta.tsx"}]},{"name":"navigation-menu-industry-solutions","type":"registry:example","title":"Navigation Menu Industry Solutions","description":"Marketing NavigationMenu with industry-specific solutions for Financial Services, E-commerce, Education, Healthcare, Professional Services, and Real Estate built with shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["navigation-menu"],"files":[{"path":"examples/navigation-menu/marketing/navigation-menu-industry-solutions.tsx","type":"registry:example","target":"components/examples/navigation-menu/marketing/navigation-menu-industry-solutions.tsx"}]},{"name":"navigation-menu-case-studies-and-testimonials","type":"registry:example","title":"Navigation Menu Case Studies And Testimonials","description":"Marketing NavigationMenu with customer testimonials and case studies from Vercel, Stripe, Airbnb, and Shopify with star ratings built with shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["avatar","navigation-menu"],"files":[{"path":"examples/navigation-menu/marketing/navigation-menu-case-studies-and-testimonials.tsx","type":"registry:example","target":"components/examples/navigation-menu/marketing/navigation-menu-case-studies-and-testimonials.tsx"}]},{"name":"navigation-menu-pricing-tiers-preview","type":"registry:example","title":"Navigation Menu Pricing Tiers Preview","description":"Marketing NavigationMenu with pricing tier comparison showing Starter, Professional, and Enterprise plans in navigation dropdown built with shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["badge","navigation-menu"],"files":[{"path":"examples/navigation-menu/marketing/navigation-menu-pricing-tiers-preview.tsx","type":"registry:example","target":"components/examples/navigation-menu/marketing/navigation-menu-pricing-tiers-preview.tsx"}]},{"name":"navigation-menu-resources-with-lead-magnets","type":"registry:example","title":"Navigation Menu Resources With Lead Magnets","description":"Marketing NavigationMenu with resource links and lead magnet CTAs for platform guide downloads and webinar registration built with shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["badge","button","navigation-menu"],"files":[{"path":"examples/navigation-menu/marketing/navigation-menu-resources-with-lead-magnets.tsx","type":"registry:example","target":"components/examples/navigation-menu/marketing/navigation-menu-resources-with-lead-magnets.tsx"}]},{"name":"navigation-menu-simple-navigation","type":"registry:example","title":"Navigation Menu Simple Navigation","description":"A basic navigation menu with dropdown triggers for Products and Solutions plus a direct Pricing link using shadcn/ui NavigationMenu","registryDependencies":["navigation-menu"],"files":[{"path":"examples/navigation-menu/standard/navigation-menu-simple-navigation.tsx","type":"registry:example","target":"components/examples/navigation-menu/standard/navigation-menu-simple-navigation.tsx"}]},{"name":"navigation-menu-navigation-with-icons","type":"registry:example","title":"Navigation Menu Navigation With Icons","description":"A navigation menu dropdown with icon-labeled items for Components, Performance, Security, and Accessibility using Lucide React icons","dependencies":["lucide-react"],"registryDependencies":["navigation-menu"],"files":[{"path":"examples/navigation-menu/standard/navigation-menu-navigation-with-icons.tsx","type":"registry:example","target":"components/examples/navigation-menu/standard/navigation-menu-navigation-with-icons.tsx"}]},{"name":"navigation-menu-mixed-links-and-dropdowns","type":"registry:example","title":"Navigation Menu Mixed Links And Dropdowns","description":"A navigation menu combining dropdowns and direct links using navigationMenuTriggerStyle for consistent styling across interaction types","registryDependencies":["navigation-menu"],"files":[{"path":"examples/navigation-menu/standard/navigation-menu-mixed-links-and-dropdowns.tsx","type":"registry:example","target":"components/examples/navigation-menu/standard/navigation-menu-mixed-links-and-dropdowns.tsx"}]},{"name":"navigation-menu-navigation-with-descriptions","type":"registry:example","title":"Navigation Menu Navigation With Descriptions","description":"A navigation menu with icon-labeled items plus descriptive text for Documentation, Guides, and Video Courses at 320px width","dependencies":["lucide-react"],"registryDependencies":["navigation-menu"],"files":[{"path":"examples/navigation-menu/standard/navigation-menu-navigation-with-descriptions.tsx","type":"registry:example","target":"components/examples/navigation-menu/standard/navigation-menu-navigation-with-descriptions.tsx"}]},{"name":"navigation-menu-navigation-without-viewport","type":"registry:example","title":"Navigation Menu Navigation Without Viewport","description":"A navigation menu using viewport equals false prop to disable the viewport wrapper for alternative positioning and animation behavior","registryDependencies":["navigation-menu"],"files":[{"path":"examples/navigation-menu/standard/navigation-menu-navigation-without-viewport.tsx","type":"registry:example","target":"components/examples/navigation-menu/standard/navigation-menu-navigation-without-viewport.tsx"}]},{"name":"field-radio-with-descriptions","type":"registry:example","title":"Field Radio With Descriptions","description":"A React radio button group with pricing details in labels and description for subscription plans using RadioGroup built with shadcn/ui","registryDependencies":["field","radio-group"],"files":[{"path":"examples/field/toggles/field-radio-with-descriptions.tsx","type":"registry:example","target":"components/examples/field/toggles/field-radio-with-descriptions.tsx"}]},{"name":"field-simple-switch","type":"registry:example","title":"Field Simple Switch","description":"A React switch toggle field with horizontal layout for instant on/off controls like airplane mode built with shadcn/ui","registryDependencies":["field","switch"],"files":[{"path":"examples/field/toggles/field-simple-switch.tsx","type":"registry:example","target":"components/examples/field/toggles/field-simple-switch.tsx"}]},{"name":"field-simple-checkbox","type":"registry:example","title":"Field Simple Checkbox","description":"A React checkbox field with horizontal layout for inline agreement forms like terms and conditions built with shadcn/ui","registryDependencies":["checkbox","field"],"files":[{"path":"examples/field/toggles/field-simple-checkbox.tsx","type":"registry:example","target":"components/examples/field/toggles/field-simple-checkbox.tsx"}]},{"name":"field-switch-with-description","type":"registry:example","title":"Field Switch With Description","description":"A React switch field with label and description grouped in FieldContent for security settings like multi-factor authentication built with shadcn/ui","registryDependencies":["field","switch"],"files":[{"path":"examples/field/toggles/field-switch-with-description.tsx","type":"registry:example","target":"components/examples/field/toggles/field-switch-with-description.tsx"}]},{"name":"field-checkbox-with-description","type":"registry:example","title":"Field Checkbox With Description","description":"A React checkbox field with label and description grouped in FieldContent for settings like folder syncing built with shadcn/ui","registryDependencies":["checkbox","field"],"files":[{"path":"examples/field/toggles/field-checkbox-with-description.tsx","type":"registry:example","target":"components/examples/field/toggles/field-checkbox-with-description.tsx"}]},{"name":"field-radio-buttons","type":"registry:example","title":"Field Radio Buttons","description":"A React radio button group for single-choice selection like notification methods using RadioGroup and horizontal layout built with shadcn/ui","registryDependencies":["field","radio-group"],"files":[{"path":"examples/field/toggles/field-radio-buttons.tsx","type":"registry:example","target":"components/examples/field/toggles/field-radio-buttons.tsx"}]},{"name":"field-multiple-checkboxes","type":"registry:example","title":"Field Multiple Checkboxes","description":"A React fieldset with multiple checkboxes for settings like desktop item preferences using legend and description built with shadcn/ui","registryDependencies":["checkbox","field"],"files":[{"path":"examples/field/toggles/field-multiple-checkboxes.tsx","type":"registry:example","target":"components/examples/field/toggles/field-multiple-checkboxes.tsx"}]},{"name":"mixed-field-types-with-separators","type":"registry:example","title":"Mixed Field Types With Separators","description":"A React form mixing input field types with text inputs for phone and email plus textarea for additional info separated by labeled dividers built with shadcn/ui","registryDependencies":["field","input","textarea"],"files":[{"path":"examples/field/advanced/mixed-field-types-with-separators.tsx","type":"registry:example","target":"components/examples/field/advanced/mixed-field-types-with-separators.tsx"}]},{"name":"complex-multi-field-form","type":"registry:example","title":"Complex Multi Field Form","description":"A React form fieldset combining text inputs and select dropdown for personal information including first name, last name, email, and country with grid layout built with shadcn/ui","registryDependencies":["field","input","select"],"files":[{"path":"examples/field/advanced/complex-multi-field-form.tsx","type":"registry:example","target":"components/examples/field/advanced/complex-multi-field-form.tsx"}]},{"name":"field-fieldset-with-legend","type":"registry:example","title":"Field Fieldset With Legend","description":"A React form fieldset with legend grouping address fields including street, city, and postal code with semantic HTML structure built with shadcn/ui","registryDependencies":["field","input"],"files":[{"path":"examples/field/advanced/field-fieldset-with-legend.tsx","type":"registry:example","target":"components/examples/field/advanced/field-fieldset-with-legend.tsx"}]},{"name":"field-choice-cards","type":"registry:example","title":"Field Choice Cards","description":"A React radio group with card-style choices displaying compute environment options Kubernetes or Virtual Machine with descriptions built with shadcn/ui","registryDependencies":["field","radio-group"],"files":[{"path":"examples/field/advanced/field-choice-cards.tsx","type":"registry:example","target":"components/examples/field/advanced/field-choice-cards.tsx"}]},{"name":"field-group-with-separator","type":"registry:example","title":"Field Group With Separator","description":"A React form with field groups separated by visual dividers organizing notification settings for Responses and Tasks with checkboxes built with shadcn/ui","registryDependencies":["checkbox","field"],"files":[{"path":"examples/field/advanced/field-group-with-separator.tsx","type":"registry:example","target":"components/examples/field/advanced/field-group-with-separator.tsx"}]},{"name":"field-range-slider","type":"registry:example","title":"Field Range Slider","description":"A React form field with dual-handle range slider for selecting min/max price range with live value display built with shadcn/ui and Radix UI","registryDependencies":["field","slider"],"files":[{"path":"examples/field/advanced/field-range-slider.tsx","type":"registry:example","target":"components/examples/field/advanced/field-range-slider.tsx"}]},{"name":"field-simple-slider","type":"registry:example","title":"Field Simple Slider","description":"A React form field with slider control for single-value selection like volume with real-time percentage display built with shadcn/ui and Radix UI","registryDependencies":["field","slider"],"files":[{"path":"examples/field/advanced/field-simple-slider.tsx","type":"registry:example","target":"components/examples/field/advanced/field-simple-slider.tsx"}]},{"name":"field-responsive-layout","type":"registry:example","title":"Field Responsive Layout","description":"A React form with responsive field layout using orientation responsive adapting from vertical on mobile to horizontal on desktop","registryDependencies":["field","input"],"files":[{"path":"examples/field/layouts/field-responsive-layout.tsx","type":"registry:example","target":"components/examples/field/layouts/field-responsive-layout.tsx"}]},{"name":"field-mixed-orientations","type":"registry:example","title":"Field Mixed Orientations","description":"A React form combining vertical and horizontal field orientations with text inputs, Switch toggles, and Checkbox controls in one form","registryDependencies":["checkbox","field","input","switch"],"files":[{"path":"examples/field/layouts/field-mixed-orientations.tsx","type":"registry:example","target":"components/examples/field/layouts/field-mixed-orientations.tsx"}]},{"name":"field-grid-layout","type":"registry:example","title":"Field Grid Layout","description":"A React form with CSS Grid layout organizing related fields into multi-column rows like First Name and Last Name or City and State","registryDependencies":["field","input"],"files":[{"path":"examples/field/layouts/field-grid-layout.tsx","type":"registry:example","target":"components/examples/field/layouts/field-grid-layout.tsx"}]},{"name":"field-horizontal-layout","type":"registry:example","title":"Field Horizontal Layout","description":"A React form with horizontal field layout placing labels beside inputs using orientation horizontal for compact settings","registryDependencies":["field","input","select"],"files":[{"path":"examples/field/layouts/field-horizontal-layout.tsx","type":"registry:example","target":"components/examples/field/layouts/field-horizontal-layout.tsx"}]},{"name":"field-vertical-layout-default","type":"registry:example","title":"Field Vertical Layout Default","description":"A React form with vertical field layout stacking labels above inputs for Name and Email with shadcn/ui Field components","registryDependencies":["field","input"],"files":[{"path":"examples/field/layouts/field-vertical-layout-default.tsx","type":"registry:example","target":"components/examples/field/layouts/field-vertical-layout-default.tsx"}]},{"name":"field-nested-fields","type":"registry:example","title":"Field Nested Fields","description":"A React form with nested FieldGroup components creating hierarchical field structure for complex forms like shipping addresses","registryDependencies":["field","input"],"files":[{"path":"examples/field/layouts/field-nested-fields.tsx","type":"registry:example","target":"components/examples/field/layouts/field-nested-fields.tsx"}]},{"name":"field-simple-input-with-label","type":"registry:example","title":"Field Simple Input With Label","description":"A React form field with basic email input and label using semantic HTML structure built with shadcn/ui Field components","registryDependencies":["field","input"],"files":[{"path":"examples/field/basic-inputs/field-simple-input-with-label.tsx","type":"registry:example","target":"components/examples/field/basic-inputs/field-simple-input-with-label.tsx"}]},{"name":"field-input-with-description-below","type":"registry:example","title":"Field Input With Description Below","description":"A React form field with username input showing helper text description placed below the input for additional context built with shadcn/ui","registryDependencies":["field","input"],"files":[{"path":"examples/field/basic-inputs/field-input-with-description-below.tsx","type":"registry:example","target":"components/examples/field/basic-inputs/field-input-with-description-below.tsx"}]},{"name":"field-input-with-description-above","type":"registry:example","title":"Field Input With Description Above","description":"A React form field with password input showing validation requirements description placed above the input for upfront constraints built with shadcn/ui","registryDependencies":["field","input"],"files":[{"path":"examples/field/basic-inputs/field-input-with-description-above.tsx","type":"registry:example","target":"components/examples/field/basic-inputs/field-input-with-description-above.tsx"}]},{"name":"field-multiple-inputs-in-group","type":"registry:example","title":"Field Multiple Inputs In Group","description":"A React form with multiple related input fields for first name, last name, and email organized in FieldGroup with consistent vertical spacing built with shadcn/ui","registryDependencies":["field","input"],"files":[{"path":"examples/field/basic-inputs/field-multiple-inputs-in-group.tsx","type":"registry:example","target":"components/examples/field/basic-inputs/field-multiple-inputs-in-group.tsx"}]},{"name":"field-horizontal-layout-input","type":"registry:example","title":"Field Horizontal Layout Input","description":"A React form field with label and input arranged side-by-side horizontally using fixed-width label for compact settings-style layouts built with shadcn/ui","registryDependencies":["field","input"],"files":[{"path":"examples/field/basic-inputs/field-horizontal-layout-input.tsx","type":"registry:example","target":"components/examples/field/basic-inputs/field-horizontal-layout-input.tsx"}]},{"name":"field-textarea-with-description","type":"registry:example","title":"Field Textarea With Description","description":"A React textarea field with helper text description below the input for feedback context using shadcn/ui Field components","registryDependencies":["field","textarea"],"files":[{"path":"examples/field/text-areas/field-textarea-with-description.tsx","type":"registry:example","target":"components/examples/field/text-areas/field-textarea-with-description.tsx"}]},{"name":"field-simple-textarea","type":"registry:example","title":"Field Simple Textarea","description":"A React form field with basic textarea for multi-line text input like messages with label association built with shadcn/ui components","registryDependencies":["field","textarea"],"files":[{"path":"examples/field/text-areas/field-simple-textarea.tsx","type":"registry:example","target":"components/examples/field/text-areas/field-simple-textarea.tsx"}]},{"name":"field-textarea-with-detailed-instructions","type":"registry:example","title":"Field Textarea With Detailed Instructions","description":"A React textarea field with comprehensive multi-sentence instructions for issue reporting including steps to reproduce and response timeframe built with shadcn/ui","registryDependencies":["field","textarea"],"files":[{"path":"examples/field/text-areas/field-textarea-with-detailed-instructions.tsx","type":"registry:example","target":"components/examples/field/text-areas/field-textarea-with-detailed-instructions.tsx"}]},{"name":"field-multiple-textareas-different-sizes","type":"registry:example","title":"Field Multiple Textareas Different Sizes","description":"A React form with multiple textarea fields sized differently using rows for short notes, medium comments, and long essays built with shadcn/ui","registryDependencies":["field","textarea"],"files":[{"path":"examples/field/text-areas/field-multiple-textareas-different-sizes.tsx","type":"registry:example","target":"components/examples/field/text-areas/field-multiple-textareas-different-sizes.tsx"}]},{"name":"field-textarea-with-character-count","type":"registry:example","title":"Field Textarea With Character Count","description":"A React textarea field with live character counter showing current length versus maximum limit using controlled state built with shadcn/ui","registryDependencies":["field","textarea"],"files":[{"path":"examples/field/text-areas/field-textarea-with-character-count.tsx","type":"registry:example","target":"components/examples/field/text-areas/field-textarea-with-character-count.tsx"}]},{"name":"field-textarea-with-helper-text-above","type":"registry:example","title":"Field Textarea With Helper Text Above","description":"A React textarea field with helper text description placed above the input showing markdown support instructions built with shadcn/ui","registryDependencies":["field","textarea"],"files":[{"path":"examples/field/text-areas/field-textarea-with-helper-text-above.tsx","type":"registry:example","target":"components/examples/field/text-areas/field-textarea-with-helper-text-above.tsx"}]},{"name":"field-select-with-helper-text-above","type":"registry:example","title":"Field Select With Helper Text Above","description":"A React select dropdown with FieldDescription positioned above the SelectTrigger providing context before user makes selection","registryDependencies":["field","select"],"files":[{"path":"examples/field/selects/field-select-with-helper-text-above.tsx","type":"registry:example","target":"components/examples/field/selects/field-select-with-helper-text-above.tsx"}]},{"name":"field-simple-select","type":"registry:example","title":"Field Simple Select","description":"A React select dropdown field for Country selection with shadcn/ui Select component and Field wrapper in vertical layout","registryDependencies":["field","select"],"files":[{"path":"examples/field/selects/field-simple-select.tsx","type":"registry:example","target":"components/examples/field/selects/field-simple-select.tsx"}]},{"name":"field-select-with-groups","type":"registry:example","title":"Field Select With Groups","description":"A React select dropdown with grouped options using SelectGroup and SelectLabel for categorized Timezone selection by region","registryDependencies":["field","select"],"files":[{"path":"examples/field/selects/field-select-with-groups.tsx","type":"registry:example","target":"components/examples/field/selects/field-select-with-groups.tsx"}]},{"name":"field-select-with-default-value","type":"registry:example","title":"Field Select With Default Value","description":"A React select dropdown with defaultValue prop pre-selecting Active status option for account status management","registryDependencies":["field","select"],"files":[{"path":"examples/field/selects/field-select-with-default-value.tsx","type":"registry:example","target":"components/examples/field/selects/field-select-with-default-value.tsx"}]},{"name":"field-select-in-horizontal-layout","type":"registry:example","title":"Field Select In Horizontal Layout","description":"A React select dropdown with horizontal field orientation placing FieldLabel beside SelectTrigger for compact Theme selection","registryDependencies":["field","select"],"files":[{"path":"examples/field/selects/field-select-in-horizontal-layout.tsx","type":"registry:example","target":"components/examples/field/selects/field-select-in-horizontal-layout.tsx"}]},{"name":"field-select-with-description","type":"registry:example","title":"Field Select With Description","description":"A React select dropdown for Department with FieldDescription helper text explaining field purpose below the select control","registryDependencies":["field","select"],"files":[{"path":"examples/field/selects/field-select-with-description.tsx","type":"registry:example","target":"components/examples/field/selects/field-select-with-description.tsx"}]},{"name":"field-multiple-selects","type":"registry:example","title":"Field Multiple Selects","description":"A React form with multiple select dropdowns for Language and Currency grouped in FieldSet with default values","registryDependencies":["field","select"],"files":[{"path":"examples/field/selects/field-multiple-selects.tsx","type":"registry:example","target":"components/examples/field/selects/field-multiple-selects.tsx"}]},{"name":"small-kbd","type":"registry:example","title":"Small Kbd","description":"Small Kbd components with h-4 height and text-[10px] font size for compact keyboard shortcut display built with shadcn/ui","registryDependencies":["kbd"],"files":[{"path":"examples/kbd/sizes/small-kbd.tsx","type":"registry:example","target":"components/examples/kbd/sizes/small-kbd.tsx"}]},{"name":"kbd-inline-with-text","type":"registry:example","title":"Kbd Inline With Text","description":"Kbd components embedded inline with paragraph text matching font size for natural reading flow built with shadcn/ui","registryDependencies":["kbd"],"files":[{"path":"examples/kbd/sizes/kbd-inline-with-text.tsx","type":"registry:example","target":"components/examples/kbd/sizes/kbd-inline-with-text.tsx"}]},{"name":"default-kbd","type":"registry:example","title":"Default Kbd","description":"Default size Kbd components without custom sizing for standard keyboard shortcut display built with shadcn/ui","registryDependencies":["kbd"],"files":[{"path":"examples/kbd/sizes/default-kbd.tsx","type":"registry:example","target":"components/examples/kbd/sizes/default-kbd.tsx"}]},{"name":"large-kbd","type":"registry:example","title":"Large Kbd","description":"Large Kbd components with h-8 height and text-base font size for prominent keyboard shortcut display built with shadcn/ui","registryDependencies":["kbd"],"files":[{"path":"examples/kbd/sizes/large-kbd.tsx","type":"registry:example","target":"components/examples/kbd/sizes/large-kbd.tsx"}]},{"name":"extra-large-kbd","type":"registry:example","title":"Extra Large Kbd","description":"Extra large Kbd components with h-12 height and text-2xl font size for maximum visibility keyboard shortcut display built with shadcn/ui","registryDependencies":["kbd"],"files":[{"path":"examples/kbd/sizes/extra-large-kbd.tsx","type":"registry:example","target":"components/examples/kbd/sizes/extra-large-kbd.tsx"}]},{"name":"kbd-multi-step-sequence","type":"registry:example","title":"Kbd Multi Step Sequence","description":"Multi-step sequential keyboard shortcut showing Ctrl+K then Ctrl+S pattern with multiple KbdGroups and text separator built with shadcn/ui","registryDependencies":["kbd"],"files":[{"path":"examples/kbd/sequence/kbd-multi-step-sequence.tsx","type":"registry:example","target":"components/examples/kbd/sequence/kbd-multi-step-sequence.tsx"}]},{"name":"kbd-key-sequence-with-arrow","type":"registry:example","title":"Kbd Key Sequence With Arrow","description":"Sequential keyboard shortcut Kbd components showing G → G pattern with arrow separator for rapid succession key sequences built with shadcn/ui","registryDependencies":["kbd"],"files":[{"path":"examples/kbd/sequence/kbd-key-sequence-with-arrow.tsx","type":"registry:example","target":"components/examples/kbd/sequence/kbd-key-sequence-with-arrow.tsx"}]},{"name":"kbd-key-sequence-with-then","type":"registry:example","title":"Kbd Key Sequence With Then","description":"Sequential keyboard shortcut Kbd components showing Ctrl+K then B pattern with text separator for multi-step shortcuts built with shadcn/ui","registryDependencies":["kbd"],"files":[{"path":"examples/kbd/sequence/kbd-key-sequence-with-then.tsx","type":"registry:example","target":"components/examples/kbd/sequence/kbd-key-sequence-with-then.tsx"}]},{"name":"kbd-vim-command-sequence","type":"registry:example","title":"Kbd Vim Command Sequence","description":"Vim command-line key sequence showing :WQ pattern with adjacent Kbd components for Vim ex commands built with shadcn/ui","registryDependencies":["kbd"],"files":[{"path":"examples/kbd/sequence/kbd-vim-command-sequence.tsx","type":"registry:example","target":"components/examples/kbd/sequence/kbd-vim-command-sequence.tsx"}]},{"name":"kbd-delete-with-icon","type":"registry:example","title":"Kbd Delete With Icon","description":"A React keyboard key displaying Delete with X icon using shadcn/ui Kbd and Lucide React for visual delete key representation","dependencies":["lucide-react"],"registryDependencies":["kbd"],"files":[{"path":"examples/kbd/with-icons/kbd-delete-with-icon.tsx","type":"registry:example","target":"components/examples/kbd/with-icons/kbd-delete-with-icon.tsx"}]},{"name":"kbd-unicode-symbols","type":"registry:example","title":"Kbd Unicode Symbols","description":"A React keyboard display showing Enter, Delete, and Tab using Unicode symbols with shadcn/ui Kbd for lightweight key representation","registryDependencies":["kbd"],"files":[{"path":"examples/kbd/with-icons/kbd-unicode-symbols.tsx","type":"registry:example","target":"components/examples/kbd/with-icons/kbd-unicode-symbols.tsx"}]},{"name":"kbd-arrow-keys-with-icons","type":"registry:example","title":"Kbd Arrow Keys With Icons","description":"A React keyboard display showing arrow keys with directional icons using shadcn/ui KbdGroup and Lucide React for navigation documentation","dependencies":["lucide-react"],"registryDependencies":["kbd"],"files":[{"path":"examples/kbd/with-icons/kbd-arrow-keys-with-icons.tsx","type":"registry:example","target":"components/examples/kbd/with-icons/kbd-arrow-keys-with-icons.tsx"}]},{"name":"kbd-command-with-icon","type":"registry:example","title":"Kbd Command With Icon","description":"A React keyboard shortcut displaying Command key with cloverleaf icon using shadcn/ui KbdGroup and Lucide React for Mac shortcut documentation","dependencies":["lucide-react"],"registryDependencies":["kbd"],"files":[{"path":"examples/kbd/with-icons/kbd-command-with-icon.tsx","type":"registry:example","target":"components/examples/kbd/with-icons/kbd-command-with-icon.tsx"}]},{"name":"kbd-enter-with-icon","type":"registry:example","title":"Kbd Enter With Icon","description":"A React keyboard key displaying Enter with CornerDownLeft icon using shadcn/ui Kbd and Lucide React for visual enter key representation","dependencies":["lucide-react"],"registryDependencies":["kbd"],"files":[{"path":"examples/kbd/with-icons/kbd-enter-with-icon.tsx","type":"registry:example","target":"components/examples/kbd/with-icons/kbd-enter-with-icon.tsx"}]},{"name":"kbd-special-keys","type":"registry:example","title":"Kbd Special Keys","description":"A React keyboard display showing Esc, Tab, and Enter special keys using shadcn/ui Kbd components for documenting essential keyboard shortcuts","registryDependencies":["kbd"],"files":[{"path":"examples/kbd/function-keys/kbd-special-keys.tsx","type":"registry:example","target":"components/examples/kbd/function-keys/kbd-special-keys.tsx"}]},{"name":"kbd-f1-help-key","type":"registry:example","title":"Kbd F1 Help Key","description":"A React keyboard display showing F1 help key using shadcn/ui Kbd component for documenting keyboard shortcuts","registryDependencies":["kbd"],"files":[{"path":"examples/kbd/function-keys/kbd-f1-help-key.tsx","type":"registry:example","target":"components/examples/kbd/function-keys/kbd-f1-help-key.tsx"}]},{"name":"kbd-editing-keys","type":"registry:example","title":"Kbd Editing Keys","description":"A React keyboard display showing Home, End, PgUp, and PgDn editing navigation keys using shadcn/ui Kbd components for text editing documentation","registryDependencies":["kbd"],"files":[{"path":"examples/kbd/function-keys/kbd-editing-keys.tsx","type":"registry:example","target":"components/examples/kbd/function-keys/kbd-editing-keys.tsx"}]},{"name":"kbd-function-keys-row","type":"registry:example","title":"Kbd Function Keys Row","description":"A React display showing complete F1-F12 function keys row using shadcn/ui Kbd components with Array.from for keyboard shortcut reference","registryDependencies":["kbd"],"files":[{"path":"examples/kbd/function-keys/kbd-function-keys-row.tsx","type":"registry:example","target":"components/examples/kbd/function-keys/kbd-function-keys-row.tsx"}]},{"name":"kbd-f12-devtools-key","type":"registry:example","title":"Kbd F12 Devtools Key","description":"A React keyboard display showing F12 developer tools key using shadcn/ui Kbd component for documenting DevTools shortcuts","registryDependencies":["kbd"],"files":[{"path":"examples/kbd/function-keys/kbd-f12-devtools-key.tsx","type":"registry:example","target":"components/examples/kbd/function-keys/kbd-f12-devtools-key.tsx"}]},{"name":"kbd-modifier-keys","type":"registry:example","title":"Kbd Modifier Keys","description":"A React keyboard display showing Shift, Ctrl, and Alt modifier keys using shadcn/ui Kbd components for documenting keyboard shortcut combinations","registryDependencies":["kbd"],"files":[{"path":"examples/kbd/function-keys/kbd-modifier-keys.tsx","type":"registry:example","target":"components/examples/kbd/function-keys/kbd-modifier-keys.tsx"}]},{"name":"kbd-arrow-keys-cross-pattern","type":"registry:example","title":"Kbd Arrow Keys Cross Pattern","description":"Arrow key Kbd components arranged in inverted-T cross pattern layout using CSS grid with arrow symbols built with shadcn/ui Kbd","registryDependencies":["kbd"],"files":[{"path":"examples/kbd/arrow-keys/kbd-arrow-keys-cross-pattern.tsx","type":"registry:example","target":"components/examples/kbd/arrow-keys/kbd-arrow-keys-cross-pattern.tsx"}]},{"name":"kbd-vim-navigation-keys","type":"registry:example","title":"Kbd Vim Navigation Keys","description":"Vim-style HJKL navigation Kbd components in horizontal row showing H-J-K-L letters for modal editor movement built with shadcn/ui Kbd","registryDependencies":["kbd"],"files":[{"path":"examples/kbd/arrow-keys/kbd-vim-navigation-keys.tsx","type":"registry:example","target":"components/examples/kbd/arrow-keys/kbd-vim-navigation-keys.tsx"}]},{"name":"kbd-arrow-keys-horizontal","type":"registry:example","title":"Kbd Arrow Keys Horizontal","description":"Horizontal left and right arrow Kbd components in KbdGroup showing ←→ symbols for lateral navigation built with shadcn/ui Kbd","registryDependencies":["kbd"],"files":[{"path":"examples/kbd/arrow-keys/kbd-arrow-keys-horizontal.tsx","type":"registry:example","target":"components/examples/kbd/arrow-keys/kbd-arrow-keys-horizontal.tsx"}]},{"name":"kbd-wasd-gaming-keys","type":"registry:example","title":"Kbd Wasd Gaming Keys","description":"WASD gaming movement Kbd components arranged in inverted-T pattern using CSS grid showing W-A-S-D letters built with shadcn/ui Kbd","registryDependencies":["kbd"],"files":[{"path":"examples/kbd/arrow-keys/kbd-wasd-gaming-keys.tsx","type":"registry:example","target":"components/examples/kbd/arrow-keys/kbd-wasd-gaming-keys.tsx"}]},{"name":"kbd-command-palette-shortcut","type":"registry:example","title":"Kbd Command Palette Shortcut","description":"A React keyboard shortcut displaying Cmd+K command palette using shadcn/ui KbdGroup for documenting universal search and command access","registryDependencies":["kbd"],"files":[{"path":"examples/kbd/shortcut/kbd-command-palette-shortcut.tsx","type":"registry:example","target":"components/examples/kbd/shortcut/kbd-command-palette-shortcut.tsx"}]},{"name":"kbd-save-shortcut","type":"registry:example","title":"Kbd Save Shortcut","description":"A React keyboard shortcut displaying Cmd+S save command using shadcn/ui KbdGroup for documenting file save and data persistence operations","registryDependencies":["kbd"],"files":[{"path":"examples/kbd/shortcut/kbd-save-shortcut.tsx","type":"registry:example","target":"components/examples/kbd/shortcut/kbd-save-shortcut.tsx"}]},{"name":"kbd-paste-shortcut","type":"registry:example","title":"Kbd Paste Shortcut","description":"A React keyboard shortcut displaying Ctrl+V paste command using shadcn/ui KbdGroup for documenting clipboard paste operation","registryDependencies":["kbd"],"files":[{"path":"examples/kbd/shortcut/kbd-paste-shortcut.tsx","type":"registry:example","target":"components/examples/kbd/shortcut/kbd-paste-shortcut.tsx"}]},{"name":"kbd-complex-shortcut","type":"registry:example","title":"Kbd Complex Shortcut","description":"A React keyboard shortcut displaying Ctrl+Shift+P three-key combination using shadcn/ui KbdGroup for documenting complex multi-modifier shortcuts","registryDependencies":["kbd"],"files":[{"path":"examples/kbd/shortcut/kbd-complex-shortcut.tsx","type":"registry:example","target":"components/examples/kbd/shortcut/kbd-complex-shortcut.tsx"}]},{"name":"kbd-copy-shortcut","type":"registry:example","title":"Kbd Copy Shortcut","description":"A React keyboard shortcut displaying Ctrl+C copy command using shadcn/ui KbdGroup for documenting clipboard copy operation","registryDependencies":["kbd"],"files":[{"path":"examples/kbd/shortcut/kbd-copy-shortcut.tsx","type":"registry:example","target":"components/examples/kbd/shortcut/kbd-copy-shortcut.tsx"}]},{"name":"kbd-focus-state","type":"registry:example","title":"Kbd Focus State","description":"A React keyboard key showing focus state with ring-2 ring-ring ring-offset-2 using shadcn/ui Kbd component for keyboard-navigable shortcuts","registryDependencies":["kbd"],"files":[{"path":"examples/kbd/pressed-state/kbd-focus-state.tsx","type":"registry:example","target":"components/examples/kbd/pressed-state/kbd-focus-state.tsx"}]},{"name":"kbd-pressed-down","type":"registry:example","title":"Kbd Pressed Down","description":"A React keyboard key showing physical pressed-down state with translate-y-0.5 and shadow-none using shadcn/ui Kbd to simulate mechanical key press","registryDependencies":["kbd"],"files":[{"path":"examples/kbd/pressed-state/kbd-pressed-down.tsx","type":"registry:example","target":"components/examples/kbd/pressed-state/kbd-pressed-down.tsx"}]},{"name":"kbd-disabled-state","type":"registry:example","title":"Kbd Disabled State","description":"A React keyboard key showing disabled state with opacity-50 and cursor-not-allowed using shadcn/ui Kbd component to indicate unavailable shortcuts","registryDependencies":["kbd"],"files":[{"path":"examples/kbd/pressed-state/kbd-disabled-state.tsx","type":"registry:example","target":"components/examples/kbd/pressed-state/kbd-disabled-state.tsx"}]},{"name":"kbd-hover-state","type":"registry:example","title":"Kbd Hover State","description":"A React keyboard shortcut showing hover state with cursor-pointer and transition-colors using shadcn/ui Kbd for interactive clickable shortcuts","registryDependencies":["kbd"],"files":[{"path":"examples/kbd/pressed-state/kbd-hover-state.tsx","type":"registry:example","target":"components/examples/kbd/pressed-state/kbd-hover-state.tsx"}]},{"name":"kbd-active-state","type":"registry:example","title":"Kbd Active State","description":"A React keyboard shortcut showing active/pressed key state with bg-primary styling using shadcn/ui Kbd component to indicate currently pressed keys","registryDependencies":["kbd"],"files":[{"path":"examples/kbd/pressed-state/kbd-active-state.tsx","type":"registry:example","target":"components/examples/kbd/pressed-state/kbd-active-state.tsx"}]},{"name":"kbd-mac-option-symbol","type":"registry:example","title":"Kbd Mac Option Symbol","description":"Mac Option key Kbd component showing ⌥ symbol in KbdGroup for macOS Alt key shortcuts built with shadcn/ui","registryDependencies":["kbd"],"files":[{"path":"examples/kbd/platform-specific/kbd-mac-option-symbol.tsx","type":"registry:example","target":"components/examples/kbd/platform-specific/kbd-mac-option-symbol.tsx"}]},{"name":"kbd-windows-key","type":"registry:example","title":"Kbd Windows Key","description":"Windows key Kbd component showing Win text in KbdGroup for Windows OS keyboard shortcuts built with shadcn/ui","registryDependencies":["kbd"],"files":[{"path":"examples/kbd/platform-specific/kbd-windows-key.tsx","type":"registry:example","target":"components/examples/kbd/platform-specific/kbd-windows-key.tsx"}]},{"name":"kbd-mac-command-symbol","type":"registry:example","title":"Kbd Mac Command Symbol","description":"Mac Command key Kbd component showing ⌘ symbol in KbdGroup for macOS keyboard shortcuts built with shadcn/ui","registryDependencies":["kbd"],"files":[{"path":"examples/kbd/platform-specific/kbd-mac-command-symbol.tsx","type":"registry:example","target":"components/examples/kbd/platform-specific/kbd-mac-command-symbol.tsx"}]},{"name":"kbd-mac-control-symbol","type":"registry:example","title":"Kbd Mac Control Symbol","description":"Mac Control key Kbd component showing ⌃ symbol in KbdGroup for macOS system shortcuts built with shadcn/ui","registryDependencies":["kbd"],"files":[{"path":"examples/kbd/platform-specific/kbd-mac-control-symbol.tsx","type":"registry:example","target":"components/examples/kbd/platform-specific/kbd-mac-control-symbol.tsx"}]},{"name":"kbd-platform-aware-shortcut","type":"registry:example","title":"Kbd Platform Aware Shortcut","description":"Platform-aware Kbd component using navigator.platform detection to show ⌘ on Mac or Ctrl on Windows for cross-platform keyboard shortcuts built with shadcn/ui","registryDependencies":["kbd"],"files":[{"path":"examples/kbd/platform-specific/kbd-platform-aware-shortcut.tsx","type":"registry:example","target":"components/examples/kbd/platform-specific/kbd-platform-aware-shortcut.tsx"}]},{"name":"input-otp-otp-with-resend-flow","type":"registry:example","title":"Input Otp Otp With Resend Flow","description":"A React OTP input with countdown timer and resend button preventing spam while allowing code re-requests built with shadcn/ui InputOTP and Button","registryDependencies":["button","input-otp"],"files":[{"path":"examples/input-otp/behavior/input-otp-otp-with-resend-flow.tsx","type":"registry:example","target":"components/examples/input-otp/behavior/input-otp-otp-with-resend-flow.tsx"}]},{"name":"input-otp-otp-with-enhanced-focus-management","type":"registry:example","title":"Input Otp Otp With Enhanced Focus Management","description":"A React OTP input with enhanced focus management allowing clicks anywhere on the container to focus the input using shadcn/ui InputOTP with useRef","registryDependencies":["input-otp"],"files":[{"path":"examples/input-otp/behavior/input-otp-otp-with-enhanced-focus-management.tsx","type":"registry:example","target":"components/examples/input-otp/behavior/input-otp-otp-with-enhanced-focus-management.tsx"}]},{"name":"input-otp-otp-with-paste-optimization","type":"registry:example","title":"Input Otp Otp With Paste Optimization","description":"A React OTP input with dedicated paste button using Clipboard API to read and filter pasted codes built with shadcn/ui InputOTP and Button","dependencies":["lucide-react"],"registryDependencies":["button","input-otp"],"files":[{"path":"examples/input-otp/behavior/input-otp-otp-with-paste-optimization.tsx","type":"registry:example","target":"components/examples/input-otp/behavior/input-otp-otp-with-paste-optimization.tsx"}]},{"name":"input-otp-auto-submit-otp","type":"registry:example","title":"Input Otp Auto Submit Otp","description":"A React OTP input that automatically submits the form when all 6 digits are entered using shadcn/ui InputOTP with React Hook Form","registryDependencies":["form","input-otp"],"files":[{"path":"examples/input-otp/behavior/input-otp-auto-submit-otp.tsx","type":"registry:example","target":"components/examples/input-otp/behavior/input-otp-auto-submit-otp.tsx"}]},{"name":"input-otp-email-verification-flow","type":"registry:example","title":"Input Otp Email Verification Flow","description":"A complete React email verification flow with Mail icon, React Hook Form, Zod validation, and resend code functionality built with shadcn/ui InputOTP","dependencies":["lucide-react"],"registryDependencies":["button","form","input-otp"],"files":[{"path":"examples/input-otp/use-cases/input-otp-email-verification-flow.tsx","type":"registry:example","target":"components/examples/input-otp/use-cases/input-otp-email-verification-flow.tsx"}]},{"name":"input-otp-sms-verification","type":"registry:example","title":"Input Otp Sms Verification","description":"A React SMS verification flow with Smartphone icon, countdown timer for resend, and phone number display built with shadcn/ui InputOTP","dependencies":["lucide-react"],"registryDependencies":["button","form","input-otp"],"files":[{"path":"examples/input-otp/use-cases/input-otp-sms-verification.tsx","type":"registry:example","target":"components/examples/input-otp/use-cases/input-otp-sms-verification.tsx"}]},{"name":"input-otp-transaction-confirmation","type":"registry:example","title":"Input Otp Transaction Confirmation","description":"A React transaction confirmation flow with AlertTriangle, Alert component, OTP input, and cancel option built with shadcn/ui InputOTP","dependencies":["lucide-react"],"registryDependencies":["alert","button","form","input-otp"],"files":[{"path":"examples/input-otp/use-cases/input-otp-transaction-confirmation.tsx","type":"registry:example","target":"components/examples/input-otp/use-cases/input-otp-transaction-confirmation.tsx"}]},{"name":"input-otp-two-factor-authentication","type":"registry:example","title":"Input Otp Two Factor Authentication","description":"A React two-factor authentication flow with Shield icon, authenticator code input, backup code toggle, and Key icon built with shadcn/ui InputOTP","dependencies":["lucide-react"],"registryDependencies":["button","form","input","input-otp"],"files":[{"path":"examples/input-otp/use-cases/input-otp-two-factor-authentication.tsx","type":"registry:example","target":"components/examples/input-otp/use-cases/input-otp-two-factor-authentication.tsx"}]},{"name":"input-otp-otp-with-success-state","type":"registry:example","title":"Input Otp Otp With Success State","description":"A React OTP input with success state showing Check icon and green verification message then disabling input built with shadcn/ui InputOTP","dependencies":["lucide-react"],"registryDependencies":["input-otp"],"files":[{"path":"examples/input-otp/states/input-otp-otp-with-success-state.tsx","type":"registry:example","target":"components/examples/input-otp/states/input-otp-otp-with-success-state.tsx"}]},{"name":"input-otp-otp-with-loading-state","type":"registry:example","title":"Input Otp Otp With Loading State","description":"A React OTP input with loading state showing Loader2 spinner and Verifying code message during verification built with shadcn/ui InputOTP","dependencies":["lucide-react"],"registryDependencies":["input-otp"],"files":[{"path":"examples/input-otp/states/input-otp-otp-with-loading-state.tsx","type":"registry:example","target":"components/examples/input-otp/states/input-otp-otp-with-loading-state.tsx"}]},{"name":"input-otp-disabled-otp-input","type":"registry:example","title":"Input Otp Disabled Otp Input","description":"A disabled React OTP input showing non-interactive state with reduced opacity using shadcn/ui InputOTP disabled prop","registryDependencies":["input-otp"],"files":[{"path":"examples/input-otp/states/input-otp-disabled-otp-input.tsx","type":"registry:example","target":"components/examples/input-otp/states/input-otp-disabled-otp-input.tsx"}]},{"name":"input-otp-otp-with-error-state","type":"registry:example","title":"Input Otp Otp With Error State","description":"A React OTP input with error state showing animate-shake animation and destructive error message for invalid codes built with shadcn/ui InputOTP","registryDependencies":["input-otp"],"files":[{"path":"examples/input-otp/states/input-otp-otp-with-error-state.tsx","type":"registry:example","target":"components/examples/input-otp/states/input-otp-otp-with-error-state.tsx"}]},{"name":"input-otp-otp-with-pattern-validation","type":"registry:example","title":"Input Otp Otp With Pattern Validation","description":"A 6-character OTP input accepting both letters and digits using pattern validation with REGEXP_ONLY_DIGITS_AND_CHARS from input-otp library","registryDependencies":["input-otp"],"files":[{"path":"examples/input-otp/standard/input-otp-otp-with-pattern-validation.tsx","type":"registry:example","target":"components/examples/input-otp/standard/input-otp-otp-with-pattern-validation.tsx"}]},{"name":"input-otp-standard-otp-input","type":"registry:example","title":"Input Otp Standard Otp Input","description":"A basic 6-digit OTP input with separator dividing two 3-digit groups built with shadcn/ui InputOTP components","registryDependencies":["input-otp"],"files":[{"path":"examples/input-otp/standard/input-otp-standard-otp-input.tsx","type":"registry:example","target":"components/examples/input-otp/standard/input-otp-standard-otp-input.tsx"}]},{"name":"input-otp-controlled-otp-input","type":"registry:example","title":"Input Otp Controlled Otp Input","description":"A controlled 6-digit OTP input displaying entered value in real-time below the input using React useState with shadcn/ui InputOTP","registryDependencies":["input-otp"],"files":[{"path":"examples/input-otp/standard/input-otp-controlled-otp-input.tsx","type":"registry:example","target":"components/examples/input-otp/standard/input-otp-controlled-otp-input.tsx"}]},{"name":"input-otp-otp-in-form-with-validation","type":"registry:example","title":"Input Otp Otp In Form With Validation","description":"A complete OTP form with React Hook Form validation, Zod schema, submit button, and error handling built with shadcn/ui Form and InputOTP","registryDependencies":["button","form","input-otp"],"files":[{"path":"examples/input-otp/standard/input-otp-otp-in-form-with-validation.tsx","type":"registry:example","target":"components/examples/input-otp/standard/input-otp-otp-in-form-with-validation.tsx"}]},{"name":"input-otp-otp-with-multiple-separators","type":"registry:example","title":"Input Otp Otp With Multiple Separators","description":"A 6-digit OTP input with multiple separators creating three 2-digit groups in XX-XX-XX format built with shadcn/ui InputOTP","registryDependencies":["input-otp"],"files":[{"path":"examples/input-otp/standard/input-otp-otp-with-multiple-separators.tsx","type":"registry:example","target":"components/examples/input-otp/standard/input-otp-otp-with-multiple-separators.tsx"}]},{"name":"input-otp-numeric-only-otp","type":"registry:example","title":"Input Otp Numeric Only Otp","description":"A React numeric-only OTP input with REGEXP_ONLY_DIGITS pattern and inputMode numeric for mobile keyboard optimization built with shadcn/ui InputOTP","registryDependencies":["input-otp"],"files":[{"path":"examples/input-otp/variants/input-otp-numeric-only-otp.tsx","type":"registry:example","target":"components/examples/input-otp/variants/input-otp-numeric-only-otp.tsx"}]},{"name":"input-otp-masked-otp-input","type":"registry:example","title":"Input Otp Masked Otp Input","description":"A React OTP input with blur-sm masking and Eye/EyeOff toggle button for showing or hiding sensitive codes built with shadcn/ui InputOTP","dependencies":["lucide-react"],"registryDependencies":["button","input-otp"],"files":[{"path":"examples/input-otp/variants/input-otp-masked-otp-input.tsx","type":"registry:example","target":"components/examples/input-otp/variants/input-otp-masked-otp-input.tsx"}]},{"name":"input-otp-different-length-otp-variants","type":"registry:example","title":"Input Otp Different Length Otp Variants","description":"React OTP inputs showing 4-digit, 6-digit, and 8-digit length variations with different grouping patterns built with shadcn/ui InputOTP","registryDependencies":["input-otp"],"files":[{"path":"examples/input-otp/variants/input-otp-different-length-otp-variants.tsx","type":"registry:example","target":"components/examples/input-otp/variants/input-otp-different-length-otp-variants.tsx"}]},{"name":"large-toggle-group","type":"registry:example","title":"Large Toggle Group","description":"A large toggle group with size lg and type multiple for prominent text formatting controls with generous touch targets and outline variant","dependencies":["lucide-react"],"registryDependencies":["toggle-group"],"files":[{"path":"examples/toggle-group/sizes/large-toggle-group.tsx","type":"registry:example","target":"components/examples/toggle-group/sizes/large-toggle-group.tsx"}]},{"name":"default-size-toggle-group","type":"registry:example","title":"Default Size Toggle Group","description":"A default medium-sized toggle group without size prop using type multiple for standard text formatting toolbars with outline variant","dependencies":["lucide-react"],"registryDependencies":["toggle-group"],"files":[{"path":"examples/toggle-group/sizes/default-size-toggle-group.tsx","type":"registry:example","target":"components/examples/toggle-group/sizes/default-size-toggle-group.tsx"}]},{"name":"small-toggle-group","type":"registry:example","title":"Small Toggle Group","description":"A small toggle group with size sm and type multiple for compact text formatting toolbars with outline variant styling","dependencies":["lucide-react"],"registryDependencies":["toggle-group"],"files":[{"path":"examples/toggle-group/sizes/small-toggle-group.tsx","type":"registry:example","target":"components/examples/toggle-group/sizes/small-toggle-group.tsx"}]},{"name":"outline-toggle-group","type":"registry:example","title":"Outline Toggle Group","description":"Outline variant toggle group with border-only styling using variant=\"outline\" for subtle transparent appearance until items become active","dependencies":["lucide-react"],"registryDependencies":["toggle-group"],"files":[{"path":"examples/toggle-group/standard/outline-toggle-group.tsx","type":"registry:example","target":"components/examples/toggle-group/standard/outline-toggle-group.tsx"}]},{"name":"default-toggle-group","type":"registry:example","title":"Default Toggle Group","description":"Toggle group with multiple selection allowing several items active simultaneously using type=\"multiple\" for independent checkbox-style toggles","dependencies":["lucide-react"],"registryDependencies":["toggle-group"],"files":[{"path":"examples/toggle-group/standard/default-toggle-group.tsx","type":"registry:example","target":"components/examples/toggle-group/standard/default-toggle-group.tsx"}]},{"name":"single-selection-toggle-group","type":"registry:example","title":"Single Selection Toggle Group","description":"Single selection toggle group using type=\"single\" for radio button behavior allowing only one active item with mutually exclusive choices","dependencies":["lucide-react"],"registryDependencies":["toggle-group"],"files":[{"path":"examples/toggle-group/standard/single-selection-toggle-group.tsx","type":"registry:example","target":"components/examples/toggle-group/standard/single-selection-toggle-group.tsx"}]},{"name":"disabled-toggle-group","type":"registry:example","title":"Disabled Toggle Group","description":"Disabled toggle group with non-interactive state using disabled prop applying opacity-50 and cursor-not-allowed to all items simultaneously","dependencies":["lucide-react"],"registryDependencies":["toggle-group"],"files":[{"path":"examples/toggle-group/standard/disabled-toggle-group.tsx","type":"registry:example","target":"components/examples/toggle-group/standard/disabled-toggle-group.tsx"}]},{"name":"command-with-icons-and-shortcuts","type":"registry:example","title":"Command With Icons And Shortcuts","description":"An inline React command menu with Lucide React icons and CommandShortcut keyboard hints embedded in page layout with shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["command"],"files":[{"path":"examples/command/standard/command-with-icons-and-shortcuts.tsx","type":"registry:example","target":"components/examples/command/standard/command-with-icons-and-shortcuts.tsx"}]},{"name":"command-with-separators","type":"registry:example","title":"Command With Separators","description":"An inline React command menu with CommandSeparator dividers between file category groups embedded in page layout with shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["command"],"files":[{"path":"examples/command/standard/command-with-separators.tsx","type":"registry:example","target":"components/examples/command/standard/command-with-separators.tsx"}]},{"name":"command-with-badges","type":"registry:example","title":"Command With Badges","description":"An inline React command menu with Badge status indicators showing component stability embedded in page layout with shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["badge","command"],"files":[{"path":"examples/command/standard/command-with-badges.tsx","type":"registry:example","target":"components/examples/command/standard/command-with-badges.tsx"}]},{"name":"command-with-status-indicators","type":"registry:example","title":"Command With Status Indicators","description":"An inline React command menu with colored status dots using size-3 rounded-full elements showing service states embedded in page with shadcn/ui","registryDependencies":["command"],"files":[{"path":"examples/command/standard/command-with-status-indicators.tsx","type":"registry:example","target":"components/examples/command/standard/command-with-status-indicators.tsx"}]},{"name":"command-with-descriptions","type":"registry:example","title":"Command With Descriptions","description":"An inline React command menu with two-line items using flex-col layout showing primary and secondary descriptions embedded in page with shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["command"],"files":[{"path":"examples/command/standard/command-with-descriptions.tsx","type":"registry:example","target":"components/examples/command/standard/command-with-descriptions.tsx"}]},{"name":"command-actions-menu","type":"registry:example","title":"Command Actions Menu","description":"An inline React command actions menu with Lucide React icons and CommandShortcut hints for quick operations embedded in page with shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["command"],"files":[{"path":"examples/command/standard/command-actions-menu.tsx","type":"registry:example","target":"components/examples/command/standard/command-actions-menu.tsx"}]},{"name":"simple-command-menu","type":"registry:example","title":"Simple Command Menu","description":"An inline React command menu with CommandInput search and grouped suggestions embedded directly in page layout with shadcn/ui","registryDependencies":["command"],"files":[{"path":"examples/command/standard/simple-command-menu.tsx","type":"registry:example","target":"components/examples/command/standard/simple-command-menu.tsx"}]},{"name":"command-popover-with-icons-and-shortcuts","type":"registry:example","title":"Command Popover With Icons And Shortcuts","description":"A React command popover with Lucide React icons and CommandShortcut keyboard hints in anchored menu with shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["button","command","popover"],"files":[{"path":"examples/command/popover/command-popover-with-icons-and-shortcuts.tsx","type":"registry:example","target":"components/examples/command/popover/command-popover-with-icons-and-shortcuts.tsx"}]},{"name":"command-popover-with-status-indicators","type":"registry:example","title":"Command Popover With Status Indicators","description":"A React command popover with colored status dots using size-3 rounded-full elements showing service states in anchored dropdown with shadcn/ui","registryDependencies":["button","command","popover"],"files":[{"path":"examples/command/popover/command-popover-with-status-indicators.tsx","type":"registry:example","target":"components/examples/command/popover/command-popover-with-status-indicators.tsx"}]},{"name":"command-popover-with-descriptions","type":"registry:example","title":"Command Popover With Descriptions","description":"A React command popover with two-line items using flex-col layout showing primary and secondary descriptions in anchored dropdown with shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["button","command","popover"],"files":[{"path":"examples/command/popover/command-popover-with-descriptions.tsx","type":"registry:example","target":"components/examples/command/popover/command-popover-with-descriptions.tsx"}]},{"name":"command-popover-with-separators","type":"registry:example","title":"Command Popover With Separators","description":"A React command popover with CommandSeparator dividers between file category groups in anchored dropdown with shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["button","command","popover"],"files":[{"path":"examples/command/popover/command-popover-with-separators.tsx","type":"registry:example","target":"components/examples/command/popover/command-popover-with-separators.tsx"}]},{"name":"simple-command-popover","type":"registry:example","title":"Simple Command Popover","description":"A React command palette using Popover with CommandInput search and grouped suggestions anchored to trigger button with shadcn/ui","registryDependencies":["button","command","popover"],"files":[{"path":"examples/command/popover/simple-command-popover.tsx","type":"registry:example","target":"components/examples/command/popover/simple-command-popover.tsx"}]},{"name":"command-popover-with-badges","type":"registry:example","title":"Command Popover With Badges","description":"A React command popover with Badge status indicators showing component stability using secondary and outline variants in anchored menu with shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["badge","button","command","popover"],"files":[{"path":"examples/command/popover/command-popover-with-badges.tsx","type":"registry:example","target":"components/examples/command/popover/command-popover-with-badges.tsx"}]},{"name":"command-popover-actions-menu","type":"registry:example","title":"Command Popover Actions Menu","description":"A React command popover actions menu with Lucide React icons and CommandShortcut hints for contextual quick operations in anchored dropdown with shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["button","command","popover"],"files":[{"path":"examples/command/popover/command-popover-actions-menu.tsx","type":"registry:example","target":"components/examples/command/popover/command-popover-actions-menu.tsx"}]},{"name":"command-dialog-with-separators","type":"registry:example","title":"Command Dialog With Separators","description":"A React CommandDialog with CommandSeparator visual dividers between grouped file categories for clear hierarchy and scanning with shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["button","command"],"files":[{"path":"examples/command/dialog/command-dialog-with-separators.tsx","type":"registry:example","target":"components/examples/command/dialog/command-dialog-with-separators.tsx"}]},{"name":"command-dialog-with-descriptions","type":"registry:example","title":"Command Dialog With Descriptions","description":"A React CommandDialog with two-line command items using flex-col layout showing primary text and secondary descriptions with text-muted-foreground with shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["button","command"],"files":[{"path":"examples/command/dialog/command-dialog-with-descriptions.tsx","type":"registry:example","target":"components/examples/command/dialog/command-dialog-with-descriptions.tsx"}]},{"name":"simple-command-dialog","type":"registry:example","title":"Simple Command Dialog","description":"A foundational React CommandDialog with keyboard-navigable search showing grouped command suggestions in modal overlay with shadcn/ui","registryDependencies":["button","command"],"files":[{"path":"examples/command/dialog/simple-command-dialog.tsx","type":"registry:example","target":"components/examples/command/dialog/simple-command-dialog.tsx"}]},{"name":"command-dialog-with-badges","type":"registry:example","title":"Command Dialog With Badges","description":"A React CommandDialog with Badge status indicators showing component stability using secondary and outline variants with ml-auto positioning with shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["badge","button","command"],"files":[{"path":"examples/command/dialog/command-dialog-with-badges.tsx","type":"registry:example","target":"components/examples/command/dialog/command-dialog-with-badges.tsx"}]},{"name":"command-dialog-actions-menu","type":"registry:example","title":"Command Dialog Actions Menu","description":"A React CommandDialog actions menu with Lucide React action icons and CommandShortcut keyboard hints for quick file operations with shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["button","command"],"files":[{"path":"examples/command/dialog/command-dialog-actions-menu.tsx","type":"registry:example","target":"components/examples/command/dialog/command-dialog-actions-menu.tsx"}]},{"name":"command-dialog-with-status-indicators","type":"registry:example","title":"Command Dialog With Status Indicators","description":"A React CommandDialog with colored status indicator dots using size-3 rounded-full elements showing service health states with shadcn/ui","registryDependencies":["button","command"],"files":[{"path":"examples/command/dialog/command-dialog-with-status-indicators.tsx","type":"registry:example","target":"components/examples/command/dialog/command-dialog-with-status-indicators.tsx"}]},{"name":"command-dialog-with-icons-and-shortcuts","type":"registry:example","title":"Command Dialog With Icons And Shortcuts","description":"A React CommandDialog with Lucide React icons and CommandShortcut keyboard hints showing visual command categories and shortcuts with shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["button","command"],"files":[{"path":"examples/command/dialog/command-dialog-with-icons-and-shortcuts.tsx","type":"registry:example","target":"components/examples/command/dialog/command-dialog-with-icons-and-shortcuts.tsx"}]},{"name":"badge-with-icon-on-right-destructive","type":"registry:example","title":"Badge With Icon On Right Destructive","description":"A destructive badge with right-aligned icon for error states with trailing visual indicators","dependencies":["lucide-react"],"registryDependencies":["badge"],"files":[{"path":"examples/badge/destructive/badge-with-icon-on-right-destructive.tsx","type":"registry:example","target":"components/examples/badge/destructive/badge-with-icon-on-right-destructive.tsx"}]},{"name":"badge-with-text-destructive","type":"registry:example","title":"Badge With Text Destructive","description":"A destructive red badge for error states, critical warnings, and urgent negative status indicators","registryDependencies":["badge"],"files":[{"path":"examples/badge/destructive/badge-with-text-destructive.tsx","type":"registry:example","target":"components/examples/badge/destructive/badge-with-text-destructive.tsx"}]},{"name":"badge-with-link-destructive","type":"registry:example","title":"Badge With Link Destructive","description":"A clickable destructive badge with link for navigating to error details or problem resolution pages","registryDependencies":["badge"],"files":[{"path":"examples/badge/destructive/badge-with-link-destructive.tsx","type":"registry:example","target":"components/examples/badge/destructive/badge-with-link-destructive.tsx"}]},{"name":"badge-with-icon-on-left-destructive","type":"registry:example","title":"Badge With Icon On Left Destructive","description":"A destructive badge with left-aligned icon for visually enhanced error states and critical warnings","dependencies":["lucide-react"],"registryDependencies":["badge"],"files":[{"path":"examples/badge/destructive/badge-with-icon-on-left-destructive.tsx","type":"registry:example","target":"components/examples/badge/destructive/badge-with-icon-on-left-destructive.tsx"}]},{"name":"circular-badge-with-count-destructive","type":"registry:example","title":"Circular Badge With Count Destructive","description":"A circular destructive badge displaying numeric counts for error notifications and urgent alerts","registryDependencies":["badge"],"files":[{"path":"examples/badge/destructive/circular-badge-with-count-destructive.tsx","type":"registry:example","target":"components/examples/badge/destructive/circular-badge-with-count-destructive.tsx"}]},{"name":"badge-with-icon-on-right-outline","type":"registry:example","title":"Badge With Icon On Right Outline","description":"An outlined badge with right-aligned icon for metadata states with trailing visual indicators","dependencies":["lucide-react"],"registryDependencies":["badge"],"files":[{"path":"examples/badge/outline/badge-with-icon-on-right-outline.tsx","type":"registry:example","target":"components/examples/badge/outline/badge-with-icon-on-right-outline.tsx"}]},{"name":"circular-badge-with-count-outline","type":"registry:example","title":"Circular Badge With Count Outline","description":"A circular outlined badge displaying numeric counts for notifications, updates, and non-urgent numeric indicators","registryDependencies":["badge"],"files":[{"path":"examples/badge/outline/circular-badge-with-count-outline.tsx","type":"registry:example","target":"components/examples/badge/outline/circular-badge-with-count-outline.tsx"}]},{"name":"badge-with-text-outline","type":"registry:example","title":"Badge With Text Outline","description":"A neutral outlined badge for secondary status, tags, and non-urgent metadata display","registryDependencies":["badge"],"files":[{"path":"examples/badge/outline/badge-with-text-outline.tsx","type":"registry:example","target":"components/examples/badge/outline/badge-with-text-outline.tsx"}]},{"name":"badge-with-icon-on-left-outline","type":"registry:example","title":"Badge With Icon On Left Outline","description":"An outlined badge with left-aligned icon for visually enhanced tags, categories, and metadata labels","dependencies":["lucide-react"],"registryDependencies":["badge"],"files":[{"path":"examples/badge/outline/badge-with-icon-on-left-outline.tsx","type":"registry:example","target":"components/examples/badge/outline/badge-with-icon-on-left-outline.tsx"}]},{"name":"badge-with-link-outline","type":"registry:example","title":"Badge With Link Outline","description":"A clickable outlined badge with link for navigating to tag pages, category filters, or metadata details","registryDependencies":["badge"],"files":[{"path":"examples/badge/outline/badge-with-link-outline.tsx","type":"registry:example","target":"components/examples/badge/outline/badge-with-link-outline.tsx"}]},{"name":"badge-with-link-standard","type":"registry:example","title":"Badge With Link Standard","description":"An interactive badge containing a clickable link for filtering content or navigating to related items","registryDependencies":["badge"],"files":[{"path":"examples/badge/standard/badge-with-link-standard.tsx","type":"registry:example","target":"components/examples/badge/standard/badge-with-link-standard.tsx"}]},{"name":"badge-with-text-standard","type":"registry:example","title":"Badge With Text Standard","description":"A compact inline badge with primary styling for status indicators, labels, and category tags","registryDependencies":["badge"],"files":[{"path":"examples/badge/standard/badge-with-text-standard.tsx","type":"registry:example","target":"components/examples/badge/standard/badge-with-text-standard.tsx"}]},{"name":"badge-with-icon-on-left-standard","type":"registry:example","title":"Badge With Icon On Left Standard","description":"A badge with a Lucide React icon positioned to the left of text for enhanced visual communication","dependencies":["lucide-react"],"registryDependencies":["badge"],"files":[{"path":"examples/badge/standard/badge-with-icon-on-left-standard.tsx","type":"registry:example","target":"components/examples/badge/standard/badge-with-icon-on-left-standard.tsx"}]},{"name":"badge-with-icon-on-right-standard","type":"registry:example","title":"Badge With Icon On Right Standard","description":"A badge with a Lucide React icon positioned to the right of text for trailing visual indicators","dependencies":["lucide-react"],"registryDependencies":["badge"],"files":[{"path":"examples/badge/standard/badge-with-icon-on-right-standard.tsx","type":"registry:example","target":"components/examples/badge/standard/badge-with-icon-on-right-standard.tsx"}]},{"name":"circular-badge-with-count-standard","type":"registry:example","title":"Circular Badge With Count Standard","description":"A circular badge displaying a number for notification counts, unread items, or quantity indicators","registryDependencies":["badge"],"files":[{"path":"examples/badge/standard/circular-badge-with-count-standard.tsx","type":"registry:example","target":"components/examples/badge/standard/circular-badge-with-count-standard.tsx"}]},{"name":"badge-with-text-secondary","type":"registry:example","title":"Badge With Text Secondary","description":"A subdued gray badge with secondary variant for neutral information and less prominent labels","registryDependencies":["badge"],"files":[{"path":"examples/badge/secondary/badge-with-text-secondary.tsx","type":"registry:example","target":"components/examples/badge/secondary/badge-with-text-secondary.tsx"}]},{"name":"badge-with-icon-on-right-secondary","type":"registry:example","title":"Badge With Icon On Right Secondary","description":"A secondary badge with right-aligned icon for muted metadata with trailing indicators","dependencies":["lucide-react"],"registryDependencies":["badge"],"files":[{"path":"examples/badge/secondary/badge-with-icon-on-right-secondary.tsx","type":"registry:example","target":"components/examples/badge/secondary/badge-with-icon-on-right-secondary.tsx"}]},{"name":"badge-with-link-secondary","type":"registry:example","title":"Badge With Link Secondary","description":"A clickable secondary badge with subdued gray styling for subtle filtering and navigation","registryDependencies":["badge"],"files":[{"path":"examples/badge/secondary/badge-with-link-secondary.tsx","type":"registry:example","target":"components/examples/badge/secondary/badge-with-link-secondary.tsx"}]},{"name":"badge-with-icon-on-left-secondary","type":"registry:example","title":"Badge With Icon On Left Secondary","description":"A secondary badge with left-aligned icon for muted categorization with visual symbols","dependencies":["lucide-react"],"registryDependencies":["badge"],"files":[{"path":"examples/badge/secondary/badge-with-icon-on-left-secondary.tsx","type":"registry:example","target":"components/examples/badge/secondary/badge-with-icon-on-left-secondary.tsx"}]},{"name":"circular-badge-with-count-secondary","type":"registry:example","title":"Circular Badge With Count Secondary","description":"A circular secondary badge displaying muted numeric counts for non-urgent notifications and supplementary metrics","registryDependencies":["badge"],"files":[{"path":"examples/badge/secondary/circular-badge-with-count-secondary.tsx","type":"registry:example","target":"components/examples/badge/secondary/circular-badge-with-count-secondary.tsx"}]},{"name":"profile-edit-form","type":"registry:example","title":"Profile Edit Form","description":"A React profile form with username, email, bio textarea with character counter, and optional website URL validated with React Hook Form and Zod","registryDependencies":["button","form","input","textarea"],"files":[{"path":"examples/form/patterns/profile-edit-form.tsx","type":"registry:example","target":"components/examples/form/patterns/profile-edit-form.tsx"}]},{"name":"login-form","type":"registry:example","title":"Login Form","description":"A React login form with email and password fields featuring welcome heading, forgot password link, and Zod validation using React Hook Form","registryDependencies":["button","form","input"],"files":[{"path":"examples/form/patterns/login-form.tsx","type":"registry:example","target":"components/examples/form/patterns/login-form.tsx"}]},{"name":"search-filter-form","type":"registry:example","title":"Search Filter Form","description":"A React search filter form with query input, sort select, price range inputs, category checkboxes, and stock filter using React Hook Form and Zod","registryDependencies":["button","checkbox","form","input","select"],"files":[{"path":"examples/form/patterns/search-filter-form.tsx","type":"registry:example","target":"components/examples/form/patterns/search-filter-form.tsx"}]},{"name":"settings-form","type":"registry:example","title":"Settings Form","description":"A React settings form with language and theme selects plus notification switches using React Hook Form and Zod for app preferences management","registryDependencies":["button","form","select","switch"],"files":[{"path":"examples/form/patterns/settings-form.tsx","type":"registry:example","target":"components/examples/form/patterns/settings-form.tsx"}]},{"name":"signup-form","type":"registry:example","title":"Signup Form","description":"A React signup form with name, email, password validation using regex patterns, and terms checkbox validated with React Hook Form and Zod","registryDependencies":["button","checkbox","form","input"],"files":[{"path":"examples/form/patterns/signup-form.tsx","type":"registry:example","target":"components/examples/form/patterns/signup-form.tsx"}]},{"name":"contact-form","type":"registry:example","title":"Contact Form","description":"A React contact form with name, email, subject select dropdown, and message textarea validated with React Hook Form and Zod for customer inquiries","registryDependencies":["button","form","input","select","textarea"],"files":[{"path":"examples/form/patterns/contact-form.tsx","type":"registry:example","target":"components/examples/form/patterns/contact-form.tsx"}]},{"name":"checkout-form","type":"registry:example","title":"Checkout Form","description":"A React checkout form with email, card details including expiry and CVV, billing address, and country select validated with React Hook Form and Zod","registryDependencies":["button","form","input","select"],"files":[{"path":"examples/form/patterns/checkout-form.tsx","type":"registry:example","target":"components/examples/form/patterns/checkout-form.tsx"}]},{"name":"form-with-select","type":"registry:example","title":"Form With Select","description":"A React form with Select dropdown validated using React Hook Form and Zod requiring country selection with error handling","registryDependencies":["button","form","select"],"files":[{"path":"examples/form/advanced/form-with-select.tsx","type":"registry:example","target":"components/examples/form/advanced/form-with-select.tsx"}]},{"name":"form-with-mixed-controls","type":"registry:example","title":"Form With Mixed Controls","description":"A React comprehensive form combining Input, RadioGroup, Select, Textarea, and Checkbox validated with React Hook Form and Zod","registryDependencies":["button","checkbox","form","input","radio-group","select","textarea"],"files":[{"path":"examples/form/advanced/form-with-mixed-controls.tsx","type":"registry:example","target":"components/examples/form/advanced/form-with-mixed-controls.tsx"}]},{"name":"form-with-checkbox","type":"registry:example","title":"Form With Checkbox","description":"A React form with multiple Checkbox controls validated using React Hook Form and Zod requiring terms acceptance with optional preferences","registryDependencies":["button","checkbox","form"],"files":[{"path":"examples/form/advanced/form-with-checkbox.tsx","type":"registry:example","target":"components/examples/form/advanced/form-with-checkbox.tsx"}]},{"name":"form-with-switch","type":"registry:example","title":"Form With Switch","description":"A React form with Switch toggles for notification settings using React Hook Form and Zod with bordered card layout","registryDependencies":["button","form","switch"],"files":[{"path":"examples/form/advanced/form-with-switch.tsx","type":"registry:example","target":"components/examples/form/advanced/form-with-switch.tsx"}]},{"name":"form-with-multiple-selects","type":"registry:example","title":"Form With Multiple Selects","description":"A React form with Input and multiple Select dropdowns validated using React Hook Form and Zod for name, country, timezone, language","registryDependencies":["button","form","input","select"],"files":[{"path":"examples/form/advanced/form-with-multiple-selects.tsx","type":"registry:example","target":"components/examples/form/advanced/form-with-multiple-selects.tsx"}]},{"name":"form-with-textarea","type":"registry:example","title":"Form With Textarea","description":"A React form with Textarea validated using React Hook Form and Zod enforcing 10-500 character bio with live character count","registryDependencies":["button","form","textarea"],"files":[{"path":"examples/form/advanced/form-with-textarea.tsx","type":"registry:example","target":"components/examples/form/advanced/form-with-textarea.tsx"}]},{"name":"form-with-radio-buttons","type":"registry:example","title":"Form With Radio Buttons","description":"A React form with RadioGroup validated using React Hook Form and Zod requiring plan selection from Free, Pro, Enterprise options","registryDependencies":["button","form","radio-group"],"files":[{"path":"examples/form/advanced/form-with-radio-buttons.tsx","type":"registry:example","target":"components/examples/form/advanced/form-with-radio-buttons.tsx"}]},{"name":"form-required-field-validation","type":"registry:example","title":"Form Required Field Validation","description":"A React form demonstrating required field validation using Zod with custom required_error messages and asterisk labels built with shadcn/ui","registryDependencies":["button","form","input"],"files":[{"path":"examples/form/validation/form-required-field-validation.tsx","type":"registry:example","target":"components/examples/form/validation/form-required-field-validation.tsx"}]},{"name":"form-conditional-validation","type":"registry:example","title":"Form Conditional Validation","description":"A React form with conditional validation using Zod refine and form watch showing and validating company fields only when checkbox is checked built with shadcn/ui","registryDependencies":["button","checkbox","form","input"],"files":[{"path":"examples/form/validation/form-conditional-validation.tsx","type":"registry:example","target":"components/examples/form/validation/form-conditional-validation.tsx"}]},{"name":"form-custom-validation-messages","type":"registry:example","title":"Form Custom Validation Messages","description":"A React form with friendly custom validation messages using Zod message option and emojis for conversational user-friendly error feedback built with shadcn/ui","registryDependencies":["button","form","input"],"files":[{"path":"examples/form/validation/form-custom-validation-messages.tsx","type":"registry:example","target":"components/examples/form/validation/form-custom-validation-messages.tsx"}]},{"name":"form-real-time-validation","type":"registry:example","title":"Form Real Time Validation","description":"A React form with real-time validation using React Hook Form onChange mode providing instant feedback as users type and disabled submit until valid built with shadcn/ui","registryDependencies":["button","form","input"],"files":[{"path":"examples/form/validation/form-real-time-validation.tsx","type":"registry:example","target":"components/examples/form/validation/form-real-time-validation.tsx"}]},{"name":"form-password-strength-validation","type":"registry:example","title":"Form Password Strength Validation","description":"A React form with comprehensive password strength validation using multiple Zod regex rules for uppercase lowercase number and special character built with shadcn/ui","registryDependencies":["button","form","input"],"files":[{"path":"examples/form/validation/form-password-strength-validation.tsx","type":"registry:example","target":"components/examples/form/validation/form-password-strength-validation.tsx"}]},{"name":"form-min-max-length-validation","type":"registry:example","title":"Form Min Max Length Validation","description":"A React form with minimum and maximum length validation using Zod with live character counter for bio field built with shadcn/ui and React Hook Form","registryDependencies":["button","form","input"],"files":[{"path":"examples/form/validation/form-min-max-length-validation.tsx","type":"registry:example","target":"components/examples/form/validation/form-min-max-length-validation.tsx"}]},{"name":"form-email-validation","type":"registry:example","title":"Form Email Validation","description":"A React form with email and confirm email fields using Zod refine for matching validation preventing typos built with shadcn/ui and React Hook Form","registryDependencies":["button","form","input"],"files":[{"path":"examples/form/validation/form-email-validation.tsx","type":"registry:example","target":"components/examples/form/validation/form-email-validation.tsx"}]},{"name":"search-input-form","type":"registry:example","title":"Search Input Form","description":"A React form with search input validation using React Hook Form and Zod minimum length for database queries built with shadcn/ui","registryDependencies":["button","form","input"],"files":[{"path":"examples/form/basic-forms/search-input-form.tsx","type":"registry:example","target":"components/examples/form/basic-forms/search-input-form.tsx"}]},{"name":"url-input-form","type":"registry:example","title":"Url Input Form","description":"A React form with URL input validation using React Hook Form and Zod url schema for website or portfolio links built with shadcn/ui","registryDependencies":["button","form","input"],"files":[{"path":"examples/form/basic-forms/url-input-form.tsx","type":"registry:example","target":"components/examples/form/basic-forms/url-input-form.tsx"}]},{"name":"email-input-form","type":"registry:example","title":"Email Input Form","description":"A React form with email input validation using React Hook Form and Zod email schema for newsletters or subscriptions built with shadcn/ui","registryDependencies":["button","form","input"],"files":[{"path":"examples/form/basic-forms/email-input-form.tsx","type":"registry:example","target":"components/examples/form/basic-forms/email-input-form.tsx"}]},{"name":"simple-text-input-form","type":"registry:example","title":"Simple Text Input Form","description":"A React form with single text input field using React Hook Form and Zod validation for username with minimum length built with shadcn/ui","registryDependencies":["button","form","input"],"files":[{"path":"examples/form/basic-forms/simple-text-input-form.tsx","type":"registry:example","target":"components/examples/form/basic-forms/simple-text-input-form.tsx"}]},{"name":"password-input-form","type":"registry:example","title":"Password Input Form","description":"A React form with password input and minimum length validation using React Hook Form and Zod for secure account creation built with shadcn/ui","registryDependencies":["button","form","input"],"files":[{"path":"examples/form/basic-forms/password-input-form.tsx","type":"registry:example","target":"components/examples/form/basic-forms/password-input-form.tsx"}]},{"name":"phone-input-form","type":"registry:example","title":"Phone Input Form","description":"A React form with phone number input and regex validation using React Hook Form and Zod for international formats built with shadcn/ui","registryDependencies":["button","form","input"],"files":[{"path":"examples/form/basic-forms/phone-input-form.tsx","type":"registry:example","target":"components/examples/form/basic-forms/phone-input-form.tsx"}]},{"name":"number-input-form","type":"registry:example","title":"Number Input Form","description":"A React form with number input and min/max range validation using React Hook Form and Zod coerce for age verification built with shadcn/ui","registryDependencies":["button","form","input"],"files":[{"path":"examples/form/basic-forms/number-input-form.tsx","type":"registry:example","target":"components/examples/form/basic-forms/number-input-form.tsx"}]},{"name":"form-horizontal-layout","type":"registry:example","title":"Form Horizontal Layout","description":"A React form with horizontal layout placing labels beside inputs using CSS Grid with text-right labels for Username and Email","registryDependencies":["button","form","input"],"files":[{"path":"examples/form/layouts/form-horizontal-layout.tsx","type":"registry:example","target":"components/examples/form/layouts/form-horizontal-layout.tsx"}]},{"name":"spacious-form-with-sections","type":"registry:example","title":"Spacious Form With Sections","description":"A React form with generous spacing using space-y-8 and logical sections for Personal Information and Address with headings","registryDependencies":["button","form","input"],"files":[{"path":"examples/form/layouts/spacious-form-with-sections.tsx","type":"registry:example","target":"components/examples/form/layouts/spacious-form-with-sections.tsx"}]},{"name":"form-responsive-layout","type":"registry:example","title":"Form Responsive Layout","description":"A React form with responsive grid layout using grid-cols-1 md:grid-cols-2 adapting from vertical mobile to two-column desktop","registryDependencies":["button","form","input"],"files":[{"path":"examples/form/layouts/form-responsive-layout.tsx","type":"registry:example","target":"components/examples/form/layouts/form-responsive-layout.tsx"}]},{"name":"inline-form","type":"registry:example","title":"Inline Form","description":"A React inline form with email input and subscribe button in horizontal flex layout using sr-only label for accessibility","registryDependencies":["button","form","input"],"files":[{"path":"examples/form/layouts/inline-form.tsx","type":"registry:example","target":"components/examples/form/layouts/inline-form.tsx"}]},{"name":"form-grid-layout-2-columns","type":"registry:example","title":"Form Grid Layout 2 Columns","description":"A React form with two-column grid layout for paired fields like First/Last Name, Email/Phone, City/ZIP validated with React Hook Form and Zod","registryDependencies":["button","form","input"],"files":[{"path":"examples/form/layouts/form-grid-layout-2-columns.tsx","type":"registry:example","target":"components/examples/form/layouts/form-grid-layout-2-columns.tsx"}]},{"name":"form-vertical-layout-default","type":"registry:example","title":"Form Vertical Layout Default","description":"A React form with vertical layout stacking labels above inputs for Name, Email, Phone validated with React Hook Form and Zod","registryDependencies":["button","form","input"],"files":[{"path":"examples/form/layouts/form-vertical-layout-default.tsx","type":"registry:example","target":"components/examples/form/layouts/form-vertical-layout-default.tsx"}]},{"name":"compact-form","type":"registry:example","title":"Compact Form","description":"A React compact login form with reduced spacing using space-y-3, h-9 inputs, and text-sm styling for Username and Password fields","registryDependencies":["button","form","input"],"files":[{"path":"examples/form/layouts/compact-form.tsx","type":"registry:example","target":"components/examples/form/layouts/compact-form.tsx"}]},{"name":"two-field-form","type":"registry:example","title":"Two Field Form","description":"A React form with two fields for name and email using React Hook Form and Zod validation for simple contact forms built with shadcn/ui","registryDependencies":["button","form","input"],"files":[{"path":"examples/form/multi-field/two-field-form.tsx","type":"registry:example","target":"components/examples/form/multi-field/two-field-form.tsx"}]},{"name":"form-with-field-groups","type":"registry:example","title":"Form With Field Groups","description":"A React form with field groups using h3 headings and sections for Personal Information and Address with space-y-6 separation built with shadcn/ui","registryDependencies":["button","form","input"],"files":[{"path":"examples/form/multi-field/form-with-field-groups.tsx","type":"registry:example","target":"components/examples/form/multi-field/form-with-field-groups.tsx"}]},{"name":"mixed-input-types-form","type":"registry:example","title":"Mixed Input Types Form","description":"A React form combining text number email and phone input types with appropriate validation using React Hook Form and Zod coerce built with shadcn/ui","registryDependencies":["button","form","input"],"files":[{"path":"examples/form/multi-field/mixed-input-types-form.tsx","type":"registry:example","target":"components/examples/form/multi-field/mixed-input-types-form.tsx"}]},{"name":"form-with-optional-fields","type":"registry:example","title":"Form With Optional Fields","description":"A React form mixing required and optional fields using Zod optional validation with Optional suffix labels built with shadcn/ui and React Hook Form","registryDependencies":["button","form","input"],"files":[{"path":"examples/form/multi-field/form-with-optional-fields.tsx","type":"registry:example","target":"components/examples/form/multi-field/form-with-optional-fields.tsx"}]},{"name":"long-form-with-many-fields","type":"registry:example","title":"Long Form With Many Fields","description":"A React long registration form with 9 fields across three sections Account Details Personal Information and Address using React Hook Form built with shadcn/ui","registryDependencies":["button","form","input"],"files":[{"path":"examples/form/multi-field/long-form-with-many-fields.tsx","type":"registry:example","target":"components/examples/form/multi-field/long-form-with-many-fields.tsx"}]},{"name":"three-field-form","type":"registry:example","title":"Three Field Form","description":"A React form with three fields using grid layout for firstName and lastName side-by-side with email below built with shadcn/ui and React Hook Form","registryDependencies":["button","form","input"],"files":[{"path":"examples/form/multi-field/three-field-form.tsx","type":"registry:example","target":"components/examples/form/multi-field/three-field-form.tsx"}]},{"name":"four-field-profile-form","type":"registry:example","title":"Four Field Profile Form","description":"A React form with four profile fields for username email bio and website using React Hook Form with mixed validation types built with shadcn/ui","registryDependencies":["button","form","input"],"files":[{"path":"examples/form/multi-field/four-field-profile-form.tsx","type":"registry:example","target":"components/examples/form/multi-field/four-field-profile-form.tsx"}]},{"name":"combobox-read-only-view-mode","type":"registry:example","title":"Combobox Read Only View Mode","description":"A React combobox in read-only view mode displaying Eye icon with disabled Button showing selected value and explanatory text for non-editable fields with shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["button"],"files":[{"path":"examples/combobox/with-states/combobox-read-only-view-mode.tsx","type":"registry:example","target":"components/examples/combobox/with-states/combobox-read-only-view-mode.tsx"}]},{"name":"combobox-loading-state","type":"registry:example","title":"Combobox Loading State","description":"A React combobox with Skeleton loading state showing placeholder UI while async data fetches using useEffect and isLoading state with shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["button","command","popover","skeleton"],"files":[{"path":"examples/combobox/with-states/combobox-loading-state.tsx","type":"registry:example","target":"components/examples/combobox/with-states/combobox-loading-state.tsx"}]},{"name":"combobox-with-validation-feedback","type":"registry:example","title":"Combobox With Validation Feedback","description":"A React combobox with validation feedback showing border-destructive styling and error message using useEffect to validate selection with shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["button","command","popover"],"files":[{"path":"examples/combobox/with-states/combobox-with-validation-feedback.tsx","type":"registry:example","target":"components/examples/combobox/with-states/combobox-with-validation-feedback.tsx"}]},{"name":"combobox-error-state-with-retry","type":"registry:example","title":"Combobox Error State With Retry","description":"A React combobox with error state displaying AlertCircle icon, failure message, and RefreshCw retry button for graceful error recovery with shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["button","command","popover"],"files":[{"path":"examples/combobox/with-states/combobox-error-state-with-retry.tsx","type":"registry:example","target":"components/examples/combobox/with-states/combobox-error-state-with-retry.tsx"}]},{"name":"combobox-empty-state-with-action","type":"registry:example","title":"Combobox Empty State With Action","description":"A React combobox with empty state showing Inbox icon, Get started message, and Plus Create Item button for onboarding new users with shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["button","command","popover"],"files":[{"path":"examples/combobox/with-states/combobox-empty-state-with-action.tsx","type":"registry:example","target":"components/examples/combobox/with-states/combobox-empty-state-with-action.tsx"}]},{"name":"combobox-no-results-variation","type":"registry:example","title":"Combobox No Results Variation","description":"A React combobox with enhanced CommandEmpty showing Search icon and Try different search term message for no results state with shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["button","command","popover"],"files":[{"path":"examples/combobox/with-states/combobox-no-results-variation.tsx","type":"registry:example","target":"components/examples/combobox/with-states/combobox-no-results-variation.tsx"}]},{"name":"combobox-with-disabled-items","type":"registry:example","title":"Combobox With Disabled Items","description":"A React combobox with selectively disabled items using disabled property and opacity-50 styling preventing selection of unavailable options with shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["button","command","popover"],"files":[{"path":"examples/combobox/with-states/combobox-with-disabled-items.tsx","type":"registry:example","target":"components/examples/combobox/with-states/combobox-with-disabled-items.tsx"}]},{"name":"combobox-clear-reset-button","type":"registry:example","title":"Combobox Clear Reset Button","description":"A React combobox with clear button using X icon enabling one-click selection reset with stopPropagation preventing trigger toggle on clear with shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["button","command","popover"],"files":[{"path":"examples/combobox/custom-actions/combobox-clear-reset-button.tsx","type":"registry:example","target":"components/examples/combobox/custom-actions/combobox-clear-reset-button.tsx"}]},{"name":"combobox-recent-selections-section","type":"registry:example","title":"Combobox Recent Selections Section","description":"A React combobox with Recent selections section using Clock icon and CommandGroup headings separating frequently accessed items from full list with shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["button","command","popover"],"files":[{"path":"examples/combobox/custom-actions/combobox-recent-selections-section.tsx","type":"registry:example","target":"components/examples/combobox/custom-actions/combobox-recent-selections-section.tsx"}]},{"name":"combobox-keyboard-shortcuts-displayed","type":"registry:example","title":"Combobox Keyboard Shortcuts Displayed","description":"A React combobox displaying keyboard shortcuts using kbd element with monospace font and muted styling showing command hotkeys alongside labels with shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["button","command","popover"],"files":[{"path":"examples/combobox/custom-actions/combobox-keyboard-shortcuts-displayed.tsx","type":"registry:example","target":"components/examples/combobox/custom-actions/combobox-keyboard-shortcuts-displayed.tsx"}]},{"name":"combobox-with-quick-filters","type":"registry:example","title":"Combobox With Quick Filters","description":"A React combobox with quick filter badges using category-based filtering, clickable Badge components, and variant toggling for visual active state with shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["badge","button","command","popover"],"files":[{"path":"examples/combobox/custom-actions/combobox-with-quick-filters.tsx","type":"registry:example","target":"components/examples/combobox/custom-actions/combobox-with-quick-filters.tsx"}]},{"name":"combobox-with-footer-actions","type":"registry:example","title":"Combobox With Footer Actions","description":"A React combobox with footer action button using Settings icon and CommandSeparator for management links below selection list with shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["button","command","popover"],"files":[{"path":"examples/combobox/custom-actions/combobox-with-footer-actions.tsx","type":"registry:example","target":"components/examples/combobox/custom-actions/combobox-with-footer-actions.tsx"}]},{"name":"combobox-async-dynamic-search","type":"registry:example","title":"Combobox Async Dynamic Search","description":"A React combobox with async dynamic search using Loader2 spinner, useEffect debouncing, and shouldFilter false for API-driven results with shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["button","command","popover"],"files":[{"path":"examples/combobox/custom-actions/combobox-async-dynamic-search.tsx","type":"registry:example","target":"components/examples/combobox/custom-actions/combobox-async-dynamic-search.tsx"}]},{"name":"combobox-create-new-option-inline","type":"registry:example","title":"Combobox Create New Option Inline","description":"A React combobox with inline option creation allowing users to dynamically add new items using Plus icon and CommandEmpty fallback with shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["button","command","popover"],"files":[{"path":"examples/combobox/custom-actions/combobox-create-new-option-inline.tsx","type":"registry:example","target":"components/examples/combobox/custom-actions/combobox-create-new-option-inline.tsx"}]},{"name":"combobox-multiple-items-with-badges","type":"registry:example","title":"Combobox Multiple Items With Badges","description":"A React multi-select combobox displaying selected items as removable badges with X icons inside the trigger button using flex-wrap layout with shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["badge","button","command","popover"],"files":[{"path":"examples/combobox/multi-select/combobox-multiple-items-with-badges.tsx","type":"registry:example","target":"components/examples/combobox/multi-select/combobox-multiple-items-with-badges.tsx"}]},{"name":"combobox-with-clear-all-functionality","type":"registry:example","title":"Combobox With Clear All Functionality","description":"A React multi-select combobox with Clear All button using X icon in trigger next to chevron enabling quick deselection of all items with shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["button","command","popover"],"files":[{"path":"examples/combobox/multi-select/combobox-with-clear-all-functionality.tsx","type":"registry:example","target":"components/examples/combobox/multi-select/combobox-with-clear-all-functionality.tsx"}]},{"name":"combobox-with-checkboxes-visible","type":"registry:example","title":"Combobox With Checkboxes Visible","description":"A React multi-select combobox using visible Checkbox components instead of Check icons providing explicit multi-selection affordance with shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["button","checkbox","command","popover"],"files":[{"path":"examples/combobox/multi-select/combobox-with-checkboxes-visible.tsx","type":"registry:example","target":"components/examples/combobox/multi-select/combobox-with-checkboxes-visible.tsx"}]},{"name":"combobox-with-max-selections-limit","type":"registry:example","title":"Combobox With Max Selections Limit","description":"A React multi-select combobox with maximum selection limit showing X/MAX format in trigger and disabling unselected items when limit reached with shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["button","command","popover"],"files":[{"path":"examples/combobox/multi-select/combobox-with-max-selections-limit.tsx","type":"registry:example","target":"components/examples/combobox/multi-select/combobox-with-max-selections-limit.tsx"}]},{"name":"combobox-with-select-all-option","type":"registry:example","title":"Combobox With Select All Option","description":"A React multi-select combobox with Select All option separated by CommandSeparator enabling bulk selection and deselection of all items with shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["button","command","popover"],"files":[{"path":"examples/combobox/multi-select/combobox-with-select-all-option.tsx","type":"registry:example","target":"components/examples/combobox/multi-select/combobox-with-select-all-option.tsx"}]},{"name":"combobox-selected-items-list-below","type":"registry:example","title":"Combobox Selected Items List Below","description":"A React multi-select combobox displaying selected items as Badge list below the trigger using space-y-2 wrapper and conditional rendering with shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["badge","button","command","popover"],"files":[{"path":"examples/combobox/multi-select/combobox-selected-items-list-below.tsx","type":"registry:example","target":"components/examples/combobox/multi-select/combobox-selected-items-list-below.tsx"}]},{"name":"combobox-with-item-count-in-trigger","type":"registry:example","title":"Combobox With Item Count In Trigger","description":"A React multi-select combobox showing selected item count with proper pluralization in the trigger button displaying X skill(s) selected summary with shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["button","command","popover"],"files":[{"path":"examples/combobox/multi-select/combobox-with-item-count-in-trigger.tsx","type":"registry:example","target":"components/examples/combobox/multi-select/combobox-with-item-count-in-trigger.tsx"}]},{"name":"combobox-groups-with-item-counts","type":"registry:example","title":"Combobox Groups With Item Counts","description":"A React combobox displaying item counts next to CommandGroup headings using justify-between layout showing category sizes like Development 3 and Design 2 with shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["button","command","popover"],"files":[{"path":"examples/combobox/grouped/combobox-groups-with-item-counts.tsx","type":"registry:example","target":"components/examples/combobox/grouped/combobox-groups-with-item-counts.tsx"}]},{"name":"combobox-categories-with-separators","type":"registry:example","title":"Combobox Categories With Separators","description":"A React combobox using CommandSeparator between CommandGroup sections creating visual boundaries for Primary, Secondary, and Other navigation categories with shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["button","command","popover"],"files":[{"path":"examples/combobox/grouped/combobox-categories-with-separators.tsx","type":"registry:example","target":"components/examples/combobox/grouped/combobox-categories-with-separators.tsx"}]},{"name":"combobox-nested-hierarchical-groups","type":"registry:example","title":"Combobox Nested Hierarchical Groups","description":"A React combobox with hierarchical CommandGroup structure using ChevronRight icons indicating nested relationships between regions and countries with shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["button","command","popover"],"files":[{"path":"examples/combobox/grouped/combobox-nested-hierarchical-groups.tsx","type":"registry:example","target":"components/examples/combobox/grouped/combobox-nested-hierarchical-groups.tsx"}]},{"name":"combobox-recent-vs-all-items","type":"registry:example","title":"Combobox Recent Vs All Items","description":"A React combobox with Recent and All Items CommandGroup sections using Clock icon and filter deduplication separating frequently accessed from complete project list with shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["button","command","popover"],"files":[{"path":"examples/combobox/grouped/combobox-recent-vs-all-items.tsx","type":"registry:example","target":"components/examples/combobox/grouped/combobox-recent-vs-all-items.tsx"}]},{"name":"combobox-multiple-groups-with-labels","type":"registry:example","title":"Combobox Multiple Groups With Labels","description":"A React combobox with multiple CommandGroup sections using heading labels to organize items by category like Frontend and Backend technologies with shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["button","command","popover"],"files":[{"path":"examples/combobox/grouped/combobox-multiple-groups-with-labels.tsx","type":"registry:example","target":"components/examples/combobox/grouped/combobox-multiple-groups-with-labels.tsx"}]},{"name":"combobox-favorites-all-items","type":"registry:example","title":"Combobox Favorites All Items","description":"A React combobox with Favorites CommandGroup featuring filled Star icon and deduplication filter separating user-curated favorites from complete tool list with shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["button","command","popover"],"files":[{"path":"examples/combobox/grouped/combobox-favorites-all-items.tsx","type":"registry:example","target":"components/examples/combobox/grouped/combobox-favorites-all-items.tsx"}]},{"name":"combobox-collapsible-groups","type":"registry:example","title":"Combobox Collapsible Groups","description":"A React combobox with collapsible CommandGroup sections using ChevronRight and ChevronDown icons toggling group visibility with state management for collapsed categories with shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["button","command","popover"],"files":[{"path":"examples/combobox/grouped/combobox-collapsible-groups.tsx","type":"registry:example","target":"components/examples/combobox/grouped/combobox-collapsible-groups.tsx"}]},{"name":"combobox-small-size-variant","type":"registry:example","title":"Combobox Small Size Variant","description":"A compact React combobox with small size variant using h-8 trigger, text-xs typography, and size-3 icons for space-constrained interfaces with shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["button","command","popover"],"files":[{"path":"examples/combobox/standard/combobox-small-size-variant.tsx","type":"registry:example","target":"components/examples/combobox/standard/combobox-small-size-variant.tsx"}]},{"name":"combobox-disabled-state","type":"registry:example","title":"Combobox Disabled State","description":"A disabled React combobox with non-interactive trigger using disabled prop preventing user selection while showing current value with shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["button","command","popover"],"files":[{"path":"examples/combobox/standard/combobox-disabled-state.tsx","type":"registry:example","target":"components/examples/combobox/standard/combobox-disabled-state.tsx"}]},{"name":"combobox-large-size-variant","type":"registry:example","title":"Combobox Large Size Variant","description":"A large React combobox variant with h-12 trigger, text-base typography, and size-5 icons for prominent display and improved touch accessibility with shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["button","command","popover"],"files":[{"path":"examples/combobox/standard/combobox-large-size-variant.tsx","type":"registry:example","target":"components/examples/combobox/standard/combobox-large-size-variant.tsx"}]},{"name":"combobox-simple-single-select","type":"registry:example","title":"Combobox Simple Single Select","description":"A foundational single-select React combobox with searchable dropdown using Command component and Popover for framework selection with shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["button","command","popover"],"files":[{"path":"examples/combobox/standard/combobox-simple-single-select.tsx","type":"registry:example","target":"components/examples/combobox/standard/combobox-simple-single-select.tsx"}]},{"name":"combobox-with-default-selected-value","type":"registry:example","title":"Combobox With Default Selected Value","description":"A React combobox with default selected value initialized using useState for pre-selected language preference display with shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["button","command","popover"],"files":[{"path":"examples/combobox/standard/combobox-with-default-selected-value.tsx","type":"registry:example","target":"components/examples/combobox/standard/combobox-with-default-selected-value.tsx"}]},{"name":"combobox-with-item-icons","type":"registry:example","title":"Combobox With Item Icons","description":"A React combobox with Lucide React icons stored in data using createElement for dynamic icon rendering in both trigger and items with shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["button","command","popover"],"files":[{"path":"examples/combobox/standard/combobox-with-item-icons.tsx","type":"registry:example","target":"components/examples/combobox/standard/combobox-with-item-icons.tsx"}]},{"name":"combobox-full-width-variant","type":"registry:example","title":"Combobox Full Width Variant","description":"A responsive full-width React combobox using w-full className on trigger and popover adapting to parent container width with shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["button","command","popover"],"files":[{"path":"examples/combobox/standard/combobox-full-width-variant.tsx","type":"registry:example","target":"components/examples/combobox/standard/combobox-full-width-variant.tsx"}]},{"name":"combobox-items-with-icons-and-descriptions","type":"registry:example","title":"Combobox Items With Icons And Descriptions","description":"A React combobox combining Lucide React icons with label and description text in three-column layout featuring category-based visual indicators with shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["button","command","popover"],"files":[{"path":"examples/combobox/rich-content/combobox-items-with-icons-and-descriptions.tsx","type":"registry:example","target":"components/examples/combobox/rich-content/combobox-items-with-icons-and-descriptions.tsx"}]},{"name":"combobox-items-with-metadata","type":"registry:example","title":"Combobox Items With Metadata","description":"A React combobox combining Avatar with multiple metadata lines displaying name, email, and role in three-line item layout with shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["avatar","button","command","popover"],"files":[{"path":"examples/combobox/rich-content/combobox-items-with-metadata.tsx","type":"registry:example","target":"components/examples/combobox/rich-content/combobox-items-with-metadata.tsx"}]},{"name":"combobox-color-coded-items","type":"registry:example","title":"Combobox Color Coded Items","description":"A React combobox with color-coded items using size-3 rounded-full colored dots for visual category differentiation with Tailwind background colors and shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["button","command","popover"],"files":[{"path":"examples/combobox/rich-content/combobox-color-coded-items.tsx","type":"registry:example","target":"components/examples/combobox/rich-content/combobox-color-coded-items.tsx"}]},{"name":"combobox-items-with-status-indicators","type":"registry:example","title":"Combobox Items With Status Indicators","description":"A React combobox with Badge components displaying status indicators using variant mapping for visual task state differentiation with shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["badge","button","command","popover"],"files":[{"path":"examples/combobox/rich-content/combobox-items-with-status-indicators.tsx","type":"registry:example","target":"components/examples/combobox/rich-content/combobox-items-with-status-indicators.tsx"}]},{"name":"combobox-items-with-descriptions","type":"registry:example","title":"Combobox Items With Descriptions","description":"A React combobox with two-line items displaying label with font-medium and description with text-xs text-muted-foreground styling with shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["button","command","popover"],"files":[{"path":"examples/combobox/rich-content/combobox-items-with-descriptions.tsx","type":"registry:example","target":"components/examples/combobox/rich-content/combobox-items-with-descriptions.tsx"}]},{"name":"combobox-items-with-avatars","type":"registry:example","title":"Combobox Items With Avatars","description":"A React combobox displaying items with Avatar components showing user profile images and fallback initials with shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["avatar","button","command","popover"],"files":[{"path":"examples/combobox/rich-content/combobox-items-with-avatars.tsx","type":"registry:example","target":"components/examples/combobox/rich-content/combobox-items-with-avatars.tsx"}]},{"name":"combobox-items-with-action-buttons","type":"registry:example","title":"Combobox Items With Action Buttons","description":"A React combobox with inline action Button components using ExternalLink icon and stopPropagation for secondary actions within CommandItem elements with shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["button","command","popover"],"files":[{"path":"examples/combobox/rich-content/combobox-items-with-action-buttons.tsx","type":"registry:example","target":"components/examples/combobox/rich-content/combobox-items-with-action-buttons.tsx"}]},{"name":"checkbox-nested-list","type":"registry:example","title":"Checkbox Nested List","description":"A React nested checkbox list with parent-child relationships where parent controls all children for hierarchical selections using shadcn/ui","registryDependencies":["checkbox","label"],"files":[{"path":"examples/checkbox/standard/checkbox-nested-list.tsx","type":"registry:example","target":"components/examples/checkbox/standard/checkbox-nested-list.tsx"}]},{"name":"vertical-list-checkbox","type":"registry:example","title":"Vertical List Checkbox","description":"A React vertical checkbox list with space-y layout for stacked multi-select options like skill selection using shadcn/ui","registryDependencies":["checkbox","label"],"files":[{"path":"examples/checkbox/standard/vertical-list-checkbox.tsx","type":"registry:example","target":"components/examples/checkbox/standard/vertical-list-checkbox.tsx"}]},{"name":"checkbox-with-description","type":"registry:example","title":"Checkbox With Description","description":"A React checkbox with multi-line description text below label for detailed explanations using shadcn/ui and Tailwind typography","registryDependencies":["checkbox","label"],"files":[{"path":"examples/checkbox/standard/checkbox-with-description.tsx","type":"registry:example","target":"components/examples/checkbox/standard/checkbox-with-description.tsx"}]},{"name":"custom-indicator-checkbox","type":"registry:example","title":"Custom Indicator Checkbox","description":"A React checkbox with custom green checkmark icon and styling using Lucide React icons and shadcn/ui data-state selectors","dependencies":["lucide-react"],"registryDependencies":["checkbox","label"],"files":[{"path":"examples/checkbox/standard/custom-indicator-checkbox.tsx","type":"registry:example","target":"components/examples/checkbox/standard/custom-indicator-checkbox.tsx"}]},{"name":"checkbox-with-subtitle-and-description","type":"registry:example","title":"Checkbox With Subtitle And Description","description":"A React checkbox combining inline subtitle badge and multi-line description for maximum context like Recommended settings using shadcn/ui","registryDependencies":["checkbox","label"],"files":[{"path":"examples/checkbox/standard/checkbox-with-subtitle-and-description.tsx","type":"registry:example","target":"components/examples/checkbox/standard/checkbox-with-subtitle-and-description.tsx"}]},{"name":"simple-checkbox","type":"registry:example","title":"Simple Checkbox","description":"A React checkbox with label for basic binary selection using shadcn/ui and Radix UI for accessible form controls","registryDependencies":["checkbox","label"],"files":[{"path":"examples/checkbox/standard/simple-checkbox.tsx","type":"registry:example","target":"components/examples/checkbox/standard/simple-checkbox.tsx"}]},{"name":"disabled-checkbox","type":"registry:example","title":"Disabled Checkbox","description":"A React checkbox in disabled state showing both unchecked and checked variations for read-only or unavailable options using shadcn/ui","registryDependencies":["checkbox","label"],"files":[{"path":"examples/checkbox/standard/disabled-checkbox.tsx","type":"registry:example","target":"components/examples/checkbox/standard/disabled-checkbox.tsx"}]},{"name":"horizontal-list-checkbox","type":"registry:example","title":"Horizontal List Checkbox","description":"A React horizontal checkbox list with flex-wrap layout for compact multi-select options like weekday selection using shadcn/ui","registryDependencies":["checkbox","label"],"files":[{"path":"examples/checkbox/standard/horizontal-list-checkbox.tsx","type":"registry:example","target":"components/examples/checkbox/standard/horizontal-list-checkbox.tsx"}]},{"name":"todo-style-checkbox","type":"registry:example","title":"Todo Style Checkbox","description":"A React todo-style checkbox with strikethrough text when checked for task completion lists using shadcn/ui and Tailwind CSS","registryDependencies":["checkbox","label"],"files":[{"path":"examples/checkbox/standard/todo-style-checkbox.tsx","type":"registry:example","target":"components/examples/checkbox/standard/todo-style-checkbox.tsx"}]},{"name":"indeterminate-checkbox","type":"registry:example","title":"Indeterminate Checkbox","description":"A React checkbox with indeterminate state for partial selections like select-all controls using shadcn/ui and Radix UI","registryDependencies":["checkbox","label"],"files":[{"path":"examples/checkbox/standard/indeterminate-checkbox.tsx","type":"registry:example","target":"components/examples/checkbox/standard/indeterminate-checkbox.tsx"}]},{"name":"checkbox-with-subtitle","type":"registry:example","title":"Checkbox With Subtitle","description":"A React checkbox with inline subtitle badge providing additional context like Recommended or Optional using shadcn/ui","registryDependencies":["checkbox","label"],"files":[{"path":"examples/checkbox/standard/checkbox-with-subtitle.tsx","type":"registry:example","target":"components/examples/checkbox/standard/checkbox-with-subtitle.tsx"}]},{"name":"right-aligned-checkbox","type":"registry:example","title":"Right Aligned Checkbox","description":"A React right-aligned checkbox list with label-first layout for toggle-style controls like notification settings using shadcn/ui","registryDependencies":["checkbox","label"],"files":[{"path":"examples/checkbox/standard/right-aligned-checkbox.tsx","type":"registry:example","target":"components/examples/checkbox/standard/right-aligned-checkbox.tsx"}]},{"name":"pagination-with-ellipsis","type":"registry:example","title":"Pagination With Ellipsis","description":"A pagination component using PaginationEllipsis to show page jumps, displaying pages 1-3, ellipsis, then page 10 for large datasets","registryDependencies":["pagination"],"files":[{"path":"examples/pagination/basic/pagination-with-ellipsis.tsx","type":"registry:example","target":"components/examples/pagination/basic/pagination-with-ellipsis.tsx"}]},{"name":"pagination-simple-page-numbers","type":"registry:example","title":"Pagination Simple Page Numbers","description":"A minimal pagination component showing 3 numbered page links with active state highlighting using shadcn/ui Pagination","registryDependencies":["pagination"],"files":[{"path":"examples/pagination/basic/pagination-simple-page-numbers.tsx","type":"registry:example","target":"components/examples/pagination/basic/pagination-simple-page-numbers.tsx"}]},{"name":"pagination-with-previous-and-next","type":"registry:example","title":"Pagination With Previous And Next","description":"A pagination component with Previous and Next navigation buttons flanking 3 numbered pages for sequential navigation control","registryDependencies":["pagination"],"files":[{"path":"examples/pagination/basic/pagination-with-previous-and-next.tsx","type":"registry:example","target":"components/examples/pagination/basic/pagination-with-previous-and-next.tsx"}]},{"name":"pagination-five-page-numbers","type":"registry:example","title":"Pagination Five Page Numbers","description":"A pagination component displaying 5 consecutive numbered page links with active page 3 highlighted for medium-length datasets","registryDependencies":["pagination"],"files":[{"path":"examples/pagination/basic/pagination-five-page-numbers.tsx","type":"registry:example","target":"components/examples/pagination/basic/pagination-five-page-numbers.tsx"}]},{"name":"complete-pagination","type":"registry:example","title":"Complete Pagination","description":"A full-featured pagination component combining Previous/Next buttons, numbered pages 1-3, ellipsis, and last page 10 for comprehensive navigation","registryDependencies":["pagination"],"files":[{"path":"examples/pagination/basic/complete-pagination.tsx","type":"registry:example","target":"components/examples/pagination/basic/complete-pagination.tsx"}]},{"name":"pagination-end-ellipsis","type":"registry:example","title":"Pagination End Ellipsis","description":"Pagination with end ellipsis showing early pages then skipping to last page for large datasets built with shadcn/ui","registryDependencies":["pagination"],"files":[{"path":"examples/pagination/advanced/pagination-end-ellipsis.tsx","type":"registry:example","target":"components/examples/pagination/advanced/pagination-end-ellipsis.tsx"}]},{"name":"pagination-disabled-state","type":"registry:example","title":"Pagination Disabled State","description":"Pagination with disabled Previous button using pointer-events-none and opacity-50 for boundary pages built with shadcn/ui","registryDependencies":["pagination"],"files":[{"path":"examples/pagination/advanced/pagination-disabled-state.tsx","type":"registry:example","target":"components/examples/pagination/advanced/pagination-disabled-state.tsx"}]},{"name":"pagination-both-ellipsis","type":"registry:example","title":"Pagination Both Ellipsis","description":"Pagination with ellipsis on both sides showing first page, middle pages, and last page for very large datasets built with shadcn/ui","registryDependencies":["pagination"],"files":[{"path":"examples/pagination/advanced/pagination-both-ellipsis.tsx","type":"registry:example","target":"components/examples/pagination/advanced/pagination-both-ellipsis.tsx"}]},{"name":"pagination-start-ellipsis","type":"registry:example","title":"Pagination Start Ellipsis","description":"Pagination with start ellipsis showing page 1 then skipping to near-end pages for large datasets built with shadcn/ui","registryDependencies":["pagination"],"files":[{"path":"examples/pagination/advanced/pagination-start-ellipsis.tsx","type":"registry:example","target":"components/examples/pagination/advanced/pagination-start-ellipsis.tsx"}]},{"name":"pagination-many-pages","type":"registry:example","title":"Pagination Many Pages","description":"Pagination showing all page numbers without ellipsis for small to medium page counts built with shadcn/ui","registryDependencies":["pagination"],"files":[{"path":"examples/pagination/advanced/pagination-many-pages.tsx","type":"registry:example","target":"components/examples/pagination/advanced/pagination-many-pages.tsx"}]},{"name":"pagination-default-size","type":"registry:example","title":"Pagination Default Size","description":"Standard pagination with default sizing providing optimal balance between usability and visual weight built with shadcn/ui","registryDependencies":["pagination"],"files":[{"path":"examples/pagination/sizes/pagination-default-size.tsx","type":"registry:example","target":"components/examples/pagination/sizes/pagination-default-size.tsx"}]},{"name":"pagination-small-size","type":"registry:example","title":"Pagination Small Size","description":"Compact pagination with small sizing using h-7 w-7 and text-xs for space-constrained layouts built with shadcn/ui","registryDependencies":["pagination"],"files":[{"path":"examples/pagination/sizes/pagination-small-size.tsx","type":"registry:example","target":"components/examples/pagination/sizes/pagination-small-size.tsx"}]},{"name":"pagination-large-size","type":"registry:example","title":"Pagination Large Size","description":"Accessible pagination with large sizing using h-11 w-11 and increased spacing for improved touch targets built with shadcn/ui","registryDependencies":["pagination"],"files":[{"path":"examples/pagination/sizes/pagination-large-size.tsx","type":"registry:example","target":"components/examples/pagination/sizes/pagination-large-size.tsx"}]},{"name":"pagination-compact","type":"registry:example","title":"Pagination Compact","description":"Minimal pagination layout with page numbers only and tight gap-0.5 spacing, removing Previous/Next controls built with shadcn/ui","registryDependencies":["pagination"],"files":[{"path":"examples/pagination/sizes/pagination-compact.tsx","type":"registry:example","target":"components/examples/pagination/sizes/pagination-compact.tsx"}]},{"name":"pagination-spacious","type":"registry:example","title":"Pagination Spacious","description":"Pagination with page numbers only and generous gap-3 spacing for clear visual separation and improved touch precision built with shadcn/ui","registryDependencies":["pagination"],"files":[{"path":"examples/pagination/sizes/pagination-spacious.tsx","type":"registry:example","target":"components/examples/pagination/sizes/pagination-spacious.tsx"}]},{"name":"pagination-previous-and-next-only","type":"registry:example","title":"Pagination Previous And Next Only","description":"A minimal pagination navigation with only Previous and Next buttons, omitting page numbers for sequential-only browsing","registryDependencies":["pagination"],"files":[{"path":"examples/pagination/navigation/pagination-previous-and-next-only.tsx","type":"registry:example","target":"components/examples/pagination/navigation/pagination-previous-and-next-only.tsx"}]},{"name":"pagination-with-first-and-last","type":"registry:example","title":"Pagination With First And Last","description":"A comprehensive pagination navigation combining First, Previous, active page, Next, and Last buttons for complete navigation control","registryDependencies":["pagination"],"files":[{"path":"examples/pagination/navigation/pagination-with-first-and-last.tsx","type":"registry:example","target":"components/examples/pagination/navigation/pagination-with-first-and-last.tsx"}]},{"name":"pagination-with-page-counter","type":"registry:example","title":"Pagination With Page Counter","description":"A pagination navigation with Previous/Next buttons and a centered page counter text showing Page 2 of 10 for orientation","registryDependencies":["pagination"],"files":[{"path":"examples/pagination/navigation/pagination-with-page-counter.tsx","type":"registry:example","target":"components/examples/pagination/navigation/pagination-with-page-counter.tsx"}]},{"name":"pagination-first-and-last","type":"registry:example","title":"Pagination First And Last","description":"A boundary-focused pagination with First and Last buttons flanking the active page number for dataset edge navigation","registryDependencies":["pagination"],"files":[{"path":"examples/pagination/navigation/pagination-first-and-last.tsx","type":"registry:example","target":"components/examples/pagination/navigation/pagination-first-and-last.tsx"}]},{"name":"dropdown-menu-multi-account-switcher","type":"registry:example","title":"Dropdown Menu Multi Account Switcher","description":"A React multi-account switcher dropdown showing current account with ChevronsUpDown icon and list of accounts with Check indicator","dependencies":["lucide-react"],"registryDependencies":["avatar","button","dropdown-menu"],"files":[{"path":"examples/dropdown-menu/profile/dropdown-menu-multi-account-switcher.tsx","type":"registry:example","target":"components/examples/dropdown-menu/profile/dropdown-menu-multi-account-switcher.tsx"}]},{"name":"dropdown-menu-profile-with-preferences","type":"registry:example","title":"Dropdown Menu Profile With Preferences","description":"A React profile dropdown with DropdownMenuCheckboxItem toggles for Email Notifications, Push Notifications, and Auto-save preferences","dependencies":["lucide-react"],"registryDependencies":["avatar","button","dropdown-menu"],"files":[{"path":"examples/dropdown-menu/profile/dropdown-menu-profile-with-preferences.tsx","type":"registry:example","target":"components/examples/dropdown-menu/profile/dropdown-menu-profile-with-preferences.tsx"}]},{"name":"dropdown-menu-profile-dropdown-with-status","type":"registry:example","title":"Dropdown Menu Profile Dropdown With Status","description":"A React profile dropdown with online status indicator and Pro badge showing enhanced user identity with billing and account options","dependencies":["lucide-react"],"registryDependencies":["avatar","badge","button","dropdown-menu"],"files":[{"path":"examples/dropdown-menu/profile/dropdown-menu-profile-dropdown-with-status.tsx","type":"registry:example","target":"components/examples/dropdown-menu/profile/dropdown-menu-profile-dropdown-with-status.tsx"}]},{"name":"dropdown-menu-account-settings-dropdown","type":"registry:example","title":"Dropdown Menu Account Settings Dropdown","description":"A React account settings dropdown with grouped menu sections organizing Profile, Email, Notifications, Privacy, and Billing options","dependencies":["lucide-react"],"registryDependencies":["avatar","button","dropdown-menu"],"files":[{"path":"examples/dropdown-menu/profile/dropdown-menu-account-settings-dropdown.tsx","type":"registry:example","target":"components/examples/dropdown-menu/profile/dropdown-menu-account-settings-dropdown.tsx"}]},{"name":"dropdown-menu-profile-dropdown-with-avatar","type":"registry:example","title":"Dropdown Menu Profile Dropdown With Avatar","description":"A React profile dropdown with circular avatar trigger showing user info, Profile, Settings, Help, and Log out options","dependencies":["lucide-react"],"registryDependencies":["avatar","button","dropdown-menu"],"files":[{"path":"examples/dropdown-menu/profile/dropdown-menu-profile-dropdown-with-avatar.tsx","type":"registry:example","target":"components/examples/dropdown-menu/profile/dropdown-menu-profile-dropdown-with-avatar.tsx"}]},{"name":"dropdown-menu-quick-actions-menu","type":"registry:example","title":"Dropdown Menu Quick Actions Menu","description":"A React dropdown menu organizing frequently-used actions into labeled groups with keyboard shortcuts for create, search, filter, import, export, and refresh","dependencies":["lucide-react"],"registryDependencies":["button","dropdown-menu"],"files":[{"path":"examples/dropdown-menu/actions/dropdown-menu-quick-actions-menu.tsx","type":"registry:example","target":"components/examples/dropdown-menu/actions/dropdown-menu-quick-actions-menu.tsx"}]},{"name":"dropdown-menu-batch-actions-dropdown","type":"registry:example","title":"Dropdown Menu Batch Actions Dropdown","description":"A React dropdown menu for bulk operations on multiple selected items showing selection count with actions like mark complete, tag, export, archive, and delete","dependencies":["lucide-react"],"registryDependencies":["button","dropdown-menu"],"files":[{"path":"examples/dropdown-menu/actions/dropdown-menu-batch-actions-dropdown.tsx","type":"registry:example","target":"components/examples/dropdown-menu/actions/dropdown-menu-batch-actions-dropdown.tsx"}]},{"name":"dropdown-menu-card-actions-with-nested-share","type":"registry:example","title":"Dropdown Menu Card Actions With Nested Share","description":"A React dropdown menu with nested submenu for social sharing options including Email, Twitter, Facebook, and LinkedIn alongside edit and delete actions","dependencies":["lucide-react"],"registryDependencies":["button","dropdown-menu"],"files":[{"path":"examples/dropdown-menu/actions/dropdown-menu-card-actions-with-nested-share.tsx","type":"registry:example","target":"components/examples/dropdown-menu/actions/dropdown-menu-card-actions-with-nested-share.tsx"}]},{"name":"dropdown-menu-table-row-actions","type":"registry:example","title":"Dropdown Menu Table Row Actions","description":"A React dropdown menu for data table row actions with edit, duplicate, favorite, report, archive, and delete operations in a compact vertical layout","dependencies":["lucide-react"],"registryDependencies":["button","dropdown-menu"],"files":[{"path":"examples/dropdown-menu/actions/dropdown-menu-table-row-actions.tsx","type":"registry:example","target":"components/examples/dropdown-menu/actions/dropdown-menu-table-row-actions.tsx"}]},{"name":"dropdown-menu-file-actions-dropdown","type":"registry:example","title":"Dropdown Menu File Actions Dropdown","description":"A React dropdown menu with file action options including view, download, share, duplicate, archive, and delete with keyboard shortcuts","dependencies":["lucide-react"],"registryDependencies":["button","dropdown-menu"],"files":[{"path":"examples/dropdown-menu/actions/dropdown-menu-file-actions-dropdown.tsx","type":"registry:example","target":"components/examples/dropdown-menu/actions/dropdown-menu-file-actions-dropdown.tsx"}]},{"name":"dropdown-menu-support-dropdown","type":"registry:example","title":"Dropdown Menu Support Dropdown","description":"A React support dropdown menu with links to Documentation, Knowledge Base, and Contact Us with external link indicators built with shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["button","dropdown-menu"],"files":[{"path":"examples/dropdown-menu/support/dropdown-menu-support-dropdown.tsx","type":"registry:example","target":"components/examples/dropdown-menu/support/dropdown-menu-support-dropdown.tsx"}]},{"name":"dropdown-menu-resources-menu","type":"registry:example","title":"Dropdown Menu Resources Menu","description":"A React resources menu dropdown organized into Learning Resources and Developer sections with external links to documentation, API reference, code examples, GitHub, and community forum built with shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["button","dropdown-menu"],"files":[{"path":"examples/dropdown-menu/support/dropdown-menu-resources-menu.tsx","type":"registry:example","target":"components/examples/dropdown-menu/support/dropdown-menu-resources-menu.tsx"}]},{"name":"dropdown-menu-help-menu","type":"registry:example","title":"Dropdown Menu Help Menu","description":"A React help menu dropdown with keyboard shortcuts for Documentation, Video Tutorials, FAQs, Keyboard Shortcuts, Chat with Support, and Report a Bug built with shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["button","dropdown-menu"],"files":[{"path":"examples/dropdown-menu/support/dropdown-menu-help-menu.tsx","type":"registry:example","target":"components/examples/dropdown-menu/support/dropdown-menu-help-menu.tsx"}]},{"name":"dropdown-menu-nested-dropdown","type":"registry:example","title":"Dropdown Menu Nested Dropdown","description":"A React dropdown menu with nested submenus for categorized file creation options including Media and Document Type selections built with shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["button","dropdown-menu"],"files":[{"path":"examples/dropdown-menu/standard/dropdown-menu-nested-dropdown.tsx","type":"registry:example","target":"components/examples/dropdown-menu/standard/dropdown-menu-nested-dropdown.tsx"}]},{"name":"dropdown-menu-dropdown-with-radio-items","type":"registry:example","title":"Dropdown Menu Dropdown With Radio Items","description":"A React dropdown menu with radio button items for selecting mutually exclusive panel position options Top, Bottom, Right, or Left built with shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["button","dropdown-menu"],"files":[{"path":"examples/dropdown-menu/standard/dropdown-menu-dropdown-with-radio-items.tsx","type":"registry:example","target":"components/examples/dropdown-menu/standard/dropdown-menu-dropdown-with-radio-items.tsx"}]},{"name":"dropdown-menu-mixed-features-dropdown","type":"registry:example","title":"Dropdown Menu Mixed Features Dropdown","description":"A comprehensive React dropdown menu combining action items, keyboard shortcuts, nested submenus, checkboxes, and radio groups in a File menu pattern built with shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["button","dropdown-menu"],"files":[{"path":"examples/dropdown-menu/standard/dropdown-menu-mixed-features-dropdown.tsx","type":"registry:example","target":"components/examples/dropdown-menu/standard/dropdown-menu-mixed-features-dropdown.tsx"}]},{"name":"dropdown-menu-dropdown-with-shortcuts","type":"registry:example","title":"Dropdown Menu Dropdown With Shortcuts","description":"A React dropdown menu displaying keyboard shortcut badges alongside action items for Copy, Cut, Paste, Search, and Delete built with shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["button","dropdown-menu"],"files":[{"path":"examples/dropdown-menu/standard/dropdown-menu-dropdown-with-shortcuts.tsx","type":"registry:example","target":"components/examples/dropdown-menu/standard/dropdown-menu-dropdown-with-shortcuts.tsx"}]},{"name":"dropdown-menu-dropdown-with-groups-and-labels","type":"registry:example","title":"Dropdown Menu Dropdown With Groups And Labels","description":"A React dropdown menu organized with section labels and visual separators grouping related account and team actions built with shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["button","dropdown-menu"],"files":[{"path":"examples/dropdown-menu/standard/dropdown-menu-dropdown-with-groups-and-labels.tsx","type":"registry:example","target":"components/examples/dropdown-menu/standard/dropdown-menu-dropdown-with-groups-and-labels.tsx"}]},{"name":"dropdown-menu-simple-dropdown-with-icons","type":"registry:example","title":"Dropdown Menu Simple Dropdown With Icons","description":"A React dropdown menu with icon-labeled items for profile, settings, help, and logout actions built with shadcn/ui and Radix UI","dependencies":["lucide-react"],"registryDependencies":["button","dropdown-menu"],"files":[{"path":"examples/dropdown-menu/standard/dropdown-menu-simple-dropdown-with-icons.tsx","type":"registry:example","target":"components/examples/dropdown-menu/standard/dropdown-menu-simple-dropdown-with-icons.tsx"}]},{"name":"dropdown-menu-dropdown-with-checkboxes","type":"registry:example","title":"Dropdown Menu Dropdown With Checkboxes","description":"A React dropdown menu with interactive checkboxes for toggling UI visibility options like Status Bar, Activity Bar, and Panel built with shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["button","dropdown-menu"],"files":[{"path":"examples/dropdown-menu/standard/dropdown-menu-dropdown-with-checkboxes.tsx","type":"registry:example","target":"components/examples/dropdown-menu/standard/dropdown-menu-dropdown-with-checkboxes.tsx"}]},{"name":"dropdown-menu-language-selector","type":"registry:example","title":"Dropdown Menu Language Selector","description":"A React language selector dropdown with country flag emojis and language names using DropdownMenuRadioGroup for i18n","dependencies":["lucide-react"],"registryDependencies":["button","dropdown-menu"],"files":[{"path":"examples/dropdown-menu/settings/dropdown-menu-language-selector.tsx","type":"registry:example","target":"components/examples/dropdown-menu/settings/dropdown-menu-language-selector.tsx"}]},{"name":"dropdown-menu-theme-selector","type":"registry:example","title":"Dropdown Menu Theme Selector","description":"A React theme selector dropdown with Light, Dark, and System options using DropdownMenuRadioGroup and theme icons","dependencies":["lucide-react"],"registryDependencies":["button","dropdown-menu"],"files":[{"path":"examples/dropdown-menu/settings/dropdown-menu-theme-selector.tsx","type":"registry:example","target":"components/examples/dropdown-menu/settings/dropdown-menu-theme-selector.tsx"}]},{"name":"dropdown-menu-preferences-dropdown","type":"registry:example","title":"Dropdown Menu Preferences Dropdown","description":"A React editor preferences dropdown with DropdownMenuCheckboxItem toggles for Auto-save, Spell Check, Line Numbers, Word Wrap, and Minimap","dependencies":["lucide-react"],"registryDependencies":["button","dropdown-menu"],"files":[{"path":"examples/dropdown-menu/settings/dropdown-menu-preferences-dropdown.tsx","type":"registry:example","target":"components/examples/dropdown-menu/settings/dropdown-menu-preferences-dropdown.tsx"}]},{"name":"dropdown-menu-view-options","type":"registry:example","title":"Dropdown Menu View Options","description":"A React view options dropdown combining DropdownMenuRadioGroup for layout selection and DropdownMenuCheckboxItem for display toggles","dependencies":["lucide-react"],"registryDependencies":["button","dropdown-menu"],"files":[{"path":"examples/dropdown-menu/settings/dropdown-menu-view-options.tsx","type":"registry:example","target":"components/examples/dropdown-menu/settings/dropdown-menu-view-options.tsx"}]},{"name":"dropdown-menu-notification-settings","type":"registry:example","title":"Dropdown Menu Notification Settings","description":"A React notification settings dropdown with grouped sections for Notification Channels and Notify Me About using DropdownMenuCheckboxItem","dependencies":["lucide-react"],"registryDependencies":["button","dropdown-menu"],"files":[{"path":"examples/dropdown-menu/settings/dropdown-menu-notification-settings.tsx","type":"registry:example","target":"components/examples/dropdown-menu/settings/dropdown-menu-notification-settings.tsx"}]},{"name":"dropdown-menu-alignment-options","type":"registry:example","title":"Dropdown Menu Alignment Options","description":"A React text alignment selector dropdown with Left, Center, Right, and Justify options using DropdownMenuRadioGroup and dynamic icon trigger","dependencies":["lucide-react"],"registryDependencies":["button","dropdown-menu"],"files":[{"path":"examples/dropdown-menu/editor/dropdown-menu-alignment-options.tsx","type":"registry:example","target":"components/examples/dropdown-menu/editor/dropdown-menu-alignment-options.tsx"}]},{"name":"dropdown-menu-insert-options-dropdown","type":"registry:example","title":"Dropdown Menu Insert Options Dropdown","description":"A React insert options dropdown menu for Image, Video, Link, Table, Code Block, and File with keyboard shortcut hints","dependencies":["lucide-react"],"registryDependencies":["button","dropdown-menu"],"files":[{"path":"examples/dropdown-menu/editor/dropdown-menu-insert-options-dropdown.tsx","type":"registry:example","target":"components/examples/dropdown-menu/editor/dropdown-menu-insert-options-dropdown.tsx"}]},{"name":"dropdown-menu-block-type-selector","type":"registry:example","title":"Dropdown Menu Block Type Selector","description":"A React block type selector dropdown with Basic Blocks, Lists, and Media sections organized by DropdownMenuLabel groups","dependencies":["lucide-react"],"registryDependencies":["button","dropdown-menu"],"files":[{"path":"examples/dropdown-menu/editor/dropdown-menu-block-type-selector.tsx","type":"registry:example","target":"components/examples/dropdown-menu/editor/dropdown-menu-block-type-selector.tsx"}]},{"name":"dropdown-menu-text-formatting-dropdown","type":"registry:example","title":"Dropdown Menu Text Formatting Dropdown","description":"A React text formatting dropdown menu with Bold, Italic, Underline, Strikethrough, and Code options plus keyboard shortcuts","dependencies":["lucide-react"],"registryDependencies":["button","dropdown-menu"],"files":[{"path":"examples/dropdown-menu/editor/dropdown-menu-text-formatting-dropdown.tsx","type":"registry:example","target":"components/examples/dropdown-menu/editor/dropdown-menu-text-formatting-dropdown.tsx"}]},{"name":"dropdown-menu-heading-selector","type":"registry:example","title":"Dropdown Menu Heading Selector","description":"A React heading level selector dropdown using DropdownMenuRadioGroup for H1 through H6 with styled preview text sizes","dependencies":["lucide-react"],"registryDependencies":["button","dropdown-menu"],"files":[{"path":"examples/dropdown-menu/editor/dropdown-menu-heading-selector.tsx","type":"registry:example","target":"components/examples/dropdown-menu/editor/dropdown-menu-heading-selector.tsx"}]},{"name":"spinner-in-empty-state","type":"registry:example","title":"Spinner In Empty State","description":"A React full-page loading state with spinner title description and cancel button using Empty component built with shadcn/ui","registryDependencies":["button","empty","spinner"],"files":[{"path":"examples/spinner/applications/spinner-in-empty-state.tsx","type":"registry:example","target":"components/examples/spinner/applications/spinner-in-empty-state.tsx"}]},{"name":"spinner-in-input-group","type":"registry:example","title":"Spinner In Input Group","description":"React input and textarea with spinner showing validation or processing states using disabled inputs built with shadcn/ui InputGroup","dependencies":["lucide-react"],"registryDependencies":["input-group","spinner"],"files":[{"path":"examples/spinner/applications/spinner-in-input-group.tsx","type":"registry:example","target":"components/examples/spinner/applications/spinner-in-input-group.tsx"}]},{"name":"spinner-in-item","type":"registry:example","title":"Spinner In Item","description":"A React download progress item with spinner icon progress bar and cancel button showing file transfer status built with shadcn/ui Item components","registryDependencies":["button","item","progress","spinner"],"files":[{"path":"examples/spinner/applications/spinner-in-item.tsx","type":"registry:example","target":"components/examples/spinner/applications/spinner-in-item.tsx"}]},{"name":"spinner-after-text","type":"registry:example","title":"Spinner After Text","description":"A React small spinner after text showing processing status using trailing position with size-3 built with shadcn/ui Spinner","registryDependencies":["spinner"],"files":[{"path":"examples/spinner/inline/spinner-after-text.tsx","type":"registry:example","target":"components/examples/spinner/inline/spinner-after-text.tsx"}]},{"name":"spinner-before-text","type":"registry:example","title":"Spinner Before Text","description":"A React small spinner before text showing sync status using size-3 muted-foreground and text-sm built with shadcn/ui Spinner","registryDependencies":["spinner"],"files":[{"path":"examples/spinner/inline/spinner-before-text.tsx","type":"registry:example","target":"components/examples/spinner/inline/spinner-before-text.tsx"}]},{"name":"spinner-in-list-item","type":"registry:example","title":"Spinner In List Item","description":"A React spinner integrated into list item showing loading state with title and description using shadcn/ui Item and muted-foreground styling","registryDependencies":["item","spinner"],"files":[{"path":"examples/spinner/inline/spinner-in-list-item.tsx","type":"registry:example","target":"components/examples/spinner/inline/spinner-in-list-item.tsx"}]},{"name":"spinner-inline-with-text","type":"registry:example","title":"Spinner Inline With Text","description":"A React inline spinner with Loading data text using flexbox alignment and gap spacing built with shadcn/ui Spinner component","registryDependencies":["spinner"],"files":[{"path":"examples/spinner/inline/spinner-inline-with-text.tsx","type":"registry:example","target":"components/examples/spinner/inline/spinner-inline-with-text.tsx"}]},{"name":"spinner-loading-button","type":"registry:example","title":"Spinner Loading Button","description":"A React button showing loading state with spinner and Loading text using disabled prop built with shadcn/ui Button component","registryDependencies":["button","spinner"],"files":[{"path":"examples/spinner/button/spinner-loading-button.tsx","type":"registry:example","target":"components/examples/spinner/button/spinner-loading-button.tsx"}]},{"name":"spinner-loading-outline-button","type":"registry:example","title":"Spinner Loading Outline Button","description":"A React outline button showing loading state with spinner and Processing text using disabled and variant outline props","registryDependencies":["button","spinner"],"files":[{"path":"examples/spinner/button/spinner-loading-outline-button.tsx","type":"registry:example","target":"components/examples/spinner/button/spinner-loading-outline-button.tsx"}]},{"name":"spinner-loading-secondary-button","type":"registry:example","title":"Spinner Loading Secondary Button","description":"A React secondary button showing loading state with spinner and Saving Changes text using disabled and variant secondary props","registryDependencies":["button","spinner"],"files":[{"path":"examples/spinner/button/spinner-loading-secondary-button.tsx","type":"registry:example","target":"components/examples/spinner/button/spinner-loading-secondary-button.tsx"}]},{"name":"spinner-loading-small-button","type":"registry:example","title":"Spinner Loading Small Button","description":"A React small button showing loading state with size-3 spinner and Please Wait text using disabled and size sm props","registryDependencies":["button","spinner"],"files":[{"path":"examples/spinner/button/spinner-loading-small-button.tsx","type":"registry:example","target":"components/examples/spinner/button/spinner-loading-small-button.tsx"}]},{"name":"spinner-loading-icon-button","type":"registry:example","title":"Spinner Loading Icon Button","description":"A React icon button showing only a spinner during loading state using disabled and size icon props without text labels","registryDependencies":["button","spinner"],"files":[{"path":"examples/spinner/button/spinner-loading-icon-button.tsx","type":"registry:example","target":"components/examples/spinner/button/spinner-loading-icon-button.tsx"}]},{"name":"large-spinner","type":"registry:example","title":"Large Spinner","description":"A prominent React spinner with size-8 (32px) for full-screen loading and high-visibility states built with shadcn/ui Spinner","registryDependencies":["spinner"],"files":[{"path":"examples/spinner/standard/large-spinner.tsx","type":"registry:example","target":"components/examples/spinner/standard/large-spinner.tsx"}]},{"name":"small-spinner","type":"registry:example","title":"Small Spinner","description":"A compact React spinner with size-3 (12px) for subtle loading indicators and inline status built with shadcn/ui Spinner","registryDependencies":["spinner"],"files":[{"path":"examples/spinner/standard/small-spinner.tsx","type":"registry:example","target":"components/examples/spinner/standard/small-spinner.tsx"}]},{"name":"muted-spinner","type":"registry:example","title":"Muted Spinner","description":"A subtle React spinner with muted-foreground color for background operations and de-emphasized loading states built with shadcn/ui Spinner","registryDependencies":["spinner"],"files":[{"path":"examples/spinner/standard/muted-spinner.tsx","type":"registry:example","target":"components/examples/spinner/standard/muted-spinner.tsx"}]},{"name":"primary-color-spinner","type":"registry:example","title":"Primary Color Spinner","description":"A React spinner with primary brand color for branded loading states and emphasized operations built with shadcn/ui Spinner","registryDependencies":["spinner"],"files":[{"path":"examples/spinner/standard/primary-color-spinner.tsx","type":"registry:example","target":"components/examples/spinner/standard/primary-color-spinner.tsx"}]},{"name":"default-spinner","type":"registry:example","title":"Default Spinner","description":"A standalone React spinner component showing default size and color for basic loading states built with shadcn/ui Spinner","registryDependencies":["spinner"],"files":[{"path":"examples/spinner/standard/default-spinner.tsx","type":"registry:example","target":"components/examples/spinner/standard/default-spinner.tsx"}]},{"name":"currency-input","type":"registry:example","title":"Currency Input","description":"A React currency input with DollarSign icon using number type with min 0, step 0.01 for decimals, and pl-9 padding using shadcn/ui Input","dependencies":["lucide-react"],"registryDependencies":["input","label"],"files":[{"path":"examples/input/special/currency-input.tsx","type":"registry:example","target":"components/examples/input/special/currency-input.tsx"}]},{"name":"time-input","type":"registry:example","title":"Time Input","description":"A React time input with Clock icon using HTML5 time input type featuring absolute positioned icon with translate-y-1/2 and pl-9 padding using shadcn/ui Input","dependencies":["react-day-picker","lucide-react"],"registryDependencies":["input","label"],"files":[{"path":"examples/input/special/time-input.tsx","type":"registry:example","target":"components/examples/input/special/time-input.tsx"}]},{"name":"disabled-input","type":"registry:example","title":"Disabled Input","description":"A React disabled input with readonly value and helper text explaining non-editable status using disabled prop and text-muted-foreground description","registryDependencies":["input","label"],"files":[{"path":"examples/input/special/disabled-input.tsx","type":"registry:example","target":"components/examples/input/special/disabled-input.tsx"}]},{"name":"input-file-upload-with-list","type":"registry:example","title":"Input File Upload With List","description":"A React file upload input with multiple file selection displaying file list with FileText icons, file sizes, and X button removal using shadcn/ui Input","dependencies":["lucide-react"],"registryDependencies":["button","input","label"],"files":[{"path":"examples/input/special/input-file-upload-with-list.tsx","type":"registry:example","target":"components/examples/input/special/input-file-upload-with-list.tsx"}]},{"name":"input-range-slider-with-value","type":"registry:example","title":"Input Range Slider With Value","description":"A React range slider input displaying live value percentage with min max range and flex justify-between min/max labels using shadcn/ui Input type range","registryDependencies":["input","label"],"files":[{"path":"examples/input/special/input-range-slider-with-value.tsx","type":"registry:example","target":"components/examples/input/special/input-range-slider-with-value.tsx"}]},{"name":"input-multiple-validation-messages","type":"registry:example","title":"Input Multiple Validation Messages","description":"A React password input showing multiple stacked validation error messages with AlertCircle icons for complex requirements using shadcn/ui Input","dependencies":["lucide-react"],"registryDependencies":["input","label"],"files":[{"path":"examples/input/validation/input-multiple-validation-messages.tsx","type":"registry:example","target":"components/examples/input/validation/input-multiple-validation-messages.tsx"}]},{"name":"input-success-state","type":"registry:example","title":"Input Success State","description":"A React username input with success validation state showing green border, CheckCircle2 icon, and availability confirmation using shadcn/ui Input","dependencies":["lucide-react"],"registryDependencies":["input","label"],"files":[{"path":"examples/input/validation/input-success-state.tsx","type":"registry:example","target":"components/examples/input/validation/input-success-state.tsx"}]},{"name":"input-warning-state","type":"registry:example","title":"Input Warning State","description":"A React password input with warning validation state showing orange border, AlertTriangle icon, and weak password advisory using shadcn/ui Input","dependencies":["lucide-react"],"registryDependencies":["input","label"],"files":[{"path":"examples/input/validation/input-warning-state.tsx","type":"registry:example","target":"components/examples/input/validation/input-warning-state.tsx"}]},{"name":"input-error-state","type":"registry:example","title":"Input Error State","description":"A React email input with error state showing red destructive text, AlertCircle icon, and aria-invalid attribute using shadcn/ui Input","dependencies":["lucide-react"],"registryDependencies":["input","label"],"files":[{"path":"examples/input/validation/input-error-state.tsx","type":"registry:example","target":"components/examples/input/validation/input-error-state.tsx"}]},{"name":"input-real-time-validation","type":"registry:example","title":"Input Real Time Validation","description":"A React password input with live real-time validation showing dynamic CheckCircle2 and X icons with color transitions as requirements are met using shadcn/ui Input","dependencies":["lucide-react"],"registryDependencies":["input","label"],"files":[{"path":"examples/input/validation/input-real-time-validation.tsx","type":"registry:example","target":"components/examples/input/validation/input-real-time-validation.tsx"}]},{"name":"input-required-field","type":"registry:example","title":"Input Required Field","description":"A React input field marked as required with red asterisk in label and legend explaining indicator built with shadcn/ui Input and Label","registryDependencies":["input","label"],"files":[{"path":"examples/input/standard/input-required-field.tsx","type":"registry:example","target":"components/examples/input/standard/input-required-field.tsx"}]},{"name":"input-inline-label","type":"registry:example","title":"Input Inline Label","description":"A React input field with label positioned inline horizontally using flexbox layout with right-aligned label built with shadcn/ui Input and Label","registryDependencies":["input","label"],"files":[{"path":"examples/input/standard/input-inline-label.tsx","type":"registry:example","target":"components/examples/input/standard/input-inline-label.tsx"}]},{"name":"input-with-character-counter","type":"registry:example","title":"Input With Character Counter","description":"A React input field with live character counter showing current length versus maximum limit built with shadcn/ui Input Label and React useState","registryDependencies":["input","label"],"files":[{"path":"examples/input/standard/input-with-character-counter.tsx","type":"registry:example","target":"components/examples/input/standard/input-with-character-counter.tsx"}]},{"name":"input-optional-field","type":"registry:example","title":"Input Optional Field","description":"A React input field marked as optional with muted parenthetical indicator in label built with shadcn/ui Input and Label components","registryDependencies":["input","label"],"files":[{"path":"examples/input/standard/input-optional-field.tsx","type":"registry:example","target":"components/examples/input/standard/input-optional-field.tsx"}]},{"name":"input-with-description","type":"registry:example","title":"Input With Description","description":"A React input field with label and helper description text providing context about field purpose built with shadcn/ui Input and Label","registryDependencies":["input","label"],"files":[{"path":"examples/input/standard/input-with-description.tsx","type":"registry:example","target":"components/examples/input/standard/input-with-description.tsx"}]},{"name":"input-with-label","type":"registry:example","title":"Input With Label","description":"A React input field with label using htmlFor association for accessibility built with shadcn/ui Input and Label components","registryDependencies":["input","label"],"files":[{"path":"examples/input/standard/input-with-label.tsx","type":"registry:example","target":"components/examples/input/standard/input-with-label.tsx"}]},{"name":"input-with-helper-text","type":"registry:example","title":"Input With Helper Text","description":"A React input field with helper text below providing reassurance about data privacy after input built with shadcn/ui Input and Label","registryDependencies":["input","label"],"files":[{"path":"examples/input/standard/input-with-helper-text.tsx","type":"registry:example","target":"components/examples/input/standard/input-with-helper-text.tsx"}]},{"name":"search-input","type":"registry:example","title":"Search Input","description":"A React search input with Search icon using HTML5 search type featuring absolute positioned icon with translate-y-1/2 and pl-9 padding using shadcn/ui Input","dependencies":["lucide-react"],"registryDependencies":["input","label"],"files":[{"path":"examples/input/types/search-input.tsx","type":"registry:example","target":"components/examples/input/types/search-input.tsx"}]},{"name":"number-input-with-controls","type":"registry:example","title":"Number Input With Controls","description":"A React number input with Plus and Minus button controls for increment/decrement using useState with Math.max preventing negative values and text-center alignment","dependencies":["lucide-react"],"registryDependencies":["button","input","label"],"files":[{"path":"examples/input/types/number-input-with-controls.tsx","type":"registry:example","target":"components/examples/input/types/number-input-with-controls.tsx"}]},{"name":"email-input","type":"registry:example","title":"Email Input","description":"A React email input with Mail icon using HTML5 email type featuring absolute positioned icon with translate-y-1/2 and pl-9 padding using shadcn/ui Input","dependencies":["lucide-react"],"registryDependencies":["input","label"],"files":[{"path":"examples/input/types/email-input.tsx","type":"registry:example","target":"components/examples/input/types/email-input.tsx"}]},{"name":"url-input","type":"registry:example","title":"Url Input","description":"A React URL input with Link icon using HTML5 url type featuring absolute positioned icon, pl-9 padding, and protocol helper text using shadcn/ui Input","dependencies":["lucide-react"],"registryDependencies":["input","label"],"files":[{"path":"examples/input/types/url-input.tsx","type":"registry:example","target":"components/examples/input/types/url-input.tsx"}]},{"name":"date-input","type":"registry:example","title":"Date Input","description":"A React date input with Calendar icon using HTML5 date type featuring absolute positioned icon with translate-y-1/2 and pl-9 padding using shadcn/ui Input","dependencies":["lucide-react"],"registryDependencies":["input","label"],"files":[{"path":"examples/input/types/date-input.tsx","type":"registry:example","target":"components/examples/input/types/date-input.tsx"}]},{"name":"input-password-with-toggle","type":"registry:example","title":"Input Password With Toggle","description":"A React password input with Eye and EyeOff toggle button switching between password and text types using useState for show/hide functionality with shadcn/ui Input","dependencies":["lucide-react"],"registryDependencies":["button","input","label"],"files":[{"path":"examples/input/types/input-password-with-toggle.tsx","type":"registry:example","target":"components/examples/input/types/input-password-with-toggle.tsx"}]},{"name":"phone-input","type":"registry:example","title":"Phone Input","description":"A React phone input with Phone icon using HTML5 tel type featuring absolute positioned icon, pl-9 padding, and format helper text using shadcn/ui Input","dependencies":["lucide-react"],"registryDependencies":["input","label"],"files":[{"path":"examples/input/types/phone-input.tsx","type":"registry:example","target":"components/examples/input/types/phone-input.tsx"}]},{"name":"switch-with-on-label","type":"registry:example","title":"Switch With On Label","description":"A React switch with static On text label indicating the current enabled state with defaultChecked","registryDependencies":["switch"],"files":[{"path":"examples/switch/labeled/switch-with-on-label.tsx","type":"registry:example","target":"components/examples/switch/labeled/switch-with-on-label.tsx"}]},{"name":"switch-with-state-labels","type":"registry:example","title":"Switch With State Labels","description":"A React switch with dynamic On-Off labels on both sides that change styling based on checked state with useState","registryDependencies":["switch"],"files":[{"path":"examples/switch/labeled/switch-with-state-labels.tsx","type":"registry:example","target":"components/examples/switch/labeled/switch-with-state-labels.tsx"}]},{"name":"switch-with-description","type":"registry:example","title":"Switch With Description","description":"A React switch with label and description text using justify-between layout for settings list items with explanatory context","registryDependencies":["label","switch"],"files":[{"path":"examples/switch/labeled/switch-with-description.tsx","type":"registry:example","target":"components/examples/switch/labeled/switch-with-description.tsx"}]},{"name":"switch-with-label","type":"registry:example","title":"Switch With Label","description":"A React switch with text label using htmlFor-id linking for clickable label and improved accessibility","registryDependencies":["label","switch"],"files":[{"path":"examples/switch/labeled/switch-with-label.tsx","type":"registry:example","target":"components/examples/switch/labeled/switch-with-label.tsx"}]},{"name":"switch-square-theme-toggle","type":"registry:example","title":"Switch Square Theme Toggle","description":"Square switch toggle with moon and sun icons for dark/light theme switching with compact minimal design built with shadcn/ui and Lucide icons","dependencies":["lucide-react"],"registryDependencies":["switch"],"files":[{"path":"examples/switch/square/switch-square-theme-toggle.tsx","type":"registry:example","target":"components/examples/switch/square/switch-square-theme-toggle.tsx"}]},{"name":"square-switch-with-label","type":"registry:example","title":"Square Switch With Label","description":"Square switch toggle with external Label component for accessible labeled controls with minimal geometric aesthetic built with shadcn/ui","registryDependencies":["label","switch"],"files":[{"path":"examples/switch/square/square-switch-with-label.tsx","type":"registry:example","target":"components/examples/switch/square/square-switch-with-label.tsx"}]},{"name":"square-switch-with-text","type":"registry:example","title":"Square Switch With Text","description":"Square switch toggle with animated ON/OFF text labels that slide with thumb for explicit state indication built with shadcn/ui","registryDependencies":["label","switch"],"files":[{"path":"examples/switch/square/square-switch-with-text.tsx","type":"registry:example","target":"components/examples/switch/square/square-switch-with-text.tsx"}]},{"name":"square-switch","type":"registry:example","title":"Square Switch","description":"Square switch toggle with rounded-sm styling for sharp corners minimal aesthetic built with shadcn/ui","registryDependencies":["switch"],"files":[{"path":"examples/switch/square/square-switch.tsx","type":"registry:example","target":"components/examples/switch/square/square-switch.tsx"}]},{"name":"checked-switch","type":"registry:example","title":"Checked Switch","description":"Switch toggle with defaultChecked prop to set initial checked state without controlled state management built with shadcn/ui","registryDependencies":["switch"],"files":[{"path":"examples/switch/standard/checked-switch.tsx","type":"registry:example","target":"components/examples/switch/standard/checked-switch.tsx"}]},{"name":"small-switch","type":"registry:example","title":"Small Switch","description":"Compact switch toggle with h-4 w-7 sizing for dense layouts space-constrained interfaces and desktop-only applications built with shadcn/ui","registryDependencies":["switch"],"files":[{"path":"examples/switch/standard/small-switch.tsx","type":"registry:example","target":"components/examples/switch/standard/small-switch.tsx"}]},{"name":"default-switch","type":"registry:example","title":"Default Switch","description":"Default switch toggle control with rounded pill shape standard styling unchecked state built with shadcn/ui and Radix UI","registryDependencies":["switch"],"files":[{"path":"examples/switch/standard/default-switch.tsx","type":"registry:example","target":"components/examples/switch/standard/default-switch.tsx"}]},{"name":"disabled-switch","type":"registry:example","title":"Disabled Switch","description":"Switch toggle with disabled prop for non-interactive read-only state with reduced opacity and no pointer events built with shadcn/ui","registryDependencies":["switch"],"files":[{"path":"examples/switch/standard/disabled-switch.tsx","type":"registry:example","target":"components/examples/switch/standard/disabled-switch.tsx"}]},{"name":"switch-icon-with-label","type":"registry:example","title":"Switch Icon With Label","description":"A React switch with bell icon and text label showing notification setting with icon-label-switch horizontal layout","dependencies":["lucide-react"],"registryDependencies":["label","switch"],"files":[{"path":"examples/switch/icons/switch-icon-with-label.tsx","type":"registry:example","target":"components/examples/switch/icons/switch-icon-with-label.tsx"}]},{"name":"switch-volume-toggle","type":"registry:example","title":"Switch Volume Toggle","description":"A React switch toggle with mute and volume icons on either side for audio on-off control with defaultChecked state","dependencies":["lucide-react"],"registryDependencies":["switch"],"files":[{"path":"examples/switch/icons/switch-volume-toggle.tsx","type":"registry:example","target":"components/examples/switch/icons/switch-volume-toggle.tsx"}]},{"name":"switch-theme-toggle-with-icons","type":"registry:example","title":"Switch Theme Toggle With Icons","description":"A React switch toggle with sun and moon icons on either side for theme switching between light and dark modes","dependencies":["lucide-react"],"registryDependencies":["switch"],"files":[{"path":"examples/switch/icons/switch-theme-toggle-with-icons.tsx","type":"registry:example","target":"components/examples/switch/icons/switch-theme-toggle-with-icons.tsx"}]},{"name":"switch-settings-list","type":"registry:example","title":"Switch Settings List","description":"Multiple switches in divided list layout with labels descriptions for settings pages built with shadcn/ui and Tailwind divide-y","registryDependencies":["label","switch"],"files":[{"path":"examples/switch/cards/switch-settings-list.tsx","type":"registry:example","target":"components/examples/switch/cards/switch-settings-list.tsx"}]},{"name":"switch-feature-card","type":"registry:example","title":"Switch Feature Card","description":"Switch in card layout with Lucide icon solid background label description for feature toggles built with shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["label","switch"],"files":[{"path":"examples/switch/cards/switch-feature-card.tsx","type":"registry:example","target":"components/examples/switch/cards/switch-feature-card.tsx"}]},{"name":"switch-in-item","type":"registry:example","title":"Switch In Item","description":"Switch toggle in Item component layout with ItemTitle ItemDescription for structured settings built with shadcn/ui","registryDependencies":["item","switch"],"files":[{"path":"examples/switch/cards/switch-in-item.tsx","type":"registry:example","target":"components/examples/switch/cards/switch-in-item.tsx"}]},{"name":"switch-settings-card","type":"registry:example","title":"Switch Settings Card","description":"Switch in card layout with emoji icon gradient background label description for settings toggle built with shadcn/ui","registryDependencies":["label","switch"],"files":[{"path":"examples/switch/cards/switch-settings-card.tsx","type":"registry:example","target":"components/examples/switch/cards/switch-settings-card.tsx"}]},{"name":"context-menu-with-labels","type":"registry:example","title":"Context Menu With Labels","description":"A React context menu with labeled sections organizing account settings (profile, settings) and support (help) with clear semantic headings","dependencies":["lucide-react"],"registryDependencies":["context-menu"],"files":[{"path":"examples/context-menu/standard/context-menu-with-labels.tsx","type":"registry:example","target":"components/examples/context-menu/standard/context-menu-with-labels.tsx"}]},{"name":"context-menu-with-separators","type":"registry:example","title":"Context Menu With Separators","description":"A React context menu using separators to organize editing actions (edit), clipboard operations (cut, copy, paste), and destructive actions (delete)","dependencies":["lucide-react"],"registryDependencies":["context-menu"],"files":[{"path":"examples/context-menu/standard/context-menu-with-separators.tsx","type":"registry:example","target":"components/examples/context-menu/standard/context-menu-with-separators.tsx"}]},{"name":"simple-context-menu","type":"registry:example","title":"Simple Context Menu","description":"A minimal React context menu with basic text-only menu items for navigation actions like back, forward, reload, and more options","registryDependencies":["context-menu"],"files":[{"path":"examples/context-menu/standard/simple-context-menu.tsx","type":"registry:example","target":"components/examples/context-menu/standard/simple-context-menu.tsx"}]},{"name":"context-menu-with-radio-items","type":"registry:example","title":"Context Menu With Radio Items","description":"A React context menu with radio group for single-choice panel position selection (top, bottom, right, left) with labeled section and state management","registryDependencies":["context-menu"],"files":[{"path":"examples/context-menu/standard/context-menu-with-radio-items.tsx","type":"registry:example","target":"components/examples/context-menu/standard/context-menu-with-radio-items.tsx"}]},{"name":"context-menu-with-checkboxes","type":"registry:example","title":"Context Menu With Checkboxes","description":"A React context menu with interactive checkboxes for toggling UI visibility settings like bookmarks bar, full URLs, and sidebar with state management","registryDependencies":["context-menu"],"files":[{"path":"examples/context-menu/standard/context-menu-with-checkboxes.tsx","type":"registry:example","target":"components/examples/context-menu/standard/context-menu-with-checkboxes.tsx"}]},{"name":"context-menu-with-submenus","type":"registry:example","title":"Context Menu With Submenus","description":"A React context menu with nested submenus for sharing via email (Gmail, Outlook, Yahoo) and messaging (WhatsApp, Telegram, Slack) platforms","dependencies":["lucide-react"],"registryDependencies":["context-menu"],"files":[{"path":"examples/context-menu/standard/context-menu-with-submenus.tsx","type":"registry:example","target":"components/examples/context-menu/standard/context-menu-with-submenus.tsx"}]},{"name":"context-menu-with-icons-and-shortcuts","type":"registry:example","title":"Context Menu With Icons And Shortcuts","description":"A React context menu with Lucide React icons, keyboard shortcuts, and destructive variant for common actions like view, copy, share, download, and delete","dependencies":["lucide-react"],"registryDependencies":["context-menu"],"files":[{"path":"examples/context-menu/standard/context-menu-with-icons-and-shortcuts.tsx","type":"registry:example","target":"components/examples/context-menu/standard/context-menu-with-icons-and-shortcuts.tsx"}]},{"name":"context-menu-table-sort-menu","type":"registry:example","title":"Context Menu Table Sort Menu","description":"A React context menu for table column sorting with ascending, descending, and clear sort options for data tables and spreadsheets","dependencies":["lucide-react"],"registryDependencies":["context-menu"],"files":[{"path":"examples/context-menu/table/context-menu-table-sort-menu.tsx","type":"registry:example","target":"components/examples/context-menu/table/context-menu-table-sort-menu.tsx"}]},{"name":"context-menu-table-row-operations-menu","type":"registry:example","title":"Context Menu Table Row Operations Menu","description":"A React context menu for table row operations with insert above/below, duplicate, delete row, and bulk delete with keyboard shortcuts for spreadsheets","dependencies":["lucide-react"],"registryDependencies":["context-menu"],"files":[{"path":"examples/context-menu/table/context-menu-table-row-operations-menu.tsx","type":"registry:example","target":"components/examples/context-menu/table/context-menu-table-row-operations-menu.tsx"}]},{"name":"context-menu-table-export-menu","type":"registry:example","title":"Context Menu Table Export Menu","description":"A React context menu for exporting table data with format submenu (CSV, Excel, PDF, JSON) and download selected rows for data export workflows","dependencies":["lucide-react"],"registryDependencies":["context-menu"],"files":[{"path":"examples/context-menu/table/context-menu-table-export-menu.tsx","type":"registry:example","target":"components/examples/context-menu/table/context-menu-table-export-menu.tsx"}]},{"name":"context-menu-table-column-operations-menu","type":"registry:example","title":"Context Menu Table Column Operations Menu","description":"A React context menu for table column management with show/hide, move left/right, resize, and auto-fit operations with keyboard shortcuts","dependencies":["lucide-react"],"registryDependencies":["context-menu"],"files":[{"path":"examples/context-menu/table/context-menu-table-column-operations-menu.tsx","type":"registry:example","target":"components/examples/context-menu/table/context-menu-table-column-operations-menu.tsx"}]},{"name":"context-menu-table-filter-menu","type":"registry:example","title":"Context Menu Table Filter Menu","description":"A React context menu for table filtering with nested filter conditions (contains, equals, starts with, ends with) and clear filters for data tables","dependencies":["lucide-react"],"registryDependencies":["context-menu"],"files":[{"path":"examples/context-menu/table/context-menu-table-filter-menu.tsx","type":"registry:example","target":"components/examples/context-menu/table/context-menu-table-filter-menu.tsx"}]},{"name":"context-menu-share-and-export-menu","type":"registry:example","title":"Context Menu Share And Export Menu","description":"A React context menu for sharing files with email, copy link, team sharing submenu, and download options for cloud storage and collaboration tools","dependencies":["lucide-react"],"registryDependencies":["context-menu"],"files":[{"path":"examples/context-menu/file/context-menu-share-and-export-menu.tsx","type":"registry:example","target":"components/examples/context-menu/file/context-menu-share-and-export-menu.tsx"}]},{"name":"context-menu-archive-and-compress-menu","type":"registry:example","title":"Context Menu Archive And Compress Menu","description":"A React context menu for archive operations with compress submenu (ZIP, TAR.GZ, 7Z) and extract options for file compression tools","dependencies":["lucide-react"],"registryDependencies":["context-menu"],"files":[{"path":"examples/context-menu/file/context-menu-archive-and-compress-menu.tsx","type":"registry:example","target":"components/examples/context-menu/file/context-menu-archive-and-compress-menu.tsx"}]},{"name":"context-menu-file-properties-menu","type":"registry:example","title":"Context Menu File Properties Menu","description":"A React context menu for file metadata with get info, permissions, sharing settings, and properties sections with labeled organization","dependencies":["lucide-react"],"registryDependencies":["context-menu"],"files":[{"path":"examples/context-menu/file/context-menu-file-properties-menu.tsx","type":"registry:example","target":"components/examples/context-menu/file/context-menu-file-properties-menu.tsx"}]},{"name":"context-menu-copy-and-move-menu","type":"registry:example","title":"Context Menu Copy And Move Menu","description":"A React context menu for file clipboard operations with cut, copy, copy path, move to, and copy to actions for file managers","dependencies":["lucide-react"],"registryDependencies":["context-menu"],"files":[{"path":"examples/context-menu/file/context-menu-copy-and-move-menu.tsx","type":"registry:example","target":"components/examples/context-menu/file/context-menu-copy-and-move-menu.tsx"}]},{"name":"context-menu-file-operations-menu","type":"registry:example","title":"Context Menu File Operations Menu","description":"A React context menu for file operations with open, rename, duplicate, and delete actions plus keyboard shortcuts for file managers and cloud storage","dependencies":["lucide-react"],"registryDependencies":["context-menu"],"files":[{"path":"examples/context-menu/file/context-menu-file-operations-menu.tsx","type":"registry:example","target":"components/examples/context-menu/file/context-menu-file-operations-menu.tsx"}]},{"name":"context-menu-spell-check-menu","type":"registry:example","title":"Context Menu Spell Check Menu","description":"A React context menu for spell checking with labeled suggestions section, correction options, add to dictionary, and ignore for text editors","dependencies":["lucide-react"],"registryDependencies":["context-menu"],"files":[{"path":"examples/context-menu/text/context-menu-spell-check-menu.tsx","type":"registry:example","target":"components/examples/context-menu/text/context-menu-spell-check-menu.tsx"}]},{"name":"context-menu-text-editing-menu","type":"registry:example","title":"Context Menu Text Editing Menu","description":"A React context menu for text editing with cut, copy, paste, and select all operations plus standard keyboard shortcuts for text editors","dependencies":["lucide-react"],"registryDependencies":["context-menu"],"files":[{"path":"examples/context-menu/text/context-menu-text-editing-menu.tsx","type":"registry:example","target":"components/examples/context-menu/text/context-menu-text-editing-menu.tsx"}]},{"name":"context-menu-font-and-style-menu","type":"registry:example","title":"Context Menu Font And Style Menu","description":"A React context menu for font and style with nested submenus for font family, size selection, plus text color and highlight color options for rich text editors","dependencies":["lucide-react"],"registryDependencies":["context-menu"],"files":[{"path":"examples/context-menu/text/context-menu-font-and-style-menu.tsx","type":"registry:example","target":"components/examples/context-menu/text/context-menu-font-and-style-menu.tsx"}]},{"name":"context-menu-text-formatting-menu","type":"registry:example","title":"Context Menu Text Formatting Menu","description":"A React context menu for text formatting with bold, italic, underline, strikethrough, and clear formatting using keyboard shortcuts for rich text editors","dependencies":["lucide-react"],"registryDependencies":["context-menu"],"files":[{"path":"examples/context-menu/text/context-menu-text-formatting-menu.tsx","type":"registry:example","target":"components/examples/context-menu/text/context-menu-text-formatting-menu.tsx"}]},{"name":"context-menu-text-alignment-menu","type":"registry:example","title":"Context Menu Text Alignment Menu","description":"A React context menu for text alignment with nested submenu (left, center, right, justify) and increase/decrease indent operations for rich text editors","dependencies":["lucide-react"],"registryDependencies":["context-menu"],"files":[{"path":"examples/context-menu/text/context-menu-text-alignment-menu.tsx","type":"registry:example","target":"components/examples/context-menu/text/context-menu-text-alignment-menu.tsx"}]},{"name":"context-menu-transform-menu","type":"registry:example","title":"Context Menu Transform Menu","description":"A React context menu for transforming elements with rotation (90°, 180°), flip horizontal/vertical, and scale operations with nested submenus","dependencies":["lucide-react"],"registryDependencies":["context-menu"],"files":[{"path":"examples/context-menu/canvas/context-menu-transform-menu.tsx","type":"registry:example","target":"components/examples/context-menu/canvas/context-menu-transform-menu.tsx"}]},{"name":"context-menu-layer-management-menu","type":"registry:example","title":"Context Menu Layer Management Menu","description":"A React context menu for layer management with duplicate, merge, flatten, and visibility toggle operations for image editors and design tools","dependencies":["lucide-react"],"registryDependencies":["context-menu"],"files":[{"path":"examples/context-menu/canvas/context-menu-layer-management-menu.tsx","type":"registry:example","target":"components/examples/context-menu/canvas/context-menu-layer-management-menu.tsx"}]},{"name":"context-menu-align-and-distribute-menu","type":"registry:example","title":"Context Menu Align And Distribute Menu","description":"A React context menu with nested submenus for alignment (left, center, right, top, middle, bottom) and distribution (horizontal, vertical) controls","dependencies":["lucide-react"],"registryDependencies":["context-menu"],"files":[{"path":"examples/context-menu/canvas/context-menu-align-and-distribute-menu.tsx","type":"registry:example","target":"components/examples/context-menu/canvas/context-menu-align-and-distribute-menu.tsx"}]},{"name":"context-menu-layer-arrange-menu","type":"registry:example","title":"Context Menu Layer Arrange Menu","description":"A React context menu for arranging layer z-index with bring to front, send to back, and incremental forward/backward controls with keyboard shortcuts","dependencies":["lucide-react"],"registryDependencies":["context-menu"],"files":[{"path":"examples/context-menu/canvas/context-menu-layer-arrange-menu.tsx","type":"registry:example","target":"components/examples/context-menu/canvas/context-menu-layer-arrange-menu.tsx"}]},{"name":"context-menu-group-and-lock-menu","type":"registry:example","title":"Context Menu Group And Lock Menu","description":"A React context menu for grouping, ungrouping, locking, and unlocking canvas elements with keyboard shortcuts for design tools","dependencies":["lucide-react"],"registryDependencies":["context-menu"],"files":[{"path":"examples/context-menu/canvas/context-menu-group-and-lock-menu.tsx","type":"registry:example","target":"components/examples/context-menu/canvas/context-menu-group-and-lock-menu.tsx"}]},{"name":"alert-dialog-simple-confirmation-dialog","type":"registry:example","title":"Alert Dialog Simple Confirmation Dialog","description":"A simple confirmation dialog with Cancel and Continue actions for critical user decisions requiring explicit confirmation","registryDependencies":["alert-dialog","button"],"files":[{"path":"examples/alert-dialog/confirmation/alert-dialog-simple-confirmation-dialog.tsx","type":"registry:example","target":"components/examples/alert-dialog/confirmation/alert-dialog-simple-confirmation-dialog.tsx"}]},{"name":"alert-dialog-confirmation-with-short-content","type":"registry:example","title":"Alert Dialog Confirmation With Short Content","description":"A minimal confirmation dialog with brief title and single-sentence description for quick low-stakes decisions","registryDependencies":["alert-dialog","button"],"files":[{"path":"examples/alert-dialog/confirmation/alert-dialog-confirmation-with-short-content.tsx","type":"registry:example","target":"components/examples/alert-dialog/confirmation/alert-dialog-confirmation-with-short-content.tsx"}]},{"name":"alert-dialog-confirmation-with-custom-button-labels","type":"registry:example","title":"Alert Dialog Confirmation With Custom Button Labels","description":"A confirmation dialog with contextual button labels that match the specific action instead of generic Continue and Cancel","registryDependencies":["alert-dialog","button"],"files":[{"path":"examples/alert-dialog/confirmation/alert-dialog-confirmation-with-custom-button-labels.tsx","type":"registry:example","target":"components/examples/alert-dialog/confirmation/alert-dialog-confirmation-with-custom-button-labels.tsx"}]},{"name":"alert-dialog-confirmation-with-icon","type":"registry:example","title":"Alert Dialog Confirmation With Icon","description":"A confirmation dialog with an alert icon next to the title, adding visual emphasis to important user decisions","dependencies":["lucide-react"],"registryDependencies":["alert-dialog","button"],"files":[{"path":"examples/alert-dialog/confirmation/alert-dialog-confirmation-with-icon.tsx","type":"registry:example","target":"components/examples/alert-dialog/confirmation/alert-dialog-confirmation-with-icon.tsx"}]},{"name":"alert-dialog-confirmation-with-centered-icon","type":"registry:example","title":"Alert Dialog Confirmation With Centered Icon","description":"A confirmation dialog with large centered icon in a colored circle above the title for maximum visual impact","dependencies":["lucide-react"],"registryDependencies":["alert-dialog","button"],"files":[{"path":"examples/alert-dialog/confirmation/alert-dialog-confirmation-with-centered-icon.tsx","type":"registry:example","target":"components/examples/alert-dialog/confirmation/alert-dialog-confirmation-with-centered-icon.tsx"}]},{"name":"alert-dialog-confirmation-with-detailed-description","type":"registry:example","title":"Alert Dialog Confirmation With Detailed Description","description":"A confirmation dialog with detailed bullet-point description explaining multiple consequences of the user's action","registryDependencies":["alert-dialog","button"],"files":[{"path":"examples/alert-dialog/confirmation/alert-dialog-confirmation-with-detailed-description.tsx","type":"registry:example","target":"components/examples/alert-dialog/confirmation/alert-dialog-confirmation-with-detailed-description.tsx"}]},{"name":"alert-dialog-information-with-long-content","type":"registry:example","title":"Alert Dialog Information With Long Content","description":"An informational alert dialog with scrollable content area for longer messages like policy updates with bulleted details","registryDependencies":["alert-dialog","button"],"files":[{"path":"examples/alert-dialog/informational/alert-dialog-information-with-long-content.tsx","type":"registry:example","target":"components/examples/alert-dialog/informational/alert-dialog-information-with-long-content.tsx"}]},{"name":"alert-dialog-simple-information-alert","type":"registry:example","title":"Alert Dialog Simple Information Alert","description":"A simple alert dialog for non-critical information announcements with a single OK acknowledgment button","registryDependencies":["alert-dialog","button"],"files":[{"path":"examples/alert-dialog/informational/alert-dialog-simple-information-alert.tsx","type":"registry:example","target":"components/examples/alert-dialog/informational/alert-dialog-simple-information-alert.tsx"}]},{"name":"alert-dialog-information-with-icon","type":"registry:example","title":"Alert Dialog Information With Icon","description":"An informational alert dialog with an Info icon next to the title for enhanced visual identification and scannability","dependencies":["lucide-react"],"registryDependencies":["alert-dialog","button"],"files":[{"path":"examples/alert-dialog/informational/alert-dialog-information-with-icon.tsx","type":"registry:example","target":"components/examples/alert-dialog/informational/alert-dialog-information-with-icon.tsx"}]},{"name":"alert-dialog-information-with-highlighted-content","type":"registry:example","title":"Alert Dialog Information With Highlighted Content","description":"An informational alert dialog with bordered feature cards highlighting multiple items in a scannable list format","dependencies":["lucide-react"],"registryDependencies":["alert-dialog","button"],"files":[{"path":"examples/alert-dialog/informational/alert-dialog-information-with-highlighted-content.tsx","type":"registry:example","target":"components/examples/alert-dialog/informational/alert-dialog-information-with-highlighted-content.tsx"}]},{"name":"alert-dialog-information-with-action-button","type":"registry:example","title":"Alert Dialog Information With Action Button","description":"An informational alert dialog with two action buttons offering users choice between dismissing or learning more","dependencies":["lucide-react"],"registryDependencies":["alert-dialog","button"],"files":[{"path":"examples/alert-dialog/informational/alert-dialog-information-with-action-button.tsx","type":"registry:example","target":"components/examples/alert-dialog/informational/alert-dialog-information-with-action-button.tsx"}]},{"name":"alert-dialog-information-with-centered-icon","type":"registry:example","title":"Alert Dialog Information With Centered Icon","description":"An informational alert dialog with a large centered icon in a colored circle for high-impact tips and educational moments","dependencies":["lucide-react"],"registryDependencies":["alert-dialog","button"],"files":[{"path":"examples/alert-dialog/informational/alert-dialog-information-with-centered-icon.tsx","type":"registry:example","target":"components/examples/alert-dialog/informational/alert-dialog-information-with-centered-icon.tsx"}]},{"name":"alert-dialog-information-with-status-badge","type":"registry:example","title":"Alert Dialog Information With Status Badge","description":"An informational alert dialog with a status badge below the title for categorizing message urgency or type","dependencies":["lucide-react"],"registryDependencies":["alert-dialog","button"],"files":[{"path":"examples/alert-dialog/informational/alert-dialog-information-with-status-badge.tsx","type":"registry:example","target":"components/examples/alert-dialog/informational/alert-dialog-information-with-status-badge.tsx"}]},{"name":"alert-dialog-mixed-button-styles","type":"registry:example","title":"Alert Dialog Mixed Button Styles","description":"An alert dialog with multiple button variants showing visual hierarchy through different styles and colors","registryDependencies":["alert-dialog","button"],"files":[{"path":"examples/alert-dialog/custom-actions/alert-dialog-mixed-button-styles.tsx","type":"registry:example","target":"components/examples/alert-dialog/custom-actions/alert-dialog-mixed-button-styles.tsx"}]},{"name":"alert-dialog-vertical-button-stack","type":"registry:example","title":"Alert Dialog Vertical Button Stack","description":"An alert dialog with vertically stacked action buttons for multiple choices displayed in a full-width layout","registryDependencies":["alert-dialog","button"],"files":[{"path":"examples/alert-dialog/custom-actions/alert-dialog-vertical-button-stack.tsx","type":"registry:example","target":"components/examples/alert-dialog/custom-actions/alert-dialog-vertical-button-stack.tsx"}]},{"name":"alert-dialog-actions-with-loading-state","type":"registry:example","title":"Alert Dialog Actions With Loading State","description":"An alert dialog with additional file metadata displayed in a muted card for informed download decisions","dependencies":["lucide-react"],"registryDependencies":["alert-dialog","button"],"files":[{"path":"examples/alert-dialog/custom-actions/alert-dialog-actions-with-loading-state.tsx","type":"registry:example","target":"components/examples/alert-dialog/custom-actions/alert-dialog-actions-with-loading-state.tsx"}]},{"name":"alert-dialog-actions-with-icons","type":"registry:example","title":"Alert Dialog Actions With Icons","description":"An alert dialog with icons inside action buttons to provide visual context for each choice","dependencies":["lucide-react"],"registryDependencies":["alert-dialog","button"],"files":[{"path":"examples/alert-dialog/custom-actions/alert-dialog-actions-with-icons.tsx","type":"registry:example","target":"components/examples/alert-dialog/custom-actions/alert-dialog-actions-with-icons.tsx"}]},{"name":"alert-dialog-split-actions-layout","type":"registry:example","title":"Alert Dialog Split Actions Layout","description":"An alert dialog with split button layout separating a tertiary action on the left from primary confirmation actions on the right","registryDependencies":["alert-dialog","button"],"files":[{"path":"examples/alert-dialog/custom-actions/alert-dialog-split-actions-layout.tsx","type":"registry:example","target":"components/examples/alert-dialog/custom-actions/alert-dialog-split-actions-layout.tsx"}]},{"name":"alert-dialog-form-with-checkboxes","type":"registry:example","title":"Alert Dialog Form With Checkboxes","description":"An alert dialog form with multiple checkboxes and descriptive labels for independent multi-select preferences","registryDependencies":["alert-dialog","button","checkbox","label"],"files":[{"path":"examples/alert-dialog/form/alert-dialog-form-with-checkboxes.tsx","type":"registry:example","target":"components/examples/alert-dialog/form/alert-dialog-form-with-checkboxes.tsx"}]},{"name":"alert-dialog-form-with-description","type":"registry:example","title":"Alert Dialog Form With Description","description":"An alert dialog form with helper text below the input providing guidance on what to enter","registryDependencies":["alert-dialog","button","input","label"],"files":[{"path":"examples/alert-dialog/form/alert-dialog-form-with-description.tsx","type":"registry:example","target":"components/examples/alert-dialog/form/alert-dialog-form-with-description.tsx"}]},{"name":"alert-dialog-form-with-validation-state","type":"registry:example","title":"Alert Dialog Form With Validation State","description":"An alert dialog form with real-time validation feedback showing error states and disabled submission until input is valid","registryDependencies":["alert-dialog","button","input","label"],"files":[{"path":"examples/alert-dialog/form/alert-dialog-form-with-validation-state.tsx","type":"registry:example","target":"components/examples/alert-dialog/form/alert-dialog-form-with-validation-state.tsx"}]},{"name":"alert-dialog-form-with-select","type":"registry:example","title":"Alert Dialog Form With Select","description":"An alert dialog combining Input and Select dropdown for forms requiring both text entry and categorization","registryDependencies":["alert-dialog","button","input","label","select"],"files":[{"path":"examples/alert-dialog/form/alert-dialog-form-with-select.tsx","type":"registry:example","target":"components/examples/alert-dialog/form/alert-dialog-form-with-select.tsx"}]},{"name":"alert-dialog-form-with-radio-group","type":"registry:example","title":"Alert Dialog Form With Radio Group","description":"An alert dialog form using RadioGroup with labels and descriptions for mutually exclusive choices like format selection","registryDependencies":["alert-dialog","button","label","radio-group"],"files":[{"path":"examples/alert-dialog/form/alert-dialog-form-with-radio-group.tsx","type":"registry:example","target":"components/examples/alert-dialog/form/alert-dialog-form-with-radio-group.tsx"}]},{"name":"alert-dialog-multiple-inputs-dialog","type":"registry:example","title":"Alert Dialog Multiple Inputs Dialog","description":"An alert dialog with multiple form fields including Input and Textarea for gathering structured data","registryDependencies":["alert-dialog","button","input","label","textarea"],"files":[{"path":"examples/alert-dialog/form/alert-dialog-multiple-inputs-dialog.tsx","type":"registry:example","target":"components/examples/alert-dialog/form/alert-dialog-multiple-inputs-dialog.tsx"}]},{"name":"alert-dialog-single-input-dialog","type":"registry:example","title":"Alert Dialog Single Input Dialog","description":"An alert dialog with a single labeled input field for quick inline edits like renaming","registryDependencies":["alert-dialog","button","input","label"],"files":[{"path":"examples/alert-dialog/form/alert-dialog-single-input-dialog.tsx","type":"registry:example","target":"components/examples/alert-dialog/form/alert-dialog-single-input-dialog.tsx"}]},{"name":"alert-dialog-destructive-with-consequence-details","type":"registry:example","title":"Alert Dialog Destructive With Consequence Details","description":"A destructive alert dialog with bulleted list of consequences displayed in a red-tinted warning card","registryDependencies":["alert-dialog","button"],"files":[{"path":"examples/alert-dialog/destructive/alert-dialog-destructive-with-consequence-details.tsx","type":"registry:example","target":"components/examples/alert-dialog/destructive/alert-dialog-destructive-with-consequence-details.tsx"}]},{"name":"alert-dialog-delete-confirmation-with-icon","type":"registry:example","title":"Alert Dialog Delete Confirmation With Icon","description":"A destructive alert dialog with red Trash icon next to the title for visual deletion emphasis","dependencies":["lucide-react"],"registryDependencies":["alert-dialog","button"],"files":[{"path":"examples/alert-dialog/destructive/alert-dialog-delete-confirmation-with-icon.tsx","type":"registry:example","target":"components/examples/alert-dialog/destructive/alert-dialog-delete-confirmation-with-icon.tsx"}]},{"name":"alert-dialog-destructive-with-checkbox-confirmation","type":"registry:example","title":"Alert Dialog Destructive With Checkbox Confirmation","description":"A destructive alert dialog requiring checkbox confirmation to enable the delete action for extra protection","dependencies":["lucide-react"],"registryDependencies":["alert-dialog","button","checkbox","label"],"files":[{"path":"examples/alert-dialog/destructive/alert-dialog-destructive-with-checkbox-confirmation.tsx","type":"registry:example","target":"components/examples/alert-dialog/destructive/alert-dialog-destructive-with-checkbox-confirmation.tsx"}]},{"name":"alert-dialog-simple-delete-confirmation","type":"registry:example","title":"Alert Dialog Simple Delete Confirmation","description":"A destructive alert dialog with red Delete button for confirming permanent data deletion actions","registryDependencies":["alert-dialog","button"],"files":[{"path":"examples/alert-dialog/destructive/alert-dialog-simple-delete-confirmation.tsx","type":"registry:example","target":"components/examples/alert-dialog/destructive/alert-dialog-simple-delete-confirmation.tsx"}]},{"name":"alert-dialog-destructive-with-warning-badge","type":"registry:example","title":"Alert Dialog Destructive With Warning Badge","description":"A destructive alert dialog with a red Permanent Action badge between title and description for extra emphasis","dependencies":["lucide-react"],"registryDependencies":["alert-dialog","button"],"files":[{"path":"examples/alert-dialog/destructive/alert-dialog-destructive-with-warning-badge.tsx","type":"registry:example","target":"components/examples/alert-dialog/destructive/alert-dialog-destructive-with-warning-badge.tsx"}]},{"name":"alert-dialog-destructive-with-item-count","type":"registry:example","title":"Alert Dialog Destructive With Item Count","description":"A destructive alert dialog displaying item count in title and button for bulk deletion awareness","registryDependencies":["alert-dialog","button"],"files":[{"path":"examples/alert-dialog/destructive/alert-dialog-destructive-with-item-count.tsx","type":"registry:example","target":"components/examples/alert-dialog/destructive/alert-dialog-destructive-with-item-count.tsx"}]},{"name":"alert-dialog-destructive-with-custom-styled-buttons","type":"registry:example","title":"Alert Dialog Destructive With Custom Styled Buttons","description":"A destructive alert dialog with X icons in both title and action button plus contextual button labels","dependencies":["lucide-react"],"registryDependencies":["alert-dialog","button"],"files":[{"path":"examples/alert-dialog/destructive/alert-dialog-destructive-with-custom-styled-buttons.tsx","type":"registry:example","target":"components/examples/alert-dialog/destructive/alert-dialog-destructive-with-custom-styled-buttons.tsx"}]},{"name":"alert-dialog-success-with-icon","type":"registry:example","title":"Alert Dialog Success With Icon","description":"A success alert dialog with a green CheckCircle icon inline with the title for instant visual success recognition","dependencies":["lucide-react"],"registryDependencies":["alert-dialog","button"],"files":[{"path":"examples/alert-dialog/success/alert-dialog-success-with-icon.tsx","type":"registry:example","target":"components/examples/alert-dialog/success/alert-dialog-success-with-icon.tsx"}]},{"name":"alert-dialog-simple-success-message","type":"registry:example","title":"Alert Dialog Simple Success Message","description":"A minimal success alert dialog with celebratory title and confirmation message for completed actions","registryDependencies":["alert-dialog","button"],"files":[{"path":"examples/alert-dialog/success/alert-dialog-simple-success-message.tsx","type":"registry:example","target":"components/examples/alert-dialog/success/alert-dialog-simple-success-message.tsx"}]},{"name":"alert-dialog-success-with-multiple-actions","type":"registry:example","title":"Alert Dialog Success With Multiple Actions","description":"A success alert dialog with two action buttons offering users choice to close or repeat the successful action","dependencies":["lucide-react"],"registryDependencies":["alert-dialog","button"],"files":[{"path":"examples/alert-dialog/success/alert-dialog-success-with-multiple-actions.tsx","type":"registry:example","target":"components/examples/alert-dialog/success/alert-dialog-success-with-multiple-actions.tsx"}]},{"name":"alert-dialog-success-with-centered-icon","type":"registry:example","title":"Alert Dialog Success With Centered Icon","description":"A success alert dialog with a large centered CheckCircle icon in a green circle for milestone celebrations","dependencies":["lucide-react"],"registryDependencies":["alert-dialog","button"],"files":[{"path":"examples/alert-dialog/success/alert-dialog-success-with-centered-icon.tsx","type":"registry:example","target":"components/examples/alert-dialog/success/alert-dialog-success-with-centered-icon.tsx"}]},{"name":"alert-dialog-success-with-celebration","type":"registry:example","title":"Alert Dialog Success With Celebration","description":"A celebratory success alert dialog with gradient backgrounds and achievement badge for milestone accomplishments","dependencies":["lucide-react"],"registryDependencies":["alert-dialog","button"],"files":[{"path":"examples/alert-dialog/success/alert-dialog-success-with-celebration.tsx","type":"registry:example","target":"components/examples/alert-dialog/success/alert-dialog-success-with-celebration.tsx"}]},{"name":"alert-dialog-success-with-next-steps","type":"registry:example","title":"Alert Dialog Success With Next Steps","description":"A success alert dialog with numbered next steps guiding users on what to do after completion","dependencies":["lucide-react"],"registryDependencies":["alert-dialog","button"],"files":[{"path":"examples/alert-dialog/success/alert-dialog-success-with-next-steps.tsx","type":"registry:example","target":"components/examples/alert-dialog/success/alert-dialog-success-with-next-steps.tsx"}]},{"name":"alert-dialog-success-with-summary-details","type":"registry:example","title":"Alert Dialog Success With Summary Details","description":"A success alert dialog with a green-tinted summary card displaying key metrics in a two-column grid layout","dependencies":["lucide-react"],"registryDependencies":["alert-dialog","button"],"files":[{"path":"examples/alert-dialog/success/alert-dialog-success-with-summary-details.tsx","type":"registry:example","target":"components/examples/alert-dialog/success/alert-dialog-success-with-summary-details.tsx"}]},{"name":"scroll-area-both-orientations","type":"registry:example","title":"Scroll Area Both Orientations","description":"Scroll area with both horizontal and vertical scrollbars for tables with many columns and rows exceeding viewport dimensions","registryDependencies":["scroll-area"],"files":[{"path":"examples/scroll-area/advanced/scroll-area-both-orientations.tsx","type":"registry:example","target":"components/examples/scroll-area/advanced/scroll-area-both-orientations.tsx"}]},{"name":"scroll-area-with-resizablehandle","type":"registry:example","title":"Scroll Area With Resizablehandle","description":"ScrollArea integrated with resizable panels for split-pane layouts with independent scrolling in each adjustable section built with shadcn/ui","registryDependencies":["resizable","scroll-area"],"files":[{"path":"examples/scroll-area/advanced/scroll-area-with-resizablehandle.tsx","type":"registry:example","target":"components/examples/scroll-area/advanced/scroll-area-with-resizablehandle.tsx"}]},{"name":"scroll-area-dynamic-content","type":"registry:example","title":"Scroll Area Dynamic Content","description":"ScrollArea with dynamically loaded content using load more button for paginated or infinite scroll patterns built with shadcn/ui","registryDependencies":["button","scroll-area"],"files":[{"path":"examples/scroll-area/advanced/scroll-area-dynamic-content.tsx","type":"registry:example","target":"components/examples/scroll-area/advanced/scroll-area-dynamic-content.tsx"}]},{"name":"scroll-area-horizontal-scrollarea","type":"registry:example","title":"Scroll Area Horizontal Scrollarea","description":"Horizontal ScrollArea for image galleries and content carousels with horizontal-only scrolling and explicit ScrollBar component built with shadcn/ui","registryDependencies":["scroll-area"],"files":[{"path":"examples/scroll-area/standard/scroll-area-horizontal-scrollarea.tsx","type":"registry:example","target":"components/examples/scroll-area/standard/scroll-area-horizontal-scrollarea.tsx"}]},{"name":"scroll-area-basic-scrollarea","type":"registry:example","title":"Scroll Area Basic Scrollarea","description":"Basic vertical ScrollArea for containing long text content within fixed-height containers like terms of service or documentation built with shadcn/ui","registryDependencies":["scroll-area"],"files":[{"path":"examples/scroll-area/standard/scroll-area-basic-scrollarea.tsx","type":"registry:example","target":"components/examples/scroll-area/standard/scroll-area-basic-scrollarea.tsx"}]},{"name":"scroll-area-fixed-height-scrollarea","type":"registry:example","title":"Scroll Area Fixed Height Scrollarea","description":"A fixed-height scroll area displaying notification list with custom scrollbar at 200px height constraint","registryDependencies":["scroll-area"],"files":[{"path":"examples/scroll-area/layout/scroll-area-fixed-height-scrollarea.tsx","type":"registry:example","target":"components/examples/scroll-area/layout/scroll-area-fixed-height-scrollarea.tsx"}]},{"name":"scroll-area-scrollable-tags","type":"registry:example","title":"Scroll Area Scrollable Tags","description":"A horizontal scroll area displaying technology tags as badges with visible scrollbar for sideways navigation","registryDependencies":["badge","scroll-area"],"files":[{"path":"examples/scroll-area/layout/scroll-area-scrollable-tags.tsx","type":"registry:example","target":"components/examples/scroll-area/layout/scroll-area-scrollable-tags.tsx"}]},{"name":"scroll-area-chat-messages","type":"registry:example","title":"Scroll Area Chat Messages","description":"A chat message list using ScrollArea with avatars, usernames, timestamps, and 400px height for conversation interface","registryDependencies":["avatar","scroll-area"],"files":[{"path":"examples/scroll-area/layout/scroll-area-chat-messages.tsx","type":"registry:example","target":"components/examples/scroll-area/layout/scroll-area-chat-messages.tsx"}]},{"name":"button-with-right-icon-destructive","type":"registry:example","title":"Button With Right Icon Destructive","description":"A destructive button with right-aligned icon guiding users through dangerous multi-step workflows","dependencies":["lucide-react"],"registryDependencies":["button"],"files":[{"path":"examples/button/destructive/button-with-right-icon-destructive.tsx","type":"registry:example","target":"components/examples/button/destructive/button-with-right-icon-destructive.tsx"}]},{"name":"button-with-text-destructive","type":"registry:example","title":"Button With Text Destructive","description":"A destructive button variant with red background for dangerous or irreversible actions like deletions","dependencies":["lucide-react"],"registryDependencies":["button"],"files":[{"path":"examples/button/destructive/button-with-text-destructive.tsx","type":"registry:example","target":"components/examples/button/destructive/button-with-text-destructive.tsx"}]},{"name":"button-with-left-icon-destructive","type":"registry:example","title":"Button With Left Icon Destructive","description":"A destructive button with left-aligned icon providing visual context for delete actions","dependencies":["lucide-react"],"registryDependencies":["button"],"files":[{"path":"examples/button/destructive/button-with-left-icon-destructive.tsx","type":"registry:example","target":"components/examples/button/destructive/button-with-left-icon-destructive.tsx"}]},{"name":"button-with-kbd-destructive","type":"registry:example","title":"Button With Kbd Destructive","description":"A destructive button displaying keyboard shortcut hint for power users to delete via hotkeys","registryDependencies":["button","kbd"],"files":[{"path":"examples/button/destructive/button-with-kbd-destructive.tsx","type":"registry:example","target":"components/examples/button/destructive/button-with-kbd-destructive.tsx"}]},{"name":"rounded-button-destructive","type":"registry:example","title":"Rounded Button Destructive","description":"A destructive button with fully rounded pill-shaped edges softening the visual aggression of dangerous actions","registryDependencies":["button"],"files":[{"path":"examples/button/destructive/rounded-button-destructive.tsx","type":"registry:example","target":"components/examples/button/destructive/rounded-button-destructive.tsx"}]},{"name":"button-with-count-destructive","type":"registry:example","title":"Button With Count Destructive","description":"A destructive button with count badge showing number of items being deleted in bulk operations","registryDependencies":["badge","button"],"files":[{"path":"examples/button/destructive/button-with-count-destructive.tsx","type":"registry:example","target":"components/examples/button/destructive/button-with-count-destructive.tsx"}]},{"name":"loading-button-destructive","type":"registry:example","title":"Loading Button Destructive","description":"A destructive button displaying loading state with animated spinner preventing double-clicks during async deletion","dependencies":["lucide-react"],"registryDependencies":["button"],"files":[{"path":"examples/button/destructive/loading-button-destructive.tsx","type":"registry:example","target":"components/examples/button/destructive/loading-button-destructive.tsx"}]},{"name":"button-with-kbd-outline","type":"registry:example","title":"Button With Kbd Outline","description":"An outline button with keyboard shortcut display combining border styling with command key visibility","registryDependencies":["button","kbd"],"files":[{"path":"examples/button/outline/button-with-kbd-outline.tsx","type":"registry:example","target":"components/examples/button/outline/button-with-kbd-outline.tsx"}]},{"name":"rounded-button-outline","type":"registry:example","title":"Rounded Button Outline","description":"An outline button with fully rounded pill edges combining border styling with modern curvature","registryDependencies":["button"],"files":[{"path":"examples/button/outline/rounded-button-outline.tsx","type":"registry:example","target":"components/examples/button/outline/rounded-button-outline.tsx"}]},{"name":"button-with-text-outline","type":"registry:example","title":"Button With Text Outline","description":"An outline button variant with border styling for secondary actions balancing visibility and restraint","registryDependencies":["button"],"files":[{"path":"examples/button/outline/button-with-text-outline.tsx","type":"registry:example","target":"components/examples/button/outline/button-with-text-outline.tsx"}]},{"name":"button-with-left-icon-outline","type":"registry:example","title":"Button With Left Icon Outline","description":"An outline button with left-aligned icon combining border styling with visual symbol recognition","dependencies":["lucide-react"],"registryDependencies":["button"],"files":[{"path":"examples/button/outline/button-with-left-icon-outline.tsx","type":"registry:example","target":"components/examples/button/outline/button-with-left-icon-outline.tsx"}]},{"name":"loading-button-outline","type":"registry:example","title":"Loading Button Outline","description":"An outline button showing loading state with animated spinner for async secondary operations","dependencies":["lucide-react"],"registryDependencies":["button"],"files":[{"path":"examples/button/outline/loading-button-outline.tsx","type":"registry:example","target":"components/examples/button/outline/loading-button-outline.tsx"}]},{"name":"button-with-count-outline","type":"registry:example","title":"Button With Count Outline","description":"An outline button with count badge combining border styling with quantified information display","registryDependencies":["badge","button"],"files":[{"path":"examples/button/outline/button-with-count-outline.tsx","type":"registry:example","target":"components/examples/button/outline/button-with-count-outline.tsx"}]},{"name":"button-with-right-icon-outline","type":"registry:example","title":"Button With Right Icon Outline","description":"An outline button with right-aligned icon creating directional flow within bordered secondary actions","dependencies":["lucide-react"],"registryDependencies":["button"],"files":[{"path":"examples/button/outline/button-with-right-icon-outline.tsx","type":"registry:example","target":"components/examples/button/outline/button-with-right-icon-outline.tsx"}]},{"name":"button-with-kbd-standard","type":"registry:example","title":"Button With Kbd Standard","description":"A primary button with keyboard shortcut display combining filled background with command key urgency","registryDependencies":["button","kbd"],"files":[{"path":"examples/button/standard/button-with-kbd-standard.tsx","type":"registry:example","target":"components/examples/button/standard/button-with-kbd-standard.tsx"}]},{"name":"button-with-count-standard","type":"registry:example","title":"Button With Count Standard","description":"A primary button with count badge combining filled background with quantified urgency","registryDependencies":["badge","button"],"files":[{"path":"examples/button/standard/button-with-count-standard.tsx","type":"registry:example","target":"components/examples/button/standard/button-with-count-standard.tsx"}]},{"name":"button-with-right-icon-standard","type":"registry:example","title":"Button With Right Icon Standard","description":"A primary button with right-aligned icon creating forward momentum within filled background","dependencies":["lucide-react"],"registryDependencies":["button"],"files":[{"path":"examples/button/standard/button-with-right-icon-standard.tsx","type":"registry:example","target":"components/examples/button/standard/button-with-right-icon-standard.tsx"}]},{"name":"button-with-left-icon-standard","type":"registry:example","title":"Button With Left Icon Standard","description":"A primary button with left-aligned icon combining filled background with visual symbol reinforcement","dependencies":["lucide-react"],"registryDependencies":["button"],"files":[{"path":"examples/button/standard/button-with-left-icon-standard.tsx","type":"registry:example","target":"components/examples/button/standard/button-with-left-icon-standard.tsx"}]},{"name":"rounded-button-standard","type":"registry:example","title":"Rounded Button Standard","description":"A primary button with fully rounded pill edges combining filled background with modern curvature","registryDependencies":["button"],"files":[{"path":"examples/button/standard/rounded-button-standard.tsx","type":"registry:example","target":"components/examples/button/standard/rounded-button-standard.tsx"}]},{"name":"button-with-text-standard","type":"registry:example","title":"Button With Text Standard","description":"A primary button with solid background color driving main user actions and conversions","registryDependencies":["button"],"files":[{"path":"examples/button/standard/button-with-text-standard.tsx","type":"registry:example","target":"components/examples/button/standard/button-with-text-standard.tsx"}]},{"name":"loading-button-standard","type":"registry:example","title":"Loading Button Standard","description":"A primary button showing loading state with animated spinner for async operations","dependencies":["lucide-react"],"registryDependencies":["button"],"files":[{"path":"examples/button/standard/loading-button-standard.tsx","type":"registry:example","target":"components/examples/button/standard/loading-button-standard.tsx"}]},{"name":"button-with-text-secondary","type":"registry:example","title":"Button With Text Secondary","description":"A secondary button with muted background for supporting actions","registryDependencies":["button"],"files":[{"path":"examples/button/secondary/button-with-text-secondary.tsx","type":"registry:example","target":"components/examples/button/secondary/button-with-text-secondary.tsx"}]},{"name":"button-with-count-secondary","type":"registry:example","title":"Button With Count Secondary","description":"A secondary button with badge showing notification count","registryDependencies":["badge","button"],"files":[{"path":"examples/button/secondary/button-with-count-secondary.tsx","type":"registry:example","target":"components/examples/button/secondary/button-with-count-secondary.tsx"}]},{"name":"button-with-right-icon-secondary","type":"registry:example","title":"Button With Right Icon Secondary","description":"A secondary button with trailing arrow icon for navigation actions","dependencies":["lucide-react"],"registryDependencies":["button"],"files":[{"path":"examples/button/secondary/button-with-right-icon-secondary.tsx","type":"registry:example","target":"components/examples/button/secondary/button-with-right-icon-secondary.tsx"}]},{"name":"loading-button-secondary","type":"registry:example","title":"Loading Button Secondary","description":"A secondary button with spinning loader indicating pending state","dependencies":["lucide-react"],"registryDependencies":["button"],"files":[{"path":"examples/button/secondary/loading-button-secondary.tsx","type":"registry:example","target":"components/examples/button/secondary/loading-button-secondary.tsx"}]},{"name":"button-with-left-icon-secondary","type":"registry:example","title":"Button With Left Icon Secondary","description":"A secondary button with leading icon for contextual actions","dependencies":["lucide-react"],"registryDependencies":["button"],"files":[{"path":"examples/button/secondary/button-with-left-icon-secondary.tsx","type":"registry:example","target":"components/examples/button/secondary/button-with-left-icon-secondary.tsx"}]},{"name":"rounded-button-secondary","type":"registry:example","title":"Rounded Button Secondary","description":"A pill-shaped secondary button with fully rounded corners","registryDependencies":["button"],"files":[{"path":"examples/button/secondary/rounded-button-secondary.tsx","type":"registry:example","target":"components/examples/button/secondary/rounded-button-secondary.tsx"}]},{"name":"button-with-kbd-secondary","type":"registry:example","title":"Button With Kbd Secondary","description":"A secondary button displaying keyboard shortcut hint","registryDependencies":["button","kbd"],"files":[{"path":"examples/button/secondary/button-with-kbd-secondary.tsx","type":"registry:example","target":"components/examples/button/secondary/button-with-kbd-secondary.tsx"}]},{"name":"button-with-kbd-link","type":"registry:example","title":"Button With Kbd Link","description":"A link-styled button with keyboard shortcut display showing command key combinations for power users","registryDependencies":["button","kbd"],"files":[{"path":"examples/button/link/button-with-kbd-link.tsx","type":"registry:example","target":"components/examples/button/link/button-with-kbd-link.tsx"}]},{"name":"button-with-right-icon-link","type":"registry:example","title":"Button With Right Icon Link","description":"A link-styled button with right-aligned icon indicating forward navigation or external destinations","dependencies":["lucide-react"],"registryDependencies":["button"],"files":[{"path":"examples/button/link/button-with-right-icon-link.tsx","type":"registry:example","target":"components/examples/button/link/button-with-right-icon-link.tsx"}]},{"name":"loading-button-link","type":"registry:example","title":"Loading Button Link","description":"A link-styled button showing loading state with animated spinner for async operations","dependencies":["lucide-react"],"registryDependencies":["button"],"files":[{"path":"examples/button/link/loading-button-link.tsx","type":"registry:example","target":"components/examples/button/link/loading-button-link.tsx"}]},{"name":"button-with-count-link","type":"registry:example","title":"Button With Count Link","description":"A link-styled button with count badge showing quantified information like notification counts or item totals","registryDependencies":["badge","button"],"files":[{"path":"examples/button/link/button-with-count-link.tsx","type":"registry:example","target":"components/examples/button/link/button-with-count-link.tsx"}]},{"name":"rounded-button-link","type":"registry:example","title":"Rounded Button Link","description":"A link-styled button with fully rounded pill edges creating modern minimal navigation","registryDependencies":["button"],"files":[{"path":"examples/button/link/rounded-button-link.tsx","type":"registry:example","target":"components/examples/button/link/rounded-button-link.tsx"}]},{"name":"button-with-text-link","type":"registry:example","title":"Button With Text Link","description":"A link-styled button with underline and no background for subtle navigation actions","dependencies":["lucide-react"],"registryDependencies":["button"],"files":[{"path":"examples/button/link/button-with-text-link.tsx","type":"registry:example","target":"components/examples/button/link/button-with-text-link.tsx"}]},{"name":"button-with-left-icon-link","type":"registry:example","title":"Button With Left Icon Link","description":"A link-styled button with left icon adding visual context to text-based actions","dependencies":["lucide-react"],"registryDependencies":["button"],"files":[{"path":"examples/button/link/button-with-left-icon-link.tsx","type":"registry:example","target":"components/examples/button/link/button-with-left-icon-link.tsx"}]},{"name":"error-label","type":"registry:example","title":"Error Label","description":"A React form label with inline error message using shadcn/ui Label styled with text-destructive for validation feedback","registryDependencies":["label"],"files":[{"path":"examples/label/standard/error-label.tsx","type":"registry:example","target":"components/examples/label/standard/error-label.tsx"}]},{"name":"label-with-tooltip","type":"registry:example","title":"Label With Tooltip","description":"A React form label with Info icon tooltip using shadcn/ui Label, Tooltip, and Lucide React for contextual help without cluttering layout","dependencies":["lucide-react"],"registryDependencies":["label","tooltip"],"files":[{"path":"examples/label/standard/label-with-tooltip.tsx","type":"registry:example","target":"components/examples/label/standard/label-with-tooltip.tsx"}]},{"name":"label-with-character-count","type":"registry:example","title":"Label With Character Count","description":"A React form label with character count display using shadcn/ui Label in flex layout for showing input length limits","registryDependencies":["label"],"files":[{"path":"examples/label/standard/label-with-character-count.tsx","type":"registry:example","target":"components/examples/label/standard/label-with-character-count.tsx"}]},{"name":"section-label","type":"registry:example","title":"Section Label","description":"A React form section heading using shadcn/ui Label with font-semibold and text-base for grouping related form fields","registryDependencies":["label"],"files":[{"path":"examples/label/standard/section-label.tsx","type":"registry:example","target":"components/examples/label/standard/section-label.tsx"}]},{"name":"label-with-badge","type":"registry:example","title":"Label With Badge","description":"A React form label with Badge indicator using shadcn/ui Label and Badge for showing field status like Beta or Pro features","registryDependencies":["badge","label"],"files":[{"path":"examples/label/standard/label-with-badge.tsx","type":"registry:example","target":"components/examples/label/standard/label-with-badge.tsx"}]},{"name":"label-with-optional-indicator","type":"registry:example","title":"Label With Optional Indicator","description":"A React form label with muted optional text indicator using shadcn/ui Label for marking non-required fields","registryDependencies":["label"],"files":[{"path":"examples/label/standard/label-with-optional-indicator.tsx","type":"registry:example","target":"components/examples/label/standard/label-with-optional-indicator.tsx"}]},{"name":"required-label","type":"registry:example","title":"Required Label","description":"A React form label with red asterisk indicating required field using shadcn/ui Label component for form validation visual cues","registryDependencies":["label"],"files":[{"path":"examples/label/standard/required-label.tsx","type":"registry:example","target":"components/examples/label/standard/required-label.tsx"}]},{"name":"label-with-description","type":"registry:example","title":"Label With Description","description":"A React form label with muted helper text description using shadcn/ui Label for providing contextual field guidance","registryDependencies":["label"],"files":[{"path":"examples/label/standard/label-with-description.tsx","type":"registry:example","target":"components/examples/label/standard/label-with-description.tsx"}]},{"name":"empty-with-link-action","type":"registry:example","title":"Empty With Link Action","description":"A React empty state with link action button featuring ExternalLink icon for documentation or external resources","dependencies":["lucide-react"],"registryDependencies":["button","empty"],"files":[{"path":"examples/empty/actions/empty-with-link-action.tsx","type":"registry:example","target":"components/examples/empty/actions/empty-with-link-action.tsx"}]},{"name":"empty-with-stacked-actions","type":"registry:example","title":"Empty With Stacked Actions","description":"A React empty state with vertically stacked full-width action buttons for Invite Team Member and Import from CSV","dependencies":["lucide-react"],"registryDependencies":["button","empty"],"files":[{"path":"examples/empty/actions/empty-with-stacked-actions.tsx","type":"registry:example","target":"components/examples/empty/actions/empty-with-stacked-actions.tsx"}]},{"name":"empty-with-multiple-actions","type":"registry:example","title":"Empty With Multiple Actions","description":"A React empty state with two action buttons for Upload File and Import from URL showing multiple paths to add content","dependencies":["lucide-react"],"registryDependencies":["button","empty"],"files":[{"path":"examples/empty/actions/empty-with-multiple-actions.tsx","type":"registry:example","target":"components/examples/empty/actions/empty-with-multiple-actions.tsx"}]},{"name":"empty-with-single-action","type":"registry:example","title":"Empty With Single Action","description":"A React empty state with single action button showing Plus icon, title, description, and Create Project call-to-action","dependencies":["lucide-react"],"registryDependencies":["button","empty"],"files":[{"path":"examples/empty/actions/empty-with-single-action.tsx","type":"registry:example","target":"components/examples/empty/actions/empty-with-single-action.tsx"}]},{"name":"empty-with-input-action","type":"registry:example","title":"Empty With Input Action","description":"A React empty state with email input and subscribe button for newsletter signup or lead capture forms","dependencies":["lucide-react"],"registryDependencies":["button","empty","input"],"files":[{"path":"examples/empty/actions/empty-with-input-action.tsx","type":"registry:example","target":"components/examples/empty/actions/empty-with-input-action.tsx"}]},{"name":"empty-no-filter-results","type":"registry:example","title":"Empty No Filter Results","description":"A React no filter results empty state with Filter icon and Clear Filters action button to reset applied filters","dependencies":["lucide-react"],"registryDependencies":["button","empty"],"files":[{"path":"examples/empty/search/empty-no-filter-results.tsx","type":"registry:example","target":"components/examples/empty/search/empty-no-filter-results.tsx"}]},{"name":"empty-try-different-keywords","type":"registry:example","title":"Empty Try Different Keywords","description":"A React no search results empty state with larger Search icon and extended description suggesting category browsing","dependencies":["lucide-react"],"registryDependencies":["empty"],"files":[{"path":"examples/empty/search/empty-try-different-keywords.tsx","type":"registry:example","target":"components/examples/empty/search/empty-try-different-keywords.tsx"}]},{"name":"empty-no-matches-found","type":"registry:example","title":"Empty No Matches Found","description":"A React no matches found empty state with SearchX icon showing query with View All Items fallback action","dependencies":["lucide-react"],"registryDependencies":["button","empty"],"files":[{"path":"examples/empty/search/empty-no-matches-found.tsx","type":"registry:example","target":"components/examples/empty/search/empty-no-matches-found.tsx"}]},{"name":"empty-clear-filters-suggestion","type":"registry:example","title":"Empty Clear Filters Suggestion","description":"A React no filter results empty state with two actions for Clear All Filters and Browse All providing multiple recovery options","dependencies":["lucide-react"],"registryDependencies":["button","empty"],"files":[{"path":"examples/empty/search/empty-clear-filters-suggestion.tsx","type":"registry:example","target":"components/examples/empty/search/empty-clear-filters-suggestion.tsx"}]},{"name":"empty-no-search-results","type":"registry:example","title":"Empty No Search Results","description":"A React no search results empty state with Search icon showing helpful message about trying different keywords","dependencies":["lucide-react"],"registryDependencies":["empty"],"files":[{"path":"examples/empty/search/empty-no-search-results.tsx","type":"registry:example","target":"components/examples/empty/search/empty-no-search-results.tsx"}]},{"name":"empty-with-long-description","type":"registry:example","title":"Empty With Long Description","description":"A React empty state with Package icon and two-sentence description providing extended explanation","dependencies":["lucide-react"],"registryDependencies":["empty"],"files":[{"path":"examples/empty/standard/empty-with-long-description.tsx","type":"registry:example","target":"components/examples/empty/standard/empty-with-long-description.tsx"}]},{"name":"empty-without-icon","type":"registry:example","title":"Empty Without Icon","description":"A React text-only empty state without icon showing ultra-minimal design with title and description","registryDependencies":["empty"],"files":[{"path":"examples/empty/standard/empty-without-icon.tsx","type":"registry:example","target":"components/examples/empty/standard/empty-without-icon.tsx"}]},{"name":"simple-empty-state","type":"registry:example","title":"Simple Empty State","description":"A React simple empty state with FileQuestion icon and title-only minimal design without description or actions","dependencies":["lucide-react"],"registryDependencies":["empty"],"files":[{"path":"examples/empty/standard/simple-empty-state.tsx","type":"registry:example","target":"components/examples/empty/standard/simple-empty-state.tsx"}]},{"name":"empty-with-description","type":"registry:example","title":"Empty With Description","description":"A React empty state with Inbox icon, title, and single-sentence description providing basic context","dependencies":["lucide-react"],"registryDependencies":["empty"],"files":[{"path":"examples/empty/standard/empty-with-description.tsx","type":"registry:example","target":"components/examples/empty/standard/empty-with-description.tsx"}]},{"name":"empty-with-multiple-paragraphs","type":"registry:example","title":"Empty With Multiple Paragraphs","description":"A React empty calendar state with multi-paragraph description using line breaks for separated messaging","dependencies":["lucide-react"],"registryDependencies":["empty"],"files":[{"path":"examples/empty/standard/empty-with-multiple-paragraphs.tsx","type":"registry:example","target":"components/examples/empty/standard/empty-with-multiple-paragraphs.tsx"}]},{"name":"empty-with-large-icon","type":"registry:example","title":"Empty With Large Icon","description":"A React empty folder state with large FolderOpen icon showing visual emphasis through icon sizing","dependencies":["lucide-react"],"registryDependencies":["empty"],"files":[{"path":"examples/empty/standard/empty-with-large-icon.tsx","type":"registry:example","target":"components/examples/empty/standard/empty-with-large-icon.tsx"}]},{"name":"empty-with-link-in-description","type":"registry:example","title":"Empty With Link In Description","description":"A React empty favorites state with inline link in description providing Learn more documentation access","dependencies":["lucide-react"],"registryDependencies":["empty"],"files":[{"path":"examples/empty/standard/empty-with-link-in-description.tsx","type":"registry:example","target":"components/examples/empty/standard/empty-with-link-in-description.tsx"}]},{"name":"empty-no-files","type":"registry:example","title":"Empty No Files","description":"A React no files empty state with FileText icon and two actions for Upload Files and Create Document","dependencies":["lucide-react"],"registryDependencies":["button","empty"],"files":[{"path":"examples/empty/data/empty-no-files.tsx","type":"registry:example","target":"components/examples/empty/data/empty-no-files.tsx"}]},{"name":"empty-chart","type":"registry:example","title":"Empty Chart","description":"A React empty chart state with large BarChart3 icon showing no data available message without action buttons","dependencies":["lucide-react"],"registryDependencies":["empty"],"files":[{"path":"examples/empty/data/empty-chart.tsx","type":"registry:example","target":"components/examples/empty/data/empty-chart.tsx"}]},{"name":"empty-table","type":"registry:example","title":"Empty Table","description":"A React empty table state with Table icon showing no data message and Add Entry action button","dependencies":["lucide-react"],"registryDependencies":["button","empty"],"files":[{"path":"examples/empty/data/empty-table.tsx","type":"registry:example","target":"components/examples/empty/data/empty-table.tsx"}]},{"name":"empty-no-messages","type":"registry:example","title":"Empty No Messages","description":"A React no messages empty state with MessageSquare icon and New Message action button to start conversations","dependencies":["lucide-react"],"registryDependencies":["button","empty"],"files":[{"path":"examples/empty/data/empty-no-messages.tsx","type":"registry:example","target":"components/examples/empty/data/empty-no-messages.tsx"}]},{"name":"empty-no-notifications","type":"registry:example","title":"Empty No Notifications","description":"A React no notifications empty state with Bell icon showing positive you're caught up message without actions","dependencies":["lucide-react"],"registryDependencies":["empty"],"files":[{"path":"examples/empty/data/empty-no-notifications.tsx","type":"registry:example","target":"components/examples/empty/data/empty-no-notifications.tsx"}]},{"name":"basic-range-slider","type":"registry:example","title":"Basic Range Slider","description":"A basic dual-handle range slider component with controlled state for selecting minimum and maximum values in a range","registryDependencies":["label","slider"],"files":[{"path":"examples/slider/range/basic-range-slider.tsx","type":"registry:example","target":"components/examples/slider/range/basic-range-slider.tsx"}]},{"name":"slider-range-with-value-display","type":"registry:example","title":"Slider Range With Value Display","description":"A compact range slider with current values displayed inline next to the label in a space-efficient layout","registryDependencies":["label","slider"],"files":[{"path":"examples/slider/range/slider-range-with-value-display.tsx","type":"registry:example","target":"components/examples/slider/range/slider-range-with-value-display.tsx"}]},{"name":"slider-range-with-constraints","type":"registry:example","title":"Slider Range With Constraints","description":"A constrained range slider that enforces minimum gap between handles preventing them from getting too close together","registryDependencies":["label","slider"],"files":[{"path":"examples/slider/range/slider-range-with-constraints.tsx","type":"registry:example","target":"components/examples/slider/range/slider-range-with-constraints.tsx"}]},{"name":"slider-percentage-range","type":"registry:example","title":"Slider Percentage Range","description":"A percentage range slider with step increments and percent-formatted values showing range boundaries at 0% and 100%","registryDependencies":["label","slider"],"files":[{"path":"examples/slider/range/slider-percentage-range.tsx","type":"registry:example","target":"components/examples/slider/range/slider-percentage-range.tsx"}]},{"name":"price-range-slider","type":"registry:example","title":"Price Range Slider","description":"A price range slider with dollar-formatted value display below the slider showing minimum and maximum selected prices","registryDependencies":["label","slider"],"files":[{"path":"examples/slider/range/price-range-slider.tsx","type":"registry:example","target":"components/examples/slider/range/price-range-slider.tsx"}]},{"name":"slider-with-value-display","type":"registry:example","title":"Slider With Value Display","description":"A slider with label and real-time value display showing percentage inline for immediate visual feedback","registryDependencies":["label","slider"],"files":[{"path":"examples/slider/standard/slider-with-value-display.tsx","type":"registry:example","target":"components/examples/slider/standard/slider-with-value-display.tsx"}]},{"name":"slider-with-step-indicators","type":"registry:example","title":"Slider With Step Indicators","description":"A stepped slider with all step markers labeled showing every snap point for discrete value selection","registryDependencies":["label","slider"],"files":[{"path":"examples/slider/standard/slider-with-step-indicators.tsx","type":"registry:example","target":"components/examples/slider/standard/slider-with-step-indicators.tsx"}]},{"name":"slider-with-label","type":"registry:example","title":"Slider With Label","description":"A basic labeled slider with text label above for clear identification and accessible form controls","registryDependencies":["label","slider"],"files":[{"path":"examples/slider/standard/slider-with-label.tsx","type":"registry:example","target":"components/examples/slider/standard/slider-with-label.tsx"}]},{"name":"slider-with-min-max-labels","type":"registry:example","title":"Slider With Min Max Labels","description":"A slider with label and minimum and maximum boundary labels below showing scale endpoints for context","registryDependencies":["label","slider"],"files":[{"path":"examples/slider/standard/slider-with-min-max-labels.tsx","type":"registry:example","target":"components/examples/slider/standard/slider-with-min-max-labels.tsx"}]},{"name":"simple-slider","type":"registry:example","title":"Simple Slider","description":"A minimal unlabeled slider component with just the track and thumb for basic value selection without additional UI elements","registryDependencies":["slider"],"files":[{"path":"examples/slider/standard/simple-slider.tsx","type":"registry:example","target":"components/examples/slider/standard/simple-slider.tsx"}]},{"name":"slider-temperature-control","type":"registry:example","title":"Slider Temperature Control","description":"A temperature control slider with gradient track from blue to red and celsius display for thermostat-style controls","dependencies":["lucide-react"],"registryDependencies":["label","slider"],"files":[{"path":"examples/slider/settings/slider-temperature-control.tsx","type":"registry:example","target":"components/examples/slider/settings/slider-temperature-control.tsx"}]},{"name":"slider-volume-control","type":"registry:example","title":"Slider Volume Control","description":"A volume control slider with speaker icon and percentage display for adjusting audio levels in media players or settings","dependencies":["lucide-react"],"registryDependencies":["label","slider"],"files":[{"path":"examples/slider/settings/slider-volume-control.tsx","type":"registry:example","target":"components/examples/slider/settings/slider-volume-control.tsx"}]},{"name":"slider-speed-control","type":"registry:example","title":"Slider Speed Control","description":"A speed control slider with discrete labeled steps showing text labels instead of numeric values for qualitative settings","dependencies":["lucide-react"],"registryDependencies":["label","slider"],"files":[{"path":"examples/slider/settings/slider-speed-control.tsx","type":"registry:example","target":"components/examples/slider/settings/slider-speed-control.tsx"}]},{"name":"slider-brightness-control","type":"registry:example","title":"Slider Brightness Control","description":"A brightness control slider with sun icon and custom yellow styling for the track and thumb to match brightness theme","dependencies":["lucide-react"],"registryDependencies":["label","slider"],"files":[{"path":"examples/slider/settings/slider-brightness-control.tsx","type":"registry:example","target":"components/examples/slider/settings/slider-brightness-control.tsx"}]},{"name":"slider-vertical-range","type":"registry:example","title":"Slider Vertical Range","description":"A vertical dual-handle range slider with two thumbs for selecting minimum and maximum values in vertical orientation","registryDependencies":["label","slider"],"files":[{"path":"examples/slider/vertical/slider-vertical-range.tsx","type":"registry:example","target":"components/examples/slider/vertical/slider-vertical-range.tsx"}]},{"name":"slider-vertical-with-indicators","type":"registry:example","title":"Slider Vertical With Indicators","description":"A vertical stepped slider with discrete text labels showing qualitative levels from Min to Max instead of numeric values","registryDependencies":["label","slider"],"files":[{"path":"examples/slider/vertical/slider-vertical-with-indicators.tsx","type":"registry:example","target":"components/examples/slider/vertical/slider-vertical-with-indicators.tsx"}]},{"name":"slider-height-selector","type":"registry:example","title":"Slider Height Selector","description":"A vertical height slider with custom 100-250cm range and unit display for physical measurement selection","registryDependencies":["label","slider"],"files":[{"path":"examples/slider/vertical/slider-height-selector.tsx","type":"registry:example","target":"components/examples/slider/vertical/slider-height-selector.tsx"}]},{"name":"slider-volume-control-style","type":"registry:example","title":"Slider Volume Control Style","description":"A vertical orientation slider with label above and percentage display below for space-efficient volume or level controls","registryDependencies":["label","slider"],"files":[{"path":"examples/slider/vertical/slider-volume-control-style.tsx","type":"registry:example","target":"components/examples/slider/vertical/slider-volume-control-style.tsx"}]},{"name":"slider-vertical-with-labels","type":"registry:example","title":"Slider Vertical With Labels","description":"A vertical slider with scale markers positioned beside the track showing 0-25-50-75-100 labels for reference","registryDependencies":["label","slider"],"files":[{"path":"examples/slider/vertical/slider-vertical-with-labels.tsx","type":"registry:example","target":"components/examples/slider/vertical/slider-vertical-with-labels.tsx"}]},{"name":"colored-slider","type":"registry:example","title":"Colored Slider","description":"Green-colored slider with custom range and thumb styling using data-slot selectors for success or positive metrics","registryDependencies":["label","slider"],"files":[{"path":"examples/slider/styled/colored-slider.tsx","type":"registry:example","target":"components/examples/slider/styled/colored-slider.tsx"}]},{"name":"large-thick-slider","type":"registry:example","title":"Large Thick Slider","description":"Large thick slider with increased thumb and track size using data-slot selectors for enhanced visibility and touch targets","registryDependencies":["label","slider"],"files":[{"path":"examples/slider/styled/large-thick-slider.tsx","type":"registry:example","target":"components/examples/slider/styled/large-thick-slider.tsx"}]},{"name":"slider-with-gradient-track","type":"registry:example","title":"Slider With Gradient Track","description":"Slider with gradient track transitioning from blue to red for visual temperature or spectrum representation","registryDependencies":["label","slider"],"files":[{"path":"examples/slider/styled/slider-with-gradient-track.tsx","type":"registry:example","target":"components/examples/slider/styled/slider-with-gradient-track.tsx"}]},{"name":"slider-with-tooltip","type":"registry:example","title":"Slider With Tooltip","description":"Slider with always-visible tooltip positioned above thumb showing current percentage value in real-time","registryDependencies":["label","slider"],"files":[{"path":"examples/slider/styled/slider-with-tooltip.tsx","type":"registry:example","target":"components/examples/slider/styled/slider-with-tooltip.tsx"}]},{"name":"slider-minimal-style","type":"registry:example","title":"Slider Minimal Style","description":"Minimalist slider with transparent track background and border-only styling for clean wireframe aesthetic","registryDependencies":["label","slider"],"files":[{"path":"examples/slider/styled/slider-minimal-style.tsx","type":"registry:example","target":"components/examples/slider/styled/slider-minimal-style.tsx"}]},{"name":"slider-with-preset-values","type":"registry:example","title":"Slider With Preset Values","description":"Slider with preset value buttons for quick selection of common values at 0, 25, 50, 75, and 100 increments","registryDependencies":["button","label","slider"],"files":[{"path":"examples/slider/interactive/slider-with-preset-values.tsx","type":"registry:example","target":"components/examples/slider/interactive/slider-with-preset-values.tsx"}]},{"name":"slider-with-reset-button","type":"registry:example","title":"Slider With Reset Button","description":"Slider with reset button and live value display for returning to default settings at value 50","dependencies":["framer-motion"],"registryDependencies":["button","label","slider"],"files":[{"path":"examples/slider/interactive/slider-with-reset-button.tsx","type":"registry:example","target":"components/examples/slider/interactive/slider-with-reset-button.tsx"}]},{"name":"slider-synced-with-input-field","type":"registry:example","title":"Slider Synced With Input Field","description":"Interactive slider synced with number input field for precise value control combining drag and type input methods","registryDependencies":["input","label","slider"],"files":[{"path":"examples/slider/interactive/slider-synced-with-input-field.tsx","type":"registry:example","target":"components/examples/slider/interactive/slider-synced-with-input-field.tsx"}]},{"name":"slider-with-increment-decrement-buttons","type":"registry:example","title":"Slider With Increment Decrement Buttons","description":"Slider with plus/minus buttons and live value display for quantity control with multiple adjustment methods","dependencies":["lucide-react"],"registryDependencies":["button","label","slider"],"files":[{"path":"examples/slider/interactive/slider-with-increment-decrement-buttons.tsx","type":"registry:example","target":"components/examples/slider/interactive/slider-with-increment-decrement-buttons.tsx"}]},{"name":"slider-with-live-preview","type":"registry:example","title":"Slider With Live Preview","description":"Slider with live visual preview showing real-time border-radius changes from 0 to 50 pixels on sample element","registryDependencies":["label","slider"],"files":[{"path":"examples/slider/interactive/slider-with-live-preview.tsx","type":"registry:example","target":"components/examples/slider/interactive/slider-with-live-preview.tsx"}]},{"name":"calendar-with-month-and-year-selector","type":"registry:example","title":"Calendar With Month And Year Selector","description":"A calendar with dropdown selectors for month and year navigation, enabling quick jumps to distant dates","dependencies":["react-day-picker"],"registryDependencies":["calendar","select"],"files":[{"path":"examples/calendar/standard/calendar-with-month-and-year-selector.tsx","type":"registry:example","target":"components/examples/calendar/standard/calendar-with-month-and-year-selector.tsx"}]},{"name":"calendar-with-disabled-dates","type":"registry:example","title":"Calendar With Disabled Dates","description":"A calendar with disabled dates highlighting unavailable or invalid dates through visual styling","dependencies":["@faker-js/faker","react-day-picker"],"registryDependencies":["calendar"],"files":[{"path":"examples/calendar/standard/calendar-with-disabled-dates.tsx","type":"registry:example","target":"components/examples/calendar/standard/calendar-with-disabled-dates.tsx"}]},{"name":"calendar-with-custom-select-day-style","type":"registry:example","title":"Calendar With Custom Select Day Style","description":"A calendar allowing multiple individual date selection for non-consecutive date picking","dependencies":["@faker-js/faker","date-fns","react-day-picker"],"registryDependencies":["calendar"],"files":[{"path":"examples/calendar/standard/calendar-with-custom-select-day-style.tsx","type":"registry:example","target":"components/examples/calendar/standard/calendar-with-custom-select-day-style.tsx"}]},{"name":"calendar-with-multiple-day-selection","type":"registry:example","title":"Calendar With Multiple Day Selection","description":"A calendar with custom day rendering for displaying additional information like event indicators or availability dots","dependencies":["@faker-js/faker","react-day-picker"],"registryDependencies":["calendar"],"files":[{"path":"examples/calendar/standard/calendar-with-multiple-day-selection.tsx","type":"registry:example","target":"components/examples/calendar/standard/calendar-with-multiple-day-selection.tsx"}]},{"name":"calendar-with-natural-language","type":"registry:example","title":"Calendar With Natural Language","description":"A date range calendar with preset shortcuts for common date ranges like Last 7 Days and This Month","dependencies":["date-fns","react-day-picker"],"registryDependencies":["button","calendar","scroll-area"],"files":[{"path":"examples/calendar/standard/calendar-with-natural-language.tsx","type":"registry:example","target":"components/examples/calendar/standard/calendar-with-natural-language.tsx"}]},{"name":"calendar-with-range","type":"registry:example","title":"Calendar With Range","description":"A date range calendar with dual month display for selecting start and end dates in booking and scheduling interfaces","dependencies":["@faker-js/faker","react-day-picker"],"registryDependencies":["calendar"],"files":[{"path":"examples/calendar/standard/calendar-with-range.tsx","type":"registry:example","target":"components/examples/calendar/standard/calendar-with-range.tsx"}]},{"name":"calendar-with-date-and-time","type":"registry:example","title":"Calendar With Date And Time","description":"A calendar with a footer containing action buttons for quick date selection and confirmation","dependencies":["react-day-picker"],"registryDependencies":["calendar","input","label"],"files":[{"path":"examples/calendar/standard/calendar-with-date-and-time.tsx","type":"registry:example","target":"components/examples/calendar/standard/calendar-with-date-and-time.tsx"}]},{"name":"calendar-as-appointment-picker","type":"registry:example","title":"Calendar As Appointment Picker","description":"A basic single-date calendar for simple date selection without range or dropdown features","dependencies":["date-fns","react-day-picker"],"registryDependencies":["button","calendar","scroll-area"],"files":[{"path":"examples/calendar/standard/calendar-as-appointment-picker.tsx","type":"registry:example","target":"components/examples/calendar/standard/calendar-as-appointment-picker.tsx"}]},{"name":"calendar-with-natural-language-in-dialog","type":"registry:example","title":"Calendar With Natural Language In Dialog","description":"A calendar dialog with natural language date shortcuts for quick selection of relative dates","registryDependencies":["button","calendar","dialog","scroll-area"],"files":[{"path":"examples/calendar/dialog/calendar-with-natural-language-in-dialog.tsx","type":"registry:example","target":"components/examples/calendar/dialog/calendar-with-natural-language-in-dialog.tsx"}]},{"name":"calendar-with-disabled-dates-in-dialog","type":"registry:example","title":"Calendar With Disabled Dates In Dialog","description":"A calendar dialog with disabled date ranges, weekends, and specific dates for restricted date selection","dependencies":["@faker-js/faker","react-day-picker"],"registryDependencies":["button","calendar","dialog"],"files":[{"path":"examples/calendar/dialog/calendar-with-disabled-dates-in-dialog.tsx","type":"registry:example","target":"components/examples/calendar/dialog/calendar-with-disabled-dates-in-dialog.tsx"}]},{"name":"calendar-as-appointment-picker-in-dialog","type":"registry:example","title":"Calendar As Appointment Picker In Dialog","description":"An appointment booking dialog combining calendar date selection with scrollable time slot picker","dependencies":["date-fns"],"registryDependencies":["button","calendar","dialog","scroll-area"],"files":[{"path":"examples/calendar/dialog/calendar-as-appointment-picker-in-dialog.tsx","type":"registry:example","target":"components/examples/calendar/dialog/calendar-as-appointment-picker-in-dialog.tsx"}]},{"name":"calendar-with-multiple-day-selection-in-dialog","type":"registry:example","title":"Calendar With Multiple Day Selection In Dialog","description":"A calendar dialog supporting multiple individual date selections for non-contiguous date choosing","dependencies":["@faker-js/faker","react-day-picker"],"registryDependencies":["button","calendar","dialog"],"files":[{"path":"examples/calendar/dialog/calendar-with-multiple-day-selection-in-dialog.tsx","type":"registry:example","target":"components/examples/calendar/dialog/calendar-with-multiple-day-selection-in-dialog.tsx"}]},{"name":"calendar-with-range-in-dialog","type":"registry:example","title":"Calendar With Range In Dialog","description":"A date range calendar in a modal with dual-month display for booking and scheduling date selections","dependencies":["@faker-js/faker","react-day-picker"],"registryDependencies":["button","calendar","dialog"],"files":[{"path":"examples/calendar/dialog/calendar-with-range-in-dialog.tsx","type":"registry:example","target":"components/examples/calendar/dialog/calendar-with-range-in-dialog.tsx"}]},{"name":"calendar-with-date-and-time-in-dialog","type":"registry:example","title":"Calendar With Date And Time In Dialog","description":"A combined date and time picker dialog with calendar selection and time input for precise datetime scheduling","dependencies":["date-fns"],"registryDependencies":["button","calendar","dialog","input","label"],"files":[{"path":"examples/calendar/dialog/calendar-with-date-and-time-in-dialog.tsx","type":"registry:example","target":"components/examples/calendar/dialog/calendar-with-date-and-time-in-dialog.tsx"}]},{"name":"calendar-with-custom-select-day-style-in-dialog","type":"registry:example","title":"Calendar With Custom Select Day Style In Dialog","description":"A calendar dialog with custom day styling using modifiers and modifiersStyles for visual date categorization","dependencies":["@faker-js/faker","react-day-picker"],"registryDependencies":["button","calendar","dialog"],"files":[{"path":"examples/calendar/dialog/calendar-with-custom-select-day-style-in-dialog.tsx","type":"registry:example","target":"components/examples/calendar/dialog/calendar-with-custom-select-day-style-in-dialog.tsx"}]},{"name":"calendar-with-month-and-year-selector-in-dialog","type":"registry:example","title":"Calendar With Month And Year Selector In Dialog","description":"A calendar dialog with dropdown month and year selectors for quick navigation to distant dates","dependencies":["date-fns","react-day-picker"],"registryDependencies":["button","calendar","dialog","select"],"files":[{"path":"examples/calendar/dialog/calendar-with-month-and-year-selector-in-dialog.tsx","type":"registry:example","target":"components/examples/calendar/dialog/calendar-with-month-and-year-selector-in-dialog.tsx"}]},{"name":"data-table-with-actions","type":"registry:example","title":"Data Table With Actions","description":"A React data table with row action dropdown menus using TanStack Table and shadcn/ui DropdownMenu with MoreHorizontal trigger icon","dependencies":["lucide-react"],"registryDependencies":["button","dropdown-menu","table"],"files":[{"path":"examples/data-table/advanced/data-table-with-actions.tsx","type":"registry:example","target":"components/examples/data-table/advanced/data-table-with-actions.tsx"}]},{"name":"data-table-resizable-columns","type":"registry:example","title":"Data Table Resizable Columns","description":"A React data table with resizable columns using TanStack Table columnResizeMode and drag handles for dynamic width adjustment","registryDependencies":["table"],"files":[{"path":"examples/data-table/advanced/data-table-resizable-columns.tsx","type":"registry:example","target":"components/examples/data-table/advanced/data-table-resizable-columns.tsx"}]},{"name":"data-table-expandable-sub-rows","type":"registry:example","title":"Data Table Expandable Sub Rows","description":"A React data table with expandable sub-rows using TanStack Table getExpandedRowModel showing nested child content with ChevronDown toggle","dependencies":["lucide-react"],"registryDependencies":["button","table"],"files":[{"path":"examples/data-table/advanced/data-table-expandable-sub-rows.tsx","type":"registry:example","target":"components/examples/data-table/advanced/data-table-expandable-sub-rows.tsx"}]},{"name":"data-table-numeric-pagination","type":"registry:example","title":"Data Table Numeric Pagination","description":"A React data table with numeric page buttons using TanStack Table getPaginationRowModel showing clickable page numbers with ellipsis","registryDependencies":["button","table"],"files":[{"path":"examples/data-table/advanced/data-table-numeric-pagination.tsx","type":"registry:example","target":"components/examples/data-table/advanced/data-table-numeric-pagination.tsx"}]},{"name":"data-table-with-filters","type":"registry:example","title":"Data Table With Filters","description":"A React data table with column filter inputs using TanStack Table getFilteredRowModel and shadcn/ui Input for real-time filtering","registryDependencies":["input","table"],"files":[{"path":"examples/data-table/standard/data-table-with-filters.tsx","type":"registry:example","target":"components/examples/data-table/standard/data-table-with-filters.tsx"}]},{"name":"basic-data-table-with-checkboxes","type":"registry:example","title":"Basic Data Table With Checkboxes","description":"A React data table with checkboxes and sorting using TanStack Table getSortedRowModel and shadcn/ui Checkbox for row selection","dependencies":["lucide-react"],"registryDependencies":["button","checkbox","table"],"files":[{"path":"examples/data-table/standard/basic-data-table-with-checkboxes.tsx","type":"registry:example","target":"components/examples/data-table/standard/basic-data-table-with-checkboxes.tsx"}]},{"name":"data-table-with-column-visibility","type":"registry:example","title":"Data Table With Column Visibility","description":"A React data table with column visibility toggle using TanStack Table VisibilityState and shadcn/ui DropdownMenuCheckboxItem controls","dependencies":["lucide-react"],"registryDependencies":["button","dropdown-menu","table"],"files":[{"path":"examples/data-table/standard/data-table-with-column-visibility.tsx","type":"registry:example","target":"components/examples/data-table/standard/data-table-with-column-visibility.tsx"}]},{"name":"paginated-data-table","type":"registry:example","title":"Paginated Data Table","description":"A React data table with pagination controls using TanStack Table getPaginationRowModel and shadcn/ui Button for Previous/Next navigation","registryDependencies":["button","table"],"files":[{"path":"examples/data-table/standard/paginated-data-table.tsx","type":"registry:example","target":"components/examples/data-table/standard/paginated-data-table.tsx"}]},{"name":"feedback-popover","type":"registry:example","title":"Feedback Popover","description":"Feedback popover with MessageSquare icon, Textarea for input, and submit button using w-80 width for user feedback collection built with shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["button","popover","textarea"],"files":[{"path":"examples/popover/standard/feedback-popover.tsx","type":"registry:example","target":"components/examples/popover/standard/feedback-popover.tsx"}]},{"name":"popover-with-form","type":"registry:example","title":"Popover With Form","description":"Popover containing form input and save button for inline editing and quick settings without full page built with shadcn/ui","registryDependencies":["button","input","popover"],"files":[{"path":"examples/popover/standard/popover-with-form.tsx","type":"registry:example","target":"components/examples/popover/standard/popover-with-form.tsx"}]},{"name":"filter-popover","type":"registry:example","title":"Filter Popover","description":"Filter popover with Filter icon, Checkbox options, Labels, and Apply button using w-80 width for data filtering built with shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["button","checkbox","label","popover"],"files":[{"path":"examples/popover/standard/filter-popover.tsx","type":"registry:example","target":"components/examples/popover/standard/filter-popover.tsx"}]},{"name":"popover-with-actions","type":"registry:example","title":"Popover With Actions","description":"Action-packed popover with stacked Edit, Share, and Delete buttons in space-y layout for quick context actions built with shadcn/ui","registryDependencies":["button","popover"],"files":[{"path":"examples/popover/standard/popover-with-actions.tsx","type":"registry:example","target":"components/examples/popover/standard/popover-with-actions.tsx"}]},{"name":"popover-with-heading","type":"registry:example","title":"Popover With Heading","description":"Popover with heading and descriptive text using semantic typography for structured contextual information built with shadcn/ui","registryDependencies":["button","popover"],"files":[{"path":"examples/popover/standard/popover-with-heading.tsx","type":"registry:example","target":"components/examples/popover/standard/popover-with-heading.tsx"}]},{"name":"popover-with-footer","type":"registry:example","title":"Popover With Footer","description":"Popover with footer containing Cancel and Confirm buttons using flex justify-end for action alignment built with shadcn/ui","registryDependencies":["button","popover"],"files":[{"path":"examples/popover/standard/popover-with-footer.tsx","type":"registry:example","target":"components/examples/popover/standard/popover-with-footer.tsx"}]},{"name":"info-icon-popover","type":"registry:example","title":"Info Icon Popover","description":"Info icon button triggering popover with helpful text using ghost variant for subtle help indicators built with shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["button","popover"],"files":[{"path":"examples/popover/standard/info-icon-popover.tsx","type":"registry:example","target":"components/examples/popover/standard/info-icon-popover.tsx"}]},{"name":"user-profile-popover","type":"registry:example","title":"User Profile Popover","description":"User profile card popover with name, username, and bio using ghost button trigger for social media hover cards built with shadcn/ui","registryDependencies":["button","popover"],"files":[{"path":"examples/popover/standard/user-profile-popover.tsx","type":"registry:example","target":"components/examples/popover/standard/user-profile-popover.tsx"}]},{"name":"simple-text-popover","type":"registry:example","title":"Simple Text Popover","description":"Simple popover with plain text content triggered by outline button for tooltips and quick information built with shadcn/ui","registryDependencies":["button","popover"],"files":[{"path":"examples/popover/standard/simple-text-popover.tsx","type":"registry:example","target":"components/examples/popover/standard/simple-text-popover.tsx"}]},{"name":"share-popover","type":"registry:example","title":"Share Popover","description":"Share popover with social buttons, Separator, and copy link input using w-80 width for content sharing built with shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["button","input","popover","separator"],"files":[{"path":"examples/popover/standard/share-popover.tsx","type":"registry:example","target":"components/examples/popover/standard/share-popover.tsx"}]},{"name":"notifications-popover","type":"registry:example","title":"Notifications Popover","description":"Notifications popover with Bell icon, Badge count, header, Separator, and notification list using w-80 width built with shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["badge","button","popover","separator"],"files":[{"path":"examples/popover/standard/notifications-popover.tsx","type":"registry:example","target":"components/examples/popover/standard/notifications-popover.tsx"}]},{"name":"popover-with-list","type":"registry:example","title":"Popover With List","description":"Popover displaying simple text list items in space-y-2 layout for quick reference lists and options built with shadcn/ui","registryDependencies":["button","popover"],"files":[{"path":"examples/popover/standard/popover-with-list.tsx","type":"registry:example","target":"components/examples/popover/standard/popover-with-list.tsx"}]},{"name":"popover-with-steps","type":"registry:example","title":"Popover With Steps","description":"Multi-step wizard popover with useState step tracking, Previous/Next navigation, and conditional content for onboarding tours built with shadcn/ui","registryDependencies":["button","popover"],"files":[{"path":"examples/popover/standard/popover-with-steps.tsx","type":"registry:example","target":"components/examples/popover/standard/popover-with-steps.tsx"}]},{"name":"popover-with-divider","type":"registry:example","title":"Popover With Divider","description":"Popover with Separator dividing content sections for visual organization using space-y-2 layout built with shadcn/ui","registryDependencies":["button","popover","separator"],"files":[{"path":"examples/popover/standard/popover-with-divider.tsx","type":"registry:example","target":"components/examples/popover/standard/popover-with-divider.tsx"}]},{"name":"compact-popover","type":"registry:example","title":"Compact Popover","description":"Minimal popover with w-auto p-2 sizing for tiny tooltips and quick hints using small button trigger built with shadcn/ui","registryDependencies":["button","popover"],"files":[{"path":"examples/popover/standard/compact-popover.tsx","type":"registry:example","target":"components/examples/popover/standard/compact-popover.tsx"}]},{"name":"user-profile-edit-sheet","type":"registry:example","title":"User Profile Edit Sheet","description":"A profile editing sheet with username and full name fields, SheetFooter with save button, and defaultValue for existing data","dependencies":["lucide-react"],"registryDependencies":["button","input","label","sheet"],"files":[{"path":"examples/sheet/form/user-profile-edit-sheet.tsx","type":"registry:example","target":"components/examples/sheet/form/user-profile-edit-sheet.tsx"}]},{"name":"contact-form-sheet","type":"registry:example","title":"Contact Form Sheet","description":"A slide-out sheet with contact form containing name, email, and message fields for user inquiries and support requests","registryDependencies":["button","input","label","sheet"],"files":[{"path":"examples/sheet/form/contact-form-sheet.tsx","type":"registry:example","target":"components/examples/sheet/form/contact-form-sheet.tsx"}]},{"name":"multi-step-form-sheet","type":"registry:example","title":"Multi Step Form Sheet","description":"A multi-step form sheet showing step 1 of 3 with personal info fields, SheetFooter with back and next buttons for guided data entry","registryDependencies":["button","input","label","sheet"],"files":[{"path":"examples/sheet/form/multi-step-form-sheet.tsx","type":"registry:example","target":"components/examples/sheet/form/multi-step-form-sheet.tsx"}]},{"name":"search-and-filter-sheet","type":"registry:example","title":"Search And Filter Sheet","description":"A filtering sheet with search input and category checkboxes for refining content display without leaving current page context","registryDependencies":["button","checkbox","input","label","sheet"],"files":[{"path":"examples/sheet/form/search-and-filter-sheet.tsx","type":"registry:example","target":"components/examples/sheet/form/search-and-filter-sheet.tsx"}]},{"name":"create-new-item-sheet","type":"registry:example","title":"Create New Item Sheet","description":"An item creation sheet with name, description, and price inputs, SheetFooter with cancel and create buttons for new item entry","registryDependencies":["button","input","label","sheet"],"files":[{"path":"examples/sheet/form/create-new-item-sheet.tsx","type":"registry:example","target":"components/examples/sheet/form/create-new-item-sheet.tsx"}]},{"name":"nested-navigation-menu-sheet","type":"registry:example","title":"Nested Navigation Menu Sheet","description":"A multi-level nested navigation sheet with parent categories and indented child links for Products and Resources sections","registryDependencies":["button","sheet"],"files":[{"path":"examples/sheet/navigation/nested-navigation-menu-sheet.tsx","type":"registry:example","target":"components/examples/sheet/navigation/nested-navigation-menu-sheet.tsx"}]},{"name":"mobile-menu-sheet","type":"registry:example","title":"Mobile Menu Sheet","description":"A mobile menu sheet sliding from left with simple vertical navigation links for Home, Products, About, and Contact pages","dependencies":["framer-motion"],"registryDependencies":["button","sheet"],"files":[{"path":"examples/sheet/navigation/mobile-menu-sheet.tsx","type":"registry:example","target":"components/examples/sheet/navigation/mobile-menu-sheet.tsx"}]},{"name":"navigation-with-user-profile-sheet","type":"registry:example","title":"Navigation With User Profile Sheet","description":"A navigation sheet with user profile card showing avatar, name, and email at top, followed by Dashboard, Projects, Settings, and Sign Out links","registryDependencies":["avatar","button","sheet"],"files":[{"path":"examples/sheet/navigation/navigation-with-user-profile-sheet.tsx","type":"registry:example","target":"components/examples/sheet/navigation/navigation-with-user-profile-sheet.tsx"}]},{"name":"navigation-with-search-sheet","type":"registry:example","title":"Navigation With Search Sheet","description":"A navigation sheet with search input at top for filtering menu items, followed by Home, Products, Services, Blog, and Contact links","registryDependencies":["button","input","sheet"],"files":[{"path":"examples/sheet/navigation/navigation-with-search-sheet.tsx","type":"registry:example","target":"components/examples/sheet/navigation/navigation-with-search-sheet.tsx"}]},{"name":"sidebar-navigation-sheet","type":"registry:example","title":"Sidebar Navigation Sheet","description":"A grouped navigation sheet with categorized sections like Dashboard and Settings, using h3 headers and indented links for hierarchy","registryDependencies":["button","sheet"],"files":[{"path":"examples/sheet/navigation/sidebar-navigation-sheet.tsx","type":"registry:example","target":"components/examples/sheet/navigation/sidebar-navigation-sheet.tsx"}]},{"name":"left-sided-sheet","type":"registry:example","title":"Left Sided Sheet","description":"A left-side sheet sliding from left edge with SheetHeader, commonly used for mobile navigation menus and hamburger patterns","dependencies":["framer-motion","lucide-react"],"registryDependencies":["button","sheet"],"files":[{"path":"examples/sheet/standard/left-sided-sheet.tsx","type":"registry:example","target":"components/examples/sheet/standard/left-sided-sheet.tsx"}]},{"name":"bottom-sliding-sheet","type":"registry:example","title":"Bottom Sliding Sheet","description":"A sheet sliding from bottom with SheetHeader containing title and description, mimicking mobile bottom sheets and action menus","dependencies":["framer-motion"],"registryDependencies":["button","sheet"],"files":[{"path":"examples/sheet/standard/bottom-sliding-sheet.tsx","type":"registry:example","target":"components/examples/sheet/standard/bottom-sliding-sheet.tsx"}]},{"name":"sheet-with-title-and-description","type":"registry:example","title":"Sheet With Title And Description","description":"A standard right-side sheet with SheetHeader including SheetTitle and SheetDescription for context and accessibility","registryDependencies":["button","sheet"],"files":[{"path":"examples/sheet/standard/sheet-with-title-and-description.tsx","type":"registry:example","target":"components/examples/sheet/standard/sheet-with-title-and-description.tsx"}]},{"name":"top-sliding-sheet","type":"registry:example","title":"Top Sliding Sheet","description":"A top-sliding sheet with side equals top prop for notifications, alerts, and announcements sliding from top edge","dependencies":["framer-motion"],"registryDependencies":["button","sheet"],"files":[{"path":"examples/sheet/standard/top-sliding-sheet.tsx","type":"registry:example","target":"components/examples/sheet/standard/top-sliding-sheet.tsx"}]},{"name":"theme-settings-sheet","type":"registry:example","title":"Theme Settings Sheet","description":"A theme settings sheet with Light, Dark, and System radio button choices plus Compact Mode and Enable Animations toggles","registryDependencies":["button","checkbox","label","sheet"],"files":[{"path":"examples/sheet/settings/theme-settings-sheet.tsx","type":"registry:example","target":"components/examples/sheet/settings/theme-settings-sheet.tsx"}]},{"name":"app-preferences-sheet","type":"registry:example","title":"App Preferences Sheet","description":"A settings sheet with checkbox toggles for notifications, analytics, auto-update, and dark mode app preferences","registryDependencies":["button","checkbox","label","sheet"],"files":[{"path":"examples/sheet/settings/app-preferences-sheet.tsx","type":"registry:example","target":"components/examples/sheet/settings/app-preferences-sheet.tsx"}]},{"name":"notification-preferences-sheet","type":"registry:example","title":"Notification Preferences Sheet","description":"A notification settings sheet with grouped checkbox controls for Email Notifications and Push Notifications categories","registryDependencies":["button","checkbox","label","sheet"],"files":[{"path":"examples/sheet/settings/notification-preferences-sheet.tsx","type":"registry:example","target":"components/examples/sheet/settings/notification-preferences-sheet.tsx"}]},{"name":"privacy-settings-sheet","type":"registry:example","title":"Privacy Settings Sheet","description":"A privacy settings sheet with checkbox toggles for Public Profile, Show Email, Search Indexing, Activity Status, and destructive Delete Account button","registryDependencies":["button","checkbox","label","sheet"],"files":[{"path":"examples/sheet/settings/privacy-settings-sheet.tsx","type":"registry:example","target":"components/examples/sheet/settings/privacy-settings-sheet.tsx"}]},{"name":"account-settings-sheet","type":"registry:example","title":"Account Settings Sheet","description":"An account settings sheet with email and password input fields plus SheetFooter save button for managing user credentials","registryDependencies":["button","input","label","sheet"],"files":[{"path":"examples/sheet/settings/account-settings-sheet.tsx","type":"registry:example","target":"components/examples/sheet/settings/account-settings-sheet.tsx"}]},{"name":"sheet-with-action-buttons-in-footer","type":"registry:example","title":"Sheet With Action Buttons In Footer","description":"Sheet component with SheetFooter containing multiple action buttons including Save Draft and Create Task for flexible user workflows built with shadcn/ui","registryDependencies":["button","input","label","sheet"],"files":[{"path":"examples/sheet/multi-section/sheet-with-action-buttons-in-footer.tsx","type":"registry:example","target":"components/examples/sheet/multi-section/sheet-with-action-buttons-in-footer.tsx"}]},{"name":"sheet-with-sticky-header-and-footer","type":"registry:example","title":"Sheet With Sticky Header And Footer","description":"Sheet component with sticky SheetHeader and SheetFooter using Separator visual dividers and flex-1 overflow-y-auto scrollable middle section built with shadcn/ui","registryDependencies":["button","separator","sheet"],"files":[{"path":"examples/sheet/multi-section/sheet-with-sticky-header-and-footer.tsx","type":"registry:example","target":"components/examples/sheet/multi-section/sheet-with-sticky-header-and-footer.tsx"}]},{"name":"sheet-with-header-content-and-footer","type":"registry:example","title":"Sheet With Header Content And Footer","description":"Sheet component with complete three-section structure including SheetHeader with title and description, flex-1 content area, and SheetFooter with action buttons built with shadcn/ui","registryDependencies":["button","sheet"],"files":[{"path":"examples/sheet/multi-section/sheet-with-header-content-and-footer.tsx","type":"registry:example","target":"components/examples/sheet/multi-section/sheet-with-header-content-and-footer.tsx"}]},{"name":"sheet-with-scrollable-content","type":"registry:example","title":"Sheet With Scrollable Content","description":"Sheet component with flex-1 and overflow-y-auto for vertical scrolling of long item lists within fixed sheet dimensions built with shadcn/ui","registryDependencies":["button","sheet"],"files":[{"path":"examples/sheet/multi-section/sheet-with-scrollable-content.tsx","type":"registry:example","target":"components/examples/sheet/multi-section/sheet-with-scrollable-content.tsx"}]},{"name":"sheet-with-tabs","type":"registry:example","title":"Sheet With Tabs","description":"Sheet component with tab navigation allowing users to switch between multiple content sections within the same sheet built with shadcn/ui","registryDependencies":["button","sheet"],"files":[{"path":"examples/sheet/multi-section/sheet-with-tabs.tsx","type":"registry:example","target":"components/examples/sheet/multi-section/sheet-with-tabs.tsx"}]},{"name":"article-preview-sheet","type":"registry:example","title":"Article Preview Sheet","description":"Sheet component displaying article preview with author byline, read time, excerpt text, and full article link for content platforms built with shadcn/ui","registryDependencies":["button","sheet"],"files":[{"path":"examples/sheet/details/article-preview-sheet.tsx","type":"registry:example","target":"components/examples/sheet/details/article-preview-sheet.tsx"}]},{"name":"order-details-sheet","type":"registry:example","title":"Order Details Sheet","description":"Sheet component displaying order summary with status badge, item list, pricing breakdown with separators, and tracking action for e-commerce platforms built with shadcn/ui","registryDependencies":["badge","button","separator","sheet"],"files":[{"path":"examples/sheet/details/order-details-sheet.tsx","type":"registry:example","target":"components/examples/sheet/details/order-details-sheet.tsx"}]},{"name":"user-profile-view-sheet","type":"registry:example","title":"User Profile View Sheet","description":"Sheet component displaying user profile information with avatar, username, contact details, and messaging action for social platforms built with shadcn/ui","registryDependencies":["avatar","button","sheet"],"files":[{"path":"examples/sheet/details/user-profile-view-sheet.tsx","type":"registry:example","target":"components/examples/sheet/details/user-profile-view-sheet.tsx"}]},{"name":"notification-list-sheet","type":"registry:example","title":"Notification List Sheet","description":"Sheet component displaying notification feed with unread indicators, user avatars, action messages, timestamps, and mark all read button for social platforms built with shadcn/ui","registryDependencies":["badge","button","sheet"],"files":[{"path":"examples/sheet/details/notification-list-sheet.tsx","type":"registry:example","target":"components/examples/sheet/details/notification-list-sheet.tsx"}]},{"name":"product-details-sheet","type":"registry:example","title":"Product Details Sheet","description":"Sheet component displaying product details with image, pricing, stock badge, feature list, and add to cart action for e-commerce interfaces built with shadcn/ui","registryDependencies":["badge","button","sheet"],"files":[{"path":"examples/sheet/details/product-details-sheet.tsx","type":"registry:example","target":"components/examples/sheet/details/product-details-sheet.tsx"}]},{"name":"1-1-aspect-ratio-square","type":"registry:example","title":"1 1 Aspect Ratio Square","description":"A 1:1 square aspect ratio container for social media content, profile images, and balanced layouts","registryDependencies":["aspect-ratio"],"files":[{"path":"examples/aspect-ratio/standard/1-1-aspect-ratio-square.tsx","type":"registry:example","target":"components/examples/aspect-ratio/standard/1-1-aspect-ratio-square.tsx"}]},{"name":"3-2-aspect-ratio-photography","type":"registry:example","title":"3 2 Aspect Ratio Photography","description":"A 3:2 photography aspect ratio container for DSLR images, print media, and professional photo displays","registryDependencies":["aspect-ratio"],"files":[{"path":"examples/aspect-ratio/standard/3-2-aspect-ratio-photography.tsx","type":"registry:example","target":"components/examples/aspect-ratio/standard/3-2-aspect-ratio-photography.tsx"}]},{"name":"16-9-aspect-ratio-widescreen","type":"registry:example","title":"16 9 Aspect Ratio Widescreen","description":"A 16:9 widescreen aspect ratio container for video players, hero images, and modern multimedia content","registryDependencies":["aspect-ratio"],"files":[{"path":"examples/aspect-ratio/standard/16-9-aspect-ratio-widescreen.tsx","type":"registry:example","target":"components/examples/aspect-ratio/standard/16-9-aspect-ratio-widescreen.tsx"}]},{"name":"4-3-aspect-ratio-traditional","type":"registry:example","title":"4 3 Aspect Ratio Traditional","description":"A 4:3 traditional aspect ratio container for classic content, presentations, and legacy media formats","registryDependencies":["aspect-ratio"],"files":[{"path":"examples/aspect-ratio/standard/4-3-aspect-ratio-traditional.tsx","type":"registry:example","target":"components/examples/aspect-ratio/standard/4-3-aspect-ratio-traditional.tsx"}]},{"name":"2-1-aspect-ratio-panoramic","type":"registry:example","title":"2 1 Aspect Ratio Panoramic","description":"A 2:1 panoramic aspect ratio container for wide landscape photography, banner images, and sweeping vistas","registryDependencies":["aspect-ratio"],"files":[{"path":"examples/aspect-ratio/standard/2-1-aspect-ratio-panoramic.tsx","type":"registry:example","target":"components/examples/aspect-ratio/standard/2-1-aspect-ratio-panoramic.tsx"}]},{"name":"9-16-aspect-ratio-vertical-mobile","type":"registry:example","title":"9 16 Aspect Ratio Vertical Mobile","description":"A 9:16 vertical aspect ratio container for mobile stories, TikTok content, and portrait-oriented media","registryDependencies":["aspect-ratio"],"files":[{"path":"examples/aspect-ratio/standard/9-16-aspect-ratio-vertical-mobile.tsx","type":"registry:example","target":"components/examples/aspect-ratio/standard/9-16-aspect-ratio-vertical-mobile.tsx"}]},{"name":"21-9-aspect-ratio-ultrawide","type":"registry:example","title":"21 9 Aspect Ratio Ultrawide","description":"A 21:9 ultrawide aspect ratio container for cinematic content, immersive experiences, and ultra-widescreen displays","registryDependencies":["aspect-ratio"],"files":[{"path":"examples/aspect-ratio/standard/21-9-aspect-ratio-ultrawide.tsx","type":"registry:example","target":"components/examples/aspect-ratio/standard/21-9-aspect-ratio-ultrawide.tsx"}]},{"name":"vertical-table","type":"registry:example","title":"Vertical Table","description":"A React table displaying label-value pairs vertically with Field and Value columns for detail views and profile information","registryDependencies":["table"],"files":[{"path":"examples/table/advanced/vertical-table.tsx","type":"registry:example","target":"components/examples/table/advanced/vertical-table.tsx"}]},{"name":"dense-table","type":"registry:example","title":"Dense Table","description":"A React table with compact spacing using h-8 rows, py-1 padding, and text-sm for displaying many records in limited space","registryDependencies":["table"],"files":[{"path":"examples/table/advanced/dense-table.tsx","type":"registry:example","target":"components/examples/table/advanced/dense-table.tsx"}]},{"name":"table-with-vertical-lines","type":"registry:example","title":"Table With Vertical Lines","description":"A React table with vertical border lines between columns using border-r for clear column separation and grid-like appearance","registryDependencies":["table"],"files":[{"path":"examples/table/advanced/table-with-vertical-lines.tsx","type":"registry:example","target":"components/examples/table/advanced/table-with-vertical-lines.tsx"}]},{"name":"compatibility-table","type":"registry:example","title":"Compatibility Table","description":"A React table showing browser compatibility with CheckIcon and XIcon indicating supported and unsupported features using centered icons","dependencies":["lucide-react"],"registryDependencies":["table"],"files":[{"path":"examples/table/advanced/compatibility-table.tsx","type":"registry:example","target":"components/examples/table/advanced/compatibility-table.tsx"}]},{"name":"table-with-avatar","type":"registry:example","title":"Table With Avatar","description":"Table component combining shadcn/ui Avatar with user images and fallback initials in first column for rich visual user identification","registryDependencies":["avatar","table"],"files":[{"path":"examples/table/standard/table-with-avatar.tsx","type":"registry:example","target":"components/examples/table/standard/table-with-avatar.tsx"}]},{"name":"table-without-dividers","type":"registry:example","title":"Table Without Dividers","description":"Table component with border-b-0 className removing row dividers for clean borderless aesthetic with minimal visual noise","registryDependencies":["table"],"files":[{"path":"examples/table/standard/table-without-dividers.tsx","type":"registry:example","target":"components/examples/table/standard/table-without-dividers.tsx"}]},{"name":"basic-table","type":"registry:example","title":"Basic Table","description":"Basic table component with shadcn/ui Table primitives showing user data in rows with headers and bordered container styling","registryDependencies":["table"],"files":[{"path":"examples/table/standard/basic-table.tsx","type":"registry:example","target":"components/examples/table/standard/basic-table.tsx"}]},{"name":"striped-table","type":"registry:example","title":"Striped Table","description":"Table component with alternating row background colors using modulo index conditional className for zebra stripe pattern improving scannability","registryDependencies":["table"],"files":[{"path":"examples/table/standard/striped-table.tsx","type":"registry:example","target":"components/examples/table/standard/striped-table.tsx"}]},{"name":"input-group-textarea-with-counter","type":"registry:example","title":"Input Group Textarea With Counter","description":"A React textarea with live character counter and post button showing limit enforcement built with shadcn/ui InputGroup components","dependencies":["lucide-react"],"registryDependencies":["input-group"],"files":[{"path":"examples/input-group/custom/input-group-textarea-with-counter.tsx","type":"registry:example","target":"components/examples/input-group/custom/input-group-textarea-with-counter.tsx"}]},{"name":"input-group-textarea-with-label","type":"registry:example","title":"Input Group Textarea With Label","description":"A React textarea with label positioned inside the input group at block-start as header with border separator built with shadcn/ui InputGroup","registryDependencies":["input-group","label"],"files":[{"path":"examples/input-group/custom/input-group-textarea-with-label.tsx","type":"registry:example","target":"components/examples/input-group/custom/input-group-textarea-with-label.tsx"}]},{"name":"input-group-textarea-with-toolbar","type":"registry:example","title":"Input Group Textarea With Toolbar","description":"A React textarea with formatting toolbar at top showing Bold Italic Underline buttons using block-start alignment built with shadcn/ui InputGroup","dependencies":["lucide-react"],"registryDependencies":["input-group"],"files":[{"path":"examples/input-group/custom/input-group-textarea-with-toolbar.tsx","type":"registry:example","target":"components/examples/input-group/custom/input-group-textarea-with-toolbar.tsx"}]},{"name":"input-group-textarea-with-actions","type":"registry:example","title":"Input Group Textarea With Actions","description":"A React textarea with submit button positioned at bottom-right using block-end alignment and ml-auto built with shadcn/ui InputGroup","registryDependencies":["input-group"],"files":[{"path":"examples/input-group/custom/input-group-textarea-with-actions.tsx","type":"registry:example","target":"components/examples/input-group/custom/input-group-textarea-with-actions.tsx"}]},{"name":"input-group-loading-states","type":"registry:example","title":"Input Group Loading States","description":"A React input group with Spinner showing loading states at inline-end and inline-start positions using disabled inputs with shadcn/ui InputGroup","registryDependencies":["input-group","spinner"],"files":[{"path":"examples/input-group/spinner/input-group-loading-states.tsx","type":"registry:example","target":"components/examples/input-group/spinner/input-group-loading-states.tsx"}]},{"name":"input-group-textarea-loading","type":"registry:example","title":"Input Group Textarea Loading","description":"A React input group with Spinner for textarea and input showing loading states at block-end and inline-end positions using shadcn/ui InputGroup","registryDependencies":["input-group","spinner"],"files":[{"path":"examples/input-group/spinner/input-group-textarea-loading.tsx","type":"registry:example","target":"components/examples/input-group/spinner/input-group-textarea-loading.tsx"}]},{"name":"input-group-spinner-with-text","type":"registry:example","title":"Input Group Spinner With Text","description":"A React input group with Spinner and Saving text label at inline-end showing explicit loading message using shadcn/ui InputGroup components","registryDependencies":["input-group","spinner"],"files":[{"path":"examples/input-group/spinner/input-group-spinner-with-text.tsx","type":"registry:example","target":"components/examples/input-group/spinner/input-group-spinner-with-text.tsx"}]},{"name":"input-group-animated-icon-spinner","type":"registry:example","title":"Input Group Animated Icon Spinner","description":"A React input group with animated LoaderIcon using animate-spin class and Please wait text at different positions with shadcn/ui InputGroup","dependencies":["lucide-react"],"registryDependencies":["input-group"],"files":[{"path":"examples/input-group/spinner/input-group-animated-icon-spinner.tsx","type":"registry:example","target":"components/examples/input-group/spinner/input-group-animated-icon-spinner.tsx"}]},{"name":"input-group-label-with-tooltip","type":"registry:example","title":"Input Group Label With Tooltip","description":"A React input group with Email Label and InfoIcon tooltip button showing help text using shadcn/ui InputGroup, Label, and Tooltip components","dependencies":["lucide-react"],"registryDependencies":["input-group","label","tooltip"],"files":[{"path":"examples/input-group/label/input-group-label-with-tooltip.tsx","type":"registry:example","target":"components/examples/input-group/label/input-group-label-with-tooltip.tsx"}]},{"name":"input-group-inline-labels","type":"registry:example","title":"Input Group Inline Labels","description":"A React input group with inline Label addons showing at-symbol for email and dollar sign for price using shadcn/ui InputGroup components","registryDependencies":["input-group","label"],"files":[{"path":"examples/input-group/label/input-group-inline-labels.tsx","type":"registry:example","target":"components/examples/input-group/label/input-group-inline-labels.tsx"}]},{"name":"input-group-block-labels","type":"registry:example","title":"Input Group Block Labels","description":"A React input group with block Labels at top showing Full Name and Bio labels using align block-start with shadcn/ui InputGroup components","registryDependencies":["input-group","label"],"files":[{"path":"examples/input-group/label/input-group-block-labels.tsx","type":"registry:example","target":"components/examples/input-group/label/input-group-block-labels.tsx"}]},{"name":"input-group-label-with-counter","type":"registry:example","title":"Input Group Label With Counter","description":"A React input group with Title Label and character counter showing zero of 60 using shadcn/ui InputGroup, Label, and InputGroupText components","registryDependencies":["input-group","label"],"files":[{"path":"examples/input-group/label/input-group-label-with-counter.tsx","type":"registry:example","target":"components/examples/input-group/label/input-group-label-with-counter.tsx"}]},{"name":"input-group-ai-with-voice","type":"registry:example","title":"Input Group Ai With Voice","description":"A React AI chat input with voice recording attachment button and model selector dropdown built with shadcn/ui InputGroup for multimodal AI interactions","dependencies":["lucide-react"],"registryDependencies":["dropdown-menu","input-group","separator"],"files":[{"path":"examples/input-group/ai/input-group-ai-with-voice.tsx","type":"registry:example","target":"components/examples/input-group/ai/input-group-ai-with-voice.tsx"}]},{"name":"input-group-ai-with-attachments","type":"registry:example","title":"Input Group Ai With Attachments","description":"A React AI chat input with file attachment dropdown model indicator and send button built with shadcn/ui InputGroup for multimodal AI","dependencies":["lucide-react"],"registryDependencies":["dropdown-menu","input-group"],"files":[{"path":"examples/input-group/ai/input-group-ai-with-attachments.tsx","type":"registry:example","target":"components/examples/input-group/ai/input-group-ai-with-attachments.tsx"}]},{"name":"input-group-simple-ai-prompt","type":"registry:example","title":"Input Group Simple Ai Prompt","description":"A React minimal AI chat input with sparkles enhancement button token counter and send button built with shadcn/ui InputGroup components","dependencies":["lucide-react"],"registryDependencies":["input-group","separator"],"files":[{"path":"examples/input-group/ai/input-group-simple-ai-prompt.tsx","type":"registry:example","target":"components/examples/input-group/ai/input-group-simple-ai-prompt.tsx"}]},{"name":"input-group-ai-prompt-input","type":"registry:example","title":"Input Group Ai Prompt Input","description":"A React AI chat interface with textarea dropdown mode selector usage indicator and send button built with shadcn/ui InputGroup components","dependencies":["lucide-react"],"registryDependencies":["dropdown-menu","input-group","separator"],"files":[{"path":"examples/input-group/ai/input-group-ai-prompt-input.tsx","type":"registry:example","target":"components/examples/input-group/ai/input-group-ai-prompt-input.tsx"}]},{"name":"input-group-search-button","type":"registry:example","title":"Input Group Search Button","description":"A React search input with labeled button combining text and icon using secondary variant built with shadcn/ui InputGroup components","dependencies":["lucide-react"],"registryDependencies":["input-group"],"files":[{"path":"examples/input-group/buttons/input-group-search-button.tsx","type":"registry:example","target":"components/examples/input-group/buttons/input-group-search-button.tsx"}]},{"name":"input-group-multiple-action-buttons","type":"registry:example","title":"Input Group Multiple Action Buttons","description":"A React input field with multiple action buttons for info and favorite actions using separate InputGroupAddon components built with shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["input-group"],"files":[{"path":"examples/input-group/buttons/input-group-multiple-action-buttons.tsx","type":"registry:example","target":"components/examples/input-group/buttons/input-group-multiple-action-buttons.tsx"}]},{"name":"input-group-copy-button","type":"registry:example","title":"Input Group Copy Button","description":"A React input field with copy button that toggles between copy and check icons showing visual feedback built with shadcn/ui InputGroup","dependencies":["lucide-react"],"registryDependencies":["input-group"],"files":[{"path":"examples/input-group/buttons/input-group-copy-button.tsx","type":"registry:example","target":"components/examples/input-group/buttons/input-group-copy-button.tsx"}]},{"name":"input-group-password-actions","type":"registry:example","title":"Input Group Password Actions","description":"A React password input with visibility toggle and generate buttons using Eye icons and RefreshCw built with shadcn/ui InputGroup components","dependencies":["lucide-react"],"registryDependencies":["input-group"],"files":[{"path":"examples/input-group/buttons/input-group-password-actions.tsx","type":"registry:example","target":"components/examples/input-group/buttons/input-group-password-actions.tsx"}]},{"name":"input-group-multiple-icons","type":"registry:example","title":"Input Group Multiple Icons","description":"A React input group with multiple icons showing Eye, RefreshCw at end for password and Key, EyeOff, RefreshCw for API key using shadcn/ui InputGroup","dependencies":["lucide-react"],"registryDependencies":["input-group"],"files":[{"path":"examples/input-group/icons/input-group-multiple-icons.tsx","type":"registry:example","target":"components/examples/input-group/icons/input-group-multiple-icons.tsx"}]},{"name":"input-group-search-with-icon","type":"registry:example","title":"Input Group Search With Icon","description":"A React search input group with SearchIcon at inline-end position providing visual search affordance using shadcn/ui InputGroup components","dependencies":["lucide-react"],"registryDependencies":["input-group"],"files":[{"path":"examples/input-group/icons/input-group-search-with-icon.tsx","type":"registry:example","target":"components/examples/input-group/icons/input-group-search-with-icon.tsx"}]},{"name":"input-group-contact-fields-with-icons","type":"registry:example","title":"Input Group Contact Fields With Icons","description":"A React contact form with email and phone input groups showing MailIcon and PhoneIcon at inline-end positions using shadcn/ui InputGroup components","dependencies":["lucide-react"],"registryDependencies":["input-group"],"files":[{"path":"examples/input-group/icons/input-group-contact-fields-with-icons.tsx","type":"registry:example","target":"components/examples/input-group/icons/input-group-contact-fields-with-icons.tsx"}]},{"name":"input-group-dual-icons","type":"registry:example","title":"Input Group Dual Icons","description":"A React input group with dual icons showing CreditCard plus Lock icons and Lock plus HelpCircle icons at both start and end positions using shadcn/ui InputGroup","dependencies":["lucide-react"],"registryDependencies":["input-group"],"files":[{"path":"examples/input-group/icons/input-group-dual-icons.tsx","type":"registry:example","target":"components/examples/input-group/icons/input-group-dual-icons.tsx"}]},{"name":"input-group-help-tooltips","type":"registry:example","title":"Input Group Help Tooltips","description":"A React email input with help circle icon tooltip providing privacy reassurance built with shadcn/ui InputGroup and Tooltip components","dependencies":["lucide-react"],"registryDependencies":["input-group","tooltip"],"files":[{"path":"examples/input-group/tooltip/input-group-help-tooltips.tsx","type":"registry:example","target":"components/examples/input-group/tooltip/input-group-help-tooltips.tsx"}]},{"name":"input-group-api-key-info","type":"registry:example","title":"Input Group Api Key Info","description":"A React API key input with info icon tooltip explaining where to find the key built with shadcn/ui InputGroup and Tooltip","dependencies":["lucide-react"],"registryDependencies":["input-group","tooltip"],"files":[{"path":"examples/input-group/tooltip/input-group-api-key-info.tsx","type":"registry:example","target":"components/examples/input-group/tooltip/input-group-api-key-info.tsx"}]},{"name":"input-group-password-requirements","type":"registry:example","title":"Input Group Password Requirements","description":"A React password input with info icon tooltip showing requirements and confirmation help built with shadcn/ui InputGroup and Tooltip","dependencies":["lucide-react"],"registryDependencies":["input-group","tooltip"],"files":[{"path":"examples/input-group/tooltip/input-group-password-requirements.tsx","type":"registry:example","target":"components/examples/input-group/tooltip/input-group-password-requirements.tsx"}]},{"name":"input-group-chat-input","type":"registry:example","title":"Input Group Chat Input","description":"A React chat message textarea with emoji picker button character counter and send button built with shadcn/ui InputGroup components","dependencies":["lucide-react"],"registryDependencies":["input-group"],"files":[{"path":"examples/input-group/textarea/input-group-chat-input.tsx","type":"registry:example","target":"components/examples/input-group/textarea/input-group-chat-input.tsx"}]},{"name":"input-group-code-editor","type":"registry:example","title":"Input Group Code Editor","description":"A React code editor textarea with filename header cursor position footer and run button built with shadcn/ui InputGroup components","dependencies":["lucide-react"],"registryDependencies":["input-group"],"files":[{"path":"examples/input-group/textarea/input-group-code-editor.tsx","type":"registry:example","target":"components/examples/input-group/textarea/input-group-code-editor.tsx"}]},{"name":"input-group-rich-text-toolbar","type":"registry:example","title":"Input Group Rich Text Toolbar","description":"A React textarea with rich text formatting toolbar showing Bold Italic Underline Link and List buttons at block-start built with shadcn/ui InputGroup","dependencies":["lucide-react"],"registryDependencies":["input-group"],"files":[{"path":"examples/input-group/textarea/input-group-rich-text-toolbar.tsx","type":"registry:example","target":"components/examples/input-group/textarea/input-group-rich-text-toolbar.tsx"}]},{"name":"input-group-character-counter-textarea","type":"registry:example","title":"Input Group Character Counter Textarea","description":"A React textarea with live character counter showing limit enforcement at block-end using maxLength built with shadcn/ui InputGroup","registryDependencies":["input-group"],"files":[{"path":"examples/input-group/textarea/input-group-character-counter-textarea.tsx","type":"registry:example","target":"components/examples/input-group/textarea/input-group-character-counter-textarea.tsx"}]},{"name":"input-group-currency-input","type":"registry:example","title":"Input Group Currency Input","description":"A React currency input group with dollar/euro symbols and USD/EUR text using InputGroupText at start and end positions with shadcn/ui InputGroup","registryDependencies":["input-group"],"files":[{"path":"examples/input-group/text/input-group-currency-input.tsx","type":"registry:example","target":"components/examples/input-group/text/input-group-currency-input.tsx"}]},{"name":"input-group-email-with-domain","type":"registry:example","title":"Input Group Email With Domain","description":"A React email input group with at-vercel-dot-com domain suffix using InputGroupText at inline-end position with shadcn/ui InputGroup components","registryDependencies":["input-group"],"files":[{"path":"examples/input-group/text/input-group-email-with-domain.tsx","type":"registry:example","target":"components/examples/input-group/text/input-group-email-with-domain.tsx"}]},{"name":"input-group-character-counter-text","type":"registry:example","title":"Input Group Character Counter Text","description":"A React input group with character counter showing 0 of 280 using InputGroupText at inline-end position tracking maxLength with shadcn/ui InputGroup","registryDependencies":["input-group"],"files":[{"path":"examples/input-group/text/input-group-character-counter-text.tsx","type":"registry:example","target":"components/examples/input-group/text/input-group-character-counter-text.tsx"}]},{"name":"input-group-url-builder","type":"registry:example","title":"Input Group Url Builder","description":"A React URL builder input group with https protocol prefix and dot-com domain suffix using InputGroupText with shadcn/ui InputGroup components","registryDependencies":["input-group"],"files":[{"path":"examples/input-group/text/input-group-url-builder.tsx","type":"registry:example","target":"components/examples/input-group/text/input-group-url-builder.tsx"}]},{"name":"input-group-textarea-with-dropdown","type":"registry:example","title":"Input Group Textarea With Dropdown","description":"A React textarea input group with Format dropdown showing Plain Text, Markdown, HTML options and Send button using shadcn/ui InputGroupTextarea","dependencies":["lucide-react"],"registryDependencies":["dropdown-menu","input-group"],"files":[{"path":"examples/input-group/dropdown/input-group-textarea-with-dropdown.tsx","type":"registry:example","target":"components/examples/input-group/dropdown/input-group-textarea-with-dropdown.tsx"}]},{"name":"input-group-dropdown-actions","type":"registry:example","title":"Input Group Dropdown Actions","description":"A React input group with MoreHorizontal dropdown menu showing contextual actions like Settings, Copy path, and Open location using shadcn/ui InputGroup","dependencies":["lucide-react"],"registryDependencies":["dropdown-menu","input-group"],"files":[{"path":"examples/input-group/dropdown/input-group-dropdown-actions.tsx","type":"registry:example","target":"components/examples/input-group/dropdown/input-group-dropdown-actions.tsx"}]},{"name":"input-group-url-builder-with-dropdown","type":"registry:example","title":"Input Group Url Builder With Dropdown","description":"A React URL builder with protocol dropdown showing https/http and domain extension dropdown showing com/net/org/io using shadcn/ui InputGroup","dependencies":["lucide-react"],"registryDependencies":["dropdown-menu","input-group"],"files":[{"path":"examples/input-group/dropdown/input-group-url-builder-with-dropdown.tsx","type":"registry:example","target":"components/examples/input-group/dropdown/input-group-url-builder-with-dropdown.tsx"}]},{"name":"input-group-search-filters","type":"registry:example","title":"Input Group Search Filters","description":"A React search input group with Category filter dropdown showing product categories using ChevronDown icon and shadcn/ui InputGroup","dependencies":["lucide-react"],"registryDependencies":["dropdown-menu","input-group"],"files":[{"path":"examples/input-group/dropdown/input-group-search-filters.tsx","type":"registry:example","target":"components/examples/input-group/dropdown/input-group-search-filters.tsx"}]},{"name":"standard-carousel","type":"registry:example","title":"Standard Carousel","description":"A basic React carousel component with previous and next navigation buttons for displaying scrollable content slides","dependencies":["@faker-js/faker"],"registryDependencies":["carousel"],"files":[{"path":"examples/carousel/standard/standard-carousel.tsx","type":"registry:example","target":"components/examples/carousel/standard/standard-carousel.tsx"}]},{"name":"carousel-with-thumbnails","type":"registry:example","title":"Carousel With Thumbnails","description":"A React carousel with thumbnail navigation buttons that sync with the main carousel for direct slide selection and visual preview","dependencies":["@faker-js/faker"],"registryDependencies":["button","carousel"],"files":[{"path":"examples/carousel/standard/carousel-with-thumbnails.tsx","type":"registry:example","target":"components/examples/carousel/standard/carousel-with-thumbnails.tsx"}]},{"name":"product-showcase-carousel","type":"registry:example","title":"Product Showcase Carousel","description":"A React product carousel with images, star ratings, price badges, and add-to-cart buttons for e-commerce showcases and recommendations","dependencies":["@faker-js/faker","lucide-react"],"registryDependencies":["badge","button","carousel"],"files":[{"path":"examples/carousel/standard/product-showcase-carousel.tsx","type":"registry:example","target":"components/examples/carousel/standard/product-showcase-carousel.tsx"}]},{"name":"hero-carousel","type":"registry:example","title":"Hero Carousel","description":"A React hero carousel with gradient overlay, centered text content, and call-to-action buttons for homepage banners and promotional slides","dependencies":["@faker-js/faker"],"registryDependencies":["button","carousel"],"files":[{"path":"examples/carousel/standard/hero-carousel.tsx","type":"registry:example","target":"components/examples/carousel/standard/hero-carousel.tsx"}]},{"name":"avatar-with-placeholder-initials-square","type":"registry:example","title":"Avatar With Placeholder Initials Square","description":"A rounded square avatar displaying user initials, perfect for brand accounts and workspace identifiers without photos","registryDependencies":["avatar"],"files":[{"path":"examples/avatar/square/avatar-with-placeholder-initials-square.tsx","type":"registry:example","target":"components/examples/avatar/square/avatar-with-placeholder-initials-square.tsx"}]},{"name":"avatar-with-verification-check-square","type":"registry:example","title":"Avatar With Verification Check Square","description":"A rounded square avatar with blue verification badge for official workspaces, certified integrations, or verified organizations","dependencies":["lucide-react"],"registryDependencies":["avatar"],"files":[{"path":"examples/avatar/square/avatar-with-verification-check-square.tsx","type":"registry:example","target":"components/examples/avatar/square/avatar-with-verification-check-square.tsx"}]},{"name":"avatar-with-online-indicator-square","type":"registry:example","title":"Avatar With Online Indicator Square","description":"A rounded square avatar with green online status indicator for workspace and app presence tracking","registryDependencies":["avatar"],"files":[{"path":"examples/avatar/square/avatar-with-online-indicator-square.tsx","type":"registry:example","target":"components/examples/avatar/square/avatar-with-online-indicator-square.tsx"}]},{"name":"avatar-with-placeholder-icon-square","type":"registry:example","title":"Avatar With Placeholder Icon Square","description":"A rounded square avatar with icon fallback for generic workspace, app, or entity placeholders","dependencies":["lucide-react"],"registryDependencies":["avatar"],"files":[{"path":"examples/avatar/square/avatar-with-placeholder-icon-square.tsx","type":"registry:example","target":"components/examples/avatar/square/avatar-with-placeholder-icon-square.tsx"}]},{"name":"avatar-square","type":"registry:example","title":"Avatar Square","description":"A rounded square avatar with subtle corner radius for modern app interfaces and brand identity displays","registryDependencies":["avatar"],"files":[{"path":"examples/avatar/square/avatar-square.tsx","type":"registry:example","target":"components/examples/avatar/square/avatar-square.tsx"}]},{"name":"avatar-with-offline-indicator-square","type":"registry:example","title":"Avatar With Offline Indicator Square","description":"A rounded square avatar with gray offline indicator for inactive workspaces, disconnected integrations, or unavailable services","registryDependencies":["avatar"],"files":[{"path":"examples/avatar/square/avatar-with-offline-indicator-square.tsx","type":"registry:example","target":"components/examples/avatar/square/avatar-with-offline-indicator-square.tsx"}]},{"name":"avatar-with-count-indicator-square","type":"registry:example","title":"Avatar With Count Indicator Square","description":"A rounded square avatar with red notification count badge for workspace updates, integration alerts, or pending items","registryDependencies":["avatar"],"files":[{"path":"examples/avatar/square/avatar-with-count-indicator-square.tsx","type":"registry:example","target":"components/examples/avatar/square/avatar-with-count-indicator-square.tsx"}]},{"name":"avatar-with-count-indicator-standard","type":"registry:example","title":"Avatar With Count Indicator Standard","description":"A circular avatar with a red notification count badge showing unread messages or pending actions","registryDependencies":["avatar"],"files":[{"path":"examples/avatar/standard/avatar-with-count-indicator-standard.tsx","type":"registry:example","target":"components/examples/avatar/standard/avatar-with-count-indicator-standard.tsx"}]},{"name":"avatar-with-online-indicator-standard","type":"registry:example","title":"Avatar With Online Indicator Standard","description":"A circular avatar with a green presence indicator badge showing online status in messaging and collaboration apps","registryDependencies":["avatar"],"files":[{"path":"examples/avatar/standard/avatar-with-online-indicator-standard.tsx","type":"registry:example","target":"components/examples/avatar/standard/avatar-with-online-indicator-standard.tsx"}]},{"name":"avatar-with-verification-check-standard","type":"registry:example","title":"Avatar With Verification Check Standard","description":"A circular avatar with a blue verification checkmark badge indicating verified or official accounts","dependencies":["lucide-react"],"registryDependencies":["avatar"],"files":[{"path":"examples/avatar/standard/avatar-with-verification-check-standard.tsx","type":"registry:example","target":"components/examples/avatar/standard/avatar-with-verification-check-standard.tsx"}]},{"name":"avatar-with-placeholder-icon-standard","type":"registry:example","title":"Avatar With Placeholder Icon Standard","description":"A circular avatar using a Lucide React icon as fallback, providing a generic user representation when no photo or name exists","dependencies":["lucide-react"],"registryDependencies":["avatar"],"files":[{"path":"examples/avatar/standard/avatar-with-placeholder-icon-standard.tsx","type":"registry:example","target":"components/examples/avatar/standard/avatar-with-placeholder-icon-standard.tsx"}]},{"name":"avatar-with-placeholder-initials-standard","type":"registry:example","title":"Avatar With Placeholder Initials Standard","description":"A circular avatar displaying only user initials without an image, useful for users without profile photos","registryDependencies":["avatar"],"files":[{"path":"examples/avatar/standard/avatar-with-placeholder-initials-standard.tsx","type":"registry:example","target":"components/examples/avatar/standard/avatar-with-placeholder-initials-standard.tsx"}]},{"name":"avatar-standard","type":"registry:example","title":"Avatar Standard","description":"A circular user avatar with image loading and automatic fallback to initials for profile displays","registryDependencies":["avatar"],"files":[{"path":"examples/avatar/standard/avatar-standard.tsx","type":"registry:example","target":"components/examples/avatar/standard/avatar-standard.tsx"}]},{"name":"avatar-with-offline-indicator-standard","type":"registry:example","title":"Avatar With Offline Indicator Standard","description":"A circular avatar with a gray presence indicator badge showing offline or away status for inactive users","registryDependencies":["avatar"],"files":[{"path":"examples/avatar/standard/avatar-with-offline-indicator-standard.tsx","type":"registry:example","target":"components/examples/avatar/standard/avatar-with-offline-indicator-standard.tsx"}]},{"name":"date-picker-with-month-and-year-selector","type":"registry:example","title":"Date Picker With Month And Year Selector","description":"A React date picker with dropdown month and year selectors for quick navigation to any date without clicking through months sequentially","dependencies":["date-fns","react-day-picker","lucide-react"],"registryDependencies":["button","calendar","popover","select"],"files":[{"path":"examples/date-picker/standard/date-picker-with-month-and-year-selector.tsx","type":"registry:example","target":"components/examples/date-picker/standard/date-picker-with-month-and-year-selector.tsx"}]},{"name":"date-picker-with-date-and-time","type":"registry:example","title":"Date Picker With Date And Time","description":"A React date and time picker combining calendar selection with an HTML5 time input field for precise datetime scheduling in a unified interface","dependencies":["date-fns","lucide-react"],"registryDependencies":["button","calendar","input","label","popover"],"files":[{"path":"examples/date-picker/standard/date-picker-with-date-and-time.tsx","type":"registry:example","target":"components/examples/date-picker/standard/date-picker-with-date-and-time.tsx"}]},{"name":"date-picker-with-range","type":"registry:example","title":"Date Picker With Range","description":"A React date range picker displaying two months side-by-side for selecting start and end dates in booking flows and analytics dashboards","dependencies":["@faker-js/faker","date-fns","react-day-picker","lucide-react"],"registryDependencies":["button","calendar","popover"],"files":[{"path":"examples/date-picker/standard/date-picker-with-range.tsx","type":"registry:example","target":"components/examples/date-picker/standard/date-picker-with-range.tsx"}]},{"name":"date-picker-with-disabled-dates","type":"registry:example","title":"Date Picker With Disabled Dates","description":"A React date picker with disabled dates including weekends, specific date ranges, and individual unavailable days for business scheduling","dependencies":["@faker-js/faker","date-fns","react-day-picker","lucide-react"],"registryDependencies":["button","calendar","popover"],"files":[{"path":"examples/date-picker/standard/date-picker-with-disabled-dates.tsx","type":"registry:example","target":"components/examples/date-picker/standard/date-picker-with-disabled-dates.tsx"}]},{"name":"date-picker-with-multiple-day-selection","type":"registry:example","title":"Date Picker With Multiple Day Selection","description":"A React date picker allowing multiple individual date selection for choosing non-consecutive days like recurring event dates or availability marking","dependencies":["@faker-js/faker","date-fns","react-day-picker","lucide-react"],"registryDependencies":["button","calendar","popover"],"files":[{"path":"examples/date-picker/standard/date-picker-with-multiple-day-selection.tsx","type":"registry:example","target":"components/examples/date-picker/standard/date-picker-with-multiple-day-selection.tsx"}]},{"name":"date-picker-as-appointment-picker","type":"registry:example","title":"Date Picker As Appointment Picker","description":"A React appointment booking date picker combining calendar navigation with available time slot selection in a split-panel interface","dependencies":["date-fns","lucide-react"],"registryDependencies":["button","calendar","popover","scroll-area"],"files":[{"path":"examples/date-picker/standard/date-picker-as-appointment-picker.tsx","type":"registry:example","target":"components/examples/date-picker/standard/date-picker-as-appointment-picker.tsx"}]},{"name":"date-picker-with-natural-language","type":"registry:example","title":"Date Picker With Natural Language","description":"A React date picker with natural language quick select shortcuts like Today, Tomorrow, and In a week for faster common date selection","dependencies":["date-fns","lucide-react"],"registryDependencies":["button","calendar","popover","scroll-area"],"files":[{"path":"examples/date-picker/standard/date-picker-with-natural-language.tsx","type":"registry:example","target":"components/examples/date-picker/standard/date-picker-with-natural-language.tsx"}]},{"name":"date-picker-with-custom-select-day-style","type":"registry:example","title":"Date Picker With Custom Select Day Style","description":"A React date picker with custom day styling using modifiers and modifiersStyles to highlight booked dates, holidays, or special occasions with colors","dependencies":["@faker-js/faker","date-fns","react-day-picker","lucide-react"],"registryDependencies":["button","calendar","popover"],"files":[{"path":"examples/date-picker/standard/date-picker-with-custom-select-day-style.tsx","type":"registry:example","target":"components/examples/date-picker/standard/date-picker-with-custom-select-day-style.tsx"}]},{"name":"sonner-top-center-position","type":"registry:example","title":"Sonner Top Center Position","description":"Toast notification centered at top of viewport for high-visibility urgent alerts demanding immediate attention","registryDependencies":["button"],"files":[{"path":"examples/sonner/position/sonner-top-center-position.tsx","type":"registry:example","target":"components/examples/sonner/position/sonner-top-center-position.tsx"}]},{"name":"sonner-top-right-position","type":"registry:example","title":"Sonner Top Right Position","description":"Toast notification positioned at top-right corner for important updates balancing visibility with non-intrusion","registryDependencies":["button"],"files":[{"path":"examples/sonner/position/sonner-top-right-position.tsx","type":"registry:example","target":"components/examples/sonner/position/sonner-top-right-position.tsx"}]},{"name":"sonner-bottom-left-position","type":"registry:example","title":"Sonner Bottom Left Position","description":"Toast notification positioned at bottom-left corner for background updates staying out of primary interaction zones","registryDependencies":["button"],"files":[{"path":"examples/sonner/position/sonner-bottom-left-position.tsx","type":"registry:example","target":"components/examples/sonner/position/sonner-bottom-left-position.tsx"}]},{"name":"sonner-bottom-right-position","type":"registry:example","title":"Sonner Bottom Right Position","description":"Toast notification positioned at bottom-right corner as default conventional placement for action feedback and routine notifications","registryDependencies":["button"],"files":[{"path":"examples/sonner/position/sonner-bottom-right-position.tsx","type":"registry:example","target":"components/examples/sonner/position/sonner-bottom-right-position.tsx"}]},{"name":"sonner-top-left-position","type":"registry:example","title":"Sonner Top Left Position","description":"Toast notification positioned at top-left corner for notifications that shouldn't obscure primary content area","registryDependencies":["button"],"files":[{"path":"examples/sonner/position/sonner-top-left-position.tsx","type":"registry:example","target":"components/examples/sonner/position/sonner-top-left-position.tsx"}]},{"name":"sonner-bottom-center-position","type":"registry:example","title":"Sonner Bottom Center Position","description":"Toast notification centered at bottom of viewport for balanced visibility without corner bias favoring neither side","registryDependencies":["button"],"files":[{"path":"examples/sonner/position/sonner-bottom-center-position.tsx","type":"registry:example","target":"components/examples/sonner/position/sonner-bottom-center-position.tsx"}]},{"name":"sonner-loading-toast","type":"registry:example","title":"Sonner Loading Toast","description":"A standalone Sonner loading toast for manual loading states without automatic promise tracking","registryDependencies":["button"],"files":[{"path":"examples/sonner/promise/sonner-loading-toast.tsx","type":"registry:example","target":"components/examples/sonner/promise/sonner-loading-toast.tsx"}]},{"name":"sonner-promise-toast-with-error","type":"registry:example","title":"Sonner Promise Toast With Error","description":"A Sonner promise toast that formats error messages using the rejected error details for specific failure feedback","registryDependencies":["button"],"files":[{"path":"examples/sonner/promise/sonner-promise-toast-with-error.tsx","type":"registry:example","target":"components/examples/sonner/promise/sonner-promise-toast-with-error.tsx"}]},{"name":"sonner-promise-toast-with-data","type":"registry:example","title":"Sonner Promise Toast With Data","description":"A Sonner promise toast that uses resolved promise data in the success message for personalized feedback","registryDependencies":["button"],"files":[{"path":"examples/sonner/promise/sonner-promise-toast-with-data.tsx","type":"registry:example","target":"components/examples/sonner/promise/sonner-promise-toast-with-data.tsx"}]},{"name":"sonner-basic-promise-toast","type":"registry:example","title":"Sonner Basic Promise Toast","description":"A Sonner promise toast that automatically transitions from loading to success or error based on promise resolution","registryDependencies":["button"],"files":[{"path":"examples/sonner/promise/sonner-basic-promise-toast.tsx","type":"registry:example","target":"components/examples/sonner/promise/sonner-basic-promise-toast.tsx"}]},{"name":"sonner-default-toast","type":"registry:example","title":"Sonner Default Toast","description":"A basic Sonner toast notification with default neutral styling for general informational messages","registryDependencies":["button"],"files":[{"path":"examples/sonner/standard/sonner-default-toast.tsx","type":"registry:example","target":"components/examples/sonner/standard/sonner-default-toast.tsx"}]},{"name":"sonner-error-toast","type":"registry:example","title":"Sonner Error Toast","description":"A Sonner error toast notification with red X icon for alerting users to failures and problems requiring attention","registryDependencies":["button"],"files":[{"path":"examples/sonner/standard/sonner-error-toast.tsx","type":"registry:example","target":"components/examples/sonner/standard/sonner-error-toast.tsx"}]},{"name":"sonner-info-toast","type":"registry:example","title":"Sonner Info Toast","description":"A Sonner info toast notification with blue info icon for sharing helpful information and neutral updates with users","registryDependencies":["button"],"files":[{"path":"examples/sonner/standard/sonner-info-toast.tsx","type":"registry:example","target":"components/examples/sonner/standard/sonner-info-toast.tsx"}]},{"name":"sonner-success-toast","type":"registry:example","title":"Sonner Success Toast","description":"A Sonner success toast notification with green checkmark icon for confirming completed actions and positive outcomes","registryDependencies":["button"],"files":[{"path":"examples/sonner/standard/sonner-success-toast.tsx","type":"registry:example","target":"components/examples/sonner/standard/sonner-success-toast.tsx"}]},{"name":"sonner-warning-toast","type":"registry:example","title":"Sonner Warning Toast","description":"A Sonner warning toast notification with amber alert icon for cautioning users about potential issues or important notices","registryDependencies":["button"],"files":[{"path":"examples/sonner/standard/sonner-warning-toast.tsx","type":"registry:example","target":"components/examples/sonner/standard/sonner-warning-toast.tsx"}]},{"name":"sonner-toast-with-custom-icon","type":"registry:example","title":"Sonner Toast With Custom Icon","description":"Toast notification with custom Lucide React icon replacing default icon for semantic visual reinforcement","dependencies":["lucide-react"],"registryDependencies":["button"],"files":[{"path":"examples/sonner/content/sonner-toast-with-custom-icon.tsx","type":"registry:example","target":"components/examples/sonner/content/sonner-toast-with-custom-icon.tsx"}]},{"name":"sonner-toast-with-custom-duration","type":"registry:example","title":"Sonner Toast With Custom Duration","description":"Toast notification with extended 10-second duration for messages requiring more reading time or emphasis","registryDependencies":["button"],"files":[{"path":"examples/sonner/content/sonner-toast-with-custom-duration.tsx","type":"registry:example","target":"components/examples/sonner/content/sonner-toast-with-custom-duration.tsx"}]},{"name":"sonner-toast-with-description","type":"registry:example","title":"Sonner Toast With Description","description":"Toast notification with title and description providing additional context beyond single message line","registryDependencies":["button"],"files":[{"path":"examples/sonner/content/sonner-toast-with-description.tsx","type":"registry:example","target":"components/examples/sonner/content/sonner-toast-with-description.tsx"}]},{"name":"sonner-toast-with-multi-line-content","type":"registry:example","title":"Sonner Toast With Multi Line Content","description":"Success toast with multi-line description text that automatically wraps for detailed contextual information","registryDependencies":["button"],"files":[{"path":"examples/sonner/content/sonner-toast-with-multi-line-content.tsx","type":"registry:example","target":"components/examples/sonner/content/sonner-toast-with-multi-line-content.tsx"}]},{"name":"sonner-toast-with-rich-html-content","type":"registry:example","title":"Sonner Toast With Rich Html Content","description":"Toast with fully custom React JSX content including avatar badge timestamp for complex notification layouts","registryDependencies":["button"],"files":[{"path":"examples/sonner/content/sonner-toast-with-rich-html-content.tsx","type":"registry:example","target":"components/examples/sonner/content/sonner-toast-with-rich-html-content.tsx"}]},{"name":"sonner-non-dismissible-toast","type":"registry:example","title":"Sonner Non Dismissible Toast","description":"A Sonner toast that cannot be dismissed by clicking the X button, requiring users to wait for auto-dismiss or interact with action buttons","registryDependencies":["button"],"files":[{"path":"examples/sonner/interactive/sonner-non-dismissible-toast.tsx","type":"registry:example","target":"components/examples/sonner/interactive/sonner-non-dismissible-toast.tsx"}]},{"name":"sonner-toast-with-cancel-button","type":"registry:example","title":"Sonner Toast With Cancel Button","description":"A Sonner toast notification with a cancel button for confirmations and dismissible warnings that need explicit user acknowledgment","registryDependencies":["button"],"files":[{"path":"examples/sonner/interactive/sonner-toast-with-cancel-button.tsx","type":"registry:example","target":"components/examples/sonner/interactive/sonner-toast-with-cancel-button.tsx"}]},{"name":"sonner-toast-with-action-button","type":"registry:example","title":"Sonner Toast With Action Button","description":"A Sonner toast notification with an action button that lets users perform or undo operations directly from the toast","registryDependencies":["button"],"files":[{"path":"examples/sonner/interactive/sonner-toast-with-action-button.tsx","type":"registry:example","target":"components/examples/sonner/interactive/sonner-toast-with-action-button.tsx"}]},{"name":"sonner-toast-with-action-and-cancel","type":"registry:example","title":"Sonner Toast With Action And Cancel","description":"A Sonner toast with both action and cancel buttons for confirmations requiring explicit yes/no choices directly in the notification","registryDependencies":["button"],"files":[{"path":"examples/sonner/interactive/sonner-toast-with-action-and-cancel.tsx","type":"registry:example","target":"components/examples/sonner/interactive/sonner-toast-with-action-and-cancel.tsx"}]},{"name":"react-accordion-form-with-icon-sections","type":"registry:example","title":"React Accordion Form With Icon Sections","description":"Multi-step accordion form for React and Next.js with shadcn/ui components, featuring collapsible sections with Lucide React icons and Tailwind CSS styling","dependencies":["@faker-js/faker","lucide-react"],"registryDependencies":["accordion","input"],"files":[{"path":"examples/accordion/form/react-accordion-form-with-icon-sections.tsx","type":"registry:example","target":"components/examples/accordion/form/react-accordion-form-with-icon-sections.tsx"}]},{"name":"react-accordion-form-with-plus-minus-toggle","type":"registry:example","title":"React Accordion Form With Plus Minus Toggle","description":"Multi-step accordion form for React and Next.js with plus/minus toggle indicators, built with shadcn/ui components, Radix UI, and Tailwind CSS for interactive form sections","dependencies":["@faker-js/faker","lucide-react"],"registryDependencies":["accordion","input"],"files":[{"path":"examples/accordion/form/react-accordion-form-with-plus-minus-toggle.tsx","type":"registry:example","target":"components/examples/accordion/form/react-accordion-form-with-plus-minus-toggle.tsx"}]},{"name":"react-multi-level-accordion-with-icons","type":"registry:example","title":"React Multi Level Accordion With Icons","description":"A React nested accordion with Lucide icons for parent sections, built with shadcn/ui, Radix UI, and Tailwind CSS for Next.js. Visual category indicators with expandable content levels.","dependencies":["@faker-js/faker","lucide-react"],"registryDependencies":["accordion","collapsible"],"files":[{"path":"examples/accordion/multi-level/react-multi-level-accordion-with-icons.tsx","type":"registry:example","target":"components/examples/accordion/multi-level/react-multi-level-accordion-with-icons.tsx"}]},{"name":"react-multi-level-accordion-with-plus-minus-trigger","type":"registry:example","title":"React Multi Level Accordion With Plus Minus Trigger","description":"A React hierarchical accordion with bold plus/minus indicators for parent sections, built with shadcn/ui, Radix UI, and Tailwind CSS for Next.js. Nested collapsible content navigation.","dependencies":["@faker-js/faker","lucide-react"],"registryDependencies":["accordion","collapsible"],"files":[{"path":"examples/accordion/multi-level/react-multi-level-accordion-with-plus-minus-trigger.tsx","type":"registry:example","target":"components/examples/accordion/multi-level/react-multi-level-accordion-with-plus-minus-trigger.tsx"}]},{"name":"react-multi-level-accordion-with-left-plus-trigger","type":"registry:example","title":"React Multi Level Accordion With Left Plus Trigger","description":"A React hierarchical accordion with left-aligned plus/minus indicators for action-first navigation, built with shadcn/ui, Radix UI, and Tailwind CSS for Next.js. File tree interface pattern.","dependencies":["@faker-js/faker","lucide-react"],"registryDependencies":["accordion","collapsible"],"files":[{"path":"examples/accordion/multi-level/react-multi-level-accordion-with-left-plus-trigger.tsx","type":"registry:example","target":"components/examples/accordion/multi-level/react-multi-level-accordion-with-left-plus-trigger.tsx"}]},{"name":"react-multi-level-nested-accordion-component","type":"registry:example","title":"React Multi Level Nested Accordion Component","description":"A React multi-level accordion combining shadcn/ui Accordion and Collapsible components for hierarchical navigation in Next.js apps. Built with TypeScript, Radix UI, and Tailwind CSS.","dependencies":["@faker-js/faker","lucide-react"],"registryDependencies":["accordion","collapsible"],"files":[{"path":"examples/accordion/multi-level/react-multi-level-nested-accordion-component.tsx","type":"registry:example","target":"components/examples/accordion/multi-level/react-multi-level-nested-accordion-component.tsx"}]},{"name":"react-accordion-with-left-chevron","type":"registry:example","title":"React Accordion With Left Chevron","description":"A React accordion component built with Next.js, shadcn/ui, Radix UI, and Tailwind CSS featuring left-aligned chevron indicators using flex-row-reverse for action-first navigation patterns","dependencies":["@faker-js/faker"],"registryDependencies":["accordion"],"files":[{"path":"examples/accordion/standard/react-accordion-with-left-chevron.tsx","type":"registry:example","target":"components/examples/accordion/standard/react-accordion-with-left-chevron.tsx"}]},{"name":"react-accordion-with-plus-minus-toggle","type":"registry:example","title":"React Accordion With Plus Minus Toggle","description":"A React accordion component built with Next.js, shadcn/ui, Radix UI, and Tailwind CSS using bold plus/minus toggle indicators instead of chevrons for prominent expand/collapse affordance","dependencies":["@faker-js/faker","lucide-react"],"registryDependencies":["accordion"],"files":[{"path":"examples/accordion/standard/react-accordion-with-plus-minus-toggle.tsx","type":"registry:example","target":"components/examples/accordion/standard/react-accordion-with-plus-minus-toggle.tsx"}]},{"name":"react-standard-accordion-with-chevron","type":"registry:example","title":"React Standard Accordion With Chevron","description":"A basic React accordion component built with Next.js, shadcn/ui, Radix UI, and Tailwind CSS featuring right-aligned chevron indicators for simple collapsible content sections","dependencies":["@faker-js/faker"],"registryDependencies":["accordion"],"files":[{"path":"examples/accordion/standard/react-standard-accordion-with-chevron.tsx","type":"registry:example","target":"components/examples/accordion/standard/react-standard-accordion-with-chevron.tsx"}]},{"name":"react-accordion-with-icons-and-plus-minus-toggle","type":"registry:example","title":"React Accordion With Icons And Plus Minus Toggle","description":"A React accordion component built with Next.js, shadcn/ui, Radix UI, and Tailwind CSS combining category icons with plus/minus toggle indicators for maximum visual clarity","dependencies":["@faker-js/faker","lucide-react"],"registryDependencies":["accordion"],"files":[{"path":"examples/accordion/standard/react-accordion-with-icons-and-plus-minus-toggle.tsx","type":"registry:example","target":"components/examples/accordion/standard/react-accordion-with-icons-and-plus-minus-toggle.tsx"}]},{"name":"react-accordion-with-left-plus-minus-toggle","type":"registry:example","title":"React Accordion With Left Plus Minus Toggle","description":"A React accordion component built with Next.js, shadcn/ui, Radix UI, and Tailwind CSS featuring left-aligned plus/minus indicators combining bold visual affordance with action-first layout","dependencies":["@faker-js/faker","lucide-react"],"registryDependencies":["accordion"],"files":[{"path":"examples/accordion/standard/react-accordion-with-left-plus-minus-toggle.tsx","type":"registry:example","target":"components/examples/accordion/standard/react-accordion-with-left-plus-minus-toggle.tsx"}]},{"name":"react-full-featured-accordion","type":"registry:example","title":"React Full Featured Accordion","description":"A comprehensive React accordion component built with Next.js, shadcn/ui, Radix UI, and Tailwind CSS combining icons, subtitles, and plus/minus indicators for maximum information density","dependencies":["@faker-js/faker","lucide-react"],"registryDependencies":["accordion"],"files":[{"path":"examples/accordion/standard/react-full-featured-accordion.tsx","type":"registry:example","target":"components/examples/accordion/standard/react-full-featured-accordion.tsx"}]},{"name":"react-accordion-with-category-icons","type":"registry:example","title":"React Accordion With Category Icons","description":"A React accordion component built with Next.js, shadcn/ui, Radix UI, and Tailwind CSS featuring icon indicators next to each section title for visual category identification","dependencies":["@faker-js/faker","lucide-react"],"registryDependencies":["accordion"],"files":[{"path":"examples/accordion/standard/react-accordion-with-category-icons.tsx","type":"registry:example","target":"components/examples/accordion/standard/react-accordion-with-category-icons.tsx"}]},{"name":"react-accordion-with-icons-and-subtitle-text","type":"registry:example","title":"React Accordion With Icons And Subtitle Text","description":"A React accordion combining Lucide icons with subtitle text for rich information hierarchy, built with shadcn/ui, Radix UI, and Tailwind CSS","dependencies":["@faker-js/faker","lucide-react"],"registryDependencies":["accordion"],"files":[{"path":"examples/accordion/subtitle/react-accordion-with-icons-and-subtitle-text.tsx","type":"registry:example","target":"components/examples/accordion/subtitle/react-accordion-with-icons-and-subtitle-text.tsx"}]},{"name":"react-accordion-with-icon-subtitle-and-chevron","type":"registry:example","title":"React Accordion With Icon Subtitle And Chevron","description":"A complete React accordion combining Lucide icons, subtitle text, and chevron indicators, built with shadcn/ui, Radix UI, and Tailwind CSS","dependencies":["@faker-js/faker","lucide-react"],"registryDependencies":["accordion"],"files":[{"path":"examples/accordion/subtitle/react-accordion-with-icon-subtitle-and-chevron.tsx","type":"registry:example","target":"components/examples/accordion/subtitle/react-accordion-with-icon-subtitle-and-chevron.tsx"}]},{"name":"react-accordion-with-subtitle-and-plus-minus-toggle","type":"registry:example","title":"React Accordion With Subtitle And Plus Minus Toggle","description":"A React accordion with subtitle text and plus/minus toggle indicators, built with shadcn/ui, Radix UI, Lucide icons, and Tailwind CSS for Next.js","dependencies":["@faker-js/faker","lucide-react"],"registryDependencies":["accordion"],"files":[{"path":"examples/accordion/subtitle/react-accordion-with-subtitle-and-plus-minus-toggle.tsx","type":"registry:example","target":"components/examples/accordion/subtitle/react-accordion-with-subtitle-and-plus-minus-toggle.tsx"}]},{"name":"react-accordion-with-subtitle-text","type":"registry:example","title":"React Accordion With Subtitle Text","description":"A React accordion component with subtitle text beneath each title, built with shadcn/ui, Radix UI, and Tailwind CSS for Next.js applications","dependencies":["@faker-js/faker"],"registryDependencies":["accordion"],"files":[{"path":"examples/accordion/subtitle/react-accordion-with-subtitle-text.tsx","type":"registry:example","target":"components/examples/accordion/subtitle/react-accordion-with-subtitle-text.tsx"}]},{"name":"react-tab-style-accordion-with-left-plus-trigger","type":"registry:example","title":"React Tab Style Accordion With Left Plus Trigger","description":"Card-style accordion with left-aligned plus/minus indicators built with React, Next.js, shadcn/ui Accordion, Radix UI, and Tailwind CSS for expandable sections","dependencies":["@faker-js/faker","lucide-react"],"registryDependencies":["accordion"],"files":[{"path":"examples/accordion/tabs/react-tab-style-accordion-with-left-plus-trigger.tsx","type":"registry:example","target":"components/examples/accordion/tabs/react-tab-style-accordion-with-left-plus-trigger.tsx"}]},{"name":"react-tab-style-accordion-with-plus-trigger","type":"registry:example","title":"React Tab Style Accordion With Plus Trigger","description":"Tab-style accordion with right-aligned plus/minus indicators built with React, Next.js, shadcn/ui Accordion, Radix UI, and Tailwind CSS for expandable cards","dependencies":["@faker-js/faker","lucide-react"],"registryDependencies":["accordion"],"files":[{"path":"examples/accordion/tabs/react-tab-style-accordion-with-plus-trigger.tsx","type":"registry:example","target":"components/examples/accordion/tabs/react-tab-style-accordion-with-plus-trigger.tsx"}]},{"name":"react-tab-style-accordion-component","type":"registry:example","title":"React Tab Style Accordion Component","description":"Tab-style accordion with separated card sections and chevron indicators built with React, Next.js, shadcn/ui Accordion, Radix UI, and Tailwind CSS","dependencies":["@faker-js/faker"],"registryDependencies":["accordion"],"files":[{"path":"examples/accordion/tabs/react-tab-style-accordion-component.tsx","type":"registry:example","target":"components/examples/accordion/tabs/react-tab-style-accordion-component.tsx"}]},{"name":"react-tab-style-accordion-with-left-chevron","type":"registry:example","title":"React Tab Style Accordion With Left Chevron","description":"Tab-style accordion with left-aligned chevron indicators built with React, Next.js, shadcn/ui Accordion, Radix UI, and Tailwind CSS for action-first navigation","dependencies":["@faker-js/faker"],"registryDependencies":["accordion"],"files":[{"path":"examples/accordion/tabs/react-tab-style-accordion-with-left-chevron.tsx","type":"registry:example","target":"components/examples/accordion/tabs/react-tab-style-accordion-with-left-chevron.tsx"}]},{"name":"collapsible-faq-item","type":"registry:example","title":"Collapsible Faq Item","description":"A React FAQ collapsible with question header and Plus icon for expandable answer sections using shadcn/ui and Radix UI","dependencies":["lucide-react"],"registryDependencies":["collapsible"],"files":[{"path":"examples/collapsible/faq/collapsible-faq-item.tsx","type":"registry:example","target":"components/examples/collapsible/faq/collapsible-faq-item.tsx"}]},{"name":"collapsible-faq-with-icon","type":"registry:example","title":"Collapsible Faq With Icon","description":"A React FAQ collapsible with HelpCircle icon and hover border for visual question categorization using Lucide React and shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["collapsible"],"files":[{"path":"examples/collapsible/faq/collapsible-faq-with-icon.tsx","type":"registry:example","target":"components/examples/collapsible/faq/collapsible-faq-with-icon.tsx"}]},{"name":"collapsible-numbered-faq","type":"registry:example","title":"Collapsible Numbered Faq","description":"A React FAQ with numbered badge indicators providing sequential question ordering using shadcn/ui circular number badges","registryDependencies":["collapsible"],"files":[{"path":"examples/collapsible/faq/collapsible-numbered-faq.tsx","type":"registry:example","target":"components/examples/collapsible/faq/collapsible-numbered-faq.tsx"}]},{"name":"collapsible-faq-with-badge","type":"registry:example","title":"Collapsible Faq With Badge","description":"A React FAQ with ChevronRight icon and Badge label for categorized questions with Popular status indicators using shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["badge","collapsible"],"files":[{"path":"examples/collapsible/faq/collapsible-faq-with-badge.tsx","type":"registry:example","target":"components/examples/collapsible/faq/collapsible-faq-with-badge.tsx"}]},{"name":"collapsible-faq-card-style","type":"registry:example","title":"Collapsible Faq Card Style","description":"A React FAQ in card format with shadow, hover state, and ChevronDown rotation for polished question-answer sections using shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["collapsible"],"files":[{"path":"examples/collapsible/faq/collapsible-faq-card-style.tsx","type":"registry:example","target":"components/examples/collapsible/faq/collapsible-faq-card-style.tsx"}]},{"name":"outlined-collapsible","type":"registry:example","title":"Outlined Collapsible","description":"A React collapsible with prominent border-2 outline creating strong visual definition for expandable system information using shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["collapsible"],"files":[{"path":"examples/collapsible/outline/outlined-collapsible.tsx","type":"registry:example","target":"components/examples/collapsible/outline/outlined-collapsible.tsx"}]},{"name":"collapsible-info-box-outline","type":"registry:example","title":"Collapsible Info Box Outline","description":"A React collapsible with blue informational theme featuring Info icon and semantic color borders for expandable notices using shadcn/ui and dark mode support","dependencies":["lucide-react"],"registryDependencies":["collapsible"],"files":[{"path":"examples/collapsible/outline/collapsible-info-box-outline.tsx","type":"registry:example","target":"components/examples/collapsible/outline/collapsible-info-box-outline.tsx"}]},{"name":"collapsible-dashed-outline","type":"registry:example","title":"Collapsible Dashed Outline","description":"A React collapsible with border-dashed outline creating subtle visual definition for optional or secondary expandable configuration sections using shadcn/ui","registryDependencies":["collapsible"],"files":[{"path":"examples/collapsible/outline/collapsible-dashed-outline.tsx","type":"registry:example","target":"components/examples/collapsible/outline/collapsible-dashed-outline.tsx"}]},{"name":"collapsible-warning-outline","type":"registry:example","title":"Collapsible Warning Outline","description":"A React collapsible with yellow warning theme featuring AlertTriangle icon and semantic color borders for cautionary expandable notices using shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["collapsible"],"files":[{"path":"examples/collapsible/outline/collapsible-warning-outline.tsx","type":"registry:example","target":"components/examples/collapsible/outline/collapsible-warning-outline.tsx"}]},{"name":"controlled-collapsible","type":"registry:example","title":"Controlled Collapsible","description":"A React controlled collapsible using useState with open and onOpenChange props for external state management and status display with shadcn/ui","registryDependencies":["collapsible"],"files":[{"path":"examples/collapsible/standard/controlled-collapsible.tsx","type":"registry:example","target":"components/examples/collapsible/standard/controlled-collapsible.tsx"}]},{"name":"inline-trigger-collapsible","type":"registry:example","title":"Inline Trigger Collapsible","description":"A React inline collapsible with ChevronsUpDown icon and justify-between layout for FAQ-style expandable question-answer sections using shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["collapsible"],"files":[{"path":"examples/collapsible/standard/inline-trigger-collapsible.tsx","type":"registry:example","target":"components/examples/collapsible/standard/inline-trigger-collapsible.tsx"}]},{"name":"collapsible-with-icon","type":"registry:example","title":"Collapsible With Icon","description":"A React collapsible with Plus icon and hover underline creating link-style expandable content triggers using shadcn/ui and Lucide React icons","dependencies":["lucide-react"],"registryDependencies":["collapsible"],"files":[{"path":"examples/collapsible/standard/collapsible-with-icon.tsx","type":"registry:example","target":"components/examples/collapsible/standard/collapsible-with-icon.tsx"}]},{"name":"text-only-collapsible","type":"registry:example","title":"Text Only Collapsible","description":"A React text-only collapsible with bracketed expand trigger and heading label creating minimal expandable sections using shadcn/ui without icons or buttons","registryDependencies":["collapsible"],"files":[{"path":"examples/collapsible/standard/text-only-collapsible.tsx","type":"registry:example","target":"components/examples/collapsible/standard/text-only-collapsible.tsx"}]},{"name":"simple-collapsible","type":"registry:example","title":"Simple Collapsible","description":"A React simple collapsible with Button trigger using asChild and ChevronDown icon for basic expandable content sections with shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["button","collapsible"],"files":[{"path":"examples/collapsible/standard/simple-collapsible.tsx","type":"registry:example","target":"components/examples/collapsible/standard/simple-collapsible.tsx"}]},{"name":"collapsible-settings-menu","type":"registry:example","title":"Collapsible Settings Menu","description":"A React settings sidebar menu with icon-labeled sections using ChevronDown expansion and bg-muted content area for organized preference navigation with shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["collapsible"],"files":[{"path":"examples/collapsible/sidebar/collapsible-settings-menu.tsx","type":"registry:example","target":"components/examples/collapsible/sidebar/collapsible-settings-menu.tsx"}]},{"name":"collapsible-nested-sidebar-items","type":"registry:example","title":"Collapsible Nested Sidebar Items","description":"A React nested sidebar navigation with multi-level collapsible sections using ChevronRight indicators and Circle bullets for hierarchical menu structure with shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["collapsible"],"files":[{"path":"examples/collapsible/sidebar/collapsible-nested-sidebar-items.tsx","type":"registry:example","target":"components/examples/collapsible/sidebar/collapsible-nested-sidebar-items.tsx"}]},{"name":"collapsible-minimal-sidebar-group","type":"registry:example","title":"Collapsible Minimal Sidebar Group","description":"A React minimal sidebar section with uppercase label header and ChevronDown for clean document navigation grouping using shadcn/ui borderless design","dependencies":["lucide-react"],"registryDependencies":["collapsible"],"files":[{"path":"examples/collapsible/sidebar/collapsible-minimal-sidebar-group.tsx","type":"registry:example","target":"components/examples/collapsible/sidebar/collapsible-minimal-sidebar-group.tsx"}]},{"name":"collapsible-sidebar-with-counts","type":"registry:example","title":"Collapsible Sidebar With Counts","description":"A React sidebar navigation with Badge count indicators showing item quantities using ChevronRight expansion and border-l visual threading with shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["badge","collapsible"],"files":[{"path":"examples/collapsible/sidebar/collapsible-sidebar-with-counts.tsx","type":"registry:example","target":"components/examples/collapsible/sidebar/collapsible-sidebar-with-counts.tsx"}]},{"name":"collapsible-nested-card-content","type":"registry:example","title":"Collapsible Nested Card Content","description":"A React collapsible card with structured nested sections divided by borders for organized multi-part content using shadcn/ui","registryDependencies":["collapsible"],"files":[{"path":"examples/collapsible/card/collapsible-nested-card-content.tsx","type":"registry:example","target":"components/examples/collapsible/card/collapsible-nested-card-content.tsx"}]},{"name":"collapsible-card-with-icon-header","type":"registry:example","title":"Collapsible Card With Icon Header","description":"A React collapsible card with icon badge, title, and subtitle providing rich header context using shadcn/ui and Lucide React","dependencies":["lucide-react"],"registryDependencies":["collapsible"],"files":[{"path":"examples/collapsible/card/collapsible-card-with-icon-header.tsx","type":"registry:example","target":"components/examples/collapsible/card/collapsible-card-with-icon-header.tsx"}]},{"name":"card-collapsible","type":"registry:example","title":"Card Collapsible","description":"A React collapsible card with border and shadow for expandable content sections using shadcn/ui and Radix UI primitives","dependencies":["lucide-react"],"registryDependencies":["collapsible"],"files":[{"path":"examples/collapsible/card/card-collapsible.tsx","type":"registry:example","target":"components/examples/collapsible/card/card-collapsible.tsx"}]},{"name":"collapsible-card-with-badge","type":"registry:example","title":"Collapsible Card With Badge","description":"A React collapsible card with badge indicator providing status or category labels in header using shadcn/ui Badge component","dependencies":["lucide-react"],"registryDependencies":["badge","collapsible"],"files":[{"path":"examples/collapsible/card/collapsible-card-with-badge.tsx","type":"registry:example","target":"components/examples/collapsible/card/collapsible-card-with-badge.tsx"}]},{"name":"subtle-card-collapsible","type":"registry:example","title":"Subtle Card Collapsible","description":"A React collapsible with dashed border and muted background for subtle code or secondary content reveals using shadcn/ui styling","registryDependencies":["collapsible"],"files":[{"path":"examples/collapsible/card/subtle-card-collapsible.tsx","type":"registry:example","target":"components/examples/collapsible/card/subtle-card-collapsible.tsx"}]},{"name":"radio-group-radiogroup-with-custom-content","type":"registry:example","title":"Radio Group Radiogroup With Custom Content","description":"Advanced radio group with rich card content including pricing badges, descriptions, and feature lists for premium tier selection","registryDependencies":["badge","label","radio-group"],"files":[{"path":"examples/radio-group/advanced/radio-group-radiogroup-with-custom-content.tsx","type":"registry:example","target":"components/examples/radio-group/advanced/radio-group-radiogroup-with-custom-content.tsx"}]},{"name":"radio-group-radiogroup-with-icons","type":"registry:example","title":"Radio Group Radiogroup With Icons","description":"Radio options enhanced with Lucide React icons alongside labels for improved visual recognition and category identification","dependencies":["lucide-react"],"registryDependencies":["label","radio-group"],"files":[{"path":"examples/radio-group/advanced/radio-group-radiogroup-with-icons.tsx","type":"registry:example","target":"components/examples/radio-group/advanced/radio-group-radiogroup-with-icons.tsx"}]},{"name":"radio-group-radiogroup-with-disabled-states","type":"registry:example","title":"Radio Group Radiogroup With Disabled States","description":"Radio group demonstrating enabled, disabled, and mixed state behaviors for conditional option availability in forms","registryDependencies":["label","radio-group"],"files":[{"path":"examples/radio-group/form/radio-group-radiogroup-with-disabled-states.tsx","type":"registry:example","target":"components/examples/radio-group/form/radio-group-radiogroup-with-disabled-states.tsx"}]},{"name":"radio-group-radiogroup-in-form","type":"registry:example","title":"Radio Group Radiogroup In Form","description":"A fully validated radio group integrated with React Hook Form, Zod schema validation, and error messaging for production forms","registryDependencies":["button","form","label","radio-group"],"files":[{"path":"examples/radio-group/form/radio-group-radiogroup-in-form.tsx","type":"registry:example","target":"components/examples/radio-group/form/radio-group-radiogroup-in-form.tsx"}]},{"name":"radio-group-basic-radiogroup","type":"registry:example","title":"Radio Group Basic Radiogroup","description":"A simple vertical radio group with basic label pairing for single-choice selection in forms and settings","registryDependencies":["label","radio-group"],"files":[{"path":"examples/radio-group/standard/radio-group-basic-radiogroup.tsx","type":"registry:example","target":"components/examples/radio-group/standard/radio-group-basic-radiogroup.tsx"}]},{"name":"radio-group-radiogroup-with-descriptions","type":"registry:example","title":"Radio Group Radiogroup With Descriptions","description":"A radio group with descriptive text below each option label, providing additional context for informed decision-making","registryDependencies":["label","radio-group"],"files":[{"path":"examples/radio-group/standard/radio-group-radiogroup-with-descriptions.tsx","type":"registry:example","target":"components/examples/radio-group/standard/radio-group-radiogroup-with-descriptions.tsx"}]},{"name":"radio-group-radiogroup-in-grid","type":"registry:example","title":"Radio Group Radiogroup In Grid","description":"A multi-column grid layout for radio options, organizing choices into compact two-column or multi-column arrangements","registryDependencies":["label","radio-group"],"files":[{"path":"examples/radio-group/layout/radio-group-radiogroup-in-grid.tsx","type":"registry:example","target":"components/examples/radio-group/layout/radio-group-radiogroup-in-grid.tsx"}]},{"name":"radio-group-horizontal-radiogroup","type":"registry:example","title":"Radio Group Horizontal Radiogroup","description":"A horizontally aligned radio group arranging options in a single row for compact inline selection","registryDependencies":["label","radio-group"],"files":[{"path":"examples/radio-group/layout/radio-group-horizontal-radiogroup.tsx","type":"registry:example","target":"components/examples/radio-group/layout/radio-group-horizontal-radiogroup.tsx"}]},{"name":"radio-group-radiogroup-with-cards","type":"registry:example","title":"Radio Group Radiogroup With Cards","description":"Radio options styled as clickable card containers with borders, shadows, and hover states for premium selection interfaces","registryDependencies":["label","radio-group"],"files":[{"path":"examples/radio-group/layout/radio-group-radiogroup-with-cards.tsx","type":"registry:example","target":"components/examples/radio-group/layout/radio-group-radiogroup-with-cards.tsx"}]},{"name":"simple-text-menubar","type":"registry:example","title":"Simple Text Menubar","description":"Simple text-only Menubar component with single File menu and basic actions for desktop-style navigation built with shadcn/ui","registryDependencies":["menubar"],"files":[{"path":"examples/menubar/standard/simple-text-menubar.tsx","type":"registry:example","target":"components/examples/menubar/standard/simple-text-menubar.tsx"}]},{"name":"menubar-with-shortcuts","type":"registry:example","title":"Menubar With Shortcuts","description":"Menubar component with MenubarShortcut displaying keyboard shortcuts next to menu items for Edit actions built with shadcn/ui","registryDependencies":["menubar"],"files":[{"path":"examples/menubar/standard/menubar-with-shortcuts.tsx","type":"registry:example","target":"components/examples/menubar/standard/menubar-with-shortcuts.tsx"}]},{"name":"menubar-with-radio-groups","type":"registry:example","title":"Menubar With Radio Groups","description":"Menubar component with MenubarRadioGroup and MenubarRadioItem for mutually exclusive Layout view options built with shadcn/ui","registryDependencies":["menubar"],"files":[{"path":"examples/menubar/standard/menubar-with-radio-groups.tsx","type":"registry:example","target":"components/examples/menubar/standard/menubar-with-radio-groups.tsx"}]},{"name":"menubar-with-sections","type":"registry:example","title":"Menubar With Sections","description":"Menubar component with MenubarLabel section headings organizing Actions and History groups for Edit menu built with shadcn/ui","registryDependencies":["menubar"],"files":[{"path":"examples/menubar/standard/menubar-with-sections.tsx","type":"registry:example","target":"components/examples/menubar/standard/menubar-with-sections.tsx"}]},{"name":"menubar-with-destructive-action","type":"registry:example","title":"Menubar With Destructive Action","description":"Menubar component with destructive variant MenubarItem for dangerous Delete action visually separated with red styling built with shadcn/ui","registryDependencies":["menubar"],"files":[{"path":"examples/menubar/standard/menubar-with-destructive-action.tsx","type":"registry:example","target":"components/examples/menubar/standard/menubar-with-destructive-action.tsx"}]},{"name":"menubar-with-icons","type":"registry:example","title":"Menubar With Icons","description":"Menubar component with Lucide React icons next to menu items for visual action identification in File menu built with shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["menubar"],"files":[{"path":"examples/menubar/standard/menubar-with-icons.tsx","type":"registry:example","target":"components/examples/menubar/standard/menubar-with-icons.tsx"}]},{"name":"menubar-with-checkboxes","type":"registry:example","title":"Menubar With Checkboxes","description":"Menubar component with MenubarCheckboxItem for toggleable View options like Show Toolbar and Status Bar built with shadcn/ui","registryDependencies":["menubar"],"files":[{"path":"examples/menubar/standard/menubar-with-checkboxes.tsx","type":"registry:example","target":"components/examples/menubar/standard/menubar-with-checkboxes.tsx"}]},{"name":"menubar-with-submenu","type":"registry:example","title":"Menubar With Submenu","description":"Menubar component with MenubarSub nested submenu for Open Recent file list hierarchical organization built with shadcn/ui","registryDependencies":["menubar"],"files":[{"path":"examples/menubar/standard/menubar-with-submenu.tsx","type":"registry:example","target":"components/examples/menubar/standard/menubar-with-submenu.tsx"}]},{"name":"compact-menubar","type":"registry:example","title":"Compact Menubar","description":"Compact Menubar component with single Options menu containing minimal Settings and Sign Out items for simple applications built with shadcn/ui","registryDependencies":["menubar"],"files":[{"path":"examples/menubar/standard/compact-menubar.tsx","type":"registry:example","target":"components/examples/menubar/standard/compact-menubar.tsx"}]},{"name":"application-menubar","type":"registry:example","title":"Application Menubar","description":"Complete application Menubar with File, Edit, and View menus containing shortcuts and separators for desktop-style web apps built with shadcn/ui","registryDependencies":["menubar"],"files":[{"path":"examples/menubar/standard/application-menubar.tsx","type":"registry:example","target":"components/examples/menubar/standard/application-menubar.tsx"}]},{"name":"quarter-progress","type":"registry:example","title":"Quarter Progress","description":"A progress bar at 25 percent showing early progress stage using shadcn/ui Progress component with one quarter completion","registryDependencies":["progress"],"files":[{"path":"examples/progress/basic/quarter-progress.tsx","type":"registry:example","target":"components/examples/progress/basic/quarter-progress.tsx"}]},{"name":"three-quarters-progress","type":"registry:example","title":"Three Quarters Progress","description":"A progress bar at 75 percent showing near-completion state using shadcn/ui Progress component with three quarters filled","registryDependencies":["progress"],"files":[{"path":"examples/progress/basic/three-quarters-progress.tsx","type":"registry:example","target":"components/examples/progress/basic/three-quarters-progress.tsx"}]},{"name":"complete-progress","type":"registry:example","title":"Complete Progress","description":"A progress bar at 100 percent showing completion state using shadcn/ui Progress component fully filled for success indication","registryDependencies":["progress"],"files":[{"path":"examples/progress/basic/complete-progress.tsx","type":"registry:example","target":"components/examples/progress/basic/complete-progress.tsx"}]},{"name":"empty-progress","type":"registry:example","title":"Empty Progress","description":"A progress bar at 0 percent showing the empty initial state before any progress begins using shadcn/ui Progress component","registryDependencies":["progress"],"files":[{"path":"examples/progress/basic/empty-progress.tsx","type":"registry:example","target":"components/examples/progress/basic/empty-progress.tsx"}]},{"name":"half-progress","type":"registry:example","title":"Half Progress","description":"A progress bar at 50 percent showing the halfway point using shadcn/ui Progress component with half completion milestone","registryDependencies":["progress"],"files":[{"path":"examples/progress/basic/half-progress.tsx","type":"registry:example","target":"components/examples/progress/basic/half-progress.tsx"}]},{"name":"progress-danger","type":"registry:example","title":"Progress Danger","description":"A red danger-colored progress bar using custom Tailwind classes for critical error or high-risk state indication at 25 percent","registryDependencies":["progress"],"files":[{"path":"examples/progress/colored/progress-danger.tsx","type":"registry:example","target":"components/examples/progress/colored/progress-danger.tsx"}]},{"name":"progress-gradient","type":"registry:example","title":"Progress Gradient","description":"A gradient-colored progress bar using Tailwind gradient utilities for modern multi-color visual effect at 65 percent","registryDependencies":["progress"],"files":[{"path":"examples/progress/colored/progress-gradient.tsx","type":"registry:example","target":"components/examples/progress/colored/progress-gradient.tsx"}]},{"name":"progress-success","type":"registry:example","title":"Progress Success","description":"A green success-colored progress bar using custom Tailwind classes for semantic success state indication at 70 percent","registryDependencies":["progress"],"files":[{"path":"examples/progress/colored/progress-success.tsx","type":"registry:example","target":"components/examples/progress/colored/progress-success.tsx"}]},{"name":"progress-warning","type":"registry:example","title":"Progress Warning","description":"A yellow warning-colored progress bar using custom Tailwind classes for cautionary or moderate state indication at 50 percent","registryDependencies":["progress"],"files":[{"path":"examples/progress/colored/progress-warning.tsx","type":"registry:example","target":"components/examples/progress/colored/progress-warning.tsx"}]},{"name":"progress-info","type":"registry:example","title":"Progress Info","description":"A blue info-colored progress bar using custom Tailwind classes for informational or neutral state indication at 60 percent","registryDependencies":["progress"],"files":[{"path":"examples/progress/colored/progress-info.tsx","type":"registry:example","target":"components/examples/progress/colored/progress-info.tsx"}]},{"name":"progress-extra-large","type":"registry:example","title":"Progress Extra Large","description":"Extra large progress bar with h-6 height (24px) for maximum prominence and accessibility in hero progress scenarios built with shadcn/ui","registryDependencies":["progress"],"files":[{"path":"examples/progress/sizes/progress-extra-large.tsx","type":"registry:example","target":"components/examples/progress/sizes/progress-extra-large.tsx"}]},{"name":"progress-extra-small","type":"registry:example","title":"Progress Extra Small","description":"Extra small progress bar with h-1 height (4px) for minimal visual weight and subtle progress indicators built with shadcn/ui","registryDependencies":["progress"],"files":[{"path":"examples/progress/sizes/progress-extra-small.tsx","type":"registry:example","target":"components/examples/progress/sizes/progress-extra-small.tsx"}]},{"name":"progress-default","type":"registry:example","title":"Progress Default","description":"Default progress bar with standard height providing optimal visibility and usability balance for general-purpose progress tracking built with shadcn/ui","registryDependencies":["progress"],"files":[{"path":"examples/progress/sizes/progress-default.tsx","type":"registry:example","target":"components/examples/progress/sizes/progress-default.tsx"}]},{"name":"progress-small","type":"registry:example","title":"Progress Small","description":"Small progress bar with h-1.5 height (6px) balancing visibility and compactness for space-efficient progress tracking built with shadcn/ui","registryDependencies":["progress"],"files":[{"path":"examples/progress/sizes/progress-small.tsx","type":"registry:example","target":"components/examples/progress/sizes/progress-small.tsx"}]},{"name":"progress-large","type":"registry:example","title":"Progress Large","description":"Large progress bar with h-4 height (16px) for prominent visibility and improved accessibility in primary progress scenarios built with shadcn/ui","registryDependencies":["progress"],"files":[{"path":"examples/progress/sizes/progress-large.tsx","type":"registry:example","target":"components/examples/progress/sizes/progress-large.tsx"}]},{"name":"progress-with-count","type":"registry:example","title":"Progress With Count","description":"A progress bar with item count display showing completion ratio like 7 of 10 tasks with labeled description","registryDependencies":["progress"],"files":[{"path":"examples/progress/with-label/progress-with-count.tsx","type":"registry:example","target":"components/examples/progress/with-label/progress-with-count.tsx"}]},{"name":"progress-with-percentage","type":"registry:example","title":"Progress With Percentage","description":"A progress bar with percentage label displaying current completion as numeric value at 65 percent with text label","registryDependencies":["progress"],"files":[{"path":"examples/progress/with-label/progress-with-percentage.tsx","type":"registry:example","target":"components/examples/progress/with-label/progress-with-percentage.tsx"}]},{"name":"progress-with-label-below","type":"registry:example","title":"Progress With Label Below","description":"A progress bar with encouraging text label positioned below showing motivational message like Almost there at 80 percent","registryDependencies":["progress"],"files":[{"path":"examples/progress/with-label/progress-with-label-below.tsx","type":"registry:example","target":"components/examples/progress/with-label/progress-with-label-below.tsx"}]},{"name":"progress-multi-line-label","type":"registry:example","title":"Progress Multi Line Label","description":"A progress bar with multi-line label showing title, subtitle, and percentage for rich contextual progress information at 35 percent","registryDependencies":["progress"],"files":[{"path":"examples/progress/with-label/progress-multi-line-label.tsx","type":"registry:example","target":"components/examples/progress/with-label/progress-multi-line-label.tsx"}]},{"name":"progress-with-label-above","type":"registry:example","title":"Progress With Label Above","description":"A progress bar with text label positioned above showing operation status like Uploading at 45 percent completion","registryDependencies":["progress"],"files":[{"path":"examples/progress/with-label/progress-with-label-above.tsx","type":"registry:example","target":"components/examples/progress/with-label/progress-with-label-above.tsx"}]},{"name":"meeting-notes-card","type":"registry:example","title":"Meeting Notes Card","description":"A React card displaying meeting notes with structured content list and overlapping attendee avatars in the footer for collaboration tracking","dependencies":["@faker-js/faker","date-fns"],"registryDependencies":["avatar","card"],"files":[{"path":"examples/card/standard/meeting-notes-card.tsx","type":"registry:example","target":"components/examples/card/standard/meeting-notes-card.tsx"}]},{"name":"login-card","type":"registry:example","title":"Login Card","description":"A React login form card with email/password inputs, social authentication button, and forgot password link for user authentication","registryDependencies":["button","card","input","label"],"files":[{"path":"examples/card/standard/login-card.tsx","type":"registry:example","target":"components/examples/card/standard/login-card.tsx"}]},{"name":"image-card","type":"registry:example","title":"Image Card","description":"A React card with hero image, icon indicators for property specifications, and pricing for real estate or product listings","dependencies":["@faker-js/faker","lucide-react"],"registryDependencies":["card"],"files":[{"path":"examples/card/standard/image-card.tsx","type":"registry:example","target":"components/examples/card/standard/image-card.tsx"}]},{"name":"standard-card","type":"registry:example","title":"Standard Card","description":"A basic React card component with title, description, content area, and action buttons for displaying structured information","registryDependencies":["button","card"],"files":[{"path":"examples/card/standard/standard-card.tsx","type":"registry:example","target":"components/examples/card/standard/standard-card.tsx"}]},{"name":"vertical-separator","type":"registry:example","title":"Vertical Separator","description":"A vertical separator line dividing horizontal content columns using orientation vertical prop with flex layout","registryDependencies":["separator"],"files":[{"path":"examples/separator/basic/vertical-separator.tsx","type":"registry:example","target":"components/examples/separator/basic/vertical-separator.tsx"}]},{"name":"separator-section-divider","type":"registry:example","title":"Separator Section Divider","description":"Horizontal separator dividing titled content sections with headers and descriptive text for structured layouts","registryDependencies":["separator"],"files":[{"path":"examples/separator/basic/separator-section-divider.tsx","type":"registry:example","target":"components/examples/separator/basic/separator-section-divider.tsx"}]},{"name":"horizontal-separator","type":"registry:example","title":"Horizontal Separator","description":"A horizontal separator line dividing vertical content sections with default styling and space-y spacing","registryDependencies":["separator"],"files":[{"path":"examples/separator/basic/horizontal-separator.tsx","type":"registry:example","target":"components/examples/separator/basic/horizontal-separator.tsx"}]},{"name":"separator-simple-line","type":"registry:example","title":"Separator Simple Line","description":"A minimal horizontal separator line with no surrounding content showing basic usage and default styling","registryDependencies":["separator"],"files":[{"path":"examples/separator/basic/separator-simple-line.tsx","type":"registry:example","target":"components/examples/separator/basic/separator-simple-line.tsx"}]},{"name":"separator-in-navigation","type":"registry:example","title":"Separator In Navigation","description":"Vertical separators between navigation links using h-4 height constraint for decorative inline dividers","registryDependencies":["separator"],"files":[{"path":"examples/separator/basic/separator-in-navigation.tsx","type":"registry:example","target":"components/examples/separator/basic/separator-in-navigation.tsx"}]},{"name":"separator-with-text-center","type":"registry:example","title":"Separator With Text Center","description":"Separator with centered text label between two symmetric separator lines for OR dividers in authentication forms built with shadcn/ui","registryDependencies":["separator"],"files":[{"path":"examples/separator/with-text/separator-with-text-center.tsx","type":"registry:example","target":"components/examples/separator/with-text/separator-with-text-center.tsx"}]},{"name":"separator-with-text-right","type":"registry:example","title":"Separator With Text Right","description":"Separator with right-aligned text label preceded by extending separator line for trailing actions and continuation links built with shadcn/ui","registryDependencies":["separator"],"files":[{"path":"examples/separator/with-text/separator-with-text-right.tsx","type":"registry:example","target":"components/examples/separator/with-text/separator-with-text-right.tsx"}]},{"name":"separator-with-text-left","type":"registry:example","title":"Separator With Text Left","description":"Separator with left-aligned text label followed by extending separator line for section headers and directional content flow built with shadcn/ui","registryDependencies":["separator"],"files":[{"path":"examples/separator/with-text/separator-with-text-left.tsx","type":"registry:example","target":"components/examples/separator/with-text/separator-with-text-left.tsx"}]},{"name":"separator-with-margins","type":"registry:example","title":"Separator With Margins","description":"Separator with direct margins using my-6 applied to the separator element itself for precise spacing control built with shadcn/ui","registryDependencies":["separator"],"files":[{"path":"examples/separator/spacing/separator-with-margins.tsx","type":"registry:example","target":"components/examples/separator/spacing/separator-with-margins.tsx"}]},{"name":"inset-separator","type":"registry:example","title":"Inset Separator","description":"Inset separator with horizontal margins using mx-8 creating visual indentation for contained or nested content sections built with shadcn/ui","registryDependencies":["separator"],"files":[{"path":"examples/separator/spacing/inset-separator.tsx","type":"registry:example","target":"components/examples/separator/spacing/inset-separator.tsx"}]},{"name":"separator-tight-spacing","type":"registry:example","title":"Separator Tight Spacing","description":"Separator with tight spacing using space-y-1 for compact layouts with minimal whitespace between sections built with shadcn/ui","registryDependencies":["separator"],"files":[{"path":"examples/separator/spacing/separator-tight-spacing.tsx","type":"registry:example","target":"components/examples/separator/spacing/separator-tight-spacing.tsx"}]},{"name":"separator-default-spacing","type":"registry:example","title":"Separator Default Spacing","description":"Separator with default spacing using space-y-4 for balanced layouts providing comfortable breathing room between sections built with shadcn/ui","registryDependencies":["separator"],"files":[{"path":"examples/separator/spacing/separator-default-spacing.tsx","type":"registry:example","target":"components/examples/separator/spacing/separator-default-spacing.tsx"}]},{"name":"separator-wide-spacing","type":"registry:example","title":"Separator Wide Spacing","description":"Separator with wide spacing using space-y-8 for generous layouts with maximum breathing room between major sections built with shadcn/ui","registryDependencies":["separator"],"files":[{"path":"examples/separator/spacing/separator-wide-spacing.tsx","type":"registry:example","target":"components/examples/separator/spacing/separator-wide-spacing.tsx"}]},{"name":"separator-double-line","type":"registry:example","title":"Separator Double Line","description":"Two parallel horizontal separators with space-y-1 gap for elegant, formal, or traditional visual divisions with sophisticated appearance","registryDependencies":["separator"],"files":[{"path":"examples/separator/styled/separator-double-line.tsx","type":"registry:example","target":"components/examples/separator/styled/separator-double-line.tsx"}]},{"name":"gradient-separator","type":"registry:example","title":"Gradient Separator","description":"A gradient fade separator using bg-gradient-to-r from transparent via border to transparent for elegant soft-edge divisions","files":[{"path":"examples/separator/styled/gradient-separator.tsx","type":"registry:example","target":"components/examples/separator/styled/gradient-separator.tsx"}]},{"name":"thick-separator","type":"registry:example","title":"Thick Separator","description":"A thick horizontal separator using h-1 (4px) height for prominent visual division between content sections","registryDependencies":["separator"],"files":[{"path":"examples/separator/styled/thick-separator.tsx","type":"registry:example","target":"components/examples/separator/styled/thick-separator.tsx"}]},{"name":"dotted-separator","type":"registry:example","title":"Dotted Separator","description":"A dotted horizontal separator using border-dotted with bg-transparent for decorative or lightweight visual divisions","registryDependencies":["separator"],"files":[{"path":"examples/separator/styled/dotted-separator.tsx","type":"registry:example","target":"components/examples/separator/styled/dotted-separator.tsx"}]},{"name":"dashed-separator","type":"registry:example","title":"Dashed Separator","description":"A dashed horizontal separator using border-dashed with bg-transparent for informal or temporary visual divisions","registryDependencies":["separator"],"files":[{"path":"examples/separator/styled/dashed-separator.tsx","type":"registry:example","target":"components/examples/separator/styled/dashed-separator.tsx"}]},{"name":"tooltip-with-longer-text","type":"registry:example","title":"Tooltip With Longer Text","description":"A tooltip with multi-line longer text content using max-w-xs width constraint for proper text wrapping and readability","registryDependencies":["button","tooltip"],"files":[{"path":"examples/tooltip/standard/tooltip-with-longer-text.tsx","type":"registry:example","target":"components/examples/tooltip/standard/tooltip-with-longer-text.tsx"}]},{"name":"tooltip-positions","type":"registry:example","title":"Tooltip Positions","description":"Tooltips with side prop positioning showing top, bottom, left, and right placement options for flexible contextual help positioning","registryDependencies":["button","tooltip"],"files":[{"path":"examples/tooltip/standard/tooltip-positions.tsx","type":"registry:example","target":"components/examples/tooltip/standard/tooltip-positions.tsx"}]},{"name":"tooltip-on-icon","type":"registry:example","title":"Tooltip On Icon","description":"A tooltip triggered by an InfoIcon button using rounded-full p-2 hover:bg-accent styling for compact help indicators","dependencies":["lucide-react"],"registryDependencies":["tooltip"],"files":[{"path":"examples/tooltip/standard/tooltip-on-icon.tsx","type":"registry:example","target":"components/examples/tooltip/standard/tooltip-on-icon.tsx"}]},{"name":"simple-tooltip","type":"registry:example","title":"Simple Tooltip","description":"A basic tooltip with simple text content triggered on hover using TooltipTrigger with asChild prop for accessible help text","registryDependencies":["button","tooltip"],"files":[{"path":"examples/tooltip/standard/simple-tooltip.tsx","type":"registry:example","target":"components/examples/tooltip/standard/simple-tooltip.tsx"}]},{"name":"tooltip-with-title-and-description","type":"registry:example","title":"Tooltip With Title And Description","description":"A tooltip with structured content showing title in font-semibold and description in text-xs using flex-col gap-1 layout","registryDependencies":["button","tooltip"],"files":[{"path":"examples/tooltip/content/tooltip-with-title-and-description.tsx","type":"registry:example","target":"components/examples/tooltip/content/tooltip-with-title-and-description.tsx"}]},{"name":"tooltip-with-image","type":"registry:example","title":"Tooltip With Image","description":"A tooltip with image preview showing 257x150px thumbnail with title and description using max-w-xs and p-0 for edge-to-edge image display","registryDependencies":["button","tooltip"],"files":[{"path":"examples/tooltip/content/tooltip-with-image.tsx","type":"registry:example","target":"components/examples/tooltip/content/tooltip-with-image.tsx"}]},{"name":"tooltip-with-icon","type":"registry:example","title":"Tooltip With Icon","description":"A tooltip with icon and text content using flex items-center gap-2 layout with CheckCircleIcon from Lucide React for status indicators","dependencies":["lucide-react"],"registryDependencies":["button","tooltip"],"files":[{"path":"examples/tooltip/content/tooltip-with-icon.tsx","type":"registry:example","target":"components/examples/tooltip/content/tooltip-with-icon.tsx"}]},{"name":"tooltip-with-keyboard-shortcut","type":"registry:example","title":"Tooltip With Keyboard Shortcut","description":"A tooltip showing keyboard shortcut with Kbd component using flex items-center gap-2 layout displaying command key combinations","registryDependencies":["button","kbd","tooltip"],"files":[{"path":"examples/tooltip/content/tooltip-with-keyboard-shortcut.tsx","type":"registry:example","target":"components/examples/tooltip/content/tooltip-with-keyboard-shortcut.tsx"}]},{"name":"hover-card-profile-with-location","type":"registry:example","title":"Hover Card Profile With Location","description":"A React hover card showing detailed user profile with location join date icons and expanded bio in wider card layout built with shadcn/ui and Lucide React","dependencies":["lucide-react"],"registryDependencies":["avatar","hover-card"],"files":[{"path":"examples/hover-card/profile/hover-card-profile-with-location.tsx","type":"registry:example","target":"components/examples/hover-card/profile/hover-card-profile-with-location.tsx"}]},{"name":"hover-card-profile-with-follow-button","type":"registry:example","title":"Hover Card Profile With Follow Button","description":"A React hover card showing user profile with avatar bio follower counts and follow action button built with shadcn/ui for social interactions","registryDependencies":["avatar","button","hover-card"],"files":[{"path":"examples/hover-card/profile/hover-card-profile-with-follow-button.tsx","type":"registry:example","target":"components/examples/hover-card/profile/hover-card-profile-with-follow-button.tsx"}]},{"name":"hover-card-profile-with-badge","type":"registry:example","title":"Hover Card Profile With Badge","description":"A React hover card showing user profile with avatar in trigger badge for status and join date information built with shadcn/ui components","registryDependencies":["avatar","badge","hover-card"],"files":[{"path":"examples/hover-card/profile/hover-card-profile-with-badge.tsx","type":"registry:example","target":"components/examples/hover-card/profile/hover-card-profile-with-badge.tsx"}]},{"name":"simple-profile-hover-card","type":"registry:example","title":"Simple Profile Hover Card","description":"A React hover card showing user profile with avatar name and bio on username link hover built with shadcn/ui HoverCard and Avatar components","registryDependencies":["avatar","hover-card"],"files":[{"path":"examples/hover-card/profile/simple-profile-hover-card.tsx","type":"registry:example","target":"components/examples/hover-card/profile/simple-profile-hover-card.tsx"}]},{"name":"hover-card-profile-with-stats","type":"registry:example","title":"Hover Card Profile With Stats","description":"A React hover card showing user profile with avatar bio and grid of stats separated by divider built with shadcn/ui HoverCard and Separator components","registryDependencies":["avatar","hover-card","separator"],"files":[{"path":"examples/hover-card/profile/hover-card-profile-with-stats.tsx","type":"registry:example","target":"components/examples/hover-card/profile/hover-card-profile-with-stats.tsx"}]},{"name":"hover-card-link-preview","type":"registry:example","title":"Hover Card Link Preview","description":"A React hover card displaying link preview with article title, description, and external domain on underlined anchor trigger using shadcn/ui HoverCard","dependencies":["lucide-react"],"registryDependencies":["hover-card"],"files":[{"path":"examples/hover-card/preview/hover-card-link-preview.tsx","type":"registry:example","target":"components/examples/hover-card/preview/hover-card-link-preview.tsx"}]},{"name":"hover-card-event-preview","type":"registry:example","title":"Hover Card Event Preview","description":"A React hover card showing event details with Calendar, Clock, Users icons, Upcoming badge, and structured date, time, and attendee information","dependencies":["lucide-react"],"registryDependencies":["badge","hover-card"],"files":[{"path":"examples/hover-card/preview/hover-card-event-preview.tsx","type":"registry:example","target":"components/examples/hover-card/preview/hover-card-event-preview.tsx"}]},{"name":"hover-card-document-preview","type":"registry:example","title":"Hover Card Document Preview","description":"A React hover card showing document preview with FileText icon background, file details, description, and last modified date on anchor trigger","dependencies":["lucide-react"],"registryDependencies":["hover-card"],"files":[{"path":"examples/hover-card/preview/hover-card-document-preview.tsx","type":"registry:example","target":"components/examples/hover-card/preview/hover-card-document-preview.tsx"}]},{"name":"hover-card-product-preview","type":"registry:example","title":"Hover Card Product Preview","description":"A React hover card displaying product preview with Package icon, pricing with original and sale prices, description, rating, and stock status","dependencies":["lucide-react"],"registryDependencies":["hover-card"],"files":[{"path":"examples/hover-card/preview/hover-card-product-preview.tsx","type":"registry:example","target":"components/examples/hover-card/preview/hover-card-product-preview.tsx"}]},{"name":"hover-card-image-preview","type":"registry:example","title":"Hover Card Image Preview","description":"A React hover card displaying actual image thumbnail with filename, dimensions, size, and format on button trigger using shadcn/ui HoverCard","dependencies":["lucide-react"],"registryDependencies":["hover-card"],"files":[{"path":"examples/hover-card/preview/hover-card-image-preview.tsx","type":"registry:example","target":"components/examples/hover-card/preview/hover-card-image-preview.tsx"}]},{"name":"hover-card-technical-info","type":"registry:example","title":"Hover Card Technical Info","description":"A React hover card with Code icon trigger displaying API endpoint details with formatted method, URL, and auth using code tags and w-80 width","dependencies":["lucide-react"],"registryDependencies":["hover-card"],"files":[{"path":"examples/hover-card/info/hover-card-technical-info.tsx","type":"registry:example","target":"components/examples/hover-card/info/hover-card-technical-info.tsx"}]},{"name":"hover-card-info-with-icon-and-badge","type":"registry:example","title":"Hover Card Info With Icon And Badge","description":"A React hover card using Badge with Shield icon as trigger displaying verification details with circular icon background in content","dependencies":["lucide-react"],"registryDependencies":["badge","hover-card"],"files":[{"path":"examples/hover-card/info/hover-card-info-with-icon-and-badge.tsx","type":"registry:example","target":"components/examples/hover-card/info/hover-card-info-with-icon-and-badge.tsx"}]},{"name":"hover-card-info-with-title","type":"registry:example","title":"Hover Card Info With Title","description":"A React hover card with Info icon trigger displaying titled API rate limit tiers with structured content using shadcn/ui HoverCard","dependencies":["lucide-react"],"registryDependencies":["hover-card"],"files":[{"path":"examples/hover-card/info/hover-card-info-with-title.tsx","type":"registry:example","target":"components/examples/hover-card/info/hover-card-info-with-title.tsx"}]},{"name":"hover-card-warning-info","type":"registry:example","title":"Hover Card Warning Info","description":"A React hover card within orange warning banner showing limited time offer details with AlertCircle icon and underlined Details trigger","dependencies":["lucide-react"],"registryDependencies":["hover-card"],"files":[{"path":"examples/hover-card/info/hover-card-warning-info.tsx","type":"registry:example","target":"components/examples/hover-card/info/hover-card-warning-info.tsx"}]},{"name":"hover-card-simple-info-tooltip","type":"registry:example","title":"Hover Card Simple Info Tooltip","description":"A React hover card with HelpCircle icon trigger displaying contextual storage limit information using shadcn/ui HoverCard and Radix UI","dependencies":["lucide-react"],"registryDependencies":["hover-card"],"files":[{"path":"examples/hover-card/info/hover-card-simple-info-tooltip.tsx","type":"registry:example","target":"components/examples/hover-card/info/hover-card-simple-info-tooltip.tsx"}]},{"name":"hover-card-simple-stats","type":"registry:example","title":"Hover Card Simple Stats","description":"A React hover card showing metric with icon and detailed breakdown by time period on hover over stat card trigger built with shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["hover-card"],"files":[{"path":"examples/hover-card/stats/hover-card-simple-stats.tsx","type":"registry:example","target":"components/examples/hover-card/stats/hover-card-simple-stats.tsx"}]},{"name":"hover-card-growth-stats","type":"registry:example","title":"Hover Card Growth Stats","description":"A React hover card showing metric with percentage growth indicator expanding to current previous and change comparison built with shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["hover-card"],"files":[{"path":"examples/hover-card/stats/hover-card-growth-stats.tsx","type":"registry:example","target":"components/examples/hover-card/stats/hover-card-growth-stats.tsx"}]},{"name":"hover-card-user-stats","type":"registry:example","title":"Hover Card User Stats","description":"A React hover card showing user metrics with grid layout and separator dividing primary stats from secondary details built with shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["hover-card","separator"],"files":[{"path":"examples/hover-card/stats/hover-card-user-stats.tsx","type":"registry:example","target":"components/examples/hover-card/stats/hover-card-user-stats.tsx"}]},{"name":"hover-card-performance-stats","type":"registry:example","title":"Hover Card Performance Stats","description":"A React hover card showing system performance metrics with progress bar and status badge expanding from badge trigger built with shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["badge","hover-card"],"files":[{"path":"examples/hover-card/stats/hover-card-performance-stats.tsx","type":"registry:example","target":"components/examples/hover-card/stats/hover-card-performance-stats.tsx"}]},{"name":"hover-card-financial-stats","type":"registry:example","title":"Hover Card Financial Stats","description":"A React hover card showing financial metrics with income and expense breakdown calculating net profit with arrow indicators built with shadcn/ui","dependencies":["lucide-react"],"registryDependencies":["hover-card"],"files":[{"path":"examples/hover-card/stats/hover-card-financial-stats.tsx","type":"registry:example","target":"components/examples/hover-card/stats/hover-card-financial-stats.tsx"}]},{"name":"button-group-chart-controls","type":"registry:example","title":"Button Group Chart Controls","description":"Chart type selector button group with toggle states for switching visualization modes in analytics dashboards","dependencies":["lucide-react"],"registryDependencies":["button","button-group"],"files":[{"path":"examples/button-group/display/button-group-chart-controls.tsx","type":"registry:example","target":"components/examples/button-group/display/button-group-chart-controls.tsx"}]},{"name":"button-group-timeline-controls","type":"registry:example","title":"Button Group Timeline Controls","description":"Timeline period selector button group for filtering data by time ranges in analytics and monitoring interfaces","registryDependencies":["button","button-group"],"files":[{"path":"examples/button-group/display/button-group-timeline-controls.tsx","type":"registry:example","target":"components/examples/button-group/display/button-group-timeline-controls.tsx"}]},{"name":"button-group-density-controls","type":"registry:example","title":"Button Group Density Controls","description":"Display density selector button group for adjusting content spacing and information density in data tables and lists","registryDependencies":["button","button-group"],"files":[{"path":"examples/button-group/display/button-group-density-controls.tsx","type":"registry:example","target":"components/examples/button-group/display/button-group-density-controls.tsx"}]},{"name":"button-group-map-controls","type":"registry:example","title":"Button Group Map Controls","description":"Map view mode selector button group for switching between satellite, road, terrain, and hybrid map layers","dependencies":["lucide-react"],"registryDependencies":["button","button-group"],"files":[{"path":"examples/button-group/display/button-group-map-controls.tsx","type":"registry:example","target":"components/examples/button-group/display/button-group-map-controls.tsx"}]},{"name":"button-group-loading-states","type":"registry:example","title":"Button Group Loading States","description":"Button group with individual loading states for async actions","dependencies":["lucide-react"],"registryDependencies":["button","button-group"],"files":[{"path":"examples/button-group/patterns/button-group-loading-states.tsx","type":"registry:example","target":"components/examples/button-group/patterns/button-group-loading-states.tsx"}]},{"name":"button-group-contextual-toolbar","type":"registry:example","title":"Button Group Contextual Toolbar","description":"Contextual toolbar button group appearing on text selection for formatting actions","dependencies":["lucide-react"],"registryDependencies":["button","button-group"],"files":[{"path":"examples/button-group/patterns/button-group-contextual-toolbar.tsx","type":"registry:example","target":"components/examples/button-group/patterns/button-group-contextual-toolbar.tsx"}]},{"name":"button-group-keyboard-shortcuts","type":"registry:example","title":"Button Group Keyboard Shortcuts","description":"Button group with keyboard shortcuts displayed using Kbd component for shortcut visibility","dependencies":["lucide-react"],"registryDependencies":["button","button-group","kbd"],"files":[{"path":"examples/button-group/patterns/button-group-keyboard-shortcuts.tsx","type":"registry:example","target":"components/examples/button-group/patterns/button-group-keyboard-shortcuts.tsx"}]},{"name":"button-group-overflow-menu","type":"registry:example","title":"Button Group Overflow Menu","description":"Overflow menu button group combining primary actions with a dropdown for secondary options","dependencies":["lucide-react"],"registryDependencies":["button","button-group","dropdown-menu"],"files":[{"path":"examples/button-group/patterns/button-group-overflow-menu.tsx","type":"registry:example","target":"components/examples/button-group/patterns/button-group-overflow-menu.tsx"}]},{"name":"button-group-file-operations","type":"registry:example","title":"Button Group File Operations","description":"A button group for file management actions with Download, Share, Edit, and Delete operations in unified controls","dependencies":["lucide-react"],"registryDependencies":["button","button-group"],"files":[{"path":"examples/button-group/actions/button-group-file-operations.tsx","type":"registry:example","target":"components/examples/button-group/actions/button-group-file-operations.tsx"}]},{"name":"button-group-social-actions","type":"registry:example","title":"Button Group Social Actions","description":"A button group for social engagement actions with Like, Comment, and Share controls in unified layouts","dependencies":["lucide-react"],"registryDependencies":["button","button-group"],"files":[{"path":"examples/button-group/actions/button-group-social-actions.tsx","type":"registry:example","target":"components/examples/button-group/actions/button-group-social-actions.tsx"}]},{"name":"button-group-bulk-actions","type":"registry:example","title":"Button Group Bulk Actions","description":"A button group for bulk operations on multiple items with Select All, Delete, Archive, and Move actions for efficient batch processing","dependencies":["lucide-react"],"registryDependencies":["button","button-group"],"files":[{"path":"examples/button-group/actions/button-group-bulk-actions.tsx","type":"registry:example","target":"components/examples/button-group/actions/button-group-bulk-actions.tsx"}]},{"name":"button-group-comment-actions","type":"registry:example","title":"Button Group Comment Actions","description":"A button group for comment management with Reply, Edit, Delete, and Report controls for threaded discussion interfaces","dependencies":["lucide-react"],"registryDependencies":["button","button-group"],"files":[{"path":"examples/button-group/actions/button-group-comment-actions.tsx","type":"registry:example","target":"components/examples/button-group/actions/button-group-comment-actions.tsx"}]},{"name":"stepper-button-group","type":"registry:example","title":"Stepper Button Group","description":"A stepper control with increment/decrement buttons flanking numeric input for precise value adjustment","dependencies":["lucide-react"],"registryDependencies":["button","button-group","input"],"files":[{"path":"examples/button-group/advanced/stepper-button-group.tsx","type":"registry:example","target":"components/examples/button-group/advanced/stepper-button-group.tsx"}]},{"name":"button-group-rich-text-toolbar","type":"registry:example","title":"Button Group Rich Text Toolbar","description":"A rich text formatting toolbar with toggle buttons for text styling and alignment controls in unified button groups","dependencies":["lucide-react"],"registryDependencies":["button","button-group"],"files":[{"path":"examples/button-group/advanced/button-group-rich-text-toolbar.tsx","type":"registry:example","target":"components/examples/button-group/advanced/button-group-rich-text-toolbar.tsx"}]},{"name":"button-group-with-select","type":"registry:example","title":"Button Group With Select","description":"A button group combining Select components with static text for compound inputs like phone numbers and URLs","registryDependencies":["button-group","select"],"files":[{"path":"examples/button-group/advanced/button-group-with-select.tsx","type":"registry:example","target":"components/examples/button-group/advanced/button-group-with-select.tsx"}]},{"name":"button-group-split-button-with-dropdown","type":"registry:example","title":"Button Group Split Button With Dropdown","description":"A split button pattern combining primary action buttons with dropdown menus for related secondary actions","dependencies":["lucide-react"],"registryDependencies":["button","button-group","dropdown-menu"],"files":[{"path":"examples/button-group/advanced/button-group-split-button-with-dropdown.tsx","type":"registry:example","target":"components/examples/button-group/advanced/button-group-split-button-with-dropdown.tsx"}]},{"name":"button-group-carousel-controls","type":"registry:example","title":"Button Group Carousel Controls","description":"Carousel navigation button group with slide indicators and previous/next controls for image and content carousels","dependencies":["lucide-react"],"registryDependencies":["button","button-group"],"files":[{"path":"examples/button-group/navigation/button-group-carousel-controls.tsx","type":"registry:example","target":"components/examples/button-group/navigation/button-group-carousel-controls.tsx"}]},{"name":"button-group-wizard-steps","type":"registry:example","title":"Button Group Wizard Steps","description":"Wizard step navigation button group with previous/next controls and step labels for multi-step form navigation","dependencies":["lucide-react"],"registryDependencies":["button","button-group"],"files":[{"path":"examples/button-group/navigation/button-group-wizard-steps.tsx","type":"registry:example","target":"components/examples/button-group/navigation/button-group-wizard-steps.tsx"}]},{"name":"button-group-pagination","type":"registry:example","title":"Button Group Pagination","description":"Pagination button group with previous/next controls and numbered page buttons for multi-page navigation","dependencies":["lucide-react"],"registryDependencies":["button","button-group"],"files":[{"path":"examples/button-group/navigation/button-group-pagination.tsx","type":"registry:example","target":"components/examples/button-group/navigation/button-group-pagination.tsx"}]},{"name":"nested-button-groups","type":"registry:example","title":"Nested Button Groups","description":"Nested button groups demonstrating hierarchical action organization with sub-groups","registryDependencies":["button","button-group"],"files":[{"path":"examples/button-group/standard/nested-button-groups.tsx","type":"registry:example","target":"components/examples/button-group/standard/nested-button-groups.tsx"}]},{"name":"vertical-button-group","type":"registry:example","title":"Vertical Button Group","description":"Vertical button group with top-to-bottom layout for stacked action organization","registryDependencies":["button","button-group"],"files":[{"path":"examples/button-group/standard/vertical-button-group.tsx","type":"registry:example","target":"components/examples/button-group/standard/vertical-button-group.tsx"}]},{"name":"button-group-variants","type":"registry:example","title":"Button Group Variants","description":"Button group variant examples showing different styling approaches for grouped buttons","registryDependencies":["button","button-group"],"files":[{"path":"examples/button-group/standard/button-group-variants.tsx","type":"registry:example","target":"components/examples/button-group/standard/button-group-variants.tsx"}]},{"name":"basic-button-group","type":"registry:example","title":"Basic Button Group","description":"Basic button group with horizontal layout and size variants demonstrating fundamental grouping","registryDependencies":["button","button-group"],"files":[{"path":"examples/button-group/standard/basic-button-group.tsx","type":"registry:example","target":"components/examples/button-group/standard/basic-button-group.tsx"}]},{"name":"button-group-zoom-controls","type":"registry:example","title":"Button Group Zoom Controls","description":"Zoom control button group with increase/decrease and reset functionality for image and document scaling","dependencies":["lucide-react"],"registryDependencies":["button","button-group"],"files":[{"path":"examples/button-group/media/button-group-zoom-controls.tsx","type":"registry:example","target":"components/examples/button-group/media/button-group-zoom-controls.tsx"}]},{"name":"button-group-volume-controls","type":"registry:example","title":"Button Group Volume Controls","description":"Volume control button group with mute toggle and increment/decrement for audio level management","dependencies":["lucide-react"],"registryDependencies":["button","button-group"],"files":[{"path":"examples/button-group/media/button-group-volume-controls.tsx","type":"registry:example","target":"components/examples/button-group/media/button-group-volume-controls.tsx"}]},{"name":"button-group-playback-speed","type":"registry:example","title":"Button Group Playback Speed","description":"Playback speed selector button group for video and audio speed adjustment with preset and descriptive variants","registryDependencies":["button","button-group"],"files":[{"path":"examples/button-group/media/button-group-playback-speed.tsx","type":"registry:example","target":"components/examples/button-group/media/button-group-playback-speed.tsx"}]},{"name":"button-group-player-controls","type":"registry:example","title":"Button Group Player Controls","description":"Media player control buttons with play/pause toggle and skip functionality for audio and video interfaces","dependencies":["lucide-react"],"registryDependencies":["button","button-group"],"files":[{"path":"examples/button-group/media/button-group-player-controls.tsx","type":"registry:example","target":"components/examples/button-group/media/button-group-player-controls.tsx"}]},{"name":"button-group-quantity-picker","type":"registry:example","title":"Button Group Quantity Picker","description":"Quantity picker button group with increment/decrement controls for product selection and item counting","dependencies":["lucide-react"],"registryDependencies":["button","button-group"],"files":[{"path":"examples/button-group/forms/button-group-quantity-picker.tsx","type":"registry:example","target":"components/examples/button-group/forms/button-group-quantity-picker.tsx"}]},{"name":"button-group-date-selector","type":"registry:example","title":"Button Group Date Selector","description":"Date range selector button group with preset periods and custom option for form filtering","registryDependencies":["button","button-group"],"files":[{"path":"examples/button-group/forms/button-group-date-selector.tsx","type":"registry:example","target":"components/examples/button-group/forms/button-group-date-selector.tsx"}]},{"name":"button-group-priority-selector","type":"registry:example","title":"Button Group Priority Selector","description":"Priority level selector button group for task and issue management forms","registryDependencies":["button","button-group"],"files":[{"path":"examples/button-group/forms/button-group-priority-selector.tsx","type":"registry:example","target":"components/examples/button-group/forms/button-group-priority-selector.tsx"}]},{"name":"button-group-status-selector","type":"registry:example","title":"Button Group Status Selector","description":"Workflow status selector button group for task progression and state management forms","registryDependencies":["button","button-group"],"files":[{"path":"examples/button-group/forms/button-group-status-selector.tsx","type":"registry:example","target":"components/examples/button-group/forms/button-group-status-selector.tsx"}]},{"name":"button-group-sort-controls","type":"registry:example","title":"Button Group Sort Controls","description":"Sort controls button group with field selection and direction toggle for data ordering","dependencies":["lucide-react"],"registryDependencies":["button","button-group"],"files":[{"path":"examples/button-group/interactive/button-group-sort-controls.tsx","type":"registry:example","target":"components/examples/button-group/interactive/button-group-sort-controls.tsx"}]},{"name":"button-group-view-switcher","type":"registry:example","title":"Button Group View Switcher","description":"View mode switcher button group for toggling between grid, list, and card layouts in content interfaces","dependencies":["lucide-react"],"registryDependencies":["button","button-group"],"files":[{"path":"examples/button-group/interactive/button-group-view-switcher.tsx","type":"registry:example","target":"components/examples/button-group/interactive/button-group-view-switcher.tsx"}]},{"name":"button-group-filter-chips","type":"registry:example","title":"Button Group Filter Chips","description":"Filter chips button group with multi-select capability for content filtering","registryDependencies":["button","button-group"],"files":[{"path":"examples/button-group/interactive/button-group-filter-chips.tsx","type":"registry:example","target":"components/examples/button-group/interactive/button-group-filter-chips.tsx"}]},{"name":"button-group-segmented-control","type":"registry:example","title":"Button Group Segmented Control","description":"Segmented control button group with ghost variant for tab-like navigation and content switching","registryDependencies":["button","button-group"],"files":[{"path":"examples/button-group/interactive/button-group-segmented-control.tsx","type":"registry:example","target":"components/examples/button-group/interactive/button-group-segmented-control.tsx"}]},{"name":"button-group-notifications-button","type":"registry:example","title":"Button Group Notifications Button","description":"A button with notification badge overlay displaying unread counts for alert systems","dependencies":["lucide-react"],"registryDependencies":["badge","button","button-group"],"files":[{"path":"examples/button-group/badges/button-group-notifications-button.tsx","type":"registry:example","target":"components/examples/button-group/badges/button-group-notifications-button.tsx"}]},{"name":"button-group-like-with-count","type":"registry:example","title":"Button Group Like With Count","description":"A like button with adjacent count display showing engagement metrics in social interfaces","dependencies":["lucide-react"],"registryDependencies":["button","button-group"],"files":[{"path":"examples/button-group/badges/button-group-like-with-count.tsx","type":"registry:example","target":"components/examples/button-group/badges/button-group-like-with-count.tsx"}]},{"name":"button-group-messages-and-followers","type":"registry:example","title":"Button Group Messages And Followers","description":"Communication buttons with badges and follower counts for social and messaging interfaces","dependencies":["lucide-react"],"registryDependencies":["badge","button","button-group"],"files":[{"path":"examples/button-group/badges/button-group-messages-and-followers.tsx","type":"registry:example","target":"components/examples/button-group/badges/button-group-messages-and-followers.tsx"}]},{"name":"button-group-cart-button","type":"registry:example","title":"Button Group Cart Button","description":"A shopping cart button with badge count and price display for e-commerce checkout controls","dependencies":["lucide-react"],"registryDependencies":["badge","button","button-group"],"files":[{"path":"examples/button-group/badges/button-group-cart-button.tsx","type":"registry:example","target":"components/examples/button-group/badges/button-group-cart-button.tsx"}]},{"name":"textarea-with-error","type":"registry:example","title":"Textarea With Error","description":"A textarea showing validation error state with aria-invalid and error message below in text-destructive for failed validation","registryDependencies":["label","textarea"],"files":[{"path":"examples/textarea/form/textarea-with-error.tsx","type":"registry:example","target":"components/examples/textarea/form/textarea-with-error.tsx"}]},{"name":"required-textarea","type":"registry:example","title":"Required Textarea","description":"A form textarea with required field indicator showing red asterisk next to label for mandatory multi-line input fields","registryDependencies":["label","textarea"],"files":[{"path":"examples/textarea/form/required-textarea.tsx","type":"registry:example","target":"components/examples/textarea/form/required-textarea.tsx"}]},{"name":"textarea-with-character-count","type":"registry:example","title":"Textarea With Character Count","description":"A controlled textarea with live character count display showing current length versus maxLength limit in text-right alignment","registryDependencies":["label","textarea"],"files":[{"path":"examples/textarea/form/textarea-with-character-count.tsx","type":"registry:example","target":"components/examples/textarea/form/textarea-with-character-count.tsx"}]},{"name":"textarea-with-helper-text","type":"registry:example","title":"Textarea With Helper Text","description":"A textarea with helper text below providing contextual guidance about field purpose or visibility in text-muted-foreground","registryDependencies":["label","textarea"],"files":[{"path":"examples/textarea/form/textarea-with-helper-text.tsx","type":"registry:example","target":"components/examples/textarea/form/textarea-with-helper-text.tsx"}]},{"name":"textarea-with-hint","type":"registry:example","title":"Textarea With Hint","description":"A textarea with optional field hint displayed next to label using flex justify-between layout for clarity on non-required fields","registryDependencies":["label","textarea"],"files":[{"path":"examples/textarea/form/textarea-with-hint.tsx","type":"registry:example","target":"components/examples/textarea/form/textarea-with-hint.tsx"}]},{"name":"textarea-with-inline-label","type":"registry:example","title":"Textarea With Inline Label","description":"Textarea with inline horizontal label layout using flex row and items-center for compact side-by-side form field arrangement built with shadcn/ui","registryDependencies":["label","textarea"],"files":[{"path":"examples/textarea/labeled/textarea-with-inline-label.tsx","type":"registry:example","target":"components/examples/textarea/labeled/textarea-with-inline-label.tsx"}]},{"name":"textarea-with-floating-label","type":"registry:example","title":"Textarea With Floating Label","description":"Textarea with floating label animation using peer selectors and CSS transitions for Material Design-style label that moves on focus built with shadcn/ui","registryDependencies":["textarea"],"files":[{"path":"examples/textarea/labeled/textarea-with-floating-label.tsx","type":"registry:example","target":"components/examples/textarea/labeled/textarea-with-floating-label.tsx"}]},{"name":"textarea-with-description","type":"registry:example","title":"Textarea With Description","description":"Textarea with Label and description text helper providing additional context below label with text-muted-foreground styling built with shadcn/ui","registryDependencies":["label","textarea"],"files":[{"path":"examples/textarea/labeled/textarea-with-description.tsx","type":"registry:example","target":"components/examples/textarea/labeled/textarea-with-description.tsx"}]},{"name":"textarea-with-label","type":"registry:example","title":"Textarea With Label","description":"Textarea with Label component using htmlFor linkage for accessible multi-line text input with proper semantic association built with shadcn/ui","registryDependencies":["label","textarea"],"files":[{"path":"examples/textarea/labeled/textarea-with-label.tsx","type":"registry:example","target":"components/examples/textarea/labeled/textarea-with-label.tsx"}]},{"name":"disabled-textarea","type":"registry:example","title":"Disabled Textarea","description":"Disabled textarea with non-interactive state using disabled prop for read-only display with opacity-50 and cursor-not-allowed styling","registryDependencies":["textarea"],"files":[{"path":"examples/textarea/standard/disabled-textarea.tsx","type":"registry:example","target":"components/examples/textarea/standard/disabled-textarea.tsx"}]},{"name":"short-textarea","type":"registry:example","title":"Short Textarea","description":"Compact textarea with rows={3} and min-h-0 limiting height to three lines for space-efficient multi-line input in dense layouts","registryDependencies":["textarea"],"files":[{"path":"examples/textarea/standard/short-textarea.tsx","type":"registry:example","target":"components/examples/textarea/standard/short-textarea.tsx"}]},{"name":"simple-textarea","type":"registry:example","title":"Simple Textarea","description":"Basic textarea with placeholder for multi-line text input using standard shadcn/ui styling with no additional configuration","registryDependencies":["textarea"],"files":[{"path":"examples/textarea/standard/simple-textarea.tsx","type":"registry:example","target":"components/examples/textarea/standard/simple-textarea.tsx"}]},{"name":"read-only-textarea","type":"registry:example","title":"Read Only Textarea","description":"Read-only textarea using readOnly prop for non-editable display with selectable text and normal appearance included in form submissions","registryDependencies":["textarea"],"files":[{"path":"examples/textarea/standard/read-only-textarea.tsx","type":"registry:example","target":"components/examples/textarea/standard/read-only-textarea.tsx"}]},{"name":"breadcrumb-with-icons-home-icon","type":"registry:example","title":"Breadcrumb With Icons Home Icon","description":"A breadcrumb navigation with icons for every segment to enhance visual hierarchy and scannability","dependencies":["lucide-react"],"registryDependencies":["breadcrumb"],"files":[{"path":"examples/breadcrumb/home-icon/breadcrumb-with-icons-home-icon.tsx","type":"registry:example","target":"components/examples/breadcrumb/home-icon/breadcrumb-with-icons-home-icon.tsx"}]},{"name":"breadcrumb-with-select-home-icon","type":"registry:example","title":"Breadcrumb With Select Home Icon","description":"A breadcrumb navigation with home icon and inline select dropdown for switching between sibling sections","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","select"],"files":[{"path":"examples/breadcrumb/home-icon/breadcrumb-with-select-home-icon.tsx","type":"registry:example","target":"components/examples/breadcrumb/home-icon/breadcrumb-with-select-home-icon.tsx"}]},{"name":"breadcrumb-with-bullet-separator-home-icon","type":"registry:example","title":"Breadcrumb With Bullet Separator Home Icon","description":"A breadcrumb navigation with home icon using bullet points as separators for minimal visual weight","dependencies":["lucide-react"],"registryDependencies":["breadcrumb"],"files":[{"path":"examples/breadcrumb/home-icon/breadcrumb-with-bullet-separator-home-icon.tsx","type":"registry:example","target":"components/examples/breadcrumb/home-icon/breadcrumb-with-bullet-separator-home-icon.tsx"}]},{"name":"breadcrumb-with-dropdown-home-icon","type":"registry:example","title":"Breadcrumb With Dropdown Home Icon","description":"A breadcrumb navigation with home icon and dropdown menu to reveal collapsed navigation segments","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","dropdown-menu"],"files":[{"path":"examples/breadcrumb/home-icon/breadcrumb-with-dropdown-home-icon.tsx","type":"registry:example","target":"components/examples/breadcrumb/home-icon/breadcrumb-with-dropdown-home-icon.tsx"}]},{"name":"breadcrumb-with-ellipsis-home-icon","type":"registry:example","title":"Breadcrumb With Ellipsis Home Icon","description":"A breadcrumb navigation with home icon and ellipsis to collapse middle paths in deep hierarchies","dependencies":["lucide-react"],"registryDependencies":["breadcrumb"],"files":[{"path":"examples/breadcrumb/home-icon/breadcrumb-with-ellipsis-home-icon.tsx","type":"registry:example","target":"components/examples/breadcrumb/home-icon/breadcrumb-with-ellipsis-home-icon.tsx"}]},{"name":"breadcrumb-with-border-home-icon","type":"registry:example","title":"Breadcrumb With Border Home Icon","description":"A breadcrumb navigation with home icon enclosed in a bordered container for visual prominence","dependencies":["lucide-react"],"registryDependencies":["breadcrumb"],"files":[{"path":"examples/breadcrumb/home-icon/breadcrumb-with-border-home-icon.tsx","type":"registry:example","target":"components/examples/breadcrumb/home-icon/breadcrumb-with-border-home-icon.tsx"}]},{"name":"breadcrumb-with-slash-separator-home-icon","type":"registry:example","title":"Breadcrumb With Slash Separator Home Icon","description":"A breadcrumb navigation with home icon using forward slash icon separators for file path aesthetics","dependencies":["lucide-react"],"registryDependencies":["breadcrumb"],"files":[{"path":"examples/breadcrumb/home-icon/breadcrumb-with-slash-separator-home-icon.tsx","type":"registry:example","target":"components/examples/breadcrumb/home-icon/breadcrumb-with-slash-separator-home-icon.tsx"}]},{"name":"breadcrumb-with-bullet-separator-standard","type":"registry:example","title":"Breadcrumb With Bullet Separator Standard","description":"A breadcrumb navigation with text-based Home link using bullet separators for minimal visual weight","registryDependencies":["breadcrumb"],"files":[{"path":"examples/breadcrumb/standard/breadcrumb-with-bullet-separator-standard.tsx","type":"registry:example","target":"components/examples/breadcrumb/standard/breadcrumb-with-bullet-separator-standard.tsx"}]},{"name":"breadcrumb-with-slash-separator-standard","type":"registry:example","title":"Breadcrumb With Slash Separator Standard","description":"A breadcrumb navigation with text-based Home link using forward slash separators for file path aesthetics","dependencies":["lucide-react"],"registryDependencies":["breadcrumb"],"files":[{"path":"examples/breadcrumb/standard/breadcrumb-with-slash-separator-standard.tsx","type":"registry:example","target":"components/examples/breadcrumb/standard/breadcrumb-with-slash-separator-standard.tsx"}]},{"name":"breadcrumb-with-ellipsis-standard","type":"registry:example","title":"Breadcrumb With Ellipsis Standard","description":"A breadcrumb navigation with text-based Home link and ellipsis to collapse middle paths in deep hierarchies","registryDependencies":["breadcrumb"],"files":[{"path":"examples/breadcrumb/standard/breadcrumb-with-ellipsis-standard.tsx","type":"registry:example","target":"components/examples/breadcrumb/standard/breadcrumb-with-ellipsis-standard.tsx"}]},{"name":"breadcrumb-with-border-standard","type":"registry:example","title":"Breadcrumb With Border Standard","description":"A breadcrumb navigation with text-based Home link enclosed in a bordered container for visual prominence","registryDependencies":["breadcrumb"],"files":[{"path":"examples/breadcrumb/standard/breadcrumb-with-border-standard.tsx","type":"registry:example","target":"components/examples/breadcrumb/standard/breadcrumb-with-border-standard.tsx"}]},{"name":"breadcrumb-with-dropdown-standard","type":"registry:example","title":"Breadcrumb With Dropdown Standard","description":"A breadcrumb navigation with text-based Home link and dropdown menu to reveal collapsed segments","dependencies":["lucide-react"],"registryDependencies":["breadcrumb","dropdown-menu"],"files":[{"path":"examples/breadcrumb/standard/breadcrumb-with-dropdown-standard.tsx","type":"registry:example","target":"components/examples/breadcrumb/standard/breadcrumb-with-dropdown-standard.tsx"}]},{"name":"breadcrumb-with-icons-standard","type":"registry:example","title":"Breadcrumb With Icons Standard","description":"A breadcrumb navigation with icons paired with text for every segment to enhance visual hierarchy","dependencies":["lucide-react"],"registryDependencies":["breadcrumb"],"files":[{"path":"examples/breadcrumb/standard/breadcrumb-with-icons-standard.tsx","type":"registry:example","target":"components/examples/breadcrumb/standard/breadcrumb-with-icons-standard.tsx"}]},{"name":"breadcrumb-with-select-standard","type":"registry:example","title":"Breadcrumb With Select Standard","description":"A breadcrumb navigation with text-based Home link and inline select for switching between sibling sections","registryDependencies":["breadcrumb","select"],"files":[{"path":"examples/breadcrumb/standard/breadcrumb-with-select-standard.tsx","type":"registry:example","target":"components/examples/breadcrumb/standard/breadcrumb-with-select-standard.tsx"}]},{"name":"dialog-standard","type":"registry:example","title":"Dialog Standard","description":"A basic modal dialog with header, content area, and footer for displaying focused information and actions","registryDependencies":["button","dialog"],"files":[{"path":"examples/dialog/standard/dialog-standard.tsx","type":"registry:example","target":"components/examples/dialog/standard/dialog-standard.tsx"}]},{"name":"dialog-newsletter","type":"registry:example","title":"Dialog Newsletter","description":"A simple newsletter subscription dialog with email input and subscribe action for capturing user emails","registryDependencies":["button","dialog","input","label"],"files":[{"path":"examples/dialog/standard/dialog-newsletter.tsx","type":"registry:example","target":"components/examples/dialog/standard/dialog-newsletter.tsx"}]},{"name":"dialog-feedback","type":"registry:example","title":"Dialog Feedback","description":"A feedback dialog with textarea for collecting user opinions and suggestions through open-ended text input","registryDependencies":["button","dialog","label","textarea"],"files":[{"path":"examples/dialog/standard/dialog-feedback.tsx","type":"registry:example","target":"components/examples/dialog/standard/dialog-feedback.tsx"}]},{"name":"dialog-signup-form","type":"registry:example","title":"Dialog Signup Form","description":"A signup form dialog with email, password inputs, and social authentication options for user registration","registryDependencies":["button","dialog","input","label","separator"],"files":[{"path":"examples/dialog/standard/dialog-signup-form.tsx","type":"registry:example","target":"components/examples/dialog/standard/dialog-signup-form.tsx"}]},{"name":"dialog-card-details","type":"registry:example","title":"Dialog Card Details","description":"A payment card entry dialog with cardholder name, number, expiry, CVC fields, and default method checkbox","registryDependencies":["button","checkbox","dialog","input","label"],"files":[{"path":"examples/dialog/standard/dialog-card-details.tsx","type":"registry:example","target":"components/examples/dialog/standard/dialog-card-details.tsx"}]},{"name":"dialog-scrollable","type":"registry:example","title":"Dialog Scrollable","description":"A dialog with ScrollArea for displaying long content like terms of service or privacy policies","registryDependencies":["button","dialog","scroll-area"],"files":[{"path":"examples/dialog/standard/dialog-scrollable.tsx","type":"registry:example","target":"components/examples/dialog/standard/dialog-scrollable.tsx"}]},{"name":"dialog-plan-selection","type":"registry:example","title":"Dialog Plan Selection","description":"A pricing plan selection dialog with tiered options, feature lists, and visual selection state for subscription choices","dependencies":["lucide-react"],"registryDependencies":["button","dialog"],"files":[{"path":"examples/dialog/standard/dialog-plan-selection.tsx","type":"registry:example","target":"components/examples/dialog/standard/dialog-plan-selection.tsx"}]},{"name":"dialog-delete-confirmation","type":"registry:example","title":"Dialog Delete Confirmation","description":"A destructive action confirmation dialog requiring typed text match to prevent accidental deletions","registryDependencies":["button","dialog","input","label"],"files":[{"path":"examples/dialog/standard/dialog-delete-confirmation.tsx","type":"registry:example","target":"components/examples/dialog/standard/dialog-delete-confirmation.tsx"}]},{"name":"dialog-edit-profile","type":"registry:example","title":"Dialog Edit Profile","description":"A profile editing dialog with cover photo, avatar upload, form fields, and character-limited bio for user profile management","dependencies":["lucide-react"],"registryDependencies":["button","dialog","input","label","textarea"],"files":[{"path":"examples/dialog/standard/dialog-edit-profile.tsx","type":"registry:example","target":"components/examples/dialog/standard/dialog-edit-profile.tsx"}]},{"name":"dialog-scrollable-with-sticky-header","type":"registry:example","title":"Dialog Scrollable With Sticky Header","description":"A scrollable dialog with sticky header that remains visible while content scrolls, perfect for changelogs and updates","registryDependencies":["button","dialog","scroll-area"],"files":[{"path":"examples/dialog/standard/dialog-scrollable-with-sticky-header.tsx","type":"registry:example","target":"components/examples/dialog/standard/dialog-scrollable-with-sticky-header.tsx"}]},{"name":"dialog-otp-code","type":"registry:example","title":"Dialog Otp Code","description":"An OTP verification dialog with 6-digit code input for email or phone number verification workflows","registryDependencies":["button","dialog","input-otp","label"],"files":[{"path":"examples/dialog/standard/dialog-otp-code.tsx","type":"registry:example","target":"components/examples/dialog/standard/dialog-otp-code.tsx"}]},{"name":"dialog-onboarding","type":"registry:example","title":"Dialog Onboarding","description":"A multi-step onboarding dialog with progress indicators, media content, and skip functionality for user introduction flows","dependencies":["lucide-react"],"registryDependencies":["button","dialog"],"files":[{"path":"examples/dialog/standard/dialog-onboarding.tsx","type":"registry:example","target":"components/examples/dialog/standard/dialog-onboarding.tsx"}]},{"name":"dialog-rating","type":"registry:example","title":"Dialog Rating","description":"A rating dialog with interactive star rating and optional feedback textarea for collecting user experience scores","dependencies":["lucide-react"],"registryDependencies":["button","dialog","label","textarea"],"files":[{"path":"examples/dialog/standard/dialog-rating.tsx","type":"registry:example","target":"components/examples/dialog/standard/dialog-rating.tsx"}]},{"name":"dialog-invite-team-members","type":"registry:example","title":"Dialog Invite Team Members","description":"A team invitation dialog with multiple email inputs and shareable link for collaborative workspace onboarding","registryDependencies":["button","dialog","input","label","separator"],"files":[{"path":"examples/dialog/standard/dialog-invite-team-members.tsx","type":"registry:example","target":"components/examples/dialog/standard/dialog-invite-team-members.tsx"}]},{"name":"dialog-terms-and-conditions","type":"registry:example","title":"Dialog Terms And Conditions","description":"A terms and conditions dialog requiring users to scroll to bottom before accepting, ensuring content review","registryDependencies":["button","dialog","scroll-area"],"files":[{"path":"examples/dialog/standard/dialog-terms-and-conditions.tsx","type":"registry:example","target":"components/examples/dialog/standard/dialog-terms-and-conditions.tsx"}]},{"name":"dialog-checkout","type":"registry:example","title":"Dialog Checkout","description":"A checkout dialog with billing cycle selection, card details, and dynamic price display for subscription purchases","registryDependencies":["button","checkbox","dialog","input","label"],"files":[{"path":"examples/dialog/standard/dialog-checkout.tsx","type":"registry:example","target":"components/examples/dialog/standard/dialog-checkout.tsx"}]},{"name":"dialog-signin-form","type":"registry:example","title":"Dialog Signin Form","description":"A login dialog with email, password, remember me checkbox, and password recovery for user authentication","registryDependencies":["button","checkbox","dialog","input","label"],"files":[{"path":"examples/dialog/standard/dialog-signin-form.tsx","type":"registry:example","target":"components/examples/dialog/standard/dialog-signin-form.tsx"}]},{"name":"basic-item","type":"registry:example","title":"Basic Item","description":"A React list item component with title, description, and action button using shadcn/ui Item with outline variant and ItemActions","registryDependencies":["button","item"],"files":[{"path":"examples/item/standard/basic-item.tsx","type":"registry:example","target":"components/examples/item/standard/basic-item.tsx"}]},{"name":"item-with-media-and-icon","type":"registry:example","title":"Item With Media And Icon","description":"A React clickable list item with BadgeCheckIcon media, title, and ChevronRightIcon using asChild anchor and size-sm built with shadcn/ui Item","dependencies":["lucide-react"],"registryDependencies":["item"],"files":[{"path":"examples/item/standard/item-with-media-and-icon.tsx","type":"registry:example","target":"components/examples/item/standard/item-with-media-and-icon.tsx"}]},{"name":"item-with-header","type":"registry:example","title":"Item With Header","description":"Item components with ItemHeader containing images in 3-column grid layout displaying model cards built with shadcn/ui Item and ItemGroup","registryDependencies":["item"],"files":[{"path":"examples/item/layout/item-with-header.tsx","type":"registry:example","target":"components/examples/item/layout/item-with-header.tsx"}]},{"name":"item-sizes","type":"registry:example","title":"Item Sizes","description":"Item components in default and small sizes showing title, description, media, and actions with shadcn/ui Item size variants","dependencies":["lucide-react"],"registryDependencies":["button","item"],"files":[{"path":"examples/item/layout/item-sizes.tsx","type":"registry:example","target":"components/examples/item/layout/item-sizes.tsx"}]},{"name":"item-group","type":"registry:example","title":"Item Group","description":"Item components grouped together with ItemSeparator dividers creating visually connected user list built with shadcn/ui ItemGroup and Fragment","dependencies":["lucide-react"],"registryDependencies":["avatar","button","item"],"files":[{"path":"examples/item/layout/item-group.tsx","type":"registry:example","target":"components/examples/item/layout/item-group.tsx"}]},{"name":"item-with-image-media","type":"registry:example","title":"Item With Image Media","description":"A React music list using ItemGroup with clickable Items showing album art in ItemMedia image variant, song titles, artists, and duration built with shadcn/ui","registryDependencies":["item"],"files":[{"path":"examples/item/media/item-with-image-media.tsx","type":"registry:example","target":"components/examples/item/media/item-with-image-media.tsx"}]},{"name":"item-with-avatar","type":"registry:example","title":"Item With Avatar","description":"A React user list item with Avatar in ItemMedia, name title, last seen description, and Plus icon invite button built with shadcn/ui Item","dependencies":["lucide-react"],"registryDependencies":["avatar","button","item"],"files":[{"path":"examples/item/media/item-with-avatar.tsx","type":"registry:example","target":"components/examples/item/media/item-with-avatar.tsx"}]},{"name":"item-with-icon-media","type":"registry:example","title":"Item With Icon Media","description":"A React list item with ItemMedia icon variant showing ShieldAlertIcon, security alert title, description, and review button built with shadcn/ui Item","dependencies":["lucide-react"],"registryDependencies":["button","item"],"files":[{"path":"examples/item/media/item-with-icon-media.tsx","type":"registry:example","target":"components/examples/item/media/item-with-icon-media.tsx"}]},{"name":"item-as-link","type":"registry:example","title":"Item As Link","description":"Clickable Item components rendered as anchor links with ChevronRight and ExternalLink icons using shadcn/ui Item with asChild pattern","dependencies":["lucide-react"],"registryDependencies":["item"],"files":[{"path":"examples/item/interactive/item-as-link.tsx","type":"registry:example","target":"components/examples/item/interactive/item-as-link.tsx"}]},{"name":"item-in-dropdown","type":"registry:example","title":"Item In Dropdown","description":"Item components within DropdownMenu displaying user selection list with avatars built using shadcn/ui Item, DropdownMenu, and Avatar","dependencies":["lucide-react"],"registryDependencies":["avatar","button","dropdown-menu","item"],"files":[{"path":"examples/item/interactive/item-in-dropdown.tsx","type":"registry:example","target":"components/examples/item/interactive/item-in-dropdown.tsx"}]},{"name":"skeleton-profile-card","type":"registry:example","title":"Skeleton Profile Card","description":"Profile card skeleton with left-aligned avatar, bio text lines, and three stat counters for social profiles and user cards","registryDependencies":["skeleton"],"files":[{"path":"examples/skeleton/profile/skeleton-profile-card.tsx","type":"registry:example","target":"components/examples/skeleton/profile/skeleton-profile-card.tsx"}]},{"name":"skeleton-profile-with-stats","type":"registry:example","title":"Skeleton Profile With Stats","description":"Profile skeleton with left-aligned header, grid of three bordered stat cards, and full-width action button","registryDependencies":["skeleton"],"files":[{"path":"examples/skeleton/profile/skeleton-profile-with-stats.tsx","type":"registry:example","target":"components/examples/skeleton/profile/skeleton-profile-with-stats.tsx"}]},{"name":"skeleton-profile-settings-form","type":"registry:example","title":"Skeleton Profile Settings Form","description":"Profile settings form skeleton with label-input pairs and textarea for edit profile and account settings forms","registryDependencies":["skeleton"],"files":[{"path":"examples/skeleton/profile/skeleton-profile-settings-form.tsx","type":"registry:example","target":"components/examples/skeleton/profile/skeleton-profile-settings-form.tsx"}]},{"name":"skeleton-team-member-card","type":"registry:example","title":"Skeleton Team Member Card","description":"Centered team member card skeleton with avatar, name, role, bio, and social icon buttons for team grids and directories","registryDependencies":["skeleton"],"files":[{"path":"examples/skeleton/profile/skeleton-team-member-card.tsx","type":"registry:example","target":"components/examples/skeleton/profile/skeleton-team-member-card.tsx"}]},{"name":"skeleton-user-profile-header","type":"registry:example","title":"Skeleton User Profile Header","description":"Centered user profile skeleton with large circular avatar, name and subtitle text, and two action buttons for profile headers","registryDependencies":["skeleton"],"files":[{"path":"examples/skeleton/profile/skeleton-user-profile-header.tsx","type":"registry:example","target":"components/examples/skeleton/profile/skeleton-user-profile-header.tsx"}]},{"name":"skeleton-hierarchical-list-items","type":"registry:example","title":"Skeleton Hierarchical List Items","description":"Hierarchical skeleton list with indented child items using pl-6 padding for nested navigation and file tree structures","registryDependencies":["skeleton"],"files":[{"path":"examples/skeleton/list/skeleton-hierarchical-list-items.tsx","type":"registry:example","target":"components/examples/skeleton/list/skeleton-hierarchical-list-items.tsx"}]},{"name":"skeleton-list-with-icons","type":"registry:example","title":"Skeleton List With Icons","description":"Bordered skeleton list items with left category icon, two-line text content, and right action icon for settings and navigation","registryDependencies":["skeleton"],"files":[{"path":"examples/skeleton/list/skeleton-list-with-icons.tsx","type":"registry:example","target":"components/examples/skeleton/list/skeleton-list-with-icons.tsx"}]},{"name":"skeleton-list-with-avatars","type":"registry:example","title":"Skeleton List With Avatars","description":"Skeleton list items with circular avatar placeholders and two-line text for user lists, contacts, and comment sections","registryDependencies":["skeleton"],"files":[{"path":"examples/skeleton/list/skeleton-list-with-avatars.tsx","type":"registry:example","target":"components/examples/skeleton/list/skeleton-list-with-avatars.tsx"}]},{"name":"skeleton-multi-line-list-items","type":"registry:example","title":"Skeleton Multi Line List Items","description":"Rich skeleton list items with title, multiple text lines, and footer badge placeholders for content previews and articles","registryDependencies":["skeleton"],"files":[{"path":"examples/skeleton/list/skeleton-multi-line-list-items.tsx","type":"registry:example","target":"components/examples/skeleton/list/skeleton-multi-line-list-items.tsx"}]},{"name":"skeleton-simple-list-items","type":"registry:example","title":"Skeleton Simple List Items","description":"Simple skeleton list items with small square icon placeholders and flex-1 text lines for basic loading states","registryDependencies":["skeleton"],"files":[{"path":"examples/skeleton/list/skeleton-simple-list-items.tsx","type":"registry:example","target":"components/examples/skeleton/list/skeleton-simple-list-items.tsx"}]},{"name":"skeleton-form-with-sections","type":"registry:example","title":"Skeleton Form With Sections","description":"A sectioned form skeleton with section headings and border-l-2 visual grouping for organized multi-section data entry","registryDependencies":["skeleton"],"files":[{"path":"examples/skeleton/form/skeleton-form-with-sections.tsx","type":"registry:example","target":"components/examples/skeleton/form/skeleton-form-with-sections.tsx"}]},{"name":"skeleton-search-form","type":"registry:example","title":"Skeleton Search Form","description":"A search form skeleton with input and button combo, filter tags, separator line, and results count display","registryDependencies":["skeleton"],"files":[{"path":"examples/skeleton/form/skeleton-search-form.tsx","type":"registry:example","target":"components/examples/skeleton/form/skeleton-search-form.tsx"}]},{"name":"skeleton-form-with-labels","type":"registry:example","title":"Skeleton Form With Labels","description":"A bordered form skeleton with title, description, three input fields, textarea, and submit button in a card layout","registryDependencies":["skeleton"],"files":[{"path":"examples/skeleton/form/skeleton-form-with-labels.tsx","type":"registry:example","target":"components/examples/skeleton/form/skeleton-form-with-labels.tsx"}]},{"name":"skeleton-multi-column-form","type":"registry:example","title":"Skeleton Multi Column Form","description":"A two-column grid form skeleton with paired input fields side-by-side, full-width final field, and submit button","registryDependencies":["skeleton"],"files":[{"path":"examples/skeleton/form/skeleton-multi-column-form.tsx","type":"registry:example","target":"components/examples/skeleton/form/skeleton-multi-column-form.tsx"}]},{"name":"skeleton-input-fields","type":"registry:example","title":"Skeleton Input Fields","description":"A simple form skeleton with three label and input field pairs for basic form loading states","registryDependencies":["skeleton"],"files":[{"path":"examples/skeleton/form/skeleton-input-fields.tsx","type":"registry:example","target":"components/examples/skeleton/form/skeleton-input-fields.tsx"}]},{"name":"skeleton-expandable-rows","type":"registry:example","title":"Skeleton Expandable Rows","description":"A table skeleton with expandable row detail sections showing one expanded state with indented content and expand indicators","registryDependencies":["skeleton"],"files":[{"path":"examples/skeleton/table/skeleton-expandable-rows.tsx","type":"registry:example","target":"components/examples/skeleton/table/skeleton-expandable-rows.tsx"}]},{"name":"skeleton-table-with-pagination","type":"registry:example","title":"Skeleton Table With Pagination","description":"A table skeleton with pagination controls showing page information and five page number buttons at the bottom","registryDependencies":["skeleton"],"files":[{"path":"examples/skeleton/table/skeleton-table-with-pagination.tsx","type":"registry:example","target":"components/examples/skeleton/table/skeleton-table-with-pagination.tsx"}]},{"name":"skeleton-simple-table-rows","type":"registry:example","title":"Skeleton Simple Table Rows","description":"A simple table skeleton with header row and five data rows in a four-column grid layout for basic tabular data loading states","registryDependencies":["skeleton"],"files":[{"path":"examples/skeleton/table/skeleton-simple-table-rows.tsx","type":"registry:example","target":"components/examples/skeleton/table/skeleton-simple-table-rows.tsx"}]},{"name":"skeleton-table-with-avatars","type":"registry:example","title":"Skeleton Table With Avatars","description":"A user list table skeleton with circular avatars and names in the first column for person-centric data displays","registryDependencies":["skeleton"],"files":[{"path":"examples/skeleton/table/skeleton-table-with-avatars.tsx","type":"registry:example","target":"components/examples/skeleton/table/skeleton-table-with-avatars.tsx"}]},{"name":"skeleton-table-with-actions","type":"registry:example","title":"Skeleton Table With Actions","description":"A table skeleton with five columns including an actions column with dual icon buttons for edit and delete operations","registryDependencies":["skeleton"],"files":[{"path":"examples/skeleton/table/skeleton-table-with-actions.tsx","type":"registry:example","target":"components/examples/skeleton/table/skeleton-table-with-actions.tsx"}]},{"name":"skeleton-comment-thread","type":"registry:example","title":"Skeleton Comment Thread","description":"A comment thread skeleton with multiple comment items showing avatar, username, timestamp, comment text, and action buttons","registryDependencies":["skeleton"],"files":[{"path":"examples/skeleton/content/skeleton-comment-thread.tsx","type":"registry:example","target":"components/examples/skeleton/content/skeleton-comment-thread.tsx"}]},{"name":"skeleton-article-preview","type":"registry:example","title":"Skeleton Article Preview","description":"An article preview skeleton with circular avatar, author info, title, text lines, and rounded tag pills for loading blog posts","registryDependencies":["skeleton"],"files":[{"path":"examples/skeleton/content/skeleton-article-preview.tsx","type":"registry:example","target":"components/examples/skeleton/content/skeleton-article-preview.tsx"}]},{"name":"skeleton-blog-post","type":"registry:example","title":"Skeleton Blog Post","description":"A full blog post skeleton with large title, author section, hero image placeholder, and multiple text paragraphs for article pages","registryDependencies":["skeleton"],"files":[{"path":"examples/skeleton/content/skeleton-blog-post.tsx","type":"registry:example","target":"components/examples/skeleton/content/skeleton-blog-post.tsx"}]},{"name":"skeleton-content-with-sidebar","type":"registry:example","title":"Skeleton Content With Sidebar","description":"A two-column layout skeleton with main content area and sidebar containing bordered cards with titles and list items","registryDependencies":["skeleton"],"files":[{"path":"examples/skeleton/content/skeleton-content-with-sidebar.tsx","type":"registry:example","target":"components/examples/skeleton/content/skeleton-content-with-sidebar.tsx"}]},{"name":"skeleton-detailed-article","type":"registry:example","title":"Skeleton Detailed Article","description":"A detailed article skeleton with title, subtitle, large hero image, multiple sections with subheadings, and additional images for long-form content","registryDependencies":["skeleton"],"files":[{"path":"examples/skeleton/content/skeleton-detailed-article.tsx","type":"registry:example","target":"components/examples/skeleton/content/skeleton-detailed-article.tsx"}]},{"name":"skeleton-card-with-badge-and-tags","type":"registry:example","title":"Skeleton Card With Badge And Tags","description":"A skeleton card with rounded badge placeholders, title, content text lines, and action button skeletons for tagged content loading","registryDependencies":["skeleton"],"files":[{"path":"examples/skeleton/card/skeleton-card-with-badge-and-tags.tsx","type":"registry:example","target":"components/examples/skeleton/card/skeleton-card-with-badge-and-tags.tsx"}]},{"name":"skeleton-card-with-avatar-and-content","type":"registry:example","title":"Skeleton Card With Avatar And Content","description":"A skeleton card with circular avatar placeholder and user content including name, subtitle, and text lines within bordered container","registryDependencies":["skeleton"],"files":[{"path":"examples/skeleton/card/skeleton-card-with-avatar-and-content.tsx","type":"registry:example","target":"components/examples/skeleton/card/skeleton-card-with-avatar-and-content.tsx"}]},{"name":"skeleton-simple-card-with-image-and-text","type":"registry:example","title":"Skeleton Simple Card With Image And Text","description":"A simple skeleton card with rectangular image placeholder and two text line skeletons for loading content previews","dependencies":["framer-motion"],"registryDependencies":["skeleton"],"files":[{"path":"examples/skeleton/card/skeleton-simple-card-with-image-and-text.tsx","type":"registry:example","target":"components/examples/skeleton/card/skeleton-simple-card-with-image-and-text.tsx"}]},{"name":"skeleton-vertical-card-layout","type":"registry:example","title":"Skeleton Vertical Card Layout","description":"A vertical skeleton card with image on top, title and content text below, plus footer with price and button placeholders","registryDependencies":["skeleton"],"files":[{"path":"examples/skeleton/card/skeleton-vertical-card-layout.tsx","type":"registry:example","target":"components/examples/skeleton/card/skeleton-vertical-card-layout.tsx"}]},{"name":"skeleton-horizontal-card-layout","type":"registry:example","title":"Skeleton Horizontal Card Layout","description":"A horizontal skeleton card with square image on left and content on right including title, text lines, and metadata badges","registryDependencies":["skeleton"],"files":[{"path":"examples/skeleton/card/skeleton-horizontal-card-layout.tsx","type":"registry:example","target":"components/examples/skeleton/card/skeleton-horizontal-card-layout.tsx"}]},{"name":"alert-error-with-title-and-action","type":"registry:example","title":"Alert Error With Title And Action","description":"An error alert with title and action buttons for user recovery options like retry and dismiss","registryDependencies":["alert","button"],"files":[{"path":"examples/alert/error/alert-error-with-title-and-action.tsx","type":"registry:example","target":"components/examples/alert/error/alert-error-with-title-and-action.tsx"}]},{"name":"alert-error-with-everything","type":"registry:example","title":"Alert Error With Everything","description":"A complete error alert with icon, title, description, and action buttons for maximum visual impact and clarity","dependencies":["lucide-react"],"registryDependencies":["alert","button"],"files":[{"path":"examples/alert/error/alert-error-with-everything.tsx","type":"registry:example","target":"components/examples/alert/error/alert-error-with-everything.tsx"}]},{"name":"alert-error-with-title-description-and-action","type":"registry:example","title":"Alert Error With Title Description And Action","description":"A comprehensive error alert combining title, explanatory description, and action buttons for complete error communication","registryDependencies":["alert","button"],"files":[{"path":"examples/alert/error/alert-error-with-title-description-and-action.tsx","type":"registry:example","target":"components/examples/alert/error/alert-error-with-title-description-and-action.tsx"}]},{"name":"alert-error-with-title","type":"registry:example","title":"Alert Error With Title","description":"A minimal error alert with just a title for simple failure notifications without detailed explanations","registryDependencies":["alert"],"files":[{"path":"examples/alert/error/alert-error-with-title.tsx","type":"registry:example","target":"components/examples/alert/error/alert-error-with-title.tsx"}]},{"name":"alert-error-with-title-and-description","type":"registry:example","title":"Alert Error With Title And Description","description":"An error alert combining title and description text to explain what failed and provide recovery guidance","registryDependencies":["alert"],"files":[{"path":"examples/alert/error/alert-error-with-title-and-description.tsx","type":"registry:example","target":"components/examples/alert/error/alert-error-with-title-and-description.tsx"}]},{"name":"alert-info-with-title","type":"registry:example","title":"Alert Info With Title","description":"A minimal informational alert with just a title for brief neutral notifications without detailed explanations","registryDependencies":["alert"],"files":[{"path":"examples/alert/info/alert-info-with-title.tsx","type":"registry:example","target":"components/examples/alert/info/alert-info-with-title.tsx"}]},{"name":"alert-info-with-title-and-description","type":"registry:example","title":"Alert Info With Title And Description","description":"An informational alert combining title and description text to provide detailed neutral notifications and guidance","registryDependencies":["alert"],"files":[{"path":"examples/alert/info/alert-info-with-title-and-description.tsx","type":"registry:example","target":"components/examples/alert/info/alert-info-with-title-and-description.tsx"}]},{"name":"alert-info-with-title-and-action","type":"registry:example","title":"Alert Info With Title And Action","description":"An informational alert with title and action buttons for user engagement with learn more and dismiss options","registryDependencies":["alert","button"],"files":[{"path":"examples/alert/info/alert-info-with-title-and-action.tsx","type":"registry:example","target":"components/examples/alert/info/alert-info-with-title-and-action.tsx"}]},{"name":"alert-info-with-everything","type":"registry:example","title":"Alert Info With Everything","description":"A complete informational alert with icon, title, description, and action buttons for maximum clarity and engagement","dependencies":["lucide-react"],"registryDependencies":["alert","button"],"files":[{"path":"examples/alert/info/alert-info-with-everything.tsx","type":"registry:example","target":"components/examples/alert/info/alert-info-with-everything.tsx"}]},{"name":"alert-info-with-title-description-and-action","type":"registry:example","title":"Alert Info With Title Description And Action","description":"A comprehensive informational alert combining title, description, and action buttons for complete neutral messaging","registryDependencies":["alert","button"],"files":[{"path":"examples/alert/info/alert-info-with-title-description-and-action.tsx","type":"registry:example","target":"components/examples/alert/info/alert-info-with-title-description-and-action.tsx"}]},{"name":"alert-standard-with-title-description-and-action","type":"registry:example","title":"Alert Standard With Title Description And Action","description":"A comprehensive neutral alert combining title, description, and action buttons for complete messaging without semantic color coding","registryDependencies":["alert","button"],"files":[{"path":"examples/alert/standard/alert-standard-with-title-description-and-action.tsx","type":"registry:example","target":"components/examples/alert/standard/alert-standard-with-title-description-and-action.tsx"}]},{"name":"alert-standard-with-title","type":"registry:example","title":"Alert Standard With Title","description":"A minimal neutral alert with default styling and just a title for general-purpose notifications","registryDependencies":["alert"],"files":[{"path":"examples/alert/standard/alert-standard-with-title.tsx","type":"registry:example","target":"components/examples/alert/standard/alert-standard-with-title.tsx"}]},{"name":"alert-standard-with-title-and-description","type":"registry:example","title":"Alert Standard With Title And Description","description":"A neutral alert with title and description for general-purpose notifications requiring explanatory context","registryDependencies":["alert"],"files":[{"path":"examples/alert/standard/alert-standard-with-title-and-description.tsx","type":"registry:example","target":"components/examples/alert/standard/alert-standard-with-title-and-description.tsx"}]},{"name":"alert-standard-with-title-and-action","type":"registry:example","title":"Alert Standard With Title And Action","description":"A neutral alert with title and action buttons for user engagement without semantic color coding","registryDependencies":["alert","button"],"files":[{"path":"examples/alert/standard/alert-standard-with-title-and-action.tsx","type":"registry:example","target":"components/examples/alert/standard/alert-standard-with-title-and-action.tsx"}]},{"name":"alert-standard-with-everything","type":"registry:example","title":"Alert Standard With Everything","description":"A complete neutral alert with icon, title, description, and action buttons for maximum clarity without semantic color coding","dependencies":["lucide-react"],"registryDependencies":["alert","button"],"files":[{"path":"examples/alert/standard/alert-standard-with-everything.tsx","type":"registry:example","target":"components/examples/alert/standard/alert-standard-with-everything.tsx"}]},{"name":"alert-success-with-title-and-action","type":"registry:example","title":"Alert Success With Title And Action","description":"A success alert with title and action buttons for positive confirmations with engagement and dismissal options","registryDependencies":["alert","button"],"files":[{"path":"examples/alert/success/alert-success-with-title-and-action.tsx","type":"registry:example","target":"components/examples/alert/success/alert-success-with-title-and-action.tsx"}]},{"name":"alert-success-with-title","type":"registry:example","title":"Alert Success With Title","description":"A minimal success alert with just a title for simple positive confirmation notifications without detailed explanations","registryDependencies":["alert"],"files":[{"path":"examples/alert/success/alert-success-with-title.tsx","type":"registry:example","target":"components/examples/alert/success/alert-success-with-title.tsx"}]},{"name":"alert-success-with-title-description-and-action","type":"registry:example","title":"Alert Success With Title Description And Action","description":"A comprehensive success alert combining title, description, and action buttons for complete positive messaging with context and engagement","registryDependencies":["alert","button"],"files":[{"path":"examples/alert/success/alert-success-with-title-description-and-action.tsx","type":"registry:example","target":"components/examples/alert/success/alert-success-with-title-description-and-action.tsx"}]},{"name":"alert-success-with-title-and-description","type":"registry:example","title":"Alert Success With Title And Description","description":"A success alert with title and description for positive confirmations requiring explanatory context or next steps","registryDependencies":["alert"],"files":[{"path":"examples/alert/success/alert-success-with-title-and-description.tsx","type":"registry:example","target":"components/examples/alert/success/alert-success-with-title-and-description.tsx"}]},{"name":"alert-success-with-everything","type":"registry:example","title":"Alert Success With Everything","description":"A complete success alert with icon, title, description, and action buttons for maximum positive clarity and engagement","dependencies":["lucide-react"],"registryDependencies":["alert","button"],"files":[{"path":"examples/alert/success/alert-success-with-everything.tsx","type":"registry:example","target":"components/examples/alert/success/alert-success-with-everything.tsx"}]},{"name":"alert-warning-with-title-and-action","type":"registry:example","title":"Alert Warning With Title And Action","description":"A warning alert with title and action buttons for cautionary notifications requiring user decision to proceed or cancel","registryDependencies":["alert","button"],"files":[{"path":"examples/alert/warning/alert-warning-with-title-and-action.tsx","type":"registry:example","target":"components/examples/alert/warning/alert-warning-with-title-and-action.tsx"}]},{"name":"alert-warning-with-title-description-and-action","type":"registry:example","title":"Alert Warning With Title Description And Action","description":"A comprehensive warning alert combining title, description, and action buttons for complete cautionary messaging with context and decision options","registryDependencies":["alert","button"],"files":[{"path":"examples/alert/warning/alert-warning-with-title-description-and-action.tsx","type":"registry:example","target":"components/examples/alert/warning/alert-warning-with-title-description-and-action.tsx"}]},{"name":"alert-warning-with-title","type":"registry:example","title":"Alert Warning With Title","description":"A minimal warning alert with just a title for simple cautionary notifications without detailed explanations","registryDependencies":["alert"],"files":[{"path":"examples/alert/warning/alert-warning-with-title.tsx","type":"registry:example","target":"components/examples/alert/warning/alert-warning-with-title.tsx"}]},{"name":"alert-warning-with-title-and-description","type":"registry:example","title":"Alert Warning With Title And Description","description":"A warning alert with title and description for cautionary notifications requiring explanatory context or mitigation steps","registryDependencies":["alert"],"files":[{"path":"examples/alert/warning/alert-warning-with-title-and-description.tsx","type":"registry:example","target":"components/examples/alert/warning/alert-warning-with-title-and-description.tsx"}]},{"name":"alert-warning-with-everything","type":"registry:example","title":"Alert Warning With Everything","description":"A complete warning alert with icon, title, description, and action buttons for maximum cautionary clarity and informed decision making","dependencies":["lucide-react"],"registryDependencies":["alert","button"],"files":[{"path":"examples/alert/warning/alert-warning-with-everything.tsx","type":"registry:example","target":"components/examples/alert/warning/alert-warning-with-everything.tsx"}]},{"name":"a-line-chart-with-dots-and-colors","type":"registry:example","title":"A Line Chart With Dots And Colors","description":"A React line chart with custom colored dots using individual fill colors per data point for categorical distinction using shadcn/ui and Recharts","dependencies":["recharts"],"registryDependencies":["chart"],"files":[{"path":"examples/chart/line/a-line-chart-with-dots-and-colors.tsx","type":"registry:example","target":"components/examples/chart/line/a-line-chart-with-dots-and-colors.tsx"}]},{"name":"a-line-chart-with-dots","type":"registry:example","title":"A Line Chart With Dots","description":"A React line chart with visible dots marking each data point for precise value identification using shadcn/ui and Recharts","dependencies":["recharts"],"registryDependencies":["chart"],"files":[{"path":"examples/chart/line/a-line-chart-with-dots.tsx","type":"registry:example","target":"components/examples/chart/line/a-line-chart-with-dots.tsx"}]},{"name":"a-line-chart","type":"registry:example","title":"A Line Chart","description":"A simple React line chart with natural curve interpolation for visualizing continuous trends and time-series data using shadcn/ui and Recharts","dependencies":["recharts"],"registryDependencies":["chart"],"files":[{"path":"examples/chart/line/a-line-chart.tsx","type":"registry:example","target":"components/examples/chart/line/a-line-chart.tsx"}]},{"name":"a-multiple-line-chart","type":"registry:example","title":"A Multiple Line Chart","description":"A React line chart comparing multiple data series with distinct colors for desktop and mobile trends using shadcn/ui and Recharts","dependencies":["recharts"],"registryDependencies":["chart"],"files":[{"path":"examples/chart/line/a-multiple-line-chart.tsx","type":"registry:example","target":"components/examples/chart/line/a-multiple-line-chart.tsx"}]},{"name":"an-interactive-line-chart","type":"registry:example","title":"An Interactive Line Chart","description":"An interactive React line chart displaying 90 days of time-series data with smart tick spacing and monotone interpolation using shadcn/ui and Recharts","dependencies":["recharts"],"registryDependencies":["chart"],"files":[{"path":"examples/chart/line/an-interactive-line-chart.tsx","type":"registry:example","target":"components/examples/chart/line/an-interactive-line-chart.tsx"}]},{"name":"a-line-chart-with-custom-dots","type":"registry:example","title":"A Line Chart With Custom Dots","description":"A React line chart with custom Lucide React icon dots replacing standard circles for enhanced visual storytelling using shadcn/ui and Recharts","dependencies":["recharts","lucide-react"],"registryDependencies":["chart"],"files":[{"path":"examples/chart/line/a-line-chart-with-custom-dots.tsx","type":"registry:example","target":"components/examples/chart/line/a-line-chart-with-custom-dots.tsx"}]},{"name":"a-line-chart-with-step","type":"registry:example","title":"A Line Chart With Step","description":"A React line chart with step interpolation creating staircase visualization for values that remain constant between measurements using shadcn/ui and Recharts","dependencies":["recharts"],"registryDependencies":["chart"],"files":[{"path":"examples/chart/line/a-line-chart-with-step.tsx","type":"registry:example","target":"components/examples/chart/line/a-line-chart-with-step.tsx"}]},{"name":"a-linear-line-chart","type":"registry:example","title":"A Linear Line Chart","description":"A React line chart with linear interpolation creating straight connecting lines between data points using shadcn/ui and Recharts","dependencies":["recharts"],"registryDependencies":["chart"],"files":[{"path":"examples/chart/line/a-linear-line-chart.tsx","type":"registry:example","target":"components/examples/chart/line/a-linear-line-chart.tsx"}]},{"name":"a-line-chart-with-a-label","type":"registry:example","title":"A Line Chart With A Label","description":"A React line chart with LabelList displaying values at each data point for immediate reading without tooltips using shadcn/ui and Recharts","dependencies":["recharts"],"registryDependencies":["chart"],"files":[{"path":"examples/chart/line/a-line-chart-with-a-label.tsx","type":"registry:example","target":"components/examples/chart/line/a-line-chart-with-a-label.tsx"}]},{"name":"a-line-chart-with-a-custom-label","type":"registry:example","title":"A Line Chart With A Custom Label","description":"A React line chart with custom label formatter displaying category names instead of values at each data point using shadcn/ui and Recharts","dependencies":["recharts"],"registryDependencies":["chart"],"files":[{"path":"examples/chart/line/a-line-chart-with-a-custom-label.tsx","type":"registry:example","target":"components/examples/chart/line/a-line-chart-with-a-custom-label.tsx"}]},{"name":"a-multiple-bar-chart","type":"registry:example","title":"A Multiple Bar Chart","description":"A React grouped bar chart displaying multiple series side-by-side for direct comparison across categories using shadcn/ui and Recharts","dependencies":["recharts"],"registryDependencies":["chart"],"files":[{"path":"examples/chart/bar/a-multiple-bar-chart.tsx","type":"registry:example","target":"components/examples/chart/bar/a-multiple-bar-chart.tsx"}]},{"name":"a-bar-chart-with-a-label","type":"registry:example","title":"A Bar Chart With A Label","description":"A React bar chart with LabelList displaying values on top of bars for immediate value reading without tooltips using shadcn/ui and Recharts","dependencies":["recharts"],"registryDependencies":["chart"],"files":[{"path":"examples/chart/bar/a-bar-chart-with-a-label.tsx","type":"registry:example","target":"components/examples/chart/bar/a-bar-chart-with-a-label.tsx"}]},{"name":"a-bar-chart-with-a-custom-label","type":"registry:example","title":"A Bar Chart With A Custom Label","description":"A React horizontal bar chart with custom LabelList positioning showing category names inside bars and values outside using shadcn/ui and Recharts","dependencies":["recharts"],"registryDependencies":["chart"],"files":[{"path":"examples/chart/bar/a-bar-chart-with-a-custom-label.tsx","type":"registry:example","target":"components/examples/chart/bar/a-bar-chart-with-a-custom-label.tsx"}]},{"name":"a-horizontal-bar-chart","type":"registry:example","title":"A Horizontal Bar Chart","description":"A React horizontal bar chart with vertical layout orientation ideal for long category names and ranking comparisons using shadcn/ui and Recharts","dependencies":["recharts"],"registryDependencies":["chart"],"files":[{"path":"examples/chart/bar/a-horizontal-bar-chart.tsx","type":"registry:example","target":"components/examples/chart/bar/a-horizontal-bar-chart.tsx"}]},{"name":"a-bar-chart-with-negative-values","type":"registry:example","title":"A Bar Chart With Negative Values","description":"A React bar chart displaying positive and negative values with conditional Cell coloring and top labels using shadcn/ui and Recharts","dependencies":["recharts"],"registryDependencies":["chart"],"files":[{"path":"examples/chart/bar/a-bar-chart-with-negative-values.tsx","type":"registry:example","target":"components/examples/chart/bar/a-bar-chart-with-negative-values.tsx"}]},{"name":"a-bar-chart-with-an-active-bar","type":"registry:example","title":"A Bar Chart With An Active Bar","description":"A React bar chart with highlighted active bar using custom Rectangle styling and dashed stroke for emphasis using shadcn/ui and Recharts","dependencies":["recharts"],"registryDependencies":["chart"],"files":[{"path":"examples/chart/bar/a-bar-chart-with-an-active-bar.tsx","type":"registry:example","target":"components/examples/chart/bar/a-bar-chart-with-an-active-bar.tsx"}]},{"name":"a-mixed-bar-chart","type":"registry:example","title":"A Mixed Bar Chart","description":"A React horizontal bar chart with unique colors per bar using fill property for visual category distinction using shadcn/ui and Recharts","dependencies":["recharts"],"registryDependencies":["chart"],"files":[{"path":"examples/chart/bar/a-mixed-bar-chart.tsx","type":"registry:example","target":"components/examples/chart/bar/a-mixed-bar-chart.tsx"}]},{"name":"a-bar-chart","type":"registry:example","title":"A Bar Chart","description":"A simple React bar chart with rounded corners for comparing discrete values across categories using shadcn/ui and Recharts","dependencies":["recharts"],"registryDependencies":["chart"],"files":[{"path":"examples/chart/bar/a-bar-chart.tsx","type":"registry:example","target":"components/examples/chart/bar/a-bar-chart.tsx"}]},{"name":"a-stacked-bar-chart-with-a-legend","type":"registry:example","title":"A Stacked Bar Chart With A Legend","description":"A React stacked bar chart with legend displaying multiple series layered vertically to show cumulative totals using shadcn/ui and Recharts","dependencies":["recharts"],"registryDependencies":["chart"],"files":[{"path":"examples/chart/bar/a-stacked-bar-chart-with-a-legend.tsx","type":"registry:example","target":"components/examples/chart/bar/a-stacked-bar-chart-with-a-legend.tsx"}]},{"name":"an-interactive-bar-chart","type":"registry:example","title":"An Interactive Bar Chart","description":"An interactive React bar chart displaying 90 days of time-series data with smart tick spacing and date formatting using shadcn/ui and Recharts","dependencies":["recharts"],"registryDependencies":["chart"],"files":[{"path":"examples/chart/bar/an-interactive-bar-chart.tsx","type":"registry:example","target":"components/examples/chart/bar/an-interactive-bar-chart.tsx"}]},{"name":"a-radial-chart-with-a-label","type":"registry:example","title":"A Radial Chart With A Label","description":"A React radial chart with category labels on each ring using LabelList with position='insideStart' and shadcn/ui and Recharts","dependencies":["recharts"],"registryDependencies":["chart"],"files":[{"path":"examples/chart/radial/a-radial-chart-with-a-label.tsx","type":"registry:example","target":"components/examples/chart/radial/a-radial-chart-with-a-label.tsx"}]},{"name":"a-radial-chart-with-a-custom-shape","type":"registry:example","title":"A Radial Chart With A Custom Shape","description":"A React radial chart with custom gauge shape and centered value text using endAngle for partial arc with shadcn/ui and Recharts","dependencies":["recharts"],"registryDependencies":["chart"],"files":[{"path":"examples/chart/radial/a-radial-chart-with-a-custom-shape.tsx","type":"registry:example","target":"components/examples/chart/radial/a-radial-chart-with-a-custom-shape.tsx"}]},{"name":"a-radial-chart-with-stacked-sections","type":"registry:example","title":"A Radial Chart With Stacked Sections","description":"A React radial chart with stacked bars comparing multiple metrics using stackId and center total text with shadcn/ui and Recharts","dependencies":["recharts"],"registryDependencies":["chart"],"files":[{"path":"examples/chart/radial/a-radial-chart-with-stacked-sections.tsx","type":"registry:example","target":"components/examples/chart/radial/a-radial-chart-with-stacked-sections.tsx"}]},{"name":"a-radial-chart","type":"registry:example","title":"A Radial Chart","description":"A React radial chart displaying concentric circular bars for categorical data comparison using shadcn/ui and Recharts","dependencies":["recharts"],"registryDependencies":["chart"],"files":[{"path":"examples/chart/radial/a-radial-chart.tsx","type":"registry:example","target":"components/examples/chart/radial/a-radial-chart.tsx"}]},{"name":"a-radial-chart-with-text","type":"registry:example","title":"A Radial Chart With Text","description":"A React radial chart with centered text displaying value and caption using Label component with shadcn/ui and Recharts","dependencies":["recharts"],"registryDependencies":["chart"],"files":[{"path":"examples/chart/radial/a-radial-chart-with-text.tsx","type":"registry:example","target":"components/examples/chart/radial/a-radial-chart-with-text.tsx"}]},{"name":"a-radial-chart-with-a-grid","type":"registry:example","title":"A Radial Chart With A Grid","description":"A React radial chart with circular grid lines for value estimation using PolarGrid with shadcn/ui and Recharts","dependencies":["recharts"],"registryDependencies":["chart"],"files":[{"path":"examples/chart/radial/a-radial-chart-with-a-grid.tsx","type":"registry:example","target":"components/examples/chart/radial/a-radial-chart-with-a-grid.tsx"}]},{"name":"a-radar-chart-with-a-legend","type":"registry:example","title":"A Radar Chart With A Legend","description":"A React radar chart comparing multiple series with a legend for series identification using ChartLegend with shadcn/ui and Recharts","dependencies":["recharts"],"registryDependencies":["chart"],"files":[{"path":"examples/chart/radar/a-radar-chart-with-a-legend.tsx","type":"registry:example","target":"components/examples/chart/radar/a-radar-chart-with-a-legend.tsx"}]},{"name":"a-radar-chart","type":"registry:example","title":"A Radar Chart","description":"A React radar chart for multi-dimensional data comparison across categories using polar coordinates with shadcn/ui and Recharts","dependencies":["recharts"],"registryDependencies":["chart"],"files":[{"path":"examples/chart/radar/a-radar-chart.tsx","type":"registry:example","target":"components/examples/chart/radar/a-radar-chart.tsx"}]},{"name":"a-radar-chart-with-lines-only","type":"registry:example","title":"A Radar Chart With Lines Only","description":"A React radar chart with outline-only polygons using fillOpacity={0} and stroke for minimal visualization with shadcn/ui and Recharts","dependencies":["recharts"],"registryDependencies":["chart"],"files":[{"path":"examples/chart/radar/a-radar-chart-with-lines-only.tsx","type":"registry:example","target":"components/examples/chart/radar/a-radar-chart-with-lines-only.tsx"}]},{"name":"a-radar-chart-with-a-grid-filled","type":"registry:example","title":"A Radar Chart With A Grid Filled","description":"A React radar chart with filled polygon grid background using className with fill and opacity for visual depth with shadcn/ui and Recharts","dependencies":["recharts"],"registryDependencies":["chart"],"files":[{"path":"examples/chart/radar/a-radar-chart-with-a-grid-filled.tsx","type":"registry:example","target":"components/examples/chart/radar/a-radar-chart-with-a-grid-filled.tsx"}]},{"name":"a-radar-chart-with-a-custom-grid","type":"registry:example","title":"A Radar Chart With A Custom Grid","description":"A React radar chart with custom grid using polarRadius to control gridline positioning with shadcn/ui and Recharts","dependencies":["recharts"],"registryDependencies":["chart"],"files":[{"path":"examples/chart/radar/a-radar-chart-with-a-custom-grid.tsx","type":"registry:example","target":"components/examples/chart/radar/a-radar-chart-with-a-custom-grid.tsx"}]},{"name":"a-radar-chart-with-dots","type":"registry:example","title":"A Radar Chart With Dots","description":"A React radar chart with visible dots marking each data point for precise value identification using shadcn/ui and Recharts","dependencies":["recharts"],"registryDependencies":["chart"],"files":[{"path":"examples/chart/radar/a-radar-chart-with-dots.tsx","type":"registry:example","target":"components/examples/chart/radar/a-radar-chart-with-dots.tsx"}]},{"name":"a-radar-chart-with-a-grid-and-circle-fill-no-lines","type":"registry:example","title":"A Radar Chart With A Grid And Circle Fill No Lines","description":"A React radar chart with circular grid and no radial lines for clean minimal aesthetics using radialLines={false} with shadcn/ui and Recharts","dependencies":["recharts"],"registryDependencies":["chart"],"files":[{"path":"examples/chart/radar/a-radar-chart-with-a-grid-and-circle-fill-no-lines.tsx","type":"registry:example","target":"components/examples/chart/radar/a-radar-chart-with-a-grid-and-circle-fill-no-lines.tsx"}]},{"name":"a-radar-chart-with-a-radius-axis","type":"registry:example","title":"A Radar Chart With A Radius Axis","description":"A React radar chart with visible PolarRadiusAxis showing value scale using angle and orientation props with shadcn/ui and Recharts","dependencies":["recharts"],"registryDependencies":["chart"],"files":[{"path":"examples/chart/radar/a-radar-chart-with-a-radius-axis.tsx","type":"registry:example","target":"components/examples/chart/radar/a-radar-chart-with-a-radius-axis.tsx"}]},{"name":"a-radar-chart-with-no-grid","type":"registry:example","title":"A Radar Chart With No Grid","description":"A React radar chart with no grid for pure shape-focused visualization using shadcn/ui and Recharts","dependencies":["recharts"],"registryDependencies":["chart"],"files":[{"path":"examples/chart/radar/a-radar-chart-with-no-grid.tsx","type":"registry:example","target":"components/examples/chart/radar/a-radar-chart-with-no-grid.tsx"}]},{"name":"a-radar-chart-with-a-grid-and-circle","type":"registry:example","title":"A Radar Chart With A Grid And Circle","description":"A React radar chart with circular grid lines for easier value estimation using gridType='circle' with shadcn/ui and Recharts","dependencies":["recharts"],"registryDependencies":["chart"],"files":[{"path":"examples/chart/radar/a-radar-chart-with-a-grid-and-circle.tsx","type":"registry:example","target":"components/examples/chart/radar/a-radar-chart-with-a-grid-and-circle.tsx"}]},{"name":"a-radar-chart-with-icons","type":"registry:example","title":"A Radar Chart With Icons","description":"A React radar chart comparing multiple series with Lucide React icon indicators in the legend using shadcn/ui and Recharts","dependencies":["recharts","lucide-react"],"registryDependencies":["chart"],"files":[{"path":"examples/chart/radar/a-radar-chart-with-icons.tsx","type":"registry:example","target":"components/examples/chart/radar/a-radar-chart-with-icons.tsx"}]},{"name":"a-radar-chart-with-multiple-data","type":"registry:example","title":"A Radar Chart With Multiple Data","description":"A React radar chart comparing two datasets with overlapping polygons for desktop and mobile analysis using shadcn/ui and Recharts","dependencies":["recharts"],"registryDependencies":["chart"],"files":[{"path":"examples/chart/radar/a-radar-chart-with-multiple-data.tsx","type":"registry:example","target":"components/examples/chart/radar/a-radar-chart-with-multiple-data.tsx"}]},{"name":"a-radar-chart-with-a-grid-and-circle-fill","type":"registry:example","title":"A Radar Chart With A Grid And Circle Fill","description":"A React radar chart with filled circular grid background for enhanced value visualization using className with fill and opacity on PolarGrid with shadcn/ui and Recharts","dependencies":["recharts"],"registryDependencies":["chart"],"files":[{"path":"examples/chart/radar/a-radar-chart-with-a-grid-and-circle-fill.tsx","type":"registry:example","target":"components/examples/chart/radar/a-radar-chart-with-a-grid-and-circle-fill.tsx"}]},{"name":"a-radar-chart-with-a-custom-label","type":"registry:example","title":"A Radar Chart With A Custom Label","description":"A React radar chart with custom PolarAngleAxis labels showing both data values and category names using custom tick rendering with shadcn/ui and Recharts","dependencies":["recharts"],"registryDependencies":["chart"],"files":[{"path":"examples/chart/radar/a-radar-chart-with-a-custom-label.tsx","type":"registry:example","target":"components/examples/chart/radar/a-radar-chart-with-a-custom-label.tsx"}]},{"name":"an-area-chart-with-gradient-fill","type":"registry:example","title":"An Area Chart With Gradient Fill","description":"A React area chart with SVG gradient fills creating smooth color transitions from solid to transparent using shadcn/ui and Recharts","dependencies":["recharts"],"registryDependencies":["chart"],"files":[{"path":"examples/chart/area/an-area-chart-with-gradient-fill.tsx","type":"registry:example","target":"components/examples/chart/area/an-area-chart-with-gradient-fill.tsx"}]},{"name":"a-stacked-area-chart","type":"registry:example","title":"A Stacked Area Chart","description":"A React stacked area chart displaying multiple data series layered on top of each other to show cumulative totals using shadcn/ui and Recharts","dependencies":["recharts"],"registryDependencies":["chart"],"files":[{"path":"examples/chart/area/a-stacked-area-chart.tsx","type":"registry:example","target":"components/examples/chart/area/a-stacked-area-chart.tsx"}]},{"name":"an-area-chart-with-a-legend","type":"registry:example","title":"An Area Chart With A Legend","description":"A React area chart with interactive legend for identifying and toggling multiple stacked data series using shadcn/ui and Recharts","dependencies":["recharts"],"registryDependencies":["chart"],"files":[{"path":"examples/chart/area/an-area-chart-with-a-legend.tsx","type":"registry:example","target":"components/examples/chart/area/an-area-chart-with-a-legend.tsx"}]},{"name":"an-interactive-area-chart","type":"registry:example","title":"An Interactive Area Chart","description":"An interactive React area chart displaying large time-series datasets with gradient fills and smart tick spacing using shadcn/ui and Recharts","dependencies":["recharts"],"registryDependencies":["chart"],"files":[{"path":"examples/chart/area/an-interactive-area-chart.tsx","type":"registry:example","target":"components/examples/chart/area/an-interactive-area-chart.tsx"}]},{"name":"a-step-area-chart","type":"registry:example","title":"A Step Area Chart","description":"A React step area chart with stair-step interpolation for visualizing discrete state changes and constant values using shadcn/ui and Recharts","dependencies":["recharts","lucide-react"],"registryDependencies":["chart"],"files":[{"path":"examples/chart/area/a-step-area-chart.tsx","type":"registry:example","target":"components/examples/chart/area/a-step-area-chart.tsx"}]},{"name":"an-area-chart-with-icons","type":"registry:example","title":"An Area Chart With Icons","description":"A React area chart with Lucide React icons in the legend for enhanced visual identification of data series using shadcn/ui and Recharts","dependencies":["recharts","lucide-react"],"registryDependencies":["chart"],"files":[{"path":"examples/chart/area/an-area-chart-with-icons.tsx","type":"registry:example","target":"components/examples/chart/area/an-area-chart-with-icons.tsx"}]},{"name":"a-linear-area-chart","type":"registry:example","title":"A Linear Area Chart","description":"A React area chart with linear interpolation using straight lines between data points instead of curves using shadcn/ui and Recharts","dependencies":["recharts"],"registryDependencies":["chart"],"files":[{"path":"examples/chart/area/a-linear-area-chart.tsx","type":"registry:example","target":"components/examples/chart/area/a-linear-area-chart.tsx"}]},{"name":"an-area-chart-with-axes","type":"registry:example","title":"An Area Chart With Axes","description":"A React area chart with visible X and Y axes displaying stacked data series for precise value reading using shadcn/ui and Recharts","dependencies":["recharts"],"registryDependencies":["chart"],"files":[{"path":"examples/chart/area/an-area-chart-with-axes.tsx","type":"registry:example","target":"components/examples/chart/area/an-area-chart-with-axes.tsx"}]},{"name":"a-stacked-area-chart-with-expand-stacking","type":"registry:example","title":"A Stacked Area Chart With Expand Stacking","description":"A React 100% stacked area chart showing data as proportional percentages using stackOffset expand with shadcn/ui and Recharts","dependencies":["recharts"],"registryDependencies":["chart"],"files":[{"path":"examples/chart/area/a-stacked-area-chart-with-expand-stacking.tsx","type":"registry:example","target":"components/examples/chart/area/a-stacked-area-chart-with-expand-stacking.tsx"}]},{"name":"a-simple-area-chart","type":"registry:example","title":"A Simple Area Chart","description":"A simple React area chart with natural curve interpolation for visualizing single-series data trends using shadcn/ui and Recharts","dependencies":["recharts"],"registryDependencies":["chart"],"files":[{"path":"examples/chart/area/a-simple-area-chart.tsx","type":"registry:example","target":"components/examples/chart/area/a-simple-area-chart.tsx"}]},{"name":"a-pie-chart-with-a-custom-label","type":"registry:example","title":"A Pie Chart With A Custom Label","description":"A React pie chart with custom label rendering for full control over label content, positioning, and styling using shadcn/ui and Recharts","dependencies":["recharts"],"registryDependencies":["chart"],"files":[{"path":"examples/chart/pie/a-pie-chart-with-a-custom-label.tsx","type":"registry:example","target":"components/examples/chart/pie/a-pie-chart-with-a-custom-label.tsx"}]},{"name":"a-donut-chart-with-an-active-sector","type":"registry:example","title":"A Donut Chart With An Active Sector","description":"A React donut chart with active sector highlighting that expands outward to emphasize selected slice using shadcn/ui and Recharts","dependencies":["recharts"],"registryDependencies":["chart"],"files":[{"path":"examples/chart/pie/a-donut-chart-with-an-active-sector.tsx","type":"registry:example","target":"components/examples/chart/pie/a-donut-chart-with-an-active-sector.tsx"}]},{"name":"a-pie-chart-with-stacked-sections","type":"registry:example","title":"A Pie Chart With Stacked Sections","description":"A React pie chart with stacked concentric rings comparing two related datasets using multiple Pie components with shadcn/ui and Recharts","dependencies":["recharts"],"registryDependencies":["chart"],"files":[{"path":"examples/chart/pie/a-pie-chart-with-stacked-sections.tsx","type":"registry:example","target":"components/examples/chart/pie/a-pie-chart-with-stacked-sections.tsx"}]},{"name":"a-pie-chart-with-no-separator","type":"registry:example","title":"A Pie Chart With No Separator","description":"A React pie chart with no separators between slices using stroke='0' for seamless color transitions with shadcn/ui and Recharts","dependencies":["recharts"],"registryDependencies":["chart"],"files":[{"path":"examples/chart/pie/a-pie-chart-with-no-separator.tsx","type":"registry:example","target":"components/examples/chart/pie/a-pie-chart-with-no-separator.tsx"}]},{"name":"a-donut-chart","type":"registry:example","title":"A Donut Chart","description":"A React donut chart with center hole for adding text or emphasis using innerRadius with shadcn/ui and Recharts","dependencies":["recharts"],"registryDependencies":["chart"],"files":[{"path":"examples/chart/pie/a-donut-chart.tsx","type":"registry:example","target":"components/examples/chart/pie/a-donut-chart.tsx"}]},{"name":"a-pie-chart-with-a-label","type":"registry:example","title":"A Pie Chart With A Label","description":"A React pie chart with automatic value labels on each slice for immediate data reading without tooltips using shadcn/ui and Recharts","dependencies":["recharts"],"registryDependencies":["chart"],"files":[{"path":"examples/chart/pie/a-pie-chart-with-a-label.tsx","type":"registry:example","target":"components/examples/chart/pie/a-pie-chart-with-a-label.tsx"}]},{"name":"a-pie-chart-with-a-legend","type":"registry:example","title":"A Pie Chart With A Legend","description":"A React pie chart with legend component for category identification separate from the chart using shadcn/ui and Recharts","dependencies":["recharts"],"registryDependencies":["chart"],"files":[{"path":"examples/chart/pie/a-pie-chart-with-a-legend.tsx","type":"registry:example","target":"components/examples/chart/pie/a-pie-chart-with-a-legend.tsx"}]},{"name":"a-donut-chart-with-text","type":"registry:example","title":"A Donut Chart With Text","description":"A React donut chart with centered text displaying total value using Label component inside the center hole with shadcn/ui and Recharts","dependencies":["recharts"],"registryDependencies":["chart"],"files":[{"path":"examples/chart/pie/a-donut-chart-with-text.tsx","type":"registry:example","target":"components/examples/chart/pie/a-donut-chart-with-text.tsx"}]},{"name":"a-simple-pie-chart","type":"registry:example","title":"A Simple Pie Chart","description":"A simple React pie chart for visualizing categorical data proportions using shadcn/ui and Recharts","dependencies":["recharts"],"registryDependencies":["chart"],"files":[{"path":"examples/chart/pie/a-simple-pie-chart.tsx","type":"registry:example","target":"components/examples/chart/pie/a-simple-pie-chart.tsx"}]},{"name":"a-pie-chart-with-a-label-list","type":"registry:example","title":"A Pie Chart With A Label List","description":"A React pie chart with LabelList displaying category names on slices using custom formatter with shadcn/ui and Recharts","dependencies":["recharts"],"registryDependencies":["chart"],"files":[{"path":"examples/chart/pie/a-pie-chart-with-a-label-list.tsx","type":"registry:example","target":"components/examples/chart/pie/a-pie-chart-with-a-label-list.tsx"}]},{"name":"an-interactive-pie-chart","type":"registry:example","title":"An Interactive Pie Chart","description":"An interactive React donut chart with active sector emphasis and dynamic center text showing selected value using shadcn/ui and Recharts","dependencies":["recharts"],"registryDependencies":["chart"],"files":[{"path":"examples/chart/pie/an-interactive-pie-chart.tsx","type":"registry:example","target":"components/examples/chart/pie/an-interactive-pie-chart.tsx"}]},{"name":"chart-tooltip-formatter","type":"registry:example","title":"Chart Tooltip Formatter","description":"A React chart with custom tooltip formatter for value and label formatting using shadcn/ui and Recharts","dependencies":["recharts"],"registryDependencies":["chart"],"files":[{"path":"examples/chart/tooltip/chart-tooltip-formatter.tsx","type":"registry:example","target":"components/examples/chart/tooltip/chart-tooltip-formatter.tsx"}]},{"name":"chart-tooltip-icons","type":"registry:example","title":"Chart Tooltip Icons","description":"A React chart tooltip with category icons from Lucide React for visual identification using shadcn/ui and Recharts","dependencies":["recharts","lucide-react"],"registryDependencies":["chart"],"files":[{"path":"examples/chart/tooltip/chart-tooltip-icons.tsx","type":"registry:example","target":"components/examples/chart/tooltip/chart-tooltip-icons.tsx"}]},{"name":"chart-tooltip-no-label","type":"registry:example","title":"Chart Tooltip No Label","description":"A React chart tooltip without label header using hideLabel and hideIndicator props with shadcn/ui and Recharts","dependencies":["recharts"],"registryDependencies":["chart"],"files":[{"path":"examples/chart/tooltip/chart-tooltip-no-label.tsx","type":"registry:example","target":"components/examples/chart/tooltip/chart-tooltip-no-label.tsx"}]},{"name":"chart-tooltip-custom-label","type":"registry:example","title":"Chart Tooltip Custom Label","description":"A React chart tooltip with custom label using labelKey prop to override default label text with shadcn/ui and Recharts","dependencies":["recharts"],"registryDependencies":["chart"],"files":[{"path":"examples/chart/tooltip/chart-tooltip-custom-label.tsx","type":"registry:example","target":"components/examples/chart/tooltip/chart-tooltip-custom-label.tsx"}]},{"name":"chart-tooltip-no-indicator","type":"registry:example","title":"Chart Tooltip No Indicator","description":"A React chart tooltip without color indicators using hideIndicator prop with shadcn/ui and Recharts","dependencies":["recharts"],"registryDependencies":["chart"],"files":[{"path":"examples/chart/tooltip/chart-tooltip-no-indicator.tsx","type":"registry:example","target":"components/examples/chart/tooltip/chart-tooltip-no-indicator.tsx"}]},{"name":"chart-tooltip-label-formatter","type":"registry:example","title":"Chart Tooltip Label Formatter","description":"A React chart tooltip with labelFormatter function to format date labels dynamically using shadcn/ui and Recharts","dependencies":["recharts"],"registryDependencies":["chart"],"files":[{"path":"examples/chart/tooltip/chart-tooltip-label-formatter.tsx","type":"registry:example","target":"components/examples/chart/tooltip/chart-tooltip-label-formatter.tsx"}]},{"name":"chart-tooltip-line-indicator","type":"registry:example","title":"Chart Tooltip Line Indicator","description":"A React chart tooltip with line indicator instead of dot using indicator prop with shadcn/ui and Recharts","dependencies":["recharts"],"registryDependencies":["chart"],"files":[{"path":"examples/chart/tooltip/chart-tooltip-line-indicator.tsx","type":"registry:example","target":"components/examples/chart/tooltip/chart-tooltip-line-indicator.tsx"}]},{"name":"chart-tooltip-advanced","type":"registry:example","title":"Chart Tooltip Advanced","description":"A React chart with advanced tooltip formatter showing custom styling, units, and calculated totals using shadcn/ui and Recharts","dependencies":["recharts"],"registryDependencies":["chart"],"files":[{"path":"examples/chart/tooltip/chart-tooltip-advanced.tsx","type":"registry:example","target":"components/examples/chart/tooltip/chart-tooltip-advanced.tsx"}]},{"name":"chart-tooltip-default","type":"registry:example","title":"Chart Tooltip Default","description":"A React chart with default tooltip showing data values on hover using ChartTooltipContent with shadcn/ui and Recharts","dependencies":["recharts"],"registryDependencies":["chart"],"files":[{"path":"examples/chart/tooltip/chart-tooltip-default.tsx","type":"registry:example","target":"components/examples/chart/tooltip/chart-tooltip-default.tsx"}]},{"name":"controlled-tabs","type":"registry:example","title":"Controlled Tabs","description":"React tabs with controlled state using value and onValueChange props plus Next and Previous buttons for programmatic navigation","registryDependencies":["button","tabs"],"files":[{"path":"examples/tabs/advanced/controlled-tabs.tsx","type":"registry:example","target":"components/examples/tabs/advanced/controlled-tabs.tsx"}]},{"name":"tabs-with-badge-counts","type":"registry:example","title":"Tabs With Badge Counts","description":"React tabs with badge counts showing item quantities in each tab using Badge component with variant styling","registryDependencies":["badge","tabs"],"files":[{"path":"examples/tabs/advanced/tabs-with-badge-counts.tsx","type":"registry:example","target":"components/examples/tabs/advanced/tabs-with-badge-counts.tsx"}]},{"name":"nested-tabs","type":"registry:example","title":"Nested Tabs","description":"React tabs with nested secondary tabs inside tab content creating hierarchical navigation with independent tab states","registryDependencies":["tabs"],"files":[{"path":"examples/tabs/advanced/nested-tabs.tsx","type":"registry:example","target":"components/examples/tabs/advanced/nested-tabs.tsx"}]},{"name":"basic-tabs","type":"registry:example","title":"Basic Tabs","description":"Basic horizontal tabs component with shadcn/ui Tabs TabsList and TabsTrigger for switching between Overview Analytics Reports sections","registryDependencies":["tabs"],"files":[{"path":"examples/tabs/standard/basic-tabs.tsx","type":"registry:example","target":"components/examples/tabs/standard/basic-tabs.tsx"}]},{"name":"tabs-with-icons","type":"registry:example","title":"Tabs With Icons","description":"Tabs component with Lucide React icons paired with text labels in TabsTrigger for visual category identification and improved scannability","dependencies":["lucide-react"],"registryDependencies":["tabs"],"files":[{"path":"examples/tabs/standard/tabs-with-icons.tsx","type":"registry:example","target":"components/examples/tabs/standard/tabs-with-icons.tsx"}]},{"name":"vertical-tabs","type":"registry:example","title":"Vertical Tabs","description":"Vertical tabs layout with flex-col TabsList positioned on left side for sidebar-style navigation through settings sections built with shadcn/ui","registryDependencies":["tabs"],"files":[{"path":"examples/tabs/layout/vertical-tabs.tsx","type":"registry:example","target":"components/examples/tabs/layout/vertical-tabs.tsx"}]},{"name":"scrollable-tabs","type":"registry:example","title":"Scrollable Tabs","description":"Scrollable tabs with ScrollArea wrapping TabsList for horizontal scrolling through many tab options with whitespace-nowrap built with shadcn/ui","registryDependencies":["scroll-area","tabs"],"files":[{"path":"examples/tabs/layout/scrollable-tabs.tsx","type":"registry:example","target":"components/examples/tabs/layout/scrollable-tabs.tsx"}]},{"name":"full-width-tabs","type":"registry:example","title":"Full Width Tabs","description":"Full width tabs with grid layout and grid-cols-3 for equal width triggers spanning entire container built with shadcn/ui","registryDependencies":["tabs"],"files":[{"path":"examples/tabs/layout/full-width-tabs.tsx","type":"registry:example","target":"components/examples/tabs/layout/full-width-tabs.tsx"}]},{"name":"tabs-with-forms","type":"registry:example","title":"Tabs With Forms","description":"React tabs containing form content with Login and Register forms using grid-cols-2 layout and full-width submit buttons","registryDependencies":["button","input","label","tabs","textarea"],"files":[{"path":"examples/tabs/content/tabs-with-forms.tsx","type":"registry:example","target":"components/examples/tabs/content/tabs-with-forms.tsx"}]},{"name":"tabs-with-tables","type":"registry:example","title":"Tabs With Tables","description":"React tabs containing filtered table data with All, Active, and Inactive users using ScrollArea with h-400px fixed height","registryDependencies":["badge","scroll-area","tabs"],"files":[{"path":"examples/tabs/content/tabs-with-tables.tsx","type":"registry:example","target":"components/examples/tabs/content/tabs-with-tables.tsx"}]},{"name":"tabs-with-cards","type":"registry:example","title":"Tabs With Cards","description":"React tabs containing card grids with Featured, Popular, and Recent content using grid gap-4 md:grid-cols-2 responsive layout","registryDependencies":["badge","button","tabs"],"files":[{"path":"examples/tabs/content/tabs-with-cards.tsx","type":"registry:example","target":"components/examples/tabs/content/tabs-with-cards.tsx"}]},{"name":"use-is-client","type":"registry:hook","title":"Use Is Client","description":"React useIsClient hook to detect client-side rendering. Returns false on server, true after hydration. SSR/Next.js safe.","dependencies":["lucide-react"],"files":[{"path":"use-is-client.tsx","type":"registry:hook","target":"hooks/use-is-client.tsx"}]},{"name":"use-intersection-observer","type":"registry:hook","title":"Use Intersection Observer","description":"React useIntersectionObserver hook for viewport visibility detection. Lazy loading, infinite scroll, animations. TypeScript ready.","dependencies":["lucide-react"],"files":[{"path":"use-intersection-observer.tsx","type":"registry:hook","target":"hooks/use-intersection-observer.tsx"}]},{"name":"use-counter","type":"registry:hook","title":"Use Counter","description":"React useCounter hook with increment, decrement, reset, and setCount. Memoized callbacks, TypeScript types, SSR safe.","files":[{"path":"use-counter.tsx","type":"registry:hook","target":"hooks/use-counter.tsx"}]},{"name":"use-on-click-outside","type":"registry:hook","title":"Use On Click Outside","description":"React useOnClickOutside hook for detecting clicks outside elements. Dismiss modals, dropdowns, popovers. TypeScript ready.","dependencies":["lucide-react"],"files":[{"path":"use-on-click-outside.tsx","type":"registry:hook","target":"hooks/use-on-click-outside.tsx"}]},{"name":"use-read-local-storage","type":"registry:hook","title":"Use Read Local Storage","description":"React useReadLocalStorage hook for read-only localStorage access. Cross-tab sync, TypeScript generics, SSR safe.","dependencies":["lucide-react"],"files":[{"path":"use-read-local-storage.tsx","type":"registry:hook","target":"hooks/use-read-local-storage.tsx"}]},{"name":"use-toggle","type":"registry:hook","title":"Use Toggle","description":"React useToggle hook for boolean state with toggle function. Simple on/off, memoized toggle, direct setValue. TypeScript ready.","dependencies":["lucide-react"],"files":[{"path":"use-toggle.tsx","type":"registry:hook","target":"hooks/use-toggle.tsx"}]},{"name":"use-window-size","type":"registry:hook","title":"Use Window Size","description":"React useWindowSize hook for tracking viewport dimensions. Live updates on resize, optional debounce, SSR safe. TypeScript ready.","dependencies":["lodash.debounce","lucide-react"],"files":[{"path":"use-window-size.tsx","type":"registry:hook","target":"hooks/use-window-size.tsx"}]},{"name":"use-session-storage","type":"registry:hook","title":"Use Session Storage","description":"React useSessionStorage hook for tab-scoped persistent state. useState API, JSON serialization, SSR safe. TypeScript ready.","dependencies":["lucide-react"],"files":[{"path":"use-session-storage.tsx","type":"registry:hook","target":"hooks/use-session-storage.tsx"}]},{"name":"use-copy-to-clipboard","type":"registry:hook","title":"Use Copy To Clipboard","description":"React useCopyToClipboard hook with async copy function and copied state. Uses Clipboard API, auto-resets after 2s.","dependencies":["lucide-react"],"files":[{"path":"use-copy-to-clipboard.tsx","type":"registry:hook","target":"hooks/use-copy-to-clipboard.tsx"}]},{"name":"use-step","type":"registry:hook","title":"Use Step","description":"React useStep hook for multi-step wizard navigation. Next/prev with bounds checking, reset, jump to step. TypeScript ready.","dependencies":["lucide-react"],"files":[{"path":"use-step.tsx","type":"registry:hook","target":"hooks/use-step.tsx"}]},{"name":"use-isomorphic-layout-effect","type":"registry:hook","title":"Use Isomorphic Layout Effect","description":"React useIsomorphicLayoutEffect hook—useLayoutEffect on client, useEffect on server. No SSR warnings. Drop-in replacement.","files":[{"path":"use-isomorphic-layout-effect.tsx","type":"registry:hook","target":"hooks/use-isomorphic-layout-effect.tsx"}]},{"name":"use-local-storage","type":"registry:hook","title":"Use Local Storage","description":"React useLocalStorage hook for persistent state. useState API, JSON serialization, cross-tab sync, SSR safe. TypeScript ready.","dependencies":["lucide-react"],"files":[{"path":"use-local-storage.tsx","type":"registry:hook","target":"hooks/use-local-storage.tsx"}]},{"name":"use-event-listener","type":"registry:hook","title":"Use Event Listener","description":"React useEventListener hook for declarative DOM event handling. Auto-cleanup, TypeScript event maps, supports window/document/element refs.","dependencies":["lucide-react"],"files":[{"path":"use-event-listener.tsx","type":"registry:hook","target":"hooks/use-event-listener.tsx"}]},{"name":"use-media-query","type":"registry:hook","title":"Use Media Query","description":"React useMediaQuery hook for responsive breakpoints and CSS media queries. Live updates, SSR safe, TypeScript ready.","dependencies":["lucide-react"],"files":[{"path":"use-media-query.tsx","type":"registry:hook","target":"hooks/use-media-query.tsx"}]},{"name":"use-click-anywhere","type":"registry:hook","title":"Use Click Anywhere","description":"React useClickAnywhere hook to detect clicks anywhere on the document. TypeScript, SSR safe, auto-cleanup.","files":[{"path":"use-click-anywhere.tsx","type":"registry:hook","target":"hooks/use-click-anywhere.tsx"}]},{"name":"use-document-title","type":"registry:hook","title":"Use Document Title","description":"React useDocumentTitle hook to update browser tab title dynamically. SSR safe, TypeScript ready, works with Next.js App Router.","dependencies":["lucide-react"],"files":[{"path":"use-document-title.tsx","type":"registry:hook","target":"hooks/use-document-title.tsx"}]},{"name":"use-screen","type":"registry:hook","title":"Use Screen","description":"React useScreen hook for accessing window.screen properties. Device dimensions, color depth, orientation. SSR safe.","dependencies":["lodash.debounce","lucide-react"],"files":[{"path":"use-screen.tsx","type":"registry:hook","target":"hooks/use-screen.tsx"}]},{"name":"use-debounce-value","type":"registry:hook","title":"Use Debounce Value","description":"React useDebounceValue hook for debouncing state changes. Returns debounced value with cancel/flush controls. TypeScript ready.","dependencies":["lodash.debounce"],"files":[{"path":"use-debounce-value.tsx","type":"registry:hook","target":"hooks/use-debounce-value.tsx"}]},{"name":"use-scroll-lock","type":"registry:hook","title":"Use Scroll Lock","description":"React useScrollLock hook for preventing body scroll. Modal/overlay scrolling, width reflow prevention. SSR safe.","dependencies":["lucide-react"],"files":[{"path":"use-scroll-lock.tsx","type":"registry:hook","target":"hooks/use-scroll-lock.tsx"}]},{"name":"use-dark-mode","type":"registry:hook","title":"Use Dark Mode","description":"React useDarkMode hook with system preference detection, localStorage persistence, and auto class toggle. TypeScript ready.","dependencies":["lucide-react"],"files":[{"path":"use-dark-mode.tsx","type":"registry:hook","target":"hooks/use-dark-mode.tsx"}]},{"name":"use-boolean","type":"registry:hook","title":"Use Boolean","description":"React useBoolean hook with setTrue, setFalse, and toggle helpers. TypeScript ready, memoized callbacks, SSR compatible.","files":[{"path":"use-boolean.tsx","type":"registry:hook","target":"hooks/use-boolean.tsx"}]},{"name":"use-mouse-position","type":"registry:hook","title":"Use Mouse Position","description":"React useMousePosition hook for real-time cursor tracking. Global and element-relative coordinates. TypeScript ready.","dependencies":["lucide-react"],"files":[{"path":"use-mouse-position.tsx","type":"registry:hook","target":"hooks/use-mouse-position.tsx"}]},{"name":"use-unmount","type":"registry:hook","title":"Use Unmount","description":"React useUnmount hook for cleanup on component unmount. Fresh callback via ref, no stale closures. TypeScript ready.","dependencies":["lucide-react"],"files":[{"path":"use-unmount.tsx","type":"registry:hook","target":"hooks/use-unmount.tsx"}]},{"name":"use-script","type":"registry:hook","title":"Use Script","description":"React useScript hook for dynamically loading external scripts. Load status tracking, caching, SSR safe. TypeScript ready.","dependencies":["lucide-react"],"files":[{"path":"use-script.tsx","type":"registry:hook","target":"hooks/use-script.tsx"}]},{"name":"use-map","type":"registry:hook","title":"Use Map","description":"React useMap hook for Map state with set, setAll, remove, and reset actions. Immutable updates, TypeScript generics. SSR safe.","dependencies":["lucide-react"],"files":[{"path":"use-map.tsx","type":"registry:hook","target":"hooks/use-map.tsx"}]},{"name":"use-interval","type":"registry:hook","title":"Use Interval","description":"React useInterval hook for declarative setInterval. Pass null to pause, auto-cleanup on unmount. No stale closures. TypeScript ready.","dependencies":["lucide-react"],"files":[{"path":"use-interval.tsx","type":"registry:hook","target":"hooks/use-interval.tsx"}]},{"name":"use-debounce-callback","type":"registry:hook","title":"Use Debounce Callback","description":"React useDebounceCallback hook with cancel, flush, and isPending controls. Lodash debounce under the hood. TypeScript ready.","dependencies":["lodash.debounce","lucide-react"],"files":[{"path":"use-debounce-callback.tsx","type":"registry:hook","target":"hooks/use-debounce-callback.tsx"}]},{"name":"use-event-callback","type":"registry:hook","title":"Use Event Callback","description":"React useEventCallback hook for stable callback references with fresh state access. No stale closures, no re-renders. TypeScript ready.","dependencies":["lucide-react"],"files":[{"path":"use-event-callback.tsx","type":"registry:hook","target":"hooks/use-event-callback.tsx"}]},{"name":"use-timeout","type":"registry:hook","title":"Use Timeout","description":"React useTimeout hook for declarative setTimeout with auto-cleanup. Pass null to pause, callback refs for fresh state. TypeScript ready.","dependencies":["lucide-react"],"files":[{"path":"use-timeout.tsx","type":"registry:hook","target":"hooks/use-timeout.tsx"}]},{"name":"use-ternary-dark-mode","type":"registry:hook","title":"Use Ternary Dark Mode","description":"React useTernaryDarkMode hook for light/dark/system theme modes. Persists preference, respects OS setting. TypeScript ready.","dependencies":["lucide-react"],"files":[{"path":"use-ternary-dark-mode.tsx","type":"registry:hook","target":"hooks/use-ternary-dark-mode.tsx"}]},{"name":"use-countdown","type":"registry:hook","title":"Use Countdown","description":"React useCountdown hook with start, stop, reset controls. Configurable interval, direction, and stop value. TypeScript ready.","files":[{"path":"use-countdown.tsx","type":"registry:hook","target":"hooks/use-countdown.tsx"}]},{"name":"use-hover","type":"registry:hook","title":"Use Hover","description":"React useHover hook to track mouse hover state on any element. Returns boolean, uses ref, auto-cleanup. TypeScript ready.","files":[{"path":"use-hover.tsx","type":"registry:hook","target":"hooks/use-hover.tsx"}]},{"name":"use-is-mounted","type":"registry:hook","title":"Use Is Mounted","description":"React useIsMounted hook returns a function to check if component is still mounted. Prevents state updates on unmounted components.","dependencies":["lucide-react"],"files":[{"path":"use-is-mounted.tsx","type":"registry:hook","target":"hooks/use-is-mounted.tsx"}]},{"name":"use-resize-observer","type":"registry:hook","title":"Use Resize Observer","description":"React useResizeObserver hook for tracking element size changes. Width/height with box model options. TypeScript ready.","dependencies":["lucide-react"],"files":[{"path":"use-resize-observer.tsx","type":"registry:hook","target":"hooks/use-resize-observer.tsx"}]},{"name":"ghibli-studio","type":"registry:style","title":"React Studio Ghibli Theme","description":"Whimsical anime-inspired theme with hand-painted natural colors for React creative and storytelling applications"},{"name":"perpetuity","type":"registry:style","title":"React Perpetuity Theme","description":"Timeless elegant theme with classic proportions for React applications built to last"},{"name":"solar-dusk","type":"registry:style","title":"React Solar Dusk Theme","description":"Warm sunset gradient theme with golden hour oranges and dusky pinks for React travel and photography applications"},{"name":"orange","type":"registry:style","title":"React Orange Theme","description":"Warm orange color scheme with creative energy for React food, entertainment and startup applications"},{"name":"yellow","type":"registry:style","title":"React Yellow Theme","description":"Optimistic yellow color scheme with attention-grabbing warmth for React creative and notification interfaces"},{"name":"rose","type":"registry:style","title":"React Rose Theme","description":"Elegant rose color scheme with refined warmth for React beauty, wellness and lifestyle applications"},{"name":"nature","type":"registry:style","title":"React Nature Theme","description":"Organic earth tone theme with forest greens and soil browns for React outdoor and environmental applications"},{"name":"violet","type":"registry:style","title":"React Violet Theme","description":"Creative violet color scheme with luxury aesthetics for React design tools and beauty applications"},{"name":"bubblegum","type":"registry:style","title":"React Bubblegum Theme","description":"Vibrant candy pink and purple pastel theme with playful energy for React gaming and social applications"},{"name":"soft-pop","type":"registry:style","title":"React Soft Pop Theme","description":"Balanced pastel theme with subtle vibrancy for React consumer apps and social platforms"},{"name":"caffeine","type":"registry:style","title":"React Caffeine Theme","description":"Coffee-inspired warm dark theme with espresso browns for React productivity and reading applications"},{"name":"catppuccin","type":"registry:style","title":"React Catppuccin Theme","description":"Community-beloved warm pastel theme with developer-friendly aesthetics for React applications and tools"},{"name":"spotify","type":"registry:style","title":"React Spotify Theme","description":"Music streaming inspired dark theme with iconic green accents for React media and entertainment applications"},{"name":"northern-lights","type":"registry:style","title":"React Northern Lights Theme","description":"Aurora borealis inspired theme with glowing teals and magentas for React creative and immersive applications"},{"name":"ocean-breeze","type":"registry:style","title":"React Ocean Breeze Theme","description":"Calm coastal theme with sea blues and sandy neutrals for React travel and wellness applications"},{"name":"cyberpunk","type":"registry:style","title":"React Cyberpunk Theme","description":"Neon-soaked futuristic dark theme with electric accents for React gaming and tech applications"},{"name":"claude","type":"registry:style","title":"React Claude Theme","description":"AI assistant inspired theme with warm terracotta orange tones for React chatbot and developer applications"},{"name":"marvel","type":"registry:style","title":"React Marvel Theme","description":"Comic book superhero inspired theme with bold red and dramatic contrast for React entertainment applications"},{"name":"quantum-rose","type":"registry:style","title":"React Quantum Rose Theme","description":"Futuristic rose gold theme blending tech aesthetics with luxury for React fintech and beauty applications"},{"name":"neo-brutalism","type":"registry:style","title":"React Neo Brutalism Theme","description":"Bold raw design theme with thick borders and stark contrast for React creative and portfolio applications"},{"name":"clean-slate","type":"registry:style","title":"React Clean Slate Theme","description":"Distraction-free grayscale theme for React writing and productivity applications"},{"name":"mocha-mousse","type":"registry:style","title":"React Mocha Mousse Theme","description":"Delicious chocolate brown theme with creamy vanilla accents for React food and lifestyle applications"},{"name":"violet-bloom","type":"registry:style","title":"React Violet Bloom Theme","description":"Rich violet and lavender floral theme for React beauty and wellness luxury applications"},{"name":"tangerine","type":"registry:style","title":"React Tangerine Theme","description":"Fresh citrus orange theme with zesty energy for React food and beverage applications"},{"name":"vercel","type":"registry:style","title":"React Vercel Theme","description":"Sleek monochrome developer theme inspired by Vercel for React deployment and infrastructure applications"},{"name":"vs-code","type":"registry:style","title":"React VS Code Theme","description":"Developer-focused dark theme inspired by Visual Studio Code for React documentation and developer tools"},{"name":"t3-chat","type":"registry:style","title":"React T3 Chat Theme","description":"Clean modern chat-inspired theme optimized for messaging React interfaces"},{"name":"sunset-horizon","type":"registry:style","title":"React Sunset Horizon Theme","description":"Dramatic gradient theme transitioning from orange through pink to purple for React lifestyle and event applications"},{"name":"mono","type":"registry:style","title":"React Mono Theme","description":"Pure black and white high-contrast theme for React typography and editorial applications"},{"name":"corporate","type":"registry:style","title":"React Corporate Theme","description":"Conservative professional theme with enterprise-grade neutrals for React B2B and internal applications"},{"name":"amethyst-haze","type":"registry:style","title":"React Amethyst Haze Theme","description":"Mystical purple haze theme with ethereal violet tones for React creative and wellness applications"},{"name":"retro-arcade","type":"registry:style","title":"React Retro Arcade Theme","description":"80s arcade-inspired neon theme with hot pink and cyan for React gaming and entertainment applications"},{"name":"elegant-luxury","type":"registry:style","title":"React Elegant Luxury Theme","description":"Sophisticated dark theme with gold accents for premium React e-commerce and high-end service applications"},{"name":"midnight-bloom","type":"registry:style","title":"React Midnight Bloom Theme","description":"Elegant midnight blue dark theme with purple floral accents for React creative and lifestyle applications"},{"name":"red","type":"registry:style","title":"React Red Theme","description":"High-energy red color scheme with urgency-driven aesthetics for React gaming and sales applications"},{"name":"claymorphism","type":"registry:style","title":"React Claymorphism Theme","description":"Soft 3D clay-like design theme with pillowy shadows for React mobile and playful applications"},{"name":"bold-tech","type":"registry:style","title":"React Bold Tech Theme","description":"High-contrast neon theme with electric blues and cyan accents for React developer tools and tech startups"},{"name":"twitter","type":"registry:style","title":"React Twitter Theme","description":"Social media inspired blue theme based on Twitter/X design for React news and real-time applications"},{"name":"starry-night","type":"registry:style","title":"React Starry Night Theme","description":"Van Gogh inspired artistic dark theme with swirling blues and gold for React creative and portfolio applications"},{"name":"supabase","type":"registry:style","title":"React Supabase Theme","description":"Developer-focused emerald green theme inspired by Supabase for React database and backend applications"},{"name":"darkmatter","type":"registry:style","title":"React Dark Matter Theme","description":"Ultra-dark minimal theme with OLED-black backgrounds for React media and focus applications"},{"name":"green","type":"registry:style","title":"React Green Theme","description":"Nature-inspired green color scheme with growth aesthetics for React fintech and health applications"},{"name":"modern-minimal","type":"registry:style","title":"React Modern Minimal Theme","description":"Clean neutral minimalist theme with balanced grays for React SaaS and professional applications"},{"name":"kodama-grove","type":"registry:style","title":"React Kodama Grove Theme","description":"Japanese forest-inspired theme with deep greens and earthy tones for React environmental and wellness applications"},{"name":"summer","type":"registry:style","title":"React Summer Theme","description":"Warm sunny theme with golden yellows and bright oranges for React travel and outdoor applications"},{"name":"valorant","type":"registry:style","title":"React Valorant Theme","description":"Competitive tactical gaming theme with sharp red accents for React esports and gaming applications"},{"name":"art-deco","type":"registry:style","title":"React Art Deco Theme","description":"Elegant 1920s-inspired theme with gold and cream luxury aesthetics for React portfolio and creative applications"},{"name":"vintage-paper","type":"registry:style","title":"React Vintage Paper Theme","description":"Classic aged paper theme with sepia tones and cream textures for React reading and publishing applications"},{"name":"candyland","type":"registry:style","title":"React Candyland Theme","description":"Bright candy-colored theme with rainbow accents for React gaming and children applications"},{"name":"notebook","type":"registry:style","title":"React Notebook Theme","description":"Paper and ink inspired theme with ruled lines for React note-taking and journaling applications"},{"name":"pastel-dreams","type":"registry:style","title":"React Pastel Dreams Theme","description":"Ethereal multi-color pastel theme with dreamy gradients for React meditation and creative applications"},{"name":"material-design","type":"registry:style","title":"React Material Design Theme","description":"Google Material Design inspired theme with purple accents for React productivity and enterprise applications"},{"name":"slack","type":"registry:style","title":"React Slack Theme","description":"Workspace collaboration inspired theme with aubergine purple for React team and communication applications"},{"name":"graphite","type":"registry:style","title":"React Graphite Theme","description":"Sleek metallic gray theme with industrial sophistication for React automotive and hardware applications"},{"name":"doom-64","type":"registry:style","title":"React Doom 64 Theme","description":"Gothic dark theme inspired by classic 90s shooters for React gaming and entertainment applications"},{"name":"blue","type":"registry:style","title":"React Blue Theme","description":"Professional blue color scheme with trust-building aesthetics for React dashboards and SaaS applications"},{"name":"amber-minimal","type":"registry:style","title":"React Amber Minimal Theme","description":"Warm amber-tinted minimal theme with sepia undertones for React reading and journaling applications"},{"name":"cosmic-night","type":"registry:style","title":"React Cosmic Night Theme","description":"Space-inspired deep purple dark theme with stellar accents for React sci-fi and astronomy applications"},{"name":"marshmallow","type":"registry:style","title":"React Marshmallow Theme","description":"Soft pink and lavender pastel theme with cloud-like comfort for React wellness and lifestyle applications"},{"name":"suggestion","type":"registry:ui","title":"Suggestion","description":"React AI suggestion component with horizontally scrolling quick reply buttons for chat interfaces","registryDependencies":["button","scroll-area"],"files":[{"path":"suggestion.tsx","type":"registry:ui","target":"components/ai/suggestion.tsx"}]},{"name":"canvas","type":"registry:ui","title":"Canvas","description":"React AI canvas component with node-based visual editor using ReactFlow for building agent workflows and diagrams","dependencies":["lucide-react","@xyflow/react"],"registryDependencies":["button"],"files":[{"path":"canvas.tsx","type":"registry:ui","target":"components/ai/canvas.tsx"}]},{"name":"tool","type":"registry:ui","title":"Tool","description":"React AI tool component with collapsible display showing Vercel AI SDK tool execution state, input, and output","dependencies":["lucide-react","ai"],"registryDependencies":["badge","collapsible"],"files":[{"path":"tool.tsx","type":"registry:ui","target":"components/ai/tool.tsx"}]},{"name":"task","type":"registry:ui","title":"Task","description":"React AI task component with collapsible search-style display for showing AI operation progress","dependencies":["lucide-react"],"registryDependencies":["collapsible"],"files":[{"path":"task.tsx","type":"registry:ui","target":"components/ai/task.tsx"}]},{"name":"commit","type":"registry:ui","title":"Commit","description":"React AI commit component for displaying Git commit information with file changes","dependencies":["lucide-react"],"registryDependencies":["avatar","button","collapsible"],"files":[{"path":"commit.tsx","type":"registry:ui","target":"components/ai/commit.tsx"}]},{"name":"sandbox","type":"registry:ui","title":"Sandbox","description":"React AI sandbox component for displaying code execution environments with tabbed output","dependencies":["lucide-react"],"registryDependencies":["badge","collapsible","tabs"],"files":[{"path":"sandbox.tsx","type":"registry:ui","target":"components/ai/sandbox.tsx"}]},{"name":"schema-display","type":"registry:ui","title":"Schema Display","description":"React AI schema display component for rendering API endpoint documentation with parameters and response types","dependencies":["lucide-react"],"registryDependencies":["badge","collapsible"],"files":[{"path":"schema-display.tsx","type":"registry:ui","target":"components/ai/schema-display.tsx"}]},{"name":"speech-input","type":"registry:ui","title":"Speech Input","description":"React AI speech input component for voice recording with animated visual feedback","dependencies":["lucide-react"],"registryDependencies":["button"],"files":[{"path":"speech-input.tsx","type":"registry:ui","target":"components/ai/speech-input.tsx"}]},{"name":"chain-of-thought","type":"registry:ui","title":"Chain Of Thought","description":"React AI chain of thought component with collapsible reasoning steps and search results for transparent AI thinking","dependencies":["lucide-react"],"registryDependencies":["badge","collapsible"],"files":[{"path":"chain-of-thought.tsx","type":"registry:ui","target":"components/ai/chain-of-thought.tsx"}]},{"name":"persona","type":"registry:ui","title":"Persona","description":"React AI persona component with animated Rive avatars for AI assistants","registryDependencies":["button","select"],"files":[{"path":"persona.tsx","type":"registry:ui","target":"components/ai/persona.tsx"}]},{"name":"artifact","type":"registry:ui","title":"Artifact","description":"React AI artifact component for displaying code, documents, and generated content with action buttons like Claude Artifacts","dependencies":["lucide-react"],"registryDependencies":["button","tooltip"],"files":[{"path":"artifact.tsx","type":"registry:ui","target":"components/ai/artifact.tsx"}]},{"name":"actions","type":"registry:ui","title":"Actions","description":"React AI actions component with icon button toolbar and optional tooltips for message interactions","dependencies":["lucide-react"],"registryDependencies":["button","tooltip"],"files":[{"path":"actions.tsx","type":"registry:ui","target":"components/ai/actions.tsx"}]},{"name":"inline-citation","type":"registry:ui","title":"Inline Citation","description":"React AI inline citation component with hover cards and carousel for displaying source references in chat responses","dependencies":["lucide-react"],"registryDependencies":["badge","carousel","hover-card"],"files":[{"path":"inline-citation.tsx","type":"registry:ui","target":"components/ai/inline-citation.tsx"}]},{"name":"test-results","type":"registry:ui","title":"Test Results","description":"React AI test results component for displaying test suite results with pass/fail/skip status","dependencies":["lucide-react"],"registryDependencies":["badge","collapsible"],"files":[{"path":"test-results.tsx","type":"registry:ui","target":"components/ai/test-results.tsx"}]},{"name":"node","type":"registry:ui","title":"Node","description":"React AI node component with card styling and ReactFlow handles for building visual agent workflows","dependencies":["lucide-react","@xyflow/react"],"registryDependencies":["card","badge"],"files":[{"path":"node.tsx","type":"registry:ui","target":"components/ai/node.tsx"}]},{"name":"model-selector","type":"registry:ui","title":"Model Selector","description":"React AI model selector component with searchable command dialog and provider logos for switching LLM models","dependencies":["lucide-react"],"registryDependencies":["command","dialog","button"],"files":[{"path":"model-selector.tsx","type":"registry:ui","target":"components/ai/model-selector.tsx"}]},{"name":"sources","type":"registry:ui","title":"Sources","description":"React AI sources component with collapsible list of citation links for RAG and research applications","dependencies":["lucide-react"],"registryDependencies":["collapsible"],"files":[{"path":"sources.tsx","type":"registry:ui","target":"components/ai/sources.tsx"}]},{"name":"chatbot","type":"registry:ui","title":"Chatbot","description":"React AI chatbot component showcasing a complete chat interface with messages, model selection, and prompt input","dependencies":["lucide-react","nanoid","ai"],"files":[{"path":"chatbot.tsx","type":"registry:ui","target":"components/ai/chatbot.tsx"}]},{"name":"code-block","type":"registry:ui","title":"Code Block","description":"React AI code block component with Shiki syntax highlighting, copy button, and dark mode support for chat interfaces","dependencies":["lucide-react","shiki"],"registryDependencies":["button"],"files":[{"path":"code-block.tsx","type":"registry:ui","target":"components/ai/code-block.tsx"}]},{"name":"plan","type":"registry:ui","title":"Plan","description":"React AI plan component with collapsible card showing task planning with streaming shimmer effect","dependencies":["lucide-react"],"registryDependencies":["button","card","collapsible"],"files":[{"path":"plan.tsx","type":"registry:ui","target":"components/ai/plan.tsx"}]},{"name":"connection","type":"registry:ui","title":"Connection","description":"React AI connection line component for ReactFlow canvas showing curved bezier paths between nodes","dependencies":["@xyflow/react"],"files":[{"path":"connection.tsx","type":"registry:ui","target":"components/ai/connection.tsx"}]},{"name":"snippet","type":"registry:ui","title":"Snippet","description":"React AI snippet component for displaying copyable code snippets and CLI commands","dependencies":["lucide-react"],"registryDependencies":["button","input"],"files":[{"path":"snippet.tsx","type":"registry:ui","target":"components/ai/snippet.tsx"}]},{"name":"open-in-chat","type":"registry:ui","title":"Open In Chat","description":"React AI open in chat component with dropdown menu linking to ChatGPT, Claude, Cursor, and other AI chat providers","dependencies":["lucide-react"],"registryDependencies":["button","dropdown-menu"],"files":[{"path":"open-in-chat.tsx","type":"registry:ui","target":"components/ai/open-in-chat.tsx"}]},{"name":"conversation","type":"registry:ui","title":"Conversation","description":"React AI conversation component with auto-scroll, empty state, and scroll-to-bottom button for chat interfaces","dependencies":["lucide-react","use-stick-to-bottom"],"registryDependencies":["button"],"files":[{"path":"conversation.tsx","type":"registry:ui","target":"components/ai/conversation.tsx"}]},{"name":"voice-selector","type":"registry:ui","title":"Voice Selector","description":"React AI voice selector component for choosing text-to-speech voices with attributes and preview","dependencies":["lucide-react"],"registryDependencies":["button","command","dialog"],"files":[{"path":"voice-selector.tsx","type":"registry:ui","target":"components/ai/voice-selector.tsx"}]},{"name":"environment-variables","type":"registry:ui","title":"Environment Variables","description":"React AI environment variables component for displaying and managing env vars with visibility toggle","dependencies":["lucide-react"],"registryDependencies":["badge","button","switch"],"files":[{"path":"environment-variables.tsx","type":"registry:ui","target":"components/ai/environment-variables.tsx"}]},{"name":"context","type":"registry:ui","title":"Context","description":"React AI context component showing token usage, costs, and model limits with circular progress indicator","dependencies":["tokenlens","ai"],"registryDependencies":["button","hover-card","progress"],"files":[{"path":"context.tsx","type":"registry:ui","target":"components/ai/context.tsx"}]},{"name":"edge","type":"registry:ui","title":"Edge","description":"React AI edge components with animated and temporary styles for ReactFlow node connections","dependencies":["@xyflow/react"],"files":[{"path":"edge.tsx","type":"registry:ui","target":"components/ai/edge.tsx"}]},{"name":"web-preview","type":"registry:ui","title":"Web Preview","description":"React AI web preview component with iframe, URL bar, navigation buttons, and console log display","dependencies":["lucide-react"],"registryDependencies":["button","collapsible","input","tooltip"],"files":[{"path":"web-preview.tsx","type":"registry:ui","target":"components/ai/web-preview.tsx"}]},{"name":"agent","type":"registry:ui","title":"Agent","description":"React AI agent component for displaying AI agent configurations with tools and instructions","dependencies":["lucide-react"],"registryDependencies":["accordion","badge"],"files":[{"path":"agent.tsx","type":"registry:ui","target":"components/ai/agent.tsx"}]},{"name":"queue","type":"registry:ui","title":"Queue","description":"React AI queue component with collapsible sections showing pending messages and todo items for agent workflows","dependencies":["lucide-react"],"registryDependencies":["button","collapsible","scroll-area"],"files":[{"path":"queue.tsx","type":"registry:ui","target":"components/ai/queue.tsx"}]},{"name":"mic-selector","type":"registry:ui","title":"Mic Selector","description":"React AI microphone selector component for choosing audio input devices","dependencies":["lucide-react"],"registryDependencies":["button","command","popover"],"files":[{"path":"mic-selector.tsx","type":"registry:ui","target":"components/ai/mic-selector.tsx"}]},{"name":"checkpoint","type":"registry:ui","title":"Checkpoint","description":"React AI checkpoint component with bookmark icon and separator for marking conversation save points","dependencies":["lucide-react"],"registryDependencies":["button","separator","tooltip"],"files":[{"path":"checkpoint.tsx","type":"registry:ui","target":"components/ai/checkpoint.tsx"}]},{"name":"toolbar","type":"registry:ui","title":"Toolbar","description":"React AI toolbar component for ReactFlow node actions positioned below nodes","dependencies":["lucide-react","@xyflow/react"],"registryDependencies":["button"],"files":[{"path":"toolbar.tsx","type":"registry:ui","target":"components/ai/toolbar.tsx"}]},{"name":"stack-trace","type":"registry:ui","title":"Stack Trace","description":"React AI stack trace component for displaying parsed error stack traces with clickable file paths","dependencies":["lucide-react"],"registryDependencies":["button","collapsible"],"files":[{"path":"stack-trace.tsx","type":"registry:ui","target":"components/ai/stack-trace.tsx"}]},{"name":"panel","type":"registry:ui","title":"Panel","description":"React AI panel component with card styling for ReactFlow canvas overlays and toolbars","dependencies":["lucide-react","@xyflow/react"],"registryDependencies":["button"],"files":[{"path":"panel.tsx","type":"registry:ui","target":"components/ai/panel.tsx"}]},{"name":"image","type":"registry:ui","title":"Image","description":"React AI image component for displaying base64-encoded generated images from Vercel AI SDK","dependencies":["ai"],"files":[{"path":"image.tsx","type":"registry:ui","target":"components/ai/image.tsx"}]},{"name":"transcription","type":"registry:ui","title":"Transcription","description":"React AI transcription component for displaying audio/speech transcriptions with synchronized highlighting","files":[{"path":"transcription.tsx","type":"registry:ui","target":"components/ai/transcription.tsx"}]},{"name":"audio-player","type":"registry:ui","title":"Audio Player","description":"React AI audio player component with playback controls for AI-generated speech","registryDependencies":["button"],"files":[{"path":"audio-player.tsx","type":"registry:ui","target":"components/ai/audio-player.tsx"}]},{"name":"file-tree","type":"registry:ui","title":"File Tree","description":"React AI file tree component for displaying hierarchical file and folder structures","dependencies":["lucide-react"],"registryDependencies":["collapsible"],"files":[{"path":"file-tree.tsx","type":"registry:ui","target":"components/ai/file-tree.tsx"}]},{"name":"branch","type":"registry:ui","title":"Branch","description":"React AI branch component with message versioning and navigation for chat regeneration workflows","dependencies":["lucide-react","ai"],"registryDependencies":["button"],"files":[{"path":"branch.tsx","type":"registry:ui","target":"components/ai/branch.tsx"}]},{"name":"terminal","type":"registry:ui","title":"Terminal","description":"React AI terminal component with ANSI color support for displaying command output and logs","dependencies":["lucide-react"],"registryDependencies":["button"],"files":[{"path":"terminal.tsx","type":"registry:ui","target":"components/ai/terminal.tsx"}]},{"name":"message","type":"registry:ui","title":"Message","description":"React AI message component with user/assistant styling, branching, attachments, and streaming markdown for chat interfaces","dependencies":["lucide-react","streamdown","ai"],"registryDependencies":["button","button-group","tooltip"],"files":[{"path":"message.tsx","type":"registry:ui","target":"components/ai/message.tsx"}]},{"name":"controls","type":"registry:ui","title":"Controls","description":"React AI controls component with zoom and pan buttons for ReactFlow canvas navigation","dependencies":["@xyflow/react"],"files":[{"path":"controls.tsx","type":"registry:ui","target":"components/ai/controls.tsx"}]},{"name":"shimmer","type":"registry:ui","title":"Shimmer","description":"React AI shimmer component with animated text gradient effect for streaming and loading states","dependencies":["motion"],"files":[{"path":"shimmer.tsx","type":"registry:ui","target":"components/ai/shimmer.tsx"}]},{"name":"confirmation","type":"registry:ui","title":"Confirmation","description":"React AI confirmation component with approve/reject actions for tool execution requests in Vercel AI SDK apps","dependencies":["lucide-react","ai"],"registryDependencies":["alert","button"],"files":[{"path":"confirmation.tsx","type":"registry:ui","target":"components/ai/confirmation.tsx"}]},{"name":"prompt-input","type":"registry:ui","title":"Prompt Input","description":"React AI prompt input component with textarea, file attachments, speech-to-text, and customizable actions for chat interfaces","dependencies":["lucide-react","nanoid","ai"],"registryDependencies":["button","command","dropdown-menu","hover-card","input-group","select"],"files":[{"path":"prompt-input.tsx","type":"registry:ui","target":"components/ai/prompt-input.tsx"}]},{"name":"loader","type":"registry:ui","title":"Loader","description":"React AI loader component with animated spinning SVG icon for chat streaming and processing states","files":[{"path":"loader.tsx","type":"registry:ui","target":"components/ai/loader.tsx"}]},{"name":"reasoning","type":"registry:ui","title":"Reasoning","description":"React AI reasoning component with collapsible thinking display, duration tracking, and streaming shimmer effect","dependencies":["lucide-react","streamdown"],"registryDependencies":["collapsible"],"files":[{"path":"reasoning.tsx","type":"registry:ui","target":"components/ai/reasoning.tsx"}]},{"name":"package-info","type":"registry:ui","title":"Package Info","description":"React AI package info component for displaying npm package details with version changes and dependencies","dependencies":["lucide-react"],"registryDependencies":["badge"],"files":[{"path":"package-info.tsx","type":"registry:ui","target":"components/ai/package-info.tsx"}]},{"name":"attachments","type":"registry:ui","title":"Attachments","description":"React AI attachments component for displaying file attachments with previews and actions","dependencies":["lucide-react"],"registryDependencies":["button","hover-card"],"files":[{"path":"attachments.tsx","type":"registry:ui","target":"components/ai/attachments.tsx"}]},{"name":"radar-grid-custom","type":"registry:block","title":"Radar Grid Custom","description":"Radar chart with single outer ring grid showing only the boundary","dependencies":["recharts","lucide-react"],"files":[{"path":"charts/radar-grid-custom.tsx","type":"registry:block","target":"components/charts/radar-grid-custom.tsx"}]},{"name":"radar-lines-only","type":"registry:block","title":"Radar Lines Only","description":"Radar chart with outline only, no fill for cleaner multi-series comparison","dependencies":["recharts","lucide-react"],"files":[{"path":"charts/radar-lines-only.tsx","type":"registry:block","target":"components/charts/radar-lines-only.tsx"}]},{"name":"area-gradient","type":"registry:block","title":"Area Gradient","description":"Area chart with gradient fills for polished dashboard visualizations","dependencies":["recharts"],"files":[{"path":"charts/area-gradient.tsx","type":"registry:block","target":"components/charts/area-gradient.tsx"}]},{"name":"radar-grid-circle-fill","type":"registry:block","title":"Radar Grid Circle Fill","description":"Radar chart with colored circular grid background for visual depth","dependencies":["recharts","lucide-react"],"files":[{"path":"charts/radar-grid-circle-fill.tsx","type":"registry:block","target":"components/charts/radar-grid-circle-fill.tsx"}]},{"name":"bar-active","type":"registry:block","title":"Bar Active","description":"Bar chart with unique colors per bar for categorical data","dependencies":["recharts","lucide-react"],"files":[{"path":"charts/bar-active.tsx","type":"registry:block","target":"components/charts/bar-active.tsx"}]},{"name":"bar-mixed","type":"registry:block","title":"Bar Mixed","description":"Horizontal bar chart with different colors for each category","dependencies":["recharts","lucide-react"],"files":[{"path":"charts/bar-mixed.tsx","type":"registry:block","target":"components/charts/bar-mixed.tsx"}]},{"name":"radar-grid-circle","type":"registry:block","title":"Radar Grid Circle","description":"Radar chart with circular concentric grid lines instead of polygon","dependencies":["recharts","lucide-react"],"files":[{"path":"charts/radar-grid-circle.tsx","type":"registry:block","target":"components/charts/radar-grid-circle.tsx"}]},{"name":"line-linear","type":"registry:block","title":"Line Linear","description":"Line chart with straight point-to-point connections","dependencies":["recharts","lucide-react"],"files":[{"path":"charts/line-linear.tsx","type":"registry:block","target":"components/charts/line-linear.tsx"}]},{"name":"pie-separator","type":"registry:block","title":"Pie Separator","description":"Pie chart without stroke separators between segments","dependencies":["recharts","lucide-react"],"files":[{"path":"charts/pie-separator.tsx","type":"registry:block","target":"components/charts/pie-separator.tsx"}]},{"name":"pie-donut","type":"registry:block","title":"Pie Donut","description":"Donut chart with hollow center for modern dashboards","dependencies":["recharts"],"files":[{"path":"charts/pie-donut.tsx","type":"registry:block","target":"components/charts/pie-donut.tsx"}]},{"name":"bar-multiple","type":"registry:block","title":"Bar Multiple","description":"Grouped bar chart comparing multiple series side-by-side","dependencies":["recharts","lucide-react"],"files":[{"path":"charts/bar-multiple.tsx","type":"registry:block","target":"components/charts/bar-multiple.tsx"}]},{"name":"area-stacked","type":"registry:block","title":"Area Stacked","description":"Stacked area chart showing how multiple series contribute to a total","dependencies":["recharts"],"files":[{"path":"charts/area-stacked.tsx","type":"registry:block","target":"components/charts/area-stacked.tsx"}]},{"name":"radar-grid-none","type":"registry:block","title":"Radar Grid None","description":"Radar chart with no background grid for maximum visual simplicity","dependencies":["recharts","lucide-react"],"files":[{"path":"charts/radar-grid-none.tsx","type":"registry:block","target":"components/charts/radar-grid-none.tsx"}]},{"name":"area-simple","type":"registry:block","title":"Area Simple","description":"Simple single-series area chart for basic trend visualization","dependencies":["recharts","lucide-react"],"files":[{"path":"charts/area-simple.tsx","type":"registry:block","target":"components/charts/area-simple.tsx"}]},{"name":"pie-donut-active","type":"registry:block","title":"Pie Donut Active","description":"Donut chart with visual emphasis on hovered segments","dependencies":["recharts"],"files":[{"path":"charts/pie-donut-active.tsx","type":"registry:block","target":"components/charts/pie-donut-active.tsx"}]},{"name":"area-linear","type":"registry:block","title":"Area Linear","description":"Area chart with linear interpolation for accurate point-to-point connections","dependencies":["recharts"],"files":[{"path":"charts/area-linear.tsx","type":"registry:block","target":"components/charts/area-linear.tsx"}]},{"name":"radar-grid-fill","type":"registry:block","title":"Radar Grid Fill","description":"Radar chart with colored polygon grid background matching axis shape","dependencies":["recharts","lucide-react"],"files":[{"path":"charts/radar-grid-fill.tsx","type":"registry:block","target":"components/charts/radar-grid-fill.tsx"}]},{"name":"line-multiple","type":"registry:block","title":"Line Multiple","description":"Line chart with multiple series for comparison","dependencies":["recharts","lucide-react"],"files":[{"path":"charts/line-multiple.tsx","type":"registry:block","target":"components/charts/line-multiple.tsx"}]},{"name":"pie-label-custom","type":"registry:block","title":"Pie Label Custom","description":"Pie chart with custom formatted labels showing exact values","dependencies":["recharts","lucide-react"],"files":[{"path":"charts/pie-label-custom.tsx","type":"registry:block","target":"components/charts/pie-label-custom.tsx"}]},{"name":"area-step","type":"registry:block","title":"Area Step","description":"Step area chart for visualizing discrete value changes","dependencies":["recharts","lucide-react"],"files":[{"path":"charts/area-step.tsx","type":"registry:block","target":"components/charts/area-step.tsx"}]},{"name":"pie-simple","type":"registry:block","title":"Pie Simple","description":"Basic pie chart showing proportional distribution of categories","dependencies":["recharts","lucide-react"],"files":[{"path":"charts/pie-simple.tsx","type":"registry:block","target":"components/charts/pie-simple.tsx"}]},{"name":"pie-legend","type":"registry:block","title":"Pie Legend","description":"Pie chart with legend below for category identification","dependencies":["recharts"],"files":[{"path":"charts/pie-legend.tsx","type":"registry:block","target":"components/charts/pie-legend.tsx"}]},{"name":"bar-stacked-legend","type":"registry:block","title":"Bar Stacked Legend","description":"Stacked bar chart showing composition with legend","dependencies":["recharts","lucide-react"],"files":[{"path":"charts/bar-stacked-legend.tsx","type":"registry:block","target":"components/charts/bar-stacked-legend.tsx"}]},{"name":"pie-label-list","type":"registry:block","title":"Pie Label List","description":"Pie chart with labels displayed inside each segment","dependencies":["recharts","lucide-react"],"files":[{"path":"charts/pie-label-list.tsx","type":"registry:block","target":"components/charts/pie-label-list.tsx"}]},{"name":"line-dots","type":"registry:block","title":"Line Dots","description":"Line chart with visible dot markers at each data point","dependencies":["recharts","lucide-react"],"files":[{"path":"charts/line-dots.tsx","type":"registry:block","target":"components/charts/line-dots.tsx"}]},{"name":"line-simple","type":"registry:block","title":"Line Simple","description":"Basic line chart with smooth curves for trend visualization","dependencies":["recharts","lucide-react"],"files":[{"path":"charts/line-simple.tsx","type":"registry:block","target":"components/charts/line-simple.tsx"}]},{"name":"area-icons","type":"registry:block","title":"Area Icons","description":"Area chart with custom icons in the legend for quick series identification","dependencies":["recharts","lucide-react"],"files":[{"path":"charts/area-icons.tsx","type":"registry:block","target":"components/charts/area-icons.tsx"}]},{"name":"area-expanded","type":"registry:block","title":"Area Expanded","description":"Normalized 100% stacked area chart for showing percentage distribution","dependencies":["recharts"],"files":[{"path":"charts/area-expanded.tsx","type":"registry:block","target":"components/charts/area-expanded.tsx"}]},{"name":"line-label","type":"registry:block","title":"Line Label","description":"Line chart with value labels displayed above each data point","dependencies":["recharts","lucide-react"],"files":[{"path":"charts/line-label.tsx","type":"registry:block","target":"components/charts/line-label.tsx"}]},{"name":"pie-label","type":"registry:block","title":"Pie Label","description":"Pie chart with labels extending from each segment","dependencies":["recharts","lucide-react"],"files":[{"path":"charts/pie-label.tsx","type":"registry:block","target":"components/charts/pie-label.tsx"}]},{"name":"bar-interactive","type":"registry:block","title":"Bar Interactive","description":"Interactive bar chart with metric switcher and running totals","dependencies":["recharts"],"files":[{"path":"charts/bar-interactive.tsx","type":"registry:block","target":"components/charts/bar-interactive.tsx"}]},{"name":"line-step","type":"registry:block","title":"Line Step","description":"Line chart with step interpolation for discrete value changes","dependencies":["recharts","lucide-react"],"files":[{"path":"charts/line-step.tsx","type":"registry:block","target":"components/charts/line-step.tsx"}]},{"name":"area-axes","type":"registry:block","title":"Area Axes","description":"Stacked area chart with Y-axis labels for dashboards and analytics","dependencies":["recharts"],"files":[{"path":"charts/area-axes.tsx","type":"registry:block","target":"components/charts/area-axes.tsx"}]},{"name":"radar-label-custom","type":"registry:block","title":"Radar Label Custom","description":"Radar chart with custom multi-line axis labels showing values and names","dependencies":["recharts","lucide-react"],"files":[{"path":"charts/radar-label-custom.tsx","type":"registry:block","target":"components/charts/radar-label-custom.tsx"}]},{"name":"line-dots-custom","type":"registry:block","title":"Line Dots Custom","description":"Line chart with custom icon markers instead of circles","dependencies":["recharts","lucide-react"],"files":[{"path":"charts/line-dots-custom.tsx","type":"registry:block","target":"components/charts/line-dots-custom.tsx"}]},{"name":"line-label-custom","type":"registry:block","title":"Line Label Custom","description":"Line chart with custom formatted labels showing category names","dependencies":["recharts","lucide-react"],"files":[{"path":"charts/line-label-custom.tsx","type":"registry:block","target":"components/charts/line-label-custom.tsx"}]},{"name":"radar-multiple","type":"registry:block","title":"Radar Multiple","description":"Radar chart with multiple overlapping data series for direct comparison","dependencies":["recharts","lucide-react"],"files":[{"path":"charts/radar-multiple.tsx","type":"registry:block","target":"components/charts/radar-multiple.tsx"}]},{"name":"pie-interactive","type":"registry:block","title":"Pie Interactive","description":"Interactive donut chart with dropdown selector for filtering","dependencies":["recharts"],"registryDependencies":["select"],"files":[{"path":"charts/pie-interactive.tsx","type":"registry:block","target":"components/charts/pie-interactive.tsx"}]},{"name":"pie-donut-text","type":"registry:block","title":"Pie Donut Text","description":"Donut chart with total value displayed in the center","dependencies":["recharts"],"files":[{"path":"charts/pie-donut-text.tsx","type":"registry:block","target":"components/charts/pie-donut-text.tsx"}]},{"name":"bar-negative","type":"registry:block","title":"Bar Negative","description":"Bar chart supporting positive and negative values with color coding","dependencies":["recharts","lucide-react"],"files":[{"path":"charts/bar-negative.tsx","type":"registry:block","target":"components/charts/bar-negative.tsx"}]},{"name":"line-dots-colors","type":"registry:block","title":"Line Dots Colors","description":"Line chart with different colored dots for each data point","dependencies":["recharts","lucide-react"],"files":[{"path":"charts/line-dots-colors.tsx","type":"registry:block","target":"components/charts/line-dots-colors.tsx"}]},{"name":"radar-dots","type":"registry:block","title":"Radar Dots","description":"Radar chart with visible data point markers at each axis","dependencies":["recharts","lucide-react"],"files":[{"path":"charts/radar-dots.tsx","type":"registry:block","target":"components/charts/radar-dots.tsx"}]},{"name":"bar-simple","type":"registry:block","title":"Bar Simple","description":"Basic vertical bar chart for comparing categories","dependencies":["recharts","lucide-react"],"files":[{"path":"charts/bar-simple.tsx","type":"registry:block","target":"components/charts/bar-simple.tsx"}]},{"name":"radar-simple","type":"registry:block","title":"Radar Simple","description":"Basic filled polygon radar for showing performance across dimensions","dependencies":["recharts","lucide-react"],"files":[{"path":"charts/radar-simple.tsx","type":"registry:block","target":"components/charts/radar-simple.tsx"}]},{"name":"bar-label-custom","type":"registry:block","title":"Bar Label Custom","description":"Horizontal bar chart with labels inside and outside bars","dependencies":["recharts","lucide-react"],"files":[{"path":"charts/bar-label-custom.tsx","type":"registry:block","target":"components/charts/bar-label-custom.tsx"}]},{"name":"bar-horizontal","type":"registry:block","title":"Bar Horizontal","description":"Horizontal bar chart with room for long category labels","dependencies":["recharts","lucide-react"],"files":[{"path":"charts/bar-horizontal.tsx","type":"registry:block","target":"components/charts/bar-horizontal.tsx"}]},{"name":"area-legend","type":"registry:block","title":"Area Legend","description":"Stacked area chart with legend for multi-series comparison","dependencies":["recharts"],"files":[{"path":"charts/area-legend.tsx","type":"registry:block","target":"components/charts/area-legend.tsx"}]},{"name":"bar-label","type":"registry:block","title":"Bar Label","description":"Bar chart with value labels displayed above each bar","dependencies":["recharts","lucide-react"],"files":[{"path":"charts/bar-label.tsx","type":"registry:block","target":"components/charts/bar-label.tsx"}]},{"name":"radar-grid-circle-no-lines","type":"registry:block","title":"Radar Grid Circle No Lines","description":"Radar chart with circular grid and no radial spoke lines","dependencies":["recharts","lucide-react"],"files":[{"path":"charts/radar-grid-circle-no-lines.tsx","type":"registry:block","target":"components/charts/radar-grid-circle-no-lines.tsx"}]},{"name":"line-interactive","type":"registry:block","title":"Line Interactive","description":"Interactive line chart with metric switcher and totals display","dependencies":["recharts"],"files":[{"path":"charts/line-interactive.tsx","type":"registry:block","target":"components/charts/line-interactive.tsx"}]},{"name":"area-interactive","type":"registry:block","title":"Area Interactive","description":"Interactive area chart with time range selector for analytics dashboards","dependencies":["recharts"],"registryDependencies":["select"],"files":[{"path":"charts/area-interactive.tsx","type":"registry:block","target":"components/charts/area-interactive.tsx"}]},{"name":"radar-legend","type":"registry:block","title":"Radar Legend","description":"Radar chart with legend for identifying multiple data series","dependencies":["recharts","lucide-react"],"files":[{"path":"charts/radar-legend.tsx","type":"registry:block","target":"components/charts/radar-legend.tsx"}]},{"name":"pie-stacked","type":"registry:block","title":"Pie Stacked","description":"Concentric pie charts with two data series as nested rings","dependencies":["recharts"],"files":[{"path":"charts/pie-stacked.tsx","type":"registry:block","target":"components/charts/pie-stacked.tsx"}]},{"name":"confetti-button","type":"registry:ui","title":"Confetti Button","description":"Button that bursts confetti particles on click for celebratory moments in React, Next.js, shadcn/ui, Tailwind CSS, TypeScript. Built on the base-ui shadcn Button.","registryDependencies":["button"],"premium":true,"files":[{"path":"confetti-button.tsx","type":"registry:ui","target":"components/ui/confetti-button.tsx"}]},{"name":"shimmer-button","type":"registry:ui","title":"Shimmer Button","description":"Button with a flowing shimmer border around a solid primary core for React, Next.js, shadcn/ui, Tailwind CSS, TypeScript. Built on the base-ui shadcn Button.","dependencies":["motion"],"registryDependencies":["button"],"premium":true,"files":[{"path":"shimmer-button.tsx","type":"registry:ui","target":"components/ui/shimmer-button.tsx"}]},{"name":"slide-to-confirm-button","type":"registry:ui","title":"Slide To Confirm Button","description":"Pill-shaped track with a draggable handle that fires onConfirm when slid across, iOS-native style, for React, Next.js, shadcn/ui, Tailwind CSS, TypeScript. Built on the base-ui shadcn Button.","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"slide-to-confirm-button.tsx","type":"registry:ui","target":"components/ui/slide-to-confirm-button.tsx"}]},{"name":"stitch-button","type":"registry:ui","title":"Stitch Button","description":"Button with a stitched dashed inner border and double inner shadows for React, Next.js, shadcn/ui, Tailwind CSS, TypeScript. Built on the base-ui shadcn Button.","registryDependencies":["button"],"premium":true,"files":[{"path":"stitch-button.tsx","type":"registry:ui","target":"components/ui/stitch-button.tsx"}]},{"name":"neon-button","type":"registry:ui","title":"Neon Button","description":"Button with glowing neon effect and subtle flicker on hover for React, Next.js, shadcn/ui, Tailwind CSS, TypeScript. Built on the base-ui shadcn Button.","registryDependencies":["button"],"premium":true,"files":[{"path":"neon-button.tsx","type":"registry:ui","target":"components/ui/neon-button.tsx"}]},{"name":"theme-toggle-button","type":"registry:ui","title":"Theme Toggle Button","description":"Theme toggle button with animated sun/moon icon transition for React, Next.js, shadcn/ui, Tailwind CSS, TypeScript. Built on the base-ui shadcn Button.","dependencies":["lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"theme-toggle-button.tsx","type":"registry:ui","target":"components/ui/theme-toggle-button.tsx"}]},{"name":"long-press-button","type":"registry:ui","title":"Long Press Button","description":"Button that requires a press-and-hold gesture to confirm, with a progress fill that animates while held for React, Next.js, shadcn/ui, Tailwind CSS, TypeScript. Built on the base-ui shadcn Button.","registryDependencies":["button"],"premium":true,"files":[{"path":"long-press-button.tsx","type":"registry:ui","target":"components/ui/long-press-button.tsx"}]},{"name":"shake-button","type":"registry:ui","title":"Shake Button","description":"Button that shakes horizontally to indicate errors or invalid actions for React, Next.js, shadcn/ui, Tailwind CSS, TypeScript. Built on the base-ui shadcn Button.","registryDependencies":["button"],"premium":true,"files":[{"path":"shake-button.tsx","type":"registry:ui","target":"components/ui/shake-button.tsx"}]},{"name":"shine-button","type":"registry:ui","title":"Shine Button","description":"Sleek button with a diagonal light sweep on hover—that premium shine effect for React, Next.js, shadcn/ui, Tailwind CSS, TypeScript. Built on the base-ui shadcn Button.","registryDependencies":["button"],"premium":true,"files":[{"path":"shine-button.tsx","type":"registry:ui","target":"components/ui/shine-button.tsx"}]},{"name":"spotlight-button","type":"registry:ui","title":"Spotlight Button","description":"Button with a soft light that follows your cursor on hover for React, Next.js, shadcn/ui, Tailwind CSS, TypeScript. Built on the base-ui shadcn Button.","registryDependencies":["button"],"premium":true,"files":[{"path":"spotlight-button.tsx","type":"registry:ui","target":"components/ui/spotlight-button.tsx"}]},{"name":"pulse-button","type":"registry:ui","title":"Pulse Button","description":"Attention-grabbing button with pulsing rings that radiate outward for React, Next.js, shadcn/ui, Tailwind CSS, TypeScript. Built on the base-ui shadcn Button.","registryDependencies":["button"],"premium":true,"files":[{"path":"pulse-button.tsx","type":"registry:ui","target":"components/ui/pulse-button.tsx"}]},{"name":"underline-button","type":"registry:ui","title":"Underline Button","description":"Minimal button with an animated underline that grows from center on hover for React, Next.js, shadcn/ui, Tailwind CSS, TypeScript. Built on the base-ui shadcn Button.","registryDependencies":["button"],"premium":true,"files":[{"path":"underline-button.tsx","type":"registry:ui","target":"components/ui/underline-button.tsx"}]},{"name":"kbd-button","type":"registry:ui","title":"Kbd Button","description":"Button with an inline keyboard shortcut chip rendered as a styled `<kbd>` element for React, Next.js, shadcn/ui, Tailwind CSS, TypeScript. Built on the base-ui shadcn Button.","registryDependencies":["button"],"files":[{"path":"kbd-button.tsx","type":"registry:ui","target":"components/ui/kbd-button.tsx"}]},{"name":"gradient-button","type":"registry:ui","title":"Gradient Button","description":"Button with a vibrant animated linear-gradient background that shifts colors continuously for React, Next.js, shadcn/ui, Tailwind CSS, TypeScript. Built on the base-ui shadcn Button.","registryDependencies":["button"],"premium":true,"files":[{"path":"gradient-button.tsx","type":"registry:ui","target":"components/ui/gradient-button.tsx"}]},{"name":"glow-border-button","type":"registry:ui","title":"Glow Border Button","description":"Animated gradient glow border button with rotating light effect for React, Next.js, shadcn/ui, Tailwind CSS, TypeScript. Built on the base-ui shadcn Button.","registryDependencies":["button"],"premium":true,"files":[{"path":"glow-border-button.tsx","type":"registry:ui","target":"components/ui/glow-border-button.tsx"}]},{"name":"countdown-button","type":"registry:ui","title":"Countdown Button","description":"Button that disables itself with a live countdown in the label, then re-enables, for React, Next.js, shadcn/ui, Tailwind CSS, TypeScript. Built on the base-ui shadcn Button.","registryDependencies":["button"],"files":[{"path":"countdown-button.tsx","type":"registry:ui","target":"components/ui/countdown-button.tsx"}]},{"name":"magnetic-button","type":"registry:ui","title":"Magnetic Button","description":"Button that magnetically follows the cursor with spring physics for React, Next.js, shadcn/ui, Tailwind CSS, TypeScript. Built on the base-ui shadcn Button.","dependencies":["motion"],"registryDependencies":["button"],"files":[{"path":"magnetic-button.tsx","type":"registry:ui","target":"components/ui/magnetic-button.tsx"}]},{"name":"icon-button","type":"registry:ui","title":"Icon Button","description":"Animated icon button with active state glow, particles, and color customization for React, Next.js, shadcn/ui, Tailwind CSS, TypeScript. Built on the base-ui shadcn Button.","dependencies":["motion"],"registryDependencies":["button"],"files":[{"path":"icon-button.tsx","type":"registry:ui","target":"components/ui/icon-button.tsx"}]},{"name":"flip-button","type":"registry:ui","title":"Flip Button","description":"3D flip button with front/back states and spring animations for React, Next.js, shadcn/ui, Tailwind CSS, TypeScript. Built on the base-ui shadcn Button.","dependencies":["motion"],"registryDependencies":["button"],"premium":true,"files":[{"path":"flip-button.tsx","type":"registry:ui","target":"components/ui/flip-button.tsx"}]},{"name":"glass-button","type":"registry:ui","title":"Glass Button","description":"Translucent button with backdrop-blur for frosted-glass aesthetic over rich backgrounds in React, Next.js, shadcn/ui, Tailwind CSS, TypeScript. Built on the base-ui shadcn Button.","registryDependencies":["button"],"premium":true,"files":[{"path":"glass-button.tsx","type":"registry:ui","target":"components/ui/glass-button.tsx"}]},{"name":"arrow-button","type":"registry:ui","title":"Arrow Button","description":"Button with an animated arrow that slides in on hover for React, Next.js, shadcn/ui, Tailwind CSS, TypeScript. Built on base-ui Button.","dependencies":["lucide-react"],"registryDependencies":["button"],"files":[{"path":"arrow-button.tsx","type":"registry:ui","target":"components/ui/arrow-button.tsx"}]},{"name":"border-trace-button","type":"registry:ui","title":"Border Trace Button","description":"Button with an animated border that traces around the perimeter on hover for React, Next.js, shadcn/ui, Tailwind CSS, TypeScript. Built on the base-ui shadcn Button.","registryDependencies":["button"],"premium":true,"files":[{"path":"border-trace-button.tsx","type":"registry:ui","target":"components/ui/border-trace-button.tsx"}]},{"name":"pill-button","type":"registry:ui","title":"Pill Button","description":"Pill-shaped button with a primary-tinted ring and inset highlight that suggests a curved surface for React, Next.js, shadcn/ui, Tailwind CSS, TypeScript. Built on the base-ui shadcn Button.","registryDependencies":["button"],"premium":true,"files":[{"path":"pill-button.tsx","type":"registry:ui","target":"components/ui/pill-button.tsx"}]},{"name":"download-button","type":"registry:ui","title":"Download Button","description":"State-machine download button with a real progress fill, status icon swap, and auto-reset for React, Next.js, shadcn/ui, Tailwind CSS, TypeScript. Built on the base-ui shadcn Button.","dependencies":["lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"download-button.tsx","type":"registry:ui","target":"components/ui/download-button.tsx"}]},{"name":"record-button","type":"registry:ui","title":"Record Button","description":"Recording state-machine button — circle ↔ square icon morph inside, with a destructive-tinted pulsing ring around the button while recording, for React, Next.js, shadcn/ui, Tailwind CSS, TypeScript. Built on the base-ui shadcn Button.","registryDependencies":["button"],"files":[{"path":"record-button.tsx","type":"registry:ui","target":"components/ui/record-button.tsx"}]},{"name":"input-button","type":"registry:ui","title":"Input Button","description":"Expandable input button that transforms from button to input field with smooth animations for React, Next.js, shadcn/ui, Tailwind CSS, TypeScript. Built on the base-ui shadcn Button.","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"input-button.tsx","type":"registry:ui","target":"components/ui/input-button.tsx"}]},{"name":"flow-button","type":"registry:ui","title":"Flow Button","description":"Button with a hover-driven 180° rotating conic-gradient border for React, Next.js, shadcn/ui, Tailwind CSS, TypeScript. Built on the base-ui shadcn Button.","registryDependencies":["button"],"premium":true,"files":[{"path":"flow-button.tsx","type":"registry:ui","target":"components/ui/flow-button.tsx"}]},{"name":"counter-button","type":"registry:ui","title":"Counter Button","description":"Button with animated counter that increments on click for React, Next.js, shadcn/ui, Tailwind CSS, TypeScript. Built on the base-ui shadcn Button.","registryDependencies":["button"],"premium":true,"files":[{"path":"counter-button.tsx","type":"registry:ui","target":"components/ui/counter-button.tsx"}]},{"name":"success-button","type":"registry:ui","title":"Success Button","description":"Button that transforms into a success checkmark when completed for React, Next.js, shadcn/ui, Tailwind CSS, TypeScript. Built on the base-ui shadcn Button.","dependencies":["lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"success-button.tsx","type":"registry:ui","target":"components/ui/success-button.tsx"}]},{"name":"copy-button","type":"registry:ui","title":"Copy Button","description":"Copy-to-clipboard button with animated icon swap and success feedback for React, Next.js, shadcn/ui, Tailwind CSS, TypeScript. Built on the base-ui shadcn Button.","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"files":[{"path":"copy-button.tsx","type":"registry:ui","target":"components/ui/copy-button.tsx"}]},{"name":"ripple-button","type":"registry:ui","title":"Ripple Button","description":"Material Design ripple effect button with expanding circles from click point for React, Next.js, shadcn/ui, Tailwind CSS, TypeScript. Built on the base-ui shadcn Button.","dependencies":["motion"],"registryDependencies":["button"],"files":[{"path":"ripple-button.tsx","type":"registry:ui","target":"components/ui/ripple-button.tsx"}]},{"name":"depth-button","type":"registry:ui","title":"Depth Button","description":"Button with realistic 3D depth that presses down on click for React, Next.js, shadcn/ui, Tailwind CSS, TypeScript. Built on the base-ui shadcn Button.","registryDependencies":["button"],"premium":true,"files":[{"path":"depth-button.tsx","type":"registry:ui","target":"components/ui/depth-button.tsx"}]},{"name":"loading-button","type":"registry:ui","title":"Loading Button","description":"Button with built-in loading spinner and state management for React, Next.js, shadcn/ui, Tailwind CSS, TypeScript. Built on the base-ui shadcn Button.","dependencies":["lucide-react"],"registryDependencies":["button"],"files":[{"path":"loading-button.tsx","type":"registry:ui","target":"components/ui/loading-button.tsx"}]},{"name":"github-stars-button","type":"registry:ui","title":"Github Stars Button","description":"GitHub stars button with live star count and animated sliding number display for React, Next.js, shadcn/ui, Tailwind CSS, TypeScript. Built on the base-ui shadcn Button.","dependencies":["lucide-react"],"registryDependencies":["button"],"premium":true,"files":[{"path":"github-stars-button.tsx","type":"registry:ui","target":"components/ui/github-stars-button.tsx"}]},{"name":"liquid-button","type":"registry:ui","title":"Liquid Button","description":"Liquid fill button with fluid animation that floods from bottom on hover for React, Next.js, shadcn/ui, Tailwind CSS, TypeScript. Built on the base-ui shadcn Button.","registryDependencies":["button"],"premium":true,"files":[{"path":"liquid-button.tsx","type":"registry:ui","target":"components/ui/liquid-button.tsx"}]},{"name":"advanced-tunnel","type":"registry:ui","title":"Advanced Tunnel","description":"React advanced 3D tunnel with raymarching, bump mapping, and volumetric lighting for Next.js","premium":true,"files":[{"path":"advanced-tunnel.tsx","type":"registry:ui","target":"components/ui/advanced-tunnel.tsx"}]},{"name":"tunnel","type":"registry:ui","title":"Tunnel","description":"React tunnel shaders with classic demoscene psychedelic effects for Next.js","premium":true,"files":[{"path":"tunnel.tsx","type":"registry:ui","target":"components/ui/tunnel.tsx"}]},{"name":"desert-sand","type":"registry:ui","title":"Desert Sand","description":"React desert terrain with procedural sand textures and atmospheric fog for Next.js","premium":true,"files":[{"path":"desert-sand.tsx","type":"registry:ui","target":"components/ui/desert-sand.tsx"}]},{"name":"random-grid-subdivision","type":"registry:ui","title":"Random Grid Subdivision","description":"React random grid subdivision with CSG operations and fractal patterns for Next.js","premium":true,"files":[{"path":"random-grid-subdivision.tsx","type":"registry:ui","target":"components/ui/random-grid-subdivision.tsx"}]},{"name":"ripples-in-black","type":"registry:ui","title":"Ripples In Black","description":"React ripples in black shaders with plasma interference patterns for Next.js","premium":true,"files":[{"path":"ripples-in-black.tsx","type":"registry:ui","target":"components/ui/ripples-in-black.tsx"}]},{"name":"digital-tunnel","type":"registry:ui","title":"Digital Tunnel","description":"React digital tunnel with GPU 3D raymarching, neon rings, and particle flows for Next.js","premium":true,"files":[{"path":"digital-tunnel.tsx","type":"registry:ui","target":"components/ui/digital-tunnel.tsx"}]},{"name":"singularity","type":"registry:ui","title":"Singularity","description":"React blackhole singularity shaders with gravitational distortion for Next.js","premium":true,"files":[{"path":"singularity.tsx","type":"registry:ui","target":"components/ui/singularity.tsx"}]},{"name":"monster-tunnel","type":"registry:ui","title":"Monster Tunnel","description":"React monster tunnel with raymarching and fractal geometry transformations for Next.js","premium":true,"files":[{"path":"monster-tunnel.tsx","type":"registry:ui","target":"components/ui/monster-tunnel.tsx"}]},{"name":"smooth-voronoi-contours","type":"registry:ui","title":"Smooth Voronoi Contours","description":"React smooth Voronoi contours shaders with numerical gradient smoothing for Next.js","premium":true,"files":[{"path":"smooth-voronoi-contours.tsx","type":"registry:ui","target":"components/ui/smooth-voronoi-contours.tsx"}]},{"name":"extruded-mobius-spiral","type":"registry:ui","title":"Extruded Mobius Spiral","description":"React Mobius spiral with raymarched 3D extruded patterns and complex transformations for Next.js","premium":true,"files":[{"path":"extruded-mobius-spiral.tsx","type":"registry:ui","target":"components/ui/extruded-mobius-spiral.tsx"}]},{"name":"sparks-drifting","type":"registry:ui","title":"Sparks Drifting","description":"React sparks drifting shaders with simplex noise fire simulation for Next.js","premium":true,"files":[{"path":"sparks-drifting.tsx","type":"registry:ui","target":"components/ui/sparks-drifting.tsx"}]},{"name":"sea","type":"registry:ui","title":"Sea","description":"React 3D sea shaders with GPU ray marching ocean simulation for Next.js","premium":true,"files":[{"path":"sea.tsx","type":"registry:ui","target":"components/ui/sea.tsx"}]},{"name":"truchet","type":"registry:ui","title":"Truchet","description":"React Truchet shaders with procedural tiling patterns for Next.js","premium":true,"files":[{"path":"truchet.tsx","type":"registry:ui","target":"components/ui/truchet.tsx"}]},{"name":"minimal-jigsaw","type":"registry:ui","title":"Minimal Jigsaw","description":"React jigsaw puzzle patterns with minimal code and diagonal partitioning for Next.js","premium":true,"files":[{"path":"minimal-jigsaw.tsx","type":"registry:ui","target":"components/ui/minimal-jigsaw.tsx"}]},{"name":"plasma","type":"registry:ui","title":"Plasma","description":"React plasma effect with GPU energy patterns and color cycling for Next.js","files":[{"path":"plasma.tsx","type":"registry:ui","target":"components/ui/plasma.tsx"}]},{"name":"warped-noise","type":"registry:ui","title":"Warped Noise","description":"React warped noise shaders with fBM domain warping for Next.js","premium":true,"files":[{"path":"warped-noise.tsx","type":"registry:ui","target":"components/ui/warped-noise.tsx"}]},{"name":"noise","type":"registry:ui","title":"Noise","description":"React noise with GPU procedural generation and David Hoskins hash functions for Next.js","files":[{"path":"noise.tsx","type":"registry:ui","target":"components/ui/noise.tsx"}]},{"name":"aurora","type":"registry:ui","title":"Aurora","description":"React aurora shader with GPU northern lights, fractal noise, and flowing atmospheric colors for Next.js","files":[{"path":"aurora.tsx","type":"registry:ui","target":"components/ui/aurora.tsx"}]},{"name":"pyramid-pattern","type":"registry:ui","title":"Pyramid Pattern","description":"React pyramid patterns with bump mapping and noise-driven animations for Next.js","premium":true,"files":[{"path":"pyramid-pattern.tsx","type":"registry:ui","target":"components/ui/pyramid-pattern.tsx"}]},{"name":"sphere-field","type":"registry:ui","title":"Sphere Field","description":"React sphere field shaders with 3D raymarching and spherical projection for Next.js","premium":true,"files":[{"path":"sphere-field.tsx","type":"registry:ui","target":"components/ui/sphere-field.tsx"}]},{"name":"triangle-mesh-incircles","type":"registry:ui","title":"Triangle Mesh Incircles","description":"React triangle mesh incircles shaders with Delaunay triangulation for Next.js","premium":true,"files":[{"path":"triangle-mesh-incircles.tsx","type":"registry:ui","target":"components/ui/triangle-mesh-incircles.tsx"}]},{"name":"poincare-disc-animation","type":"registry:ui","title":"Poincare Disc Animation","description":"React Poincare disc with hyperbolic tiling and circle inversion for Next.js","premium":true,"files":[{"path":"poincare-disc-animation.tsx","type":"registry:ui","target":"components/ui/poincare-disc-animation.tsx"}]},{"name":"cosmic-discs","type":"registry:ui","title":"Cosmic Discs","description":"React cosmic discs with glowing radial arcs and concentric ring patterns for Next.js","premium":true,"files":[{"path":"cosmic-discs.tsx","type":"registry:ui","target":"components/ui/cosmic-discs.tsx"}]},{"name":"mandelbrot-pattern-decoration","type":"registry:ui","title":"Mandelbrot Pattern Decoration","description":"React Mandelbrot fractal with decorative pattern overlays and advanced shading for Next.js","premium":true,"files":[{"path":"mandelbrot-pattern-decoration.tsx","type":"registry:ui","target":"components/ui/mandelbrot-pattern-decoration.tsx"}]},{"name":"fractals","type":"registry:ui","title":"Fractals","description":"React fractals with GPU iterative function systems and color palette cycling for Next.js","premium":true,"files":[{"path":"fractals.tsx","type":"registry:ui","target":"components/ui/fractals.tsx"}]},{"name":"three-tap-voronoi","type":"registry:ui","title":"Three Tap Voronoi","description":"React 3-tap Voronoi shaders with ultra-fast simplex grid sampling for Next.js","premium":true,"files":[{"path":"three-tap-voronoi.tsx","type":"registry:ui","target":"components/ui/three-tap-voronoi.tsx"}]},{"name":"glitch","type":"registry:ui","title":"Glitch","description":"React glitch effect with GPU digital corruption and chromatic aberration for Next.js","files":[{"path":"glitch.tsx","type":"registry:ui","target":"components/ui/glitch.tsx"}]},{"name":"matrix","type":"registry:ui","title":"Matrix","description":"React matrix effect with GPU digital rain and procedural character generation for Next.js","files":[{"path":"matrix.tsx","type":"registry:ui","target":"components/ui/matrix.tsx"}]},{"name":"smooth-noise-contours","type":"registry:ui","title":"Smooth Noise Contours","description":"React smooth noise contours shaders with anti-aliased simplex noise for Next.js","premium":true,"files":[{"path":"smooth-noise-contours.tsx","type":"registry:ui","target":"components/ui/smooth-noise-contours.tsx"}]},{"name":"binary","type":"registry:ui","title":"Binary","description":"React binary patterns with matrix transformations and digital grid effects for Next.js","premium":true,"files":[{"path":"binary.tsx","type":"registry:ui","target":"components/ui/binary.tsx"}]},{"name":"raymarching","type":"registry:ui","title":"Raymarching","description":"React raymarching shaders with ACES tonemapping and dot noise for Next.js","premium":true,"files":[{"path":"raymarching.tsx","type":"registry:ui","target":"components/ui/raymarching.tsx"}]},{"name":"biomine","type":"registry:ui","title":"Biomine","description":"Organic biomine tunnel with gyroid surfaces, cellular patterns, and subsurface scattering for React and Next.js","premium":true,"files":[{"path":"biomine.tsx","type":"registry:ui","target":"components/ui/biomine.tsx"}]},{"name":"mobius-sierpinski","type":"registry:ui","title":"Mobius Sierpinski","description":"React Mobius Sierpinski fractal with spiral zoom and carpet patterns for Next.js","premium":true,"files":[{"path":"mobius-sierpinski.tsx","type":"registry:ui","target":"components/ui/mobius-sierpinski.tsx"}]},{"name":"perspex-web-lattice","type":"registry:ui","title":"Perspex Web Lattice","description":"React perspex web lattice with raymarched Voronoi and edge detection for Next.js","premium":true,"files":[{"path":"perspex-web-lattice.tsx","type":"registry:ui","target":"components/ui/perspex-web-lattice.tsx"}]},{"name":"oldschool-tube","type":"registry:ui","title":"Oldschool Tube","description":"React oldschool tube with Voronoi patterns and bump mapping for Next.js","premium":true,"files":[{"path":"oldschool-tube.tsx","type":"registry:ui","target":"components/ui/oldschool-tube.tsx"}]},{"name":"sigmoids-sines","type":"registry:ui","title":"Sigmoids Sines","description":"React psychedelic sigmoids sines shaders with motion blur for Next.js","premium":true,"files":[{"path":"sigmoids-sines.tsx","type":"registry:ui","target":"components/ui/sigmoids-sines.tsx"}]},{"name":"nebula","type":"registry:ui","title":"Nebula","description":"React nebula effect with GPU space clouds and twinkling star fields for Next.js","files":[{"path":"nebula.tsx","type":"registry:ui","target":"components/ui/nebula.tsx"}]},{"name":"cellular-tiled-tunnel","type":"registry:ui","title":"Cellular Tiled Tunnel","description":"Raymarched 2nd-order Voronoi tunnel with 3D cellular tiling for React and Next.js","premium":true,"files":[{"path":"cellular-tiled-tunnel.tsx","type":"registry:ui","target":"components/ui/cellular-tiled-tunnel.tsx"}]},{"name":"soap-bubbles-2d","type":"registry:ui","title":"Soap Bubbles 2d","description":"React soap bubbles 2D shaders with procedural cellular patterns for Next.js","premium":true,"files":[{"path":"soap-bubbles-2d.tsx","type":"registry:ui","target":"components/ui/soap-bubbles-2d.tsx"}]},{"name":"smoke","type":"registry:ui","title":"Smoke","description":"React volumetric smoke shaders with GPU fluid simulation for Next.js","premium":true,"files":[{"path":"smoke.tsx","type":"registry:ui","target":"components/ui/smoke.tsx"}]},{"name":"ripple","type":"registry:ui","title":"Ripple","description":"React ripple shaders with GPU wave interference patterns for Next.js","files":[{"path":"ripple.tsx","type":"registry:ui","target":"components/ui/ripple.tsx"}]},{"name":"hexagon-grid-pattern","type":"registry:ui","title":"Hexagon Grid Pattern","description":"React hexagonal grid patterns with overlapping geometry and concentric line details for Next.js","premium":true,"files":[{"path":"hexagon-grid-pattern.tsx","type":"registry:ui","target":"components/ui/hexagon-grid-pattern.tsx"}]},{"name":"truchet-kaleidoscope","type":"registry:ui","title":"Truchet Kaleidoscope","description":"React Truchet kaleidoscope shaders with layered tunnel effects for Next.js","premium":true,"files":[{"path":"truchet-kaleidoscope.tsx","type":"registry:ui","target":"components/ui/truchet-kaleidoscope.tsx"}]},{"name":"synthwave-canyon","type":"registry:ui","title":"Synthwave Canyon","description":"React synthwave canyon shaders with retro terrain and neon colors for Next.js","premium":true,"files":[{"path":"synthwave-canyon.tsx","type":"registry:ui","target":"components/ui/synthwave-canyon.tsx"}]},{"name":"hologram","type":"registry:ui","title":"Hologram","description":"React hologram with GPU sci-fi interference patterns and chromatic aberration for Next.js","files":[{"path":"hologram.tsx","type":"registry:ui","target":"components/ui/hologram.tsx"}]},{"name":"2d-noise-contours","type":"registry:ui","title":"2d Noise Contours","description":"Smooth fractal contour lines with numerical gradients on 2D simplex noise for React and Next.js","premium":true,"files":[{"path":"2d-noise-contours.tsx","type":"registry:ui","target":"components/ui/2d-noise-contours.tsx"}]},{"name":"simplex-truchet-weave","type":"registry:ui","title":"Simplex Truchet Weave","description":"React simplex truchet weave shaders with toroidal patterns for Next.js","premium":true,"files":[{"path":"simplex-truchet-weave.tsx","type":"registry:ui","target":"components/ui/simplex-truchet-weave.tsx"}]},{"name":"abstract-mod","type":"registry:ui","title":"Abstract Mod","description":"3D abstract raymarching with procedural geometry and atmospheric effects for React and Next.js","premium":true,"files":[{"path":"abstract-mod.tsx","type":"registry:ui","target":"components/ui/abstract-mod.tsx"}]},{"name":"waves","type":"registry:ui","title":"Waves","description":"React waves shaders with plasma wave patterns for Next.js","files":[{"path":"waves.tsx","type":"registry:ui","target":"components/ui/waves.tsx"}]},{"name":"cosmic-waves","type":"registry:ui","title":"Cosmic Waves","description":"React cosmic waves with GPU ocean patterns, starfields, and flowing color cycling for Next.js","premium":true,"files":[{"path":"cosmic-waves.tsx","type":"registry:ui","target":"components/ui/cosmic-waves.tsx"}]},{"name":"worley-noise","type":"registry:ui","title":"Worley Noise","description":"React Worley noise shaders with cellular pattern generation for Next.js","premium":true,"files":[{"path":"worley-noise.tsx","type":"registry:ui","target":"components/ui/worley-noise.tsx"}]},{"name":"starry-planes","type":"registry:ui","title":"Starry Planes","description":"React starry planes shaders with 3D plane marching and ACES tonemapping for Next.js","premium":true,"files":[{"path":"starry-planes.tsx","type":"registry:ui","target":"components/ui/starry-planes.tsx"}]},{"name":"water","type":"registry:ui","title":"Water","description":"React water shaders with realistic surface simulation for Next.js","premium":true,"files":[{"path":"water.tsx","type":"registry:ui","target":"components/ui/water.tsx"}]},{"name":"fire-3d","type":"registry:ui","title":"Fire 3d","description":"React 3D fire with volumetric raymarching and multi-frequency turbulence for Next.js","premium":true,"files":[{"path":"fire-3d.tsx","type":"registry:ui","target":"components/ui/fire-3d.tsx"}]},{"name":"gradient-mesh","type":"registry:ui","title":"Gradient Mesh","description":"React gradient mesh with GPU animated multi-point gradients and color blending for Next.js","files":[{"path":"gradient-mesh.tsx","type":"registry:ui","target":"components/ui/gradient-mesh.tsx"}]},{"name":"kaleidoscope","type":"registry:ui","title":"Kaleidoscope","description":"React kaleidoscope shaders with rotating layers and wave synthesis for Next.js","premium":true,"files":[{"path":"kaleidoscope.tsx","type":"registry:ui","target":"components/ui/kaleidoscope.tsx"}]},{"name":"accretion","type":"registry:ui","title":"Accretion","description":"React accretion disk with raymarching, turbulence refraction, and cosmic effects for Next.js","premium":true,"files":[{"path":"accretion.tsx","type":"registry:ui","target":"components/ui/accretion.tsx"}]},{"name":"rain","type":"registry:ui","title":"Rain","description":"Atmospheric rain animation with realistic falling droplets, depth layers, and subtle lightning flashes","premium":true,"files":[{"path":"rain.tsx","type":"registry:ui","target":"components/ui/rain.tsx"}]},{"name":"flickering-grid","type":"registry:ui","title":"Flickering Grid","description":"Canvas grid with randomly flickering squares that creates a subtle Matrix-like digital ambient effect","premium":true,"files":[{"path":"flickering-grid.tsx","type":"registry:ui","target":"components/ui/flickering-grid.tsx"}]},{"name":"starfield","type":"registry:ui","title":"Starfield","description":"Immersive 3D starfield flying through space with parallax depth and twinkling stars","files":[{"path":"starfield.tsx","type":"registry:ui","target":"components/ui/starfield.tsx"}]},{"name":"tornado","type":"registry:ui","title":"Tornado","description":"Cinematic tornado funnel background for React and Next.js — hundreds of dust particles spiral around a tall vertical axis, tapering at top and bottom to form a stormy swirling column.","premium":true,"files":[{"path":"tornado.tsx","type":"registry:ui","target":"components/ui/tornado.tsx"}]},{"name":"pollen","type":"registry:ui","title":"Pollen","description":"Minimalist animated pollen background for React and Next.js — tiny 1–2px dust motes drift upward with gentle sway across multiple depth layers for a subtle parallax atmosphere.","premium":true,"files":[{"path":"pollen.tsx","type":"registry:ui","target":"components/ui/pollen.tsx"}]},{"name":"brainwaves","type":"registry:ui","title":"Brainwaves","description":"Multi-channel EEG brainwave background for React and Next.js — stacked jagged polyline traces scroll horizontally with realistic alpha/beta rhythm, noise jitter, and occasional spike bursts per channel.","premium":true,"files":[{"path":"brainwaves.tsx","type":"registry:ui","target":"components/ui/brainwaves.tsx"}]},{"name":"orbits","type":"registry:ui","title":"Orbits","description":"Elegant orbital rings with particles tracing circular paths around a center point","premium":true,"files":[{"path":"orbits.tsx","type":"registry:ui","target":"components/ui/orbits.tsx"}]},{"name":"bubble","type":"registry:ui","title":"Bubble","description":"Lava lamp-style background with floating color bubbles that merge organically, plus optional mouse-following interaction","dependencies":["framer-motion"],"premium":true,"files":[{"path":"bubble.tsx","type":"registry:ui","target":"components/ui/bubble.tsx"}]},{"name":"particles","type":"registry:ui","title":"Particles","description":"Canvas floating particles with mouse magnetism—particles drift and respond to cursor movement","files":[{"path":"particles.tsx","type":"registry:ui","target":"components/ui/particles.tsx"}]},{"name":"heatmap","type":"registry:ui","title":"Heatmap","description":"Thermal-imaging heatmap background for React and Next.js — a slowly shifting infrared noise field with drifting hot spots, mapped through a classic blue → cyan → green → yellow → red thermal palette.","premium":true,"files":[{"path":"heatmap.tsx","type":"registry:ui","target":"components/ui/heatmap.tsx"}]},{"name":"caustics","type":"registry:ui","title":"Caustics","description":"Animated underwater caustics background for React and Next.js — bright waving Voronoi-like light net that dances across a deep blue pool of water, rendered on a low-res canvas with a palette LUT for buttery 60fps performance.","premium":true,"files":[{"path":"caustics.tsx","type":"registry:ui","target":"components/ui/caustics.tsx"}]},{"name":"grid-pattern","type":"registry:ui","title":"Grid Pattern","description":"Static SVG grid pattern with configurable cell size, dashed lines, and optional highlighted squares for clean technical backgrounds","files":[{"path":"grid-pattern.tsx","type":"registry:ui","target":"components/ui/grid-pattern.tsx"}]},{"name":"boxes","type":"registry:ui","title":"Boxes","description":"Interactive isometric grid where boxes light up in random pastel colors on hover, creating a playful 3D effect","dependencies":["framer-motion"],"premium":true,"files":[{"path":"boxes.tsx","type":"registry:ui","target":"components/ui/boxes.tsx"}]},{"name":"labyrinth","type":"registry:ui","title":"Labyrinth","description":"Animated maze background for React and Next.js — a recursive-backtracker perfect maze fills the viewport while glowing pulses wander its corridors like flashlights threading a puzzle.","premium":true,"files":[{"path":"labyrinth.tsx","type":"registry:ui","target":"components/ui/labyrinth.tsx"}]},{"name":"sphere","type":"registry:ui","title":"Sphere","description":"Rotating 3D dotted sphere background for React and Next.js — hundreds of points evenly distributed on a sphere spin in real time with convincing depth cues, no WebGL required.","premium":true,"files":[{"path":"sphere.tsx","type":"registry:ui","target":"components/ui/sphere.tsx"}]},{"name":"ink","type":"registry:ui","title":"Ink","description":"Animated ink-drop background for React and Next.js — discrete drops of dark ink bloom across a rice-paper surface with turbulent fractal edges, evoking Chinese calligraphy bleeding into washi.","premium":true,"files":[{"path":"ink.tsx","type":"registry:ui","target":"components/ui/ink.tsx"}]},{"name":"grain","type":"registry:ui","title":"Grain","description":"Animated film-grain texture background for React and Next.js — a 24Hz speckled noise overlay that gives flat surfaces the filmic, tactile depth of Linear, Notion, Arc, and Vercel.","premium":true,"files":[{"path":"grain.tsx","type":"registry:ui","target":"components/ui/grain.tsx"}]},{"name":"wind","type":"registry:ui","title":"Wind","description":"Animated wind-field streamline background for React and Next.js — thin curved lines trace a Perlin-noise vector field in real time, producing a scientific, weather-map visualisation with fully tunable density, scale, and speed.","premium":true,"files":[{"path":"wind.tsx","type":"registry:ui","target":"components/ui/wind.tsx"}]},{"name":"wave-grid","type":"registry:ui","title":"Wave Grid","description":"3D perspective wave grid with animated surface mesh and dynamic lighting","premium":true,"files":[{"path":"wave-grid.tsx","type":"registry:ui","target":"components/ui/wave-grid.tsx"}]},{"name":"mesh-gradient","type":"registry:ui","title":"Mesh Gradient","description":"Smooth animated mesh gradient with soft color blobs, perfect for modern SaaS landing pages","files":[{"path":"mesh-gradient.tsx","type":"registry:ui","target":"components/ui/mesh-gradient.tsx"}]},{"name":"sparkles","type":"registry:ui","title":"Sparkles","description":"Twinkling sparkle particles powered by tsparticles—gentle floating lights with opacity fade","dependencies":["framer-motion"],"premium":true,"files":[{"path":"sparkles.tsx","type":"registry:ui","target":"components/ui/sparkles.tsx"}]},{"name":"fog","type":"registry:ui","title":"Fog","description":"Atmospheric fog effect with soft layered mist drifting slowly across a moody scene","files":[{"path":"fog.tsx","type":"registry:ui","target":"components/ui/fog.tsx"}]},{"name":"snow","type":"registry:ui","title":"Snow","description":"Peaceful snowfall animation with realistic depth layers, gentle wind drift, and soft winter atmosphere","premium":true,"files":[{"path":"snow.tsx","type":"registry:ui","target":"components/ui/snow.tsx"}]},{"name":"plasma","type":"registry:ui","title":"Plasma","description":"Classic demoscene plasma background for React and Next.js — four interfering wave sources drive a cycling vivid palette for a hallucinogenic full-viewport effect.","premium":true,"files":[{"path":"plasma.tsx","type":"registry:ui","target":"components/ui/plasma.tsx"}]},{"name":"topography","type":"registry:ui","title":"Topography","description":"Animated topographic contour lines creating a flowing terrain map effect","premium":true,"files":[{"path":"topography.tsx","type":"registry:ui","target":"components/ui/topography.tsx"}]},{"name":"beams","type":"registry:ui","title":"Beams","description":"Animated SVG light beams with cyan to purple gradient, flowing diagonally across the screen for a tech-forward aesthetic","dependencies":["framer-motion"],"files":[{"path":"beams.tsx","type":"registry:ui","target":"components/ui/beams.tsx"}]},{"name":"blueprint","type":"registry:ui","title":"Blueprint","description":"Architectural blueprint background for React and Next.js — a deep blueprint-blue canvas with a fine white grid and hand-drawn technical annotations that trace themselves in, hold, and fade out on a slow cycle.","premium":true,"files":[{"path":"blueprint.tsx","type":"registry:ui","target":"components/ui/blueprint.tsx"}]},{"name":"dot-pattern","type":"registry:ui","title":"Dot Pattern","description":"Interactive dot matrix with mouse-reactive glow effects and ambient wave animation, rendered on canvas for smooth performance","files":[{"path":"dot-pattern.tsx","type":"registry:ui","target":"components/ui/dot-pattern.tsx"}]},{"name":"deep-sea","type":"registry:ui","title":"Deep Sea","description":"Abyssal deep-ocean background for React and Next.js — a handful of bioluminescent jellyfish with trailing tendrils drift through inky blue water while microscopic plankton twinkle in the dark.","premium":true,"files":[{"path":"deep-sea.tsx","type":"registry:ui","target":"components/ui/deep-sea.tsx"}]},{"name":"circuit","type":"registry:ui","title":"Circuit","description":"Animated printed-circuit-board background for React and Next.js — orthogonal traces connect a grid of nodes while glowing signal pulses travel along the pathways at 60fps.","premium":true,"files":[{"path":"circuit.tsx","type":"registry:ui","target":"components/ui/circuit.tsx"}]},{"name":"aurora","type":"registry:ui","title":"Aurora","description":"Animated aurora borealis background with flowing emerald and teal gradients, perfect for hero sections and landing pages","files":[{"path":"aurora.tsx","type":"registry:ui","target":"components/ui/aurora.tsx"}]},{"name":"laser-grid","type":"registry:ui","title":"Laser Grid","description":"Neon Tron-style orthogonal laser grid background for React and Next.js — glowing cyan and magenta pulses race along a horizontal and vertical line grid at 60fps.","premium":true,"files":[{"path":"laser-grid.tsx","type":"registry:ui","target":"components/ui/laser-grid.tsx"}]},{"name":"fireplace","type":"registry:ui","title":"Fireplace","description":"Cozy fireplace background for React and Next.js — flickering hearth flames rise from the bottom edge while glowing embers drift lazily upward, lit by a warm amber radial glow.","premium":true,"files":[{"path":"fireplace.tsx","type":"registry:ui","target":"components/ui/fireplace.tsx"}]},{"name":"spotlight","type":"registry:ui","title":"Spotlight","description":"Interactive cursor-following spotlight with smooth gradient glow that tracks mouse movement","premium":true,"files":[{"path":"spotlight.tsx","type":"registry:ui","target":"components/ui/spotlight.tsx"}]},{"name":"galaxy","type":"registry:ui","title":"Galaxy","description":"Rotating logarithmic-spiral galaxy background for React and Next.js — a bright core anchors thousands of twinkling stars that sweep along spiral arms with dust-lane perturbation.","premium":true,"files":[{"path":"galaxy.tsx","type":"registry:ui","target":"components/ui/galaxy.tsx"}]},{"name":"eclipse","type":"registry:ui","title":"Eclipse","description":"Cinematic total solar eclipse background for React and Next.js — a black lunar disc occults a blazing sun, its pulsating corona and feather-like streamers radiating against a starfield sky.","premium":true,"files":[{"path":"eclipse.tsx","type":"registry:ui","target":"components/ui/eclipse.tsx"}]},{"name":"fireworks","type":"registry:ui","title":"Fireworks","description":"Canvas fireworks with realistic physics—rockets launch, explode into colorful particles, and you can click to launch more","premium":true,"files":[{"path":"fireworks.tsx","type":"registry:ui","target":"components/ui/fireworks.tsx"}]},{"name":"lightning","type":"registry:ui","title":"Lightning","description":"Animated lightning storm background for React and Next.js — jagged electric bolts fork across the sky with bright white-blue cores, violet-indigo glow, and ambient sky flashes at each strike.","premium":true,"files":[{"path":"lightning.tsx","type":"registry:ui","target":"components/ui/lightning.tsx"}]},{"name":"meteors","type":"registry:ui","title":"Meteors","description":"CSS-animated meteor shower with shooting stars and gradient tails streaming across a dark sky","premium":true,"files":[{"path":"meteors.tsx","type":"registry:ui","target":"components/ui/meteors.tsx"}]},{"name":"gradient","type":"registry:ui","title":"Gradient","description":"Animated mesh gradient with floating color blobs in teal, purple, blue and pink that drift and blend together","dependencies":["framer-motion"],"files":[{"path":"gradient.tsx","type":"registry:ui","target":"components/ui/gradient.tsx"}]},{"name":"glitch","type":"registry:ui","title":"Glitch","description":"Digital glitch effect with RGB splitting, scanlines, and random distortion bursts","premium":true,"files":[{"path":"glitch.tsx","type":"registry:ui","target":"components/ui/glitch.tsx"}]},{"name":"sonar","type":"registry:ui","title":"Sonar","description":"Classic radar sonar sweep background for React and Next.js — a rotating green beam, concentric range rings, and periodic target blips render a phosphor CRT aesthetic on a zero-dependency canvas.","premium":true,"files":[{"path":"sonar.tsx","type":"registry:ui","target":"components/ui/sonar.tsx"}]},{"name":"drops","type":"registry:ui","title":"Drops","description":"Multi-point water-ripple background for React and Next.js — droplets strike random points on the viewport, each emitting concentric rings that expand and fade like a calm pond being repeatedly tapped.","premium":true,"files":[{"path":"drops.tsx","type":"registry:ui","target":"components/ui/drops.tsx"}]},{"name":"wavy","type":"registry:ui","title":"Wavy","description":"Simplex noise wave lines with blur—flowing colored ribbons creating calm ambient motion","premium":true,"files":[{"path":"wavy.tsx","type":"registry:ui","target":"components/ui/wavy.tsx"}]},{"name":"neon","type":"registry:ui","title":"Neon","description":"Vibrant neon glow effect with floating rings and orbs in cyberpunk aesthetic","premium":true,"files":[{"path":"neon.tsx","type":"registry:ui","target":"components/ui/neon.tsx"}]},{"name":"ocean","type":"registry:ui","title":"Ocean","description":"Perspective ocean surface with rolling Gerstner waves and sun glitter for React and Next.js — a solid sea stretching to a warm horizon, painted scanline by scanline at 60fps with zero dependencies.","premium":true,"files":[{"path":"ocean.tsx","type":"registry:ui","target":"components/ui/ocean.tsx"}]},{"name":"matrix","type":"registry:ui","title":"Matrix","description":"Classic Matrix digital rain effect with falling code columns, glowing characters, and authentic cyberpunk aesthetic","files":[{"path":"matrix.tsx","type":"registry:ui","target":"components/ui/matrix.tsx"}]},{"name":"ribbons","type":"registry:ui","title":"Ribbons","description":"Thick flowing silk ribbons background for React and Next.js — gradient-filled fabric strips drift across a deep indigo canvas with cinematic highlights and iridescent color.","premium":true,"files":[{"path":"ribbons.tsx","type":"registry:ui","target":"components/ui/ribbons.tsx"}]},{"name":"fractal","type":"registry:ui","title":"Fractal","description":"Recursive L-system fractal tree background for React and Next.js — a self-similar branching silhouette sways in procedural wind with glowing leaf tips, built with vanilla Canvas 2D and zero dependencies.","premium":true,"files":[{"path":"fractal.tsx","type":"registry:ui","target":"components/ui/fractal.tsx"}]},{"name":"shooting-stars","type":"registry:ui","title":"Shooting Stars","description":"Shooting stars from random edges with gradient trails—stars streak across in all directions","premium":true,"files":[{"path":"shooting-stars.tsx","type":"registry:ui","target":"components/ui/shooting-stars.tsx"}]},{"name":"crystals","type":"registry:ui","title":"Crystals","description":"Dendritic crystal growth background for React and Next.js — branching frost tendrils grow outward from seed points, hold, dissolve, and respawn in an endless winter bloom.","premium":true,"files":[{"path":"crystals.tsx","type":"registry:ui","target":"components/ui/crystals.tsx"}]},{"name":"prism","type":"registry:ui","title":"Prism","description":"Animated optical-bench prism background for React and Next.js — a white beam enters a triangular glass prism and exits as a fanning rainbow spectrum that sweeps gently across the viewport.","premium":true,"files":[{"path":"prism.tsx","type":"registry:ui","target":"components/ui/prism.tsx"}]},{"name":"disco","type":"registry:ui","title":"Disco","description":"Rotating mirror-ball disco background for React and Next.js — a faceted sphere spins in the center casting radiating light rays while sparkles pulse in sync across the viewport.","premium":true,"files":[{"path":"disco.tsx","type":"registry:ui","target":"components/ui/disco.tsx"}]},{"name":"warp","type":"registry:ui","title":"Warp","description":"Hyperspace warp tunnel with 3D perspective walls and colorful beams flying toward you","dependencies":["motion"],"premium":true,"files":[{"path":"warp.tsx","type":"registry:ui","target":"components/ui/warp.tsx"}]},{"name":"origami","type":"registry:ui","title":"Origami","description":"Folded-paper origami background for React and Next.js — faceted polygons drift, rotate, and wobble with flat-shaded light, mid, and shadow planes.","premium":true,"files":[{"path":"origami.tsx","type":"registry:ui","target":"components/ui/origami.tsx"}]},{"name":"circles","type":"registry:ui","title":"Circles","description":"Concentric rotating circles with cyan gradient arcs, creating a sci-fi radar or energy field effect","dependencies":["framer-motion"],"premium":true,"files":[{"path":"circles.tsx","type":"registry:ui","target":"components/ui/circles.tsx"}]},{"name":"beams-collision","type":"registry:ui","title":"Beams Collision","description":"Light beams that fall and explode into particles on impact, creating a satisfying rain-like effect with indigo and purple gradients","dependencies":["framer-motion"],"premium":true,"files":[{"path":"beams-collision.tsx","type":"registry:ui","target":"components/ui/beams-collision.tsx"}]},{"name":"voronoi","type":"registry:ui","title":"Voronoi","description":"Shifting Voronoi tessellation background for React and Next.js — drifting seed points grow into cells that morph like stained glass, dragonfly eyes, or cracks in dry earth.","premium":true,"files":[{"path":"voronoi.tsx","type":"registry:ui","target":"components/ui/voronoi.tsx"}]},{"name":"resonance","type":"registry:ui","title":"Resonance","description":"Chladni resonance background for React and Next.js — particles chase morphing standing-wave patterns on a canvas, producing bilaterally symmetric nodal fields that continuously rearrange.","premium":true,"files":[{"path":"resonance.tsx","type":"registry:ui","target":"components/ui/resonance.tsx"}]},{"name":"magnetic-field","type":"registry:ui","title":"Magnetic Field","description":"Mesmerizing iron filing visualization with particles that align along invisible magnetic field lines, reacting to cursor movement like a real magnet","premium":true,"files":[{"path":"magnetic-field.tsx","type":"registry:ui","target":"components/ui/magnetic-field.tsx"}]},{"name":"bokeh","type":"registry:ui","title":"Bokeh","description":"Dreamy bokeh light effect with soft floating circles creating beautiful depth-of-field ambiance","premium":true,"files":[{"path":"bokeh.tsx","type":"registry:ui","target":"components/ui/bokeh.tsx"}]},{"name":"gradient-animation","type":"registry:ui","title":"Gradient Animation","description":"Psychedelic animated gradient mesh with orbiting color blobs and a mouse-following gradient that creates vibrant, living backgrounds","dependencies":["framer-motion"],"premium":true,"files":[{"path":"gradient-animation.tsx","type":"registry:ui","target":"components/ui/gradient-animation.tsx"}]},{"name":"corona","type":"registry:ui","title":"Corona","description":"Solar corona background for React and Next.js with a glowing central disc and ~80 radiating rays whose lengths breathe independently while the whole crown slowly rotates.","premium":true,"files":[{"path":"corona.tsx","type":"registry:ui","target":"components/ui/corona.tsx"}]},{"name":"facets","type":"registry:ui","title":"Facets","description":"Faceted crystal background for React and Next.js — the viewport is tessellated into triangular shards that catch light like cut glass, with subtle iridescent shimmer.","premium":true,"files":[{"path":"facets.tsx","type":"registry:ui","target":"components/ui/facets.tsx"}]},{"name":"supernova","type":"registry:ui","title":"Supernova","description":"Cinematic supernova explosion background for React and Next.js — random stars cataclysmically detonate with a bright flash, expanding shockwave ring, radial ray bursts, and drifting embers over a gentle twinkling starfield.","premium":true,"files":[{"path":"supernova.tsx","type":"registry:ui","target":"components/ui/supernova.tsx"}]},{"name":"hexagon","type":"registry:ui","title":"Hexagon","description":"Honeycomb hexagon grid with hover glow effects, perfect for sci-fi and gaming interfaces","premium":true,"files":[{"path":"hexagon.tsx","type":"registry:ui","target":"components/ui/hexagon.tsx"}]},{"name":"portal","type":"registry:ui","title":"Portal","description":"Concentric rings receding into a vanishing point — a hypnotic perspective tunnel for React and Next.js with glowing cyan and violet rings, a slow axial twist, and continuous forward travel.","premium":true,"files":[{"path":"portal.tsx","type":"registry:ui","target":"components/ui/portal.tsx"}]},{"name":"confetti","type":"registry:ui","title":"Confetti","description":"Elegant falling confetti with soft colors and gentle physics for celebrations","premium":true,"files":[{"path":"confetti.tsx","type":"registry:ui","target":"components/ui/confetti.tsx"}]},{"name":"watercolor","type":"registry:ui","title":"Watercolor","description":"Soft watercolor splotches with organic bleeding edges that pool and mix like real pigment on paper, built for React and Next.js on canvas with Tailwind-friendly defaults.","premium":true,"files":[{"path":"watercolor.tsx","type":"registry:ui","target":"components/ui/watercolor.tsx"}]},{"name":"nebula","type":"registry:ui","title":"Nebula","description":"Deep-space cosmic cloud background for React and Next.js — painterly colored smoke drifts through the void while sparse stars twinkle over the top, blended additively for volumetric Hubble-style depth.","premium":true,"files":[{"path":"nebula.tsx","type":"registry:ui","target":"components/ui/nebula.tsx"}]},{"name":"reflection","type":"registry:ui","title":"Reflection","description":"Aurora-style flowing gradient sheets mirrored as a rippled water reflection for React and Next.js — the top half drifts like northern lights while the bottom half ripples back as if painted on a still Nordic lake.","premium":true,"files":[{"path":"reflection.tsx","type":"registry:ui","target":"components/ui/reflection.tsx"}]},{"name":"silk","type":"registry:ui","title":"Silk","description":"Flowing iridescent silk background for React and Next.js — layered sine waves paint a shifting satin gradient across the canvas with fully customisable palette, speed, and scale.","premium":true,"files":[{"path":"silk.tsx","type":"registry:ui","target":"components/ui/silk.tsx"}]},{"name":"reaction-diffusion","type":"registry:ui","title":"Reaction Diffusion","description":"Gray-Scott reaction-diffusion simulation background for React and Next.js — emergent Turing patterns of spots, stripes, mazes, and coral evolve in real time on a low-res grid and upscale to full viewport.","premium":true,"files":[{"path":"reaction-diffusion.tsx","type":"registry:ui","target":"components/ui/reaction-diffusion.tsx"}]},{"name":"honeycomb","type":"registry:ui","title":"Honeycomb","description":"Living hexagonal honeycomb background for React and Next.js — a pointy-top hex grid whose filled cells breathe in color via a layered value-noise field, with a customisable palette, speed, and cell size.","premium":true,"files":[{"path":"honeycomb.tsx","type":"registry:ui","target":"components/ui/honeycomb.tsx"}]},{"name":"halftone","type":"registry:ui","title":"Halftone","description":"Animated print-magazine halftone background for React and Next.js — a crisp grid of cyan dots whose radii pulse with a drifting brightness field, giving an editorial CMYK feel.","premium":true,"files":[{"path":"halftone.tsx","type":"registry:ui","target":"components/ui/halftone.tsx"}]},{"name":"light-waves","type":"registry:ui","title":"Light Waves","description":"Soft ambient light waves with flowing gradients—subtle enough to be a true background that doesn't fight with content","premium":true,"files":[{"path":"light-waves.tsx","type":"registry:ui","target":"components/ui/light-waves.tsx"}]},{"name":"tesseract","type":"registry:ui","title":"Tesseract","description":"Rotating 4D hypercube wireframe background for React and Next.js — 16 vertices and 32 edges projected from 4D to 2D, producing the unmistakable inside-out turning motion of a true tesseract.","premium":true,"files":[{"path":"tesseract.tsx","type":"registry:ui","target":"components/ui/tesseract.tsx"}]},{"name":"smoke","type":"registry:ui","title":"Smoke","description":"Cinematic volumetric smoke background for React and Next.js — soft billowing plumes drift upward and curl sideways over a near-black stage, evoking horror atmosphere, stage fog, and chimney plumes.","premium":true,"files":[{"path":"smoke.tsx","type":"registry:ui","target":"components/ui/smoke.tsx"}]},{"name":"ripple","type":"registry:ui","title":"Ripple","description":"Concentric pulsing circles radiating from center—a simple but hypnotic ripple effect","premium":true,"files":[{"path":"ripple.tsx","type":"registry:ui","target":"components/ui/ripple.tsx"}]},{"name":"interactive-grid-pattern","type":"registry:ui","title":"Interactive Grid Pattern","description":"Interactive grid where cells glow on hover with proximity-based highlighting and smooth trailing effects","premium":true,"files":[{"path":"interactive-grid-pattern.tsx","type":"registry:ui","target":"components/ui/interactive-grid-pattern.tsx"}]},{"name":"underwater","type":"registry:ui","title":"Underwater","description":"Serene underwater scene with animated caustic light patterns, light rays, and floating particles","premium":true,"files":[{"path":"underwater.tsx","type":"registry:ui","target":"components/ui/underwater.tsx"}]},{"name":"mercury","type":"registry:ui","title":"Mercury","description":"Reflective liquid mercury background for React and Next.js — a glossy chrome surface ripples gently while a moving specular highlight sweeps across it, evoking an infinite polished-metal pool.","premium":true,"files":[{"path":"mercury.tsx","type":"registry:ui","target":"components/ui/mercury.tsx"}]},{"name":"swarm","type":"registry:ui","title":"Swarm","description":"Animated flocking swarm background for React and Next.js — triangular boids glide, split, and rejoin using the classic Craig Reynolds alignment, cohesion, and separation rules for emergent group motion.","premium":true,"files":[{"path":"swarm.tsx","type":"registry:ui","target":"components/ui/swarm.tsx"}]},{"name":"life","type":"registry:ui","title":"Life","description":"Conway's Game of Life cellular automaton background for React and Next.js — gliders, oscillators, and still-lifes evolve on a phosphor grid with glowing alive cells and fading deaths.","premium":true,"files":[{"path":"life.tsx","type":"registry:ui","target":"components/ui/life.tsx"}]},{"name":"paths","type":"registry:ui","title":"Paths","description":"Animated SVG bezier curves flowing across the screen with layered depth and smooth motion","dependencies":["framer-motion"],"premium":true,"files":[{"path":"paths.tsx","type":"registry:ui","target":"components/ui/paths.tsx"}]},{"name":"dunes","type":"registry:ui","title":"Dunes","description":"Animated Sahara sand dunes background for React and Next.js — layered parallax dune silhouettes drift under a warm desert sky with a glowing sun and fine grain texture.","premium":true,"files":[{"path":"dunes.tsx","type":"registry:ui","target":"components/ui/dunes.tsx"}]},{"name":"hologram","type":"registry:ui","title":"Hologram","description":"Iridescent holographic foil background for React and Next.js — a full-spectrum rainbow sheen sweeps across the surface like a tilted trading-card, with subtle foil granularity that glints as the hue rotates.","premium":true,"files":[{"path":"hologram.tsx","type":"registry:ui","target":"components/ui/hologram.tsx"}]},{"name":"interference","type":"registry:ui","title":"Interference","description":"Two-source wave interference background for React and Next.js — classic physics demo where two drifting point sources radiate concentric ripples that cross into hyperbolic fringe bands of constructive and destructive interference.","premium":true,"files":[{"path":"interference.tsx","type":"registry:ui","target":"components/ui/interference.tsx"}]},{"name":"vortex","type":"registry:ui","title":"Vortex","description":"Simplex noise particle vortex with glowing trails—organic swirling energy field effect","premium":true,"files":[{"path":"vortex.tsx","type":"registry:ui","target":"components/ui/vortex.tsx"}]},{"name":"saturn","type":"registry:ui","title":"Saturn","description":"Animated Saturn-style background for React and Next.js — a warm gas-giant planet wrapped in tilted elliptical rings made of thousands of Kepler-orbiting particles on a canvas.","premium":true,"files":[{"path":"saturn.tsx","type":"registry:ui","target":"components/ui/saturn.tsx"}]},{"name":"marble","type":"registry:ui","title":"Marble","description":"Swirled Italian-marble background for React and Next.js — domain-warped turbulence paints thin veins of gold across a creamy stone field with customisable palette, warp, and scale.","premium":true,"files":[{"path":"marble.tsx","type":"registry:ui","target":"components/ui/marble.tsx"}]},{"name":"fireflies","type":"registry:ui","title":"Fireflies","description":"Magical firefly animation with glowing particles that drift lazily and pulse on and off like summer nights","premium":true,"files":[{"path":"fireflies.tsx","type":"registry:ui","target":"components/ui/fireflies.tsx"}]},{"name":"terrain","type":"registry:ui","title":"Terrain","description":"Satellite-style terrain background for React and Next.js — filled altitude bands morph from deep water blue through plains and hills to snowy peaks in a continuously flowing continental map.","premium":true,"files":[{"path":"terrain.tsx","type":"registry:ui","target":"components/ui/terrain.tsx"}]},{"name":"metaballs","type":"registry:ui","title":"Metaballs","description":"Viscous liquid metaball background for React and Next.js — isosurface blobs merge and split across the canvas with customisable palette, viscosity threshold, and speed.","premium":true,"files":[{"path":"metaballs.tsx","type":"registry:ui","target":"components/ui/metaballs.tsx"}]},{"name":"dna","type":"registry:ui","title":"Dna","description":"Rotating DNA double helix background for React and Next.js — two intertwined sinusoidal backbones joined by color-coded base pairs that spin around a vertical axis with a hand-rolled 3D projection, zero dependencies.","premium":true,"files":[{"path":"dna.tsx","type":"registry:ui","target":"components/ui/dna.tsx"}]},{"name":"constellation","type":"registry:ui","title":"Constellation","description":"Interactive constellation network with floating nodes and dynamic connections that respond to mouse movement","premium":true,"files":[{"path":"constellation.tsx","type":"registry:ui","target":"components/ui/constellation.tsx"}]},{"name":"retro-grid","type":"registry:ui","title":"Retro Grid","description":"80s synthwave perspective grid with infinite scrolling animation—that classic Tron/outrun look","premium":true,"files":[{"path":"retro-grid.tsx","type":"registry:ui","target":"components/ui/retro-grid.tsx"}]},{"name":"oscilloscope","type":"registry:ui","title":"Oscilloscope","description":"Vintage CRT oscilloscope background for React and Next.js — bright phosphor waveform traces with long afterglow persistence, an optional Lissajous curve, and a static graticule grid.","premium":true,"files":[{"path":"oscilloscope.tsx","type":"registry:ui","target":"components/ui/oscilloscope.tsx"}]},{"name":"paper","type":"registry:ui","title":"Paper","description":"Hand-made paper texture background for React and Next.js — thousands of pre-baked ink fibers layered over aged cardstock, with a gentle breathing alpha oscillation that keeps the surface quietly alive.","premium":true,"files":[{"path":"paper.tsx","type":"registry:ui","target":"components/ui/paper.tsx"}]},{"name":"kaleidoscope","type":"registry:ui","title":"Kaleidoscope","description":"Hypnotic N-fold symmetric kaleidoscope background for React and Next.js — colored blobs drift through a mirrored wedge to paint an ever-morphing mandala.","premium":true,"files":[{"path":"kaleidoscope.tsx","type":"registry:ui","target":"components/ui/kaleidoscope.tsx"}]},{"name":"bouncing-text","type":"registry:ui","title":"Bouncing Text","description":"Letters bouncing upward off an invisible ground line with damped multi-bounce easing and sequential stagger for React applications.","dependencies":["motion"],"premium":true,"files":[{"path":"bouncing-text.tsx","type":"registry:ui","target":"components/ui/bouncing-text.tsx"}]},{"name":"emboss-text","type":"registry:ui","title":"Emboss Text","description":"Subtle 3D embossed or debossed typography that appears physically pressed into the surface, with depth, tone, and automatic light-and-dark-mode polarity for React, Next.js, motion, and Tailwind CSS.","premium":true,"files":[{"path":"emboss-text.tsx","type":"registry:ui","target":"components/ui/emboss-text.tsx"}]},{"name":"falling-text","type":"registry:ui","title":"Falling Text","description":"Physics-based falling text with Matter.js for React applications.","premium":true,"files":[{"path":"falling-text.tsx","type":"registry:ui","target":"components/ui/falling-text.tsx"}]},{"name":"shimmering-text","type":"registry:ui","title":"Shimmering Text","description":"Wave-like shimmer effects across text with staggered per-character color cycling for React applications.","dependencies":["motion"],"files":[{"path":"shimmering-text.tsx","type":"registry:ui","target":"components/ui/shimmering-text.tsx"}]},{"name":"waveform-text","type":"registry:ui","title":"Waveform Text","description":"Letters whose vertical position oscillates as a continuously traveling sound-wave, computed per-character from time and pixel offset for React applications.","dependencies":["motion"],"premium":true,"files":[{"path":"waveform-text.tsx","type":"registry:ui","target":"components/ui/waveform-text.tsx"}]},{"name":"log-stream-text","type":"registry:ui","title":"Log Stream Text","description":"Live `tail -f` style log feed where new timestamped lines append at the bottom and old lines fade up and out at the top for React applications.","dependencies":["motion"],"premium":true,"files":[{"path":"log-stream-text.tsx","type":"registry:ui","target":"components/ui/log-stream-text.tsx"}]},{"name":"curved-loop","type":"registry:ui","title":"Curved Loop","description":"Text following curved SVG paths with smooth looping marquee animation for React applications.","premium":true,"files":[{"path":"curved-loop.tsx","type":"registry:ui","target":"components/ui/curved-loop.tsx"}]},{"name":"ripple-text","type":"registry:ui","title":"Ripple Text","description":"Letters distorted by water ripples that radiate from each click point with damped sine wave physics for React applications.","dependencies":["motion"],"premium":true,"files":[{"path":"ripple-text.tsx","type":"registry:ui","target":"components/ui/ripple-text.tsx"}]},{"name":"text-trail","type":"registry:ui","title":"Text Trail","description":"WebGL text trail effect with noise-driven persistence and color cycling using Three.js for React applications.","premium":true,"files":[{"path":"text-trail.tsx","type":"registry:ui","target":"components/ui/text-trail.tsx"}]},{"name":"countdown-text","type":"registry:ui","title":"Countdown Text","description":"Live countdown to a target Date with per-digit flip-clock animation, configurable formats, and an onComplete callback for React and Next.js apps using motion.","dependencies":["motion"],"premium":true,"files":[{"path":"countdown-text.tsx","type":"registry:ui","target":"components/ui/countdown-text.tsx"}]},{"name":"kerning-text","type":"registry:ui","title":"Kerning Text","description":"Cursor-driven local kerning expansion that gently spreads letters apart wherever the pointer hovers, using a Gaussian falloff and direct DOM writes for smooth 60fps response in React, Next.js, and motion.","premium":true,"files":[{"path":"kerning-text.tsx","type":"registry:ui","target":"components/ui/kerning-text.tsx"}]},{"name":"glitch-text","type":"registry:ui","title":"Glitch Text","description":"Digital glitch effects with RGB channel separation and clip-path animations for React applications.","premium":true,"files":[{"path":"glitch-text.tsx","type":"registry:ui","target":"components/ui/glitch-text.tsx"}]},{"name":"text-generate-effect","type":"registry:ui","title":"Text Generate Effect","description":"Progressive word-by-word text generation with blur-to-focus reveal for React applications.","dependencies":["motion"],"files":[{"path":"text-generate-effect.tsx","type":"registry:ui","target":"components/ui/text-generate-effect.tsx"}]},{"name":"line-shadow-text","type":"registry:ui","title":"Line Shadow Text","description":"Animated diagonal line shadow effect creating depth and motion for React applications.","dependencies":["motion"],"premium":true,"files":[{"path":"line-shadow-text.tsx","type":"registry:ui","target":"components/ui/line-shadow-text.tsx"}]},{"name":"dot-matrix-text","type":"registry:ui","title":"Dot Matrix Text","description":"LED dot-matrix display rendered as 5x7 character bitmaps with optional glow and horizontal scroll, for React, Next.js, and Tailwind CSS.","dependencies":["motion"],"premium":true,"files":[{"path":"dot-matrix-text.tsx","type":"registry:ui","target":"components/ui/dot-matrix-text.tsx"}]},{"name":"text-hover-effect","type":"registry:ui","title":"Text Hover Effect","description":"SVG text with radial gradient mask reveal on hover for React applications.","dependencies":["motion"],"premium":true,"files":[{"path":"text-hover-effect.tsx","type":"registry:ui","target":"components/ui/text-hover-effect.tsx"}]},{"name":"flip-words","type":"registry:ui","title":"Flip Words","description":"Animated word cycling with letter-by-letter reveals and smooth transitions for React applications.","dependencies":["motion"],"files":[{"path":"flip-words.tsx","type":"registry:ui","target":"components/ui/flip-words.tsx"}]},{"name":"progress-text","type":"registry:ui","title":"Progress Text","description":"Animated number that ramps from a starting value to a target with cubic ease-out and locale-aware formatting, triggered when scrolled into view, built with React, Next.js, and motion/react for stat-driven hero sections.","dependencies":["motion"],"premium":true,"files":[{"path":"progress-text.tsx","type":"registry:ui","target":"components/ui/progress-text.tsx"}]},{"name":"relative-time-text","type":"registry:ui","title":"Relative Time Text","description":"Live \"5s ago\" / \"2m ago\" / \"3h ago\" relative-time display that recomputes on an interval and cross-fades each unit change for React and Next.js apps using motion.","dependencies":["motion"],"premium":true,"files":[{"path":"relative-time-text.tsx","type":"registry:ui","target":"components/ui/relative-time-text.tsx"}]},{"name":"outline-text","type":"registry:ui","title":"Outline Text","description":"Hollow stroked text with a solid color fill that animates in from any direction on hover, view, loop, or always for React applications built with Next.js, motion, and Tailwind CSS.","dependencies":["motion"],"premium":true,"files":[{"path":"outline-text.tsx","type":"registry:ui","target":"components/ui/outline-text.tsx"}]},{"name":"sliding-number","type":"registry:ui","title":"Sliding Number","description":"Animated number counter with spring physics and individual digit rolling for React applications.","dependencies":["motion"],"files":[{"path":"sliding-number.tsx","type":"registry:ui","target":"components/ui/sliding-number.tsx"}]},{"name":"colourful-text","type":"registry:ui","title":"Colourful Text","description":"Animated text with dynamic color cycling and character-level animations for React applications.","dependencies":["motion"],"premium":true,"files":[{"path":"colourful-text.tsx","type":"registry:ui","target":"components/ui/colourful-text.tsx"}]},{"name":"typing-indicator-text","type":"registry:ui","title":"Typing Indicator Text","description":"Three-dot bouncing chat indicator with optional name prefix and configurable speed for React chat and AI streaming UIs.","dependencies":["motion"],"premium":true,"files":[{"path":"typing-indicator-text.tsx","type":"registry:ui","target":"components/ui/typing-indicator-text.tsx"}]},{"name":"motion-highlight","type":"registry:ui","title":"Motion Highlight","description":"Dynamic background highlight that follows active items with smooth spring animations for React applications.","dependencies":["motion"],"premium":true,"files":[{"path":"motion-highlight.tsx","type":"registry:ui","target":"components/ui/motion-highlight.tsx"}]},{"name":"scrambled-text","type":"registry:ui","title":"Scrambled Text","description":"Proximity-based character scrambling with GSAP ScrambleText plugin for React applications.","premium":true,"files":[{"path":"scrambled-text.tsx","type":"registry:ui","target":"components/ui/scrambled-text.tsx"}]},{"name":"chrome-text","type":"registry:ui","title":"Chrome Text","description":"Polished metallic chrome finish on text with a vertical reflectance gradient and a slow-traversing shimmer band, with polished, brushed, and blackened variants for React, Next.js, motion, and Tailwind CSS.","dependencies":["motion"],"premium":true,"files":[{"path":"chrome-text.tsx","type":"registry:ui","target":"components/ui/chrome-text.tsx"}]},{"name":"container-text-flip","type":"registry:ui","title":"Container Text Flip","description":"Animated container with smooth word cycling and dynamic width adjustments for React applications.","dependencies":["motion"],"premium":true,"files":[{"path":"container-text-flip.tsx","type":"registry:ui","target":"components/ui/container-text-flip.tsx"}]},{"name":"gloss-text","type":"registry:ui","title":"Gloss Text","description":"Glossy 3D plastic typography with a cursor-driven specular highlight that tracks across the letters in real time for React applications.","dependencies":["motion"],"premium":true,"files":[{"path":"gloss-text.tsx","type":"registry:ui","target":"components/ui/gloss-text.tsx"}]},{"name":"timecode-text","type":"registry:ui","title":"Timecode Text","description":"SMPTE-style HH:MM:SS:FF running timecode display with frame-accurate advancement at 24, 30, or 60 fps for React video, broadcast, and audio applications using motion.","dependencies":["motion"],"premium":true,"files":[{"path":"timecode-text.tsx","type":"registry:ui","target":"components/ui/timecode-text.tsx"}]},{"name":"scroll-velocity","type":"registry:ui","title":"Scroll Velocity","description":"Scroll-reactive text velocity with alternating direction marquee for React applications.","dependencies":["motion"],"premium":true,"files":[{"path":"scroll-velocity.tsx","type":"registry:ui","target":"components/ui/scroll-velocity.tsx"}]},{"name":"inertia-text","type":"registry:ui","title":"Inertia Text","description":"Drag the entire string and watch it slide with momentum, then settle back to origin via spring physics for React applications.","dependencies":["motion"],"premium":true,"files":[{"path":"inertia-text.tsx","type":"registry:ui","target":"components/ui/inertia-text.tsx"}]},{"name":"password-text","type":"registry:ui","title":"Password Text","description":"Text rendered as masking dots that morph one-by-one into the real characters with a staggered cross-fade and subtle scale, built with React, Next.js, and motion/react for privacy-aware UI.","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"password-text.tsx","type":"registry:ui","target":"components/ui/password-text.tsx"}]},{"name":"drop-cap-text","type":"registry:ui","title":"Drop Cap Text","description":"Editorial-style illuminated drop-cap that scales the first letter to span multiple lines, with the paragraph wrapping naturally and an animated reveal for React applications.","dependencies":["motion"],"premium":true,"files":[{"path":"drop-cap-text.tsx","type":"registry:ui","target":"components/ui/drop-cap-text.tsx"}]},{"name":"stretch-text","type":"registry:ui","title":"Stretch Text","description":"Pixar-style squash-and-stretch on each letter sequentially with volume-conserving scale for React applications.","dependencies":["motion"],"premium":true,"files":[{"path":"stretch-text.tsx","type":"registry:ui","target":"components/ui/stretch-text.tsx"}]},{"name":"paint-text","type":"registry:ui","title":"Paint Text","description":"Cursor-driven text painter that reveals each glyph as the pointer crosses it, leaving the painted letters fully visible while unpainted glyphs render as a soft ghost outline, built with React, Next.js, motion, and TypeScript.","premium":true,"files":[{"path":"paint-text.tsx","type":"registry:ui","target":"components/ui/paint-text.tsx"}]},{"name":"stamp-text","type":"registry:ui","title":"Stamp Text","description":"Letters that stamp in like rubber stamps with overshoot, a sharp impact flash, and slight random rotation per character for React applications.","dependencies":["motion"],"premium":true,"files":[{"path":"stamp-text.tsx","type":"registry:ui","target":"components/ui/stamp-text.tsx"}]},{"name":"splitting-text","type":"registry:ui","title":"Splitting Text","description":"Character, word, or line splitting with staggered reveal animations for React applications.","dependencies":["motion"],"files":[{"path":"splitting-text.tsx","type":"registry:ui","target":"components/ui/splitting-text.tsx"}]},{"name":"morph-text","type":"registry:ui","title":"Morph Text","description":"Per-character glyph morphing that smoothly cross-fades and scales each letter as text cycles between strings for React applications.","dependencies":["motion"],"premium":true,"files":[{"path":"morph-text.tsx","type":"registry:ui","target":"components/ui/morph-text.tsx"}]},{"name":"decrypted-text","type":"registry:ui","title":"Decrypted Text","description":"Matrix-style decryption text effect with character cycling for React applications.","dependencies":["motion"],"premium":true,"files":[{"path":"decrypted-text.tsx","type":"registry:ui","target":"components/ui/decrypted-text.tsx"}]},{"name":"json-text","type":"registry:ui","title":"Json Text","description":"Animated JSON display where keys type in letter-by-letter and values fade in afterward, with proper indentation and syntax-aware coloring for React applications.","dependencies":["motion"],"premium":true,"files":[{"path":"json-text.tsx","type":"registry:ui","target":"components/ui/json-text.tsx"}]},{"name":"liquid-text","type":"registry:ui","title":"Liquid Text","description":"Letters that merge and stretch into each other through an SVG goo filter with continuous per-character horizontal oscillation for React applications.","dependencies":["motion"],"premium":true,"files":[{"path":"liquid-text.tsx","type":"registry:ui","target":"components/ui/liquid-text.tsx"}]},{"name":"iris-text","type":"registry:ui","title":"Iris Text","description":"Letters revealed via a radial circular mask expanding from each glyph's center with sequential stagger for React applications.","dependencies":["motion"],"premium":true,"files":[{"path":"iris-text.tsx","type":"registry:ui","target":"components/ui/iris-text.tsx"}]},{"name":"anagram-text","type":"registry:ui","title":"Anagram Text","description":"Letter-level rearrangement that physically slides each glyph from its position in the current word to its destination position in the next word with motion spring physics for React and Next.js applications.","dependencies":["motion"],"premium":true,"files":[{"path":"anagram-text.tsx","type":"registry:ui","target":"components/ui/anagram-text.tsx"}]},{"name":"drift-text","type":"registry:ui","title":"Drift Text","description":"Letters drifting autonomously with independent low-amplitude pseudo-random motion on x, y, and rotation for React applications.","dependencies":["motion"],"premium":true,"files":[{"path":"drift-text.tsx","type":"registry:ui","target":"components/ui/drift-text.tsx"}]},{"name":"diff-text","type":"registry:ui","title":"Diff Text","description":"Git-diff style line animation where removed lines turn red and strike through while added lines slide in green for React applications.","dependencies":["motion"],"premium":true,"files":[{"path":"diff-text.tsx","type":"registry:ui","target":"components/ui/diff-text.tsx"}]},{"name":"shuffle","type":"registry:ui","title":"Shuffle","description":"Random character shuffling with slot machine settling animations using GSAP for React applications.","premium":true,"files":[{"path":"shuffle.tsx","type":"registry:ui","target":"components/ui/shuffle.tsx"}]},{"name":"annotation-text","type":"registry:ui","title":"Annotation Text","description":"Handwritten SVG ink annotations — circle, underline, strikethrough, and arrow — drawn over specific words on view, hover, or mount, with hand-drawn wobble and pathLength stroke reveals for React applications built with Next.js, motion, and Tailwind CSS.","dependencies":["motion"],"premium":true,"files":[{"path":"annotation-text.tsx","type":"registry:ui","target":"components/ui/annotation-text.tsx"}]},{"name":"chromatic-text","type":"registry:ui","title":"Chromatic Text","description":"RGB chromatic aberration that smoothly separates the red and blue color channels in response to cursor proximity, with spring-eased offsets and an idle breathing mode for React, Next.js, and motion.","dependencies":["motion"],"premium":true,"files":[{"path":"chromatic-text.tsx","type":"registry:ui","target":"components/ui/chromatic-text.tsx"}]},{"name":"typing-text","type":"registry:ui","title":"Typing Text","description":"Realistic typewriter effect with blinking cursor, variable speed, and multi-string cycling for React applications.","premium":true,"files":[{"path":"typing-text.tsx","type":"registry:ui","target":"components/ui/typing-text.tsx"}]},{"name":"true-focus","type":"registry:ui","title":"True Focus","description":"Depth-of-field text effect with animated focus bracket highlighting for React applications.","dependencies":["motion"],"premium":true,"files":[{"path":"true-focus.tsx","type":"registry:ui","target":"components/ui/true-focus.tsx"}]},{"name":"wave-text","type":"registry:ui","title":"Wave Text","description":"Letters undulating along a continuous traveling sine wave with per-character rotation matching the wave's tangent for React applications.","dependencies":["motion"],"premium":true,"files":[{"path":"wave-text.tsx","type":"registry:ui","target":"components/ui/wave-text.tsx"}]},{"name":"caps-toggle-text","type":"registry:ui","title":"Caps Toggle Text","description":"Per-letter cross-fade between lowercase and uppercase forms with staggered timing for typographic interactions in React, Next.js, and motion projects.","dependencies":["motion"],"premium":true,"files":[{"path":"caps-toggle-text.tsx","type":"registry:ui","target":"components/ui/caps-toggle-text.tsx"}]},{"name":"clock-text","type":"registry:ui","title":"Clock Text","description":"Live digital clock with per-digit slide animation, pulsing colon, 12h/24h formats, and IANA timezone support for React and Next.js dashboards using motion.","dependencies":["motion"],"premium":true,"files":[{"path":"clock-text.tsx","type":"registry:ui","target":"components/ui/clock-text.tsx"}]},{"name":"lcd-text","type":"registry:ui","title":"Lcd Text","description":"Seven-segment LCD-style display where characters flicker through random glyphs before settling, with optional CRT scanlines and glow for React applications.","dependencies":["motion"],"premium":true,"files":[{"path":"lcd-text.tsx","type":"registry:ui","target":"components/ui/lcd-text.tsx"}]},{"name":"text-cursor","type":"registry:ui","title":"Text Cursor","description":"Character trails that follow cursor movement with floating animations for React applications.","dependencies":["motion"],"premium":true,"files":[{"path":"text-cursor.tsx","type":"registry:ui","target":"components/ui/text-cursor.tsx"}]},{"name":"spotlight-text","type":"registry:ui","title":"Spotlight Text","description":"Cursor-driven radial mask spotlight that reveals dim text inside a soft circular beam following the pointer with spring-smoothed motion for React, Next.js, and motion.","dependencies":["motion"],"premium":true,"files":[{"path":"spotlight-text.tsx","type":"registry:ui","target":"components/ui/spotlight-text.tsx"}]},{"name":"fuzzy-text","type":"registry:ui","title":"Fuzzy Text","description":"Soft blur transitions with particle-like text effects using Canvas for React applications.","premium":true,"files":[{"path":"fuzzy-text.tsx","type":"registry:ui","target":"components/ui/fuzzy-text.tsx"}]},{"name":"paper-cut-text","type":"registry:ui","title":"Paper Cut Text","description":"Layered paper-cut craft typography with stacked depth layers, soft drop shadows, and optional cursor-driven parallax tilt for an editorial paper-craft aesthetic for React, Next.js, motion, and Tailwind CSS.","dependencies":["motion"],"premium":true,"files":[{"path":"paper-cut-text.tsx","type":"registry:ui","target":"components/ui/paper-cut-text.tsx"}]},{"name":"counting-number","type":"registry:ui","title":"Counting Number","description":"Animated counting number with spring transitions and in-view detection for React dashboards.","dependencies":["motion"],"files":[{"path":"counting-number.tsx","type":"registry:ui","target":"components/ui/counting-number.tsx"}]},{"name":"rotating-text","type":"registry:ui","title":"Rotating Text","description":"Smooth vertical text cycling between strings with AnimatePresence transitions for React applications.","dependencies":["motion"],"files":[{"path":"rotating-text.tsx","type":"registry:ui","target":"components/ui/rotating-text.tsx"}]},{"name":"skeleton-text","type":"registry:ui","title":"Skeleton Text","description":"Shimmering skeleton loader bars that morph into actual text with per-word stagger reveal for React data-fetching and streaming states.","dependencies":["motion"],"premium":true,"files":[{"path":"skeleton-text.tsx","type":"registry:ui","target":"components/ui/skeleton-text.tsx"}]},{"name":"text-pressure","type":"registry:ui","title":"Text Pressure","description":"Variable font weight, width, and italic responding to cursor proximity for React applications.","premium":true,"files":[{"path":"text-pressure.tsx","type":"registry:ui","target":"components/ui/text-pressure.tsx"}]},{"name":"flickering-text","type":"registry:ui","title":"Flickering Text","description":"Failing-fluorescent flicker effect with random per-character brightness drops and the occasional rapid blink for React applications.","dependencies":["motion"],"premium":true,"files":[{"path":"flickering-text.tsx","type":"registry:ui","target":"components/ui/flickering-text.tsx"}]},{"name":"mask-reveal-text","type":"registry:ui","title":"Mask Reveal Text","description":"Colored panel sweeps across text in a two-phase wipe to dramatically reveal the content from behind a sliding mask for React applications.","dependencies":["motion"],"premium":true,"files":[{"path":"mask-reveal-text.tsx","type":"registry:ui","target":"components/ui/mask-reveal-text.tsx"}]},{"name":"binary-text","type":"registry:ui","title":"Binary Text","description":"Text that decodes from cycling 0s and 1s into the readable target string with per-character stagger for React applications.","dependencies":["motion"],"premium":true,"files":[{"path":"binary-text.tsx","type":"registry:ui","target":"components/ui/binary-text.tsx"}]},{"name":"wobble-text","type":"registry:ui","title":"Wobble Text","description":"Letters wiggling with continuous rotational oscillation and a soft scale pulse for a gelatin-like animated text effect for React applications.","dependencies":["motion"],"premium":true,"files":[{"path":"wobble-text.tsx","type":"registry:ui","target":"components/ui/wobble-text.tsx"}]},{"name":"status-pulse-text","type":"registry:ui","title":"Status Pulse Text","description":"Live status indicator with a pulsing colored dot beside a label, featuring a continuous expanding ring for React applications.","dependencies":["motion"],"premium":true,"files":[{"path":"status-pulse-text.tsx","type":"registry:ui","target":"components/ui/status-pulse-text.tsx"}]},{"name":"erase-text","type":"registry:ui","title":"Erase Text","description":"Cursor-driven text eraser that fades each glyph toward transparency as the pointer sweeps over it and slowly restores the letter once the cursor has left, built with React, Next.js, motion, and TypeScript for production interactive typography.","premium":true,"files":[{"path":"erase-text.tsx","type":"registry:ui","target":"components/ui/erase-text.tsx"}]},{"name":"echo-text","type":"registry:ui","title":"Echo Text","description":"Text rendered with stacked translucent ghost copies that lag behind the source on text changes for an echoing reverberation effect for React applications.","premium":true,"files":[{"path":"echo-text.tsx","type":"registry:ui","target":"components/ui/echo-text.tsx"}]},{"name":"gravity-text","type":"registry:ui","title":"Gravity Text","description":"Letters that fall under simulated gravity from their resting position, bounce on the ground, and stack with click-to-replay for React applications.","premium":true,"files":[{"path":"gravity-text.tsx","type":"registry:ui","target":"components/ui/gravity-text.tsx"}]},{"name":"foil-text","type":"registry:ui","title":"Foil Text","description":"Holographic foil text with a conic rainbow gradient that rotates with cursor angle or auto-loops, plus a perpendicular highlight band, for React, Next.js, Tailwind CSS, and motion.","dependencies":["motion"],"premium":true,"files":[{"path":"foil-text.tsx","type":"registry:ui","target":"components/ui/foil-text.tsx"}]},{"name":"neon-text","type":"registry:ui","title":"Neon Text","description":"Authentic neon-sign aesthetic with layered text-shadow halo, startup flicker sequence, and ambient buzz animations built with React, Next.js, motion, and Tailwind CSS.","dependencies":["motion"],"premium":true,"files":[{"path":"neon-text.tsx","type":"registry:ui","target":"components/ui/neon-text.tsx"}]},{"name":"syntax-text","type":"registry:ui","title":"Syntax Text","description":"Monospace code that fades in token-by-token with subtle syntax colors for keywords, strings, numbers, comments, and punctuation in React applications.","dependencies":["motion"],"premium":true,"files":[{"path":"syntax-text.tsx","type":"registry:ui","target":"components/ui/syntax-text.tsx"}]},{"name":"gradient-text","type":"registry:ui","title":"Gradient Text","description":"Animated gradient text with smooth color transitions and optional neon glow for React applications.","dependencies":["motion"],"files":[{"path":"gradient-text.tsx","type":"registry:ui","target":"components/ui/gradient-text.tsx"}]},{"name":"circular-text","type":"registry:ui","title":"Circular Text","description":"Text arranged in a rotating circle with hover interactions for React applications.","dependencies":["motion"],"premium":true,"files":[{"path":"circular-text.tsx","type":"registry:ui","target":"components/ui/circular-text.tsx"}]},{"name":"terminal-text","type":"registry:ui","title":"Terminal Text","description":"Shell-prompt aesthetic with character-by-character command typing followed by staggered output lines and a blinking caret for React applications.","dependencies":["motion"],"premium":true,"files":[{"path":"terminal-text.tsx","type":"registry:ui","target":"components/ui/terminal-text.tsx"}]},{"name":"highlight-text","type":"registry:ui","title":"Highlight Text","description":"Animated marker highlight effect that draws across text on scroll or load for React applications.","dependencies":["motion"],"files":[{"path":"highlight-text.tsx","type":"registry:ui","target":"components/ui/highlight-text.tsx"}]},{"name":"variable-proximity","type":"registry:ui","title":"Variable Proximity","description":"Variable font properties responding to cursor proximity with configurable falloff for React applications.","dependencies":["motion"],"premium":true,"files":[{"path":"variable-proximity.tsx","type":"registry:ui","target":"components/ui/variable-proximity.tsx"}]},{"name":"shatter-text","type":"registry:ui","title":"Shatter Text","description":"Click-to-shatter text where each character breaks into angular shards that spring back together on the next click, built with React, Next.js, motion, TypeScript and Tailwind CSS.","dependencies":["motion"],"premium":true,"files":[{"path":"shatter-text.tsx","type":"registry:ui","target":"components/ui/shatter-text.tsx"}]},{"name":"spiral-text","type":"registry:ui","title":"Spiral Text","description":"Letters arranged along an inward Archimedean spiral with arc-length distribution and optional continuous rotation for React applications.","dependencies":["motion"],"premium":true,"files":[{"path":"spiral-text.tsx","type":"registry:ui","target":"components/ui/spiral-text.tsx"}]},{"name":"backspace-text","type":"registry:ui","title":"Backspace Text","description":"Typewriter that types a phrase, deletes back to the longest common prefix with the next phrase, then types the next, with a blinking cursor for React, Next.js, and motion.","dependencies":["motion"],"premium":true,"files":[{"path":"backspace-text.tsx","type":"registry:ui","target":"components/ui/backspace-text.tsx"}]},{"name":"rolling-text","type":"registry:ui","title":"Rolling Text","description":"3D character rolling animation with realistic rotation transforms for React applications.","dependencies":["motion"],"premium":true,"files":[{"path":"rolling-text.tsx","type":"registry:ui","target":"components/ui/rolling-text.tsx"}]},{"name":"magnet-text","type":"registry:ui","title":"Magnet Text","description":"Per-character magnetic cursor attraction that physically translates each letter toward the pointer with spring physics and smoothstep falloff for React, Next.js, and motion.","dependencies":["motion"],"premium":true,"files":[{"path":"magnet-text.tsx","type":"registry:ui","target":"components/ui/magnet-text.tsx"}]},{"name":"tilt-text","type":"registry:ui","title":"Tilt Text","description":"Per-letter 3D parallax tilt that follows the cursor with rotateX, rotateY, and depth translation for React applications.","dependencies":["motion"],"premium":true,"files":[{"path":"tilt-text.tsx","type":"registry:ui","target":"components/ui/tilt-text.tsx"}]},{"name":"smallcaps-text","type":"registry:ui","title":"Smallcaps Text","description":"Animated cross-fade between lowercase and proper small-caps using font-variant-caps with per-letter stagger for typographic interactions in React, Next.js, Tailwind CSS, and motion.","dependencies":["motion"],"premium":true,"files":[{"path":"smallcaps-text.tsx","type":"registry:ui","target":"components/ui/smallcaps-text.tsx"}]},{"name":"breathing-text","type":"registry:ui","title":"Breathing Text","description":"Calm meditative text that gently scales and pulses opacity in a slow synchronized breath cycle for React applications.","dependencies":["motion"],"premium":true,"files":[{"path":"breathing-text.tsx","type":"registry:ui","target":"components/ui/breathing-text.tsx"}]},{"name":"xray-text","type":"registry:ui","title":"Xray Text","description":"Cursor-driven hole punched through visible text to reveal a hidden secret string layered behind, with spring-smoothed circular cutout for React, Next.js, and motion.","dependencies":["motion"],"premium":true,"files":[{"path":"xray-text.tsx","type":"registry:ui","target":"components/ui/xray-text.tsx"}]},{"name":"pendulum-text","type":"registry:ui","title":"Pendulum Text","description":"Letters dangle from invisible strings and swing as underdamped pendulums driven by Motion springs for React applications.","dependencies":["motion"],"premium":true,"files":[{"path":"pendulum-text.tsx","type":"registry:ui","target":"components/ui/pendulum-text.tsx"}]},{"name":"paper-fold-text","type":"registry:ui","title":"Paper Fold Text","description":"Letters that unfold into place from a folded paper crease, with the top half rotating down to reveal each character for an origami-style reveal animation for React applications.","dependencies":["motion"],"premium":true,"files":[{"path":"paper-fold-text.tsx","type":"registry:ui","target":"components/ui/paper-fold-text.tsx"}]},{"name":"rainbow-text","type":"registry:ui","title":"Rainbow Text","description":"Continuously rolling rainbow gradient text with seamless horizontal panning across the full hue range for React, Next.js, Tailwind CSS, and motion.","dependencies":["motion"],"premium":true,"files":[{"path":"rainbow-text.tsx","type":"registry:ui","target":"components/ui/rainbow-text.tsx"}]},{"name":"redact-text","type":"registry:ui","title":"Redact Text","description":"Black redaction bars over selected words that slide off via clip-path on mount, hover, or click to reveal the hidden copy underneath in React, Next.js, and motion projects.","dependencies":["motion"],"premium":true,"files":[{"path":"redact-text.tsx","type":"registry:ui","target":"components/ui/redact-text.tsx"}]},{"name":"text-reveal","type":"registry:ui","title":"Text Reveal","description":"Cinematic text reveal with clip-path animation following cursor position for React applications.","dependencies":["motion"],"premium":true,"files":[{"path":"text-reveal.tsx","type":"registry:ui","target":"components/ui/text-reveal.tsx"}]},{"name":"regex-text","type":"registry:ui","title":"Regex Text","description":"Source text with regex matches highlighted progressively as a single overlay slides between matches in React applications.","dependencies":["motion"],"premium":true,"files":[{"path":"regex-text.tsx","type":"registry:ui","target":"components/ui/regex-text.tsx"}]},{"name":"magnify-text","type":"registry:ui","title":"Magnify Text","description":"Cursor-driven magnifying glass that scales a circular region of text in place with a glass rim and spring-smoothed motion for React, Next.js, and motion.","dependencies":["motion"],"premium":true,"files":[{"path":"magnify-text.tsx","type":"registry:ui","target":"components/ui/magnify-text.tsx"}]},{"name":"pop-text","type":"registry:ui","title":"Pop Text","description":"Cartoon impact reveal with overshoot scale, sequential stagger, and an optional comic starburst graphic on each letter for React applications.","dependencies":["motion"],"premium":true,"files":[{"path":"pop-text.tsx","type":"registry:ui","target":"components/ui/pop-text.tsx"}]},{"name":"writing-text","type":"registry:ui","title":"Writing Text","description":"Word-by-word text reveal with staggered spring animations for React applications.","dependencies":["motion"],"premium":true,"files":[{"path":"writing-text.tsx","type":"registry:ui","target":"components/ui/writing-text.tsx"}]},{"name":"blur-text","type":"registry:ui","title":"Blur Text","description":"Text animation from blur to focus with intersection observer for React scroll-triggered text reveals.","dependencies":["motion"],"files":[{"path":"blur-text.tsx","type":"registry:ui","target":"components/ui/blur-text.tsx"}]},{"name":"elastic-text","type":"registry:ui","title":"Elastic Text","description":"Drag a letter and watch it stretch the word like a spring chain, with neighbors following at a geometric falloff and a damped snap-back on release.","dependencies":["motion"],"premium":true,"files":[{"path":"elastic-text.tsx","type":"registry:ui","target":"components/ui/elastic-text.tsx"}]},{"name":"copy-text","type":"registry:ui","title":"Copy Text","description":"Click-to-copy text that morphs into a checkmark and success label briefly before reverting for React applications.","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"copy-text.tsx","type":"registry:ui","target":"components/ui/copy-text.tsx"}]},{"name":"search-highlight-text","type":"registry:ui","title":"Search Highlight Text","description":"Live in-text search with animated background highlights for matched substrings in React applications.","dependencies":["motion","lucide-react"],"premium":true,"files":[{"path":"search-highlight-text.tsx","type":"registry:ui","target":"components/ui/search-highlight-text.tsx"}]},{"name":"mac-os-dock","type":"registry:ui","title":"Mac Os Dock","description":"Pixel-perfect macOS dock with magnification and click bounce for React","files":[{"path":"mac-os-dock.tsx","type":"registry:ui","target":"components/ui/mac-os-dock.tsx"}]},{"name":"menu-dock","type":"registry:ui","title":"Menu Dock","description":"Icon-and-label navigation dock with animated underline indicator for React","dependencies":["lucide-react"],"files":[{"path":"menu-dock.tsx","type":"registry:ui","target":"components/ui/menu-dock.tsx"}]},{"name":"dock","type":"registry:ui","title":"Dock","description":"macOS-style dock with magnifying icons and tooltips for React","dependencies":["framer-motion","lucide-react"],"files":[{"path":"dock.tsx","type":"registry:ui","target":"components/ui/dock.tsx"}]},{"name":"limelight-nav","type":"registry:ui","title":"Limelight Nav","description":"Icon navigation bar with animated spotlight indicator for React","dependencies":["lucide-react"],"files":[{"path":"limelight-nav.tsx","type":"registry:ui","target":"components/ui/limelight-nav.tsx"}]},{"name":"mini-calendar","type":"registry:ui","title":"Mini Calendar","description":"Compact horizontal date picker with navigation arrows for React","dependencies":["date-fns","lucide-react"],"registryDependencies":["button"],"files":[{"path":"mini-calendar.tsx","type":"registry:ui","target":"components/ui/mini-calendar.tsx"}]},{"name":"calendar","type":"registry:ui","title":"Calendar","description":"Full month calendar with event tracking and searchable month/year pickers for React","dependencies":["date-fns","lucide-react"],"registryDependencies":["button","command","popover"],"files":[{"path":"calendar.tsx","type":"registry:ui","target":"components/ui/calendar.tsx"}]},{"name":"relative-time","type":"registry:ui","title":"Relative Time","description":"Multi-timezone world clock with live updates for React","files":[{"path":"relative-time.tsx","type":"registry:ui","target":"components/ui/relative-time.tsx"}]},{"name":"animated-beam","type":"registry:ui","title":"Animated Beam","description":"Animated SVG beam connecting UI elements with flowing gradient for React","dependencies":["motion"],"files":[{"path":"animated-beam.tsx","type":"registry:ui","target":"components/ui/animated-beam.tsx"}]},{"name":"motion-highlight","type":"registry:ui","title":"Motion Highlight","description":"Entrance animation wrapper with fade, slide, zoom, and blur effects for React","dependencies":["motion"],"files":[{"path":"motion-highlight.tsx","type":"registry:ui","target":"components/ui/motion-highlight.tsx"}]},{"name":"magnetic","type":"registry:ui","title":"Magnetic","description":"Magnetic pull effect wrapper that attracts elements toward the cursor for React","dependencies":["motion"],"files":[{"path":"magnetic.tsx","type":"registry:ui","target":"components/ui/magnetic.tsx"}]},{"name":"pixel-image","type":"registry:ui","title":"Pixel Image","description":"Grid-based image reveal with pieces fading in like a mosaic for React","files":[{"path":"pixel-image.tsx","type":"registry:ui","target":"components/ui/pixel-image.tsx"}]},{"name":"marquee","type":"registry:ui","title":"Marquee","description":"Infinite horizontal scrolling marquee for logo strips in React","files":[{"path":"marquee.tsx","type":"registry:ui","target":"components/ui/marquee.tsx"}]},{"name":"banner","type":"registry:ui","title":"Banner","description":"Dismissible announcement banner with icon and action button for React","dependencies":["lucide-react"],"registryDependencies":["button"],"files":[{"path":"banner.tsx","type":"registry:ui","target":"components/ui/banner.tsx"}]},{"name":"announcement","type":"registry:ui","title":"Announcement","description":"Pill-shaped announcement badge for product updates in React","dependencies":["lucide-react"],"registryDependencies":["badge"],"files":[{"path":"announcement.tsx","type":"registry:ui","target":"components/ui/announcement.tsx"}]},{"name":"cursor","type":"registry:ui","title":"Cursor","description":"Collaborator cursor indicator with name and message for React","files":[{"path":"cursor.tsx","type":"registry:ui","target":"components/ui/cursor.tsx"}]},{"name":"pill","type":"registry:ui","title":"Pill","description":"Composable pill badge with status indicators, avatars, and delta arrows for React","dependencies":["lucide-react"],"registryDependencies":["avatar","badge","button"],"files":[{"path":"pill.tsx","type":"registry:ui","target":"components/ui/pill.tsx"}]},{"name":"avatar-group","type":"registry:ui","title":"Avatar Group","description":"Overlapping avatar stack with hover effects and tooltips for React","dependencies":["motion"],"registryDependencies":["tooltip"],"files":[{"path":"avatar-group.tsx","type":"registry:ui","target":"components/ui/avatar-group.tsx"}]},{"name":"tags","type":"registry:ui","title":"Tags","description":"Tag input with searchable popover and removable badges for React","dependencies":["lucide-react"],"registryDependencies":["badge","button","command","popover"],"files":[{"path":"tags.tsx","type":"registry:ui","target":"components/ui/tags.tsx"}]},{"name":"navbar","type":"registry:ui","title":"Navbar","description":"Sticky navigation bar with animated hamburger for React","registryDependencies":["button","navigation-menu","popover"],"files":[{"path":"navbar.tsx","type":"registry:ui","target":"components/ui/navbar.tsx"}]},{"name":"choicebox","type":"registry:ui","title":"Choicebox","description":"Card-style radio selection with rich content for React","dependencies":["lucide-react"],"registryDependencies":["card","radio-group"],"files":[{"path":"choicebox.tsx","type":"registry:ui","target":"components/ui/choicebox.tsx"}]},{"name":"dropzone","type":"registry:ui","title":"Dropzone","description":"Drag-and-drop file upload zone with validation for React","dependencies":["lucide-react"],"registryDependencies":["button"],"files":[{"path":"dropzone.tsx","type":"registry:ui","target":"components/ui/dropzone.tsx"}]},{"name":"color-picker","type":"registry:ui","title":"Color Picker","description":"Full-featured color picker with HSL canvas, eyedropper, and multiple formats for React","dependencies":["lucide-react"],"registryDependencies":["button","input","select"],"files":[{"path":"color-picker.tsx","type":"registry:ui","target":"components/ui/color-picker.tsx"}]},{"name":"combobox","type":"registry:ui","title":"Combobox","description":"Searchable select dropdown with type-to-filter for React","dependencies":["lucide-react"],"registryDependencies":["button","command","popover"],"files":[{"path":"combobox.tsx","type":"registry:ui","target":"components/ui/combobox.tsx"}]},{"name":"table","type":"registry:ui","title":"Table","description":"Data table with sortable columns and render props for React","dependencies":["lucide-react"],"registryDependencies":["button","dropdown-menu","table"],"files":[{"path":"table.tsx","type":"registry:ui","target":"components/ui/table.tsx"}]},{"name":"kanban","type":"registry:ui","title":"Kanban","description":"Drag-and-drop kanban board with sortable cards and keyboard navigation for React","registryDependencies":["card","scroll-area"],"files":[{"path":"kanban.tsx","type":"registry:ui","target":"components/ui/kanban.tsx"}]},{"name":"list","type":"registry:ui","title":"List","description":"Vertical draggable list with grouped sections for React","files":[{"path":"list.tsx","type":"registry:ui","target":"components/ui/list.tsx"}]},{"name":"gantt","type":"registry:ui","title":"Gantt","description":"Interactive Gantt chart with draggable timeline bars for React","dependencies":["date-fns","lucide-react"],"registryDependencies":["card","context-menu"],"files":[{"path":"gantt.tsx","type":"registry:ui","target":"components/ui/gantt.tsx"}]},{"name":"credit-card","type":"registry:ui","title":"Credit Card","description":"Credit card display with 3D flip animation and card logos for React","files":[{"path":"credit-card.tsx","type":"registry:ui","target":"components/ui/credit-card.tsx"}]},{"name":"ticker","type":"registry:ui","title":"Ticker","description":"Stock/crypto ticker with price formatting and change indicators for React","registryDependencies":["avatar"],"files":[{"path":"ticker.tsx","type":"registry:ui","target":"components/ui/ticker.tsx"}]},{"name":"apple-cards-carousel","type":"registry:ui","title":"Apple Cards Carousel","description":"Horizontal card carousel with click-to-expand modals for React","dependencies":["motion","@tabler/icons-react"],"files":[{"path":"apple-cards-carousel.tsx","type":"registry:ui","target":"components/ui/apple-cards-carousel.tsx"}]},{"name":"3d-marquee","type":"registry:ui","title":"3d Marquee","description":"Isometric 3D image gallery with animated scrolling columns for React","dependencies":["motion"],"files":[{"path":"3d-marquee.tsx","type":"registry:ui","target":"components/ui/3d-marquee.tsx"}]},{"name":"pin-list","type":"registry:ui","title":"Pin List","description":"Pin-to-top list with smooth animations for favorites and bookmarks in React","dependencies":["motion","lucide-react"],"files":[{"path":"pin-list.tsx","type":"registry:ui","target":"components/ui/pin-list.tsx"}]},{"name":"tabs","type":"registry:ui","title":"Tabs","description":"Animated tabs with sliding highlight indicator for React","dependencies":["motion"],"files":[{"path":"tabs.tsx","type":"registry:ui","target":"components/ui/tabs.tsx"}]},{"name":"animated-tooltip","type":"registry:ui","title":"Animated Tooltip","description":"Stacked avatars with animated tooltips that tilt toward your cursor for React","dependencies":["motion"],"files":[{"path":"animated-tooltip.tsx","type":"registry:ui","target":"components/ui/animated-tooltip.tsx"}]},{"name":"apple-hello-effect","type":"registry:ui","title":"Apple Hello Effect","description":"Handwriting animation with SVG path drawing for React","dependencies":["motion"],"files":[{"path":"apple-hello-effect.tsx","type":"registry:ui","target":"components/ui/apple-hello-effect.tsx"}]},{"name":"spinner","type":"registry:ui","title":"Spinner","description":"Loading spinner collection with 8 animated variants for React","dependencies":["lucide-react"],"files":[{"path":"spinner.tsx","type":"registry:ui","target":"components/ui/spinner.tsx"}]},{"name":"3d-card","type":"registry:ui","title":"3d Card","description":"Mouse-tracking 3D tilt card with hover effects for React","files":[{"path":"3d-card.tsx","type":"registry:ui","target":"components/ui/3d-card.tsx"}]},{"name":"3d-pin","type":"registry:ui","title":"3d Pin","description":"Map-pin style 3D card with pulse rings and hover reveal for React","dependencies":["motion"],"files":[{"path":"3d-pin.tsx","type":"registry:ui","target":"components/ui/3d-pin.tsx"}]},{"name":"animated-modal","type":"registry:ui","title":"Animated Modal","description":"3D animated modal with flip entrance and backdrop blur for React","dependencies":["framer-motion"],"files":[{"path":"animated-modal.tsx","type":"registry:ui","target":"components/ui/animated-modal.tsx"}]},{"name":"animated-cursor","type":"registry:ui","title":"Animated Cursor","description":"Custom cursor replacement with smooth following animation for React","dependencies":["motion"],"files":[{"path":"animated-cursor.tsx","type":"registry:ui","target":"components/ui/animated-cursor.tsx"}]},{"name":"glimpse","type":"registry:ui","title":"Glimpse","description":"Hover card link preview with image thumbnail for React","registryDependencies":["hover-card"],"files":[{"path":"glimpse.tsx","type":"registry:ui","target":"components/ui/glimpse.tsx"}]},{"name":"animated-testimonials","type":"registry:ui","title":"Animated Testimonials","description":"Animated testimonial carousel with stacked photos and word-by-word text reveal for React","dependencies":["framer-motion","lucide-react"],"files":[{"path":"animated-testimonials.tsx","type":"registry:ui","target":"components/ui/animated-testimonials.tsx"}]},{"name":"counter","type":"registry:ui","title":"Counter","description":"Animated counter with plus/minus buttons and smooth number transitions for React","dependencies":["motion","lucide-react"],"registryDependencies":["button"],"files":[{"path":"counter.tsx","type":"registry:ui","target":"components/ui/counter.tsx"}]},{"name":"android","type":"registry:ui","title":"Android","description":"Android phone SVG mockup for app screenshots and videos in React","files":[{"path":"android.tsx","type":"registry:ui","target":"components/ui/android.tsx"}]},{"name":"safari","type":"registry:ui","title":"Safari","description":"macOS Safari browser mockup with realistic toolbar for React","files":[{"path":"safari.tsx","type":"registry:ui","target":"components/ui/safari.tsx"}]},{"name":"iphone-15-pro","type":"registry:ui","title":"Iphone 15 Pro","description":"iPhone 15 Pro SVG mockup with Dynamic Island for app screenshots in React","files":[{"path":"iphone-15-pro.tsx","type":"registry:ui","target":"components/ui/iphone-15-pro.tsx"}]},{"name":"qr-code","type":"registry:ui","title":"Qr Code","description":"QR code generator component with theme-aware colors for React","files":[{"path":"qr-code.tsx","type":"registry:ui","target":"components/ui/qr-code.tsx"}]},{"name":"status","type":"registry:ui","title":"Status","description":"Status indicator badge with pulsing dot for system health in React","registryDependencies":["badge"],"files":[{"path":"status.tsx","type":"registry:ui","target":"components/ui/status.tsx"}]},{"name":"kbd","type":"registry:ui","title":"Kbd","description":"Keyboard shortcut badges for displaying hotkeys and key combinations in React","files":[{"path":"kbd.tsx","type":"registry:ui","target":"components/ui/kbd.tsx"}]},{"name":"video-player","type":"registry:ui","title":"Video Player","description":"Theme-aware video player with custom controls built on media-chrome for React","files":[{"path":"video-player.tsx","type":"registry:ui","target":"components/ui/video-player.tsx"}]},{"name":"terminal","type":"registry:ui","title":"Terminal","description":"macOS-style terminal window with typing animation for CLI demos in React","dependencies":["motion"],"files":[{"path":"terminal.tsx","type":"registry:ui","target":"components/ui/terminal.tsx"}]},{"name":"comparison","type":"registry:ui","title":"Comparison","description":"Before/after image comparison slider with draggable divider for React","dependencies":["motion","lucide-react"],"files":[{"path":"comparison.tsx","type":"registry:ui","target":"components/ui/comparison.tsx"}]},{"name":"rating","type":"registry:ui","title":"Rating","description":"Interactive star rating with hover preview and keyboard navigation for React","dependencies":["lucide-react"],"files":[{"path":"rating.tsx","type":"registry:ui","target":"components/ui/rating.tsx"}]},{"name":"image-crop","type":"registry:ui","title":"Image Crop","description":"Image cropping interface with aspect ratio locking for React","dependencies":["lucide-react"],"registryDependencies":["button"],"files":[{"path":"image-crop.tsx","type":"registry:ui","target":"components/ui/image-crop.tsx"}]},{"name":"image-zoom","type":"registry:ui","title":"Image Zoom","description":"Click-to-zoom image viewer with blurred backdrop for React","files":[{"path":"image-zoom.tsx","type":"registry:ui","target":"components/ui/image-zoom.tsx"}]},{"name":"sandbox","type":"registry:ui","title":"Sandbox","description":"Live code playground with editor, preview, and console for React","files":[{"path":"sandbox.tsx","type":"registry:ui","target":"components/ui/sandbox.tsx"}]},{"name":"code-editor","type":"registry:ui","title":"Code Editor","description":"Code editor with typing animation and macOS window styling for React","dependencies":["motion","lucide-react","shiki"],"registryDependencies":["button"],"files":[{"path":"code-editor.tsx","type":"registry:ui","target":"components/ui/code-editor.tsx"}]},{"name":"code-block","type":"registry:ui","title":"Code Block","description":"Beautiful code blocks with syntax highlighting, file icons, and copy button for React","dependencies":["lucide-react","shiki"],"registryDependencies":["button","select"],"files":[{"path":"code-block.tsx","type":"registry:ui","target":"components/ui/code-block.tsx"}]},{"name":"code-tabs","type":"registry:ui","title":"Code Tabs","description":"Tabbed code display for package manager install commands in React","dependencies":["shiki"],"files":[{"path":"code-tabs.tsx","type":"registry:ui","target":"components/ui/code-tabs.tsx"}]}]}