{"name":"React Component Quality Signals 2026: Assetzaar Catalog Baseline","description":"A living, reproducible dataset measuring documented delivery, preview, security, testing, accessibility, reduced-motion, variants, imagery, documentation, and editorial signals in search-eligible React component listings on Assetzaar.","version":"2026.07-live-24","datePublished":"2026-07-14","dateModified":"2026-07-14","canonicalReport":"https://assetzaar.com/research/react-component-quality-2026","distributions":{"json":"https://assetzaar.com/datasets/react-component-quality-2026.json","csv":"https://assetzaar.com/datasets/react-component-quality-2026.csv"},"scope":{"population":"Published, search-eligible Assetzaar listings whose product type is components.","minimumPublicSample":10,"sampleReady":true,"exclusions":["Draft, archived, search-held, unsupported, or non-component products","Claims that cannot be represented by current public listing evidence"],"importantLimitations":["This is an Assetzaar catalog baseline, not a census of the React ecosystem.","Testing, accessibility, and reduced-motion fields record documented evidence and are not independent certifications.","The living dataset changes when eligible listings are added, updated, held, or removed."]},"summary":{"sampleSize":24,"averageQualityScore":74,"medianQualityScore":71,"extraordinaryCount":0,"creatorCount":1,"verifiedCreatorCount":1,"eligibilityBasis":{"automatic":0,"manual":0,"preserved":24},"metrics":[{"key":"clean-security","label":"Clean security scan","count":24,"rate":100,"definition":"The latest Assetzaar static security verdict stored on the listing is clean."},{"key":"working-preview","label":"Preview evidence","count":11,"rate":46,"definition":"The listing exposes a preview snippet, live preview, or demo URL."},{"key":"real-images","label":"Product imagery","count":0,"rate":0,"definition":"At least one product image is attached to the public listing."},{"key":"documentation","label":"Setup or documentation","count":24,"rate":100,"definition":"The listing includes setup, install, documentation, or a sufficiently detailed implementation description."},{"key":"testing","label":"Testing documented","count":0,"rate":0,"definition":"The seller documented a testing approach with a value other than 'Not tested'."},{"key":"accessibility","label":"Accessibility documented","count":15,"rate":63,"definition":"The seller documented accessibility behavior with a value other than 'Not tested'. This is not an independent WCAG certification."},{"key":"reduced-motion","label":"Reduced motion documented","count":0,"rate":0,"definition":"The seller documented reduced-motion behavior with a value other than 'Not tested'."},{"key":"variants","label":"Variants documented","count":0,"rate":0,"definition":"At least one meaningful component variant is declared in the listing."},{"key":"editorial-snippet","label":"Editorial search snippet","count":0,"rate":0,"definition":"A specific meta title and useful meta description are stored for the listing."}],"topTechnologies":[{"name":"React","count":24},{"name":"TypeScript","count":24},{"name":"React 19","count":15},{"name":"Dark mode","count":10},{"name":"lucide-react","count":8},{"name":"Tailwind CSS","count":6},{"name":"Accessible","count":5},{"name":"Hero","count":5},{"name":"3D","count":4},{"name":"framer-motion","count":4},{"name":"Hover","count":4},{"name":"No dependencies","count":4}]},"variables":["qualityScore","qualityTier","eligibilityBasis","securityScan","hasDelivery","hasPreview","hasImage","documentationPresent","testingDocumented","accessibilityDocumented","reducedMotionDocumented","variantsDocumented","editorialSnippetPresent"],"rows":[{"slug":"aurora-button","name":"Aurora Button — Luxury Animated Gradient Button (React + Tailwind, shadcn-style)","canonicalUrl":"https://assetzaar.com/products/aurora-button","creator":"Assetzaar","creatorVerified":true,"updatedAt":"2026-06-30","priceModel":"free","qualityScore":81,"qualityTier":"ready","eligibilityBasis":"preserved","securityScan":"clean","technologies":["React","React 19","TypeScript","Tailwind CSS","Button","Gradient button","cva","shadcn","Dark mode","Accessible","lucide-react"],"hasDelivery":true,"hasPreview":true,"hasImage":false,"documentationPresent":true,"testingDocumented":false,"accessibilityDocumented":true,"reducedMotionDocumented":false,"variantsDocumented":false,"editorialSnippetPresent":false},{"slug":"aurora-glass-card","name":"Aurora Glass Card — Luxury Glassmorphism Article Card (React + Tailwind)","canonicalUrl":"https://assetzaar.com/products/aurora-glass-card","creator":"Assetzaar","creatorVerified":true,"updatedAt":"2026-06-30","priceModel":"free","qualityScore":81,"qualityTier":"ready","eligibilityBasis":"preserved","securityScan":"clean","technologies":["React","React 19","TypeScript","Tailwind CSS","Glassmorphism","Dark mode","Accessible","lucide-react"],"hasDelivery":true,"hasPreview":true,"hasImage":false,"documentationPresent":true,"testingDocumented":false,"accessibilityDocumented":true,"reducedMotionDocumented":false,"variantsDocumented":false,"editorialSnippetPresent":false},{"slug":"aurora-lightfall","name":"Aurora Lightfall — Animated Light-Rain Hero Background (React, Canvas, no deps)","canonicalUrl":"https://assetzaar.com/products/aurora-lightfall","creator":"Assetzaar","creatorVerified":true,"updatedAt":"2026-06-30","priceModel":"free","qualityScore":81,"qualityTier":"ready","eligibilityBasis":"preserved","securityScan":"clean","technologies":["React","React 19","TypeScript","Canvas","Background","Hero","Animated","Dark mode","No dependencies"],"hasDelivery":true,"hasPreview":true,"hasImage":false,"documentationPresent":true,"testingDocumented":false,"accessibilityDocumented":true,"reducedMotionDocumented":false,"variantsDocumented":false,"editorialSnippetPresent":false},{"slug":"aurora-signin-card","name":"Aurora Sign-In Card — Luxury Split Auth / Login Card (React + Tailwind)","canonicalUrl":"https://assetzaar.com/products/aurora-signin-card","creator":"Assetzaar","creatorVerified":true,"updatedAt":"2026-06-30","priceModel":"free","qualityScore":81,"qualityTier":"ready","eligibilityBasis":"preserved","securityScan":"clean","technologies":["React","React 19","TypeScript","Tailwind CSS","Login","Sign in","Auth UI","Authentication","Dark mode","Accessible","lucide-react"],"hasDelivery":true,"hasPreview":true,"hasImage":false,"documentationPresent":true,"testingDocumented":false,"accessibilityDocumented":true,"reducedMotionDocumented":false,"variantsDocumented":false,"editorialSnippetPresent":false},{"slug":"aurora-swap","name":"Aurora Swap — Multi-Chain Token Swap & Bridge Widget for React (no dependencies)","canonicalUrl":"https://assetzaar.com/products/aurora-swap","creator":"Assetzaar","creatorVerified":true,"updatedAt":"2026-06-30","priceModel":"free","qualityScore":81,"qualityTier":"ready","eligibilityBasis":"preserved","securityScan":"clean","technologies":["React","React 19","TypeScript","Web3","Swap","Bridge","DeFi","Crypto","Dark mode","No dependencies"],"hasDelivery":true,"hasPreview":true,"hasImage":false,"documentationPresent":true,"testingDocumented":false,"accessibilityDocumented":true,"reducedMotionDocumented":false,"variantsDocumented":false,"editorialSnippetPresent":false},{"slug":"flip-board","name":"Flip Board — Split-Flap / Solari Departure Board Animation for React (no dependencies)","canonicalUrl":"https://assetzaar.com/products/flip-board","creator":"Assetzaar","creatorVerified":true,"updatedAt":"2026-06-30","priceModel":"free","qualityScore":81,"qualityTier":"ready","eligibilityBasis":"preserved","securityScan":"clean","technologies":["React","React 19","TypeScript","Split-flap","Solari board","Departure board","Animation","Text animation","Dark mode","No dependencies"],"hasDelivery":true,"hasPreview":true,"hasImage":false,"documentationPresent":true,"testingDocumented":false,"accessibilityDocumented":true,"reducedMotionDocumented":false,"variantsDocumented":false,"editorialSnippetPresent":false},{"slug":"glass-dock","name":"Glass Dock — macOS Dock with Cursor-Proximity Magnification (React, no deps)","canonicalUrl":"https://assetzaar.com/products/glass-dock","creator":"Assetzaar","creatorVerified":true,"updatedAt":"2026-06-30","priceModel":"free","qualityScore":81,"qualityTier":"ready","eligibilityBasis":"preserved","securityScan":"clean","technologies":["React 19","React","TypeScript","Dock","macOS","Magnification","Glassmorphism","Navigation","No dependencies"],"hasDelivery":true,"hasPreview":true,"hasImage":false,"documentationPresent":true,"testingDocumented":false,"accessibilityDocumented":true,"reducedMotionDocumented":false,"variantsDocumented":false,"editorialSnippetPresent":false},{"slug":"lineup","name":"Lineup — Expanding Bento Team Gallery for React (CSS magnify, self-contained)","canonicalUrl":"https://assetzaar.com/products/lineup","creator":"Assetzaar","creatorVerified":true,"updatedAt":"2026-06-30","priceModel":"free","qualityScore":81,"qualityTier":"ready","eligibilityBasis":"preserved","securityScan":"clean","technologies":["React 19","React","TypeScript","Team","Gallery","Bento","CSS animation","Accessible","Dark mode","lucide-react"],"hasDelivery":true,"hasPreview":true,"hasImage":false,"documentationPresent":true,"testingDocumented":false,"accessibilityDocumented":true,"reducedMotionDocumented":false,"variantsDocumented":false,"editorialSnippetPresent":false},{"slug":"3d-tilt-card","name":"3D Tilt Card — Floating Perspective Card on Hover (React + Tailwind)","canonicalUrl":"https://assetzaar.com/products/3d-tilt-card","creator":"Assetzaar","creatorVerified":true,"updatedAt":"2026-06-30","priceModel":"free","qualityScore":72,"qualityTier":"review","eligibilityBasis":"preserved","securityScan":"clean","technologies":["React","React 19","TypeScript","Tailwind CSS","3D","Perspective","Hover","Dark mode"],"hasDelivery":true,"hasPreview":true,"hasImage":false,"documentationPresent":true,"testingDocumented":false,"accessibilityDocumented":true,"reducedMotionDocumented":false,"variantsDocumented":false,"editorialSnippetPresent":false},{"slug":"comet-card","name":"Comet Card — 3D Tilt Card with Cursor-Following Glare (React + Tailwind)","canonicalUrl":"https://assetzaar.com/products/comet-card","creator":"Assetzaar","creatorVerified":true,"updatedAt":"2026-06-30","priceModel":"free","qualityScore":72,"qualityTier":"review","eligibilityBasis":"preserved","securityScan":"clean","technologies":["React","React 19","TypeScript","Tailwind CSS","3D","Glare","Hover","Dark mode"],"hasDelivery":true,"hasPreview":true,"hasImage":false,"documentationPresent":true,"testingDocumented":false,"accessibilityDocumented":true,"reducedMotionDocumented":false,"variantsDocumented":false,"editorialSnippetPresent":false},{"slug":"cutout-video-brand-card","name":"Cutout Brand Card — Looping Video Band, Notched Label & Feature Grid (React + Tailwind)","canonicalUrl":"https://assetzaar.com/products/cutout-video-brand-card","creator":"Assetzaar","creatorVerified":true,"updatedAt":"2026-06-30","priceModel":"free","qualityScore":72,"qualityTier":"review","eligibilityBasis":"preserved","securityScan":"clean","technologies":["React","React 19","TypeScript","Tailwind CSS","Video","Dark mode","Accessible","lucide-react"],"hasDelivery":true,"hasPreview":true,"hasImage":false,"documentationPresent":true,"testingDocumented":false,"accessibilityDocumented":true,"reducedMotionDocumented":false,"variantsDocumented":false,"editorialSnippetPresent":false},{"slug":"animated-card-chart","name":"Animated Card Chart — Analytics Card with a Chart that Wakes on Hover (React)","canonicalUrl":"https://assetzaar.com/products/animated-card-chart","creator":"Assetzaar","creatorVerified":true,"updatedAt":"2026-06-30","priceModel":"free","qualityScore":71,"qualityTier":"review","eligibilityBasis":"preserved","securityScan":"clean","technologies":["React 19","React","TypeScript","Chart","Analytics","Card","Hover","Data Display","SVG"],"hasDelivery":true,"hasPreview":false,"hasImage":false,"documentationPresent":true,"testingDocumented":false,"accessibilityDocumented":true,"reducedMotionDocumented":false,"variantsDocumented":false,"editorialSnippetPresent":false},{"slug":"background-boxes","name":"Background Boxes — Interactive Perspective-Grid Hero Background (React)","canonicalUrl":"https://assetzaar.com/products/background-boxes","creator":"Assetzaar","creatorVerified":true,"updatedAt":"2026-06-30","priceModel":"free","qualityScore":71,"qualityTier":"review","eligibilityBasis":"preserved","securityScan":"clean","technologies":["React 19","React","TypeScript","Background","Grid","Framer Motion","Hover","Hero"],"hasDelivery":true,"hasPreview":false,"hasImage":false,"documentationPresent":true,"testingDocumented":false,"accessibilityDocumented":true,"reducedMotionDocumented":false,"variantsDocumented":false,"editorialSnippetPresent":false},{"slug":"circular-gallery","name":"Circular Gallery (3D Carousel)","canonicalUrl":"https://assetzaar.com/products/circular-gallery","creator":"Assetzaar","creatorVerified":true,"updatedAt":"2026-07-04","priceModel":"free","qualityScore":71,"qualityTier":"review","eligibilityBasis":"preserved","securityScan":"clean","technologies":["React","TypeScript","Carousel","3D","Gallery","Coverflow"],"hasDelivery":true,"hasPreview":false,"hasImage":false,"documentationPresent":true,"testingDocumented":false,"accessibilityDocumented":false,"reducedMotionDocumented":false,"variantsDocumented":false,"editorialSnippetPresent":false},{"slug":"dynamic-frame-layout","name":"Dynamic Frame Layout — Interactive Media Grid with 3D Tilt (React, Framer Motion)","canonicalUrl":"https://assetzaar.com/products/dynamic-frame-layout","creator":"Assetzaar","creatorVerified":true,"updatedAt":"2026-06-30","priceModel":"free","qualityScore":71,"qualityTier":"review","eligibilityBasis":"preserved","securityScan":"clean","technologies":["React 19","React","TypeScript","Grid","Media","3D Tilt","Framer Motion","Gallery"],"hasDelivery":true,"hasPreview":false,"hasImage":false,"documentationPresent":true,"testingDocumented":false,"accessibilityDocumented":true,"reducedMotionDocumented":false,"variantsDocumented":false,"editorialSnippetPresent":false},{"slug":"feature-card","name":"Feature Card","canonicalUrl":"https://assetzaar.com/products/feature-card","creator":"Assetzaar","creatorVerified":true,"updatedAt":"2026-07-05","priceModel":"free","qualityScore":71,"qualityTier":"review","eligibilityBasis":"preserved","securityScan":"clean","technologies":["React","TypeScript","framer-motion","Card","Feature","Landing"],"hasDelivery":true,"hasPreview":false,"hasImage":false,"documentationPresent":true,"testingDocumented":false,"accessibilityDocumented":false,"reducedMotionDocumented":false,"variantsDocumented":false,"editorialSnippetPresent":false},{"slug":"floating-ai-assistant","name":"Floating AI Assistant","canonicalUrl":"https://assetzaar.com/products/floating-ai-assistant","creator":"Assetzaar","creatorVerified":true,"updatedAt":"2026-07-04","priceModel":"free","qualityScore":71,"qualityTier":"review","eligibilityBasis":"preserved","securityScan":"clean","technologies":["React","TypeScript","lucide-react","AI","Chat","Assistant","Overlay"],"hasDelivery":true,"hasPreview":false,"hasImage":false,"documentationPresent":true,"testingDocumented":false,"accessibilityDocumented":false,"reducedMotionDocumented":false,"variantsDocumented":false,"editorialSnippetPresent":false},{"slug":"freelancer-profile-card","name":"Freelancer Profile Card","canonicalUrl":"https://assetzaar.com/products/freelancer-profile-card","creator":"Assetzaar","creatorVerified":true,"updatedAt":"2026-07-04","priceModel":"free","qualityScore":71,"qualityTier":"review","eligibilityBasis":"preserved","securityScan":"clean","technologies":["React","TypeScript","lucide-react","Card","Profile","Freelancer"],"hasDelivery":true,"hasPreview":false,"hasImage":false,"documentationPresent":true,"testingDocumented":false,"accessibilityDocumented":false,"reducedMotionDocumented":false,"variantsDocumented":false,"editorialSnippetPresent":false},{"slug":"layered-text","name":"Layered Text","canonicalUrl":"https://assetzaar.com/products/layered-text","creator":"Assetzaar","creatorVerified":true,"updatedAt":"2026-07-04","priceModel":"free","qualityScore":71,"qualityTier":"review","eligibilityBasis":"preserved","securityScan":"clean","technologies":["React","TypeScript","GSAP","Text effect","Animation","Hero"],"hasDelivery":true,"hasPreview":false,"hasImage":false,"documentationPresent":true,"testingDocumented":false,"accessibilityDocumented":false,"reducedMotionDocumented":false,"variantsDocumented":false,"editorialSnippetPresent":false},{"slug":"marketplace-hero","name":"Marketplace Hero","canonicalUrl":"https://assetzaar.com/products/marketplace-hero","creator":"Assetzaar","creatorVerified":true,"updatedAt":"2026-07-04","priceModel":"free","qualityScore":71,"qualityTier":"review","eligibilityBasis":"preserved","securityScan":"clean","technologies":["React","TypeScript","framer-motion","Hero","Landing","Marketplace"],"hasDelivery":true,"hasPreview":false,"hasImage":false,"documentationPresent":true,"testingDocumented":false,"accessibilityDocumented":false,"reducedMotionDocumented":false,"variantsDocumented":false,"editorialSnippetPresent":false},{"slug":"scene-3d","name":"Scene 3D — Interactive 3D Hero, Cursor-Tracking Three.js Bot (Spline-ready)","canonicalUrl":"https://assetzaar.com/products/scene-3d","creator":"Assetzaar","creatorVerified":true,"updatedAt":"2026-06-30","priceModel":"free","qualityScore":71,"qualityTier":"review","eligibilityBasis":"preserved","securityScan":"clean","technologies":["React 19","React","TypeScript","Three.js","3D","WebGL","Hero","Spline","Cursor tracking"],"hasDelivery":true,"hasPreview":false,"hasImage":false,"documentationPresent":true,"testingDocumented":false,"accessibilityDocumented":true,"reducedMotionDocumented":false,"variantsDocumented":false,"editorialSnippetPresent":false},{"slug":"stagger-testimonials","name":"Stagger Testimonials","canonicalUrl":"https://assetzaar.com/products/stagger-testimonials","creator":"Assetzaar","creatorVerified":true,"updatedAt":"2026-07-04","priceModel":"free","qualityScore":71,"qualityTier":"review","eligibilityBasis":"preserved","securityScan":"clean","technologies":["React","TypeScript","lucide-react","Testimonials","Carousel","Social proof"],"hasDelivery":true,"hasPreview":false,"hasImage":false,"documentationPresent":true,"testingDocumented":false,"accessibilityDocumented":false,"reducedMotionDocumented":false,"variantsDocumented":false,"editorialSnippetPresent":false},{"slug":"team-arch","name":"Team Arch","canonicalUrl":"https://assetzaar.com/products/team-arch","creator":"Assetzaar","creatorVerified":true,"updatedAt":"2026-07-05","priceModel":"free","qualityScore":71,"qualityTier":"review","eligibilityBasis":"preserved","securityScan":"clean","technologies":["React","TypeScript","framer-motion","Team","Showcase","Section"],"hasDelivery":true,"hasPreview":false,"hasImage":false,"documentationPresent":true,"testingDocumented":false,"accessibilityDocumented":false,"reducedMotionDocumented":false,"variantsDocumented":false,"editorialSnippetPresent":false},{"slug":"team-fan","name":"Team Fan","canonicalUrl":"https://assetzaar.com/products/team-fan","creator":"Assetzaar","creatorVerified":true,"updatedAt":"2026-07-05","priceModel":"free","qualityScore":71,"qualityTier":"review","eligibilityBasis":"preserved","securityScan":"clean","technologies":["React","TypeScript","framer-motion","Team","Showcase","Animation"],"hasDelivery":true,"hasPreview":false,"hasImage":false,"documentationPresent":true,"testingDocumented":false,"accessibilityDocumented":false,"reducedMotionDocumented":false,"variantsDocumented":false,"editorialSnippetPresent":false}]}