{"title":"UI Atlas","updatedAt":"2026-10-24T13:22:15.522Z","date":"October 20, 2026 · Asia/Kolkata","summary":{"selectedPatterns":1258,"downloadedPackages":20,"patternsWithSource":136,"paidReferences":30,"conceptsWithoutSource":5,"archiveBytes":207822154,"patternsWithVisuals":1258,"patternsWithVideo":47,"patternsWithCodeLinks":1137,"referenceCollections":101,"imageOnly":false,"note":"References include individual picks and creator-catalog expansions, labeled per entry. Counts exclude variants, duplicate images and archive file totals. Linked code is not downloaded or runtime-tested.","importedReferences":2},"items":[{"id":"import--5e7c83cd07176407","name":"Cloudflare: Build for the agent era","collection":"imports","creator":"www.cloudflare.com","category":"Community references","why":"Welcome to Cloudflare - Powering the next generation of applications","useFor":"Inspect the original reference and its published source before use.","website":"https://www.cloudflare.com/","originalUrl":"https://www.cloudflare.com/","repository":"","codeUrl":"","sourceUrl":"","sourceFiles":[],"preview":"media/imports/8223d3b6940f5e2f513202ea-1400.webp","previewWidth":1400,"previewHeight":800,"originalPreview":"https://www.cloudflare.com/preview.png","thumbnail":{"src":"media/imports/8223d3b6940f5e2f513202ea-320.webp","srcSet":"media/imports/8223d3b6940f5e2f513202ea-320.webp 320w, media/imports/8223d3b6940f5e2f513202ea-640.webp 640w","width":320,"height":182},"previewSource":"https://www.cloudflare.com/","previewType":"Original creator preview converted to WebP","previewVideo":"","mediaType":"image","access":"Reference link · source not established","license":"Check the original creator terms; no component source archived","review":"Imported reference · not runtime tested","favorite":false,"added":"2026-10-24T13:22:15.522Z","imported":true,"metadataStatus":"available","image":""},{"id":"import--f2cd3042354df818","name":"Kaze · On-device dictation","collection":"imports","creator":"Kaze","category":"Full websites & portfolios","why":"Reference for the Atlas redesign: rounded typography, soft corners, and a clear light interface.","useFor":"Inspect the original reference and its published source before use.","website":"https://kaze.fayazahmed.com","repository":"","codeUrl":"https://github.com/fayazara/Kaze","sourceUrl":"https://github.com/fayazara/Kaze","sourceFiles":[],"preview":"media/imports/280c256f0877f434be81abac-1440.webp","previewSource":"https://kaze.fayazahmed.com","previewType":"User-supplied original reference image · WebP preview","previewVideo":"","access":"Creator source linked · access unverified","license":"Check the original creator terms; no component source archived","review":"Imported reference · not runtime tested","favorite":false,"added":"2026-10-24T07:57:40.830Z","imported":true,"previewWidth":1440,"previewHeight":1000,"mediaType":"image","thumbnail":{"src":"media/imports/07959d4e1a0157ca510c7c22-320.webp","srcSet":"media/imports/07959d4e1a0157ca510c7c22-320.webp 320w, media/imports/51a6c952bd583ed49aa5e109-640.webp 640w","width":320,"height":222},"image":""},{"id":"aceternity--3d-marquee","name":"3D Marquee","collection":"aceternity","creator":"Aceternity UI · Manu Arora","category":"Spatial & motion","why":"A skewed isometric wall of dark tiles inside a rounded frame, with a bold Aceternity wordmark tile at the centre. The surrounding tiles show a form, a globe, a pill button, spotlight headlines and a blue gradient, so the grid reads as a product showcase. Tile edges run off the frame as part of the composition. Some secondary tile text is small, but the overall composition is distinctive.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://ui.aceternity.com/components/3d-marquee","codeUrl":"https://ui.aceternity.com/components/3d-marquee","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Sonnet5.5 Medium full-image audit and researcher follow-up; external source/access and dependency licenses not newly audited, no runtime or motion test","selectionType":"Individually visually reviewed creator-catalog reference","favorite":true,"discovered":"Reddit library leads → original Aceternity component catalog","added":"2026-10-20","previewSource":"https://assets.aceternity.com/3d-marquee.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","preview":"media/references/aceternity--3d-marquee.webp","previewWidth":2048,"previewHeight":1440,"previewSha256":"725a48f190ff7ca311b82b84f7ef9c027e519fac08886d007441b96ebde5f71c","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","qualityReview":"references/older-instrument-quality-curation.json"},{"id":"codrops--a-motion-blurred-number-with-css-svg-js","name":"A Motion Blurred Number with CSS / SVG / JS","collection":"codrops-creative","creator":"Konstantin Denerz","creatorUrl":"https://tympanus.net/codrops/hub/author/konstantin_denerz","category":"Forms & controls","styleTags":["blur","filter","svg"],"why":"A bold slider sits above a large italic value whose trailing digits smear horizontally; a clear speed cue for continuous numeric adjustment, shown in an original still.","useFor":"Study the original image and linked creator source; respect its license and access terms.","website":"https://codepen.io/konstantindenerz/full/zYJzvEQ","codeUrl":"https://codepen.io/konstantindenerz/pen/zYJzvEQ","repository":"","sourceFiles":[],"commit":"","access":"Original CodePen code linked · access unverified (403 response); source not archived","license":"Original creator terms not verified; do not infer a reuse license from a public preview.","review":"Sonnet 5.5 Medium static visual review and researcher source/provenance checks; not runtime, accessibility or full dependency-license audited","selectionType":"Visually reviewed original reference","favorite":true,"discovered":"Original input and spatial creator trails · input-spatial review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/01/Screenshot-2025-01-07-at-12.06.46.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Mar 4, 2023","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T08:26:33.379151+00:00","preview":"media/references/codrops--a-motion-blurred-number-with-css-svg-js.png","previewWidth":1600,"previewHeight":1202,"previewSha256":"0137ba0307d588a0b264c24218d74f3fcef9652a1a523e3224bbc7b4a432a077","previewAnimated":false,"sourcePageCheck":{"status":403,"resolvedUrl":"https://codepen.io/konstantindenerz/pen/zYJzvEQ","checkedAt":"2026-10-20T08:29:12.470307+00:00"}},{"id":"a2ui--composer","name":"A2UI Composer workspace","category":"Artifacts & evidence","why":"Three panes place assistant messages, the rendered charging dashboard and JSON side by side. Charge-limit controls and history rows share the preview with a tabbed data/event/error log, making the generated result and its message evidence inspectable together. The screenshot shows an expanded Thinking panel; private reasoning is not a product recommendation.","favorite":true,"collection":"a2ui","creator":"Google / A2UI project contributors","creatorUrl":"https://github.com/a2ui-project","website":"https://github.com/a2ui-project/a2ui","repository":"https://github.com/a2ui-project/a2ui","commit":"ba4c47baba5663037217f107d5bcc51f6d35c536","codeUrl":"https://github.com/a2ui-project/a2ui/tree/ba4c47baba5663037217f107d5bcc51f6d35c536/tools/composer","sourceFiles":[],"platform":"Web","access":"Original public Composer source linked and pinned; no real session connected","license":"Apache-2.0 · original Google LLC source headers preserved","review":"Sonnet 5.5 Medium full-image visual review plus researcher original-source checks; static judgment, no runtime, motion, accessibility or complete dependency audit","useFor":"Study the exact original creator image and linked implementation under its original terms.","selectionType":"Individually visually reviewed original reference","discovered":"Primary creator repository/docs discovery · operational-input review","added":"2026-10-20","preview":"media/references/a2ui--composer-1.png","previewSha256":"4e0d42b708534e1f80fc6a762a36cea2744f67eda14104a56f9489446366e052","previewSource":"https://raw.githubusercontent.com/a2ui-project/a2ui/ba4c47baba5663037217f107d5bcc51f6d35c536/docs/public/assets/composer_workspace.png","previewAnimated":false,"previewType":"Exact unmodified original creator-published static image","sourceResolution":"references/operational-input-source-evidence.json","sourcePinNote":"Current pinned original source; exact screenshot-build revision is not established. Selected files are provenance evidence, not a complete component archive.","previewWidth":1332,"previewHeight":1201},{"id":"codrops--accessible-webgl-text","name":"Accessible WebGL Text","collection":"codrops-creative","creator":"Eemeli Haakana","creatorUrl":"https://tympanus.net/codrops/hub/author/eemeli","category":"Editorial & typography","styleTags":["postprocessing","scroll","three.js","typography","webgl"],"why":"Pink-and-blue distorted display type stacked above a small normal paragraph in the same frame; pairs expressive headline with plain body text.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Tutorials/AccessibleWebGLText","codeUrl":"https://github.com/ehaakana/codrops-text-demo","repository":"https://github.com/ehaakana/codrops-text-demo","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited","selectionType":"Preview-reviewed original design reference","favorite":true,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/04/Featured-image-768x576.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Jun 5, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:54:42.821988+00:00","preview":"media/references/codrops--accessible-webgl-text.png","previewWidth":768,"previewHeight":576,"previewSha256":"4b9678e697bc94db35c294acab3f7ca9015baae9c2cdfa32df8013bde791eec9","previewAnimated":false},{"id":"ai-elements--agent","name":"Agent","collection":"ai-elements","creator":"Vercel · AI Elements","category":"Agent orchestration","why":"Agent card with name and model pill, an instructions block, collapsible tool rows and a syntax-highlighted output schema code block.","useFor":"Inspect the original creator demo and implementation before adoption.","website":"https://elements.ai-sdk.dev/components/agent","codeUrl":"https://github.com/vercel/ai-elements/blob/ca8be600bfd01b3131f9bf6134b51602a71f4374/packages/elements/src/agent.tsx","repository":"https://github.com/vercel/ai-elements","sourceFiles":["sources/ai-elements/code/packages/elements/src/agent.tsx","sources/ai-elements/code/packages/examples/src/agent.tsx"],"commit":"ca8be600bfd01b3131f9bf6134b51602a71f4374","access":"Source saved","license":"Apache-2.0 (original repository license notice preserved)","review":"Sonnet-assisted static visual review; original demo captured; not runtime/accessibility audited","selectionType":"Visually reviewed original component","favorite":true,"discovered":"Category gap research → official creator documentation","added":"2026-10-20","preview":"media/references/ai-elements--agent.jpg","previewSource":"https://elements.ai-sdk.dev/components/agent","previewType":"Static capture of the published demo; source snapshot pinned separately","previewWidth":685,"previewHeight":525,"previewSha256":"a32998bb3a0aa6a4effeac09e98757a8825fe5324cd39565352344fbc70bae64","previewAnimated":false,"rawCapture":"evidence/elements-agent-full.jpg","captureBounds":{"left":289,"top":157,"right":982,"bottom":748},"emptyPaddingCrop":{"left":3,"top":3,"right":688,"bottom":528},"retrievedAt":"2026-10-20T06:40:03.546448+00:00"},{"id":"beui--agent-activity","name":"Agent Activity","collection":"beui","category":"Tools & execution","why":"A single adaptive disclosure handles reasoning, searches and tool events, then settles into a compact summary. This is a strong antidote to endless raw logs.","useFor":"Mixed activity streams in a conversation.","sourceFiles":["sources/beui/code/components/agents/agent-activity/activity-row.tsx","sources/beui/code/components/agents/agent-activity/index.tsx","sources/beui/code/components/agents/agent-activity/types.ts"],"website":"https://beui.dev/components/agents/agent-activity","repository":"https://github.com/starc007/ui-components","commit":"6b5a00a5687214be8fd12fb0b6a78678d4dc96e0","license":"MIT","access":"Source saved","review":"Source located + documentation","favorite":true,"discovered":"Independent research","added":"2026-10-20","preview":"media/screenshots/beui--agent-activity.jpg","previewType":"Screenshot of the creator’s published web demo","previewSource":"https://beui.dev/components/agents/agent-activity#mixed-activity","capturedAt":"2026-10-20T03:43:16.269Z","previewWidth":732,"previewHeight":466,"previewAnimated":false},{"id":"affectui--agent-steering","name":"Agent Steering","collection":"affectui","category":"Human control","why":"Queued steering and immediate interruption are distinct controls. The user can see when a note becomes part of the plan.","useFor":"Redirecting a running agent without losing the run.","sourceFiles":[],"website":"https://www.affectui.com/components/agent-steering","repository":"","commit":"cc799e7e438efcea8d484fa27932405ea60bff9a","license":"MIT","access":"Paid reference · no code","review":"Creator catalog + docs","favorite":true,"discovered":"X bookmarks","added":"2026-10-20","preview":"media/screenshots/affectui--agent-steering.jpg","previewType":"Screenshot of the creator’s published web demo","previewSource":"https://www.affectui.com/components/agent-steering","capturedAt":"2026-10-20T03:59:23.816Z","relatedLibraryRepository":"https://github.com/flohoeller/affectui","previewWidth":624,"previewHeight":510,"previewAnimated":false},{"id":"affectui--agent-tree","name":"Agent Tree","collection":"affectui","category":"Agent orchestration","why":"Connectors draw from the parent and cards move with the tree. Cost rolls up by branch; folded subtrees preserve the mental map. A standout from your bookmarks.","useFor":"Who delegated to whom; keep causal hierarchy distinct from elapsed time.","sourceFiles":[],"website":"https://www.affectui.com/components/agent-tree","repository":"","commit":"cc799e7e438efcea8d484fa27932405ea60bff9a","license":"MIT","access":"Paid reference · no code","review":"Live visual reviewed","favorite":true,"discovered":"X bookmarks","added":"2026-10-20","preview":"media/screenshots/affectui--agent-tree.jpg","previewType":"Screenshot of the creator’s published web demo","previewSource":"https://www.affectui.com/components/agent-tree","capturedAt":"2026-10-20T03:59:29.571Z","relatedLibraryRepository":"https://github.com/flohoeller/affectui","previewWidth":624,"previewHeight":670,"previewAnimated":false},{"id":"agent-prism--trace-viewer","name":"AgentPrism Trace Viewer","collection":"agent-prism","category":"Agent orchestration","why":"The strongest open-source operational reference in this batch: a hierarchy, duration bars and details pane make causal structure and latency inspectable together.","useFor":"Debugging real traces; the upstream marks its API alpha.","sourceFiles":["sources/agent-prism/code/packages/ui/src/components/TraceViewer/TraceViewer.tsx","sources/agent-prism/code/packages/ui/src/components/TraceViewer/TraceViewerDesktopLayout.tsx","sources/agent-prism/code/packages/ui/src/components/TraceViewer/TraceViewerMobileLayout.tsx","sources/agent-prism/code/packages/ui/src/components/TraceViewer/TraceViewerPlaceholder.tsx","sources/agent-prism/code/packages/ui/src/components/TraceViewer/TraceViewerSearchAndControls.tsx","sources/agent-prism/code/packages/ui/src/components/TraceViewer/TraceViewerTreeViewContainer.tsx"],"website":"https://agent-prism.evilmartians.io","repository":"https://github.com/evilmartians/agent-prism","commit":"4fd371b5e4f25acd04278e94a0d4b21e543eb42c","license":"MIT","access":"Source saved","review":"Live visual reviewed","favorite":true,"discovered":"Independent research","added":"2026-10-20","preview":"media/agent-prism--trace-viewer.jpg","previewType":"Frame from creator’s original repository recording","previewSource":"https://github.com/evilmartians/agent-prism/blob/4fd371b5e4f25acd04278e94a0d4b21e543eb42c/agentprism.mp4","previewWidth":1280,"previewHeight":720,"previewAnimated":false,"previewVideo":"media/recordings/agent-prism--trace-viewer.mp4","videoSource":"https://github.com/evilmartians/agent-prism/blob/4fd371b5e4f25acd04278e94a0d4b21e543eb42c/agentprism.mp4","videoType":"Unmodified original creator repository recording","videoMetadata":{"width":1280,"height":720,"duration":12.012},"videoSha256":"371f7202053abef5557175c88b25922903e1fc99b576a9a08bb4fa04f9b3cb4f","previewVideoSource":"https://github.com/evilmartians/agent-prism/blob/4fd371b5e4f25acd04278e94a0d4b21e543eb42c/agentprism.mp4"},{"preview":"media/references/agenttrace-ui--approval-medium-risk.png","previewSha256":"7b52153c2daaa67c12213d9b86a2ff16266bdd8e5ec688f3ed625f75dbb957f5","id":"agenttrace-ui--workspace","name":"Agenttrace reasoning and approval workspace","category":"Human control","why":"Step timeline with green done nodes, an amber paused node tagged NEEDS YOUR INPUT, a caution note, a key/value booking summary and Approve/Reject buttons.","favorite":true,"collection":"agenttrace-ui","sourceFiles":["sources/agenttrace-ui/code/src/AgentTrace.tsx","sources/agenttrace-ui/code/src/AgentTaskView.tsx","sources/agenttrace-ui/code/src/useAgentSteps.ts","sources/agenttrace-ui/code/src/index.ts","sources/agenttrace-ui/code/LICENSE"],"commit":"02b7a85eace5d918cc26bbb1ab5c2a8704182f4f","repository":"https://github.com/NikitaKharya09/agenttrace-ui","codeUrl":"https://github.com/NikitaKharya09/agenttrace-ui/blob/02b7a85eace5d918cc26bbb1ab5c2a8704182f4f/src/AgentTrace.tsx","added":"2026-10-20","previewAnimated":false,"discovered":"Original operational creator trails and Mohith Chrome X design search · voice-workflows review","selectionType":"Visually reviewed original reference","review":"Sonnet-assisted static visual review; original source attribution checked; not runtime/accessibility audited","useFor":"Study the exact original image and creator implementation; respect its license and access terms.","previewType":"Exact original creator image or screenshot crop of its published demo; no recreated rendering","creator":"Nikita Kharya","creatorUrl":"https://github.com/NikitaKharya09/agenttrace-ui","website":"https://agenttrace-ui-demo.vercel.app/","previewSource":"https://raw.githubusercontent.com/NikitaKharya09/agenttrace-ui/02b7a85eace5d918cc26bbb1ab5c2a8704182f4f/docs/images/approval-medium-risk.png","access":"Exact original source archived · MIT","license":"MIT · original LICENSE preserved","additionalOriginalImages":["media/references/agenttrace-ui--approval-high-risk.png","media/references/agenttrace-ui--compact-view.png","media/references/agenttrace-ui--graph-view.png","media/references/agenttrace-ui--timeline-view-expanded.png","media/references/agenttrace-ui--timeline-view.png"],"previewWidth":1149,"previewHeight":1036},{"id":"codrops--animated-displaced-sphere-with-custom-three-js-material","name":"Animated Displaced Sphere with Custom Three.js Material","collection":"codrops-creative","creator":"Pavel Mazhuga","creatorUrl":"https://tympanus.net/codrops/hub/author/pavel","category":"Shaders & materials","styleTags":["React Three Fiber","Three.js","WebGL"],"why":"Purple iridescent displaced sphere with glossy specular highlights","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Tutorials/DistortedSphereCustomMaterial","codeUrl":"https://github.com/pavel-mazhuga/codrops-tutorial-distorted-sphere-custom-material","repository":"https://github.com/pavel-mazhuga/codrops-tutorial-distorted-sphere-custom-material","sourceFiles":[],"commit":"","access":"Creator code page linked · HTTP 200; license/reuse terms not audited","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview selection; creator/demo/source links traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":true,"discovered":"X design-community research → Codrops Creative Hub · October 20 creator-depth review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2024/07/sphere.jpg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Jul 9, 2024","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T07:38:51.455636+00:00","preview":"media/references/codrops--animated-displaced-sphere-with-custom-three-js-material.jpg","previewWidth":800,"previewHeight":600,"previewSha256":"817c0873b0783e306dbfbf90d7d2fbf0181fe894df8cc334e16bb3ed9b1fd8e6","previewAnimated":false,"sourcePageCheck":{"status":200,"resolvedUrl":"https://github.com/pavel-mazhuga/codrops-tutorial-distorted-sphere-custom-material","checkedAt":"2026-10-20T07:40:43.279346+00:00"}},{"id":"beui--approval-card","name":"Approval Card","collection":"beui","category":"Human control","why":"A decision can be single choice, multiple choice, free text or a multi-step review; the submitted outcome collapses into history.","useFor":"Approvals and clarifications that remain understandable after submission.","sourceFiles":["sources/beui/code/components/agents/approval-card/index.tsx","sources/beui/code/components/agents/approval-card/types.ts"],"website":"https://beui.dev/components/agents/approval-card","repository":"https://github.com/starc007/ui-components","commit":"6b5a00a5687214be8fd12fb0b6a78678d4dc96e0","license":"MIT","access":"Source saved","review":"Live visual reviewed","favorite":true,"discovered":"Independent research","added":"2026-10-20","preview":"media/screenshots/beui--approval-card-v2.jpg","previewType":"Screenshot of the creator’s published Review and Approve demo","previewSource":"https://beui.dev/components/agents/approval-card","capturedAt":"2026-10-20T05:06:18.209901+00:00","captureWidth":752,"captureHeight":550,"captureX":304,"captureY":221,"rawCapture":"evidence/full-beui--approval-card-v2.jpg","captureBounds":{"x":280,"y":198,"width":717,"height":440},"previewWidth":717,"previewHeight":440,"previewAnimated":false},{"id":"approvals-ui--workflow-canvas","name":"Approval policy canvas","collection":"approvals-ui","creator":"Dylan Mérigaud","category":"Human control","why":"The original policy graph exposes amount thresholds, a two-of-three quorum, an unassigned seat and an SLA together. A plain-language editing panel stays beside the approval structure.","useFor":"Inspect the original creator’s component and public implementation before adoption.","website":"https://approvals-ui.vercel.app/","codeUrl":"https://github.com/DylanMerigaud/approvals-ui/blob/5e1ce2fda8c16d4cbff94a4d55767d6dcfef6f37/components/approvals-ui/workflow-canvas.tsx","repository":"https://github.com/DylanMerigaud/approvals-ui","sourceFiles":[],"commit":"5e1ce2fda8c16d4cbff94a4d55767d6dcfef6f37","access":"Public GitHub source linked · component code not archived","license":"MIT (original repository license notice saved under references/licenses)","review":"Exact live showcase visually reviewed and captured; component path and MIT license verified at pinned commit; not runtime-tested","selectionType":"Visually reviewed original component","favorite":true,"discovered":"Category gap research → creator GitHub README → original live showcase","added":"2026-10-20","preview":"media/references/approvals-ui--workflow-canvas.jpg","previewSource":"https://approvals-ui.vercel.app/","previewType":"Screenshot of the creator’s exact live component showcase","previewWidth":962,"previewHeight":705,"previewSha256":"350a586e75f36936fa2afe843f312c4e94406ff9e9e0b207490922e210e37b14","previewAnimated":false,"rawCapture":"evidence/full-approvals-workflow-v2.jpg","captureBounds":{"left":22,"top":34,"right":984,"bottom":739},"licenseSource":"https://raw.githubusercontent.com/DylanMerigaud/approvals-ui/5e1ce2fda8c16d4cbff94a4d55767d6dcfef6f37/LICENSE","licenseSha256":"6fa065b0bf910e20f7da89af8ae1dde0b630005ef4682db68dc4abd63fff139a","retrievedAt":"2026-10-20T06:00:14.187462+00:00"},{"id":"codrops--atelier-north","name":"Atelier North","collection":"codrops-creative","creator":"Kaisei Sadatoki","creatorUrl":"https://tympanus.net/codrops/hub/author/kaiseisadatoki","category":"Full websites & portfolios","styleTags":["astro","gsap","template"],"why":"Flat cream editorial layout with a condensed blue display wordmark, tiny monospace metadata and a hairline-ruled info grid; a confident non-dark typographic system.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://atelier-north.crnacura.workers.dev/","codeUrl":"https://github.com/codrops/atelier-north","repository":"https://github.com/codrops/atelier-north","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Contact-sheet preview reviewed with Sonnet 5.5 Medium; original publisher links traced; not runtime-tested","selectionType":"Preview-reviewed design reference","favorite":true,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/10/AtelierNorth_cover-768x576.jpg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Oct 9, 2026","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:23:38.056369+00:00","preview":"media/references/codrops--atelier-north.jpg","previewWidth":768,"previewHeight":576,"previewSha256":"af64904e406be201fba5d41e0c1ef95d88714699e5d4a48a70f064c5e5dbc0f3","previewAnimated":false},{"id":"codrops--atmospheric-depth-gallery","name":"Atmospheric Depth Gallery","collection":"codrops-creative","creator":"Houmahani Kane","creatorUrl":"https://tympanus.net/codrops/hub/author/houmahanikane","category":"Galleries & transitions","styleTags":["3d","scroll","three.js","webgl"],"why":"Gradient dusk scene with a single framed bloom and small mono data labels; depth layering plus a quiet HUD-like caption system.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Tutorials/DepthGallery/","codeUrl":"https://github.com/houmahani/codrops-depth-gallery/","repository":"https://github.com/houmahani/codrops-depth-gallery/","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Contact-sheet preview reviewed with Sonnet 5.5 Medium; original publisher links traced; not runtime-tested","selectionType":"Preview-reviewed design reference","favorite":true,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/03/depthscroll_featured-768x576.webp","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Mar 9, 2026","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:23:38.056369+00:00","preview":"media/references/codrops--atmospheric-depth-gallery.webp","previewWidth":768,"previewHeight":576,"previewSha256":"93a026191d1d6a3c3efd416caf71e66e836b509c283ccb6c1bd61baab24b2dd9","previewAnimated":false},{"id":"codrops--balloon-button","name":"Balloon Button","collection":"codrops-creative","creator":"Joshua Guo","creatorUrl":"https://tympanus.net/codrops/hub/author/joshuaguo","category":"Shaders & materials","styleTags":["3d","button","react three fiber","three.js","webgl"],"why":"Glossy inflated red pill button with 'Get started' embossed on a dark plum ground; tactile material applied to a primary CTA.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Tutorials/BalloonButton","codeUrl":"https://github.com/codrops/BalloonButton","repository":"https://github.com/codrops/BalloonButton","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited","selectionType":"Preview-reviewed original design reference","favorite":true,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/08/clothpillow-768x576.jpeg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Aug 20, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:54:42.821988+00:00","preview":"media/references/codrops--balloon-button.jpg","previewWidth":768,"previewHeight":576,"previewSha256":"ad420970230d4fe1bc6b3d8f5ea9a550c22a318ae23de85432e3f08462b657d3","previewAnimated":false},{"id":"beautiful-ui--diff-table","preview":"media/references/beautiful-ui--diff-table.png","previewSha256":"d046d0ceb6b390b465760d97a907f81910107275e0b73debd13ae919ae84a638","cropBox":[345,102,945,542],"name":"Beautiful UI Diff Table","collection":"beautiful-ui","category":"Artifacts & evidence","why":"Proposed-edits table with red removed rows, green added row, checkboxes and Apply 3 changes button.","favorite":true,"useFor":"Inspect the exact original preview and pinned creator code; reuse is governed by the original license and dependencies.","added":"2026-10-20","discovered":"Agents Kit upstream provenance → original creator website and repository · October 20 creator-depth review","selectionType":"Visually reviewed original reference","previewAnimated":false,"previewType":"Exact static screenshot crop of the creator’s published demo; no recreated rendering","review":"Sonnet-assisted static visual review, with full-image follow-up on six candidates; not runtime/accessibility audited","sourceFiles":["sources/beautiful-ui/code/components/primitives/DiffTable.tsx","sources/beautiful-ui/code/app/globals.css","sources/beautiful-ui/code/LICENSE"],"creator":"Shane Levine · Turbo","creatorUrl":"https://turbodesign.co/","website":"https://www.beautifului.dev/#diff-table","previewSource":"https://www.beautifului.dev/#diff-table","repository":"https://github.com/slev12397/beautiful-ui","commit":"44a274e598395ab61e7c96c26fda2758780253b7","codeUrl":"https://github.com/slev12397/beautiful-ui/blob/44a274e598395ab61e7c96c26fda2758780253b7/components/primitives/DiffTable.tsx","license":"MIT · copyright 2026 Shane Levine; original LICENSE archived","access":"Exact original component source archived · MIT","dependencyNote":"Original README: SidebarNav requires commercial @central-icons-react. MIT component source does not include a free license to that icon package. Shared theme/build dependencies remain as upstream specifies.","previewWidth":600,"previewHeight":440},{"id":"beautiful-ui--flowchart","preview":"media/references/beautiful-ui--flowchart.png","previewSha256":"40f5e97567109f7ca1a759f280fe1a77a9f4a570cffe5b3019f54b221345087b","cropBox":[345,102,945,459],"name":"Beautiful UI Flowchart","collection":"beautiful-ui","category":"Agent orchestration","why":"Dotted-canvas workflow with purple Trigger node and nested If/Else condition chips; legible and distinctive node graph.","favorite":true,"useFor":"Inspect the exact original preview and pinned creator code; reuse is governed by the original license and dependencies.","added":"2026-10-20","discovered":"Agents Kit upstream provenance → original creator website and repository · October 20 creator-depth review","selectionType":"Visually reviewed original reference","previewAnimated":false,"previewType":"Exact static screenshot crop of the creator’s published demo; no recreated rendering","review":"Sonnet-assisted static visual review, with full-image follow-up on six candidates; not runtime/accessibility audited","sourceFiles":["sources/beautiful-ui/code/components/primitives/Flowchart.tsx","sources/beautiful-ui/code/app/globals.css","sources/beautiful-ui/code/LICENSE"],"creator":"Shane Levine · Turbo","creatorUrl":"https://turbodesign.co/","website":"https://www.beautifului.dev/#flowchart","previewSource":"https://www.beautifului.dev/#flowchart","repository":"https://github.com/slev12397/beautiful-ui","commit":"44a274e598395ab61e7c96c26fda2758780253b7","codeUrl":"https://github.com/slev12397/beautiful-ui/blob/44a274e598395ab61e7c96c26fda2758780253b7/components/primitives/Flowchart.tsx","license":"MIT · copyright 2026 Shane Levine; original LICENSE archived","access":"Exact original component source archived · MIT","dependencyNote":"Original README: SidebarNav requires commercial @central-icons-react. MIT component source does not include a free license to that icon package. Shared theme/build dependencies remain as upstream specifies.","previewWidth":600,"previewHeight":357},{"id":"beautiful-ui--prompt-bar","preview":"media/references/beautiful-ui--prompt-bar.png","previewSha256":"e0d4a8e36b48d5a8f8864cb4bcd784b164439572f4435e07d40766fa289c2df7","cropBox":[345,102,945,504],"name":"Beautiful UI Prompt Bar","collection":"beautiful-ui","category":"Intent & input","why":"Composer with source menu (Figma, Slack, Gmail icons, Connected state), model picker, mic and send; rich and readable.","favorite":true,"useFor":"Inspect the exact original preview and pinned creator code; reuse is governed by the original license and dependencies.","added":"2026-10-20","discovered":"Agents Kit upstream provenance → original creator website and repository · October 20 creator-depth review","selectionType":"Visually reviewed original reference","previewAnimated":false,"previewType":"Exact static screenshot crop of the creator’s published demo; no recreated rendering","review":"Sonnet-assisted static visual review, with full-image follow-up on six candidates; not runtime/accessibility audited","sourceFiles":["sources/beautiful-ui/code/components/primitives/PromptBar.tsx","sources/beautiful-ui/code/app/globals.css","sources/beautiful-ui/code/LICENSE"],"creator":"Shane Levine · Turbo","creatorUrl":"https://turbodesign.co/","website":"https://www.beautifului.dev/#prompt-bar","previewSource":"https://www.beautifului.dev/#prompt-bar","repository":"https://github.com/slev12397/beautiful-ui","commit":"44a274e598395ab61e7c96c26fda2758780253b7","codeUrl":"https://github.com/slev12397/beautiful-ui/blob/44a274e598395ab61e7c96c26fda2758780253b7/components/primitives/PromptBar.tsx","license":"MIT · copyright 2026 Shane Levine; original LICENSE archived","access":"Exact original component source archived · MIT","dependencyNote":"Original README: SidebarNav requires commercial @central-icons-react. MIT component source does not include a free license to that icon package. Shared theme/build dependencies remain as upstream specifies.","previewWidth":600,"previewHeight":402},{"id":"beautiful-ui--tool-chips","preview":"media/references/beautiful-ui--tool-chips.png","previewSha256":"23e642c271c33e5cab9d8bdb78479a2a6e34b4047a628427bc80150a93f5092b","cropBox":[345,102,945,474],"name":"Beautiful UI Tool Chips","collection":"beautiful-ui","category":"Tools & execution","why":"Thinking/Write/Run/Read rows as mono-labelled chips plus file diff +/- badges; compact tool-call log.","favorite":true,"useFor":"Inspect the exact original preview and pinned creator code; reuse is governed by the original license and dependencies.","added":"2026-10-20","discovered":"Agents Kit upstream provenance → original creator website and repository · October 20 creator-depth review","selectionType":"Visually reviewed original reference","previewAnimated":false,"previewType":"Exact static screenshot crop of the creator’s published demo; no recreated rendering","review":"Sonnet-assisted static visual review, with full-image follow-up on six candidates; not runtime/accessibility audited","sourceFiles":["sources/beautiful-ui/code/components/primitives/ToolChips.tsx","sources/beautiful-ui/code/app/globals.css","sources/beautiful-ui/code/LICENSE"],"creator":"Shane Levine · Turbo","creatorUrl":"https://turbodesign.co/","website":"https://www.beautifului.dev/#tool-chips","previewSource":"https://www.beautifului.dev/#tool-chips","repository":"https://github.com/slev12397/beautiful-ui","commit":"44a274e598395ab61e7c96c26fda2758780253b7","codeUrl":"https://github.com/slev12397/beautiful-ui/blob/44a274e598395ab61e7c96c26fda2758780253b7/components/primitives/ToolChips.tsx","license":"MIT · copyright 2026 Shane Levine; original LICENSE archived","access":"Exact original component source archived · MIT","dependencyNote":"Original README: SidebarNav requires commercial @central-icons-react. MIT component source does not include a free license to that icon package. Shared theme/build dependencies remain as upstream specifies.","previewWidth":600,"previewHeight":372},{"collection":"bespoke-original","creator":"Ryan Challinor / Bespoke contributors","creatorUrl":"https://www.bespokesynth.com","repository":"https://github.com/BespokeSynth/BespokeSynth","commit":"e4e1342f08f823d7320b9c31cdae488ee8780e7c","website":"https://github.com/BespokeSynth/BespokeSynth/blob/e4e1342f08f823d7320b9c31cdae488ee8780e7c/README.md","platform":"Native C++ · modular synthesizer","license":"GPL-3.0; original source headers may permit v3 or later. Third-party plug-ins, samples, fonts and other assets have separate rights. Root/source notices preserved.","id":"bespoke-workspace","name":"Bespoke · modular instrument workspace","category":"Creative controls & effects","why":"A full-size modular canvas with colour-coded module families: pink drum step grids, yellow pulsers, teal EQ and effect chain, and a purple fubble shape module. Thick tan cables carry pulses between them. An EQ spectrum trace, piano-key strips and a top category dropdown bar sit alongside the modules. The patch is dense but readable, and colour alone separates instrument, pulse and effect roles.","favorite":true,"codeUrl":"https://github.com/BespokeSynth/BespokeSynth/blob/e4e1342f08f823d7320b9c31cdae488ee8780e7c/Source/ModularSynth.cpp","sourceFiles":[],"access":"Public original source · exact licenses below; external services, add-ons and dependency access separate; not executed","review":"Sonnet5.5 Medium full-image visual review and researcher source/provenance checks; not runtime, motion, accessibility or complete dependency-license audited","useFor":"Study the exact original interface image and follow the original implementation under its stated license.","selectionType":"Individually visually reviewed original reference","discovered":"Original spatial and instrument interfaces · spatial-instruments review","added":"2026-10-20","preview":"media/references/spatial-instruments--bespoke-workspace.png","previewSha256":"f5cf1d3592b358eda6cc06ee43ee6702ab9ba26f792cf5b115f8dd7f00845b50","previewSource":"https://raw.githubusercontent.com/BespokeSynth/BespokeSynth/e4e1342f08f823d7320b9c31cdae488ee8780e7c/screenshot-1.png","previewAnimated":false,"previewType":"Exact unmodified original creator static image","previewWidth":2125,"previewHeight":1374,"sourceResolution":"references/spatial-instruments-final-source-evidence.json","sourcePinNote":"Exact creator README image verified against Git blob and SHA256. Original modular workspace source is pinned; the many visible modules do not become separate counts. Screenshot-build equality and bundled third-party plug-in entitlement are not claimed."},{"name":"Blockbench · model / UV / transform workspace","collection":"blockbench-original","creator":"Jannis Petersen / Blockbench contributors","creatorUrl":"https://www.blockbench.net/","repository":"https://github.com/JannisX11/blockbench","commit":"ec0b2827104d0799c153bfb5f867579c0c44652f","codeUrl":"https://github.com/JannisX11/blockbench/blob/ec0b2827104d0799c153bfb5f867579c0c44652f/js/modeling/transform/transform_gizmo.js","platform":"Web / Electron · original JavaScript / TypeScript model editor","access":"Original public source · GPLv3; assets and plugins/themes have separate rights","license":"GPLv3 per original LICENSE.MD and README. Plugins/themes interacting with the API may be separately open, proprietary or paid under the stated exception. Root source license is not a blanket grant for model/photo/texture artwork. Original screenshot and source pins are independent; no exact build match claimed.","id":"blockbench-model-workspace","category":"Spatial & motion","why":"Full 3D editor layout: UV pane and texture list on the left, a viewport with a rotation gizmo ring around a selected claw and an axis widget, and on the right numeric Transform fields (position, size, pivot, rotation) above a nested Outliner tree. Edit/Paint/Animate mode switch top right and keyboard-modifier hints in the status bar.","favorite":true,"website":"https://github.com/JannisX11/blockbench/blob/ec0b2827104d0799c153bfb5f867579c0c44652f/content/news.json","sourceFiles":[],"review":"Sonnet5.5 Medium full-image visual review and researcher original-source/access/duplicate checks; static-only, no runtime/motion/accessibility/full dependency-license audit","useFor":"Study exact original spatial/authoring control organization and follow primary creator/source under its terms.","selectionType":"Individually visually reviewed original reference","discovered":"Original spatial and expressive control interfaces · spatial-craft pass","added":"2026-10-20","preview":"media/references/spatial-craft--blockbench-front_page_app.png","previewSha256":"4ab0c64a8b6c7273c81816c17da66f67c5e8579c906dbf199ecbb4fd1c7082d4","previewSource":"https://raw.githubusercontent.com/JannisX11/blockbench/ec0b2827104d0799c153bfb5f867579c0c44652f/content/front_page_app.png","previewAnimated":false,"previewType":"Exact unmodified original creator static image","previewWidth":2396,"previewHeight":1386,"sourceResolution":"references/spatial-craft-source-resolution.json","sourcePinNote":"Exact original image bytes unchanged. Code/source pin is independent of screenshot revision; no screenshot-build equivalence asserted. Partial license/source evidence is not a new complete archive. No generated/upscaled media or creator code execution."},{"preview":"media/references/boardui--agent-creator.png","previewSha256":"16ac082ed866cda789357ca461acc85802b1a420da96da4d60977534d1066247","id":"boardui--agent-creator","name":"BoardUI Agent Creator","category":"Creative controls & effects","why":"Playful avatar builder: big cloud mascot ringed by expression faces, shape row, color swatch strip, then name/label/description fields.","favorite":true,"collection":"boardui-pro","sourceFiles":[],"commit":"","repository":"","codeUrl":"https://www.boardui.com/components/agent-creator#installation","added":"2026-10-20","previewAnimated":false,"discovered":"Original operational creator trails and Mohith Chrome X design search · voice-workflows review","selectionType":"Visually reviewed original reference","review":"Sonnet-assisted static visual review; original source attribution checked; not runtime/accessibility audited","useFor":"Study the exact original image and creator implementation; respect its license and access terms.","previewType":"Exact original creator image or screenshot crop of its published demo; no recreated rendering","creator":"BoardUI","creatorUrl":"https://www.boardui.com/","website":"https://www.boardui.com/components/agent-creator","previewSource":"https://www.boardui.com/components/agent-creator","access":"Paid · BoardUI Pro component/template; exact source not purchased or downloaded","license":"BoardUI Pro commercial license. Public MIT BoardUI repository contains free components and is not the source of this Pro reference.","previewWidth":338,"previewHeight":743},{"id":"codrops--botanigram","name":"Botanigram","collection":"codrops-creative","creator":"Amanda Ghassaei","creatorUrl":"https://tympanus.net/codrops/hub/author/amanda_ghassaei","category":"Creative controls & effects","styleTags":["simulation","spiral","Three.js","WebGL"],"why":"A blue crosshair places a rotation center on the image beside angle, center and frame-rate fields, reverse-spin and play controls; a concrete visual-to-numeric editing interface. The saved image is static, with no player embedded.","useFor":"Study the original image and linked creator source; respect its license and access terms.","website":"https://apps.amandaghassaei.com/botanigram/","codeUrl":"https://github.com/amandaghassaei/botanigram/tree/c2e30fa18ea0df2da5ac1e44abf8b1f7566423f0","repository":"https://github.com/amandaghassaei/botanigram","sourceFiles":[],"commit":"c2e30fa18ea0df2da5ac1e44abf8b1f7566423f0","access":"Original code linked and revision pinned · not archived; root MIT","license":"Original repository MIT; root license checked where present. Assets and dependency terms not fully audited.","review":"Sonnet 5.5 Medium static visual review and researcher source/provenance checks; not runtime, accessibility or full dependency-license audited","selectionType":"Visually reviewed original reference","favorite":true,"discovered":"Original input and spatial creator trails · input-spatial review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/10/Screenshot-2025-10-21-at-08.44.05.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Oct 21, 2022","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T08:26:33.379151+00:00","preview":"media/references/codrops--botanigram.png","previewWidth":1600,"previewHeight":1202,"previewSha256":"28063c5b0066827a9a6a98dd49cdaa158d43e426fdb71ca499e0cc120572a317","previewAnimated":false,"sourcePageCheck":{"status":200,"resolvedUrl":"https://github.com/amandaghassaei/botanigram","checkedAt":"2026-10-20T08:29:14.240915+00:00"},"observedOriginalCodeUrl":"https://github.com/amandaghassaei/botanigram","sourcePinNote":"Current public original source pinned; screenshot build revision is not claimed.","sourceLicenseEvidence":"references/source-license-evidence/amandaghassaei--botanigram/LICENSE"},{"id":"cables-original--patch-editor","name":"cables visual patch editor","category":"Creative controls & effects","why":"Node-graph workspace showing a full post-processing chain: RelativeTime, Multiply, Renderer, Sequence, Render2Texture, PointLight, PhantomMaterial, Blur, ImageCompose, DrawImage, Noise and ChromaticAberration. Large stage labels (1-make cubes, 2-blur pass, 3-post process, 4 render) group the nodes, and colour-coded ports with link curves are visible. It is a legible full-resolution original. The second image (patch-editor-2) is only a rendered cube scene with no interface, so it is not the preview.","favorite":true,"collection":"cables-original","creator":"undefined development / cables","creatorUrl":"https://cables.gl","website":"https://cables.gl/docs/docs","repository":"https://github.com/cables-gl/cables_ui","commit":"ebf6b3a65eea1fc678abe474b39c6413356544e8","codeUrl":"https://github.com/cables-gl/cables_ui/blob/ebf6b3a65eea1fc678abe474b39c6413356544e8/src/ui/components/patchview.js","sourceFiles":[],"platform":"Web / desktop Electron","access":"Public MIT editor source · linked original source, not a complete archived component; model/scene/dependency terms separate","license":"MIT, Copyright (c) 2019-present undefined development. Original LICENCE retained. Separate asset/dependency terms not exhaustively audited.","review":"Sonnet 5.5 Medium full-image visual review and researcher provenance checks; no runtime/motion/accessibility audit","useFor":"Study the exact original creator image and pinned editor source.","selectionType":"Individually visually reviewed original reference","discovered":"Original cables documentation and pinned source · voice-trace spatial follow-up review","added":"2026-10-20","preview":"media/references/cables-original--patch-editor-1.png","previewSha256":"9f9feaabd00fcf7090d3c95f78fc92b0dd30cbb7593805915e80005b58257e42","previewSource":"https://raw.githubusercontent.com/cables-gl/cables_docs/4cf9640a79761d3c90956f06f12a24d8974dc8d1/md/2_intermediate/post-processing_3d_scenes/img/a_general_layout_full_patch.png","previewAnimated":false,"previewType":"Exact unmodified original creator-published static image","sourceResolution":"references/cables-followup-source-evidence.json","sourcePinNote":"Original documentation image pinned at 4cf9640a79761d3c90956f06f12a24d8974dc8d1. Current UI implementation is pinned separately; not an exact screenshot-build match. Four source/notice files are provenance evidence, not a complete component archive.","previewWidth":1351,"previewHeight":782},{"id":"careless-whisper--voice-hud","name":"Careless Whisper terminal-aware voice HUD","category":"Voice & presence","why":"Floating translucent 'Recording 0:14' panel pinned over a terminal session: red record dot and timer, repo/branch header, grouped Branch/Staged/Changes file lists with colour-coded M/A markers, and inline red/green diff previews. It shows how a dictation overlay can carry real working context without hiding the terminal.","favorite":true,"collection":"careless-whisper","creator":"Tesseric","creatorUrl":"https://github.com/Tesseric","website":"https://github.com/Tesseric/careless-whisper","repository":"https://github.com/Tesseric/careless-whisper","commit":"eb1ce8688a52d0130a5fa8c7c48f0e9d4803163f","codeUrl":"https://github.com/Tesseric/careless-whisper/blob/eb1ce8688a52d0130a5fa8c7c48f0e9d4803163f/Sources/CarelessWhisper/UI/RecordingOverlay.swift","sourceFiles":[],"access":"Original public source linked and pinned · selected renderer bytes checked; not a complete archived component package","license":"MIT · original notice preserved; native macOS Swift, not React Native; dependency terms not fully audited","useFor":"Inspect the exact original image and pinned creator source. Follow upstream access and license terms.","review":"Sonnet 5.5 Medium full-image visual review and researcher provenance/source checks; not runtime-tested, not an accessibility audit","sourcePinNote":"Pinned original source path, not a claim of exact screenshot-build revision.","sourceResolution":"references/voice-input-source-resolution.json","selectionType":"Individually visually reviewed original interface","discovered":"Primary voice repository and native author discovery · voice-input review","added":"2026-10-20","preview":"media/references/careless-whisper--voice-hud-2.png","previewSource":"https://raw.githubusercontent.com/Tesseric/careless-whisper/eb1ce8688a52d0130a5fa8c7c48f0e9d4803163f/assets/overlay.png","previewSha256":"e05886a6ff56544f34aa036af04ace6dfd1f22351c62efa9e249919921191496","previewAnimated":false,"previewType":"Exact original creator-published static repository screenshot; original bytes preserved","additionalOriginalImages":["media/references/careless-whisper--voice-hud-1.png"],"platform":"macOS · Swift / SwiftUI","previewWidth":3456,"previewHeight":2234},{"name":"Cavalry · animation graph editor","collection":"cavalry-original","creator":"Cavalry / Scene Group","creatorUrl":"https://cavalry.studio/","repository":"","commit":"","platform":"Native macOS / Windows ·2D motion editor","access":"Demo reference · original editor screenshot; implementation source not established; feature/plan entitlement unverified","license":"No public application implementation or code-reuse grant established in inspected official docs. Product/download access and component source availability are separate; no SDK/docs code substituted.","id":"cavalry-graph-editor","category":"Spatial & motion","why":"Real, legible Graph Editor at full resolution. It has a layer tree with per-property values and keyframe diamonds, colour-coded curves with handles, a Time/Graph Editor toggle and a keyframe-layer footer. It is the strongest motion-editing UI here.","favorite":true,"website":"https://cavalry.studio/docs/user-interface/menus/window-menu/scene-window/graph-editor/","codeUrl":"","sourceFiles":[],"review":"Sonnet5.5 Medium full-image visual review and researcher provenance/source checks; not runtime, motion, accessibility or complete dependency-license audited","useFor":"Study the exact original static interface image and follow the creator's original source/site under its terms.","selectionType":"Individually visually reviewed original reference","discovered":"Original spatial and motion-authoring controls · motion-controls review","added":"2026-10-20","preview":"media/references/motion-controls--cavalry-graph-0.png","previewSha256":"a55daff5d3e30ad32c42e1d27af75183bb49cd38a3613158fd766f5fbd1feb14","previewSource":"https://cavalry.studio/docs/assets/images/graphEditor-21616ddd10e8a4ffeef43fb852e95bd0.png","previewAnimated":false,"previewType":"Exact unmodified original creator static image","previewWidth":2240,"previewHeight":930,"sourceResolution":"references/motion-controls-source-resolution.json","sourcePinNote":"Original static bytes preserved without generated replacement or upscale. Public image and inspected source revisions are separately pinned; exact screenshot-build equality not claimed. Selected source/notice files are partial provenance, not complete component archives."},{"sourceFiles":[],"platform":"Web · Three.js / WebGPU / WebGL","added":"2026-10-20","previewAnimated":false,"useFor":"Inspect the exact original still and creator source. Example code and included asset terms are separate.","review":"Sonnet 5.5 Medium full-image static visual review plus original source/credit checks; no code execution, runtime, motion or accessibility audit","sourcePinNote":"Creator’s original source/image pinned; not the adapted Three.js demo. No screenshot-build revision is claimed.","selectionType":"Individually visually reviewed original spatial/material reference","discovered":"Official spatial source examples followed to original creators · spatial-operational three-spatial review","id":"christophe-choffel--linked-particles","name":"Christophe Choffel linked particles","category":"Shaders & materials","why":"Hot pink, magenta and yellow points connect into glowing constellation-like clusters over a dim hexagonal ground. Bloom halos and color-shifted links remain clear in the original840×468 image, with the creator’s link, turbulence and bloom controls visible.","favorite":true,"collection":"christophe-choffel","creator":"Christophe Choffel · ULuIQ12","creatorUrl":"https://ulucode.com/","website":"https://ulucode.com/random/webgputests/linked/","repository":"https://github.com/ULuIQ12/webgpu-tsl-linkedparticles","commit":"ed7c7df23846b7c331eaa15487925be3082a546c","codeUrl":"https://github.com/ULuIQ12/webgpu-tsl-linkedparticles/blob/ed7c7df23846b7c331eaa15487925be3082a546c/src/lib/elements/LinkedParticles.ts","access":"Original MIT creator source linked and pinned · selected source/license bytes verified; no complete archived package","license":"MIT · copyright Christophe Choffel2024; original LICENSE preserved; dependency/asset terms remain separate","preview":"media/references/original-linked-particles.jpg","previewSource":"https://raw.githubusercontent.com/ULuIQ12/webgpu-tsl-linkedparticles/ed7c7df23846b7c331eaa15487925be3082a546c/readme/github-header.jpg","previewSha256":"fe98db26202495d673c801e9d630c899af484ca9f019ad2de164d77af40aeb2a","previewWidth":840,"previewHeight":468,"previewType":"Exact original creator-published GitHub README image; unchanged840×468 pixels","sourceResolution":"references/original-linked-particles-source-resolution.json"},{"id":"aceternity--cloud-shader","name":"Cloud Shader","collection":"aceternity","creator":"Aceternity UI · Manu Arora","category":"Typography & effects","why":"A restrained atmospheric scene frames a product surface without overwhelming its hierarchy. A distinctive reference for a spatial or ambient agent workspace.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://ui.aceternity.com/components/cloud-shader","codeUrl":"https://ui.aceternity.com/components/cloud-shader","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Original preview visually reviewed; source linked; implementation not runtime-tested","selectionType":"Visual shortlist","favorite":true,"discovered":"Reddit library leads → original Aceternity component catalog","added":"2026-10-20","previewSource":"https://assets.aceternity.com/components/cloud-shader.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","preview":"media/references/aceternity--cloud-shader.webp","previewWidth":2200,"previewHeight":1272,"previewSha256":"9b1e0e63a7a4f7b0ebbef8f3d09e1ce8be12cf56b72f1ef55f8e03106260e9b1","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","qualityReview":"references/older-expressive-quality-curation.json"},{"sourceFiles":[],"review":"Sonnet 5.5 Medium full-image visual review plus researcher original-source/provenance checks; no runtime, accessibility, motion or complete dependency-license audit","useFor":"Study the original creator design and follow the primary links under the stated access/license terms.","selectionType":"Individually visually reviewed original reference","discovered":"Original designer posts and primary creative-tool repositories · designer-tools review","added":"2026-10-20","previewAnimated":false,"previewType":"Exact unmodified original creator static image","id":"copilot-claude-managed-agents","name":"CopilotKit · inline growth controls","category":"Dashboards & data","why":"Clean inline chart card under a 'Thought for 1 seconds' line: three labelled stat columns (Projected Value $260,463 blue, You Put In $120,000 green, Growth $140,463), a filled area chart with direct end labels Value/Contributed, and two labelled sliders (Monthly contribution, Annual return) below. Text and axis labels are crisp and readable; the direct-labelled chart plus controls in one card is a strong reference.","favorite":true,"preview":"media/references/copilot-original--copilot-claude-managed-agents--demo.png","previewSha256":"bcbc631dfc6f1558c673ecd1de8c2bc154d968869560498680bbc40a9d71c6ce","previewSource":"https://github.com/CopilotKit/CopilotKit/raw/49c7f17f0ebdb0fc68554cac6c20a80567619a86/examples/showcases/claude-managed-agents/demo.png","previewWidth":960,"previewHeight":640,"website":"https://github.com/CopilotKit/CopilotKit/blob/49c7f17f0ebdb0fc68554cac6c20a80567619a86/examples/showcases/claude-managed-agents/demo.png","collection":"copilotkit-original","creator":"CopilotKit","creatorUrl":"https://github.com/CopilotKit","repository":"https://github.com/CopilotKit/CopilotKit","commit":"49c7f17f0ebdb0fc68554cac6c20a80567619a86","codeUrl":"https://github.com/CopilotKit/CopilotKit/blob/49c7f17f0ebdb0fc68554cac6c20a80567619a86/examples/showcases/claude-managed-agents/web/src/viz/GrowthProjection.tsx","platform":"Web · React","access":"Public original source · provider keys/services and hosted entitlements separate; not executed","license":"MIT, copyright Atai Barkai; original notice preserved. Third-party services/assets have separate terms.","sourceResolution":"references/copilot-original-source-evidence.json","sourcePinNote":"Original static image resolved via the actual Raw anchor on the creator GitHub file page; Git LFS SHA256 verified. Selected renderer/notice files are provenance evidence, not complete component archives. Screenshot-build match and backend entitlements are not claimed."},{"id":"codrops--custom-curved-corner-scrollbars","name":"Custom curved corner scrollbars","collection":"codrops-creative","creator":"Chris Bolson","creatorUrl":"https://tympanus.net/codrops/hub/author/chris_bolson","category":"Galleries & transitions","styleTags":["scroll","scrollbar","svg"],"why":"Cream long-form text page with a custom curved-corner scrollbar wrapping the panel; a small, genuinely novel control detail.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://codepen.io/cbolson/full/vELrOPz","codeUrl":"https://codepen.io/cbolson/full/vELrOPz","repository":"","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Contact-sheet preview reviewed with Sonnet 5.5 Medium; original publisher links traced; not runtime-tested","selectionType":"Preview-reviewed design reference","favorite":true,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/10/Screenshot-2025-10-28-at-05.47.39-768x577.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Oct 25, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:23:38.056369+00:00","preview":"media/references/codrops--custom-curved-corner-scrollbars.png","previewWidth":768,"previewHeight":577,"previewSha256":"b1c2824967f0887cdb926de04215609cdf2e4dd4a9952eb9cb7397ab5e2f3c9f","previewAnimated":false},{"id":"codrops--custom-menu-with-gsap","name":"Custom Menu with GSAP","collection":"codrops-creative","creator":"Osmo","creatorUrl":"https://tympanus.net/codrops/hub/author/osmo","category":"Navigation & search","styleTags":["GSAP","menu"],"why":"Right-hand slide-in panel with huge condensed caps links, red index numerals, a Close label and a socials row.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://codepen.io/osmosupply/full/JoPPOXj","codeUrl":"https://codepen.io/osmosupply/pen/JoPPOXj","repository":"","sourceFiles":[],"commit":"","access":"Creator code linked · access unverified (source response recorded)","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview review; original demo/source attribution traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":true,"discovered":"X design-community research → Codrops Creative Hub · October 20 midday review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2024/11/image-2024-12-30-at-12.09.23.jpg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Nov 25, 2024","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T06:57:46.927245+00:00","preview":"media/references/codrops--custom-menu-with-gsap.jpg","previewWidth":1056,"previewHeight":835,"previewSha256":"5d210a2e0b1efef4a66076808a65eab8c438d2afb4943883f78425a9e97f6fb7","previewAnimated":false,"observedPage":7,"sourcePageCheck":{"status":403,"resolvedUrl":"https://codepen.io/osmosupply/pen/JoPPOXj","checkedAt":"2026-10-20T07:06:15.163504+00:00"}},{"id":"react-aria--date-range-picker","name":"Date range picker","collection":"react-aria","creator":"Adobe · React Aria","category":"Forms & controls","why":"Shows a segmented date-range field with a trigger button opening a month calendar. The selected range is a filled band with round endpoint caps (21 and 24), and out-of-month days are dimmed. It is a concrete reference for range selection state, month navigation and a dark popover.","useFor":"Inspect the original creator demo and implementation before adoption.","website":"https://react-aria.adobe.com/DateRangePicker","codeUrl":"https://react-aria.adobe.com/DateRangePicker","repository":"https://github.com/adobe/react-spectrum","sourceFiles":[],"commit":"797762ed3526ea12f089e321bd3891066affad70","access":"Public original docs code linked · implementation not archived","license":"Apache-2.0 (original repository license notice preserved)","review":"Sonnet-assisted static visual review; original demo captured; not runtime/accessibility audited","selectionType":"Visually reviewed original component","favorite":true,"discovered":"Category gap research → official creator documentation","added":"2026-10-20","preview":"media/references/react-aria--date-range-picker.jpg","previewSource":"https://react-aria.adobe.com/DateRangePicker","previewType":"Static capture of the published demo; source snapshot pinned separately","previewWidth":268,"previewHeight":325,"previewSha256":"d95bc4aabab0351c97fc88154bc2ae38a00d471ad951ed7e4122a0c42b0dd4d3","previewAnimated":false,"rawCapture":"evidence/aria-date-range-full.jpg","captureBounds":{"left":324,"top":418,"right":592,"bottom":743},"emptyPaddingCrop":null,"retrievedAt":"2026-10-20T06:40:03.546448+00:00","licenseSource":"https://raw.githubusercontent.com/adobe/react-spectrum/797762ed3526ea12f089e321bd3891066affad70/LICENSE","licenseSha256":"7dfe6526888bac51759c99f9a51262ba2711a8c12a067f2181609dd9a4066b84"},{"id":"affectui--decision-inbox","name":"Decision Inbox","collection":"affectui","category":"Human control","why":"Each unresolved decision offers two clear answers, then folds away after resolution. The history records closure rather than leaving stale buttons.","useFor":"Batch review and background agent queues.","sourceFiles":["sources/affectui/code/components/decision-inbox.tsx"],"website":"https://www.affectui.com/components/decision-inbox","repository":"https://github.com/flohoeller/affectui","commit":"cc799e7e438efcea8d484fa27932405ea60bff9a","license":"MIT","access":"Source saved","review":"Source located + documentation","favorite":true,"discovered":"X bookmarks","added":"2026-10-20","preview":"media/screenshots/affectui--decision-inbox.jpg","previewType":"Screenshot of the creator’s published web demo","previewSource":"https://www.affectui.com/components/decision-inbox","capturedAt":"2026-10-20T03:59:36.342Z","previewWidth":624,"previewHeight":430,"previewAnimated":false},{"id":"codrops--depth-points-image","name":"Depth Points Image","collection":"codrops-creative","creator":"Anton Bobrov","creatorUrl":"https://tympanus.net/codrops/hub/author/anton_bobrov","category":"Shaders & materials","styleTags":["3D","Three.js","WebGL"],"why":"Portrait rendered as scanline depth points with a cyan/red split down the face","useFor":"Study the original design and its linked implementation before adoption.","website":"https://antonbobrov.github.io/threejs-depth-points-image/","codeUrl":"https://github.com/antonbobrov/threejs-depth-points-image","repository":"https://github.com/antonbobrov/threejs-depth-points-image","sourceFiles":[],"commit":"","access":"Creator code page linked · HTTP 200; license/reuse terms not audited","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview selection; creator/demo/source links traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":true,"discovered":"X design-community research → Codrops Creative Hub · October 20 creator-depth review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/11/Screenshot-2025-11-23-at-07.40.38.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Sep 24, 2024","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T07:38:51.455636+00:00","preview":"media/references/codrops--depth-points-image.png","previewWidth":1600,"previewHeight":1202,"previewSha256":"0f1da43554ea851446520495722922fcf010182ba6d84411301b44456978440d","previewAnimated":false,"sourcePageCheck":{"status":200,"resolvedUrl":"https://github.com/antonbobrov/threejs-depth-points-image","checkedAt":"2026-10-20T07:40:34.398248+00:00"}},{"id":"dify--workspace","name":"Dify original workflow workspace","category":"Tools & execution","why":"Node canvas with a Loop container holding Reasoning, Answer, Act, URL Extract and Variable Assigner nodes, with the selected Act node outlined. A right inspector panel carries strategy and model selects, tool toggles, instruction and query fields with variable chips, an iterations slider and a memory switch. Dense but clearly ordered hierarchy.","favorite":true,"collection":"dify","creator":"LangGenius / Dify contributors","creatorUrl":"https://github.com/langgenius","website":"https://github.com/langgenius/dify","repository":"https://github.com/langgenius/dify","commit":"aa35579b66615a9620c6dfb0410b1d6cd99a4fea","codeUrl":"https://github.com/langgenius/dify/tree/aa35579b66615a9620c6dfb0410b1d6cd99a4fea/web/app/components/workflow","sourceFiles":[],"platform":"Web","access":"Original public source linked under custom restrictions; multi-tenant service needs written authorization and frontend branding must remain","license":"Dify modified Apache-2.0: additional multi-tenant and logo/copyright restrictions; original notice also states appearance-patent protection. Not plain Apache-2.0.","review":"Sonnet 5.5 Medium full-image visual review plus researcher original-source checks; static judgment, no runtime, motion, accessibility or complete dependency audit","useFor":"Study the exact original creator image and linked implementation under its original terms.","selectionType":"Individually visually reviewed original reference","discovered":"Primary creator repository/docs discovery · operational-input review","added":"2026-10-20","preview":"media/references/dify--workspace-2.png","previewSha256":"7409e101d38d3b0a574461c1532c063477c1a81e83a53b7b66feef1c25338099","previewSource":"https://raw.githubusercontent.com/langgenius/dify/aa35579b66615a9620c6dfb0410b1d6cd99a4fea/images/describe.png","previewAnimated":false,"previewType":"Exact unmodified original creator-published static image","sourceResolution":"references/operational-input-source-evidence.json","sourcePinNote":"Current pinned original source; exact screenshot-build revision is not established. Selected files are provenance evidence, not a complete component archive.","previewWidth":2364,"previewHeight":1569},{"id":"codrops--digital-meets-physical-risograph-printing-with-webgl","name":"Digital meets Physical: Risograph Printing with WebGL","collection":"codrops-creative","creator":"Maximilian Berndt","creatorUrl":"https://tympanus.net/codrops/hub/author/maximilian","category":"Shaders & materials","styleTags":["Three.js","WebGL"],"why":"Risograph pink/blue grain-gradient spheres printed on paper in a photographed printer","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Tutorials/RisoPrinting","codeUrl":"https://github.com/maximilianberndt/riso-print","repository":"https://github.com/maximilianberndt/riso-print","sourceFiles":[],"commit":"","access":"Creator code page linked · HTTP 200; license/reuse terms not audited","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview selection; creator/demo/source links traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":true,"discovered":"X design-community research → Codrops Creative Hub · October 20 creator-depth review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2024/06/risoprint_featured.jpg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Jun 27, 2024","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T07:38:51.455636+00:00","preview":"media/references/codrops--digital-meets-physical-risograph-printing-with-webgl.jpg","previewWidth":800,"previewHeight":600,"previewSha256":"979b21b72e35256e290515323790a9cd75ad5f33a6762649d65f7d22beb9ed3b","previewAnimated":false,"sourcePageCheck":{"status":200,"resolvedUrl":"https://github.com/maximilianberndt/riso-print","checkedAt":"2026-10-20T07:40:42.191450+00:00"}},{"name":"Dust3D · historical reference-to-skeleton model authoring","collection":"dust3d-original","creator":"Jeremy Hu / Dust3D Project","creatorUrl":"https://dust3d.org/","repository":"https://github.com/huxingyi/dust3d","commit":"02a0fc749453a389d12bdbce866fa19dde6e77e5","codeUrl":"https://github.com/huxingyi/dust3d/blob/02a0fc749453a389d12bdbce866fa19dde6e77e5/application/sources/component_property_widget.cc","platform":"Native desktop · C++ / Qt · historical 1.0.0-beta.22 interface","access":"Original public source · MIT root; dependency and artwork rights separate","license":"MIT copyright2018 Dust3D Project, original LICENSE and ACKNOWLEDGEMENTS preserved. Native C++/Qt, not React Native. Selected 2021 press screenshot identifies 1.0.0-beta.22; current source pin is independent and not asserted as its exact build. Reference drawing visibly credits Pearson Scott Foresman; model/reference image rights remain separate from code.","id":"dust3d-model-workspace","category":"Spatial & motion","why":"Modeling from a reference drawing: a background sketch is overlaid with orange and green node-circle skeletons (front and side). A low-poly mesh sits beside it, with a left tool strip, X/Y/Z axis toggles and a Parts list with per-part icons and tabs for Materials, Rig, Poses, Motions and Script. The current frog screenshot shows the same idea with a different layout.","favorite":true,"website":"https://github.com/huxingyi/dust3d/discussions/102","sourceFiles":[],"review":"Sonnet5.5 Medium full-image visual review and researcher original-source/access/duplicate checks; static-only, no runtime/motion/accessibility/full dependency-license audit","useFor":"Study exact original spatial/authoring control organization and follow primary creator/source under its terms.","selectionType":"Individually visually reviewed original reference","discovered":"Original spatial and expressive control interfaces · spatial-craft pass","added":"2026-10-20","preview":"media/references/spatial-craft--dust3d-press.png","previewSha256":"79a4ad8ee07499d6cc3958b25a795abe8ffbf295cff2742c7032e26e5a3607f2","previewSource":"https://user-images.githubusercontent.com/3941597/107588792-87ae0400-6c3f-11eb-83b6-bde0ee14c033.png","previewAnimated":false,"previewType":"Exact unmodified original creator static image","previewWidth":3104,"previewHeight":1868,"sourceResolution":"references/spatial-craft-source-resolution.json","sourcePinNote":"Exact original image bytes unchanged. Code/source pin is independent of screenshot revision; no screenshot-build equivalence asserted. Partial license/source evidence is not a new complete archive. No generated/upscaled media or creator code execution."},{"added":"2026-10-20","sourceFiles":[],"repository":"https://github.com/roydigerhund/easingwizard","commit":"11c0a905cf2d9227d132eeac664d5b18545af43e","codeUrl":"https://github.com/roydigerhund/easingwizard/tree/11c0a905cf2d9227d132eeac664d5b18545af43e","previewAnimated":false,"discovered":"Original X creator trails, native feature tour and primary motion tools · workflow-spatial review","selectionType":"Visually reviewed original reference","review":"Sonnet 5.5 Medium static visual review; provenance/source checks, not runtime, accessibility or full license/dependency audit","useFor":"Study the exact original reference and linked creator source. Respect its access and license terms.","id":"easing-wizard--workspace","category":"Spatial & motion","why":"Clean three-column motion workspace: named spring character presets (Heavy, Bouncy, Snap, Elastic) on the left, a large glowing gradient spring curve above mass/stiffness/damping/accuracy sliders in the centre, and a preview pane with duration and per-property (width, height, rotate, etc.) toggles. The curve is the hero, parameters sit directly under it, and the preview sits beside it, so the edit-curve-see-motion loop is easy to read in one frame. Fully visible and uncropped.","favorite":true,"name":"Easing Wizard spring workspace","collection":"easing-wizard","creator":"Matthias Martin","creatorUrl":"https://x.com/RoyDigerhund","website":"https://easingwizard.com/","preview":"media/references/easing-wizard--workspace.png","previewSha256":"d7a0aeee9db3a873b5bcf3a96822f584458346e9ec205ca81867a14d1d8674fd","previewSource":"https://easingwizard.com/","access":"Original source linked and pinned · custom restricted license; not archived","license":"Custom original license, copyright Matthias Martin 2025. Permits inclusion in larger works with substantial additional value; prohibits standalone resale and use as the core value of a commercial offering. Exact original notice preserved; not MIT.","previewType":"Exact screenshot crop of the original creator-hosted spring workspace using observed complete-panel bounds","previewWidth":958,"previewHeight":656},{"id":"codrops--emissive-dissolve-effect-with-three-js","name":"Emissive Dissolve Effect with Three.js","collection":"codrops-creative","creator":"Jatin Chopra","creatorUrl":"https://tympanus.net/codrops/hub/author/jatinchopra","category":"Shaders & materials","styleTags":["3D","glsl","Three.js","WebGL"],"why":"Chrome knot eating away along a glowing blue emissive edge against a real-world backdrop.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Tutorials/EmissiveDissolveEffect/","codeUrl":"https://github.com/JatinChopra/emissive-dissolve-effect","repository":"https://github.com/JatinChopra/emissive-dissolve-effect","sourceFiles":[],"commit":"","access":"Creator code page linked · HTTP 200; license/reuse terms not audited","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview review; original demo/source attribution traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":true,"discovered":"X design-community research → Codrops Creative Hub · October 20 midday review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/02/dissolveshader.jpg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Feb 17, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T06:57:46.927245+00:00","preview":"media/references/codrops--emissive-dissolve-effect-with-three-js.jpg","previewWidth":800,"previewHeight":600,"previewSha256":"53a0a8b5f55b6a3766a33521994c694d377f86dcb68f2c5affee57e25649ece3","previewAnimated":false,"observedPage":6,"sourcePageCheck":{"status":200,"resolvedUrl":"https://github.com/JatinChopra/emissive-dissolve-effect","checkedAt":"2026-10-20T07:06:16.339743+00:00"}},{"id":"excalidraw--canvas","name":"Excalidraw original canvas","category":"Creative controls & effects","why":"Real editor UI in one frame: floating top tool palette with numbered shortcuts, left property panel (stroke/background hex fields, fill, width, style, sloppiness, edges, opacity), a selected hatched shape with handles, collaborator avatars, named cursors, and hand-drawn arrows and sticky-note comments over a wireframe. Specific, information-dense, unclipped.","favorite":true,"collection":"excalidraw","creator":"Excalidraw contributors","creatorUrl":"https://github.com/excalidraw","website":"https://excalidraw.com/","repository":"https://github.com/excalidraw/excalidraw","commit":"bee01e3a12812c930109aa91242658709480bbf3","codeUrl":"https://github.com/excalidraw/excalidraw/tree/bee01e3a12812c930109aa91242658709480bbf3/packages/excalidraw","sourceFiles":[],"platform":"Web","access":"Original public editor source linked and pinned; Excalidraw+ is a separate product","license":"MIT · Copyright 2020 Excalidraw; depicted artwork/asset terms remain separate","review":"Sonnet 5.5 Medium full-image visual review plus researcher original-source checks; static judgment, no runtime, motion, accessibility or complete dependency audit","useFor":"Study the exact original creator image and linked implementation under its original terms.","selectionType":"Individually visually reviewed original reference","discovered":"Primary creator repository/docs discovery · operational-input review","added":"2026-10-20","preview":"media/references/excalidraw--canvas.png","previewSha256":"5ff2be2a5728f334e3aa5a3a524e7fabd7feab860c122a95cd84e6c5038fc9ea","previewSource":"https://excalidraw.nyc3.cdn.digitaloceanspaces.com/github%2Fproduct_showcase.png","previewAnimated":false,"previewType":"Exact unmodified original creator-published static image","sourceResolution":"references/operational-input-source-evidence.json","sourcePinNote":"Current pinned original source; exact screenshot-build revision is not established. Selected files are provenance evidence, not a complete component archive.","previewWidth":1660,"previewHeight":1161},{"id":"codrops--flip-caterpillar-with-controls","name":"Flip Caterpillar With Controls","collection":"codrops-creative","creator":"GSAP","creatorUrl":"https://tympanus.net/codrops/hub/author/gsap","category":"Cards & layouts","styleTags":["GSAP","slideshow"],"why":"Gradient-outlined numbered cards in a dashed track with Next/Previous pills","useFor":"Study the original design and its linked implementation before adoption.","website":"https://codepen.io/GreenSock/full/eYwbjdz","codeUrl":"https://codepen.io/GreenSock/pen/eYwbjdz","repository":"","sourceFiles":[],"commit":"","access":"Creator code linked · access unverified (source response recorded)","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview selection; creator/demo/source links traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":true,"discovered":"X design-community research → Codrops Creative Hub · October 20 creator-depth review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/12/Screenshot-2025-12-09-at-13.03.56.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Sep 7, 2024","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T07:38:51.455636+00:00","preview":"media/references/codrops--flip-caterpillar-with-controls.png","previewWidth":1600,"previewHeight":1202,"previewSha256":"2c492d92140b8b94adfb346622bf585e2b8f6546cdcb59705f3954835faec8b2","previewAnimated":false,"sourcePageCheck":{"status":403,"resolvedUrl":"https://codepen.io/GreenSock/pen/eYwbjdz","checkedAt":"2026-10-20T07:40:29.946657+00:00"}},{"id":"flowise-original--human-review","name":"Flowise historical approval and feedback","category":"Human control","why":"One approval family, counted once. The chat shows a 'Process Flow' step that stops on a drafted create_draft tool call. The call's JSON arguments (to, subject, body) are displayed in a dark code block with copy and download icons. Green Proceed and red Reject buttons sit under the block, so the user can inspect exactly what will be sent before approving. Other states (review-1 email draft with Proceed/Reject, review-2 feedback box, review-5 trace tree, review-4 public link dialog) are merged into this family. Review-4 is a generic link dialog; review-1 and review-5 repeat the same approve/reject choice. Archived original Flowise; source licensing is separate.","favorite":true,"collection":"flowise-original","creator":"FlowiseAI","creatorUrl":"https://github.com/FlowiseAI/Flowise","website":"https://docs.flowiseai.com/tutorials/human-in-the-loop","repository":"https://github.com/FlowiseAI/Flowise","commit":"9291856d1ea4a4ceea9f8fef8ce14f4f6c81e8eb","codeUrl":"https://github.com/FlowiseAI/Flowise/blob/9291856d1ea4a4ceea9f8fef8ce14f4f6c81e8eb/packages/ui/src/views/chatmessage/ChatMessage.jsx","sourceFiles":[],"platform":"Web · historical archived Flowise","access":"Public original frontend source · ARCHIVED project; enterprise and explicitly excepted files separately commercial; no live agent or email execution","license":"Apache-2.0 outside enterprise directory and explicitly excluded files. Commercial enterprise license for packages/server/src/enterprise and files such as IdentityManager.ts; original notices preserved. Third-party terms separate.","review":"Sonnet 5.5 Medium full-image visual review and researcher source/notice/provenance checks; no runtime, motion, accessibility or full dependency-license audit","useFor":"Study exact original creator images and primary source links under stated access/license terms.","selectionType":"Individually visually reviewed original reference","discovered":"Original creator repositories, published documentation and credited creative projects · spatial-orchestration review","added":"2026-10-20","preview":"media/references/flowise-original--human-review-3.png","previewSha256":"8d0feb4e3a8af9c883d2b24965a25fb49a32b9320160de2e32198d8c5753700c","previewSource":"https://raw.githubusercontent.com/FlowiseAI/FlowiseDocs/32d7f0cc7929bbd9e592cbc8e7a69bb82625f418/en/.gitbook/assets/image%20%28315%29.png","previewAnimated":false,"previewType":"Exact unmodified original creator/publisher static image","sourceResolution":"references/spatial-orchestration-source-evidence.json","sourcePinNote":"Pinned source provides provenance, not an exact screenshot-build claim. Selected notices/docs/renderers are evidence, not complete component archives; no creator code executed.","previewWidth":863,"previewHeight":850},{"id":"webzibition--format","name":"FORMAT","collection":"webzibition","creator":"FORMAT · original site","creatorAttribution":"Site identity from the publisher listing; individual design author not independently verified","category":"Editorial & typography","why":"Huge solid geometric FORMAT lettering dominates the charcoal page, while fine horizontal information bars and a specimen card create a crisp typographic hierarchy.","useFor":"Study the original website’s composition and presentation; code availability is unverified.","website":"https://format.obys.agency/","codeUrl":"","repository":"","sourceFiles":[],"commit":"","access":"Design reference · public source not traced","license":"Website and preview rights belong to their respective owners; no source or reuse license verified","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited; original website returned HTTP200; screenshot may predate the current live design","selectionType":"Preview-reviewed original design reference","favorite":true,"discovered":"Codrops Webzibition → original website","added":"2026-10-20","preview":"media/references/webzibition--format.webp","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/09/format-1200x649.png.webp?x67708","previewType":"Codrops publisher screenshot of the linked original website; not a fresh live capture","previewWidth":1200,"previewHeight":649,"previewSha256":"6c59c7570c29205c2521d86f34c15672851d0a8607deb0e7a78c61cf9ecbef9f","previewAnimated":false,"publisherIndex":"https://tympanus.net/codrops/webzibition/","publisherRecord":"post-120478","pageTitle":"FORMAT","pageCheckedAt":"2026-10-20T05:54:32.868906+00:00","pageAvailability":"HTTP200; same-domain original website","retrievedAt":"2026-10-20T05:54:32.868906+00:00"},{"id":"codrops--gooey-search-interaction-with-framer-motion-and-react","name":"Gooey Search Interaction with Framer Motion and React","collection":"codrops-creative","creator":"Oguzhan Tufenk","creatorUrl":"https://tympanus.net/codrops/hub/author/oguzhantufenk","category":"Navigation & search","styleTags":["filter","Framer Motion","gooey","react","svg"],"why":"Black pill search field with a metaball-style neck pinching off a separate round search button.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Tutorials/GooeySearch","codeUrl":"https://github.com/oguzhantufenk/gooey-search","repository":"https://github.com/oguzhantufenk/gooey-search","sourceFiles":[],"commit":"","access":"Creator code page linked · HTTP 200; license/reuse terms not audited","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview review; original demo/source attribution traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":true,"discovered":"X design-community research → Codrops Creative Hub · October 20 midday review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2024/11/gooeysearch_featured.jpg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Nov 18, 2024","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T06:57:46.927245+00:00","preview":"media/references/codrops--gooey-search-interaction-with-framer-motion-and-react.jpg","previewWidth":1438,"previewHeight":1080,"previewSha256":"aad83d533c57a2523eb942e58b3d82c9888e8a8cb6beb73a749aebddbe420adb","previewAnimated":false,"observedPage":7,"sourcePageCheck":{"status":200,"resolvedUrl":"https://github.com/oguzhantufenk/gooey-search","checkedAt":"2026-10-20T07:06:20.854395+00:00"}},{"name":"Granola · meeting snapshot capture controls","collection":"granola-original","creator":"Granola / Mehedi","creatorUrl":"https://www.granola.ai/","website":"https://www.granola.ai/blog/some-ideas-take-a-few-fridays","platform":"Desktop meeting notes · native application","access":"Demo reference · original shipped-product image; implementation source unavailable; plan entitlement unverified","license":"No public application implementation or code-reuse grant established. Original engineering article and static product image do not establish source access. No prototype recreation, capture session or SDK substituted.","id":"granola-snapshots","category":"Voice & presence","why":"Dark 'Taking snapshots' panel with live screen-capture thumbnails, a count badge (5), a 'Turn off for this meeting' consent control, and a capsule with audio-level bars and capture toggle beside it. The attached-note state (snapshots-2) is the same family.","favorite":true,"repository":"","commit":"","codeUrl":"","sourceFiles":[],"review":"Sonnet5.5 Medium full-image visual review plus original-image and source provenance checks; not runtime, motion, accessibility or full dependency-license audited","useFor":"Study the exact original static interface and follow the primary creator under its terms.","selectionType":"Individually visually reviewed original reference","discovered":"Original approvals, voice and tool evidence · approval-voice review","added":"2026-10-20","preview":"media/references/approval-voice--granola-snapshots-1.png","previewSha256":"447f2197f5a1a6a509baac205c399dfb2630e638322388bdf9f857185c9243c5","previewSource":"https://www.granola.ai/blogImages/screen-context/snapshots-panel-cutout.png","previewAnimated":false,"previewType":"Exact unmodified original creator static image","previewWidth":1323,"previewHeight":1189,"sourceResolution":"references/approval-voice-source-resolution.json","sourcePinNote":"Original static bytes unchanged. Product documentation/image is not application implementation; no generated replacement or upscale. Related UI states are grouped once."},{"name":"Graphite · procedural vector workspace","collection":"graphite-original","creator":"Graphite contributors","creatorUrl":"https://graphite.art/","repository":"https://github.com/GraphiteEditor/Graphite","commit":"49711cd37591bbdccce9ecaac6eae98de65893bf","platform":"Web / Svelte + Rust / WebAssembly · alpha vector editor","license":"MIT OR Apache-2.0, at the user's option, unless otherwise noted; copyright Graphite contributors. Original notices retained. Artwork/fonts/assets and third-party dependencies separate. Roadmap mockups are not current implementation evidence.","id":"graphite-procedural-workspace","category":"Creative controls & effects","why":"Full vector editor shot: tool column, alignment toolbar, canvas with a repeat-instance overlay, Properties with Repeat/Fill/Circle groups, a named layer list with thumbnails and a shortcut status bar. Judged only on the supplied screenshot.","favorite":true,"website":"https://graphite.art/","codeUrl":"https://github.com/GraphiteEditor/Graphite/blob/49711cd37591bbdccce9ecaac6eae98de65893bf/frontend/src/components/panels/Document.svelte","sourceFiles":[],"access":"Public original source · exact licensing below; dependencies/content/access separate; not executed","review":"Sonnet5.5 Medium full-image visual review and researcher provenance/source checks; not runtime, motion, accessibility or complete dependency-license audited","useFor":"Study the exact original static interface image and follow the creator's original source/site under its terms.","selectionType":"Individually visually reviewed original reference","discovered":"Original spatial and motion-authoring controls · motion-controls review","added":"2026-10-20","preview":"media/references/motion-controls--graphite-painted.png","previewSha256":"6957fbd4fe8afd48b3928a808b7c8f68ba3fee558a7f7c145036e241bdaaefec","previewSource":"https://static.graphite.art/content/index/gui-demo-painted-dreams__4.png","previewAnimated":false,"previewType":"Exact unmodified original creator static image","previewWidth":1920,"previewHeight":1080,"sourceResolution":"references/motion-controls-source-resolution.json","sourcePinNote":"Original static bytes preserved without generated replacement or upscale. Public image and inspected source revisions are separately pinned; exact screenshot-build equality not claimed. Selected source/notice files are partial provenance, not complete component archives."},{"id":"codrops--grid-displacement-texture-with-rgb-shift-using-three-js-gpgpu-and-shaders","name":"Grid Displacement Texture with RGB Shift using Three.js GPGPU and Shaders","collection":"codrops-creative","creator":"Chakib Mazouni","creatorUrl":"https://tympanus.net/codrops/hub/author/jeanmazouni","category":"Shaders & materials","styleTags":["distortion","glsl","hover","Three.js","WebGL"],"why":"Monochrome cyborg face with grid displacement and chromatic RGB split","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Development/GridDistortionEffect/","codeUrl":"https://github.com/J0SUKE/grid-deformation-effect","repository":"https://github.com/J0SUKE/grid-deformation-effect","sourceFiles":[],"commit":"","access":"Creator code page linked · HTTP 200; license/reuse terms not audited","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview selection; creator/demo/source links traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":true,"discovered":"X design-community research → Codrops Creative Hub · October 20 creator-depth review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2024/08/griddistortion_feat-1.jpg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Aug 27, 2024","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T07:38:51.455636+00:00","preview":"media/references/codrops--grid-displacement-texture-with-rgb-shift-using-three-js-gpgpu-and-shaders.jpg","previewWidth":800,"previewHeight":600,"previewSha256":"8c09ef41e34f26206e2f4fdd80693403692ef8508563ba518a1817e7d2b8b054","previewAnimated":false,"sourcePageCheck":{"status":200,"resolvedUrl":"https://github.com/J0SUKE/grid-deformation-effect","checkedAt":"2026-10-20T07:40:33.301014+00:00"}},{"id":"codrops--gsap-easereverse-clip-menu","name":"GSAP EaseReverse Clip Menu","collection":"codrops-creative","creator":"Manoela Ilic","creatorUrl":"https://tympanus.net/codrops/hub/author/crnacura","category":"Creative controls & effects","styleTags":["clip-path","gsap","menu"],"why":"Dark full-bleed hero with a tiny centred wordmark and scattered cut-out chips; a clip-path menu reveal idea, minimal and controlled.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Development/EaseReverseClipMenu","codeUrl":"https://github.com/codrops/EaseReverseClipMenu","repository":"https://github.com/codrops/EaseReverseClipMenu","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Contact-sheet preview reviewed with Sonnet 5.5 Medium; original publisher links traced; not runtime-tested","selectionType":"Preview-reviewed design reference","favorite":true,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/04/ClipMenu_featured-768x576.webp","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Apr 22, 2026","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:23:38.056369+00:00","preview":"media/references/codrops--gsap-easereverse-clip-menu.webp","previewWidth":768,"previewHeight":576,"previewSha256":"3fb602bee688e72ef6659e17add679ce559c6ce75bb2f2d6b362a255516fea6f","previewAnimated":false},{"id":"webzibition--guillaume-zhu","name":"Guillaume Zhu","collection":"webzibition","creator":"Guillaume Zhu · original site","creatorAttribution":"Site identity from the publisher listing; individual design author not independently verified","category":"Full websites & portfolios","why":"Hot red-orange gradient with big lowercase 'guillaume zhu' overlapped by a swirling glyph mark; bold, confident personal brand.","useFor":"Study the original website’s composition and presentation; code availability is unverified.","website":"https://guillaumezhu.com/","codeUrl":"","repository":"","sourceFiles":[],"commit":"","access":"Design reference · public source not traced","license":"Website and preview rights belong to their respective owners; no source or reuse license verified","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited; original website returned HTTP200; screenshot may predate the current live design","selectionType":"Preview-reviewed original design reference","favorite":true,"discovered":"Codrops Webzibition → original website","added":"2026-10-20","preview":"media/references/webzibition--guillaume-zhu.webp","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/09/guillaumezhu-1200x649.png.webp?x67708","previewType":"Codrops publisher screenshot of the linked original website; not a fresh live capture","previewWidth":1200,"previewHeight":649,"previewSha256":"918d2dfc76eb63b573f9913fc6786346eeae27c23a92fb852d36fd6a59889cdd","previewAnimated":false,"publisherIndex":"https://tympanus.net/codrops/webzibition/","publisherRecord":"post-122056","pageTitle":"Guillaume Zhu - Creative Front-End Developer & Art Director","pageCheckedAt":"2026-10-20T05:54:32.868906+00:00","pageAvailability":"HTTP200; same-domain original website","retrievedAt":"2026-10-20T05:54:32.868906+00:00"},{"id":"codrops--hero-section-with-advanced-image-cursor-trail-effects","name":"Hero Section with Advanced Image Cursor Trail Effects","collection":"codrops-creative","creator":"Filip Zrnzevic","creatorUrl":"https://tympanus.net/codrops/hub/author/filip","category":"Editorial & typography","styleTags":["gsap","motion trail"],"why":"Giant black-and-white letters with photo cut-outs sprayed across them and a small word list beside; bold type-led hero.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://codepen.io/filipz/full/yyNGpmv","codeUrl":"https://codepen.io/filipz/full/yyNGpmv","repository":"","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited","selectionType":"Preview-reviewed original design reference","favorite":true,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/06/Screenshot-2025-06-27-at-06.11.46-768x577.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Jun 24, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:54:42.821988+00:00","preview":"media/references/codrops--hero-section-with-advanced-image-cursor-trail-effects.png","previewWidth":768,"previewHeight":577,"previewSha256":"93a28c662942af66902903779f2b4de79b9342d8d173bcdf225fcde2d8b09f33","previewAnimated":false},{"id":"webzibition--huge","name":"Huge.","collection":"webzibition","creator":"Huge. · original site","creatorAttribution":"Site identity from the publisher listing; individual design author not independently verified","category":"Full websites & portfolios","why":"Inflated pink 3D letter 'H' above a bold 'Hello.' on black; playful dimensional type.","useFor":"Study the original website’s composition and presentation; code availability is unverified.","website":"https://www.hugeinc.com/","codeUrl":"","repository":"","sourceFiles":[],"commit":"","access":"Design reference · public source not traced","license":"Website and preview rights belong to their respective owners; no source or reuse license verified","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited; original website returned HTTP200; screenshot may predate the current live design","selectionType":"Preview-reviewed original design reference","favorite":true,"discovered":"Codrops Webzibition → original website","added":"2026-10-20","preview":"media/references/webzibition--huge.webp","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/08/huge-1200x649.jpg.webp?x67708","previewType":"Codrops publisher screenshot of the linked original website; not a fresh live capture","previewWidth":1200,"previewHeight":649,"previewSha256":"fe5b864b018c04ef294cad01e9ecdd95858f5da6545315a9e458711e4c153932","previewAnimated":false,"publisherIndex":"https://tympanus.net/codrops/webzibition/","publisherRecord":"post-119952","pageTitle":"Huge.","pageCheckedAt":"2026-10-20T05:54:32.868906+00:00","pageAvailability":"HTTP200; same-domain original website","retrievedAt":"2026-10-20T05:54:32.868906+00:00"},{"name":"Hume · empathic conversation playground","collection":"hume-original","creator":"Hume AI","creatorUrl":"https://www.hume.ai","repository":"","commit":"","platform":"Web · historical original voice playground","access":"Demo only · creator's original product screenshot; app implementation source unavailable; hosted access unverified","license":"Proprietary product interface; no public implementation/reuse license established. Public SDK/starter/documentation source is not this commercial playground implementation.","id":"hume-1-2","category":"Voice & presence","why":"Single grouped Hume EVI Playground workspace state. A live-call rail shows an elapsed timer (00:00:44), a purple waveform, and mic, speaker and red end-call buttons. Beside it the transcript carries per-message emotion-score bars (Anxiety 0.67, Distress 0.53, Awkwardness 0.31 on the user turn; Determination, Concentration and Interest on assistant turns). An inline 'Searching for…' row with source cards sits in the same thread, and a user-message input is at the bottom. The right rail also exposes the voice and LLM configuration (preset voice, temperature slider, system prompt). This pairs presence cues with human controls in one screen.","favorite":true,"website":"https://www.hume.ai/blog/hume-anthropic-claude-voice-interactions","codeUrl":"","sourceFiles":[],"review":"Sonnet5.5 Medium full-image visual review and researcher source/provenance checks; not runtime, motion, accessibility or complete dependency-license audited","useFor":"Study the exact original static image and follow the creator's original source/site under its stated access terms.","selectionType":"Individually visually reviewed original reference","discovered":"Original voice and survey-control interfaces · voice-forms review","added":"2026-10-20","preview":"media/references/voice-forms--hume-1-2.jpg","previewSha256":"c10e46cbfc6c645f4ac400423ea9656337a0f4f8c830e7aba30fd14ca5f21fcc","previewSource":"https://cdn.sanity.io/images/xqnc2for/production/f0d15b1aa71368e83a9bdb534d12d3a746c3099c-1920x1080.webp?w=1200","previewAnimated":false,"previewType":"Exact unmodified original creator static image","previewWidth":1200,"previewHeight":675,"sourceResolution":"references/voice-forms-source-resolution.json","sourcePinNote":"Original image preserved without cropping, upscaling or generated replacement. Published docs/blog image and inspected source revision are separately pinned; exact screenshot-build equality is not claimed. Partial source/notice evidence is not a complete component archive. Exact embedded CDN URL including creator-declared width was followed; no invented full-resolution URL."},{"id":"codrops-original--imagedraggingeffects","name":"Image Dragging Effects","category":"Typography & effects","why":"A cobalt-blue field pairs the high-contrast serif 'Tyler Dice' title with offset, tinted portrait layers. White and bronze lettering crosses the image stack, making the layered trail and type treatment visible in one original still.","favorite":true,"collection":"codrops-creative","creator":"Codrops","creatorUrl":"https://github.com/codrops","website":"https://tympanus.net/Development/ImageDraggingEffects/","repository":"https://github.com/codrops/ImageDraggingEffects","commit":"a1faf9fcb5975bf356501236ae987bf89486b412","codeUrl":"https://github.com/codrops/ImageDraggingEffects/tree/a1faf9fcb5975bf356501236ae987bf89486b412","sourceFiles":[],"platform":"Web","access":"Original public source linked and pinned · Custom Codrops terms: integration permitted; redistribution/resale as-is restricted; third-party terms apply; not a complete archived component package","license":"Custom Codrops terms: integration permitted; redistribution/resale as-is restricted; third-party terms apply · original notice bytes preserved; image/font/dependency terms remain separate","review":"Sonnet 5.5 Medium full-image visual review plus researcher source/provenance checks; not runtime, motion or accessibility tested","useFor":"Study the exact original image and linked creator source. Respect its source, asset and access terms.","selectionType":"Individually visually reviewed original reference","discovered":"Original GitHub creator repository discovery · spatial-operational review","added":"2026-10-20","preview":"media/references/codrops-original--imagedraggingeffects.jpg","previewSha256":"c178103760a518b6ec8d348cf39d0de3e5118659699b8042064c350683b66158","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2020/02/ImageDragging_featured.jpg","previewAnimated":false,"previewType":"Exact original creator-published static feature image","sourceResolution":"references/spatial-operational-source-resolution.json","sourcePinNote":"Current pinned original source, not a claim of exact screenshot-build revision.","additionalOriginalImages":[],"previewWidth":800,"previewHeight":600},{"id":"type-menu-original--inlinemenulayout","name":"Inline Menu Layout with Gallery Panel","category":"Galleries & transitions","why":"Large serif menu words crop off the edge beside a tilted portrait photo with a red serif title laid over it. A neighbouring gallery panel shows a big serif heading with a superscript count, tall portrait cards in a row, and small captions with year and city plus a plus marker. The sage background and the red accent hold the pairing of inline type menu and image gallery together.","favorite":true,"collection":"codrops-creative","creator":"Codrops","creatorUrl":"https://github.com/codrops/InlineMenuLayout","website":"https://github.com/codrops/InlineMenuLayout/blob/ccfb1d128002efe53c83703aaa5fbb438036259f/README.md","repository":"https://github.com/codrops/InlineMenuLayout","commit":"ccfb1d128002efe53c83703aaa5fbb438036259f","codeUrl":"https://github.com/codrops/InlineMenuLayout/blob/ccfb1d128002efe53c83703aaa5fbb438036259f/src/js/index.js","sourceFiles":[],"platform":"Web","access":"Public original code link · MIT implementation; separate asset/dependency terms apply","license":"MIT in original LICENSE; included photography, fonts and dependencies keep separate rights.","review":"Sonnet 5.5 Medium full-image visual review and researcher source/notice/provenance checks; no runtime, motion, accessibility or full dependency-license audit","useFor":"Study exact original creator images and primary source links under stated access/license terms.","selectionType":"Individually visually reviewed original reference","discovered":"Original creator repositories, published documentation and credited creative projects · spatial-orchestration review","added":"2026-10-20","preview":"media/references/type-menu-original--inlinemenulayout.jpg","previewSha256":"5feb0aad512941b81a0d959bdfd1d82e738a2de710e491816fe70049ef720319","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2020/11/InlineMenuLayout_featured.jpg","previewAnimated":false,"previewType":"Exact unmodified original creator/publisher static image","sourceResolution":"references/type-menu-source-evidence.json","sourcePinNote":"Pinned source provides provenance, not an exact screenshot-build claim. Selected notices/docs/renderers are evidence, not complete component archives; no creator code executed.","originalDemoUrl":"http://tympanus.net/Development/InlineMenuLayout/","demoAvailability":"Legacy HTTP link preserved exactly from original README; live demo not verified. Main link is the pinned original README.","assetCredits":"- Images from [Unsplash](https://unsplash.com/)","previewWidth":800,"previewHeight":600},{"id":"codrops--interlude-custom-page-transitions-in-astro","name":"Interlude: Custom Page Transitions in Astro","collection":"codrops-creative","creator":"Manoela Ilic","creatorUrl":"https://tympanus.net/codrops/hub/author/crnacura","category":"Galleries & transitions","styleTags":["astro","gsap","page transition","three.js","webgl"],"why":"Plain typographic index of transition names (curtain, wipe, slices, ink, dither...) on white; a transition catalogue presented as pure type, very reusable as a pattern.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://interlude.crnacura.workers.dev/","codeUrl":"https://github.com/codrops/interlude/","repository":"https://github.com/codrops/interlude/","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Contact-sheet preview reviewed with Sonnet 5.5 Medium; original publisher links traced; not runtime-tested","selectionType":"Preview-reviewed design reference","favorite":true,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/10/interlude-transitions-4x3-cover-768x576.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Oct 7, 2026","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:23:38.056369+00:00","preview":"media/references/codrops--interlude-custom-page-transitions-in-astro.png","previewWidth":768,"previewHeight":576,"previewSha256":"d4a046aa155388be96c2e7c2813671aac1b3eb8e82b414a839ab061a693b0e72","previewAnimated":false},{"id":"webzibition--jesper-landberg","name":"Jesper Landberg","collection":"webzibition","creator":"Jesper Landberg · original site","creatorAttribution":"Site identity from the publisher listing; individual design author not independently verified","category":"Spatial experiences","why":"Curved gallery of project walls in a dark room with a glowing 'Solare' sculpture; strong sense of depth.","useFor":"Study the original website’s composition and presentation; code availability is unverified.","website":"https://jesperlandberg.com/","codeUrl":"","repository":"","sourceFiles":[],"commit":"","access":"Design reference · public source not traced","license":"Website and preview rights belong to their respective owners; no source or reuse license verified","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited; original website returned HTTP200; screenshot may predate the current live design","selectionType":"Preview-reviewed original design reference","favorite":true,"discovered":"Codrops Webzibition → original website","added":"2026-10-20","preview":"media/references/webzibition--jesper-landberg.webp","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/08/jesper-1200x649.jpg.webp?x67708","previewType":"Codrops publisher screenshot of the linked original website; not a fresh live capture","previewWidth":1200,"previewHeight":649,"previewSha256":"8242933518eb5c55f6cd9624fb9127cc1f688b872c5d33b6716d69137031ef93","previewAnimated":false,"publisherIndex":"https://tympanus.net/codrops/webzibition/","publisherRecord":"post-118974","pageTitle":"Jesper Landberg","pageCheckedAt":"2026-10-20T05:54:32.868906+00:00","pageAvailability":"HTTP200; same-domain original website","retrievedAt":"2026-10-20T05:54:32.868906+00:00"},{"id":"codrops-original--kinetictypepagetransition","name":"Kinetic Type Page Transition","category":"Editorial & typography","why":"Vermilion orange page with giant black serif letterforms as background texture, foreground editorial cards with a thin display-serif 'A POEM' title overlapping a B&W portrait, and a row of numbered thumbnail cards below; very distinctive type-driven layout with a limited palette.","favorite":true,"collection":"codrops-creative","creator":"Codrops","creatorUrl":"https://github.com/codrops","website":"https://tympanus.net/Development/KineticTypePageTransition/","repository":"https://github.com/codrops/KineticTypePageTransition","commit":"ebe926e2f1de42950c36ff8a678321155280c1af","codeUrl":"https://github.com/codrops/KineticTypePageTransition/tree/ebe926e2f1de42950c36ff8a678321155280c1af/src","sourceFiles":[],"platform":"Web","access":"Original public source linked and pinned · MIT; not a complete archived component package","license":"MIT · original notice bytes preserved; image/font/dependency terms remain separate","review":"Sonnet 5.5 Medium full-image visual review plus researcher source/provenance checks; not runtime, motion or accessibility tested","useFor":"Study the exact original image and linked creator source. Respect its source, asset and access terms.","selectionType":"Individually visually reviewed original reference","discovered":"Original GitHub creator repository discovery · spatial-operational review","added":"2026-10-20","preview":"media/references/codrops-original--kinetictypepagetransition.jpg","previewSha256":"74500dd96066c2db3bf6bab9be7ffef95f1ed5ba778e921ad97b4b4496bbe819","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2021/09/KineticTypePageTransition_featured.jpg","previewAnimated":false,"previewType":"Exact original creator-published static feature image","sourceResolution":"references/spatial-operational-source-resolution.json","sourcePinNote":"Current pinned original source, not a claim of exact screenshot-build revision.","additionalOriginalImages":[],"previewWidth":800,"previewHeight":600},{"id":"langfuse-original--tracing-overview","name":"Langfuse Trace inspector","category":"Tools & execution","why":"Three-pane trace inspector: filterable observation table with a count histogram, a nested span tree with per-step durations, and a detail pane with latency/session/user chips plus formatted input/output JSON. Legible at full size and the pane relationships are specific.","favorite":true,"collection":"langfuse-original","creator":"Langfuse","creatorUrl":"https://github.com/langfuse/langfuse","website":"https://langfuse.com/docs","repository":"https://github.com/langfuse/langfuse","commit":"f696389f077675fc5325a61329c2833ed4567a5d","codeUrl":"https://github.com/langfuse/langfuse/blob/f696389f077675fc5325a61329c2833ed4567a5d/web/src/features/traces/TracePage.tsx","sourceFiles":[],"platform":"Web","access":"Public selected frontend source · MIT outside commercial EE directories; hosted/edition entitlements and complete dependency scope not audited","license":"MIT core, Copyright 2023–2026 ClickHouse Inc. ee/, web/src/ee/ and worker/src/ee/ separately commercially licensed. Selected frontend paths are outside those directories; this is not a blanket feature/dependency license.","review":"Sonnet 5.5 Medium full-image visual review and researcher provenance/source checks; no runtime, motion, accessibility or full dependency-license audit","useFor":"Study exact original creator imagery and primary links under stated access/license terms.","selectionType":"Individually visually reviewed original reference","discovered":"Primary creator documentation and official image-only press kit · voice-trace review","added":"2026-10-20","preview":"media/references/langfuse-original--tracing-overview.png","previewSha256":"9d1d0683b22ca1e25667daeb613e5631354a046bbc8fb38989b7aed29d3c6fea","previewSource":"https://raw.githubusercontent.com/langfuse/langfuse-docs/8634300412dc08efcf3a8fa26b424dd0a51fab5e/public/images/docs/tracing-overview.png","previewAnimated":false,"previewType":"Exact unmodified original creator-published static image","sourceResolution":"references/voice-trace-source-evidence.json","sourcePinNote":"Pinned source is current provenance, not an exact screenshot-build claim. Selected renderer/notice/docs files are evidence, not complete component archives. Documentation source is not proprietary app implementation.","previewWidth":2048,"previewHeight":1270},{"id":"codrops--led-controls","name":"LED Controls","collection":"codrops-creative","creator":"Jon Kantner","creatorUrl":"https://tympanus.net/codrops/hub/author/jonkantner","category":"Forms & controls","styleTags":["input","react"],"why":"Brightness and volume as vertical sliders drawn from dot-matrix LEDs, with the icon inside the filled area.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://codepen.io/jkantner/full/JoPXzJJ","codeUrl":"https://codepen.io/jkantner/pen/JoPXzJJ","repository":"","sourceFiles":[],"commit":"","access":"Creator code linked · access unverified (source response recorded)","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview review; original demo/source attribution traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":true,"discovered":"X design-community research → Codrops Creative Hub · October 20 midday review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2024/12/led.jpg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Dec 12, 2024","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T06:57:46.927245+00:00","preview":"media/references/codrops--led-controls.jpg","previewWidth":837,"previewHeight":616,"previewSha256":"35943cc63f6d9dfff981ccaf659eeb48b71fed0f2f39f0cda2a39b1297c7a4c0","previewAnimated":false,"observedPage":7,"sourcePageCheck":{"status":403,"resolvedUrl":"https://codepen.io/jkantner/pen/JoPXzJJ","checkedAt":"2026-10-20T07:06:13.477941+00:00"}},{"id":"libraries-dev--bot-avatars","name":"Libraries.dev Bot avatars","website":"https://libraries.dev/bots","bounds":{"bottom":706.5999984741211,"height":606,"left":280,"right":996.7999877929688,"top":100.5999984741211,"viewportHeight":847,"viewportWidth":1036,"width":716.7999877929688,"x":280,"y":100.5999984741211},"preview":"media/references/libraries-dev--bot-avatars.png","cropBox":[276,99,982,696],"category":"Voice & presence","why":"A cohesive family of soft, puffy 3D mascot avatars (blue Clover, green Flower, white Ghost, pink Square, plus a yellow star), each with simple dot eyes and a different silhouette and color. The same avatars are shown in context: a \"Bots\" list with status lines (Inbox manager, Talent scout, Night shift with a sleeping ghost) and a chat thread where the green bot's reply sits next to its avatar. This shows both the asset family and its use for agent identity and presence.","favorite":true,"added":"2026-10-20","previewAnimated":false,"selectionType":"Visually reviewed original reference","discovered":"Original input and spatial creator trails · input-spatial review","review":"Sonnet 5.5 Medium static visual review and researcher source/provenance checks; not runtime, accessibility or full dependency-license audited","useFor":"Study the original image and linked creator source; respect its license and access terms.","collection":"libraries-dev","creator":"Jakub Antalik","creatorUrl":"https://x.com/jakubantalik","previewSource":"https://libraries.dev/bots","previewSha256":"9cef8e8d557d23f75bd54a38747566d05d3c6a46acfe4e9ee919baecc374493a","repository":"https://github.com/Jakubantalik/Libraries.dev","commit":"bfcb86329da15235a5ee2dcdb6417c8a80f82bb1","codeUrl":"https://github.com/Jakubantalik/Libraries.dev/tree/bfcb86329da15235a5ee2dcdb6417c8a80f82bb1/packages/bot-avatars","sourceFiles":[],"sourceLicenseEvidence":"references/source-license-evidence/libraries-dev/bot-avatars/LICENSE","license":"MIT · Copyright (c) 2026 Jakub Antalik, verified from the exact package LICENSE; Studio/Pro customization and presets have separate paid access.","access":"Original MIT package source linked · not archived; Studio/Pro options sold separately","previewType":"Exact crop of original creator-hosted static UI state; one reference for the whole family","sourcePinNote":"Original public package pinned; published demo build revision is not claimed.","previewWidth":706,"previewHeight":597},{"id":"type-menu-original--linestolayout","name":"Lines to Content Layout Animation","category":"Editorial & typography","why":"Oversized cropped high-contrast serif letterforms bleed off the left edge behind a floating light panel. The panel pairs a spaced-caps title with a large numeral and a hairline slash, a thin arrow, a three-column caption row with a small red circle marker, and a wide monochrome portrait. The tight grayscale palette and the large-versus-small type scale make this a strong editorial composition.","favorite":true,"collection":"codrops-creative","creator":"Codrops","creatorUrl":"https://github.com/codrops/LinesToLayout","website":"https://github.com/codrops/LinesToLayout/blob/d4071daba81d188165be6b6254bfc6c28c21ef3a/README.md","repository":"https://github.com/codrops/LinesToLayout","commit":"d4071daba81d188165be6b6254bfc6c28c21ef3a","codeUrl":"https://github.com/codrops/LinesToLayout/blob/d4071daba81d188165be6b6254bfc6c28c21ef3a/src/js/index.js","sourceFiles":[],"platform":"Web","access":"Public original code link · MIT implementation; separate asset/dependency terms apply","license":"MIT in original LICENSE; included photography, fonts and dependencies keep separate rights.","review":"Sonnet 5.5 Medium full-image visual review and researcher source/notice/provenance checks; no runtime, motion, accessibility or full dependency-license audit","useFor":"Study exact original creator images and primary source links under stated access/license terms.","selectionType":"Individually visually reviewed original reference","discovered":"Original creator repositories, published documentation and credited creative projects · spatial-orchestration review","added":"2026-10-20","preview":"media/references/type-menu-original--linestolayout.jpg","previewSha256":"6d14e6c56c7ca8a334f7582b0f984d29bb1bfff9a9515882d0c27f616de5f475","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2022/04/lines2layout_featured.jpg","previewAnimated":false,"previewType":"Exact unmodified original creator/publisher static image","sourceResolution":"references/type-menu-source-evidence.json","sourcePinNote":"Pinned source provides provenance, not an exact screenshot-build claim. Selected notices/docs/renderers are evidence, not complete component archives; no creator code executed.","originalDemoUrl":"http://tympanus.net/Development/LinesToLayout/","demoAvailability":"Legacy HTTP link preserved exactly from original README; live demo not verified. Main link is the pinned original README.","assetCredits":"- Images from [Unsplash](https://unsplash.com/)","previewWidth":800,"previewHeight":600},{"name":"Material Maker · procedural material workspace","collection":"material-maker-original","creator":"Rodolphe Suescun / Material Maker contributors","creatorUrl":"https://github.com/RodZill4","repository":"https://github.com/RodZill4/material-maker","commit":"05631794f513cabe722923c4d4be94c433230d4b","platform":"Native Godot / GDScript · material graph","license":"MIT, copyright2018-present Rodolphe Suescun and contributors, unless separately specified. App uses Godot GraphEdit as its framework; it is not a recreated React component. Engine, fonts, HDRIs, models, brushes and content rights are separate.","id":"materialmaker-screenshot","category":"Shaders & materials","why":"Full Godot GraphEdit node graph with colored blend/colorize nodes and wires, plus library tree, 2D and 3D previews and an RGB histogram; dense, legible, distinct workspace.","favorite":true,"website":"https://github.com/RodZill4/material-maker/blob/05631794f513cabe722923c4d4be94c433230d4b/README.md","codeUrl":"https://github.com/RodZill4/material-maker/blob/05631794f513cabe722923c4d4be94c433230d4b/material_maker/panels/graph_edit/graph_edit.gd","sourceFiles":[],"access":"Public original source · exact licensing below; dependencies/content/access separate; not executed","review":"Sonnet5.5 Medium full-image visual review and researcher provenance/source checks; not runtime, motion, accessibility or complete dependency-license audited","useFor":"Study the exact original static interface image and follow the creator's original source/site under its terms.","selectionType":"Individually visually reviewed original reference","discovered":"Original spatial and motion-authoring controls · motion-controls review","added":"2026-10-20","preview":"media/references/motion-controls--materialmaker-screenshot.png","previewSha256":"82914343db0a3af22f5b96f7b42e362f58f93f9c499b3fad48d182d9059e4f7c","previewSource":"https://raw.githubusercontent.com/RodZill4/material-maker/05631794f513cabe722923c4d4be94c433230d4b/material_maker/doc/images/screenshot.png","previewAnimated":false,"previewType":"Exact unmodified original creator static image","previewWidth":1920,"previewHeight":1105,"sourceResolution":"references/motion-controls-source-resolution.json","sourcePinNote":"Original static bytes preserved without generated replacement or upscale. Public image and inspected source revisions are separately pinned; exact screenshot-build equality not claimed. Selected source/notice files are partial provenance, not complete component archives."},{"id":"webzibition--mathias-adolfsson","name":"Mathias Adolfsson","collection":"webzibition","creator":"Mathias Adolfsson · original site","creatorAttribution":"Site identity from the publisher listing; individual design author not independently verified","category":"Spatial experiences","why":"Portfolio on black where panels curve like a wide panoramic strip, with a clear headline in the centre.","useFor":"Study the original website’s composition and presentation; code availability is unverified.","website":"https://mathiasadolfsson.dev/","codeUrl":"","repository":"","sourceFiles":[],"commit":"","access":"Design reference · public source not traced","license":"Website and preview rights belong to their respective owners; no source or reuse license verified","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited; original website returned HTTP200; screenshot may predate the current live design","selectionType":"Preview-reviewed original design reference","favorite":true,"discovered":"Codrops Webzibition → original website","added":"2026-10-20","preview":"media/references/webzibition--mathias-adolfsson.png","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/10/mathiasadolfsson.dev_-1200x649.png?x67708","previewType":"Codrops publisher screenshot of the linked original website; not a fresh live capture","previewWidth":1200,"previewHeight":649,"previewSha256":"aba225d779afc275720f28adf0bd0e14e994222d7ee20947c4f50b6f0088b855","previewAnimated":false,"publisherIndex":"https://tympanus.net/codrops/webzibition/","publisherRecord":"post-124399","pageTitle":"Mathias Adolfsson - Independent Creative Engineer","pageCheckedAt":"2026-10-20T05:54:32.868906+00:00","pageAvailability":"HTTP200; same-domain original website","retrievedAt":"2026-10-20T05:54:32.868906+00:00"},{"id":"webzibition--matteo-courquin","name":"Matteo Courquin","collection":"webzibition","creator":"Matteo Courquin · original site","creatorAttribution":"Site identity from the publisher listing; individual design author not independently verified","category":"Editorial & typography","why":"Large distorted blackletter-style 'CREATIVE DEVELOPER' with dense small UI text and portrait cut-outs on grey; layered type collage.","useFor":"Study the original website’s composition and presentation; code availability is unverified.","website":"https://matteocourquin.com/","codeUrl":"","repository":"","sourceFiles":[],"commit":"","access":"Design reference · public source not traced","license":"Website and preview rights belong to their respective owners; no source or reuse license verified","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited; original website returned HTTP200; screenshot may predate the current live design","selectionType":"Preview-reviewed original design reference","favorite":true,"discovered":"Codrops Webzibition → original website","added":"2026-10-20","preview":"media/references/webzibition--matteo-courquin.png","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/10/matteocourquin.com_-1200x649.png?x67708","previewType":"Codrops publisher screenshot of the linked original website; not a fresh live capture","previewWidth":1200,"previewHeight":649,"previewSha256":"db5df4993ec3f427a8cedff5f5decdc841fbbe2e9b637a0f2495b1d9d25e5ff6","previewAnimated":false,"publisherIndex":"https://tympanus.net/codrops/webzibition/","publisherRecord":"post-123548","pageTitle":"MATTEO COURQUIN","pageCheckedAt":"2026-10-20T05:54:32.868906+00:00","pageAvailability":"HTTP200; same-domain original website","retrievedAt":"2026-10-20T05:54:32.868906+00:00"},{"id":"webzibition--matteron","name":"Matteron","collection":"webzibition","creator":"Matteron · original site","creatorAttribution":"Site identity from the publisher listing; individual design author not independently verified","category":"Full websites & portfolios","why":"Greyscale rocky texture with a thin neon-green line and green headline 'We build beauty around deep tech'; strong single-accent palette.","useFor":"Study the original website’s composition and presentation; code availability is unverified.","website":"https://matteron.com/","codeUrl":"","repository":"","sourceFiles":[],"commit":"","access":"Design reference · public source not traced","license":"Website and preview rights belong to their respective owners; no source or reuse license verified","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited; original website returned HTTP200; screenshot may predate the current live design","selectionType":"Preview-reviewed original design reference","favorite":true,"discovered":"Codrops Webzibition → original website","added":"2026-10-20","preview":"media/references/webzibition--matteron.png","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/10/matteron.com_-1200x649.png?x67708","previewType":"Codrops publisher screenshot of the linked original website; not a fresh live capture","previewWidth":1200,"previewHeight":649,"previewSha256":"f63f7e6f404aebb1278dba8874d8b6ea3e20f6de417d7da7dc8f101cd9738c04","previewAnimated":false,"publisherIndex":"https://tympanus.net/codrops/webzibition/","publisherRecord":"post-124286","pageTitle":"Matteron — deep tech design and strategy agency","pageCheckedAt":"2026-10-20T05:54:32.868906+00:00","pageAvailability":"HTTP200; same-domain original website","retrievedAt":"2026-10-20T05:54:32.868906+00:00"},{"id":"codrops--menu-nav-gsap","name":"Menu Nav GSAP","collection":"codrops-creative","creator":"Moussa Mamadou","creatorUrl":"https://tympanus.net/codrops/hub/author/moussa_mamadou","category":"Navigation & search","styleTags":["GSAP","menu"],"why":"Full-screen index menu: huge condensed mono caps with tiny numbered superscripts and highlighted current item, flanked by small thumbnails.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://codepen.io/moussamamadou/full/zxYONpz","codeUrl":"https://codepen.io/moussamamadou/pen/zxYONpz","repository":"","sourceFiles":[],"commit":"","access":"Creator code linked · access unverified (source response recorded)","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview review; original demo/source attribution traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":true,"discovered":"X design-community research → Codrops Creative Hub · October 20 midday review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/09/Screenshot-2025-09-21-at-09.51.58.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Feb 9, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T06:57:46.927245+00:00","preview":"media/references/codrops--menu-nav-gsap.png","previewWidth":1600,"previewHeight":1202,"previewSha256":"db4a676f3cc7621805b243ccbe0e5b92c793efc433a5262bc2addb867ac1b12d","previewAnimated":false,"observedPage":6,"sourcePageCheck":{"status":403,"resolvedUrl":"https://codepen.io/moussamamadou/pen/zxYONpz","checkedAt":"2026-10-20T07:06:13.805273+00:00"}},{"id":"beui--message-scroller","name":"Message Scroller","collection":"beui","category":"Conversation craft","why":"Following output stops when the reader deliberately navigates away. Respect for reading position matters more than decorative chat animation.","useFor":"Long streaming conversations.","sourceFiles":["sources/beui/code/components/agents/message-scroller.tsx"],"website":"https://beui.dev/components/agents/message-scroller","repository":"https://github.com/starc007/ui-components","commit":"6b5a00a5687214be8fd12fb0b6a78678d4dc96e0","license":"MIT","access":"Source saved","review":"Source located + documentation","favorite":true,"discovered":"Independent research","added":"2026-10-20","preview":"media/screenshots/beui--message-scroller.jpg","previewType":"Screenshot of the creator’s published web demo","previewSource":"https://beui.dev/components/agents/message-scroller","capturedAt":"2026-10-20T04:15:37.199Z","previewWidth":1216,"previewHeight":520,"previewAnimated":false},{"id":"codrops--model-texture-transition-and-procedural-radial-noise-using-webgl","name":"Model Texture Transition and Procedural Radial Noise using WebGL","collection":"codrops-creative","creator":"Mohammed Amine Bourouis","creatorUrl":"https://tympanus.net/codrops/hub/author/mooh","category":"Shaders & materials","styleTags":["react","React Three Fiber","Three.js","WebGL"],"why":"Pink procedural radial noise ring blooming around a product can","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Development/TextureTransition","codeUrl":"https://github.com/mohAmineBrs/codrops-noise-transition","repository":"https://github.com/mohAmineBrs/codrops-noise-transition","sourceFiles":[],"commit":"","access":"Creator code page linked · HTTP 200; license/reuse terms not audited","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview selection; creator/demo/source links traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":true,"discovered":"X design-community research → Codrops Creative Hub · October 20 creator-depth review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2024/05/texturetransition.jpg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"May 2, 2024","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T07:38:51.455636+00:00","preview":"media/references/codrops--model-texture-transition-and-procedural-radial-noise-using-webgl.jpg","previewWidth":800,"previewHeight":600,"previewSha256":"f52354f891013a3ef4e800eb440f948bf315c1a8cbdb38f76f7e704191dd207b","previewAnimated":false,"sourcePageCheck":{"status":200,"resolvedUrl":"https://github.com/mohAmineBrs/codrops-noise-transition","checkedAt":"2026-10-20T07:40:42.132125+00:00"}},{"name":"Monaspace · texture-healing type specimen","collection":"monaspace-original","creator":"GitHub Next / Lettermatic","creatorUrl":"https://monaspace.githubnext.com/","repository":"https://github.com/githubnext/monaspace","commit":"f31794b6e9e65698a062262e2f826f679dcb7070","codeUrl":"https://github.com/githubnext/monaspace/blob/f31794b6e9e65698a062262e2f826f679dcb7070/sources/Variable%20Fonts/Monaspace%20Neon%20Var.glyphs","platform":"Typography asset · original font-design documentation / Glyphs font source","access":"Original public font source · SIL Open Font License1.1 with reserved names; not website implementation","license":"Font Software SIL OFL1.1, copyright2023 GitHub, with Reserved Font Name Monaspace and Argon/Neon/Xenon/Radon/Krypton subfamilies. Fonts cannot be sold by themselves; derivative reserved-name conditions apply. Original texture-healing documentation credits Lettermatic. Font source is NOT the interactive website implementation or third-party Glyphs.app editor code. No font downloaded/installed/rendered; selected original PNG unchanged. All glyph/specimen states count once.","id":"monaspace-texture-healing","category":"Typography & effects","why":"Before/after specimen on peach: large orange monospace 'winning' stacked as TEXTURE HEALING OFF vs ON over shared black column guides. Tags like w.right and i.right mark which glyph widened into its neighbor's space. The dark/orange label chips and strict grid make the spacing difference visible.","favorite":true,"website":"https://github.com/githubnext/monaspace/blob/f31794b6e9e65698a062262e2f826f679dcb7070/README.md","sourceFiles":[],"review":"Sonnet5.5 Medium exact full-image visual review and researcher original-source/access/quality checks; no runtime, motion, accessibility or full dependency-license audit","useFor":"Study the exact original input/type/approval composition and follow primary creator/source under its terms.","selectionType":"Individually visually reviewed original reference","discovered":"Original expressive input, typography and approval interfaces · input-type pass","added":"2026-10-20","preview":"media/references/input-type--monaspace-LM-GH-TextureHealing-Documentation-10.png","previewSha256":"a03464ae79bfb3a801694b7dd694c0e09bcc7277ea19a25ba74c842555b4fc77","previewSource":"https://raw.githubusercontent.com/githubnext/monaspace/f31794b6e9e65698a062262e2f826f679dcb7070/docs/images/LM-GH-TextureHealing-Documentation-10.png","previewAnimated":false,"previewType":"Exact unmodified original creator static image","previewWidth":2048,"previewHeight":1536,"sourceResolution":"references/input-type-source-resolution.json","sourcePinNote":"Exact original bytes unchanged, no generated/upscaled replacement. Partial notices/source/docs evidence is not a complete component archive. Screenshot/source revisions independently pinned; no exact screenshot-build or runtime claim."},{"id":"codrops-original--multiboxmenu","name":"Multibox Menu","category":"Navigation & search","why":"Full-screen menu split into a modular box grid: small link list, red-tinted map tile, quote tile, call-to-action tile, and large numbered story/chronicles/tour/contact links against a black-and-coral blackletter 'carmeca' hero; distinctive tiled navigation composition and materials.","favorite":true,"collection":"codrops-creative","creator":"Codrops","creatorUrl":"https://github.com/codrops","website":"https://tympanus.net/Development/MultiboxMenu/","repository":"https://github.com/codrops/MultiboxMenu","commit":"e4c5f887f2df0f7cf6c8534891a451e9258f7a71","codeUrl":"https://github.com/codrops/MultiboxMenu/tree/e4c5f887f2df0f7cf6c8534891a451e9258f7a71","sourceFiles":[],"platform":"Web","access":"Original public source linked and pinned · Custom Codrops terms: integration permitted; redistribution/resale as-is restricted; third-party terms apply; not a complete archived component package","license":"Custom Codrops terms: integration permitted; redistribution/resale as-is restricted; third-party terms apply · original notice bytes preserved; image/font/dependency terms remain separate","review":"Sonnet 5.5 Medium full-image visual review plus researcher source/provenance checks; not runtime, motion or accessibility tested","useFor":"Study the exact original image and linked creator source. Respect its source, asset and access terms.","selectionType":"Individually visually reviewed original reference","discovered":"Original GitHub creator repository discovery · spatial-operational review","added":"2026-10-20","preview":"media/references/codrops-original--multiboxmenu.jpg","previewSha256":"1a3188e9803ac74dc2b3aa576368bd2441ac8a14605f5475f566f9ac5960487a","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2018/10/MultiboxMenu.jpg","previewAnimated":false,"previewType":"Exact original creator-published static feature image","sourceResolution":"references/spatial-operational-source-resolution.json","sourcePinNote":"Current pinned original source, not a claim of exact screenshot-build revision.","additionalOriginalImages":[],"previewWidth":800,"previewHeight":600},{"id":"codrops--music-player-with-slider","name":"Music Player with Slider","collection":"codrops-creative","creator":"Ecem Gokdogan","creatorUrl":"https://tympanus.net/codrops/hub/author/ecem_gokdogan","category":"Galleries & transitions","styleTags":["audio","slider","swiper.js"],"why":"Perspective cover carousel with floor reflections above a centered title, scrub bar and round transport buttons.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://codepen.io/ecemgo/full/vYPadZz","codeUrl":"https://codepen.io/ecemgo/pen/vYPadZz","repository":"","sourceFiles":[],"commit":"","access":"Creator code linked · access unverified (source response recorded)","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview review; original demo/source attribution traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":true,"discovered":"X design-community research → Codrops Creative Hub · October 20 midday review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2024/12/Screenshot-2024-12-19-at-17.49.16.jpg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Dec 19, 2024","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T06:57:46.927245+00:00","preview":"media/references/codrops--music-player-with-slider.jpg","previewWidth":1014,"previewHeight":673,"previewSha256":"7dd2a88818ad55e8bb986a26557245eaff06f243923d5733c60ac4415975d462","previewAnimated":false,"observedPage":7,"sourcePageCheck":{"status":403,"resolvedUrl":"https://codepen.io/ecemgo/pen/vYPadZz","checkedAt":"2026-10-20T07:06:12.769631+00:00"}},{"name":"n8n · paused tool approval workspace","collection":"n8n-original","creator":"n8n / Production AI Playbook team","creatorUrl":"https://n8n.io/","repository":"https://github.com/n8n-io/n8n","commit":"f2bfe179f61e9471e51f48dd4f0cd18ead81935a","platform":"Web / Vue + TypeScript · human review and execution","access":"Original public frontend source · Sustainable Use License; EE/hosted/backend entitlement separate","license":"Sustainable Use License1.0 for inspected master source outside .ee files/directories; NOT MIT or Apache. Internal-business/non-commercial/personal limitations and non-commercial distribution conditions apply. .ee paths require separate Enterprise license; both exact notices retained. @n8n/chat package also declares LicenseRef-n8n-sustainable-use. Public frontend does not establish backend/edition entitlement.","id":"n8n-human-review","category":"Human control","why":"Single canonical n8n human-review interface: the editor canvas shows an AI Agent whose 'Review: Send Contract' human-review tool node is highlighted, while the chat panel surfaces 'The agent wants to call Send_Contract' with Approve/Decline, and the logs/detail pane shows the paused 'Waiting for input - execution will continue after the user's response' state. Real, legible product UI (not a diagram or banner) that ties the approval gate, the pending tool call and the waiting execution state together. Counted once for the whole family; the other five images are variants from the same blog post.","favorite":true,"website":"https://blog.n8n.io/production-ai-playbook-human-oversight/","codeUrl":"https://github.com/n8n-io/n8n/blob/f2bfe179f61e9471e51f48dd4f0cd18ead81935a/packages/frontend/editor-ui/src/features/execution/logs/components/ChatMessagesPanel.vue","sourceFiles":[],"review":"Sonnet5.5 Medium full-image visual review and researcher provenance/source checks; not runtime, motion, accessibility or full dependency-license audited","useFor":"Study the exact original static authoring/control interface and follow original source under its terms.","selectionType":"Individually visually reviewed original reference","discovered":"Original visual instruments and human review · visual-instruments pass","added":"2026-10-20","preview":"media/references/visual-instruments--n8n-review-3.png","previewSha256":"2321428fcd57cfa48e11cae921d59c2476850415bb3e6bc7302141fbae029d79","previewSource":"https://storage.ghost.io/c/0d/78/0d78b34c-0c5f-4975-900e-61d00ccb1c2d/content/images/2026/03/exercise-2-.png","previewAnimated":false,"previewType":"Exact unmodified original creator static image","previewWidth":1511,"previewHeight":922,"sourceResolution":"references/visual-instruments-source-resolution.json","sourcePinNote":"Original image bytes unchanged and source revisions independently pinned. Exact screenshot-build equality not claimed; partial evidence files are not a new complete archive. Related states grouped once, generated project content not separately accepted."},{"sourceFiles":[],"review":"Sonnet 5.5 Medium full-image visual review plus researcher original-source/provenance checks; no runtime, accessibility, motion or complete dependency-license audit","useFor":"Study the original creator design and follow the primary links under the stated access/license terms.","selectionType":"Individually visually reviewed original reference","discovered":"Original designer posts and primary creative-tool repositories · designer-tools review","added":"2026-10-20","previewAnimated":false,"previewType":"Exact unmodified original creator static image","id":"nodetool-screen_workflow","name":"NodeTool · workflow","category":"Agent orchestration","why":"Full-bleed node graph where legible String Input nodes, numbered note tags (1 Campaign brief to 5 Write video prompt), a Prompt node with {{ brief }}/{{ audience }}/{{ features }} variable chips, an Agent node and an Image To Video node are wired by colour-coded typed edges. The green 'Completed in 43s 960ms' badge shows run state on the node. The text is readable at full size and the graph is dense with real content.","favorite":true,"preview":"media/references/nodetool-screen_workflow.webp","previewSha256":"7b8a8111e2a05f707df7f624cb504495a5c84d32c36d44bdccdfba4213156263","previewSource":"https://raw.githubusercontent.com/nodetool-ai/nodetool/937b76fa5e6c873ad8e72d005076285a4a4dbf4d/marketing/public/screen_workflow.webp","previewWidth":1600,"previewHeight":1019,"website":"https://github.com/nodetool-ai/nodetool/blob/937b76fa5e6c873ad8e72d005076285a4a4dbf4d/README.md","collection":"nodetool-original","creator":"NodeTool","creatorUrl":"https://github.com/nodetool-ai/nodetool","repository":"https://github.com/nodetool-ai/nodetool","commit":"937b76fa5e6c873ad8e72d005076285a4a4dbf4d","codeUrl":"https://github.com/nodetool-ai/nodetool/blob/937b76fa5e6c873ad8e72d005076285a4a4dbf4d/web/src/components/node_editor/NodeEditor.tsx","platform":"Web/desktop · React authoring workspace","access":"Public original AGPL source · cloud/model-provider access and compute costs separate; not executed","license":"AGPL-3.0, exact LICENSE.txt retained. Generated/example artwork, models, provider services and dependencies have separate rights; no blanket asset reuse grant.","sourceResolution":"references/nodetool-original-source-evidence.json","sourcePinNote":"Original actual-app screenshot Git blob and SHA256 verified, distinct from excluded surface-* look-alike marketing posters. Renderer paths provide provenance, not an exact screenshot-build claim. No creator code, model generation, video or device connections executed."},{"name":"Nomad Sculpt · brush falloff and influence editor","collection":"nomad-product-original","creator":"Stéphane Ginier / Hexanomad","creatorUrl":"https://nomadsculpt.com/","platform":"Native tablet / desktop sculpting application · brush authoring","access":"Paid reference · commercial app with trial; implementation source unavailable in inspected materials","license":"Original official Nomad manual image. Commercial app licenses are one-time purchases; desktop/mobile purchases separate. Public manual and archived SculptGL MIT source are NOT Nomad application implementation or a code-reuse grant. No software download, app execution, purchase, stylus/device or model connection used.","id":"nomad-stroke-controls","category":"Creative controls & effects","why":"Brush falloff panel with Preset / Catmull-Rom / B-spline tabs and an editable symmetric curve, plus a radial falloff swatch, a live material preview and a Sphere / Circle / Cylinder influence selector. The same stroke family includes the stroke-mode segmented control, the randomize rows and the pressure curve. This is a distinctive curve-editing control for brush authoring.","favorite":true,"website":"https://nomadsculpt.com/manual/stroke","repository":"","commit":"","codeUrl":"","sourceFiles":[],"review":"Sonnet5.5 Medium full-image visual review and researcher original-source/access/duplicate checks; static-only, no runtime/motion/accessibility/full dependency-license audit","useFor":"Study exact original spatial/authoring control organization and follow primary creator/source under its terms.","selectionType":"Individually visually reviewed original reference","discovered":"Original spatial and expressive control interfaces · spatial-craft pass","added":"2026-10-20","preview":"media/references/spatial-craft--nomad-falloff_menu.webp","previewSha256":"e9e3f4b2b7cee1bac0b588f1d3564b214f07c3fc8f633eb9fbae13a922adf1ea","previewSource":"https://nomadsculpt.com/manual/assets/falloff_menu.B9IyneFN.webp","previewAnimated":false,"previewType":"Exact unmodified original creator static image","previewWidth":684,"previewHeight":1202,"sourceResolution":"references/spatial-craft-source-resolution.json","sourcePinNote":"Exact original image bytes unchanged. Code/source pin is independent of screenshot revision; no screenshot-build equivalence asserted. Partial license/source evidence is not a new complete archive. No generated/upscaled media or creator code execution."},{"id":"codrops--on-scroll-3d-stack-motion-effect","name":"On-Scroll 3D Stack Motion Effect","collection":"codrops-creative","creator":"Manoela Ilic","creatorUrl":"https://tympanus.net/codrops/hub/author/crnacura","category":"Spatial & motion","styleTags":["3D","GSAP","scroll","stack"],"why":"Fanned stack of iridescent cards sweeping in a 3D arc","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Development/3DStackMotion/","codeUrl":"https://github.com/codrops/3DStackMotion/","repository":"https://github.com/codrops/3DStackMotion/","sourceFiles":[],"commit":"","access":"Creator code page linked · HTTP 200; license/reuse terms not audited","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview selection; creator/demo/source links traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":true,"discovered":"X design-community research → Codrops Creative Hub · October 20 creator-depth review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2024/03/3dstackmotion.jpg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Mar 6, 2024","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T07:38:51.455636+00:00","preview":"media/references/codrops--on-scroll-3d-stack-motion-effect.jpg","previewWidth":800,"previewHeight":600,"previewSha256":"4af939794643d4e4bda2203b580fd130f479dd9a204b8740e62d31ca7040d78b","previewAnimated":false,"sourcePageCheck":{"status":200,"resolvedUrl":"https://github.com/codrops/3DStackMotion/","checkedAt":"2026-10-20T07:40:35.394954+00:00"}},{"id":"blocks-so--onboarding-07","name":"Onboarding Deploy Pipeline","collection":"blocks-so","category":"Tools & execution","website":"https://blocks.so/onboarding/onboarding-07","previewSource":"https://blocks.so/preview/onboarding-07","preview":"media/references/blocks-so--onboarding-07.png","previewSha256":"0e27c8b46e358930685d12c62cebefddc07f97d5229668d0caffe0f0a4d09923","cropEvidence":{"box":[336,200,700,647],"observedDOMBounds":{"bottom":647.4000091552734,"className":"w-full max-w-xl","height":447.6000061035156,"left":336.0375061035156,"right":699.9500122070312,"top":199.8000030517578,"width":363.9125061035156,"x":336.0375061035156,"y":199.8000030517578}},"why":"A segmented three-part progress bar (done, done, spinner) over a Logs overview with a timeline rail and live \"12,847 of 28,500 records processed\" counts, a compact run-status pattern for tool execution.","favorite":true,"added":"2026-10-20","previewAnimated":false,"selectionType":"Visually reviewed original reference","discovered":"Original input and spatial creator trails · input-spatial review","review":"Sonnet 5.5 Medium static visual review and researcher source/provenance checks; not runtime, accessibility or full dependency-license audited","useFor":"Study the original image and linked creator source; respect its license and access terms.","creator":"Ephraim Duncan · Blocks.so","creatorUrl":"https://ephraimduncan.com/","repository":"https://github.com/ephraimduncan/blocks","commit":"3f759d5171c2391253ec4c772e9e5b3db2bc7c7f","codeUrl":"https://github.com/ephraimduncan/blocks/blob/3f759d5171c2391253ec4c772e9e5b3db2bc7c7f/content/components/onboarding/onboarding-07.tsx","sourceFiles":["sources/blocks-so/code/content/components/onboarding/onboarding-07.tsx","sources/blocks-so/code/LICENSE.md"],"access":"Exact original component source archived · MIT; upstream UI dependencies apply","license":"Original Blocks.so MIT license and byte-exact source preserved. shadcn and other upstream dependency terms still apply.","previewType":"Exact screenshot crop of the original creator-hosted demo, with observed DOM bounds preserved","previewWidth":364,"previewHeight":447},{"id":"openai--customer-service","name":"OpenAI customer service agents workspace","category":"Agent orchestration","why":"Split Agent View / Customer View: agent cards dim the inactive ones and mark the current one with an Active badge and blue outline, guardrails show green Passed pills, and a conversation-context grid of key/value fields sits beside a plain customer chat. It exposes routing, safety checks and state next to the dialogue.","favorite":true,"collection":"openai-cs-agents","creator":"OpenAI","creatorUrl":"https://github.com/openai","website":"https://github.com/openai/openai-cs-agents-demo","repository":"https://github.com/openai/openai-cs-agents-demo","commit":"bd7bfca0f5abf50529370814c3e7c88542011925","codeUrl":"https://github.com/openai/openai-cs-agents-demo/tree/bd7bfca0f5abf50529370814c3e7c88542011925/ui/components","sourceFiles":[],"platform":"Web","access":"Original public source linked and pinned; not downloaded as a complete component package","license":"MIT · Copyright 2025 OpenAI","review":"Sonnet 5.5 Medium full-image visual review plus researcher original-source checks; static judgment, no runtime, motion, accessibility or complete dependency audit","useFor":"Study the exact original creator image and linked implementation under its original terms.","selectionType":"Individually visually reviewed original reference","discovered":"Primary creator repository/docs discovery · operational-input review","added":"2026-10-20","preview":"media/references/openai--customer-service.jpg","previewSha256":"0c35d0cee0849425ad3a4eead5061628ad58d7e8063b0a1982c2b6a93b101517","previewSource":"https://raw.githubusercontent.com/openai/openai-cs-agents-demo/bd7bfca0f5abf50529370814c3e7c88542011925/screenshot.jpg","previewAnimated":false,"previewType":"Exact unmodified original creator-published static image","sourceResolution":"references/operational-input-source-evidence.json","sourcePinNote":"Current pinned original source; exact screenshot-build revision is not established. Selected files are provenance evidence, not a complete component archive.","previewWidth":3020,"previewHeight":1470},{"id":"orbkit--shdr-11","preview":"media/references/orbkit--shdr-11.png","previewSha256":"c5042f2281d6b331de781ba7c0df4eea57e3044559c0df871543131dc25d3672","cropBox":[75,120,440,525],"name":"Orbkit SHDR-11","collection":"orbkit","category":"Shaders & materials","why":"Full iridescent glass sphere with rainbow thin-film rim and dark core; clean, unclipped capture.","favorite":true,"useFor":"Inspect the exact original preview and pinned creator code; reuse is governed by the original license and dependencies.","added":"2026-10-20","discovered":"Agents Kit upstream provenance → original creator website and repository · October 20 creator-depth review","selectionType":"Visually reviewed original reference","previewAnimated":false,"previewType":"Exact static screenshot crop of the creator’s published demo; no recreated rendering","review":"Sonnet-assisted static visual review, with full-image follow-up on six candidates; not runtime/accessibility audited","sourceFiles":[],"creator":"zzzzshawn","creatorUrl":"https://x.com/zzzzshawn/","website":"https://orbkit.zzzzshawn.cloud/","previewSource":"https://orbkit.zzzzshawn.cloud/","repository":"https://github.com/zzzzshawn/orbkit","commit":"5dbd641ee0d08a9135a2c13b75c4685c36b02150","codeUrl":"https://github.com/zzzzshawn/orbkit/blob/5dbd641ee0d08a9135a2c13b75c4685c36b02150/orbs/orbs/shdr-11.tsx","access":"Original creator code linked · MIT selected shader; not archived","license":"Selected creator-authored shader: MIT. Repository also contains 19 separately attributed non-commercial XorDev ports, excluded from this selection.","sourceEvidence":"references/orbkit-source-licenses.json","previewWidth":365,"previewHeight":405},{"id":"orbkit--shdr-12","preview":"media/references/orbkit--shdr-12-canvas.png","previewSha256":"56c64744db90c5f980c8d683cce087eadeae42664927722f14842a312f569a8c","cropBox":[97,57,417,377],"name":"Orbkit SHDR-12","collection":"orbkit","category":"Shaders & materials","why":"Whole sphere built from chunky red, yellow, green, blue and white Lego-style bricks with visible studs and stepped edges; fully framed on black with no page chrome left.","favorite":true,"useFor":"Inspect the exact original preview and pinned creator code; reuse is governed by the original license and dependencies.","added":"2026-10-20","discovered":"Agents Kit upstream provenance → original creator website and repository · October 20 creator-depth review","selectionType":"Visually reviewed original reference","previewAnimated":false,"previewType":"Exact static screenshot crop of the creator’s published demo; no recreated rendering","review":"Sonnet-assisted static visual review, with full-image follow-up on six candidates; not runtime/accessibility audited","sourceFiles":[],"creator":"zzzzshawn","creatorUrl":"https://x.com/zzzzshawn/","website":"https://orbkit.zzzzshawn.cloud/","previewSource":"https://orbkit.zzzzshawn.cloud/","repository":"https://github.com/zzzzshawn/orbkit","commit":"5dbd641ee0d08a9135a2c13b75c4685c36b02150","codeUrl":"https://github.com/zzzzshawn/orbkit/blob/5dbd641ee0d08a9135a2c13b75c4685c36b02150/orbs/orbs/shdr-12.tsx","access":"Original creator code linked · MIT selected shader; not archived","license":"Selected creator-authored shader: MIT. Repository also contains 19 separately attributed non-commercial XorDev ports, excluded from this selection.","sourceEvidence":"references/orbkit-source-licenses.json","previewWidth":320,"previewHeight":320},{"id":"orbkit--shdr-13","preview":"media/references/orbkit--shdr-13.png","previewSha256":"1d8437c3bd7683585cf370e46e80471f23300e17730942415b126bfadfcf5876","cropBox":[67,105,447,485],"name":"Orbkit SHDR-13","collection":"orbkit","category":"Shaders & materials","why":"Full violet plasma-globe orb with filament tendrils radiating from a hot core; distinct material.","favorite":true,"useFor":"Inspect the exact original preview and pinned creator code; reuse is governed by the original license and dependencies.","added":"2026-10-20","discovered":"Agents Kit upstream provenance → original creator website and repository · October 20 creator-depth review","selectionType":"Visually reviewed original reference","previewAnimated":false,"previewType":"Exact static screenshot crop of the creator’s published demo; no recreated rendering","review":"Sonnet-assisted static visual review, with full-image follow-up on six candidates; not runtime/accessibility audited","sourceFiles":[],"creator":"zzzzshawn","creatorUrl":"https://x.com/zzzzshawn/","website":"https://orbkit.zzzzshawn.cloud/","previewSource":"https://orbkit.zzzzshawn.cloud/","repository":"https://github.com/zzzzshawn/orbkit","commit":"5dbd641ee0d08a9135a2c13b75c4685c36b02150","codeUrl":"https://github.com/zzzzshawn/orbkit/blob/5dbd641ee0d08a9135a2c13b75c4685c36b02150/orbs/orbs/shdr-13.tsx","access":"Original creator code linked · MIT selected shader; not archived","license":"Selected creator-authored shader: MIT. Repository also contains 19 separately attributed non-commercial XorDev ports, excluded from this selection.","sourceEvidence":"references/orbkit-source-licenses.json","previewWidth":380,"previewHeight":380},{"collection":"orca-original","creator":"Hundredrabbits","creatorUrl":"https://github.com/hundredrabbits","repository":"https://github.com/hundredrabbits/Orca","commit":"223e45c84db14cb77fb1d31e29a3ad94652080d8","website":"https://github.com/hundredrabbits/Orca/blob/223e45c84db14cb77fb1d31e29a3ad94652080d8/README.md","platform":"Web / Electron · JavaScript canvas","license":"MIT, copyright2017 Hundredrabbits. Original notice retained; companion programs, fonts and external MIDI/OSC systems have separate terms.","id":"orca-workspace","name":"Orca · executable glyph grid","category":"Tools & execution","why":"A text-grid live-coding surface in which letters, digits and symbols on a dot lattice form MIDI operators. Teal and white highlighted glyph clusters, a boxed 'Channel 1 / Octave 234 / Notes CDFE' label and an orange cursor are visible. A status line shows grid size, frame count, BPM and the MIDI device. The grid itself is the interface, with no panels or widgets, and the characters are large enough to read.","favorite":true,"codeUrl":"https://github.com/hundredrabbits/Orca/blob/223e45c84db14cb77fb1d31e29a3ad94652080d8/desktop/sources/scripts/client.js","sourceFiles":[],"access":"Public original source · exact licenses below; external services, add-ons and dependency access separate; not executed","review":"Sonnet5.5 Medium full-image visual review and researcher source/provenance checks; not runtime, motion, accessibility or complete dependency-license audited","useFor":"Study the exact original interface image and follow the original implementation under its stated license.","selectionType":"Individually visually reviewed original reference","discovered":"Original spatial and instrument interfaces · spatial-instruments review","added":"2026-10-20","preview":"media/references/spatial-instruments--orca-workspace.jpg","previewSha256":"5d3a4d54ae578c8fd8d14b21ab0e53a072c222222817c39f25c299adc2047067","previewSource":"https://raw.githubusercontent.com/hundredrabbits/Orca/223e45c84db14cb77fb1d31e29a3ad94652080d8/resources/preview.jpg","previewAnimated":false,"previewType":"Exact unmodified original creator static image","previewWidth":1244,"previewHeight":941,"sourceResolution":"references/spatial-instruments-final-source-evidence.json","sourcePinNote":"Original README image and JavaScript canvas/client/cursor source are pinned. This is the Electron/browser implementation, not a source substitute from the separate C terminal port. No MIDI permissions, device connections or code execution."},{"collection":"ossia-original","creator":"OSSIA / GBAP and Avendish contributors","creatorUrl":"https://ossia.io","repository":"https://github.com/celtera/avendish","commit":"7de58c089527b70fc8f7d9b4ce1313d57bcffc7d","website":"https://ossia.io/score-docs/common-practices/14-spatial-audio.html","platform":"Native C++ / Qt · OSSIA score","license":"Avendish GPL-3.0 for the DBAP processor; the root permissive exception applies only to concept definitions. The shown GBAP Multi-Cursor/PathGenerator/Matrix components are separately AGPL-3.0. score core is GPL-3.0 with CeCILL contributions and separate dependency terms; no blanket MIT grant.","id":"ossia-spatialization-dbap","name":"OSSIA · source-to-speaker spatial routing","category":"Spatial & motion","why":"A patch graph where a black XY pad with four numbered cursors and a PathGenerator pad (Linear/Circle/Spiral selector) feed a DBAP (2D) spatializer node. Matrix spatialization and RMS nodes lead to four waveform meters. Wires, mini position plots and labelled parameters are all legible at full size, so the spatial source-to-speaker routing reads as one connected control idea.","favorite":true,"codeUrl":"https://github.com/celtera/avendish/blob/7de58c089527b70fc8f7d9b4ce1313d57bcffc7d/examples/Advanced/Spatialization/DBAP.hpp","sourceFiles":[],"access":"Public original source · exact licenses below; external services, add-ons and dependency access separate; not executed","review":"Sonnet5.5 Medium full-image visual review and researcher source/provenance checks; not runtime, motion, accessibility or complete dependency-license audited","useFor":"Study the exact original interface image and follow the original implementation under its stated license.","selectionType":"Individually visually reviewed original reference","discovered":"Original spatial and instrument interfaces · spatial-instruments review","added":"2026-10-20","preview":"media/references/spatial-instruments--ossia-spatialization-dbap.png","previewSha256":"600cfc03d2b989b2c09771c70c68906bc05fc87c3bfff28e338b0c285fc1e680","previewSource":"https://raw.githubusercontent.com/ossia/score-docs/afbbd9d18d53e7edd1f7e484a2131e78db1cb245/assets/images/common-practices/spatialization/spatialization-dbap.png","previewAnimated":false,"previewType":"Exact unmodified original creator static image","previewWidth":1547,"previewHeight":952,"sourceResolution":"references/spatial-instruments-final-source-evidence.json","sourcePinNote":"Exact original docs image and source checked. The main source link is the specific DBAP processor; GBAP UI/module files and the original tutorial are separately retained as provenance. This does not claim a complete archive or exact screenshot-build match."},{"id":"codrops--page-transitions-in-astro-with-barba-js-gsap","name":"Page Transitions in Astro with Barba.js & GSAP","collection":"codrops-creative","creator":"Iqbal Muthahhary","creatorUrl":"https://tympanus.net/codrops/hub/author/iqbalmuthahhary","category":"Galleries & transitions","styleTags":["astro","barba.js","gsap","page transition"],"why":"Bold yellow circular shape sweeping across black with big sans type and a floating pill nav; strong graphic transition language.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://page-transitions-astro-barba-gsap.crnacura.workers.dev/","codeUrl":"https://github.com/Ibaliqbal/codrops-barbajs-page-transition","repository":"https://github.com/Ibaliqbal/codrops-barbajs-page-transition","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Contact-sheet preview reviewed with Sonnet 5.5 Medium; original publisher links traced; not runtime-tested","selectionType":"Preview-reviewed design reference","favorite":true,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/04/PageTransitions_AstroGSAPBarbajs-768x576.webp","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Apr 8, 2026","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:23:38.056369+00:00","preview":"media/references/codrops--page-transitions-in-astro-with-barba-js-gsap.webp","previewWidth":768,"previewHeight":576,"previewSha256":"d4677b86cd0ca15be88c500ae4aaaba4b5a6eba5224b0caf01d614597acf93d1","previewAnimated":false},{"id":"codrops--paper-crumple-vat","name":"Paper Crumple (VAT)","collection":"codrops-creative","creator":"Toi Nagasawa","creatorUrl":"https://tympanus.net/codrops/hub/author/toinagasawa","category":"Spatial experiences","styleTags":["cannon-es","physics","three.js","webgl"],"why":"Grid-paper poster on a red/grey set with crumpled paper scraps; unusually tactile material study, distinct from glass/particle work.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Demos/PaperCrumble/","codeUrl":"https://github.com/item-develop/paper-crumple-demo","repository":"https://github.com/item-develop/paper-crumple-demo","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Contact-sheet preview reviewed with Sonnet 5.5 Medium; original publisher links traced; not runtime-tested","selectionType":"Preview-reviewed design reference","favorite":true,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/09/crumbledpaper-768x576.png.webp","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Sep 19, 2026","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:23:38.056369+00:00","preview":"media/references/codrops--paper-crumple-vat.webp","previewWidth":768,"previewHeight":576,"previewSha256":"f97e5cff8f2c14417886617098b3c6c750668e3121582d74200d34a208108995","previewAnimated":false},{"id":"x--dom-terminal","name":"Parallel-agent terminal redesign","collection":"x-design","creator":"Dom · @dominikmartn","creatorUrl":"https://x.com/dominikmartn","category":"Tools & execution","why":"Grouped agent sessions pair elapsed times with distinct working, attention and read-status glyphs. Amber group flags bring interventions forward, beside a typed monospaced transcript of tools and nested results.","useFor":"Study the original creator images and attention hierarchy; the creator’s fork is not publicly linked in the inspected thread.","website":"https://x.com/dominikmartn/status/2112166646706319783","codeUrl":"","repository":"","sourceFiles":[],"commit":"","access":"Concept · original redesign; creator says fork will be shared, no public source linked","license":"Creator copyright; no reuse license verified","review":"Exact creator post, source-availability replies and two original images inspected; Sonnet-assisted visual review; implementation not tested","selectionType":"Visually reviewed original post","favorite":true,"discovered":"Mohith Chrome X bookmarks → original creator post and replies · October 20 midday review","added":"2026-10-20","preview":"media/references/x--dom-terminal-1.jpg","previewSource":"https://pbs.twimg.com/media/HU_sXJYbEAAirko?format=jpg&name=4096x4096","previewType":"Unchanged full-resolution original creator image; no generated replacement","previewWidth":3200,"previewHeight":2400,"previewSha256":"9c2350d837da08f57f4733de4b55429d1243ca8dbe27ecc6c4358da02ba81a6e","previewAnimated":false,"additionalOriginalImages":["media/references/x--dom-terminal-2.jpg"],"sourceAvailabilityEvidence":"https://x.com/dominikmartn/status/2112375455387127957"},{"id":"x--merge-conflict","name":"Phil Pitus · Merge Conflicts","collection":"x","category":"Artifacts & evidence","why":"The original Oct 17 video keeps the commit graph, active work and final merge outcome in one coherent surface. The shift from working to ready-to-merge is more informative than a disconnected success toast.","useFor":"Generative merge-conflict resolution and inline patch review. Original thread traced; source still not found.","sourceFiles":[],"website":"https://x.com/pitus_/status/2111519352503873866","repository":"","commit":"","license":"No source license verified","access":"Concept · source not found","review":"Original video visual reviewed","favorite":true,"discovered":"X bookmarks","added":"2026-10-20","preview":"media/pitus-conflict.jpg","previewType":"Original X video poster; still image, not a recording of the full interaction","previewSource":"https://x.com/pitus_/status/2111519352503873866","previewWidth":1200,"previewHeight":923,"previewAnimated":false},{"id":"react-aria--photo-library","name":"Photo library","collection":"react-aria","creator":"Adobe · React Aria","category":"Galleries & transitions","why":"A visible viewport of a photo library, not the whole gallery: a masonry-style grid of varied-aspect thumbnails with rounded corners, a left tree sidebar (All Photos selected, expandable category groups), a zoom/size slider and a pill search field above the grid. Useful for gallery layout and sidebar-plus-grid composition; no motion or interaction claims are made from the still.","useFor":"Inspect the original creator demo and implementation before adoption.","website":"https://react-aria.adobe.com/examples/photos","codeUrl":"https://react-aria.adobe.com/examples/photos","repository":"https://github.com/adobe/react-spectrum","sourceFiles":[],"commit":"797762ed3526ea12f089e321bd3891066affad70","access":"Public original docs code linked · implementation not archived","license":"Apache-2.0 (original repository license notice preserved)","review":"Sonnet-assisted static visual review; original demo captured; not runtime/accessibility audited","selectionType":"Visually reviewed original component","favorite":true,"discovered":"Category gap research → official creator documentation","added":"2026-10-20","preview":"media/references/react-aria--photo-library.jpg","previewSource":"https://react-aria.adobe.com/examples/photos","previewType":"Static capture of the published demo; source snapshot pinned separately","previewWidth":918,"previewHeight":713,"previewSha256":"867912d1cc118c472c1d346000b466f3c56267f7a89b8b1b87d6efd5bd39376e","previewAnimated":false,"rawCapture":"evidence/aria-photos-full.jpg","captureBounds":{"left":52,"top":134,"right":970,"bottom":847},"emptyPaddingCrop":null,"retrievedAt":"2026-10-20T06:40:03.546448+00:00","licenseSource":"https://raw.githubusercontent.com/adobe/react-spectrum/797762ed3526ea12f089e321bd3891066affad70/LICENSE","licenseSha256":"7dfe6526888bac51759c99f9a51262ba2711a8c12a067f2181609dd9a4066b84"},{"id":"pindrop--workspace","name":"Pindrop native dictation workspace","category":"Dashboards & data","why":"Serif headline 'You spoke 34,403 words this week.' with the number set in amber italic, over mono stat columns, a hairline-ruled Recent list with mono timestamps and duration pills, and an amber-only heatmap. Warm cream and near-black variants share one type system, so the hierarchy comes from type and a single accent rather than chrome.","favorite":true,"collection":"pindrop","creator":"watzon / Pindrop Contributors","creatorUrl":"https://github.com/watzon","website":"https://github.com/watzon/pindrop","repository":"https://github.com/watzon/pindrop","commit":"8044a15b896c2d0aacdd262649947f19d0ea6fae","codeUrl":"https://github.com/watzon/pindrop/blob/8044a15b896c2d0aacdd262649947f19d0ea6fae/Pindrop/UI/Main/DashboardView.swift","sourceFiles":[],"access":"Original public source linked and pinned · selected renderer bytes checked; not a complete archived component package; Pindrop discontinued and archived at final v1.23.0; successor linked by creator","license":"MIT · original notice preserved; native macOS Swift, not React Native; dependency terms not fully audited","useFor":"Inspect the exact original image and pinned creator source. Follow upstream access and license terms.","review":"Sonnet 5.5 Medium full-image visual review and researcher provenance/source checks; not runtime-tested, not an accessibility audit","sourcePinNote":"Pinned original source path, not a claim of exact screenshot-build revision.","sourceResolution":"references/voice-input-source-resolution.json","selectionType":"Individually visually reviewed original interface","discovered":"Primary voice repository and native author discovery · voice-input review","added":"2026-10-20","preview":"media/references/pindrop--workspace.png","previewSource":"https://raw.githubusercontent.com/watzon/pindrop/8044a15b896c2d0aacdd262649947f19d0ea6fae/assets/images/screenshot.png","previewSha256":"f8eecc84db667f10735df7a9ab927bb93df3232d6c01210b21741a3aa8cccbc6","previewAnimated":false,"previewType":"Exact original creator-published static repository screenshot; original bytes preserved","additionalOriginalImages":[],"successor":"https://justsayso.app","platform":"macOS · Swift / SwiftUI","previewWidth":1228,"previewHeight":828},{"id":"pipecat-ui--audio-visualizer-wave","name":"Pipecat Audio Visualizer Wave","collection":"pipecat-ui","creator":"Pipecat · Daily","category":"Voice & presence","why":"Soft glowing irregular orb as a single presence indicator, beside silent/connecting/speaking/thinking sample-state chips.","useFor":"Inspect the original demo and unchanged source before adoption.","website":"https://ui.pipecat.ai/docs/visualizers/audio-visualizer-wave","codeUrl":"https://github.com/pipecat-ai/pipecat-ui/blob/f1c9470b6d385ededf0acb6ed5e2f18a66966fdf/packages/registry/src/components/audio-visualizer-wave.tsx","repository":"https://github.com/pipecat-ai/pipecat-ui","sourceFiles":["sources/pipecat-ui/code/packages/registry/src/components/audio-visualizer-wave.tsx","sources/pipecat-ui/code/packages/registry/src/components/audio-visualizer-wave.stories.tsx"],"commit":"f1c9470b6d385ededf0acb6ed5e2f18a66966fdf","access":"Source saved","license":"BSD-2-Clause (original Daily license notice preserved in pinned archive)","review":"Original published sample captured; exact pinned component/example source archived; not runtime/accessibility audited","selectionType":"Visually reviewed original reference","favorite":true,"discovered":"Category gap research → primary creator GitHub README → original documentation · October 20 midday review","added":"2026-10-20","preview":"media/references/pipecat-ui--audio-visualizer-wave.jpg","previewSource":"https://ui.pipecat.ai/docs/visualizers/audio-visualizer-wave","previewType":"Exact static capture of the creator’s published demo; no session connection","previewWidth":694,"previewHeight":360,"previewSha256":"e46993ea63a9153d1609cdbf46f4c44ad3b31ef9cd1dbe68030a67d3bae3911c","previewAnimated":false,"rawCapture":"evidence/pipecat-audio-visualizer-wave-full.jpg","captureBounds":{"left":288,"top":104,"right":982,"bottom":464},"previewState":"Creator’s mock speaking preview, view mode; no session connection","retrievedAt":"2026-10-20T06:55:52.189984+00:00","sourcePageCheck":{"status":200,"resolvedUrl":"https://github.com/pipecat-ai/pipecat-ui/blob/f1c9470b6d385ededf0acb6ed5e2f18a66966fdf/packages/registry/src/components/audio-visualizer-wave.tsx","checkedAt":"2026-10-20T07:06:21.949464+00:00"}},{"id":"pipecat-ui--console","name":"Pipecat Console","collection":"pipecat-ui","creator":"Pipecat · Daily","category":"Voice & presence","why":"Disconnected session console with separate media, conversation/composer, status/devices/session and event-filter panes. The original empty state makes connection boundaries explicit.","useFor":"Inspect the original demo and unchanged source before adoption.","website":"https://ui.pipecat.ai/docs/blocks/console","codeUrl":"https://github.com/pipecat-ai/pipecat-ui/blob/f1c9470b6d385ededf0acb6ed5e2f18a66966fdf/packages/registry/src/blocks/console/console.tsx","repository":"https://github.com/pipecat-ai/pipecat-ui","sourceFiles":["sources/pipecat-ui/code/packages/registry/src/blocks/console/console.tsx"],"commit":"f1c9470b6d385ededf0acb6ed5e2f18a66966fdf","access":"Source saved","license":"BSD-2-Clause (original Daily license notice preserved in pinned archive)","review":"Original published sample captured; exact pinned component/example source archived; not runtime/accessibility audited","selectionType":"Visually reviewed original reference","favorite":true,"discovered":"Category gap research → primary creator GitHub README → original documentation · October 20 midday review","added":"2026-10-20","preview":"media/references/pipecat-ui--console.jpg","previewSource":"https://ui.pipecat.ai/docs/blocks/console","previewType":"Exact static capture of the creator’s published demo; no session connection","previewWidth":1021,"previewHeight":847,"previewSha256":"6e9e534483fea015ed7a82a0e83b3ed5d5329707fe024d04f2e75e8cd8c18100","previewAnimated":false,"rawCapture":"evidence/pipecat-console-full.jpg","captureBounds":{"left":0,"top":0,"right":1021,"bottom":847},"previewState":"Published console overlay, disconnected; connect and device controls untouched","retrievedAt":"2026-10-20T06:55:52.189984+00:00","sourcePageCheck":{"status":200,"resolvedUrl":"https://github.com/pipecat-ai/pipecat-ui/blob/f1c9470b6d385ededf0acb6ed5e2f18a66966fdf/packages/registry/src/blocks/console/console.tsx","checkedAt":"2026-10-20T07:06:21.171599+00:00"}},{"id":"pipecat-ui--conversation","name":"Pipecat Conversation","collection":"pipecat-ui","creator":"Pipecat · Daily","category":"Tools & execution","why":"Tool call shown inline in the transcript as a collapsible row with a check, function name, Arguments block and Result block in mono.","useFor":"Inspect the original demo and unchanged source before adoption.","website":"https://ui.pipecat.ai/docs/components/conversation","codeUrl":"https://github.com/pipecat-ai/pipecat-ui/blob/f1c9470b6d385ededf0acb6ed5e2f18a66966fdf/packages/registry/src/components/conversation.tsx","repository":"https://github.com/pipecat-ai/pipecat-ui","sourceFiles":["sources/pipecat-ui/code/packages/registry/src/components/conversation.tsx","sources/pipecat-ui/code/packages/registry/src/components/conversation.stories.tsx","sources/pipecat-ui/code/packages/registry/src/components/conversation-message.tsx"],"commit":"f1c9470b6d385ededf0acb6ed5e2f18a66966fdf","access":"Source saved","license":"BSD-2-Clause (original Daily license notice preserved in pinned archive)","review":"Original published sample captured; exact pinned component/example source archived; not runtime/accessibility audited","selectionType":"Visually reviewed original reference","favorite":true,"discovered":"Category gap research → primary creator GitHub README → original documentation · October 20 midday review","added":"2026-10-20","preview":"media/references/pipecat-ui--conversation.jpg","previewSource":"https://ui.pipecat.ai/docs/components/conversation","previewType":"Exact static capture of the creator’s published demo; no session connection","previewWidth":694,"previewHeight":380,"previewSha256":"4e7aab1eb58588c2d75b187b3288209dc44f38ffc5b1480b34aec4853a8a16a4","previewAnimated":false,"rawCapture":"evidence/pipecat-conversation-full.jpg","captureBounds":{"left":288,"top":258,"right":982,"bottom":638},"previewState":"Original published sample state","retrievedAt":"2026-10-20T06:55:52.189984+00:00","sourcePageCheck":{"status":200,"resolvedUrl":"https://github.com/pipecat-ai/pipecat-ui/blob/f1c9470b6d385ededf0acb6ed5e2f18a66966fdf/packages/registry/src/components/conversation.tsx","checkedAt":"2026-10-20T07:06:21.834188+00:00"}},{"id":"codrops--plateforme-10","name":"Plateforme 10","collection":"codrops-creative","creator":"Kiril Bernard Tucker","creatorUrl":"https://tympanus.net/codrops/hub/author/kiril_bernard_tucker","category":"Spatial experiences","styleTags":["3D","blender","GSAP","map","Three.js"],"why":"Pale isometric 3D site model with glowing window slits; venue wordmarks and blue fork-and-knife POI tiles sit directly on the buildings, so the map is the navigation layer.","useFor":"Study the original image and linked creator source; respect its license and access terms.","website":"https://plateforme10-interactive-map.vercel.app/","codeUrl":"https://github.com/Kirilbt/interactive-map/tree/b84b9e49d0ea113782deeb7092b6f99e75448f53","repository":"https://github.com/Kirilbt/interactive-map","sourceFiles":[],"commit":"b84b9e49d0ea113782deeb7092b6f99e75448f53","access":"Original code linked and revision pinned · not archived; root license unverified","license":"Original repository UNVERIFIED; root license checked where present. Assets and dependency terms not fully audited.","review":"Sonnet 5.5 Medium static visual review and researcher source/provenance checks; not runtime, accessibility or full dependency-license audited","selectionType":"Visually reviewed original reference","favorite":true,"discovered":"Original input and spatial creator trails · input-spatial review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/09/Screenshot-2025-09-18-at-09.29.30.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Jun 18, 2023","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T08:26:33.379151+00:00","preview":"media/references/codrops--plateforme-10.png","previewWidth":1600,"previewHeight":1202,"previewSha256":"1f9433114c60a531e1acbb1370a9d073c59f81977657e0f593aa5ffdc01c17ab","previewAnimated":false,"sourcePageCheck":{"status":200,"resolvedUrl":"https://github.com/Kirilbt/interactive-map","checkedAt":"2026-10-20T08:29:13.941088+00:00"},"observedOriginalCodeUrl":"https://github.com/Kirilbt/interactive-map","sourcePinNote":"Current public original source pinned; screenshot build revision is not claimed."},{"id":"codrops--players-club-a-free-astro-template-for-showcasing-music-artists","name":"Players Club: A Free Astro Template for Showcasing Music Artists","collection":"codrops-creative","creator":"Manoela Ilic","creatorUrl":"https://tympanus.net/codrops/hub/author/crnacura","category":"Full websites & portfolios","styleTags":["astro","GSAP","template"],"why":"Edge-to-edge portrait grid under a ruled header with Sort / Shuffle / Search actions and a count in the corner.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://playersclub.crnacura.workers.dev/","codeUrl":"https://github.com/crnacura/PlayersClub","repository":"https://github.com/crnacura/PlayersClub","sourceFiles":[],"commit":"","access":"Creator code page linked · HTTP 200; license/reuse terms not audited","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview review; original demo/source attribution traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":true,"discovered":"X design-community research → Codrops Creative Hub · October 20 midday review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/02/PlayersClub_Template_featured.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Feb 5, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T06:57:46.927245+00:00","preview":"media/references/codrops--players-club-a-free-astro-template-for-showcasing-music-artists.png","previewWidth":1000,"previewHeight":750,"previewSha256":"86a742573ba2246268d31499ca0f6c527706dad0948ea5cd45541d0bad8c0e88","previewAnimated":false,"observedPage":6,"sourcePageCheck":{"status":200,"resolvedUrl":"https://github.com/crnacura/PlayersClub","checkedAt":"2026-10-20T07:06:19.015234+00:00"}},{"preview":"media/references/x-raffi--1.jpg","previewSha256":"df62a7c863bdbf5a6c0e91271a02e49ec26897ea64657cdc1ac424dfd2b5fe81","id":"x-raffi--launcher","name":"Raffi native command launcher","category":"Navigation & search","why":"Native launcher: search field, icon result list mixing apps and notes, and a right preview pane showing command, binary and arguments with a key-hint footer.","favorite":true,"collection":"raffi","sourceFiles":[],"commit":"63ca38acbb8f69f61a4b3d7b95866363bc2ab049","repository":"https://github.com/chmouel/raffi","codeUrl":"https://github.com/chmouel/raffi/tree/63ca38acbb8f69f61a4b3d7b95866363bc2ab049/src/ui/wayland","added":"2026-10-20","previewAnimated":false,"discovered":"Original operational creator trails and Mohith Chrome X design search · voice-workflows review","selectionType":"Visually reviewed original reference","review":"Sonnet-assisted static visual review; original source attribution checked; not runtime/accessibility audited","useFor":"Study the exact original image and creator implementation; respect its license and access terms.","previewType":"Exact original creator image or screenshot crop of its published demo; no recreated rendering","creator":"Chmouel Boudjnah · @chmouel","creatorUrl":"https://x.com/chmouel","website":"https://x.com/chmouel/status/2112167573429084521","originalWebsite":"https://chmouel.github.io/raffi/","previewSource":"https://pbs.twimg.com/media/HU_sXGTWwAAJTXS?format=jpg&name=large","access":"Original Apache-2.0 source linked · native Rust/iced app; not archived","license":"Apache-2.0 per original repository; native Rust iced, not a React component","originalCreatorPost":"https://x.com/chmouel/status/2112167573429084521","previewWidth":1248,"previewHeight":688},{"name":"Raycast · inline user-decision handoff","collection":"raycast-product-original","creator":"Raycast","creatorUrl":"https://www.raycast.com/","platform":"Native desktop · macOS / Windows AI interface","access":"Paid reference · Raycast Pro Exclusive; core app implementation source unavailable in inspected sources","license":"Original commercial Raycast product manual image; no public core-app implementation or reuse grant established. Public extension SDK/repositories are not source for this core AI UI. No model call, screen capture, permission, session or device connection used.","id":"raycast-ai-workspace","category":"Human control","why":"Quick AI/Chat family: the agent pauses mid-run, after its web-search step, with an inline Ask User Question card. It has a numbered multiple-choice list, a highlighted default row, a free-text 'Type your answer...' field, and Dismiss (Esc) and Answer (Return) affordances. The card is docked above the composer and the tool trail stays visible above it. Judged statically from the official native-pixel image only. It shows how an agent hands a decision back to the user, not a generic chat or settings crop. No runtime, privacy/security behavior, permissions or entitlement claims; Pro Exclusive page, app source unavailable.","favorite":true,"website":"https://manual.raycast.com/ai/quick-ai","repository":"","commit":"","codeUrl":"","sourceFiles":[],"review":"Sonnet5.5 Medium full-image visual review and researcher original-source/access checks; not runtime, accessibility, motion, security or full dependency-license audited","useFor":"Study the exact original static authoring/control image and follow primary creator/source under its terms.","selectionType":"Individually visually reviewed original reference","discovered":"Original form authoring and human review · review-forms pass","added":"2026-10-20","preview":"media/references/review-forms--raycast-0-3.png","previewSha256":"b73a902af9a839ef4fecac435acfb3e260bd63899c48efaaf11dd6e6f925a521","previewSource":"https://fz1sd71lwhbqy6sh.public.blob.vercel-storage.com/raycast/images/app/ai/mac-aichat-askquestions.png","previewAnimated":false,"previewType":"Exact unmodified original creator static image","previewWidth":1748,"previewHeight":1510,"sourceResolution":"references/review-forms-source-resolution.json","sourcePinNote":"Original image bytes unchanged, no generated/upscaled replacement. Literal Raycast blob URLs are explicitly declared by official image src query, not invented higher-resolution URLs. Original docs and source pins are independent; no exact screenshot-build match claimed. Partial source evidence is not a new complete archive."},{"id":"codrops--reaction-diffusion-compute-shader-in-webgpu","name":"Reaction-Diffusion Compute Shader in WebGPU","collection":"codrops-creative","creator":"Robert Leitl","creatorUrl":"https://tympanus.net/codrops/hub/author/robert","category":"Shaders & materials","styleTags":["glsl","reaction diffusion","webgpu"],"why":"Dark-blue reaction-diffusion ridges form stacked numerals with bright raised edges; a distinctive organic relief texture.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Tutorials/WebGPUReactionDiffusion","codeUrl":"https://github.com/robert-leitl/webgpu-reaction-diffusion","repository":"https://github.com/robert-leitl/webgpu-reaction-diffusion","sourceFiles":[],"commit":"","access":"Creator code page linked · HTTP 200; license/reuse terms not audited","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview selection; creator/demo/source links traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":true,"discovered":"X design-community research → Codrops Creative Hub · October 20 creator-depth review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2024/04/feature-image.jpg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"May 1, 2024","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T07:38:51.455636+00:00","preview":"media/references/codrops--reaction-diffusion-compute-shader-in-webgpu.jpg","previewWidth":800,"previewHeight":600,"previewSha256":"36b32a4afe3f4f5db5417f37382d741504bf6fecdc8d2db3fe8d685a129aa263","previewAnimated":false,"sourcePageCheck":{"status":200,"resolvedUrl":"https://github.com/robert-leitl/webgpu-reaction-diffusion","checkedAt":"2026-10-20T07:40:43.955191+00:00"}},{"id":"codrops--reel-flux","name":"Reel Flux","collection":"codrops-creative","creator":"Saurabh Thapliyal","creatorUrl":"https://tympanus.net/codrops/hub/author/saurabh_thapliyal","category":"Spatial experiences","styleTags":["gsap","three.js","tsl","webgl","webgpu"],"why":"Cream page with a curved, bent horizontal strip of landscape/architecture frames; calm gallery navigation where the strip itself bends spatially.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://saurow-reel.vercel.app/","codeUrl":"","repository":"","sourceFiles":[],"commit":"","access":"Demo reference · no public code linked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Contact-sheet preview reviewed with Sonnet 5.5 Medium; original publisher links traced; not runtime-tested","selectionType":"Preview-reviewed design reference","favorite":true,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/09/saurow-768x576.png.webp","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Sep 14, 2026","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:23:38.056369+00:00","preview":"media/references/codrops--reel-flux.webp","previewWidth":768,"previewHeight":576,"previewSha256":"09b884fe3f5dfb53826465f88352a820ad0e0b7eecec0626dbda1e11171d7083","previewAnimated":false},{"id":"rerun-original--viewer","name":"Rerun spatial inspection viewer","category":"Spatial experiences","why":"A large photogrammetry point cloud of a circular fountain fills the viewport with a ground grid, a camera frustum showing its image and an axis gizmo. A compact transport bar sits along the bottom edge with a scrubber and frame counter. The composition is strong, legible and uncluttered. The README overview (viewer-1) is merged because it shows the same viewer with small callout-labeled panels. Dual MIT/Apache source; data and model assets are licensed separately.","favorite":true,"collection":"rerun-original","creator":"Rerun Technologies","creatorUrl":"https://rerun.io","website":"https://rerun.io/docs/reference/viewer/overview","repository":"https://github.com/rerun-io/rerun","commit":"a9880d034f7ffa8d0b8255147dafcdfcc6afca2d","codeUrl":"https://github.com/rerun-io/rerun/blob/a9880d034f7ffa8d0b8255147dafcdfcc6afca2d/crates/top/re_viewer/src/app/ui.rs","sourceFiles":[],"platform":"Rust egui · native / WebAssembly viewer","access":"Public original viewer source · linked pinned implementation, not a complete component archive; dataset/model licensing not inferred","license":"MIT OR Apache-2.0 per workspace/package declaration. Original LICENSE-MIT and LICENSE-APACHE preserved; model/data/dependency terms separate.","review":"Sonnet 5.5 Medium full-image visual review and researcher source/notice/provenance checks; no runtime, motion, accessibility or full dependency-license audit","useFor":"Study exact original creator images and primary source links under stated access/license terms.","selectionType":"Individually visually reviewed original reference","discovered":"Original creator repositories, published documentation and credited creative projects · spatial-orchestration review","added":"2026-10-20","preview":"media/references/rerun-original--viewer-2.png","previewSha256":"b9bcd93b79f2b4f0806568a1427a33c9125c56c4ed854f9a157fd53423f1e2e6","previewSource":"https://static.rerun.io/pointcloud/80cc95c74b1fbab26af9b0d3547387352f932914/full.png","previewAnimated":false,"previewType":"Exact unmodified original creator/publisher static image","sourceResolution":"references/spatial-orchestration-source-evidence.json","sourcePinNote":"Pinned source provides provenance, not an exact screenshot-build claim. Selected notices/docs/renderers are evidence, not complete component archives; no creator code executed.","previewWidth":2634,"previewHeight":1828},{"name":"Retool · data-function review and approval","collection":"retool-original","creator":"Retool","creatorUrl":"https://retool.com/","platform":"Web · AI app-builder data approval interface","access":"Demo reference · original product screenshot; editor implementation source not established; plan entitlement unverified","license":"No public app-builder implementation or code-reuse grant established in inspected official documentation. Generated sample app code, public SDKs and documentation are not the Retool editor implementation. No query/database was connected or executed.","id":"retool-function-review","category":"Human control","why":"A 'Require approval' toggle, a Needs review list, an Approve banner reading 'This function requires review', typed parameter inputs, the SQL function code and a returned-row result table, all in one legible frame. It is a concrete human-approval gate for a data-mutating function. Earlier and later states (review list, test, approve, publish dialogs) are the same function and are held as redundant.","favorite":true,"website":"https://docs.retool.com/education/labs/fundamentals/retool-app-builder","repository":"","commit":"","codeUrl":"","sourceFiles":[],"review":"Sonnet5.5 Medium full-image visual review and researcher original-source/access checks; not runtime, accessibility, motion, security or full dependency-license audited","useFor":"Study the exact original static authoring/control image and follow primary creator/source under its terms.","selectionType":"Individually visually reviewed original reference","discovered":"Original form authoring and human review · review-forms pass","added":"2026-10-20","preview":"media/references/review-forms--review-form-1-15.png","previewSha256":"851412150523a801254da0cd9eb997016ca8bab551bbfb7246b83a280f104b23","previewSource":"https://docs.retool.com/assets/images/data-functions-confirm-275607b000f14f75c2199f7f13d9ce10.png","previewAnimated":false,"previewType":"Exact unmodified original creator static image","previewWidth":1800,"previewHeight":779,"sourceResolution":"references/review-forms-source-resolution.json","sourcePinNote":"Original image bytes unchanged, no generated/upscaled replacement. Literal Raycast blob URLs are explicitly declared by official image src query, not invented higher-resolution URLs. Original docs and source pins are independent; no exact screenshot-build match claimed. Partial source evidence is not a new complete archive."},{"id":"x--thinking-mode","name":"Rico · Thinking Mode","collection":"x","category":"Thinking & progress","why":"A quiet white surface, subdued work-in-progress text and a compact elapsed-time label keep attention on the emerging task. Visually reviewed in the bookmarked video.","useFor":"Reference for calm thinking states. Source link still to be found.","sourceFiles":[],"website":"https://x.com/_heyrico/status/2112212712306749537","repository":"","commit":"","license":"No source license verified","access":"Concept · source not found","review":"Bookmarked video visual","favorite":true,"discovered":"X bookmarks","added":"2026-10-20","preview":"media/rico-thinking.jpg","previewType":"Original X video poster; still image, not a recording of the full interaction","previewSource":"https://x.com/_heyrico/status/2112212712306749537","previewWidth":1080,"previewHeight":1080,"previewAnimated":false},{"added":"2026-10-20","sourceFiles":[],"repository":"","commit":"","codeUrl":"","previewAnimated":false,"discovered":"Original X creator trails, native feature tour and primary motion tools · workflow-spatial review","selectionType":"Visually reviewed original reference","review":"Sonnet 5.5 Medium static visual review; provenance/source checks, not runtime, accessibility or full license/dependency audit","useFor":"Study the exact original reference and linked creator source. Respect its access and license terms.","id":"webzibition--san-rita","name":"San Rita","category":"Navigation & search","why":"A terrain map is the navigation: a legend sidebar (road, trail, fishing spot, viewpoint), a dashed route line to hotspots, a coordinate grid with scale bars and a 'latest hot spot' card. It turns a site menu into cartography.","favorite":true,"collection":"webzibition","preview":"media/references/webzibition--san-rita.webp","previewSha256":"45ac5a8ccd5884ce3134c7bec3b89504556370d6c255fad3772709f8d2d1589b","website":"https://sanrita.ca/","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/03/sanrita.ca_.jpg.webp","additionalOriginalImages":[],"creator":"San Rita · original site","creatorUrl":"https://sanrita.ca/","publisherIndex":"https://tympanus.net/codrops/webzibition/page/4/","access":"Demo reference · original website; public component source not traced","license":"Original website/image rights remain with their creators; no public code/reuse license established.","attributionNote":"Site/brand identified from original showcase and linked site. Separate designer/agency credit not independently traced.","previewType":"Original static website screenshot published in Codrops Webzibition; not a generated substitute","caseStudy":"https://tympanus.net/codrops/2026/03/24/digital-craft-wild-soul-building-san-ritas-topographic-web-experience/","previewWidth":1440,"previewHeight":779},{"id":"codrops--scroll-driven-polaroid-animation-with-gsap","name":"Scroll-Driven Polaroid Animation with GSAP","collection":"codrops-creative","creator":"Tom Miller","creatorUrl":"https://tympanus.net/codrops/hub/author/creativeocean","category":"Galleries & transitions","styleTags":["gsap","polaroid","scroll"],"why":"Dark neon-lit page pairing a mono-type text column with a large tilted polaroid; tactile physical-object metaphor driven by scroll.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Tutorials/Scrollaroids/","codeUrl":"","repository":"","sourceFiles":[],"commit":"","access":"Demo reference · no public code linked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Contact-sheet preview reviewed with Sonnet 5.5 Medium; original publisher links traced; not runtime-tested","selectionType":"Preview-reviewed design reference","favorite":true,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/05/Scrollaroids-768x576.webp","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"May 21, 2026","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:23:38.056369+00:00","preview":"media/references/codrops--scroll-driven-polaroid-animation-with-gsap.webp","previewWidth":768,"previewHeight":576,"previewSha256":"708f70069fc3e1ceb0f37bd7c9fd3eb68c053fd3f091476ab25092f1f85b5d41","previewAnimated":false},{"id":"codrops--scroll-driven-svg-map-animation-with-gsap","name":"Scroll-Driven SVG Map Animation with GSAP","collection":"codrops-creative","creator":"Tom Miller","creatorUrl":"https://tympanus.net/codrops/hub/author/creativeocean","category":"Galleries & transitions","styleTags":["gsap","map","scroll","svg"],"why":"Muted map base with overlaid editorial paper cards and a drawn route; scrollytelling where text panels and map geometry are composed together.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Tutorials/ScrollMap/","codeUrl":"","repository":"","sourceFiles":[],"commit":"","access":"Demo reference · no public code linked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Contact-sheet preview reviewed with Sonnet 5.5 Medium; original publisher links traced; not runtime-tested","selectionType":"Preview-reviewed design reference","favorite":true,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/05/MapAnimation-768x576.webp","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"May 21, 2026","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:23:38.056369+00:00","preview":"media/references/codrops--scroll-driven-svg-map-animation-with-gsap.webp","previewWidth":768,"previewHeight":576,"previewSha256":"28a97d2d8b77b5684111e4660cd148e1df7904218493202f2bd2d0075c3d148c","previewAnimated":false},{"id":"codrops--scrolltrigger-image-zoom","name":"ScrollTrigger Image Zoom","collection":"codrops-creative","creator":"GSAP","creatorUrl":"https://tympanus.net/codrops/hub/author/gsap","category":"Editorial & typography","styleTags":["gsap","scroll","zoom"],"why":"Bold serif 'Create The Future' with a round porthole image of a mountain set between the words on black; type and image interlock.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://codepen.io/GreenSock/full/YzbPYMx","codeUrl":"https://codepen.io/GreenSock/full/YzbPYMx","repository":"","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited","selectionType":"Preview-reviewed original design reference","favorite":true,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/09/Screenshot-2025-09-24-at-07.42.49-768x577.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"May 12, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:54:42.821988+00:00","preview":"media/references/codrops--scrolltrigger-image-zoom.png","previewWidth":768,"previewHeight":577,"previewSha256":"956865849357ad8e13529048e9c274099df421bfe108d6123bcd4c27012b335f","previewAnimated":false},{"id":"shapeshift--input","name":"Shapeshift","collection":"shapeshift","category":"Intent & input","why":"The most interesting bookmark find: one quiet field grows into a useful control. Type “timer 5 minutes” and it becomes a timer, without leaving the input context.","useFor":"Intent-driven command bars, contextual calculators, small structured tasks. Keep matching deterministic where possible.","sourceFiles":["sources/shapeshift/code/components/shapeshift.tsx","sources/shapeshift/code/components/shapeshift-shapes.tsx"],"website":"https://lab.anishfn.ink/shapeshift","repository":"","commit":"","license":"No explicit license verified; public registry source, check creator terms before reuse","access":"Source saved","review":"Live interaction tested","favorite":true,"discovered":"X bookmarks","added":"2026-10-20","preview":"media/screenshots/shapeshift--input.jpg","previewType":"Screenshot of the creator’s published web demo","previewSource":"https://lab.anishfn.ink/shapeshift","capturedAt":"2026-10-20T04:05:01.915Z","previewWidth":540,"previewHeight":189,"previewAnimated":false},{"id":"codrops--shiny-call-to-action-button","name":"Shiny call-to-action button","collection":"codrops-creative","creator":"Ryan Mulligan","creatorUrl":"https://tympanus.net/codrops/hub/author/ryan","category":"Forms & controls","styleTags":["button"],"why":"Black pill CTA with blue dotted-grid glow and bright edge highlight on the right","useFor":"Study the original design and its linked implementation before adoption.","website":"https://codepen.io/hexagoncircle/full/MWMqXbK","codeUrl":"https://codepen.io/hexagoncircle/pen/MWMqXbK","repository":"","sourceFiles":[],"commit":"","access":"Creator code linked · access unverified (source response recorded)","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview selection; creator/demo/source links traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":true,"discovered":"X design-community research → Codrops Creative Hub · October 20 creator-depth review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/05/Screenshot-2025-05-31-at-05.29.08.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Aug 31, 2024","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T07:38:51.455636+00:00","preview":"media/references/codrops--shiny-call-to-action-button.png","previewWidth":1600,"previewHeight":1202,"previewSha256":"05e9e25d97fb93a7ad0c38730080ce95b5ffadc90a10e0d730db6e3974293c9b","previewAnimated":false,"sourcePageCheck":{"status":403,"resolvedUrl":"https://codepen.io/hexagoncircle/pen/MWMqXbK","checkedAt":"2026-10-20T07:40:31.460316+00:00"}},{"id":"motion-original--smoothscrollingimageeffects","name":"Smooth Scrolling Image Effects","category":"Editorial & typography","why":"Oversized high-contrast serif initials (Ri, Nj, Mo, Oh) sit on the bottom corners of staggered photo frames over a pale mint ground with a ghosted numeral behind. Tiny italic captions contrast with the huge letters, and one large photo breaks the column.","favorite":true,"collection":"codrops-creative","creator":"Codrops","creatorUrl":"https://github.com/codrops/SmoothScrollingImageEffects","website":"https://github.com/codrops/SmoothScrollingImageEffects/blob/7b033df4710b4254b9a5347af5b95d5a538b3ac0/README.md","repository":"https://github.com/codrops/SmoothScrollingImageEffects","commit":"7b033df4710b4254b9a5347af5b95d5a538b3ac0","codeUrl":"https://github.com/codrops/SmoothScrollingImageEffects/blob/7b033df4710b4254b9a5347af5b95d5a538b3ac0/index.html","sourceFiles":[],"platform":"Web","access":"Public original code link · custom reuse restrictions; not MIT and not mirrored as a reusable component package","license":"CUSTOM RESTRICTED Codrops terms: integration/build-upon permitted, no as-is sale/redistribution/republication or pluginized resale; original README notice preserved. Separate libraries/images/fonts must be licensed independently.","review":"Sonnet 5.5 Medium full-image visual review and researcher source/notice/provenance checks; no runtime, motion, accessibility or full dependency-license audit","useFor":"Study exact original creator images and primary source links under stated access/license terms.","selectionType":"Individually visually reviewed original reference","discovered":"Original creator repositories, published documentation and credited creative projects · spatial-orchestration review","added":"2026-10-20","preview":"media/references/motion-original--smoothscrollingimageeffects.jpg","previewSha256":"3f5a676e8b357e311b955400e5eecceec1ccfa8507975eb5a8b85bc0438a1efb","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2019/07/SmoothScrollingEffects_featured.jpg","previewAnimated":false,"previewType":"Exact unmodified original creator/publisher static image","sourceResolution":"references/spatial-orchestration-source-evidence.json","sourcePinNote":"Pinned source provides provenance, not an exact screenshot-build claim. Selected notices/docs/renderers are evidence, not complete component archives; no creator code executed.","originalDemoUrl":"http://tympanus.net/Development/SmoothScrollingImageEffects/","demoAvailability":"Legacy HTTP link preserved exactly from original README; live demo not verified. Main link is the pinned original README.","assetCredits":"- [TweenMax](https://greensock.com/tweenmax) by Greensock\n- [imagesLoaded](https://imagesloaded.desandro.com/) by Dave DeSandro\n- Images by [Frankie Cordoba](https://www.instagram.com/byfoul/), [Unsplash profile](https://unsplash.com/@byfoul)","previewWidth":800,"previewHeight":600},{"id":"codrops--sticky-grid-scroll","name":"Sticky Grid Scroll","collection":"codrops-creative","creator":"Theo Plawinski","creatorUrl":"https://tympanus.net/codrops/hub/author/theoplawinski","category":"Galleries & transitions","styleTags":["grid","gsap","scroll","sticky"],"why":"Soft-toned flower photography in a white-framed grid that reflows while scrolling; restrained and elegant image-grid behaviour.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Tutorials/StickyGridScroll/","codeUrl":"https://github.com/theoplawinski/codrops-sticky-grid-scroll","repository":"https://github.com/theoplawinski/codrops-sticky-grid-scroll","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Contact-sheet preview reviewed with Sonnet 5.5 Medium; original publisher links traced; not runtime-tested","selectionType":"Preview-reviewed design reference","favorite":true,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/03/theo-plawinski-sticky-grid-scroll-featured-image-768x576.webp","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Mar 2, 2026","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:23:38.056369+00:00","preview":"media/references/codrops--sticky-grid-scroll.webp","previewWidth":768,"previewHeight":576,"previewSha256":"d1ab2d98732e6ca643aedda8bfb29bf123b26cc363237317eb1f63191560e580","previewAnimated":false},{"added":"2026-10-20","sourceFiles":[],"repository":"","commit":"","codeUrl":"","previewAnimated":false,"discovered":"Original X creator trails, native feature tour and primary motion tools · workflow-spatial review","selectionType":"Visually reviewed original reference","review":"Sonnet 5.5 Medium static visual review; provenance/source checks, not runtime, accessibility or full license/dependency audit","useFor":"Study the exact original reference and linked creator source. Respect its access and license terms.","id":"webzibition--studio-k95","name":"Studio K95","category":"Spatial experiences","why":"Works are posters floating on concentric 3D rings around a chrome pixel sculpture, with a Rings/Spiral toggle and a '12 / 20 selected Works' counter. A clear model for spatial portfolio browsing.","favorite":true,"collection":"webzibition","preview":"media/references/webzibition--studio-k95.jpg","previewSha256":"2a1a42b89befc1a847f4406bfafa71c0a06513bd3e7e142ae5ebce8752c6c216","website":"https://k95.it/","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/06/k95.jpg","additionalOriginalImages":[],"creator":"Studio K95 · original site","creatorUrl":"https://k95.it/","publisherIndex":"https://tympanus.net/codrops/webzibition/page/3/","access":"Demo reference · original website; public component source not traced","license":"Original website/image rights remain with their creators; no public code/reuse license established.","attributionNote":"Site/brand identified from original showcase and linked site. Separate designer/agency credit not independently traced.","previewType":"Original static website screenshot published in Codrops Webzibition; not a generated substitute","previewWidth":1440,"previewHeight":779},{"id":"webzibition--studio-mirage","name":"Studio Mirage","collection":"webzibition","creator":"Studio Mirage · original site","creatorAttribution":"Site identity from the publisher listing; individual design author not independently verified","category":"Full websites & portfolios","why":"Black disc with glowing eclipse rim and 'MIRAGE' in its centre on a charcoal field; very simple, memorable hero shape.","useFor":"Study the original website’s composition and presentation; code availability is unverified.","website":"https://studiomirage.io/","codeUrl":"","repository":"","sourceFiles":[],"commit":"","access":"Design reference · public source not traced","license":"Website and preview rights belong to their respective owners; no source or reuse license verified","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited; original website returned HTTP200; screenshot may predate the current live design","selectionType":"Preview-reviewed original design reference","favorite":true,"discovered":"Codrops Webzibition → original website","added":"2026-10-20","preview":"media/references/webzibition--studio-mirage.png","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/10/studiomirage.io_-1200x649.png?x67708","previewType":"Codrops publisher screenshot of the linked original website; not a fresh live capture","previewWidth":1200,"previewHeight":649,"previewSha256":"912cb532402032d3279edd912f2310549d8543dead60349b275f0f8ffc308845","previewAnimated":false,"publisherIndex":"https://tympanus.net/codrops/webzibition/","publisherRecord":"post-123699","pageTitle":"Studio Mirage — Immersive 3D & Interactive Design Studio | Paris & Dubai","pageCheckedAt":"2026-10-20T05:54:32.868906+00:00","pageAvailability":"HTTP200; same-domain original website","retrievedAt":"2026-10-20T05:54:32.868906+00:00"},{"id":"superwhisper-original--meeting","name":"Superwhisper meeting workspace","category":"Voice & presence","why":"Native macOS meeting workspace with notes (summary, decisions, action items, private notes) beside an Assign speakers panel of colour-coded speaker cards, each with a visible reassign icon and play button. Specific visible idea: colour-keyed speaker attribution tied to the transcript. Text is legible at full size. Recording and summary states are other views of the same workspace and are not counted separately.","favorite":true,"collection":"superwhisper-original","creator":"Superwhisper","creatorUrl":"https://superwhisper.com","website":"https://superwhisper.com/docs/meetings/record","repository":"","commit":"","codeUrl":"","sourceFiles":[],"platform":"Native macOS","access":"Paid · shown AI/context/realtime/meeting features require Pro after limited free trial; native app implementation unavailable, public documentation is not app code","license":"Proprietary application; original creator documentation images. No application source or component-reuse license established.","review":"Sonnet 5.5 Medium full-image visual review and researcher provenance/source checks; no runtime, motion, accessibility or full dependency-license audit","useFor":"Study exact original creator imagery and primary links under stated access/license terms.","selectionType":"Individually visually reviewed original reference","discovered":"Primary creator documentation and official image-only press kit · voice-trace review","added":"2026-10-20","preview":"media/references/superwhisper-original--meeting-3.png","previewSha256":"6d25d70a145ce1c7b23edec1ef2b8cd25705c6164375eb78ca3c1c88c1e12165","previewSource":"https://raw.githubusercontent.com/superultrainc/superwhisper-docs/19f607bd16b55c4c825ebc6382f2e6e4c0d64356/images/screens/mac/meeting-assign-speakers.png","previewAnimated":false,"previewType":"Exact unmodified original creator-published static image","sourceResolution":"references/voice-trace-source-evidence.json","sourcePinNote":"Pinned source is current provenance, not an exact screenshot-build claim. Selected renderer/notice/docs files are evidence, not complete component archives. Documentation source is not proprietary app implementation.","documentationRepository":"https://github.com/superultrainc/superwhisper-docs","documentationCommit":"19f607bd16b55c4c825ebc6382f2e6e4c0d64356","previewWidth":2048,"previewHeight":2172},{"id":"superwhisper-original--capture","name":"Superwhisper native voice capture","category":"Voice & presence","why":"Compact native macOS capture HUD showing the live transcript growing inside the panel, with a trailing activity marker, the active mode name and Stop/Cancel shortcut keycaps in a footer bar. Large legible text and a clear single idea: dictation text appears in place while recording. Chosen over the idle (numbered annotation) and waveform-only states, which are near-identical shell variants of the same HUD.","favorite":true,"collection":"superwhisper-original","creator":"Superwhisper","creatorUrl":"https://superwhisper.com","website":"https://superwhisper.com/docs/get-started/interface-rec-window","repository":"","commit":"","codeUrl":"","sourceFiles":[],"platform":"Native macOS","access":"Paid · shown AI/context/realtime/meeting features require Pro after limited free trial; native app implementation unavailable, public documentation is not app code","license":"Proprietary application; original creator documentation images. No application source or component-reuse license established.","review":"Sonnet 5.5 Medium full-image visual review and researcher provenance/source checks; no runtime, motion, accessibility or full dependency-license audit","useFor":"Study exact original creator imagery and primary links under stated access/license terms.","selectionType":"Individually visually reviewed original reference","discovered":"Primary creator documentation and official image-only press kit · voice-trace review","added":"2026-10-20","preview":"media/references/superwhisper-original--capture-3.png","previewSha256":"69419720c2efaa5b0ae639a706427742f102ced830750e1fad12be9d46d29ef3","previewSource":"https://raw.githubusercontent.com/superultrainc/superwhisper-docs/19f607bd16b55c4c825ebc6382f2e6e4c0d64356/images/screens/mac/recording-window-realtime.png","previewAnimated":false,"previewType":"Exact unmodified original creator-published static image","sourceResolution":"references/voice-trace-source-evidence.json","sourcePinNote":"Pinned source is current provenance, not an exact screenshot-build claim. Selected renderer/notice/docs files are evidence, not complete component archives. Documentation source is not proprietary app implementation.","documentationRepository":"https://github.com/superultrainc/superwhisper-docs","documentationCommit":"19f607bd16b55c4c825ebc6382f2e6e4c0d64356","previewWidth":1082,"previewHeight":470},{"added":"2026-10-20","sourceFiles":[],"repository":"https://github.com/guitaripod/Tailscode","commit":"49ba24dff7218de2194c66a8a16e4f864bd5c03a","codeUrl":"https://github.com/guitaripod/Tailscode/blob/49ba24dff7218de2194c66a8a16e4f864bd5c03a/Tailscode/Delegate/DelegateBoardViewController.swift","previewAnimated":false,"discovered":"Original X creator trails, native feature tour and primary motion tools · workflow-spatial review","selectionType":"Visually reviewed original reference","review":"Sonnet 5.5 Medium static visual review; provenance/source checks, not runtime, accessibility or full license/dependency audit","useFor":"Study the exact original reference and linked creator source. Respect its access and license terms.","id":"tailscode--delegate-board","name":"Tailscode Delegate task verification board","category":"Agent orchestration","why":"A t1 local → t2 cheap cloud → t3 frontier escalation ladder shows pass rates and times per tier, with an inline tip ('rust-impl fails 5 of 6 at t1 — start it at t2'). 'Needs you' items carry Approve/Review chips. It makes the tiered delegation and verification loop visible.","favorite":true,"collection":"tailscode","preview":"media/references/tailscode--phone-delegate.webp","previewSha256":"f52fafdb92d86b2bf97c991d9cf410e07d917cef90aadca2a38c3bb8ad53bbe5","website":"https://midgarcorp.cc/tailscode/","previewSource":"https://midgarcorp.cc/screenshots/tailscode/phone-delegate.webp?v=11","additionalOriginalImages":[],"creator":"Markus · guitaripod / Midgar Oy","creatorUrl":"https://midgarcorp.cc/tailscode/","access":"Original GPL-3.0 source linked · native app; not a full archive; App Store Pro features sold separately; delegate beta is a paid App Store Pro feature","license":"GPL-3.0 original repository; exact LICENSE bytes and selected renderer bytes checked. UIKit iPhone/iPad; Swift GTK4 Linux, not React Native.","sourceResolution":"references/workflow-spatial-native-source-checks.json","sourcePinNote":"Pinned public renderer path, not a claim of exact screenshot-build revision.","previewType":"Exact original static screenshot from the creator’s built-in demo feature tour; canonical functional interface family","previewWidth":1320,"previewHeight":2868},{"preview":"media/references/x-guitaripod--subagent-workflow.jpg","previewSha256":"762cfa6387cfcf11ae78af398b1e950456ecdde407f8b7d1f2f5a04ade76a54f","id":"x-guitaripod--subagent-workflow","name":"Tailscode mobile sub-agent workflow","category":"Agent orchestration","why":"Native iPhone chat with a sub-agent group card: 4 of 5 agents progress bar, running spinner and timer, collapsed tool chips, and a status pill row.","favorite":true,"collection":"tailscode","sourceFiles":[],"commit":"93b67a7a80abee4c9e73c041176727271d74eef8","repository":"https://github.com/guitaripod/Tailscode","codeUrl":"https://github.com/guitaripod/Tailscode/blob/93b67a7a80abee4c9e73c041176727271d74eef8/Tailscode/Chat/WorkflowCardCell.swift","added":"2026-10-20","previewAnimated":false,"discovered":"Original operational creator trails and Mohith Chrome X design search · voice-workflows review","selectionType":"Visually reviewed original reference","review":"Sonnet-assisted static visual review; original source attribution checked; not runtime/accessibility audited","useFor":"Study the exact original image and creator implementation; respect its license and access terms.","previewType":"Exact original creator image or screenshot crop of its published demo; no recreated rendering","creator":"Markus · @guitaripod","creatorUrl":"https://x.com/guitaripod","website":"https://x.com/guitaripod/status/2085478897773154565","previewSource":"https://pbs.twimg.com/media/HPEcALWWMAAeIDq?format=jpg&name=4096x4096","access":"Original GPL-3.0 source linked · native iOS app; not archived; App Store Pro features sold separately","license":"GPL-3.0 original repository; UIKit app, not React Native. Nearest earlier repository revision traced; screenshot build commit is not published.","sourceResolution":"references/tailscode-screenshot-source-resolution.json","previewWidth":1380,"previewHeight":2880},{"added":"2026-10-20","sourceFiles":[],"repository":"https://github.com/guitaripod/Tailscode","commit":"49ba24dff7218de2194c66a8a16e4f864bd5c03a","codeUrl":"https://github.com/guitaripod/Tailscode/blob/49ba24dff7218de2194c66a8a16e4f864bd5c03a/Tailscode/Chat/ModelPickerViewController.swift","previewAnimated":false,"discovered":"Original X creator trails, native feature tour and primary motion tools · workflow-spatial review","selectionType":"Visually reviewed original reference","review":"Sonnet 5.5 Medium static visual review; provenance/source checks, not runtime, accessibility or full license/dependency audit","useFor":"Study the exact original reference and linked creator source. Respect its access and license terms.","id":"tailscode--model-effort","name":"Tailscode Native model and effort picker","category":"Intent & input","why":"A row of effort levels (server, low, medium, high, xhigh, max, ultra) is drawn as signal-bar glyphs that go from teal to orange to rainbow, with a one-line hint ('hard problems, slower') and pinned/starred models below. Effort is shown as a glanceable visual scale.","favorite":true,"collection":"tailscode","preview":"media/references/tailscode--phone-effort.webp","previewSha256":"e8e57ee3b230a54095bedd429ea0eaec00ec8fef4b358a1f880cebc1cadd92d7","website":"https://midgarcorp.cc/tailscode/","previewSource":"https://midgarcorp.cc/screenshots/tailscode/phone-effort.webp?v=11","additionalOriginalImages":[],"creator":"Markus · guitaripod / Midgar Oy","creatorUrl":"https://midgarcorp.cc/tailscode/","access":"Original GPL-3.0 source linked · native app; not a full archive; App Store Pro features sold separately","license":"GPL-3.0 original repository; exact LICENSE bytes and selected renderer bytes checked. UIKit iPhone/iPad; Swift GTK4 Linux, not React Native.","sourceResolution":"references/workflow-spatial-native-source-checks.json","sourcePinNote":"Pinned public renderer path, not a claim of exact screenshot-build revision.","previewType":"Exact original static screenshot from the creator’s built-in demo feature tour; canonical functional interface family","previewWidth":1320,"previewHeight":2868},{"added":"2026-10-20","sourceFiles":[],"repository":"https://github.com/guitaripod/Tailscode","commit":"49ba24dff7218de2194c66a8a16e4f864bd5c03a","codeUrl":"https://github.com/guitaripod/Tailscode/blob/49ba24dff7218de2194c66a8a16e4f864bd5c03a/TailscodeLinux/Sources/TailscodeLinux/SplitHost.swift","previewAnimated":false,"discovered":"Original X creator trails, native feature tour and primary motion tools · workflow-spatial review","selectionType":"Visually reviewed original reference","review":"Sonnet 5.5 Medium static visual review; provenance/source checks, not runtime, accessibility or full license/dependency audit","useFor":"Study the exact original reference and linked creator source. Respect its access and license terms.","id":"tailscode--split-workspace","name":"Tailscode Native multi-session split workspace","category":"Tools & execution","why":"Four live agent sessions are tiled in one window with per-pane composers, model/effort chips and a pending 'Allow once · y / Always · a / Deny · n' prompt showing keyboard shortcuts. The sidebar shows NEEDS YOU badges and quota meters. A dense keyboard-driven multi-agent workspace.","favorite":true,"collection":"tailscode","preview":"media/references/tailscode--desk-dark-split.webp","previewSha256":"dc5886f158dd4d34ba2a34f2370413ff0679444aa503a29370343e63aeb549c1","website":"https://midgarcorp.cc/tailscode/","previewSource":"https://midgarcorp.cc/screenshots/tailscode/desk-dark-split.webp?v=11","additionalOriginalImages":["media/references/tailscode--ipad-ws-live.webp"],"creator":"Markus · guitaripod / Midgar Oy","creatorUrl":"https://midgarcorp.cc/tailscode/","access":"Original GPL-3.0 source linked · native app; not a full archive; App Store Pro features sold separately","license":"GPL-3.0 original repository; exact LICENSE bytes and selected renderer bytes checked. UIKit iPhone/iPad; Swift GTK4 Linux, not React Native.","sourceResolution":"references/workflow-spatial-native-source-checks.json","sourcePinNote":"Pinned public renderer path, not a claim of exact screenshot-build revision.","previewType":"Exact original static screenshot from the creator’s built-in demo feature tour; canonical functional interface family","previewWidth":1920,"previewHeight":1080},{"id":"ai-elements--test-results","name":"Test Results","collection":"ai-elements","creator":"Vercel · AI Elements","category":"Tools & execution","why":"Summary pills for passed, failed and skipped plus duration, a green/red progress bar, collapsible suites with per-test timings and an inline red error block.","useFor":"Inspect the original creator demo and implementation before adoption.","website":"https://elements.ai-sdk.dev/components/test-results","codeUrl":"https://github.com/vercel/ai-elements/blob/ca8be600bfd01b3131f9bf6134b51602a71f4374/packages/elements/src/test-results.tsx","repository":"https://github.com/vercel/ai-elements","sourceFiles":["sources/ai-elements/code/packages/elements/src/test-results.tsx","sources/ai-elements/code/packages/examples/src/test-results.tsx"],"commit":"ca8be600bfd01b3131f9bf6134b51602a71f4374","access":"Source saved","license":"Apache-2.0 (original repository license notice preserved)","review":"Sonnet-assisted static visual review; original demo captured; not runtime/accessibility audited","selectionType":"Visually reviewed original component","favorite":true,"discovered":"Category gap research → official creator documentation","added":"2026-10-20","preview":"media/references/ai-elements--test-results.jpg","previewSource":"https://elements.ai-sdk.dev/components/test-results","previewType":"Static capture of the published demo; source snapshot pinned separately","previewWidth":693,"previewHeight":591,"previewSha256":"6ff06c9046f1db7a84ca61c895560bcb557ba58fadf95f70db644e84f9b25ebd","previewAnimated":false,"rawCapture":"evidence/elements-test-results-full.jpg","captureBounds":{"left":289,"top":157,"right":982,"bottom":748},"emptyPaddingCrop":null,"retrievedAt":"2026-10-20T06:40:03.546448+00:00"},{"id":"aceternity--text-flipping-board","name":"Text Flipping Board","collection":"aceternity","creator":"Aceternity UI · Manu Arora","category":"Typography & effects","why":"A physical split-flap vocabulary gives agent status a strong visual identity. The original preview makes the typography and instrument-like composition clear.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://ui.aceternity.com/components/text-flipping-board","codeUrl":"https://ui.aceternity.com/components/text-flipping-board","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Original preview visually reviewed; source linked; implementation not runtime-tested","selectionType":"Visual shortlist","favorite":true,"discovered":"Reddit library leads → original Aceternity component catalog","added":"2026-10-20","previewSource":"https://assets.aceternity.com/components/text-flipping-board.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","preview":"media/references/aceternity--text-flipping-board.webp","previewWidth":2134,"previewHeight":1586,"previewSha256":"dc1fdae39b0329dfabcb3f6f410ca955480a7fad39b9999fec4722b2c0cf5793","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","qualityReview":"references/older-expressive-quality-curation.json"},{"sourceFiles":[],"review":"Sonnet 5.5 Medium full-image visual review plus researcher original-source/provenance checks; no runtime, accessibility, motion or complete dependency-license audit","useFor":"Study the original creator design and follow the primary links under the stated access/license terms.","selectionType":"Individually visually reviewed original reference","discovered":"Original designer posts and primary creative-tool repositories · designer-tools review","added":"2026-10-20","previewAnimated":false,"previewType":"Exact unmodified original creator static image","id":"thibaud-24933720","name":"Thibaud Allie · GPC interior-layered website","category":"Full websites & portfolios","why":"A white site panel sits over a warm interior photo. It has a large centred French serif headline, a small monospaced paragraph, a logo mark and two inset images pinned to the panel's corners. The headline and layout are legible, and the layered panel-over-photo composition is distinctive.","favorite":true,"preview":"media/references/original-designer--thibaud-24933720.png","previewSha256":"1c34242ce80cacd5fa7ecb3a57b519cae549182d220ac21394baa41c0a53a389","previewSource":"https://cdn.dribbble.com/userupload/16797095/file/original-49445aa571506e95ff65a9d8cc3f2662.png?resize=400x0","previewWidth":400,"previewHeight":301,"website":"https://dribbble.com/shots/24933720-GPC-Website-Release","collection":"thibaud-allie-original","creator":"Thibaud Allie","creatorUrl":"https://dribbble.com/thibaudallie","repository":"","commit":"","codeUrl":"","platform":"Original website/editorial design reference","access":"Original creator design post · public implementation source unavailable","license":"Reuse license unverified; publication is not a code, image, photography or typeface reuse grant.","sourceResolution":"references/designer-operational-observations.json","sourcePinNote":"Exact 400px creator-profile image preserved with its original query and SHA256. Individual post fetch returned 202, so no full-resolution media, live implementation or public code is claimed. Related states count once."},{"sourceFiles":[],"platform":"Web · Three.js / WebGPU / WebGL","added":"2026-10-20","previewAnimated":false,"useFor":"Inspect the exact original still and creator source. Example code and included asset terms are separate.","review":"Sonnet 5.5 Medium full-image static visual review plus original source/credit checks; no code execution, runtime, motion or accessibility audit","sourcePinNote":"Original source and screenshot Git blobs verified at the pinned commit; not a claim of exact screenshot-build revision.","selectionType":"Individually visually reviewed original spatial/material reference","discovered":"Official spatial source examples followed to original creators · spatial-operational three-spatial review","id":"three--webgpu_tsl_halftone","name":"Three.js halftone material","category":"Creative controls & effects","why":"A halftone dot shader turns a T-posed character, a sphere and a torus knot into orange and yellow gradients, with a visible dot screen in the shading transitions on a black backdrop.","favorite":true,"collection":"three-js","creator":"Three.js authors and contributors","creatorUrl":"https://github.com/mrdoob/three.js","website":"https://threejs.org/examples/webgpu_tsl_halftone.html","repository":"https://github.com/mrdoob/three.js","commit":"f67dcda032208b367f5965bbd835c16f839909c8","codeUrl":"https://github.com/mrdoob/three.js/blob/f67dcda032208b367f5965bbd835c16f839909c8/examples/webgpu_tsl_halftone.html","access":"Original MIT example source linked and pinned · imported model/texture/addon terms remain separate; no complete source archive","license":"MIT · original three.js LICENSE preserved; third-party model, texture and addon rights are not covered by a blanket asset-license claim","preview":"media/references/three--webgpu_tsl_halftone.jpg","previewSource":"https://raw.githubusercontent.com/mrdoob/three.js/f67dcda032208b367f5965bbd835c16f839909c8/examples/screenshots/webgpu_tsl_halftone.jpg","previewSha256":"bffac6f558eb8d78e66ec69d51311cc51b43bbaa949bfd3475a4ff8e9fc1a3f3","previewWidth":400,"previewHeight":250,"previewType":"Original official400×250 static example screenshot, unchanged; not upscaled or4K","sourceResolution":"references/three-spatial-candidates.json","originalCredits":[{"text":"","url":"https://threejs.org/"},{"text":"three.js","url":"https://threejs.org/"}],"additionalOriginalImages":[]},{"id":"ai-elements--tool","name":"Tool","collection":"ai-elements","creator":"Vercel · AI Elements","category":"Tools & execution","why":"Stacked tool-call rows with the same name and distinct coloured status badges (Pending, Awaiting Approval, Running, Completed, Error, Denied); the first row is expanded to a parameters block.","useFor":"Inspect the original creator demo and implementation before adoption.","website":"https://elements.ai-sdk.dev/components/tool","codeUrl":"https://github.com/vercel/ai-elements/blob/ca8be600bfd01b3131f9bf6134b51602a71f4374/packages/elements/src/tool.tsx","repository":"https://github.com/vercel/ai-elements","sourceFiles":["sources/ai-elements/code/packages/elements/src/tool.tsx","sources/ai-elements/code/packages/examples/src/tool.tsx"],"commit":"ca8be600bfd01b3131f9bf6134b51602a71f4374","access":"Source saved","license":"Apache-2.0 (original repository license notice preserved)","review":"Sonnet-assisted static visual review; original demo captured; not runtime/accessibility audited","selectionType":"Visually reviewed original component","favorite":true,"discovered":"Category gap research → official creator documentation","added":"2026-10-20","preview":"media/references/ai-elements--tool.jpg","previewSource":"https://elements.ai-sdk.dev/components/tool","previewType":"Static capture of the published demo; source snapshot pinned separately","previewWidth":693,"previewHeight":591,"previewSha256":"9f492a5cb9a00c0c25b3cce77b6e4f865f7fc21cdf9420555a76142914bbd70e","previewAnimated":false,"rawCapture":"evidence/elements-tool-full.jpg","captureBounds":{"left":289,"top":157,"right":982,"bottom":748},"emptyPaddingCrop":null,"retrievedAt":"2026-10-20T06:40:03.546448+00:00"},{"id":"affectui--tool-call-card","name":"Tool Call Card","collection":"affectui","category":"Tools & execution","why":"A completed tool stays legible as one line; arguments and results unfold only when needed. Strong information density without permanent dashboard chrome.","useFor":"Long-running runs with many tools.","sourceFiles":["sources/affectui/code/components/tool-call-card.tsx"],"website":"https://www.affectui.com/components/tool-call-card","repository":"https://github.com/flohoeller/affectui","commit":"cc799e7e438efcea8d484fa27932405ea60bff9a","license":"MIT","access":"Source saved","review":"Source located + documentation","favorite":true,"discovered":"X bookmarks","added":"2026-10-20","preview":"media/screenshots/affectui--tool-call-card.jpg","previewType":"Screenshot of the creator’s published web demo","previewSource":"https://www.affectui.com/components/tool-call-card","capturedAt":"2026-10-20T03:59:42.315Z","previewWidth":624,"previewHeight":490,"previewAnimated":false},{"id":"agent-elements--tool-group","name":"Tool Group","collection":"agent-elements","category":"Tools & execution","why":"Several file reads, searches and commands resolve into one compact task summary, while individual events remain available.","useFor":"Dense coding-agent tool histories.","sourceFiles":["sources/agent-elements/code/lib/agent-ui/components/tools/tool-group.tsx"],"website":"https://agent-elements.21st.dev/docs/tool-group","repository":"https://github.com/21st-dev/agent-elements","commit":"b04b36cb6381a1dd1a0e86cc7c90564ddcd56d37","license":"MIT","access":"Source saved","review":"Live gallery + source","favorite":true,"discovered":"Independent research","added":"2026-10-20","preview":"media/screenshots/agent-elements--tool-group.jpg","previewType":"Screenshot of the creator’s published web demo","previewSource":"https://agent-elements.21st.dev/docs/tool-group","capturedAt":"2026-10-20T04:18:18.902Z","previewWidth":813,"previewHeight":450,"previewAnimated":false},{"id":"triplex-original--assistant","name":"Triplex original assistant dock","category":"Conversation craft","why":"Chat dock beside a 3D viewport and code editor. Assistant replies sit next to user requests ('Move this near the red mech'), each with an 'Update file — scene.tsx' code-diff card with a horizontal scroll bar. The composer has context chips (scene.tsx, Scene export, Selection) above an 'Ask Triplex' input and send button.","favorite":true,"collection":"triplex","creator":"Triplex / Poimandres contributors","creatorUrl":"https://github.com/pmndrs/triplex","website":"https://github.com/pmndrs/triplex","repository":"https://github.com/pmndrs/triplex","commit":"32012637305a136fa2eea8960ffa109bea2711a9","codeUrl":"https://github.com/pmndrs/triplex/tree/32012637305a136fa2eea8960ffa109bea2711a9/packages/@triplex/editor-next/src/features/ai-chat","sourceFiles":[],"platform":"Web · VS Code extension","access":"Original public source linked and pinned; no complete component archive saved","license":"AGPL-3.0 in the selected editor/editor-next packages. Separate scene/model, VS Code host and provider terms are not covered by that notice.","review":"Sonnet 5.5 Medium full-image visual review plus researcher source/notice checks; no runtime, motion, accessibility or complete dependency-license audit","useFor":"Study the exact original creator image and linked creator resources under their stated access and license terms.","selectionType":"Individually visually reviewed original reference","discovered":"Original creator docs/site and pinned primary source discovery · spatial-voice-controls review","added":"2026-10-20","preview":"media/references/triplex-original--assistant.png","previewSha256":"4339649e852b866142cb08c12b38418a6637f99f531be64661dd4b36c9c3560d","previewSource":"https://raw.githubusercontent.com/pmndrs/triplex/32012637305a136fa2eea8960ffa109bea2711a9/apps/docs/public/blogs/2025-june-update/ai-chat.png","previewAnimated":false,"previewType":"Exact unmodified original creator-published static image","sourceResolution":"references/spatial-voice-source-evidence.json","sourcePinNote":"Current pinned original source, not an exact screenshot-build claim. Selected source/notice files are provenance evidence, not complete component archives.","previewWidth":3024,"previewHeight":1722},{"id":"triplex-original--workspace","name":"Triplex original spatial editor","category":"Spatial & motion","why":"Standalone 3D scene editor with floating dark panels over the viewport: a scene tree with a filter field and add/settings icons on the left, a prop inspector (position, scale, rotation vector fields, visibility checkboxes) for the selected group on the right, and a small bottom toolbar of transform-mode buttons. The viewport shows a selected low-poly character with wireframe camera helpers on a grid floor. The park scene and VS Code states are the same family.","favorite":true,"collection":"triplex","creator":"Triplex / Poimandres contributors","creatorUrl":"https://github.com/pmndrs/triplex","website":"https://github.com/pmndrs/triplex","repository":"https://github.com/pmndrs/triplex","commit":"32012637305a136fa2eea8960ffa109bea2711a9","codeUrl":"https://github.com/pmndrs/triplex/tree/32012637305a136fa2eea8960ffa109bea2711a9/packages/@triplex/editor/src","sourceFiles":[],"platform":"Web","access":"Original public source linked and pinned; no complete component archive saved","license":"AGPL-3.0 in the selected editor/editor-next packages. Separate scene/model, VS Code host and provider terms are not covered by that notice.","review":"Sonnet 5.5 Medium full-image visual review plus researcher source/notice checks; no runtime, motion, accessibility or complete dependency-license audit","useFor":"Study the exact original creator image and linked creator resources under their stated access and license terms.","selectionType":"Individually visually reviewed original reference","discovered":"Original creator docs/site and pinned primary source discovery · spatial-voice-controls review","added":"2026-10-20","preview":"media/references/triplex-original--workspace-2.png","previewSha256":"42af1f710175f236cc8c3c57248f32ae809735f3c94f00dd14691731b67d6bdf","previewSource":"https://raw.githubusercontent.com/pmndrs/triplex/32012637305a136fa2eea8960ffa109bea2711a9/apps/docs/public/ui/overview.png","previewAnimated":false,"previewType":"Exact unmodified original creator-published static image","sourceResolution":"references/spatial-voice-source-evidence.json","sourcePinNote":"Current pinned original source, not an exact screenshot-build claim. Selected source/notice files are provenance evidence, not complete component archives.","previewWidth":2560,"previewHeight":1440},{"name":"Typebot · conversational input flow editor","collection":"typebot-original","creator":"Baptiste Arno / Typebot","creatorUrl":"https://typebot.io/","repository":"https://github.com/baptisteArno/typebot.io","commit":"a4d1862cb8cbfeee40fe5ff27efbd07e57ced5a4","codeUrl":"https://github.com/baptisteArno/typebot.io/blob/a4d1862cb8cbfeee40fe5ff27efbd07e57ced5a4/apps/builder/src/features/graph/components/Graph.tsx","platform":"Web / React + TypeScript · conversational flow builder","access":"Original public source · FSL1.1 with future Apache2 grant; hosted/plan entitlements separate","license":"FSL-1.1-Apache-2.0, copyright2023–2024 Typebot. Non-competing permitted purposes and redistribution terms apply. Apache2 grant becomes effective on the second anniversary of each software version being made available; no immediate blanket Apache/MIT claim based on copyright year. Dependencies/content/service entitlements separate.","id":"typebot-flow-editor","category":"Agent orchestration","why":"Clean full-canvas flow editor: Start, Intro, User input and ChatGPT reply groups with colored variable chips (Assistant Message, User Message), audio players and routed edges, plus Flow/Theme/Settings tabs and Play bot. Legible and dense with real structure. The context-menu, variables-panel and multi-avatar crops are the same family and add nothing the full editor does not show. Source is Typebot under FSL-1.1 with an Apache-2.0 future license, so it is not Apache or MIT today.","favorite":true,"website":"https://github.com/baptisteArno/typebot.io/blob/a4d1862cb8cbfeee40fe5ff27efbd07e57ced5a4/apps/docs/images/guest-editor.png","sourceFiles":[],"review":"Sonnet5.5 Medium full-image visual review and researcher original-source/access checks; not runtime, accessibility, motion, security or full dependency-license audited","useFor":"Study the exact original static authoring/control image and follow primary creator/source under its terms.","selectionType":"Individually visually reviewed original reference","discovered":"Original form authoring and human review · review-forms pass","added":"2026-10-20","preview":"media/references/review-forms--typebot-guest-editor.png","previewSha256":"3d33d00e42ea1791a51d1afa1ed6b5e931ce1bbbed1c05bce51061ca7d60a789","previewSource":"https://raw.githubusercontent.com/baptisteArno/typebot.io/a4d1862cb8cbfeee40fe5ff27efbd07e57ced5a4/apps/docs/images/guest-editor.png","previewAnimated":false,"previewType":"Exact unmodified original creator static image","previewWidth":2852,"previewHeight":1740,"sourceResolution":"references/review-forms-source-resolution.json","sourcePinNote":"Original image bytes unchanged, no generated/upscaled replacement. Literal Raycast blob URLs are explicitly declared by official image src query, not invented higher-resolution URLs. Original docs and source pins are independent; no exact screenshot-build match claimed. Partial source evidence is not a new complete archive."},{"id":"typeform-logic-map","name":"Typeform · conditional logic and inline recovery","category":"Forms & controls","why":"Legible static Logic rule editor with a rule list, Go to/When condition builder and inline 'This field can't be empty' error with a recovery hint. It is the one representative of the single Typeform logic family, covering graph, rule authoring and error states.","favorite":true,"collection":"typeform-original","creator":"Typeform","creatorUrl":"https://www.typeform.com/","website":"https://help.typeform.com/hc/en-us/articles/360057591531-Logic-Map","repository":"","commit":"","codeUrl":"","sourceFiles":[],"platform":"Web · form logic authoring","access":"Demo reference · original application screenshot; implementation source not established; feature/plan entitlement unverified","license":"No public form-builder implementation or component-reuse license established in inspected official help pages. Public embed/API/SDK code is not the builder interface implementation.","review":"Sonnet5.5 Medium full-image review and researcher original-source/provenance check; not runtime, motion, accessibility or complete dependency-license audited","useFor":"Study the creator's exact conditional-rule editor, inline error explanation and recovery guidance; source availability remains explicit.","selectionType":"Individually visually reviewed original reference","discovered":"Original form-logic controls · motion-controls review","added":"2026-10-20","preview":"media/references/motion-controls--typeform-0-7.png","previewSha256":"67f37260d2c0852dfebeb9c4251259f4dc4b95e2458c188f7f7f764d86168f3d","previewSource":"https://help.typeform.com/hc/article_attachments/52912759598100","previewAnimated":false,"previewType":"Exact unmodified original creator static image","previewWidth":1898,"previewHeight":1578,"sourceResolution":"references/motion-controls-forms-next-observations.json","sourcePinNote":"Original help attachment passed static-image HEAD before body; bytes preserved. Eight graph/rule/error screenshots count as one canonical family. No form/agent session created or live product code substituted."},{"name":"Vapi · voice-call workflow design","collection":"vapi-original","creator":"Vapi engineering team","creatorUrl":"https://vapi.ai","repository":"","commit":"","platform":"Web · historical2025 original product preview","website":"https://vapi.ai/blog/introducing-vapi-workflows","access":"Demo only · original published workflow preview; application implementation source unavailable; service access/pricing unverified","license":"No public dashboard implementation or reuse license established. Creator's original2025 announcement image/design reference only; SDK/API code must not substitute for this visual builder.","id":"vapi-workflow-35","category":"Agent orchestration","why":"Voice-agent call-flow canvas: color-coded Start, Conversation, Transfer, Tool, API and End Call nodes joined by editable condition pills.","favorite":true,"codeUrl":"","sourceFiles":[],"review":"Sonnet5.5 Medium full-image visual review and researcher source/provenance checks; not runtime, motion, accessibility or complete dependency-license audited","useFor":"Study the exact original static image and follow the creator's original source/site under its stated access terms.","selectionType":"Individually visually reviewed original reference","discovered":"Original voice and survey-control interfaces · voice-forms review","added":"2026-10-20","preview":"media/references/voice-forms--vapi-workflow-35.webp","previewSha256":"a71c6b8232a0a848595fbbff590c4a4f75be99db70c923bb7c3079fd87931672","previewSource":"https://vapi.ai/_next/image?url=https%3A%2F%2Fimages.prismic.io%2Fvapimarketingsite%2FaioeZKlQnVZVEMMU_image_2bb36d88b6.png%3Fauto%3Dformat%2Ccompress&w=3840&q=75","previewAnimated":false,"previewType":"Exact unmodified original creator static image","previewWidth":2172,"previewHeight":1222,"sourceResolution":"references/voice-forms-source-resolution.json","sourcePinNote":"Original image preserved without cropping, upscaling or generated replacement. Published docs/blog image and inspected source revision are separately pinned; exact screenshot-build equality is not claimed. Partial source/notice evidence is not a complete component archive. This is the original announcement composition with a partially framed canvas, not a newly captured complete application view. Current feature availability is unverified."},{"id":"codrops--vfx-js-text-shadow-effect","name":"VFX-JS text shadow effect","collection":"codrops-creative","creator":"Amagi","creatorUrl":"https://tympanus.net/codrops/hub/author/amagi","category":"Typography & effects","styleTags":["typography","VFX-JS","WebGL"],"why":"Serif 'Thru.' with a red radial glow streaking through a chromatic light burst","useFor":"Study the original design and its linked implementation before adoption.","website":"https://codepen.io/fand/full/YzoWyqJ","codeUrl":"https://codepen.io/fand/pen/YzoWyqJ","repository":"","sourceFiles":[],"commit":"","access":"Creator code linked · access unverified (source response recorded)","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview selection; creator/demo/source links traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":true,"discovered":"X design-community research → Codrops Creative Hub · October 20 creator-depth review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/07/Screenshot-2025-07-05-at-06.55.53.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Jul 22, 2024","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T07:38:51.455636+00:00","preview":"media/references/codrops--vfx-js-text-shadow-effect.png","previewWidth":1600,"previewHeight":1202,"previewSha256":"aba07a566c5f0991b6d50f3d57534517a5712179ac435542e4ec8028545a6281","previewAnimated":false,"sourcePageCheck":{"status":403,"resolvedUrl":"https://codepen.io/fand/pen/YzoWyqJ","checkedAt":"2026-10-20T07:40:31.447026+00:00"}},{"id":"ai-elements--voice-selector","name":"Voice Selector","collection":"ai-elements","creator":"Vercel · AI Elements","category":"Voice & presence","why":"Searchable voice list with per-row play button, bold name, description, country code, age range and gender glyph in aligned columns, with a highlighted hover row.","useFor":"Inspect the original creator demo and implementation before adoption.","website":"https://elements.ai-sdk.dev/components/voice-selector","codeUrl":"https://github.com/vercel/ai-elements/blob/ca8be600bfd01b3131f9bf6134b51602a71f4374/packages/elements/src/voice-selector.tsx","repository":"https://github.com/vercel/ai-elements","sourceFiles":["sources/ai-elements/code/packages/elements/src/voice-selector.tsx","sources/ai-elements/code/packages/examples/src/voice-selector.tsx"],"commit":"ca8be600bfd01b3131f9bf6134b51602a71f4374","access":"Source saved","license":"Apache-2.0 (original repository license notice preserved)","review":"Sonnet-assisted static visual review; original demo captured; not runtime/accessibility audited","selectionType":"Visually reviewed original component","favorite":true,"discovered":"Category gap research → official creator documentation","added":"2026-10-20","preview":"media/references/ai-elements--voice-selector.jpg","previewSource":"https://elements.ai-sdk.dev/components/voice-selector","previewType":"Static capture of the published demo; source snapshot pinned separately","previewWidth":512,"previewHeight":291,"previewSha256":"9a849d4e68ed8598ba1b048ca22e427da90765fcdeb58f9e14b0cf0924ae4406","previewAnimated":false,"rawCapture":"evidence/elements-voice-selector-full.jpg","captureBounds":{"left":262,"top":278,"right":774,"bottom":569},"emptyPaddingCrop":null,"retrievedAt":"2026-10-20T06:40:03.546448+00:00"},{"id":"voicebox-story-authoring","name":"Voicebox · speaker dialogue and audio-track authoring","category":"Voice & presence","why":"Speaker-tagged dialogue blocks with avatars and durations sit above a multi-track timeline of labelled waveform clips with playhead, zoom and cut/copy/delete controls. Concrete, legible audio authoring composition with a consistent gold-on-black palette.","favorite":true,"collection":"voicebox-original","creator":"Jamie Pine / Voicebox contributors","creatorUrl":"https://voicebox.sh/","website":"https://github.com/jamiepine/voicebox/blob/8af7efe62fab8d33e2a5dfbedabaa45f68a5184f/README.md","repository":"https://github.com/jamiepine/voicebox","commit":"8af7efe62fab8d33e2a5dfbedabaa45f68a5184f","codeUrl":"https://github.com/jamiepine/voicebox/blob/8af7efe62fab8d33e2a5dfbedabaa45f68a5184f/app/src/components/StoriesTab/StoryTrackEditor.tsx","sourceFiles":[],"platform":"Native desktop / Tauri Rust · React TypeScript frontend","access":"Original public source · MIT application; models, voice samples, artwork and data rights separate","license":"MIT, copyright2026 Voicebox Contributors. Actual original app by Jamie Pine; README states Capy-assisted development. Tauri/Rust and React, not Electron or React Native. Model licenses, depicted voice identities/samples and artwork rights are separate; no model, audio, voice cloning, microphone, capture or session used. Selected renderer/source and screenshot independently pinned, not an exact screenshot-build claim.","review":"Claude Sonnet5.5 Medium exact full-image visual review plus researcher primary-source/access/quality review; static judgment only, no runtime/motion/accessibility or full dependency-license audit","useFor":"Study original voice-authoring information hierarchy, speaker-to-clip association and persistent generation controls.","selectionType":"Individually visually reviewed original reference","discovered":"Original voice authoring and portfolio discovery · voice-portfolio pass","added":"2026-10-20","preview":"media/references/voice-portfolio--voicebox-2.webp","previewSha256":"31504e37a4aa3195553c3bd312e54ec667539297c926749aaa5d714786b78d8b","previewSource":"https://raw.githubusercontent.com/jamiepine/voicebox/8af7efe62fab8d33e2a5dfbedabaa45f68a5184f/.github/assets/app-screenshot-2.webp","previewAnimated":false,"previewType":"Exact unmodified original creator static image","previewWidth":2912,"previewHeight":1744,"sourceResolution":"references/voice-portfolio-source-resolution.json","sourcePinNote":"Original static bytes and Git blobs verified; no generated/upscaled replacement or video. Audio timeline is app UI only, no audio downloaded. Partial source/notice evidence is not a complete archive or exact screenshot-build proof."},{"name":"Vuo · composition packaging workspace","collection":"vuo-original","creator":"Kosada / Vuo contributors","creatorUrl":"https://vuo.org/","repository":"https://github.com/vuo/vuo","commit":"791382c0fe4dd6a282a19cd0d8108c2002ad8a02","platform":"Native macOS / C++ / Qt · visual composition editor","license":"Selected editor LGPL version2-or-later, copyright2012–2026 Kosada Incorporated; non-Pro node/example source separately MIT. Source availability does not grant proprietary Pro features or binary entitlement; artwork/dependency rights separate.","id":"vuo-composition-workspace","category":"Tools & execution","why":"Dense, legible node-graph canvas with colour-coded groups, event and data cable styles, and a context menu mid-action (Package as Subcomposition). Strongest of the workspace shots; the quickstart canvas/step12 states are the same family and are held as redundant.","favorite":true,"website":"https://github.com/vuo/vuo/blob/791382c0fe4dd6a282a19cd0d8108c2002ad8a02/documentation/image/DisplayRotatingHemispheres-package.png","codeUrl":"https://github.com/vuo/vuo/blob/791382c0fe4dd6a282a19cd0d8108c2002ad8a02/editor/VuoEditorComposition.cc","sourceFiles":[],"access":"Public original editor source · exact terms below; Pro/binary/dependency entitlements separate","review":"Sonnet5.5 Medium full-image visual review and researcher provenance/source checks; not runtime, motion, accessibility or full dependency-license audited","useFor":"Study the exact original static authoring/control interface and follow original source under its terms.","selectionType":"Individually visually reviewed original reference","discovered":"Original visual instruments and human review · visual-instruments pass","added":"2026-10-20","preview":"media/references/visual-instruments--vuo-displayrotatinghemispheres-package.png","previewSha256":"4e174b34615c52f819e23f2b45fe30dbe083f54c9ff61d1a20883f500cfb9acf","previewSource":"https://raw.githubusercontent.com/vuo/vuo/791382c0fe4dd6a282a19cd0d8108c2002ad8a02/documentation/image/DisplayRotatingHemispheres-package.png","previewAnimated":false,"previewType":"Exact unmodified original creator static image","previewWidth":2400,"previewHeight":1490,"sourceResolution":"references/visual-instruments-source-resolution.json","sourcePinNote":"Original image bytes unchanged and source revisions independently pinned. Exact screenshot-build equality not claimed; partial evidence files are not a new complete archive. Related states grouped once, generated project content not separately accepted."},{"id":"codrops--wide-grid-layout-with-a-webgl-shader","name":"Wide: Grid Layout With a WebGL Shader","collection":"codrops-creative","creator":"BL/S®","creatorUrl":"https://tympanus.net/codrops/hub/author/blackleadstudio","category":"Full websites & portfolios","styleTags":["glsl","grid","template","webgl"],"why":"Warm tan field with offset portrait cards and an oversized cropped 'WIDE' headline; strong editorial grid and type-as-image interplay.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://c-84373805020260930-01a0d773-dab5-744d-bc5e-3f11d4f2262e.codepen.dev/","codeUrl":"","repository":"","sourceFiles":[],"commit":"","access":"Demo reference · no public code linked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Contact-sheet preview reviewed with Sonnet 5.5 Medium; original publisher links traced; not runtime-tested","selectionType":"Preview-reviewed design reference","favorite":true,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/09/wide-768x576.png.webp","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Sep 28, 2026","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:23:38.056369+00:00","preview":"media/references/codrops--wide-grid-layout-with-a-webgl-shader.webp","previewWidth":768,"previewHeight":576,"previewSha256":"7aed7376a75fd8a432027d9b99714ea871b9361d5e007cd5b98b0fc26afbe79e","previewAnimated":false},{"id":"wispr-original--styles","name":"Wispr Flow styles","category":"Forms & controls","why":"Three large selectable tone cards (Formal / Casual / very casual) each pair a serif title and a one-line rule with a live message bubble that shows the same sentence restyled, so the choice is previewed in place. The selected card is marked with a heavy outline, and the avatar tint deepens as the tone gets more casual. A dark banner with overlapping app icons states where the style applies. Styles1 is only the empty intro state, so both states are grouped here once.","favorite":true,"collection":"wispr-original","creator":"Wispr","creatorUrl":"https://wisprflow.ai","website":"https://wisprflow.ai/media-kit","repository":"","commit":"","codeUrl":"","sourceFiles":[],"platform":"Desktop macOS / Windows","access":"Source unavailable · commercial app with free/paid tiers; specific feature entitlement unverified","license":"Proprietary application. Original official press-kit image; no implementation or component-reuse license established.","review":"Sonnet 5.5 Medium full-image visual review and researcher provenance/source checks; no runtime, motion, accessibility or full dependency-license audit","useFor":"Study exact original creator imagery and primary links under stated access/license terms.","selectionType":"Individually visually reviewed original reference","discovered":"Primary creator documentation and official image-only press kit · voice-trace review","added":"2026-10-20","preview":"media/references/wispr-original--styles-2.png","previewSha256":"f77bdc9a897e1eb87dd8c9b4eccdb628126d91bfffdcc7f6684a52ed8b6b2954","previewSource":"https://cdn.prod.website-files.com/682f84b3838c89f8ff7667db/6aa9929365f23aad3ee7cdbc_Product%20UI%20-%20Windows%20Launch%20v2.zip","previewAnimated":false,"previewType":"Exact unmodified original creator-published static image","sourceResolution":"references/voice-trace-source-evidence.json","sourcePinNote":"Pinned source is current provenance, not an exact screenshot-build claim. Selected renderer/notice/docs files are evidence, not complete component archives. Documentation source is not proprietary app implementation.","previewArchiveMember":"Product UI - Windows Launch v2/Styles2.png","previewArchiveSha256":"0a8d2b94a6f19055069b626262f4c6009cb7f0cea02c601e3a102c38844c71e3","previewWidth":2280,"previewHeight":1500},{"id":"webzibition--txt","name":".txt","collection":"webzibition","creator":".txt · original site","creatorAttribution":"Site identity from the publisher listing; individual design author not independently verified","category":"Full websites & portfolios","why":"Monospace, terminal-style page with 'NO BAD OUTPUTS' in large type and a dithered mark on white; distinct technical voice.","useFor":"Study the original website’s composition and presentation; code availability is unverified.","website":"https://dottxt.ai/","codeUrl":"","repository":"","sourceFiles":[],"commit":"","access":"Design reference · public source not traced","license":"Website and preview rights belong to their respective owners; no source or reuse license verified","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited; original website returned HTTP200; screenshot may predate the current live design","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"Codrops Webzibition → original website","added":"2026-10-20","preview":"media/references/webzibition--txt.webp","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/08/dottxt-1200x649.jpg.webp?x67708","previewType":"Codrops publisher screenshot of the linked original website; not a fresh live capture","previewWidth":1200,"previewHeight":649,"previewSha256":"b60a854feced626a029a3f67127be437f3dada7c154cb09f2833073a01d90843","previewAnimated":false,"publisherIndex":"https://tympanus.net/codrops/webzibition/","publisherRecord":"post-119871","pageTitle":".txt - Structured Outputs for Production LLMs","pageCheckedAt":"2026-10-20T05:54:32.868906+00:00","pageAvailability":"HTTP200; same-domain original website","retrievedAt":"2026-10-20T05:54:32.868906+00:00"},{"id":"webzibition--197-historias-ilustradas","name":"197 Historias Ilustradas","collection":"webzibition","creator":"197 Historias Ilustradas · original site","creatorAttribution":"Site identity from the publisher listing; individual design author not independently verified","category":"Full websites & portfolios","why":"White grid of hand-drawn portraits with small captions and a header row; illustration-led index.","useFor":"Study the original website’s composition and presentation; code availability is unverified.","website":"https://www.197historiasilustradas.com/","codeUrl":"","repository":"","sourceFiles":[],"commit":"","access":"Design reference · public source not traced","license":"Website and preview rights belong to their respective owners; no source or reuse license verified","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited; original website returned HTTP200; screenshot may predate the current live design","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"Codrops Webzibition → original website","added":"2026-10-20","preview":"media/references/webzibition--197-historias-ilustradas.webp","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/08/197HistoriasIlustradas-1200x649.jpg.webp?x67708","previewType":"Codrops publisher screenshot of the linked original website; not a fresh live capture","previewWidth":1200,"previewHeight":649,"previewSha256":"778b5ad55f23f34a26fe8f7f4554b84cf6fc39e35811deef53c958644d329ca8","previewAnimated":false,"publisherIndex":"https://tympanus.net/codrops/webzibition/","publisherRecord":"post-118466","pageTitle":"197 Historias Ilustradas","pageCheckedAt":"2026-10-20T05:54:32.868906+00:00","pageAvailability":"HTTP200; same-domain original website","retrievedAt":"2026-10-20T05:54:32.868906+00:00"},{"id":"codrops--3d-carousel","name":"3D Carousel","collection":"codrops-creative","creator":"Thibaut Lefrançois","creatorUrl":"https://tympanus.net/codrops/hub/author/thibautlefrancois","category":"Shaders & materials","styleTags":["carousel","glsl","postprocessing","three.js"],"why":"Original shaders & materials reference published in the Codrops Creative Hub; inspect the image and original demo for its visual approach.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://thibautlfr.github.io/3d-carousel/","codeUrl":"https://github.com/thibautlfr/3d-carousel","repository":"https://github.com/thibautlfr/3d-carousel","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Contact-sheet preview reviewed with Sonnet 5.5 Medium; original publisher links traced; not runtime-tested","selectionType":"Preview-reviewed design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/10/carousel_cover-768x576.jpg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Jun 6, 2026","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:23:38.056369+00:00","preview":"media/references/codrops--3d-carousel.jpg","previewWidth":768,"previewHeight":576,"previewSha256":"a6e4b523bcbd569b66bb66b8a3f644bc278f735da458e01a42ef90eef70a567f","previewAnimated":false},{"id":"aceternity--3d-globe","name":"3D Globe","collection":"aceternity","creator":"Aceternity UI · Manu Arora","category":"Spatial experiences","why":"A large cropped Earth fills the lower half of a dark card, with circular portrait avatars pinned to real locations by thin leader lines and red anchor dots. The headline and body copy sit cleanly above it. Text is legible and nothing is clipped awkwardly. The idea is concrete: people placed on a globe as map pins.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://ui.aceternity.com/components/3d-globe","codeUrl":"https://ui.aceternity.com/components/3d-globe","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Sonnet5.5 Medium full-image audit and researcher follow-up; external source/access and dependency licenses not newly audited, no runtime or motion test","selectionType":"Individually visually reviewed creator-catalog reference","favorite":false,"discovered":"Reddit library leads → original Aceternity component catalog","added":"2026-10-20","previewSource":"https://assets.aceternity.com/components/3d-globe.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","preview":"media/references/aceternity--3d-globe.webp","previewWidth":2048,"previewHeight":1440,"previewSha256":"c98bbb728b7bc21c06b36c15810da86d446275dcd11441edd4bf711d60f02b04","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","qualityReview":"references/older-instrument-quality-curation.json"},{"id":"codrops--3d-image-rotations-on-scroll","name":"3D Image Rotations on Scroll","collection":"codrops-creative","creator":"Manoela Ilic","creatorUrl":"https://tympanus.net/codrops/hub/author/crnacura","category":"Galleries & transitions","styleTags":["3d","gsap","scroll"],"why":"Original galleries & transitions reference published in the Codrops Creative Hub; inspect the image and original demo for its visual approach.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Development/RotatingOnScrollAnimations/","codeUrl":"https://github.com/codrops/RotatingOnScrollAnimations","repository":"https://github.com/codrops/RotatingOnScrollAnimations","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Contact-sheet preview reviewed with Sonnet 5.5 Medium; original publisher links traced; not runtime-tested","selectionType":"Preview-reviewed design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/06/RotatingOnScrolAnimation_featured-768x576.png.webp","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Jun 18, 2026","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:23:38.056369+00:00","preview":"media/references/codrops--3d-image-rotations-on-scroll.webp","previewWidth":768,"previewHeight":576,"previewSha256":"ff9458ebe0c414a2d1f2a0c8b114c046482b206319be4e96d4dd01a4ca6eef63","previewAnimated":false},{"id":"codrops--3d-sneaker-grid-with-react-three-fiber","name":"3D Sneaker Grid with React Three Fiber","collection":"codrops-creative","creator":"Matt Greenberg","creatorUrl":"https://tympanus.net/codrops/hub/author/mattgreenberg","category":"Spatial experiences","styleTags":["3d","grid","react three fiber","three.js","webgl"],"why":"Original spatial experiences reference published in the Codrops Creative Hub; inspect the image and original demo for its visual approach.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://shoe-finder-wine.vercel.app/","codeUrl":"https://github.com/MatthewGreenberg/shoe-finder","repository":"https://github.com/MatthewGreenberg/shoe-finder","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Contact-sheet preview reviewed with Sonnet 5.5 Medium; original publisher links traced; not runtime-tested","selectionType":"Preview-reviewed design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/02/SneakerGrid-768x576.webp","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Feb 24, 2026","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:23:38.056369+00:00","preview":"media/references/codrops--3d-sneaker-grid-with-react-three-fiber.webp","previewWidth":768,"previewHeight":576,"previewSha256":"4f2ecee376cc23725d853b70fb4ab2308fccb46ccad67a8f0c2f4bf9e58d659c","previewAnimated":false},{"id":"codrops--3d-spacial-scroll-zoom-with-css-scroll-animation","name":"3D spacial scroll zoom with CSS Scroll Animation","collection":"codrops-creative","creator":"Adam Argyle","creatorUrl":"https://tympanus.net/codrops/hub/author/argyleink","category":"Spatial & motion","styleTags":["3D","CSS Only"],"why":"CSS terms at varying depth and blur on white read as a z-axis tunnel","useFor":"Study the original design and its linked implementation before adoption.","website":"https://codepen.io/argyleink/full/ZEdrzJZ","codeUrl":"https://codepen.io/argyleink/pen/ZEdrzJZ","repository":"","sourceFiles":[],"commit":"","access":"Creator code linked · access unverified (source response recorded)","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview selection; creator/demo/source links traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub · October 20 creator-depth review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/01/Screenshot-2025-01-26-at-10.50.15.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Aug 18, 2024","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T07:38:51.455636+00:00","preview":"media/references/codrops--3d-spacial-scroll-zoom-with-css-scroll-animation.png","previewWidth":1600,"previewHeight":1202,"previewSha256":"7ee6df273d8ee3fe5d6bbdcc39d51529da87dfc93d2f3d53a38a5651889438fd","previewAnimated":false,"sourcePageCheck":{"status":403,"resolvedUrl":"https://codepen.io/argyleink/pen/ZEdrzJZ","checkedAt":"2026-10-20T07:40:31.054555+00:00"}},{"id":"codrops--3d-tetris","name":"3D Tetris","collection":"codrops-creative","creator":"Kamil Macinski","creatorUrl":"https://tympanus.net/codrops/hub/author/kamil_macinski","category":"Spatial experiences","styleTags":["3D","cannon-es","game","Three.js","WebGL"],"why":"Isometric pink voxel Tetris with in-scene key legend and controller button","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tetris.zweibel-cocaine.com/","codeUrl":"https://github.com/kamilmac/tetris","repository":"https://github.com/kamilmac/tetris","sourceFiles":[],"commit":"","access":"Creator code page linked · HTTP 200; license/reuse terms not audited","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview selection; creator/demo/source links traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub · October 20 creator-depth review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/09/Screenshot-2025-09-23-at-06.35.18.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Jan 8, 2024","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T07:38:51.455636+00:00","preview":"media/references/codrops--3d-tetris.png","previewWidth":1600,"previewHeight":1202,"previewSha256":"149e25d0dfd9dccda526514d7a07894acff946b93a2f816b2071cb98f42016e9","previewAnimated":false,"sourcePageCheck":{"status":200,"resolvedUrl":"https://github.com/kamilmac/tetris","checkedAt":"2026-10-20T07:40:41.939899+00:00"}},{"id":"codrops--3d-text-scroll-animations","name":"3D Text Scroll Animations","collection":"codrops-creative","creator":"David Faure","creatorUrl":"https://tympanus.net/codrops/hub/author/davidfaure","category":"Editorial & typography","styleTags":["3d","gsap","scroll","typography"],"why":"Original editorial & typography reference published in the Codrops Creative Hub; inspect the image and original demo for its visual approach.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Tutorials/3DTextScroll/","codeUrl":"https://github.com/davidfaure/3d-text-animation-codrops/","repository":"https://github.com/davidfaure/3d-text-animation-codrops/","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Contact-sheet preview reviewed with Sonnet 5.5 Medium; original publisher links traced; not runtime-tested","selectionType":"Preview-reviewed design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/10/Text_feature-768x576.jpg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Nov 4, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:23:38.056369+00:00","preview":"media/references/codrops--3d-text-scroll-animations.jpg","previewWidth":768,"previewHeight":576,"previewSha256":"7865272f9ac437fc0797f9b8eae7fe7876f410f27450e3a5b09a16c9f6b71947","previewAnimated":false},{"id":"codrops--3d-typing-effects-with-three-js","name":"3D Typing Effects with Three.js","collection":"codrops-creative","creator":"Ksenia Kondrashova","creatorUrl":"https://tympanus.net/codrops/hub/author/ksenia","category":"Typography & effects","styleTags":["Three.js","typography","WebGL"],"why":"Letters built from clustered orange and green foliage and flower sprites on pale yellow, a botanical typeface made of 3D particles.","useFor":"Study the original image and linked creator source; respect its license and access terms.","website":"https://tympanus.net/Development/3DTypeEffects/","codeUrl":"https://github.com/uuuulala/WebGL-typing-tutorial/tree/88daf57fb293a3df6fdc0a90740d07b335761069","repository":"https://github.com/uuuulala/WebGL-typing-tutorial","sourceFiles":[],"commit":"88daf57fb293a3df6fdc0a90740d07b335761069","access":"Original code linked and revision pinned · not archived; root MIT","license":"Original repository MIT; root license checked where present. Assets and dependency terms not fully audited.","review":"Sonnet 5.5 Medium static visual review and researcher source/provenance checks; not runtime, accessibility or full dependency-license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"Original input and spatial creator trails · input-spatial review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2022/11/3DType.jpg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Nov 8, 2022","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T08:26:33.379151+00:00","preview":"media/references/codrops--3d-typing-effects-with-three-js.jpg","previewWidth":800,"previewHeight":600,"previewSha256":"0ee530d4644cdc1ad7b54c541e868782957eaa124e8af75456a2f2d17aebd169","previewAnimated":false,"observedOriginalDemoUrl":"http://tympanus.net/Development/3DTypeEffects","redirectVerification":"Normal Chrome navigation followed the observed original link to HTTPS.","sourcePageCheck":{"status":200,"resolvedUrl":"https://github.com/uuuulala/WebGL-typing-tutorial","checkedAt":"2026-10-20T08:29:31.617526+00:00"},"observedOriginalCodeUrl":"https://github.com/uuuulala/WebGL-typing-tutorial","sourcePinNote":"Current public original source pinned; screenshot build revision is not claimed.","sourceLicenseEvidence":"references/source-license-evidence/uuuulala--WebGL-typing-tutorial/LICENSE"},{"id":"codrops--3d-wave-grid","name":"3D Wave Grid","collection":"codrops-creative","creator":"Franky Hung","creatorUrl":"https://tympanus.net/codrops/hub/author/frankyhung","category":"Spatial experiences","styleTags":["3d","cube","three.js","webgl"],"why":"Original spatial experiences reference published in the Codrops Creative Hub; inspect the image and original demo for its visual approach.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://projects.arkon.digital/threejs/wavy-cubes/","codeUrl":"https://github.com/franky-adl/3d-wave-grid","repository":"https://github.com/franky-adl/3d-wave-grid","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Contact-sheet preview reviewed with Sonnet 5.5 Medium; original publisher links traced; not runtime-tested","selectionType":"Preview-reviewed design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/06/franky_cover-768x576.png.webp","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Jul 9, 2026","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:23:38.056369+00:00","preview":"media/references/codrops--3d-wave-grid.webp","previewWidth":768,"previewHeight":576,"previewSha256":"b60e5a798a73f9e2da3d670755b5b646e61145072a4f41b8ed3c74266d08363e","previewAnimated":false},{"id":"21st--theorcdev--8bit-timeline2","name":"8bit Timeline Horizontal","collection":"21st-community","creator":"OrcDev","category":"Thinking & progress","why":"Original thinking & progress reference from OrcDev.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@theorcdev/components/8bit-timeline2","codeUrl":"https://21st.dev/@theorcdev/components/8bit-timeline2","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community timeline catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/larsen66/8bit-timeline2/default/preview.1780282992414.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"theorcdev","sourceCategory":"timeline","creatorPublicationUrl":"https://21st.dev/@theorcdev/components/8bit-timeline2","preview":"media/references/21st--theorcdev--8bit-timeline2.jpg","previewWidth":960,"previewHeight":600,"previewSha256":"82e7faf4466941a97adcc56b1f35f92a7d7160b64feab0835d91856794d62bff","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@theorcdev/components/8bit-timeline2"},{"id":"codrops--a-drift","name":"A Drift","collection":"codrops-creative","creator":"Robert Aperios","creatorUrl":"https://tympanus.net/codrops/hub/author/roberteaperios","category":"Editorial & typography","styleTags":["canvas","distortion","gsap","motion trail","typography"],"why":"Original editorial & typography reference published in the Codrops Creative Hub; inspect the image and original demo for its visual approach.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Demos/ADrift/","codeUrl":"https://github.com/zen-aperios/a-drift","repository":"https://github.com/zen-aperios/a-drift","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Contact-sheet preview reviewed with Sonnet 5.5 Medium; original publisher links traced; not runtime-tested","selectionType":"Preview-reviewed design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/10/ADrift_cover-768x576.jpg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Oct 13, 2026","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:23:38.056369+00:00","preview":"media/references/codrops--a-drift.jpg","previewWidth":768,"previewHeight":576,"previewSha256":"4d1d22769c23bdcac091a4105cc0084ed9774766d315297538d36222e8df1f28","previewAnimated":false},{"id":"webzibition--a24","name":"A24","collection":"webzibition","creator":"A24 · original site","creatorAttribution":"Site identity from the publisher listing; individual design author not independently verified","category":"Full websites & portfolios","why":"Cream page with colourful film-disc imagery spinning across the frame and a small review quote; strong brand objects.","useFor":"Study the original website’s composition and presentation; code availability is unverified.","website":"https://a24.raviklaassens.com/","codeUrl":"","repository":"","sourceFiles":[],"commit":"","access":"Design reference · public source not traced","license":"Website and preview rights belong to their respective owners; no source or reuse license verified","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited; original website returned HTTP200; screenshot may predate the current live design","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"Codrops Webzibition → original website","added":"2026-10-20","preview":"media/references/webzibition--a24.webp","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/09/ravi_a24-1200x649.png.webp?x67708","previewType":"Codrops publisher screenshot of the linked original website; not a fresh live capture","previewWidth":1200,"previewHeight":649,"previewSha256":"0bb688ec6a9a05427e31b03b546cf6d212cc3376d50039b898f3fb39e6ba1825","previewAnimated":false,"publisherIndex":"https://tympanus.net/codrops/webzibition/","publisherRecord":"post-121037","pageTitle":"A24 — Films","pageCheckedAt":"2026-10-20T05:54:32.868906+00:00","pageAvailability":"HTTP200; same-domain original website","retrievedAt":"2026-10-20T05:54:32.868906+00:00"},{"id":"a2ui--gallery","name":"A2UI original rendered-card family","category":"Cards & layouts","why":"Masonry wall of agent-rendered cards (flight status, task, coffee order, track list, recipe, profile, purchase form, contact) with consistent typography, soft frosted surfaces and a single lavender button style. It shows how very different content shares one visual system.","favorite":false,"collection":"a2ui","creator":"Google / A2UI project contributors","creatorUrl":"https://github.com/a2ui-project","website":"https://github.com/a2ui-project/a2ui","repository":"https://github.com/a2ui-project/a2ui","commit":"ba4c47baba5663037217f107d5bcc51f6d35c536","codeUrl":"https://github.com/a2ui-project/a2ui/tree/ba4c47baba5663037217f107d5bcc51f6d35c536/typescript/renderers","sourceFiles":[],"platform":"Web","access":"Original public renderer/source linked and pinned; one gallery family, not one count per card","license":"Apache-2.0 code · separate depicted image/font/trademark terms not exhaustively audited","review":"Sonnet 5.5 Medium full-image visual review plus researcher original-source checks; static judgment, no runtime, motion, accessibility or complete dependency audit","useFor":"Study the exact original creator image and linked implementation under its original terms.","selectionType":"Individually visually reviewed original reference","discovered":"Primary creator repository/docs discovery · operational-input review","added":"2026-10-20","preview":"media/references/a2ui--gallery.png","previewSha256":"e503d9d38105868816fe2997edff0034d75fc91c71624b01b76e6a638016be75","previewSource":"https://raw.githubusercontent.com/a2ui-project/a2ui/ba4c47baba5663037217f107d5bcc51f6d35c536/docs/public/assets/a2ui_gallery_examples.png","previewAnimated":false,"previewType":"Exact unmodified original creator-published static image","sourceResolution":"references/operational-input-source-evidence.json","sourcePinNote":"Current pinned original source; exact screenshot-build revision is not established. Selected files are provenance evidence, not a complete component archive.","previewWidth":1662,"previewHeight":927},{"added":"2026-10-20","sourceFiles":[],"repository":"","commit":"","codeUrl":"","previewAnimated":false,"discovered":"Original X creator trails, native feature tour and primary motion tools · workflow-spatial review","selectionType":"Visually reviewed original reference","review":"Sonnet 5.5 Medium static visual review; provenance/source checks, not runtime, accessibility or full license/dependency audit","useFor":"Study the exact original reference and linked creator source. Respect its access and license terms.","id":"abraham--property-search","name":"Abraham John product search and filters","category":"Forms & controls","why":"A price-distribution histogram sits over min/max controls, material checkboxes and a shown result-count action; search and product-category browsing form one original mobile discovery family.","favorite":false,"collection":"abraham-mobile","preview":"media/references/x-abraham--mobile-filter.jpg","previewSha256":"e705b1b4b81c808ae00ec40e83da4a5c4c37a829ef7fa1738f9ce3d675724fda","website":"https://x.com/Abmankendrick/status/2112119133340856814","previewSource":"https://pbs.twimg.com/media/HU_AvoCXEAAcA_5?format=jpg&name=4096x4096","additionalOriginalImages":["media/references/x-abraham--mobile-search.jpg"],"creator":"Abraham John · @Abmankendrick","creatorUrl":"https://x.com/Abmankendrick","access":"Concept reference · source code unavailable in inspected creator posts","license":"Original creator design exploration; no public code or reuse license established.","previewType":"Exact original creator-posted image; search/filter states count as one family","previewWidth":3277,"previewHeight":4096},{"id":"21st--trophyso--achievement-badge","name":"Achievement badge","collection":"21st-community","creator":"trophyso","category":"Thinking & progress","why":"Original thinking & progress reference from trophyso.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@trophyso/components/achievement-badge/series-progress","codeUrl":"https://21st.dev/@trophyso/components/achievement-badge/series-progress","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community progress catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/larsen66/achievement-badge/series-progress/preview.1779967238976.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"trophyso","sourceCategory":"progress","creatorPublicationUrl":"https://21st.dev/@trophyso/components/achievement-badge/series-progress","preview":"media/references/21st--trophyso--achievement-badge.png","previewWidth":960,"previewHeight":677,"previewSha256":"3723fcf2ff88e0a0892a3c0541ce4b9d8f0cde96f3b7f484eeaf320979bff33f","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@trophyso/components/achievement-badge"},{"id":"21st--trophyso--achievement-card","name":"Achievement Card","collection":"21st-community","creator":"trophyso","category":"Thinking & progress","why":"Original thinking & progress reference from trophyso.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@trophyso/components/achievement-card","codeUrl":"https://21st.dev/@trophyso/components/achievement-card","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community progress catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/larsen66/achievement-card/default/preview.1779970734613.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"trophyso","sourceCategory":"progress","creatorPublicationUrl":"https://21st.dev/@trophyso/components/achievement-card","preview":"media/references/21st--trophyso--achievement-card.png","previewWidth":960,"previewHeight":738,"previewSha256":"4c6157c3d6dcb7997e0999c303e6c62fd07bca22fe9e63ed42c50ef96195bff6","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@trophyso/components/achievement-card"},{"id":"21st--trophyso--achievement-list","name":"Achievement List","collection":"21st-community","creator":"trophyso","category":"Thinking & progress","why":"Original thinking & progress reference from trophyso.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@trophyso/components/achievement-list","codeUrl":"https://21st.dev/@trophyso/components/achievement-list","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community progress catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/larsen66/achievement-list/default/preview.1779974055123.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"trophyso","sourceCategory":"progress","creatorPublicationUrl":"https://21st.dev/@trophyso/components/achievement-list","preview":"media/references/21st--trophyso--achievement-list.png","previewWidth":960,"previewHeight":605,"previewSha256":"5200cb48562f90d1dea9375b5320f0a7f8fac0b1602e901a2ab152d02a05958d","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@trophyso/components/achievement-list"},{"id":"21st--olewandowski1--timeline-3","name":"Activity Timeline","collection":"21st-community","creator":"Oliver","category":"Thinking & progress","why":"Original thinking & progress reference from Oliver.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@olewandowski1/components/timeline-3","codeUrl":"https://21st.dev/@olewandowski1/components/timeline-3","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community timeline catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_registry_7ovr_1782691739820/timeline-3/default/preview.1789994227656.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"olewandowski1","sourceCategory":"timeline","creatorPublicationUrl":"https://21st.dev/@olewandowski1/components/timeline-3","preview":"media/references/21st--olewandowski1--timeline-3.png","previewWidth":960,"previewHeight":673,"previewSha256":"3b6905c92aeaa257bcb4238a1c12d0bbc535da9f9e07dc710f9827869944a6ac","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@olewandowski1/components/timeline-3"},{"id":"21st--uilayout.contact--advanced-stats","name":"Advanced Stats","collection":"21st-community","creator":"ui layout","category":"Dashboards & data","why":"Original dashboards & data reference from ui layout.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@uilayout.contact/components/advanced-stats","codeUrl":"https://21st.dev/@uilayout.contact/components/advanced-stats","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community dashboard catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/uilayout.contact/advanced-stats/default/preview.1783677974362.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"uilayout.contact","sourceCategory":"dashboard","creatorPublicationUrl":"https://21st.dev/@uilayout.contact/components/advanced-stats","preview":"media/references/21st--uilayout.contact--advanced-stats.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"2a3fbbe191c568278c2a301cb1872873961b7766cd980f03794e07ae24e8483b","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@uilayout.contact/components/advanced-stats"},{"id":"beui-native--agent-activity","name":"Agent Activity · Native","collection":"beui-native","category":"React Native","why":"Steps, searches and tool calls in one live log.","useFor":"Original React Native component from the creator’s public library. Image reference with original demo and source links.","sourceFiles":["sources/beui-native/code/src/components/agent-activity/activity-row.tsx","sources/beui-native/code/src/components/agent-activity/agent-activity.tsx","sources/beui-native/code/src/components/agent-activity/index.ts","sources/beui-native/code/src/components/agent-activity/types.ts"],"website":"https://beui.dev/react-native/agent-activity","repository":"https://github.com/starc007/beui-native","commit":"","license":"MIT","access":"Source saved","review":"Official creator catalog · not individually runtime-tested","favorite":false,"discovered":"Original creator library, linked from beUI","added":"2026-10-20","preview":"media/beui-native--agent-activity.jpg","previewSource":"https://media.beui.dev/clips/agent-activity-light.799529d7d9.jpg","previewType":"Creator’s original React Native recording poster","platform":"React Native","selectionType":"Creator library expansion","previewWidth":600,"previewHeight":1304,"previewAnimated":false,"previewVideo":"media/recordings/beui-native--agent-activity.mp4","videoSource":"https://media.beui.dev/clips/agent-activity-light.799529d7d9.mp4","videoType":"Unmodified original creator recording","videoMetadata":{"width":600,"height":1304,"duration":14.3},"videoSha256":"799529d7d97c23a00634460ea68c1a46d8a5c1675b9c01fb4bd8792de622a280","previewVideoSource":"https://media.beui.dev/clips/agent-activity-light.799529d7d9.mp4"},{"id":"beui--chat-app","name":"Agent Chat Workspace","collection":"beui","category":"Conversation craft","why":"The creator combines planning, approvals, tools, code, generated media and sources into a full agent workspace.","useFor":"Studying how individual components fit together.","sourceFiles":["sources/beui/code/components/agents/chat-app.tsx"],"website":"https://beui.dev/components/agents/chat-app","repository":"https://github.com/starc007/ui-components","commit":"6b5a00a5687214be8fd12fb0b6a78678d4dc96e0","license":"MIT","access":"Source saved","review":"Creator documentation + exact source; library expansion","favorite":false,"discovered":"Independent research","added":"2026-10-20","selectionType":"Creator library expansion","preview":"media/screenshots/beui--chat-app.jpg","previewType":"Screenshot of the creator’s published web demo","previewSource":"https://beui.dev/components/agents/chat-app","capturedAt":"2026-10-20T04:23:00.296Z","captureWidth":1232,"captureHeight":864,"captureX":304,"captureY":348,"previewWidth":1232,"previewHeight":864,"previewAnimated":false},{"id":"beui--code-block","name":"Agent Code Block","collection":"beui","category":"Artifacts & evidence","why":"Code has an inspectable object boundary with language and copy affordances instead of being indistinguishable from prose.","useFor":"Generated code inside conversations.","sourceFiles":["sources/beui/code/components/agents/code-block.tsx"],"website":"https://beui.dev/components/agents/code-block","repository":"https://github.com/starc007/ui-components","commit":"6b5a00a5687214be8fd12fb0b6a78678d4dc96e0","license":"MIT","access":"Source saved","review":"Creator documentation + exact source; library expansion","favorite":false,"discovered":"Independent research","added":"2026-10-20","selectionType":"Creator library expansion","preview":"media/screenshots/beui--code-block.jpg","previewType":"Screenshot of the creator’s published web demo","previewSource":"https://beui.dev/components/agents/code-block","capturedAt":"2026-10-20T04:21:11.429Z","captureWidth":1232,"captureHeight":420,"previewWidth":1232,"previewHeight":420,"previewAnimated":false},{"id":"affectui--agent-lanes","name":"Agent Lanes","collection":"affectui","category":"Agent orchestration","why":"One lane per agent separates concurrency from hierarchy. Handoffs and approvals belong on the actual task interval.","useFor":"When work happened and which agent is blocked.","sourceFiles":[],"website":"https://www.affectui.com/components/agent-lanes","repository":"","commit":"cc799e7e438efcea8d484fa27932405ea60bff9a","license":"MIT","access":"Paid reference · no code","review":"Creator catalog + docs","favorite":false,"discovered":"X bookmarks","added":"2026-10-20","preview":"media/screenshots/affectui--agent-lanes.jpg","previewType":"Screenshot of the creator’s published web demo","previewSource":"https://www.affectui.com/components/agent-lanes","capturedAt":"2026-10-20T03:59:48.124Z","relatedLibraryRepository":"https://github.com/flohoeller/affectui","previewWidth":624,"previewHeight":430,"previewAnimated":false},{"id":"beui-native--loading-states","name":"Agent Loading States · Native","collection":"beui-native","category":"React Native","why":"Shimmers, cycling reasoning text and a progress timer.","useFor":"Original React Native component from the creator’s public library. Image reference with original demo and source links.","sourceFiles":["sources/beui-native/code/src/components/loading-states/agent-progress.tsx","sources/beui-native/code/src/components/loading-states/index.ts","sources/beui-native/code/src/components/loading-states/reasoning-text.tsx","sources/beui-native/code/src/components/loading-states/thinking-shimmer.tsx"],"website":"https://beui.dev/react-native/loading-states","repository":"https://github.com/starc007/beui-native","commit":"","license":"MIT","access":"Source saved","review":"Official creator catalog · not individually runtime-tested","favorite":false,"discovered":"Original creator library, linked from beUI","added":"2026-10-20","preview":"media/beui-native--loading-states.jpg","previewSource":"https://media.beui.dev/clips/loading-states-light.bf0dd34863.jpg","previewType":"Creator’s original React Native recording poster","platform":"React Native","selectionType":"Creator library expansion","previewWidth":600,"previewHeight":1304,"previewAnimated":false,"previewVideo":"media/recordings/beui-native--loading-states.mp4","videoSource":"https://media.beui.dev/clips/loading-states-light.bf0dd34863.mp4","videoType":"Unmodified original creator recording","videoMetadata":{"width":600,"height":1304,"duration":12.016667},"videoSha256":"bf0dd348632f5b4b9c6e6f1fc086d9586e4aff7e99823fa5d3ed06f37d740203","previewVideoSource":"https://media.beui.dev/clips/loading-states-light.bf0dd34863.mp4"},{"id":"affectui--agent-team","name":"Agent Team","collection":"affectui","category":"Agent orchestration","why":"A prompt branches into roles with tool identities. An effective explanatory illustration for delegation, with far less visual noise than a generic network graph.","useFor":"Onboarding illustrations, not a substitute for a live execution tree.","sourceFiles":["sources/affectui/code/illustrations/agent-team.tsx"],"website":"https://www.affectui.com/illustrations/agent-team","repository":"https://github.com/flohoeller/affectui","commit":"cc799e7e438efcea8d484fa27932405ea60bff9a","license":"MIT","access":"Source saved","review":"Source located + documentation","favorite":false,"discovered":"X bookmarks","added":"2026-10-20","preview":"media/stills/affectui--agent-team.png","previewSource":"https://www.affectui.com/illustrations/agent-team","previewType":"Still frame from creator’s original animation","previewOriginalAsset":"media/affectui--agent-team.webp","previewFrameIndex":24,"previewWidth":959,"previewHeight":599,"previewAnimated":false,"previewVideo":"media/recordings/affectui--agent-team.mp4","videoSource":"https://github.com/flohoeller/affectui/blob/cc799e7e438efcea8d484fa27932405ea60bff9a/.github/assets/showcase/agent-team-light.webp","videoType":"MP4 transcode of creator’s original animation; original asset preserved","videoMetadata":{"width":960,"height":600,"duration":5.08},"videoSha256":"034befbbc3e28555d95b7d4340bb68a09bd659bc016a066814fa5b70b20c8166","videoOriginalAsset":"media/affectui--agent-team.webp","videoOriginalSha256":"46755db1378f0cd80e281220274d477de985ab348e2b7a63030ed1cd9e6aea1d","videoDerivation":"Exact decoded creator frames and timing, H.264 encoding; at most one pixel of edge padding for browser compatibility. No upscaling or invented frames.","previewVideoSource":"https://github.com/flohoeller/affectui/blob/cc799e7e438efcea8d484fa27932405ea60bff9a/.github/assets/showcase/agent-team-light.webp"},{"id":"beui--todo-list","name":"Agent Todo List","collection":"beui","category":"Human control","why":"Durable planned tasks stay separate from transient activity so the user can inspect what remains.","useFor":"Multi-step plans and completed work.","sourceFiles":["sources/beui/code/components/agents/todo-list.tsx"],"website":"https://beui.dev/components/agents/todo-list","repository":"https://github.com/starc007/ui-components","commit":"6b5a00a5687214be8fd12fb0b6a78678d4dc96e0","license":"MIT","access":"Source saved","review":"Creator documentation + exact source; library expansion","favorite":false,"discovered":"Independent research","added":"2026-10-20","selectionType":"Creator library expansion","preview":"media/screenshots/beui--todo-list.jpg","previewType":"Screenshot of the creator’s published web demo","previewSource":"https://beui.dev/components/agents/todo-list","capturedAt":"2026-10-20T04:21:05.703Z","captureWidth":1232,"captureHeight":410,"previewWidth":1232,"previewHeight":410,"previewAnimated":false},{"id":"21st--designali-in--ai-actions","name":"AI Actions","collection":"21st-community","creator":"Ali Imam","category":"Conversation craft","why":"Original conversation craft reference from Ali Imam.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@designali-in/components/ai-actions","codeUrl":"https://21st.dev/@designali-in/components/ai-actions","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community ai-chat catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/designali-in/ai-actions/default/preview.1756918230237.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"designali-in","sourceCategory":"ai-chat","creatorPublicationUrl":"https://21st.dev/@designali-in/components/ai-actions","preview":"media/references/21st--designali-in--ai-actions.png","previewWidth":960,"previewHeight":593,"previewSha256":"e9485eb72d0ef1b73be26ea6a6bfb93d72ffe2e10b8d2064cbff7f80298c30c0","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@designali-in/components/ai-actions"},{"id":"21st--monolythdev--ai-agent-pipeline","name":"AI Agent Pipeline","collection":"21st-community","creator":"Monolyth Dev","category":"Agent orchestration","why":"Original agent orchestration reference from Monolyth Dev.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@monolythdev/components/ai-agent-pipeline","codeUrl":"https://21st.dev/@monolythdev/components/ai-agent-pipeline","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community ai-chat catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/dani_0212bfb0/ai-agent-pipeline/default/preview.1784539505048-93a381a6-1e9b-4df4-95f4-6dbd62affd1e.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"monolythdev","sourceCategory":"ai-chat","creatorPublicationUrl":"https://21st.dev/@monolythdev/components/ai-agent-pipeline","preview":"media/references/21st--monolythdev--ai-agent-pipeline.png","previewWidth":960,"previewHeight":660,"previewSha256":"9d700631d098e18f5f03d2c258c86e0fb64303ab6a4e71609583de78d486a495","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@monolythdev/components/ai-agent-pipeline"},{"id":"21st--jahed--ai-agent-response","name":"AI Agent Response","collection":"21st-community","creator":"Hossain Jahed","category":"Agent orchestration","why":"Original agent orchestration reference from Hossain Jahed.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@jahed/components/ai-agent-response","codeUrl":"https://21st.dev/@jahed/components/ai-agent-response","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community ai-chat catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/easemize/ai-agent-response/default/preview.1787284566246-85f49631-b203-40bc-b82c-fb0c5bbeaf57.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"jahed","sourceCategory":"ai-chat","creatorPublicationUrl":"https://21st.dev/@jahed/components/ai-agent-response","preview":"media/references/21st--jahed--ai-agent-response.jpg","previewWidth":960,"previewHeight":675,"previewSha256":"90cb51756882813eb79995ec91c470a16dbd82f840d01455b90ef2a2677c8423","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@jahed/components/ai-agent-response"},{"id":"21st--coderislive07--ai-assistat","name":"Ai Assistant","collection":"21st-community","creator":"Mridul Dhamija","category":"Conversation craft","why":"Original conversation craft reference from Mridul Dhamija.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@coderislive07/components/ai-assistat","codeUrl":"https://21st.dev/@coderislive07/components/ai-assistat","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community ai-chat catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_2wjKdxMtqQT5IkB6iwZTCrkDFKs/ai-assistat/default/preview.1746718499621.jpeg","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:51:40.290057+00:00","creatorHandle":"coderislive07","sourceCategory":"ai-chat","creatorPublicationUrl":"https://21st.dev/@coderislive07/components/ai-assistat","canonicalComponentUrl":"https://21st.dev/@coderislive07/components/ai-assistat","preview":"media/references/21st--coderislive07--ai-assistat.jpg","previewWidth":960,"previewHeight":614,"previewSha256":"d1566cc8ad86cef24189d60d7d1c9ef2aad3288a3a6f2d5f5f8ea1a410e7981e","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:51:40.290057+00:00"},{"id":"21st--ahmedmayara--ai-assistant-card","name":"AI Assistant Card","collection":"21st-community","creator":"Ahmed Mayara","category":"Conversation craft","why":"Original conversation craft reference from Ahmed Mayara.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@ahmedmayara/components/ai-assistant-card","codeUrl":"https://21st.dev/@ahmedmayara/components/ai-assistant-card","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community ai-chat catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/ahmedmayara/ai-assistant-card/default/preview.1785191272174-ac762505-3033-4450-8ef5-26d479dbda75.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"ahmedmayara","sourceCategory":"ai-chat","creatorPublicationUrl":"https://21st.dev/@ahmedmayara/components/ai-assistant-card","preview":"media/references/21st--ahmedmayara--ai-assistant-card.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"52caa372f686f5cfa54697eec1152cebd338188e0057f0aefb3ae62c617e2442","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@ahmedmayara/components/ai-assistant-card"},{"id":"21st--rafa-porto--ai-assistant-interface","name":"AI Assistant Interface","collection":"21st-community","creator":"Rafael Porto","category":"Conversation craft","why":"Original conversation craft reference from Rafael Porto.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@rafa-porto/components/ai-assistant-interface","codeUrl":"https://21st.dev/@rafa-porto/components/ai-assistant-interface","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community ai-chat catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_2uVKBUXqwkcxZZN4Qj9wxzr7maQ/ai-assistant-interface/default/preview.1786145778654.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"rafa-porto","sourceCategory":"ai-chat","creatorPublicationUrl":"https://21st.dev/@rafa-porto/components/ai-assistant-interface","preview":"media/references/21st--rafa-porto--ai-assistant-interface.jpg","previewWidth":866,"previewHeight":642,"previewSha256":"4ac5df212a8701a6ab4bbc69029e48f9be564b34f267392720aaafd370bf4181","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@rafa-porto/components/ai-assistant-interface"},{"id":"21st--arihantcodes_1f7b8c4d--ai-chat-card","name":"AI Chat Card","collection":"21st-community","creator":"Arihant jain","category":"Conversation craft","why":"Original conversation craft reference from Arihant jain.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@arihantcodes_1f7b8c4d/components/ai-chat-card","codeUrl":"https://21st.dev/@arihantcodes_1f7b8c4d/components/ai-chat-card","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community ai-chat catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/arihantcodes_1f7b8c4d/ai-chat-card/default/preview.1790144520804-a537ce1a-0701-46a4-8308-12d91ee92266.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"arihantcodes_1f7b8c4d","sourceCategory":"ai-chat","creatorPublicationUrl":"https://21st.dev/@arihantcodes_1f7b8c4d/components/ai-chat-card","preview":"media/references/21st--arihantcodes_1f7b8c4d--ai-chat-card.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"3d7a8f1786982f22a13bd20ce2de265b08681b1d315065f49fef9683c906849b","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@arihantcodes_1f7b8c4d/components/ai-chat-card"},{"id":"kokonutui--ai-citations","name":"AI Citations","collection":"kokonutui","category":"Artifacts & evidence","why":"Evidence gets its own inspectable UI instead of being buried in the answer. A clean component to compare with beUI’s progressive references.","useFor":"Grounded research responses.","sourceFiles":["sources/kokonutui/code/components/kokonutui/ai-citations.tsx"],"website":"https://kokonutui.com/docs/ai/ai-citations","repository":"https://github.com/kokonut-labs/kokonutui","commit":"a70783604c9d9758d5bf405286f22d2870ed301f","license":"MIT","access":"Source saved","review":"Source located + documentation","favorite":false,"discovered":"Independent research","added":"2026-10-20","preview":"media/screenshots/kokonutui--ai-citations.jpg","previewType":"Screenshot of the creator’s published web demo","previewSource":"https://kokonutui.com/docs/ai/ai-citations","capturedAt":"2026-10-20T04:26:33.553Z","captureWidth":834,"captureHeight":400,"captureX":303,"captureY":419,"rawCapture":"evidence/full-kokonutui--ai-citations.jpg","previewWidth":834,"previewHeight":400,"previewAnimated":false},{"id":"kokonutui--ai-context-meter","name":"AI Context Meter","collection":"kokonutui","category":"Thinking & progress","why":"A visible context budget can explain approaching limits before a failure. Pair the meter with a useful next action.","useFor":"Context consumption and budget awareness.","sourceFiles":["sources/kokonutui/code/components/kokonutui/ai-context-meter.tsx"],"website":"https://kokonutui.com/docs/ai/ai-context-meter","repository":"https://github.com/kokonut-labs/kokonutui","commit":"a70783604c9d9758d5bf405286f22d2870ed301f","license":"MIT","access":"Source saved","review":"Source located + documentation","favorite":false,"discovered":"Independent research","added":"2026-10-20","preview":"media/screenshots/kokonutui--ai-context-meter.jpg","previewType":"Screenshot of the creator’s published web demo","previewSource":"https://kokonutui.com/docs/ai/ai-context-meter","capturedAt":"2026-10-20T04:26:35.250Z","captureWidth":834,"captureHeight":428,"captureX":303,"captureY":419,"rawCapture":"evidence/full-kokonutui--ai-context-meter.jpg","previewWidth":834,"previewHeight":428,"previewAnimated":false},{"id":"kokonutui--ai-diff-review","name":"AI Diff Review","collection":"kokonutui","category":"Artifacts & evidence","why":"A review surface is more useful than an unstructured code dump. Keep the proposal and decision at the same level.","useFor":"Generated changes that need review.","sourceFiles":["sources/kokonutui/code/components/kokonutui/ai-diff-review.tsx"],"website":"https://kokonutui.com/docs/ai/ai-diff-review","repository":"https://github.com/kokonut-labs/kokonutui","commit":"a70783604c9d9758d5bf405286f22d2870ed301f","license":"MIT","access":"Source saved","review":"Source located + documentation","favorite":false,"discovered":"Independent research","added":"2026-10-20","preview":"media/screenshots/kokonutui--ai-diff-review.jpg","previewType":"Screenshot of the creator’s published web demo","previewSource":"https://kokonutui.com/docs/ai/ai-diff-review","capturedAt":"2026-10-20T04:26:36.577Z","captureWidth":834,"captureHeight":400,"captureX":303,"captureY":419,"rawCapture":"evidence/full-kokonutui--ai-diff-review.jpg","previewWidth":834,"previewHeight":400,"previewAnimated":false},{"id":"ai-elements--artifact","name":"AI Elements Artifact","collection":"ai-elements","category":"Artifacts & evidence","why":"Artifacts deserve their own object boundary, actions and content surface. A useful architecture reference even when a bespoke visual treatment is needed.","useFor":"Editable generated outputs.","sourceFiles":["sources/ai-elements/code/packages/elements/src/artifact.tsx"],"website":"https://elements.ai-sdk.dev/components/artifact","repository":"https://github.com/vercel/ai-elements","commit":"ca8be600bfd01b3131f9bf6134b51602a71f4374","license":"Apache-2.0 (verified in saved LICENSE)","access":"Source saved","review":"Source located + documentation","favorite":false,"discovered":"Independent research","added":"2026-10-20","preview":"media/screenshots/ai-elements--artifact.jpg","previewType":"Screenshot of the creator’s published web demo","previewSource":"https://elements.ai-sdk.dev/components/artifact","capturedAt":"2026-10-20T04:28:23.364Z","captureWidth":834,"captureHeight":600,"captureX":303,"captureY":200,"rawCapture":"evidence/full-ai-elements--artifact.jpg","previewWidth":834,"previewHeight":600,"previewAnimated":false},{"id":"ai-elements--canvas","name":"AI Elements Canvas","collection":"ai-elements","category":"Spatial & motion","why":"Node-based work benefits from a spatial surface when relationships matter more than transcript order.","useFor":"The creator’s Workflow composition of Canvas, Node and Edge; the original example source is saved alongside Canvas.","sourceFiles":["sources/ai-elements/code/packages/elements/src/canvas.tsx","sources/ai-elements/code/packages/examples/src/workflow.tsx"],"website":"https://elements.ai-sdk.dev/examples/workflow","repository":"https://github.com/vercel/ai-elements","commit":"ca8be600bfd01b3131f9bf6134b51602a71f4374","license":"Apache-2.0 (verified in saved LICENSE)","access":"Source saved","review":"Source located + documentation","favorite":false,"discovered":"Independent research","added":"2026-10-20","preview":"media/screenshots/ai-elements--canvas.jpg","previewType":"Screenshot of the creator’s original Workflow example using Canvas, Node and Edge","previewSource":"https://elements.ai-sdk.dev/examples/workflow","previewWidth":1133,"previewHeight":600,"previewAnimated":false},{"id":"ai-elements--chain-of-thought","name":"AI Elements Chain of Thought","collection":"ai-elements","category":"Thinking & progress","why":"Steps, searches and evidence can form an understandable process summary. Use concise user-facing summaries, not raw private model reasoning.","useFor":"Structured process disclosure.","sourceFiles":["sources/ai-elements/code/packages/elements/src/chain-of-thought.tsx"],"website":"https://elements.ai-sdk.dev/components/chain-of-thought","repository":"https://github.com/vercel/ai-elements","commit":"ca8be600bfd01b3131f9bf6134b51602a71f4374","license":"Apache-2.0 (verified in saved LICENSE)","access":"Source saved","review":"Source located + documentation","favorite":false,"discovered":"Independent research","added":"2026-10-20","preview":"media/screenshots/ai-elements--chain-of-thought.jpg","previewType":"Screenshot of the creator’s published web demo","previewSource":"https://elements.ai-sdk.dev/components/chain-of-thought","capturedAt":"2026-10-20T04:28:25.921Z","captureWidth":834,"captureHeight":600,"captureX":303,"captureY":200,"rawCapture":"evidence/full-ai-elements--chain-of-thought.jpg","previewWidth":834,"previewHeight":600,"previewAnimated":false},{"id":"kokonutui--ai-prompt","name":"AI Input Selector","collection":"kokonutui","category":"Intent & input","why":"Model, effort, dropped files and slash actions stay in a coherent composer. Good reference for a capable input without a permanent toolbar wall.","useFor":"A compact multi-model composer.","sourceFiles":["sources/kokonutui/code/components/kokonutui/ai-prompt.tsx"],"website":"https://kokonutui.com/docs/ai/ai-prompt","repository":"https://github.com/kokonut-labs/kokonutui","commit":"a70783604c9d9758d5bf405286f22d2870ed301f","license":"MIT","access":"Source saved","review":"Source located + documentation","favorite":false,"discovered":"Independent research","added":"2026-10-20","preview":"media/screenshots/kokonutui--ai-prompt.jpg","previewType":"Screenshot of the creator’s published web demo","previewSource":"https://kokonutui.com/docs/ai/ai-prompt","capturedAt":"2026-10-20T04:26:43.801Z","captureWidth":834,"captureHeight":400,"captureX":303,"captureY":419,"rawCapture":"evidence/full-kokonutui--ai-prompt.jpg","previewWidth":834,"previewHeight":400,"previewAnimated":false},{"id":"21st--alexperezcedeno--ai-mascot-input","name":"AI Mascot Input","collection":"21st-community","creator":"Alex Reino","category":"Conversation craft","why":"Original conversation craft reference from Alex Reino.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@alexperezcedeno/components/ai-mascot-input","codeUrl":"https://21st.dev/@alexperezcedeno/components/ai-mascot-input","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community ai-chat catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_3Fcui6E8q9ZDdbH8GrN0ckMp4Hf/ai-mascot-input/default/preview.1791811419482.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"alexperezcedeno","sourceCategory":"ai-chat","creatorPublicationUrl":"https://21st.dev/@alexperezcedeno/components/ai-mascot-input","preview":"media/references/21st--alexperezcedeno--ai-mascot-input.jpg","previewWidth":960,"previewHeight":672,"previewSha256":"c19bc60fbb0b0291633685a51b930cecd18be5e2dbc968c5abba6d4662bc9b85","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@alexperezcedeno/components/ai-mascot-input"},{"id":"21st--elements---message-bubble","name":"AI Message Bubble","collection":"21st-community","creator":"Cameron Kelliher","category":"Conversation craft","why":"Original conversation craft reference from Cameron Kelliher.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@elements-/components/message-bubble","codeUrl":"https://21st.dev/@elements-/components/message-bubble","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community ai-chat catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_2yxkewwCSo57SftgUEwj5ArGKym/message-bubble/default/preview.1787340736932.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"elements-","sourceCategory":"ai-chat","creatorPublicationUrl":"https://21st.dev/@elements-/components/message-bubble","preview":"media/references/21st--elements---message-bubble.png","previewWidth":960,"previewHeight":761,"previewSha256":"bcfbd6bb1745fec904a2bb9123c5e379fe50ebe6212dfd4e26f93d10b63d8782","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@elements-/components/message-bubble"},{"id":"21st--konsstepnov--ai-orb","name":"AI Orb","collection":"21st-community","creator":"Dudelnik","category":"Conversation craft","why":"Original conversation craft reference from Dudelnik.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@konsstepnov/components/ai-orb","codeUrl":"https://21st.dev/@konsstepnov/components/ai-orb","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community ai-chat catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_3IUjdJMMwHCyIYPZhphFUzxFieD/ai-orb/default/preview.1792086308962.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"konsstepnov","sourceCategory":"ai-chat","creatorPublicationUrl":"https://21st.dev/@konsstepnov/components/ai-orb","preview":"media/references/21st--konsstepnov--ai-orb.jpg","previewWidth":954,"previewHeight":712,"previewSha256":"ebfd573a7af7a86a882d8c86b5c1d40de9232db357ab753d497f263074d27bc3","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@konsstepnov/components/ai-orb"},{"id":"21st--odysseyui--components-primitives-avatar","name":"AI Orb Avatar","collection":"21st-community","creator":"odysseyui","category":"Conversation craft","why":"Original conversation craft reference from odysseyui.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@odysseyui/components/components-primitives-avatar","codeUrl":"https://21st.dev/@odysseyui/components/components-primitives-avatar","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community ai-chat catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_registry_odysseyui_1783713523591/components-primitives-avatar/default/preview.1789997748315.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"odysseyui","sourceCategory":"ai-chat","creatorPublicationUrl":"https://21st.dev/@odysseyui/components/components-primitives-avatar","preview":"media/references/21st--odysseyui--components-primitives-avatar.jpg","previewWidth":744,"previewHeight":612,"previewSha256":"a43163e6020bd80b326c084f61800358925965d9758f16bffcee09f731f49dc2","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@odysseyui/components/components-primitives-avatar"},{"id":"21st--wensity--liquid-multimodal-input","name":"AI Prompt Input","collection":"21st-community","creator":"Wensity Labs","category":"Conversation craft","why":"Original conversation craft reference from Wensity Labs.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@wensity/components/liquid-multimodal-input","codeUrl":"https://21st.dev/@wensity/components/liquid-multimodal-input","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community ai-chat catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_3JFJF7Mbb5ImA8DO9hE1FECx2fT/liquid-multimodal-input/default/preview.1790329962111.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"wensity","sourceCategory":"ai-chat","creatorPublicationUrl":"https://21st.dev/@wensity/components/liquid-multimodal-input","preview":"media/references/21st--wensity--liquid-multimodal-input.jpg","previewWidth":960,"previewHeight":652,"previewSha256":"91006d45cf2ff09f5d00bacc0e9986285090b9b36be2b64807c37bc333faceda","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@wensity/components/liquid-multimodal-input"},{"id":"21st--senommu--ai-prompt-input","name":"AI Prompt Input","collection":"21st-community","creator":"Vlad Vovk","category":"Conversation craft","why":"Original conversation craft reference from Vlad Vovk.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@senommu/components/ai-prompt-input","codeUrl":"https://21st.dev/@senommu/components/ai-prompt-input","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community ai-chat catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_39720J8FZrHCoGeL23ljF4x20L3/ai-prompt-input/default/preview.1785741962209.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:55:11.791497+00:00","creatorHandle":"senommu","sourceCategory":"ai-chat","creatorPublicationUrl":"https://21st.dev/@senommu/components/ai-prompt-input","canonicalComponentUrl":"https://21st.dev/@senommu/components/ai-prompt-input","preview":"media/references/21st--senommu--ai-prompt-input.png","previewWidth":960,"previewHeight":919,"previewSha256":"4448ec3f10c2c7814fce42e0889404fb716e8731556dfcfff48d700a5d127ef0","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:55:11.791497+00:00"},{"id":"21st--educalvolpz--ai-response","name":"AI Response","collection":"21st-community","creator":"Edu Calvo","category":"Conversation craft","why":"Original conversation craft reference from Edu Calvo.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@educalvolpz/components/ai-response","codeUrl":"https://21st.dev/@educalvolpz/components/ai-response","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community ai-chat catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_2s2o9RwN7OoP4Na42lJREy96Xua/ai-response/default/preview.1785742903190.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"educalvolpz","sourceCategory":"ai-chat","creatorPublicationUrl":"https://21st.dev/@educalvolpz/components/ai-response","preview":"media/references/21st--educalvolpz--ai-response.png","previewWidth":726,"previewHeight":620,"previewSha256":"be965a2a1d6e0282005011a4b9e78c1868e0f8bb76d91b4e50ba41428a6bfe05","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@educalvolpz/components/ai-response"},{"id":"beui--ai-sidebar","name":"AI Sidebar","collection":"beui","category":"Conversation craft","why":"A persistent conversation rail puts thread navigation in context without making it part of the message stream.","useFor":"Multi-thread assistant workspaces.","sourceFiles":["sources/beui/code/components/agents/ai-sidebar.tsx"],"website":"https://beui.dev/components/agents/ai-sidebar","repository":"https://github.com/starc007/ui-components","commit":"6b5a00a5687214be8fd12fb0b6a78678d4dc96e0","license":"MIT","access":"Source saved","review":"Creator documentation + exact source; library expansion","favorite":false,"discovered":"Independent research","added":"2026-10-20","selectionType":"Creator library expansion","preview":"media/screenshots/beui--ai-sidebar.jpg","previewType":"Screenshot of the creator’s published web demo","previewSource":"https://beui.dev/components/agents/ai-sidebar","capturedAt":"2026-10-20T04:22:46.690Z","captureWidth":1232,"captureHeight":824,"captureX":304,"captureY":348,"previewWidth":1232,"previewHeight":824,"previewAnimated":false},{"id":"21st--educalvolpz--ai-suggestions","name":"AI Suggestions","collection":"21st-community","creator":"Edu Calvo","category":"Conversation craft","why":"Original conversation craft reference from Edu Calvo.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@educalvolpz/components/ai-suggestions","codeUrl":"https://21st.dev/@educalvolpz/components/ai-suggestions","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community ai-chat catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_2s2o9RwN7OoP4Na42lJREy96Xua/ai-suggestions/default/preview.1785742321104.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"educalvolpz","sourceCategory":"ai-chat","creatorPublicationUrl":"https://21st.dev/@educalvolpz/components/ai-suggestions","preview":"media/references/21st--educalvolpz--ai-suggestions.png","previewWidth":960,"previewHeight":818,"previewSha256":"1ea15b6a7e4bbb226f79a09ec34f38aa38648784eaffac744c7b1dbed1146d1f","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@educalvolpz/components/ai-suggestions"},{"id":"21st--educalvolpz--ai-task-list","name":"AI Task List","collection":"21st-community","creator":"Edu Calvo","category":"Conversation craft","why":"Original conversation craft reference from Edu Calvo.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@educalvolpz/components/ai-task-list","codeUrl":"https://21st.dev/@educalvolpz/components/ai-task-list","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community ai-chat catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_2s2o9RwN7OoP4Na42lJREy96Xua/ai-task-list/default/preview.1785743046502.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"educalvolpz","sourceCategory":"ai-chat","creatorPublicationUrl":"https://21st.dev/@educalvolpz/components/ai-task-list","preview":"media/references/21st--educalvolpz--ai-task-list.png","previewWidth":635,"previewHeight":519,"previewSha256":"13e882d707f57136166c733f4054ab3e397fcdf493893b64811be9b8ebc1a356","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@educalvolpz/components/ai-task-list"},{"id":"21st--anark17r--ai-thiking-orb-and-input","name":"ai thiking orb and input","collection":"21st-community","creator":"anark","category":"Conversation craft","why":"Original conversation craft reference from anark.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@anark17r/components/ai-thiking-orb-and-input","codeUrl":"https://21st.dev/@anark17r/components/ai-thiking-orb-and-input","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community ai-chat catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_3K3E5LSm8GsOaLhyFqNo5JwbLKS/ai-thiking-orb-and-input/default/preview.1790788347241.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"anark17r","sourceCategory":"ai-chat","creatorPublicationUrl":"https://21st.dev/@anark17r/components/ai-thiking-orb-and-input","preview":"media/references/21st--anark17r--ai-thiking-orb-and-input.jpg","previewWidth":960,"previewHeight":675,"previewSha256":"3939d5ce7e808b496ee9c3a4620de642d42e02165933b95e5b55223fcb1a4b86","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@anark17r/components/ai-thiking-orb-and-input"},{"id":"kokonutui--ai-voice","name":"AI Voice","collection":"kokonutui","category":"Voice & presence","why":"A dedicated voice interaction surface is a useful alternative to adding a microphone icon to a text-only design.","useFor":"Voice entry and visible recording states.","sourceFiles":["sources/kokonutui/code/components/kokonutui/ai-voice.tsx"],"website":"https://kokonutui.com/docs/ai/ai-voice","repository":"https://github.com/kokonut-labs/kokonutui","commit":"a70783604c9d9758d5bf405286f22d2870ed301f","license":"MIT","access":"Source saved","review":"Source located + documentation","favorite":false,"discovered":"Independent research","added":"2026-10-20","preview":"media/screenshots/kokonutui--ai-voice.jpg","previewType":"Screenshot of the creator’s published web demo","previewSource":"https://kokonutui.com/docs/ai/ai-voice","capturedAt":"2026-10-20T04:26:45.213Z","captureWidth":834,"captureHeight":400,"captureX":303,"captureY":390,"rawCapture":"evidence/full-kokonutui--ai-voice.jpg","previewWidth":834,"previewHeight":400,"previewAnimated":false},{"id":"kitn-ui--components","name":"AI/UI Artifact Viewer","collection":"kitn-ui","category":"Artifacts & evidence","why":"A framework-independent artifact surface gives generated documents and media a place beside the conversation. The creator’s own landing-page preview shows the actual component.","useFor":"Inspecting generated artifacts beside an agent conversation.","sourceFiles":["sources/kitn-ui/code/packages/ui/src/components/artifact/artifact.tsx"],"website":"https://ui.kitn.ai/","repository":"https://github.com/kitn-ai/ui","commit":"5901bc5f56bf5fb6d9994b5225624d98f172824a","license":"MIT + Apache-2.0 third-party files; see LICENSE and packages/ui/NOTICE","access":"Source saved","review":"Source located + documentation","favorite":false,"discovered":"Independent research","added":"2026-10-20","preview":"media/kitn-ui--components.png","previewSource":"https://ui.kitn.ai/","previewType":"Original creator preview asset","previewWidth":1248,"previewHeight":882,"previewAnimated":false},{"id":"beui-native--alert","name":"Alert · Native","collection":"beui-native","category":"React Native","why":"Feedback that eases in and folds away.","useFor":"Original React Native component from the creator’s public library. Image reference with original demo and source links.","sourceFiles":["sources/beui-native/code/src/components/alert/alert.tsx","sources/beui-native/code/src/components/alert/index.ts"],"website":"https://beui.dev/react-native/alert","repository":"https://github.com/starc007/beui-native","commit":"","license":"MIT","access":"Source saved","review":"Official creator catalog · not individually runtime-tested","favorite":false,"discovered":"Original creator library, linked from beUI","added":"2026-10-20","preview":"media/beui-native--alert.jpg","previewSource":"https://media.beui.dev/clips/alert-light.ff37d25947.jpg","previewType":"Creator’s original React Native recording poster","platform":"React Native","selectionType":"Creator library expansion","previewWidth":600,"previewHeight":1304,"previewAnimated":false,"previewVideo":"media/recordings/beui-native--alert.mp4","videoSource":"https://media.beui.dev/clips/alert-light.ff37d25947.mp4","videoType":"Unmodified original creator recording","videoMetadata":{"width":600,"height":1304,"duration":21.683333},"videoSha256":"ff37d259473220fda32cd922d81d3fb5523e8c4b6aad1016febe35b776403408","previewVideoSource":"https://media.beui.dev/clips/alert-light.ff37d25947.mp4"},{"id":"webzibition--almira-kho","name":"Almira Kho","collection":"webzibition","creator":"Almira Kho · original site","creatorAttribution":"Site identity from the publisher listing; individual design author not independently verified","category":"Full websites & portfolios","why":"High-contrast fashion photography next to a big 'WORKS' label and tight uppercase bio; photographer-first layout.","useFor":"Study the original website’s composition and presentation; code availability is unverified.","website":"https://almirakho.com/","codeUrl":"","repository":"","sourceFiles":[],"commit":"","access":"Design reference · public source not traced","license":"Website and preview rights belong to their respective owners; no source or reuse license verified","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited; original website returned HTTP200; screenshot may predate the current live design","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"Codrops Webzibition → original website","added":"2026-10-20","preview":"media/references/webzibition--almira-kho.webp","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/09/almira-1200x649.png.webp?x67708","previewType":"Codrops publisher screenshot of the linked original website; not a fresh live capture","previewWidth":1200,"previewHeight":649,"previewSha256":"83ac12a9a3980c63e16177617599c7a80a753943b90f4b88368a0b4bf03ca17c","previewAnimated":false,"publisherIndex":"https://tympanus.net/codrops/webzibition/","publisherRecord":"post-121559","pageTitle":"Almira Kho - Photographer and Director","pageCheckedAt":"2026-10-20T05:54:32.868906+00:00","pageAvailability":"HTTP200; same-domain original website","retrievedAt":"2026-10-20T05:54:32.868906+00:00"},{"id":"motion-original--columnscroll","name":"Alternate Column Scroll Animation","category":"Galleries & transitions","why":"A grid of square-cropped portraits on a warm khaki ground, each with small caps name and year captions. A giant serif headline is cropped at the top and bottom edges, and the photos' teal, blue and sepia grades make the grid cohesive.","favorite":false,"collection":"codrops-creative","creator":"Codrops","creatorUrl":"https://github.com/codrops/ColumnScroll","website":"https://tympanus.net/Development/ColumnScroll/","repository":"https://github.com/codrops/ColumnScroll","commit":"f9211e8bcb5b0a55f08e0cfff3f71da450cef4e6","codeUrl":"https://github.com/codrops/ColumnScroll/blob/f9211e8bcb5b0a55f08e0cfff3f71da450cef4e6/src/js/index.js","sourceFiles":[],"platform":"Web","access":"Public original code link · MIT implementation; separate asset/dependency terms apply","license":"MIT in original LICENSE; included photography, fonts and dependencies keep separate rights.","review":"Sonnet 5.5 Medium full-image visual review and researcher source/notice/provenance checks; no runtime, motion, accessibility or full dependency-license audit","useFor":"Study exact original creator images and primary source links under stated access/license terms.","selectionType":"Individually visually reviewed original reference","discovered":"Original creator repositories, published documentation and credited creative projects · spatial-orchestration review","added":"2026-10-20","preview":"media/references/motion-original--columnscroll.jpg","previewSha256":"df891c803aca51e7e58c2164f6c05961cd224b2d5782077fd146b7a602227c02","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2021/12/columscroll_feat.jpg","previewAnimated":false,"previewType":"Exact unmodified original creator/publisher static image","sourceResolution":"references/spatial-orchestration-source-evidence.json","sourcePinNote":"Pinned source provides provenance, not an exact screenshot-build claim. Selected notices/docs/renderers are evidence, not complete component archives; no creator code executed.","assetCredits":"- Images from [Unsplash](https://unsplash.com/)","previewWidth":800,"previewHeight":600},{"id":"codrops--amber-genetics","name":"Amber Genetics","collection":"codrops-creative","creator":"Ismael Martínez","creatorUrl":"https://tympanus.net/codrops/hub/author/ismaelmartinez","category":"Galleries & transitions","styleTags":["3d","gsap","page transition","react three fiber"],"why":"Original galleries & transitions reference published in the Codrops Creative Hub; inspect the image and original demo for its visual approach.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://amber.isma.uy/","codeUrl":"https://github.com/ismamz/amber","repository":"https://github.com/ismamz/amber","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Contact-sheet preview reviewed with Sonnet 5.5 Medium; original publisher links traced; not runtime-tested","selectionType":"Preview-reviewed design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/10/amber-first-frame-768x576.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Oct 8, 2026","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:23:38.056369+00:00","preview":"media/references/codrops--amber-genetics.png","previewWidth":768,"previewHeight":576,"previewSha256":"96008ce15a9a7afc11fb410200805885e9d1012eaffd5c0df7a74cab2966d0b0","previewAnimated":false},{"id":"beui-native--animated-badge","name":"Animated Badge · Native","collection":"beui-native","category":"React Native","why":"Status pills whose icon and label roll.","useFor":"Original React Native component from the creator’s public library. Image reference with original demo and source links.","sourceFiles":["sources/beui-native/code/src/components/animated-badge/animated-badge.tsx","sources/beui-native/code/src/components/animated-badge/index.ts"],"website":"https://beui.dev/react-native/animated-badge","repository":"https://github.com/starc007/beui-native","commit":"","license":"MIT","access":"Source saved","review":"Official creator catalog · not individually runtime-tested","favorite":false,"discovered":"Original creator library, linked from beUI","added":"2026-10-20","preview":"media/beui-native--animated-badge.jpg","previewSource":"https://media.beui.dev/clips/animated-badge-light.5f3d2bcc3d.jpg","previewType":"Creator’s original React Native recording poster","platform":"React Native","selectionType":"Creator library expansion","previewWidth":600,"previewHeight":1304,"previewAnimated":false,"previewVideo":"media/recordings/beui-native--animated-badge.mp4","videoSource":"https://media.beui.dev/clips/animated-badge-light.5f3d2bcc3d.mp4","videoType":"Unmodified original creator recording","videoMetadata":{"width":600,"height":1304,"duration":14.133333},"videoSha256":"5f3d2bcc3d2e677a582e83456eaa1a77e98dcff224c768ec907c20fb7e2f68db","previewVideoSource":"https://media.beui.dev/clips/animated-badge-light.5f3d2bcc3d.mp4"},{"id":"21st--kedhareswer--ink-orbit-features","name":"Animated Features Bento with Live Diagrams","collection":"21st-community","creator":"Kedhareswer Naidu","category":"Dashboards & data","why":"Original dashboards & data reference from Kedhareswer Naidu.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@kedhareswer/components/ink-orbit-features","codeUrl":"https://21st.dev/@kedhareswer/components/ink-orbit-features","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community dashboard catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_30fkm37UoBFJx1GiK2Q4Sy8lSrO/ink-orbit-features/default/preview.1791312355781.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"kedhareswer","sourceCategory":"dashboard","creatorPublicationUrl":"https://21st.dev/@kedhareswer/components/ink-orbit-features","preview":"media/references/21st--kedhareswer--ink-orbit-features.jpg","previewWidth":960,"previewHeight":697,"previewSha256":"481c0871fdb3b8d9b4372264977de14e0e812098a5c3d75d2a8158789bbf7375","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@kedhareswer/components/ink-orbit-features"},{"id":"21st--arunachalam--animated-file-tree","name":"Animated File Tree","collection":"21st-community","creator":"Arunachalam","category":"Navigation & search","why":"Original navigation & search reference from Arunachalam.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@arunachalam/components/animated-file-tree","codeUrl":"https://21st.dev/@arunachalam/components/animated-file-tree","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community file-tree catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_2wfnj4jcSPR8JWRk7tpzrihdDV8/animated-file-tree/default/preview.1787757853498.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"arunachalam","sourceCategory":"file-tree","creatorPublicationUrl":"https://21st.dev/@arunachalam/components/animated-file-tree","preview":"media/references/21st--arunachalam--animated-file-tree.jpg","previewWidth":848,"previewHeight":672,"previewSha256":"e6bdc564f3ca147b08f19f98cef579d2afed74e531a056585a743dd22651244a","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@arunachalam/components/animated-file-tree"},{"id":"21st--unlumen--primitives-animate-files","name":"Animated File Tree Primitives","collection":"21st-community","creator":"unlumen","category":"Navigation & search","why":"Original navigation & search reference from unlumen.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@unlumen/components/primitives-animate-files","codeUrl":"https://21st.dev/@unlumen/components/primitives-animate-files","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community file-tree catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/unlumen/primitives-animate-files/default/preview.1784317773879.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"unlumen","sourceCategory":"file-tree","creatorPublicationUrl":"https://21st.dev/@unlumen/components/primitives-animate-files","preview":"media/references/21st--unlumen--primitives-animate-files.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"9708e83a3a2c1ad361f2fb5364515cd91d7e1b3a0f1120a4fe61ea76c81c6e06","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@unlumen/components/primitives-animate-files"},{"id":"21st--educalvolpz--animated-file-upload","name":"Animated File Upload","collection":"21st-community","creator":"Edu Calvo","category":"Artifacts & evidence","why":"Original artifacts & evidence reference from Edu Calvo.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@educalvolpz/components/animated-file-upload","codeUrl":"https://21st.dev/@educalvolpz/components/animated-file-upload","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community upload-download catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/educlopez/animated-file-upload/default/preview.1783571477956.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"educalvolpz","sourceCategory":"upload-download","creatorPublicationUrl":"https://21st.dev/@educalvolpz/components/animated-file-upload","preview":"media/references/21st--educalvolpz--animated-file-upload.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"07e66d71106f8dc5c8fa71509582a7a721782c515ede49d36ef3e9231b0bbd69","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@educalvolpz/components/animated-file-upload"},{"id":"21st--shadcnspace--stepper-03","name":"Animated Progress Stepper","collection":"21st-community","creator":"ShadcnSpace","category":"Thinking & progress","why":"Original thinking & progress reference from ShadcnSpace.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@shadcnspace/components/stepper-03","codeUrl":"https://21st.dev/@shadcnspace/components/stepper-03","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community onboarding catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/shadcnspace/stepper-03/default/preview.1789988031503-2964cec8-4bb2-4737-b3a5-6b3490cc0c94.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"shadcnspace","sourceCategory":"onboarding","creatorPublicationUrl":"https://21st.dev/@shadcnspace/components/stepper-03","preview":"media/references/21st--shadcnspace--stepper-03.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"097aa45781394faab6385143a34e7a4e7de03f800ac6b35691ad3181c8f8400a","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@shadcnspace/components/stepper-03"},{"id":"21st--unlumen--sidebar-001","name":"Animated Sidebar","collection":"21st-community","creator":"unlumen","category":"Navigation & search","why":"Original navigation & search reference from unlumen.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@unlumen/components/sidebar-001","codeUrl":"https://21st.dev/@unlumen/components/sidebar-001","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community sidebar catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/unlumen/sidebar-001/default/preview.1784797106739-2620364d-d932-466f-9370-ecdcf7289b63.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"unlumen","sourceCategory":"sidebar","creatorPublicationUrl":"https://21st.dev/@unlumen/components/sidebar-001","preview":"media/references/21st--unlumen--sidebar-001.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"72df7b0de8bd8226b16be80d4120e5ff205142d42f7dd91baa8fb748e1a97bd7","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@unlumen/components/sidebar-001"},{"id":"codrops--animating-multi-page-navigations-with-browser-view-transitions-and-astro","name":"Animating Multi-Page Navigations with Browser View Transitions and Astro","collection":"codrops-creative","creator":"Igor Penaque","creatorUrl":"https://tympanus.net/codrops/hub/author/igor","category":"Galleries & transitions","styleTags":["astro","page transition","shopping cart","view transition"],"why":"Product detail card (breadcrumb, back chip, image left, price and Add to cart right) sits over the blurred shirt grid, framing list-to-detail as a layered overlay instead of a full page swap. The still only shows the end state, not the motion.","useFor":"Study the original image and linked creator source; respect its license and access terms.","website":"https://astro-shop-ten.vercel.app/","codeUrl":"https://github.com/codrops/astro-shop-view-transitions/tree/0b431f92e10c693e156ee7644ac0f9f179407b04","repository":"https://github.com/codrops/astro-shop-view-transitions","sourceFiles":[],"commit":"0b431f92e10c693e156ee7644ac0f9f179407b04","access":"Original code linked and revision pinned · not archived; root MIT","license":"Original repository MIT; root license checked where present. Assets and dependency terms not fully audited.","review":"Sonnet 5.5 Medium static visual review and researcher source/provenance checks; not runtime, accessibility or full dependency-license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"Original input and spatial creator trails · input-spatial review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2023/10/Astro.jpg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Oct 3, 2023","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T08:26:33.379151+00:00","preview":"media/references/codrops--animating-multi-page-navigations-with-browser-view-transitions-and-astro.jpg","previewWidth":800,"previewHeight":600,"previewSha256":"7d91e8c9caad85b63d936e6e2117b59b182425572dfc7fc447254c0d7448b35e","previewAnimated":false,"sourcePageCheck":{"status":200,"resolvedUrl":"https://github.com/codrops/astro-shop-view-transitions","checkedAt":"2026-10-20T08:29:25.739227+00:00"},"observedOriginalCodeUrl":"https://github.com/codrops/astro-shop-view-transitions","sourcePinNote":"Current public original source pinned; screenshot build revision is not claimed.","sourceLicenseEvidence":"references/source-license-evidence/codrops--astro-shop-view-transitions/LICENSE"},{"id":"codrops--animation-custom-ease","name":"Animation Custom Ease","collection":"codrops-creative","creator":"BL/S®","creatorUrl":"https://tympanus.net/codrops/hub/author/blackleadstudio","category":"Full websites & portfolios","styleTags":["GSAP","slideshow"],"why":"Editorial portfolio grid mixing portraits, tiny metadata and a vertical side label","useFor":"Study the original design and its linked implementation before adoption.","website":"https://codepen.io/blacklead-studio/full/KKjYKqE","codeUrl":"https://codepen.io/blacklead-studio/pen/KKjYKqE","repository":"","sourceFiles":[],"commit":"","access":"Creator code linked · access unverified (source response recorded)","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview selection; creator/demo/source links traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub · October 20 creator-depth review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/01/ec257a6f-8975-ad4b-3e24-240b92f49592.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Sep 12, 2024","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T07:38:51.455636+00:00","preview":"media/references/codrops--animation-custom-ease.png","previewWidth":1018,"previewHeight":601,"previewSha256":"79877d82b633898fd76a45adad8e92f08b464fd1e09f315a9b4154cd1fb62a3f","previewAnimated":false,"sourcePageCheck":{"status":403,"resolvedUrl":"https://codepen.io/blacklead-studio/pen/KKjYKqE","checkedAt":"2026-10-20T07:40:31.068227+00:00"}},{"id":"21st--airbnb-visx--annotation","name":"Annotation","collection":"21st-community","creator":"Airbnb","category":"Dashboards & data","why":"Original dashboards & data reference from Airbnb.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@airbnb-visx/components/annotation","codeUrl":"https://21st.dev/@airbnb-visx/components/annotation","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community data-visualization catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/larsen66/annotation/default/preview.1747921047254.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"airbnb-visx","sourceCategory":"data-visualization","creatorPublicationUrl":"https://21st.dev/@airbnb-visx/components/annotation","preview":"media/references/21st--airbnb-visx--annotation.png","previewWidth":876,"previewHeight":671,"previewSha256":"fe9119d704ad970e37f6221091afcde44b23622a55737ef19fc64d7eb9a2e2b5","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@airbnb-visx/components/annotation"},{"id":"webzibition--antinomy-studio","name":"Antinomy Studio","collection":"webzibition","creator":"Antinomy Studio · original site","creatorAttribution":"Site identity from the publisher listing; individual design author not independently verified","category":"Editorial & typography","why":"Page almost entirely made of repeating small uppercase text lines with a sparse intro at top; a purely typographic texture.","useFor":"Study the original website’s composition and presentation; code availability is unverified.","website":"https://www.antinomy.studio/","codeUrl":"","repository":"","sourceFiles":[],"commit":"","access":"Design reference · public source not traced","license":"Website and preview rights belong to their respective owners; no source or reuse license verified","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited; original website returned HTTP200; screenshot may predate the current live design","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"Codrops Webzibition → original website","added":"2026-10-20","preview":"media/references/webzibition--antinomy-studio.webp","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/07/antinomy-1-1200x649.jpg.webp?x67708","previewType":"Codrops publisher screenshot of the linked original website; not a fresh live capture","previewWidth":1200,"previewHeight":649,"previewSha256":"dedf40b9dda7cfe294f50755ce0f984d2120e96fd919a2ca5620f16663a9b914","previewAnimated":false,"publisherIndex":"https://tympanus.net/codrops/webzibition/","publisherRecord":"post-117505","pageTitle":"Antinomy Studio","pageCheckedAt":"2026-10-20T05:54:32.868906+00:00","pageAvailability":"HTTP200; same-domain original website","retrievedAt":"2026-10-20T05:54:32.868906+00:00"},{"id":"21st--shadcnstore--app-1","name":"App Dashboard Layout","collection":"21st-community","creator":"ShadcnStore","category":"Dashboards & data","why":"Original dashboards & data reference from ShadcnStore.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@shadcnstore/components/app-1","codeUrl":"https://21st.dev/@shadcnstore/components/app-1","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community dashboard catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/shadcnstore/app-1/default/preview.1790007039417-1f4477d8-e891-458c-9a9c-2e6f3409d3d2.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"shadcnstore","sourceCategory":"dashboard","creatorPublicationUrl":"https://21st.dev/@shadcnstore/components/app-1","preview":"media/references/21st--shadcnstore--app-1.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"aec8be71acfbcd5fccd3147d028696e58092e44587d3bbdf8b79ba762695aae9","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@shadcnstore/components/app-1"},{"id":"codrops--apple-dock-navigation-bar-osmo","name":"Apple Dock Navigation Bar – Osmo","collection":"codrops-creative","creator":"Osmo","creatorUrl":"https://tympanus.net/codrops/hub/author/osmo","category":"Navigation & search","styleTags":["dock","menu","navigation"],"why":"App-icon dock with an enlarged focal icon, progressively smaller neighbors and a compact tooltip above the selected area.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://codepen.io/osmosupply/full/BaXPYNQ","codeUrl":"https://codepen.io/osmosupply/pen/BaXPYNQ","repository":"","sourceFiles":[],"commit":"","access":"Creator code linked · access unverified (source response recorded)","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview review; original demo/source attribution traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub · October 20 midday review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2024/11/image-2025-01-05-at-23.57.51.jpg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Nov 4, 2024","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T06:57:46.927245+00:00","preview":"media/references/codrops--apple-dock-navigation-bar-osmo.jpg","previewWidth":968,"previewHeight":669,"previewSha256":"dc1b72cb1c0b3d9addda1b951911240ff33e6d9be635301e3a3b20f7520bbc0c","previewAnimated":false,"observedPage":7,"sourcePageCheck":{"status":403,"resolvedUrl":"https://codepen.io/osmosupply/pen/BaXPYNQ","checkedAt":"2026-10-20T07:06:14.068056+00:00"}},{"id":"21st--samitkapoor--apple-spotlight","name":"Apple Spotlight","collection":"21st-community","creator":"Samit Kapoor","category":"Navigation & search","why":"Original navigation & search reference from Samit Kapoor.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@samitkapoor/components/apple-spotlight","codeUrl":"https://21st.dev/@samitkapoor/components/apple-spotlight","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community search catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_35eIdvDQgMudbPxdZloSOulrHyh/apple-spotlight/default/preview.1785532642479.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"samitkapoor","sourceCategory":"search","creatorPublicationUrl":"https://21st.dev/@samitkapoor/components/apple-spotlight","preview":"media/references/21st--samitkapoor--apple-spotlight.png","previewWidth":954,"previewHeight":795,"previewSha256":"8f6ab5658fd45aad9c9bc131264a8d25332d09e1be756b0100d147acac9569ff","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@samitkapoor/components/apple-spotlight"},{"id":"shadcnblocks--application-shell11","name":"Application Shell 11 - Video Platform Shell","collection":"shadcnblocks","creator":"Shadcnblocks · Rob","category":"Navigation & search","why":"Original navigation & search reference from Shadcnblocks · Rob.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://www.shadcnblocks.com/block/application-shell11","codeUrl":"https://www.shadcnblocks.com/block/application-shell11","repository":"","sourceFiles":[],"commit":"","access":"Commercial creator catalog · code access not checked","license":"Commercial creator terms; free/paid tier must be checked on the original page","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Original publisher operational-layout category","added":"2026-10-20","previewSource":"https://cdn.shadcnblocks.com/shadcnblocks/screenshots/block/application-shell11-4x3.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","sourceCategory":"application-shell","preview":"media/references/shadcnblocks--application-shell11.webp","previewWidth":1336,"previewHeight":1002,"previewSha256":"5d91d0f39f83491456b97e033a26d69c8d36b7886d86a477747c0d3f33d8f841","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"shadcnblocks--application-shell12","name":"Application Shell 12 - Two-tier sidebar shell with organization switcher","collection":"shadcnblocks","creator":"Shadcnblocks · Rob","category":"Navigation & search","why":"Original navigation & search reference from Shadcnblocks · Rob.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://www.shadcnblocks.com/block/application-shell12","codeUrl":"https://www.shadcnblocks.com/block/application-shell12","repository":"","sourceFiles":[],"commit":"","access":"Commercial creator catalog · code access not checked","license":"Commercial creator terms; free/paid tier must be checked on the original page","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Original publisher operational-layout category","added":"2026-10-20","previewSource":"https://cdn.shadcnblocks.com/shadcnblocks/screenshots/block/application-shell12-4x3.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","sourceCategory":"application-shell","preview":"media/references/shadcnblocks--application-shell12.webp","previewWidth":1336,"previewHeight":1002,"previewSha256":"2f9e8da5ba3aa2065b499c0fd7428347e621a7d447345e3528b5ccf078d73db7","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"shadcnblocks--application-shell13","name":"Application Shell 13 - Top navigation shell with dropdown menus and mobile sheet","collection":"shadcnblocks","creator":"Shadcnblocks · Rob","category":"Navigation & search","why":"Original navigation & search reference from Shadcnblocks · Rob.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://www.shadcnblocks.com/block/application-shell13","codeUrl":"https://www.shadcnblocks.com/block/application-shell13","repository":"","sourceFiles":[],"commit":"","access":"Commercial creator catalog · code access not checked","license":"Commercial creator terms; free/paid tier must be checked on the original page","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Original publisher operational-layout category","added":"2026-10-20","previewSource":"https://cdn.shadcnblocks.com/shadcnblocks/screenshots/block/application-shell13-4x3.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","sourceCategory":"application-shell","preview":"media/references/shadcnblocks--application-shell13.webp","previewWidth":1336,"previewHeight":1002,"previewSha256":"ac3199ffe39debe255f21b0572d3596bf368e19f27b1cf5988fc1638150dea99","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"shadcnblocks--application-shell14","name":"Application Shell 14 - Crypto exchange shell with wallet and token menus","collection":"shadcnblocks","creator":"Shadcnblocks · Rob","category":"Navigation & search","why":"Original navigation & search reference from Shadcnblocks · Rob.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://www.shadcnblocks.com/block/application-shell14","codeUrl":"https://www.shadcnblocks.com/block/application-shell14","repository":"","sourceFiles":[],"commit":"","access":"Commercial creator catalog · code access not checked","license":"Commercial creator terms; free/paid tier must be checked on the original page","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Original publisher operational-layout category","added":"2026-10-20","previewSource":"https://cdn.shadcnblocks.com/shadcnblocks/screenshots/block/application-shell14-4x3.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","sourceCategory":"application-shell","preview":"media/references/shadcnblocks--application-shell14.webp","previewWidth":1336,"previewHeight":1002,"previewSha256":"b29fdd9b80b9db2fc2256a0f293d704d157d334d6d56be2bc76aaaa33e54818c","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"shadcnblocks--application-shell15","name":"Application Shell 15 - Floating sidebar with nested sections","collection":"shadcnblocks","creator":"Shadcnblocks · Rob","category":"Navigation & search","why":"Original navigation & search reference from Shadcnblocks · Rob.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://www.shadcnblocks.com/block/application-shell15","codeUrl":"https://www.shadcnblocks.com/block/application-shell15","repository":"","sourceFiles":[],"commit":"","access":"Commercial creator catalog · code access not checked","license":"Commercial creator terms; free/paid tier must be checked on the original page","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Original publisher operational-layout category","added":"2026-10-20","previewSource":"https://cdn.shadcnblocks.com/shadcnblocks/screenshots/block/application-shell15-4x3.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","sourceCategory":"application-shell","preview":"media/references/shadcnblocks--application-shell15.webp","previewWidth":1336,"previewHeight":1002,"previewSha256":"b02983369663ea10cea0391563127725a5fdc2a1b493e9f064b438b3dd0303e1","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"shadcnblocks--application-shell16","name":"Application Shell 16 - Sidebar with dropdown submenus","collection":"shadcnblocks","creator":"Shadcnblocks · Rob","category":"Navigation & search","why":"Original navigation & search reference from Shadcnblocks · Rob.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://www.shadcnblocks.com/block/application-shell16","codeUrl":"https://www.shadcnblocks.com/block/application-shell16","repository":"","sourceFiles":[],"commit":"","access":"Commercial creator catalog · code access not checked","license":"Commercial creator terms; free/paid tier must be checked on the original page","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Original publisher operational-layout category","added":"2026-10-20","previewSource":"https://cdn.shadcnblocks.com/shadcnblocks/screenshots/block/application-shell16-4x3.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","sourceCategory":"application-shell","preview":"media/references/shadcnblocks--application-shell16.webp","previewWidth":1336,"previewHeight":1002,"previewSha256":"8d357755f466e276676534502aa59b23b163bf4825b81c40768a1fa6b31d5379","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"shadcnblocks--application-shell17","name":"Application Shell 17 - Inset sidebar with secondary navigation","collection":"shadcnblocks","creator":"Shadcnblocks · Rob","category":"Navigation & search","why":"Original navigation & search reference from Shadcnblocks · Rob.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://www.shadcnblocks.com/block/application-shell17","codeUrl":"https://www.shadcnblocks.com/block/application-shell17","repository":"","sourceFiles":[],"commit":"","access":"Commercial creator catalog · code access not checked","license":"Commercial creator terms; free/paid tier must be checked on the original page","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Original publisher operational-layout category","added":"2026-10-20","previewSource":"https://cdn.shadcnblocks.com/shadcnblocks/screenshots/block/application-shell17-4x3.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","sourceCategory":"application-shell","preview":"media/references/shadcnblocks--application-shell17.webp","previewWidth":1336,"previewHeight":1002,"previewSha256":"e55d5c96ad7218a3f83cb76be67afea79bbabecf9a5a9c492ed5f54684052deb","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"shadcnblocks--application-shell18","name":"Application Shell 18 - Sidebar on the right","collection":"shadcnblocks","creator":"Shadcnblocks · Rob","category":"Navigation & search","why":"Original navigation & search reference from Shadcnblocks · Rob.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://www.shadcnblocks.com/block/application-shell18","codeUrl":"https://www.shadcnblocks.com/block/application-shell18","repository":"","sourceFiles":[],"commit":"","access":"Commercial creator catalog · code access not checked","license":"Commercial creator terms; free/paid tier must be checked on the original page","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Original publisher operational-layout category","added":"2026-10-20","previewSource":"https://cdn.shadcnblocks.com/shadcnblocks/screenshots/block/application-shell18-4x3.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","sourceCategory":"application-shell","preview":"media/references/shadcnblocks--application-shell18.webp","previewWidth":1336,"previewHeight":1002,"previewSha256":"4923d35d575479ab1aae4d7754b64315870cad7a4bd85d8b07479b5956b53a47","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"shadcnblocks--application-shell19","name":"Application Shell 19 - Left and right sidebars","collection":"shadcnblocks","creator":"Shadcnblocks · Rob","category":"Navigation & search","why":"Original navigation & search reference from Shadcnblocks · Rob.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://www.shadcnblocks.com/block/application-shell19","codeUrl":"https://www.shadcnblocks.com/block/application-shell19","repository":"","sourceFiles":[],"commit":"","access":"Commercial creator catalog · code access not checked","license":"Commercial creator terms; free/paid tier must be checked on the original page","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Original publisher operational-layout category","added":"2026-10-20","previewSource":"https://cdn.shadcnblocks.com/shadcnblocks/screenshots/block/application-shell19-4x3.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","sourceCategory":"application-shell","preview":"media/references/shadcnblocks--application-shell19.webp","previewWidth":1336,"previewHeight":1002,"previewSha256":"f11e9cbcfa557e3a291790f18652e974d1d511b432db86d12bac5cce3309db82","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"shadcnblocks--application-shell20","name":"Application Shell 20 - Sidebar with a calendar","collection":"shadcnblocks","creator":"Shadcnblocks · Rob","category":"Navigation & search","why":"Original navigation & search reference from Shadcnblocks · Rob.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://www.shadcnblocks.com/block/application-shell20","codeUrl":"https://www.shadcnblocks.com/block/application-shell20","repository":"","sourceFiles":[],"commit":"","access":"Commercial creator catalog · code access not checked","license":"Commercial creator terms; free/paid tier must be checked on the original page","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Original publisher operational-layout category","added":"2026-10-20","previewSource":"https://cdn.shadcnblocks.com/shadcnblocks/screenshots/block/application-shell20-4x3.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","sourceCategory":"application-shell","preview":"media/references/shadcnblocks--application-shell20.webp","previewWidth":1336,"previewHeight":1002,"previewSha256":"7e5c890992f2eb279b5cc5e2ba2434d68e6ddc6511c709a5cb002e216670db28","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"shadcnblocks--application-shell21","name":"Application Shell 21 - AI chat shell with conversation history","collection":"shadcnblocks","creator":"Shadcnblocks · Rob","category":"Navigation & search","why":"Original navigation & search reference from Shadcnblocks · Rob.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://www.shadcnblocks.com/block/application-shell21","codeUrl":"https://www.shadcnblocks.com/block/application-shell21","repository":"","sourceFiles":[],"commit":"","access":"Commercial creator catalog · code access not checked","license":"Commercial creator terms; free/paid tier must be checked on the original page","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Original publisher operational-layout category","added":"2026-10-20","previewSource":"https://cdn.shadcnblocks.com/shadcnblocks/screenshots/block/application-shell21-4x3.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","sourceCategory":"application-shell","preview":"media/references/shadcnblocks--application-shell21.webp","previewWidth":1336,"previewHeight":1002,"previewSha256":"4eedc9a3151c3119ce2892c1e620528db46b667d35c8a72eb955ecb181e0a70b","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"shadcnblocks--application-shell22","name":"Application Shell 22 - Mail shell with three resizable panes","collection":"shadcnblocks","creator":"Shadcnblocks · Rob","category":"Navigation & search","why":"Original navigation & search reference from Shadcnblocks · Rob.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://www.shadcnblocks.com/block/application-shell22","codeUrl":"https://www.shadcnblocks.com/block/application-shell22","repository":"","sourceFiles":[],"commit":"","access":"Commercial creator catalog · code access not checked","license":"Commercial creator terms; free/paid tier must be checked on the original page","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Original publisher operational-layout category","added":"2026-10-20","previewSource":"https://cdn.shadcnblocks.com/shadcnblocks/screenshots/block/application-shell22-4x3.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","sourceCategory":"application-shell","preview":"media/references/shadcnblocks--application-shell22.webp","previewWidth":1336,"previewHeight":1002,"previewSha256":"6c4ca491cdc3b8ec4494d3afb29f7abef30b4da258d27253f424f20e41154973","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"shadcnblocks--application-shell3","name":"Application Shell 3 - Top Navigation Bar Shell","collection":"shadcnblocks","creator":"Shadcnblocks · Rob","category":"Navigation & search","why":"Original navigation & search reference from Shadcnblocks · Rob.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://www.shadcnblocks.com/block/application-shell3","codeUrl":"https://www.shadcnblocks.com/block/application-shell3","repository":"","sourceFiles":[],"commit":"","access":"Commercial creator catalog · code access not checked","license":"Commercial creator terms; free/paid tier must be checked on the original page","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Original publisher operational-layout category","added":"2026-10-20","previewSource":"https://cdn.shadcnblocks.com/shadcnblocks/screenshots/block/application-shell3-4x3.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","sourceCategory":"application-shell","preview":"media/references/shadcnblocks--application-shell3.webp","previewWidth":1336,"previewHeight":1002,"previewSha256":"7e6469ed7e0027e5fb006e85b034ac15bcbb1f901b4869c0d9c2f08727a8d105","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"shadcnblocks--application-shell4","name":"Application Shell 4 - Top Navigation with Tabs","collection":"shadcnblocks","creator":"Shadcnblocks · Rob","category":"Navigation & search","why":"Original navigation & search reference from Shadcnblocks · Rob.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://www.shadcnblocks.com/block/application-shell4","codeUrl":"https://www.shadcnblocks.com/block/application-shell4","repository":"","sourceFiles":[],"commit":"","access":"Commercial creator catalog · code access not checked","license":"Commercial creator terms; free/paid tier must be checked on the original page","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Original publisher operational-layout category","added":"2026-10-20","previewSource":"https://cdn.shadcnblocks.com/shadcnblocks/screenshots/block/application-shell4-4x3.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","sourceCategory":"application-shell","preview":"media/references/shadcnblocks--application-shell4.webp","previewWidth":1336,"previewHeight":1002,"previewSha256":"cc722dbffa73e40db9d12b914ef3283c60dd0d3cdade9bb47cefef75ddc4d69d","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"shadcnblocks--application-shell5","name":"Application Shell 5 - Floating Sidebar Shell","collection":"shadcnblocks","creator":"Shadcnblocks · Rob","category":"Navigation & search","why":"Original navigation & search reference from Shadcnblocks · Rob.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://www.shadcnblocks.com/block/application-shell5","codeUrl":"https://www.shadcnblocks.com/block/application-shell5","repository":"","sourceFiles":[],"commit":"","access":"Commercial creator catalog · code access not checked","license":"Commercial creator terms; free/paid tier must be checked on the original page","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Original publisher operational-layout category","added":"2026-10-20","previewSource":"https://cdn.shadcnblocks.com/shadcnblocks/screenshots/block/application-shell5-4x3.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","sourceCategory":"application-shell","preview":"media/references/shadcnblocks--application-shell5.webp","previewWidth":1336,"previewHeight":1002,"previewSha256":"0a916ba96a3fc25caa34d98907f1e02559693e6290bba326525dc18a1003c6ee","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"shadcnblocks--application-shell6","name":"Application Shell 6 - Module Switcher Sidebar Shell","collection":"shadcnblocks","creator":"Shadcnblocks · Rob","category":"Navigation & search","why":"Original navigation & search reference from Shadcnblocks · Rob.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://www.shadcnblocks.com/block/application-shell6","codeUrl":"https://www.shadcnblocks.com/block/application-shell6","repository":"","sourceFiles":[],"commit":"","access":"Commercial creator catalog · code access not checked","license":"Commercial creator terms; free/paid tier must be checked on the original page","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Original publisher operational-layout category","added":"2026-10-20","previewSource":"https://cdn.shadcnblocks.com/shadcnblocks/screenshots/block/application-shell6-4x3.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","sourceCategory":"application-shell","preview":"media/references/shadcnblocks--application-shell6.webp","previewWidth":1336,"previewHeight":1002,"previewSha256":"c49b23bb3a6bace8569a4730cd883efd720eea72254bd4384617a1ec101bac01","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"shadcnblocks--application-shell7","name":"Application Shell 7 - Messaging App Shell","collection":"shadcnblocks","creator":"Shadcnblocks · Rob","category":"Navigation & search","why":"Original navigation & search reference from Shadcnblocks · Rob.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://www.shadcnblocks.com/block/application-shell7","codeUrl":"https://www.shadcnblocks.com/block/application-shell7","repository":"","sourceFiles":[],"commit":"","access":"Commercial creator catalog · code access not checked","license":"Commercial creator terms; free/paid tier must be checked on the original page","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Original publisher operational-layout category","added":"2026-10-20","previewSource":"https://cdn.shadcnblocks.com/shadcnblocks/screenshots/block/application-shell7-4x3.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","sourceCategory":"application-shell","preview":"media/references/shadcnblocks--application-shell7.webp","previewWidth":1336,"previewHeight":1002,"previewSha256":"1daba4b4b24341c88deac952274f27cc7a9e86a729367df516c16b5aee65c049","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"shadcnblocks--application-shell9","name":"Application Shell 9 - IDE-Style File Explorer Shell","collection":"shadcnblocks","creator":"Shadcnblocks · Rob","category":"Navigation & search","why":"Original navigation & search reference from Shadcnblocks · Rob.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://www.shadcnblocks.com/block/application-shell9","codeUrl":"https://www.shadcnblocks.com/block/application-shell9","repository":"","sourceFiles":[],"commit":"","access":"Commercial creator catalog · code access not checked","license":"Commercial creator terms; free/paid tier must be checked on the original page","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Original publisher operational-layout category","added":"2026-10-20","previewSource":"https://cdn.shadcnblocks.com/shadcnblocks/screenshots/block/application-shell9-4x3.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","sourceCategory":"application-shell","preview":"media/references/shadcnblocks--application-shell9.webp","previewWidth":1336,"previewHeight":1002,"previewSha256":"95e34c507b5d90bbb9b312e2c2a930da5e17f4b59563cb417a6cacff68532c4e","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"beui-native--approval-card","name":"Approval Card · Native","collection":"beui-native","category":"React Native","why":"Swipeable questions, or a review to approve.","useFor":"Original React Native component from the creator’s public library. Image reference with original demo and source links.","sourceFiles":["sources/beui-native/code/src/components/approval-card/approval-card.tsx","sources/beui-native/code/src/components/approval-card/index.ts"],"website":"https://beui.dev/react-native/approval-card","repository":"https://github.com/starc007/beui-native","commit":"","license":"MIT","access":"Source saved","review":"Official creator catalog · not individually runtime-tested","favorite":false,"discovered":"Original creator library, linked from beUI","added":"2026-10-20","preview":"media/beui-native--approval-card.jpg","previewSource":"https://media.beui.dev/clips/approval-card-light.cc77ff4552.jpg","previewType":"Creator’s original React Native recording poster","platform":"React Native","selectionType":"Creator library expansion","previewWidth":600,"previewHeight":1304,"previewAnimated":false,"previewVideo":"media/recordings/beui-native--approval-card.mp4","videoSource":"https://media.beui.dev/clips/approval-card-light.cc77ff4552.mp4","videoType":"Unmodified original creator recording","videoMetadata":{"width":600,"height":1304,"duration":16.916667},"videoSha256":"cc77ff455201c9c23b8ae5f4204291806e7ac920be902e63c0d14de51f328aa3","previewVideoSource":"https://media.beui.dev/clips/approval-card-light.cc77ff4552.mp4"},{"id":"21st--subframeapp--area-chart","name":"Area Chart","collection":"21st-community","creator":"SubframeApp","category":"Dashboards & data","why":"Original dashboards & data reference from SubframeApp.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@SubframeApp/components/area-chart/area-chart-one","codeUrl":"https://21st.dev/@SubframeApp/components/area-chart/area-chart-one","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community dashboard catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/larsen66/area-chart/area-chart-one/preview.1755895267117.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"SubframeApp","sourceCategory":"dashboard","creatorPublicationUrl":"https://21st.dev/@SubframeApp/components/area-chart/area-chart-one","preview":"media/references/21st--subframeapp--area-chart.png","previewWidth":960,"previewHeight":713,"previewSha256":"f4a93a1342df4e06efe51c0a3f290478666612e178d827e4e91a972956bc44f9","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@SubframeApp/components/area-chart"},{"id":"21st--arihantcodes_1f7b8c4d--area-chart","name":"Area Chart","collection":"21st-community","creator":"Arihant jain","category":"Dashboards & data","why":"Original dashboards & data reference from Arihant jain.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@arihantcodes_1f7b8c4d/components/area-chart","codeUrl":"https://21st.dev/@arihantcodes_1f7b8c4d/components/area-chart","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community data-visualization catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/arihantcodes_1f7b8c4d/area-chart/default/preview.1790164464423-012e1afc-b773-4efd-9cb3-1a62f2065c46.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"arihantcodes_1f7b8c4d","sourceCategory":"data-visualization","creatorPublicationUrl":"https://21st.dev/@arihantcodes_1f7b8c4d/components/area-chart","preview":"media/references/21st--arihantcodes_1f7b8c4d--area-chart.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"3e3c91afd700fd20cf8531ca7f524b65c70c14b48fc3bd94545df6e816a33088","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@arihantcodes_1f7b8c4d/components/area-chart"},{"id":"21st--legionwebdev--area-chart","name":"Area Chart","collection":"21st-community","creator":"Legion Dev","category":"Dashboards & data","why":"Original dashboards & data reference from Legion Dev.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@LegionWebDev/components/area-chart/bar-area-chart","codeUrl":"https://21st.dev/@LegionWebDev/components/area-chart/bar-area-chart","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community data-visualization catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/larsen66/area-chart/bar-area-chart/preview.1753711522754.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"LegionWebDev","sourceCategory":"data-visualization","creatorPublicationUrl":"https://21st.dev/@LegionWebDev/components/area-chart/bar-area-chart","preview":"media/references/21st--legionwebdev--area-chart.png","previewWidth":960,"previewHeight":783,"previewSha256":"2cf90d26b61285f89976fef08da2c4ab3ec406b83c14c85b6f0a07109b4deaaa","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@LegionWebDev/components/area-chart"},{"id":"21st--sean0205--c-chart-16","name":"Area Chart with Glowing Dot Markers","collection":"21st-community","creator":"Sean Hello","category":"Dashboards & data","why":"Original dashboards & data reference from Sean Hello.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@sean0205/components/c-chart-16","codeUrl":"https://21st.dev/@sean0205/components/c-chart-16","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community data-visualization catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/sean0205/c-chart-16/default/preview.1790214035995-cb842e59-377e-44c6-af60-e01867c26e1b.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"sean0205","sourceCategory":"data-visualization","creatorPublicationUrl":"https://21st.dev/@sean0205/components/c-chart-16","preview":"media/references/21st--sean0205--c-chart-16.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"d9920aec3e11a8f93e47464ec485857387b7adebc737d6c32a4b167fa0efcfa4","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@sean0205/components/c-chart-16"},{"added":"2026-10-20","sourceFiles":[],"repository":"","commit":"","codeUrl":"","previewAnimated":false,"discovered":"Original X creator trails, native feature tour and primary motion tools · workflow-spatial review","selectionType":"Visually reviewed original reference","review":"Sonnet 5.5 Medium static visual review; provenance/source checks, not runtime, accessibility or full license/dependency audit","useFor":"Study the exact original reference and linked creator source. Respect its access and license terms.","id":"webzibition--artefakt","name":"Artefakt","category":"Typography & effects","why":"The wordmark is rendered as a glitching ASCII character matrix, with stray glyphs drifting in the dark field and a monospace grid. It makes the typography itself the effect.","favorite":false,"collection":"webzibition","preview":"media/references/webzibition--artefakt.webp","previewSha256":"6b459cc353e07ac9a567cb2ce553a97f18b1e06a3f78f4f3e20f3a97d156de21","website":"https://artefakt.mov/","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/03/artefakt.mov_.jpg.webp","additionalOriginalImages":[],"creator":"Artefakt · original site","creatorUrl":"https://artefakt.mov/","publisherIndex":"https://tympanus.net/codrops/webzibition/page/4/","access":"Demo reference · original website; public component source not traced","license":"Original website/image rights remain with their creators; no public code/reuse license established.","attributionNote":"Site/brand identified from original showcase and linked site. Separate designer/agency credit not independently traced.","previewType":"Original static website screenshot published in Codrops Webzibition; not a generated substitute","previewWidth":1440,"previewHeight":779},{"id":"webzibition--arthur-engel","name":"Arthur Engel","collection":"webzibition","creator":"Arthur Engel · original site","creatorAttribution":"Site identity from the publisher listing; individual design author not independently verified","category":"Spatial experiences","why":"Dark curved world map/aircraft imagery with country labels on the left; the curved plane gives the page depth.","useFor":"Study the original website’s composition and presentation; code availability is unverified.","website":"https://aengel.io/","codeUrl":"","repository":"","sourceFiles":[],"commit":"","access":"Design reference · public source not traced","license":"Website and preview rights belong to their respective owners; no source or reuse license verified","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited; original website returned HTTP200; screenshot may predate the current live design","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"Codrops Webzibition → original website","added":"2026-10-20","preview":"media/references/webzibition--arthur-engel.webp","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/09/Engel-1200x649.png.webp?x67708","previewType":"Codrops publisher screenshot of the linked original website; not a fresh live capture","previewWidth":1200,"previewHeight":649,"previewSha256":"26915d878398df7f3429ccc1b00f1d467fac113751fbde9788e721f7c24e5447","previewAnimated":false,"publisherIndex":"https://tympanus.net/codrops/webzibition/","publisherRecord":"post-122291","pageTitle":"aengel.io","pageCheckedAt":"2026-10-20T05:54:32.868906+00:00","pageAvailability":"HTTP200; same-domain original website","retrievedAt":"2026-10-20T05:54:32.868906+00:00"},{"id":"21st--olewandowski1--article-5","name":"Article With Author Sidebar","collection":"21st-community","creator":"Oliver","category":"Navigation & search","why":"Original navigation & search reference from Oliver.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@olewandowski1/components/article-5","codeUrl":"https://21st.dev/@olewandowski1/components/article-5","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community sidebar catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/7ovr/article-5/default/preview.1790080894256-22d2650a-ce68-4836-98e3-2393c6649a6f.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"olewandowski1","sourceCategory":"sidebar","creatorPublicationUrl":"https://21st.dev/@olewandowski1/components/article-5","preview":"media/references/21st--olewandowski1--article-5.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"622c1de84b9fdbbb3c3b5b5a4a8ebde5f7b1a883fe1e506068f1b1a3f709aced","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@olewandowski1/components/article-5"},{"id":"webzibition--ascension","name":"Ascension","collection":"webzibition","creator":"Ascension · original site","creatorAttribution":"Site identity from the publisher listing; individual design author not independently verified","category":"Editorial & typography","why":"Chrome, glinting 'ASCENSION' on black with a lone silhouette in a doorway; strong music-release poster.","useFor":"Study the original website’s composition and presentation; code availability is unverified.","website":"https://ascension.pegassi.be/","codeUrl":"","repository":"","sourceFiles":[],"commit":"","access":"Design reference · public source not traced","license":"Website and preview rights belong to their respective owners; no source or reuse license verified","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited; original website returned HTTP200; screenshot may predate the current live design","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"Codrops Webzibition → original website","added":"2026-10-20","preview":"media/references/webzibition--ascension.webp","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/09/ascension-1200x649.png.webp?x67708","previewType":"Codrops publisher screenshot of the linked original website; not a fresh live capture","previewWidth":1200,"previewHeight":649,"previewSha256":"0e88e3c2fdd754059c3d924c71722464aeccdee6a06c4ab5c0821c584450c995","previewAnimated":false,"publisherIndex":"https://tympanus.net/codrops/webzibition/","publisherRecord":"post-120476","pageTitle":"Ascension — Pegassi","pageCheckedAt":"2026-10-20T05:54:32.868906+00:00","pageAvailability":"HTTP200; same-domain original website","retrievedAt":"2026-10-20T05:54:32.868906+00:00"},{"id":"codrops--ascii-logo-in-three-js","name":"ASCII Logo in Three.js","collection":"codrops-creative","creator":"Edoardo Lunardi","creatorUrl":"https://tympanus.net/codrops/hub/author/edoardolunardi","category":"Shaders & materials","styleTags":["3d","ascii","glsl","three.js","webgl"],"why":"Original shaders & materials reference published in the Codrops Creative Hub; inspect the image and original demo for its visual approach.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Tutorials/ASCIILogo/","codeUrl":"https://github.com/edoardolunardi/ascii-logo","repository":"https://github.com/edoardolunardi/ascii-logo","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Contact-sheet preview reviewed with Sonnet 5.5 Medium; original publisher links traced; not runtime-tested","selectionType":"Preview-reviewed design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/09/Ascii_logo_demo_cover-768x576.png.webp","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Sep 4, 2026","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:23:38.056369+00:00","preview":"media/references/codrops--ascii-logo-in-three-js.webp","previewWidth":768,"previewHeight":576,"previewSha256":"fd1d5693816a3c151a546d2b1234939d59ad781c89987e0ff705db06ba35dfa5","previewAnimated":false},{"id":"21st--adikodez--ask-ai","name":"Ask AI","collection":"21st-community","creator":"Akoder","category":"Conversation craft","why":"Original conversation craft reference from Akoder.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@AdiKodez/components/ask-ai","codeUrl":"https://21st.dev/@AdiKodez/components/ask-ai","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community ai-chat catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_2tNV3kTGamElu6tvtcIWanGTy7C/ask-ai/default/preview.1789983818796.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:51:40.290057+00:00","creatorHandle":"AdiKodez","sourceCategory":"ai-chat","creatorPublicationUrl":"https://21st.dev/@AdiKodez/components/ask-ai","canonicalComponentUrl":"https://21st.dev/@AdiKodez/components/ask-ai","preview":"media/references/21st--adikodez--ask-ai.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"138e30cf46fb7a2762e7441778aca8d1017396b60ffe720c0c6a3d2b1b93d523","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:51:40.290057+00:00"},{"id":"webzibition--aspen-search","name":"Aspen Search","collection":"webzibition","creator":"Aspen Search · original site","creatorAttribution":"Site identity from the publisher listing; individual design author not independently verified","category":"Full websites & portfolios","why":"Huge 'Aspen' next to a dithered grey texture and a black panel with a mint block; sharp black, white and mint palette.","useFor":"Study the original website’s composition and presentation; code availability is unverified.","website":"https://www.aspensearch.com/","codeUrl":"","repository":"","sourceFiles":[],"commit":"","access":"Design reference · public source not traced","license":"Website and preview rights belong to their respective owners; no source or reuse license verified","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited; original website returned HTTP200; screenshot may predate the current live design","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"Codrops Webzibition → original website","added":"2026-10-20","preview":"media/references/webzibition--aspen-search.webp","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/08/aspen-1200x649.jpg.webp?x67708","previewType":"Codrops publisher screenshot of the linked original website; not a fresh live capture","previewWidth":1200,"previewHeight":649,"previewSha256":"69f7649ae0a4e4a54899e7814b536c6bddf233e5f95c1a91e71c03b839320457","previewAnimated":false,"publisherIndex":"https://tympanus.net/codrops/webzibition/","publisherRecord":"post-119103","pageTitle":"Aspen Search - Executive Search for Quantitative Finance & Tech","pageCheckedAt":"2026-10-20T05:54:32.868906+00:00","pageAvailability":"HTTP200; same-domain original website","retrievedAt":"2026-10-20T05:54:32.868906+00:00"},{"id":"21st--shadcnspace--tabs-10","name":"Assistant Tabs","collection":"21st-community","creator":"ShadcnSpace","category":"Conversation craft","why":"Original conversation craft reference from ShadcnSpace.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@shadcnspace/components/tabs-10","codeUrl":"https://21st.dev/@shadcnspace/components/tabs-10","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community ai-chat catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/shadcnspace/tabs-10/default/preview.1789976238592-1c742133-727d-407f-8ead-58dccb6ac26b.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"shadcnspace","sourceCategory":"ai-chat","creatorPublicationUrl":"https://21st.dev/@shadcnspace/components/tabs-10","preview":"media/references/21st--shadcnspace--tabs-10.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"8e251c30887fe0bdebe641d2d8a5c55daf8722780bb6b42669c28e70f273e00b","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@shadcnspace/components/tabs-10"},{"id":"assistant-ui--thread","name":"assistant-ui Thread & Approvals","collection":"assistant-ui","category":"Conversation craft","why":"The creator’s original animated library demo combines a hotel-search tool, streamed reply, approval and follow-up suggestions. It shows how a coherent transcript accommodates several agent states.","useFor":"A complete creator library composition; source files and dependencies are preserved in the repository snapshot.","sourceFiles":["sources/assistant-ui/code/templates/minimal/components/assistant-ui/elements/thread.aui.tsx","sources/assistant-ui/code/templates/minimal/components/assistant-ui/elements/tool-fallback.aui.tsx"],"website":"https://www.assistant-ui.com/","repository":"https://github.com/assistant-ui/assistant-ui","commit":"0a6d4cb49bd7749e7e708448708e325c88752531","license":"MIT","access":"Source saved","review":"Creator library animation and exact template source; not individually runtime-tested","favorite":false,"discovered":"Independent research","added":"2026-10-20","preview":"media/stills/assistant-ui--thread.png","previewSource":"https://www.assistant-ui.com/","previewType":"Still frame from creator’s original animation","previewOriginalAsset":"media/assistant-ui--thread.webp","previewFrameIndex":107,"previewWidth":1300,"previewHeight":820,"previewAnimated":false,"previewVideo":"media/recordings/assistant-ui--thread.mp4","videoSource":"https://github.com/assistant-ui/assistant-ui/blob/0a6d4cb49bd7749e7e708448708e325c88752531/.github/assets/demo-light.webp","videoType":"MP4 transcode of creator’s original animation; original asset preserved","videoMetadata":{"width":1300,"height":820,"duration":11.12},"videoSha256":"a7328175d062a34c45558d457f743ed1bfac988a0324cee38a6e80f4eb194ec9","videoOriginalAsset":"media/assistant-ui--thread.webp","videoOriginalSha256":"bb76752aa4ce27cf94c1d0c1d45aa4a2d853c645915810954be173b659dde35d","videoDerivation":"Exact decoded creator frames and timing, H.264 encoding; at most one pixel of edge padding for browser compatibility. No upscaling or invented frames.","previewVideoSource":"https://github.com/assistant-ui/assistant-ui/blob/0a6d4cb49bd7749e7e708448708e325c88752531/.github/assets/demo-light.webp"},{"id":"codrops--async-page-transitions","name":"Async Page Transitions","collection":"codrops-creative","creator":"Valentin Mor","creatorUrl":"https://tympanus.net/codrops/hub/author/valentinmor","category":"Galleries & transitions","styleTags":["gsap","page transition"],"why":"Original galleries & transitions reference published in the Codrops Creative Hub; inspect the image and original demo for its visual approach.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://async-page-transitions.crnacura.workers.dev/","codeUrl":"https://github.com/blenkcode/codrops-demo","repository":"https://github.com/blenkcode/codrops-demo","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Contact-sheet preview reviewed with Sonnet 5.5 Medium; original publisher links traced; not runtime-tested","selectionType":"Preview-reviewed design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/02/Group-170-768x576.webp","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Feb 26, 2026","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:23:38.056369+00:00","preview":"media/references/codrops--async-page-transitions.webp","previewWidth":768,"previewHeight":576,"previewSha256":"0c023773b7a23b1f01f9f45c2da1388fc7d089659467b43797232d95a8ec0cd8","previewAnimated":false},{"id":"webzibition--atelier-meridien","name":"Atelier Meridien","collection":"webzibition","creator":"Atelier Meridien · original site","creatorAttribution":"Site identity from the publisher listing; individual design author not independently verified","category":"Full websites & portfolios","why":"White gallery-site with a row of exhibition-room photos and a serif title at the top; quiet, museum-like structure.","useFor":"Study the original website’s composition and presentation; code availability is unverified.","website":"https://atelier-meridian-site.webflow.io/","codeUrl":"","repository":"","sourceFiles":[],"commit":"","access":"Design reference · public source not traced","license":"Website and preview rights belong to their respective owners; no source or reuse license verified","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited; original website returned HTTP200; screenshot may predate the current live design","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"Codrops Webzibition → original website","added":"2026-10-20","preview":"media/references/webzibition--atelier-meridien.png","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/10/atelier-meridian-site.webflow.io_-1200x649.png?x67708","previewType":"Codrops publisher screenshot of the linked original website; not a fresh live capture","previewWidth":1200,"previewHeight":649,"previewSha256":"ad862844b987252d3b5b8aec9a7f3448e7e43bb6d76adf165578ef794578045b","previewAnimated":false,"publisherIndex":"https://tympanus.net/codrops/webzibition/","publisherRecord":"post-123546","pageTitle":"Atelier","pageCheckedAt":"2026-10-20T05:54:32.868906+00:00","pageAvailability":"HTTP200; same-domain original website","retrievedAt":"2026-10-20T05:54:32.868906+00:00"},{"id":"21st--uiable--attachment-states","name":"Attachment States","collection":"21st-community","creator":"uiable","category":"Artifacts & evidence","why":"Original artifacts & evidence reference from uiable.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@uiable/components/attachment-states","codeUrl":"https://21st.dev/@uiable/components/attachment-states","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community upload-download catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/uiable/attachment-states/default/preview.1789957774654-ddae01f8-9fe0-4661-8215-ab7443a086c9.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"uiable","sourceCategory":"upload-download","creatorPublicationUrl":"https://21st.dev/@uiable/components/attachment-states","preview":"media/references/21st--uiable--attachment-states.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"51e8195a5b29e233c3af3b6ec40e11f2e9f0ebe06a59535885c502407ccfffe5","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@uiable/components/attachment-states"},{"id":"21st--syeddhasnainn--attachments","name":"Attachments","collection":"21st-community","creator":"Syed Hasnain","category":"Conversation craft","why":"Original conversation craft reference from Syed Hasnain.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@syeddhasnainn/components/attachments","codeUrl":"https://21st.dev/@syeddhasnainn/components/attachments","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community ai-chat catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/syeddhasnainn/attachments/default/preview.1791397474582-e4c64c7c-c61d-4f86-b29e-3813bd7f452c.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"syeddhasnainn","sourceCategory":"ai-chat","creatorPublicationUrl":"https://21st.dev/@syeddhasnainn/components/attachments","preview":"media/references/21st--syeddhasnainn--attachments.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"296f386406b91419bea1902992238cb926f641c94cad2bbe40e29a6897d659d0","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@syeddhasnainn/components/attachments"},{"id":"ai-sdk-agents--attachments-tray","name":"Attachments tray","collection":"ai-sdk-agents","creator":"AI SDK Agents · Cult","category":"Intent & input","why":"Original intent & input surface from the creator’s agent-interface catalog.","useFor":"Reference the original component and its creator’s implementation.","website":"https://www.aisdkagents.com/ai-components/attachments-tray","codeUrl":"https://www.aisdkagents.com/ai-components/attachments-tray","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · free/paid access not checked","license":"Creator terms apply; no source downloaded","review":"Original creator catalog inspected in Chrome; image saved; individual code access not tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Cult UI → original AI SDK Agents catalog","added":"2026-10-20","preview":"media/references/ai-sdk-agents--attachments-tray.webp","previewSource":"https://www.aisdkagents.com/_next/image?url=%2Fai-components%2Fthumbnails%2Fattachments-tray-light.png&w=640&q=75&dpl=dpl_2BLHURNF6K3SZGxoc7Nmyo3CyTpJ","previewType":"Creator-published static component thumbnail","previewWidth":640,"previewHeight":401,"previewSha256":"60e3eed4ba4291bdaed2a3377c5bd91ca9431a762d6f8eba8efb40a96e0b5384","previewAnimated":false,"sourceCategory":"Chat/Composer10","retrievedAt":"2026-10-20T05:01:21.388663+00:00"},{"id":"webzibition--au-rel-io","name":"Au-rel.io","collection":"webzibition","creator":"Au-rel.io · original site","creatorAttribution":"Site identity from the publisher listing; individual design author not independently verified","category":"Editorial & typography","why":"Black-and-white pixel-style type blocks mixed with a few colourful objects and device mockups; a raw, graphic collage.","useFor":"Study the original website’s composition and presentation; code availability is unverified.","website":"https://au-rel.io/","codeUrl":"","repository":"","sourceFiles":[],"commit":"","access":"Design reference · public source not traced","license":"Website and preview rights belong to their respective owners; no source or reuse license verified","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited; original website returned HTTP200; screenshot may predate the current live design","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"Codrops Webzibition → original website","added":"2026-10-20","preview":"media/references/webzibition--au-rel-io.webp","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/09/au-rel-1200x649.png.webp?x67708","previewType":"Codrops publisher screenshot of the linked original website; not a fresh live capture","previewWidth":1200,"previewHeight":649,"previewSha256":"cd2426029b53fd77e89ab53333f751d3051e77ad6c715831422ec5432846c895","previewAnimated":false,"publisherIndex":"https://tympanus.net/codrops/webzibition/","publisherRecord":"post-121974","pageTitle":"Au-rel.io","pageCheckedAt":"2026-10-20T05:54:32.868906+00:00","pageAvailability":"HTTP200; same-domain original website","retrievedAt":"2026-10-20T05:54:32.868906+00:00"},{"id":"21st--lavikatiyar--audio-show-creator","name":"Audio Show Creator","collection":"21st-community","creator":"LaviKatiyar","category":"Voice & presence","why":"Dark modal titled 'Create Your Audio Show' with a headphone icon, Upload File / Import via URL / Choose Project tabs, an attached 'Future Thinking Talk.pdf 45.4 KB' file row, an 'Interview Mode' format selector, two host pickers (Alex, Morgan) with paired colored avatar dots, model and language selects, and a Recent / Generate footer. Dense, legible and tied to a concrete voice-authoring task.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@lavikatiyar/components/audio-show-creator","codeUrl":"https://21st.dev/@lavikatiyar/components/audio-show-creator","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Sonnet 5.5 Medium full-image visual audit and researcher review; source access unverified, no runtime/accessibility audit","selectionType":"Individually visually reviewed creator-catalog reference","favorite":false,"discovered":"Creator-published 21st community modal catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/lavikatiyar/audio-show-creator/default/preview.1759029939284.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"lavikatiyar","sourceCategory":"modal","creatorPublicationUrl":"https://21st.dev/@lavikatiyar/components/audio-show-creator","preview":"media/references/21st--lavikatiyar--audio-show-creator.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"56fd96ac1340b21d8291f6c3d4354b34f0ac02bca6ff79d4a6a30dc170d7e15f","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@lavikatiyar/components/audio-show-creator","qualityReview":"references/older-trace-quality-curation.json"},{"id":"21st--corr--audit-log","name":"Audit Log","collection":"21st-community","creator":"corr","category":"Thinking & progress","why":"Original thinking & progress reference from corr.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@corr/components/audit-log","codeUrl":"https://21st.dev/@corr/components/audit-log","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community timeline catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/corr/audit-log/default/preview.1787190208435-bada1e39-cde7-423a-91de-e5778ee577a6.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"corr","sourceCategory":"timeline","creatorPublicationUrl":"https://21st.dev/@corr/components/audit-log","preview":"media/references/21st--corr--audit-log.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"0b9e972b1826e1226bb477f2d5037b9ba5f6093d15cc0f14029bdbbe2b99d057","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@corr/components/audit-log"},{"id":"21st--olewandowski1--activity-3","name":"Audit Log With Icon Tiles","collection":"21st-community","creator":"Oliver","category":"Thinking & progress","why":"Original thinking & progress reference from Oliver.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@olewandowski1/components/activity-3","codeUrl":"https://21st.dev/@olewandowski1/components/activity-3","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community timeline catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_registry_7ovr_1782691739820/activity-3/default/preview.1789990180982.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"olewandowski1","sourceCategory":"timeline","creatorPublicationUrl":"https://21st.dev/@olewandowski1/components/activity-3","preview":"media/references/21st--olewandowski1--activity-3.png","previewWidth":960,"previewHeight":817,"previewSha256":"c0abfa5172c66d59db1fd79d1c0cfc4d7555c27efc7fe145cbe3babfedafefd3","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@olewandowski1/components/activity-3"},{"id":"webzibition--auge-experience","name":"AUGE Experience","collection":"webzibition","creator":"AUGE Experience · original site","creatorAttribution":"Site identity from the publisher listing; individual design author not independently verified","category":"Editorial & typography","why":"Heavy black 'AUGE' wordmark under a mosaic of photos and tiny supporting copy on cream; huge type against dense imagery.","useFor":"Study the original website’s composition and presentation; code availability is unverified.","website":"https://auge-xp.com/","codeUrl":"","repository":"","sourceFiles":[],"commit":"","access":"Design reference · public source not traced","license":"Website and preview rights belong to their respective owners; no source or reuse license verified","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited; original website returned HTTP200; screenshot may predate the current live design","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"Codrops Webzibition → original website","added":"2026-10-20","preview":"media/references/webzibition--auge-experience.png","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/10/auge-xp.com_-1200x649.png?x67708","previewType":"Codrops publisher screenshot of the linked original website; not a fresh live capture","previewWidth":1200,"previewHeight":649,"previewSha256":"2807de9de77960cd5664371eff7a297b3d178c6bcc273b7d0446bc318e7316f9","previewAnimated":false,"publisherIndex":"https://tympanus.net/codrops/webzibition/","publisherRecord":"post-123419","pageTitle":"Digital Experience Studio | AUGE Experience","pageCheckedAt":"2026-10-20T05:54:32.868906+00:00","pageAvailability":"HTTP200; same-domain original website","retrievedAt":"2026-10-20T05:54:32.868906+00:00"},{"id":"21st--prebuiltui--autocomplete","name":"Autocomplete","collection":"21st-community","creator":"prebuiltui","category":"Navigation & search","why":"Original navigation & search reference from prebuiltui.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@prebuiltui/components/autocomplete/virtualized","codeUrl":"https://21st.dev/@prebuiltui/components/autocomplete/virtualized","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community search catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_prebuiltui/autocomplete/virtualized/preview.1786574131641.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"prebuiltui","sourceCategory":"search","creatorPublicationUrl":"https://21st.dev/@prebuiltui/components/autocomplete/virtualized","preview":"media/references/21st--prebuiltui--autocomplete.png","previewWidth":960,"previewHeight":670,"previewSha256":"2b03525f1ca2244944cbe4ec4cbc8de91cb6d092acdb64455aaed40aafa0fe2c","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@prebuiltui/components/autocomplete"},{"id":"21st--armandsalle--autocomplete","name":"Autocomplete","collection":"21st-community","creator":"Armand SALLE","category":"Navigation & search","why":"Original navigation & search reference from Armand SALLE.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@armandsalle/components/autocomplete","codeUrl":"https://21st.dev/@armandsalle/components/autocomplete","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community search catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_armandsalle/autocomplete/853/preview.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"armandsalle","sourceCategory":"search","creatorPublicationUrl":"https://21st.dev/@armandsalle/components/autocomplete","preview":"media/references/21st--armandsalle--autocomplete.png","previewWidth":960,"previewHeight":615,"previewSha256":"d7df069b3beac23c83003b0e496fb42700385e0d4e3ff69473992c1734e86d76","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@armandsalle/components/autocomplete"},{"id":"21st--patrick-xin--autocomplete","name":"Autocomplete","collection":"21st-community","creator":"Patrick Xin","category":"Navigation & search","why":"Original navigation & search reference from Patrick Xin.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@patrick-xin/components/autocomplete","codeUrl":"https://21st.dev/@patrick-xin/components/autocomplete","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community search catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/patrick-xin/autocomplete/default/preview.1789957013340-367320ab-f07b-40a4-9af3-06d15c84fdf7.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"patrick-xin","sourceCategory":"search","creatorPublicationUrl":"https://21st.dev/@patrick-xin/components/autocomplete","preview":"media/references/21st--patrick-xin--autocomplete.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"a91f4db78aa8b9d60b647f72c0e8077deaa7d8e1f0ab44ff6cb29e0c002cbb2e","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@patrick-xin/components/autocomplete"},{"id":"21st--cnippet-dev--v-field-7","name":"Autocomplete Field","collection":"21st-community","creator":"Cnippet","category":"Navigation & search","why":"Original navigation & search reference from Cnippet.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@cnippet-dev/components/v-field-7","codeUrl":"https://21st.dev/@cnippet-dev/components/v-field-7","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community search catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_36Tbt0v8JdD4jEycmBFhR8tojnR/v-field-7/default/preview.1787687473944.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"cnippet-dev","sourceCategory":"search","creatorPublicationUrl":"https://21st.dev/@cnippet-dev/components/v-field-7","preview":"media/references/21st--cnippet-dev--v-field-7.png","previewWidth":872,"previewHeight":640,"previewSha256":"d0c0d313d75c6028be37a01a69df3f9542dcb67d91cfca5bd49af85a0a37864c","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@cnippet-dev/components/v-field-7"},{"id":"autogen-studio--team","name":"AutoGen Studio team builder","category":"Agent orchestration","why":"Three-column builder: team list with agent-count metadata, a collapsible Component Library (Agents/Models/Tools/Terminations) with search, and a node canvas whose team and agent cards have labelled drop zones, edit/delete icons, a visual/JSON mode toggle and a canvas toolbar. Historical archived AutoGen source, study only.","favorite":false,"collection":"autogen-studio","creator":"Microsoft Research / AutoGen contributors","creatorUrl":"https://github.com/microsoft","website":"https://github.com/microsoft/autogen","repository":"https://github.com/microsoft/autogen","commit":"004749e6b7102c8fd317b9b1499ce5807223c278","codeUrl":"https://github.com/microsoft/autogen/tree/004749e6b7102c8fd317b9b1499ce5807223c278/python/packages/autogen-studio/frontend/src/components/views/teambuilder/builder","sourceFiles":[],"platform":"Web","access":"Historical archived original source linked; not recommended as a maintained implementation","license":"MIT code (LICENSE-CODE); CC-BY-4.0 documentation (LICENSE). Archived, no longer maintained.","review":"Sonnet 5.5 Medium full-image visual review plus researcher original-source checks; static judgment, no runtime, motion, accessibility or complete dependency audit","useFor":"Study the exact original creator image and linked implementation under its original terms.","selectionType":"Individually visually reviewed original reference","discovered":"Primary creator repository/docs discovery · operational-input review","added":"2026-10-20","preview":"media/references/autogen-studio--team-1.png","previewSha256":"876389d20f68c9c6e230563a145f8e10c6870bf8633163f0a6fe1f5db8d8ffe8","previewSource":"https://media.githubusercontent.com/media/microsoft/autogen/004749e6b7102c8fd317b9b1499ce5807223c278/python/packages/autogen-studio/docs/ags_screen.png","previewAnimated":false,"previewType":"Exact unmodified original creator-published static image","sourceResolution":"references/operational-input-source-evidence.json","sourcePinNote":"Current pinned original source; exact screenshot-build revision is not established. Selected files are provenance evidence, not a complete component archive.","previewWidth":1674,"previewHeight":999},{"id":"affectui--autonomy-dial","name":"Autonomy Dial","collection":"affectui","category":"Human control","why":"An autonomy setting is made concrete by showing which actions move between independent execution and asking first.","useFor":"Understandable permission policy, with locked actions kept explicit.","sourceFiles":[],"website":"https://www.affectui.com/components/autonomy-dial","repository":"","commit":"cc799e7e438efcea8d484fa27932405ea60bff9a","license":"MIT","access":"Paid reference · no code","review":"Creator catalog + docs","favorite":false,"discovered":"X bookmarks","added":"2026-10-20","preview":"media/screenshots/affectui--autonomy-dial.jpg","previewType":"Screenshot of the creator’s published web demo","previewSource":"https://www.affectui.com/components/autonomy-dial","capturedAt":"2026-10-20T03:59:54.052Z","relatedLibraryRepository":"https://github.com/flohoeller/affectui","previewWidth":624,"previewHeight":650,"previewAnimated":false},{"id":"aceternity--background-cubes-grid","name":"Background Cubes Grid","collection":"aceternity","creator":"Aceternity UI · Manu Arora","category":"Typography & effects","why":"Hero headline with inline brand-icon pills (Discord, Telegram, WhatsApp, Google Chat, Mattermost, webhook) set in the sentence at display size, over a pale isometric extruded-cube field with soft shadow depth. Distinct typography-plus-material composition; the pill-in-sentence device is reusable. Motion is not verifiable from the still.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://ui.aceternity.com/components/background-cubes-grid","codeUrl":"https://ui.aceternity.com/components/background-cubes-grid","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Sonnet 5.5 Medium individual full-image audit of original published preview; source access remains unverified, no runtime/motion/accessibility audit","selectionType":"Individually visually reviewed creator-catalog reference","favorite":false,"discovered":"Reddit library leads → original Aceternity component catalog","added":"2026-10-20","previewSource":"https://assets.aceternity.com/components/background-cubes-grid.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","preview":"media/references/aceternity--background-cubes-grid.webp","previewWidth":2200,"previewHeight":1758,"previewSha256":"f4cfc9adda3aa392889fc003a852c00ed81b430f50f99faaa35029331513072e","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","qualityReview":"references/older-expressive-quality-curation.json"},{"id":"21st--syeddhasnainn--background-inbox","name":"Background Inbox","collection":"21st-community","creator":"Syed Hasnain","category":"Conversation craft","why":"Original conversation craft reference from Syed Hasnain.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@syeddhasnainn/components/background-inbox","codeUrl":"https://21st.dev/@syeddhasnainn/components/background-inbox","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community ai-chat catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/syeddhasnainn/background-inbox/default/preview.1791397532151-9f463268-38b3-4024-9fb0-84025a35ed55.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"syeddhasnainn","sourceCategory":"ai-chat","creatorPublicationUrl":"https://21st.dev/@syeddhasnainn/components/background-inbox","preview":"media/references/21st--syeddhasnainn--background-inbox.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"ca5aa441d85205180ec76ddf1503de37faafda6b472e5b718303631270489325","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@syeddhasnainn/components/background-inbox"},{"id":"21st--intentui--bar-chart","name":"Bar Chart","collection":"21st-community","creator":"Intent UI","category":"Dashboards & data","why":"Original dashboards & data reference from Intent UI.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@intentui/components/bar-chart/custom-label","codeUrl":"https://21st.dev/@intentui/components/bar-chart/custom-label","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community dashboard catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/larsen66/bar-chart/custom-label/preview.1750537148562.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"intentui","sourceCategory":"dashboard","creatorPublicationUrl":"https://21st.dev/@intentui/components/bar-chart/custom-label","preview":"media/references/21st--intentui--bar-chart.png","previewWidth":960,"previewHeight":527,"previewSha256":"7f69eab8fc863ed0946888b2c4b7d111d1c285e2fc8a5a4b3398bfca8a1df909","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@intentui/components/bar-chart"},{"id":"21st--legionwebdev--bar-chart","name":"Bar Chart","collection":"21st-community","creator":"Legion Dev","category":"Dashboards & data","why":"Original dashboards & data reference from Legion Dev.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@LegionWebDev/components/bar-chart/highlighted-multiple-bar-chart","codeUrl":"https://21st.dev/@LegionWebDev/components/bar-chart/highlighted-multiple-bar-chart","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community data-visualization catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/larsen66/bar-chart/highlighted-multiple-bar-chart/preview.1753708028163.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"LegionWebDev","sourceCategory":"data-visualization","creatorPublicationUrl":"https://21st.dev/@LegionWebDev/components/bar-chart/highlighted-multiple-bar-chart","preview":"media/references/21st--legionwebdev--bar-chart.png","previewWidth":960,"previewHeight":783,"previewSha256":"8345390f3f40b56df8142ff5e0edb114e9ee654bc1b39ea3f13bf6b9c676d10b","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@LegionWebDev/components/bar-chart"},{"id":"21st--airbnb-visx--bar-group-vertical","name":"Bar Group vertical","collection":"21st-community","creator":"Airbnb","category":"Dashboards & data","why":"Original dashboards & data reference from Airbnb.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@airbnb-visx/components/bar-group-vertical","codeUrl":"https://21st.dev/@airbnb-visx/components/bar-group-vertical","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community data-visualization catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/larsen66/bar-group-vertical/default/preview.1747940847702.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"airbnb-visx","sourceCategory":"data-visualization","creatorPublicationUrl":"https://21st.dev/@airbnb-visx/components/bar-group-vertical","preview":"media/references/21st--airbnb-visx--bar-group-vertical.png","previewWidth":960,"previewHeight":626,"previewSha256":"d67dfc4f578878cae9a3cfa9f693a9bcd44c63678a17d71ff4176b8c2547256b","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@airbnb-visx/components/bar-group-vertical"},{"id":"21st--dhxwhy--bar-race-chart","name":"Bar Race Chart","collection":"21st-community","creator":"DHxWhy","category":"Dashboards & data","why":"Original dashboards & data reference from DHxWhy.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@dhxwhy/components/bar-race-chart","codeUrl":"https://21st.dev/@dhxwhy/components/bar-race-chart","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community data-visualization catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_35e5ygDqQuDYzujLgyG9331zPPO/bar-race-chart/default/preview.1791808037848.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"dhxwhy","sourceCategory":"data-visualization","creatorPublicationUrl":"https://21st.dev/@dhxwhy/components/bar-race-chart","preview":"media/references/21st--dhxwhy--bar-race-chart.jpg","previewWidth":960,"previewHeight":784,"previewSha256":"bbed99ab85deeabd2b605dcaebf85a405c4efb534f880cb32040e05f67f6cc36","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@dhxwhy/components/bar-race-chart"},{"id":"21st--arihantcodes_1f7b8c4d--beam-search","name":"Beam Search Bar","collection":"21st-community","creator":"Arihant jain","category":"Navigation & search","why":"Original navigation & search reference from Arihant jain.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@arihantcodes_1f7b8c4d/components/beam-search","codeUrl":"https://21st.dev/@arihantcodes_1f7b8c4d/components/beam-search","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community search catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/arihantcodes_1f7b8c4d/beam-search/default/preview.1790144967364-79ce3a64-1721-40ff-8137-7edd17f1ef6f.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"arihantcodes_1f7b8c4d","sourceCategory":"search","creatorPublicationUrl":"https://21st.dev/@arihantcodes_1f7b8c4d/components/beam-search","preview":"media/references/21st--arihantcodes_1f7b8c4d--beam-search.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"3c98ce759f2098e07e9b2616fa89113ce4b51d2a93c7ea0bbef6151325617510","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@arihantcodes_1f7b8c4d/components/beam-search"},{"id":"beautiful-ui--approval-card","preview":"media/references/beautiful-ui--approval-card.png","previewSha256":"e43d1fd5be4d986051bea8ba9b32f5768fdfe3fcc4df5b9e12948fe14ff25abd","cropBox":[345,102,945,370],"name":"Beautiful UI Approval Card","collection":"beautiful-ui","category":"Human control","why":"Clean question card with radio options, free-text row, 1/3 pager and Skip/Continue actions.","favorite":false,"useFor":"Inspect the exact original preview and pinned creator code; reuse is governed by the original license and dependencies.","added":"2026-10-20","discovered":"Agents Kit upstream provenance → original creator website and repository · October 20 creator-depth review","selectionType":"Visually reviewed original reference","previewAnimated":false,"previewType":"Exact static screenshot crop of the creator’s published demo; no recreated rendering","review":"Sonnet-assisted static visual review, with full-image follow-up on six candidates; not runtime/accessibility audited","sourceFiles":["sources/beautiful-ui/code/components/primitives/ApprovalCard.tsx","sources/beautiful-ui/code/app/globals.css","sources/beautiful-ui/code/LICENSE"],"creator":"Shane Levine · Turbo","creatorUrl":"https://turbodesign.co/","website":"https://www.beautifului.dev/#approval-card","previewSource":"https://www.beautifului.dev/#approval-card","repository":"https://github.com/slev12397/beautiful-ui","commit":"44a274e598395ab61e7c96c26fda2758780253b7","codeUrl":"https://github.com/slev12397/beautiful-ui/blob/44a274e598395ab61e7c96c26fda2758780253b7/components/primitives/ApprovalCard.tsx","license":"MIT · copyright 2026 Shane Levine; original LICENSE archived","access":"Exact original component source archived · MIT","dependencyNote":"Original README: SidebarNav requires commercial @central-icons-react. MIT component source does not include a free license to that icon package. Shared theme/build dependencies remain as upstream specifies.","previewWidth":600,"previewHeight":268},{"id":"beautiful-ui--chat-composer","preview":"media/references/beautiful-ui--chat-composer.png","previewSha256":"c9626eb51892e40f0767f9c6b0f1a307831697d4450e9a847e8f58e0587146e1","cropBox":[345,102,945,409],"name":"Beautiful UI Chat","collection":"beautiful-ui","category":"Conversation craft","why":"Tabbed chat panel with user bubble, timed tool-step lines and inset composer with send button.","favorite":false,"useFor":"Inspect the exact original preview and pinned creator code; reuse is governed by the original license and dependencies.","added":"2026-10-20","discovered":"Agents Kit upstream provenance → original creator website and repository · October 20 creator-depth review","selectionType":"Visually reviewed original reference","previewAnimated":false,"previewType":"Exact static screenshot crop of the creator’s published demo; no recreated rendering","review":"Sonnet-assisted static visual review, with full-image follow-up on six candidates; not runtime/accessibility audited","sourceFiles":["sources/beautiful-ui/code/components/primitives/ChatComposer.tsx","sources/beautiful-ui/code/app/globals.css","sources/beautiful-ui/code/LICENSE"],"creator":"Shane Levine · Turbo","creatorUrl":"https://turbodesign.co/","website":"https://www.beautifului.dev/#chat-composer","previewSource":"https://www.beautifului.dev/#chat-composer","repository":"https://github.com/slev12397/beautiful-ui","commit":"44a274e598395ab61e7c96c26fda2758780253b7","codeUrl":"https://github.com/slev12397/beautiful-ui/blob/44a274e598395ab61e7c96c26fda2758780253b7/components/primitives/ChatComposer.tsx","license":"MIT · copyright 2026 Shane Levine; original LICENSE archived","access":"Exact original component source archived · MIT","dependencyNote":"Original README: SidebarNav requires commercial @central-icons-react. MIT component source does not include a free license to that icon package. Shared theme/build dependencies remain as upstream specifies.","previewWidth":600,"previewHeight":307},{"id":"beautiful-ui--filter-table","preview":"media/references/beautiful-ui--filter-table.png","previewSha256":"602103e7baecd6ea2c09933403d72498a87f804c76cf0cc408c31b7b359dcd3c","cropBox":[345,102,945,395],"name":"Beautiful UI Filter Table","collection":"beautiful-ui","category":"Dashboards & data","why":"Status filter tabs with colored dots over a table with orange/teal/green status pills; clean and complete.","favorite":false,"useFor":"Inspect the exact original preview and pinned creator code; reuse is governed by the original license and dependencies.","added":"2026-10-20","discovered":"Agents Kit upstream provenance → original creator website and repository · October 20 creator-depth review","selectionType":"Visually reviewed original reference","previewAnimated":false,"previewType":"Exact static screenshot crop of the creator’s published demo; no recreated rendering","review":"Sonnet-assisted static visual review, with full-image follow-up on six candidates; not runtime/accessibility audited","sourceFiles":["sources/beautiful-ui/code/components/primitives/FilterTable.tsx","sources/beautiful-ui/code/app/globals.css","sources/beautiful-ui/code/LICENSE"],"creator":"Shane Levine · Turbo","creatorUrl":"https://turbodesign.co/","website":"https://www.beautifului.dev/#filter-table","previewSource":"https://www.beautifului.dev/#filter-table","repository":"https://github.com/slev12397/beautiful-ui","commit":"44a274e598395ab61e7c96c26fda2758780253b7","codeUrl":"https://github.com/slev12397/beautiful-ui/blob/44a274e598395ab61e7c96c26fda2758780253b7/components/primitives/FilterTable.tsx","license":"MIT · copyright 2026 Shane Levine; original LICENSE archived","access":"Exact original component source archived · MIT","dependencyNote":"Original README: SidebarNav requires commercial @central-icons-react. MIT component source does not include a free license to that icon package. Shared theme/build dependencies remain as upstream specifies.","previewWidth":600,"previewHeight":293},{"id":"beautiful-ui--fine-tune-card","preview":"media/references/beautiful-ui--fine-tune-card.png","previewSha256":"f280055f68549e5a57c89518b3e7fd3ffeee7554a50e5ebe9dddab72b144037a","cropBox":[345,102,945,376],"name":"Beautiful UI Fine-tune Card","collection":"beautiful-ui","category":"Creative controls & effects","why":"Compact inspector with layout segmented toggle, W/H/Radius/Opacity fields and type select; crisp dense controls.","favorite":false,"useFor":"Inspect the exact original preview and pinned creator code; reuse is governed by the original license and dependencies.","added":"2026-10-20","discovered":"Agents Kit upstream provenance → original creator website and repository · October 20 creator-depth review","selectionType":"Visually reviewed original reference","previewAnimated":false,"previewType":"Exact static screenshot crop of the creator’s published demo; no recreated rendering","review":"Sonnet-assisted static visual review, with full-image follow-up on six candidates; not runtime/accessibility audited","sourceFiles":["sources/beautiful-ui/code/components/primitives/FineTuneCard.tsx","sources/beautiful-ui/code/app/globals.css","sources/beautiful-ui/code/LICENSE"],"creator":"Shane Levine · Turbo","creatorUrl":"https://turbodesign.co/","website":"https://www.beautifului.dev/#fine-tune-card","previewSource":"https://www.beautifului.dev/#fine-tune-card","repository":"https://github.com/slev12397/beautiful-ui","commit":"44a274e598395ab61e7c96c26fda2758780253b7","codeUrl":"https://github.com/slev12397/beautiful-ui/blob/44a274e598395ab61e7c96c26fda2758780253b7/components/primitives/FineTuneCard.tsx","license":"MIT · copyright 2026 Shane Levine; original LICENSE archived","access":"Exact original component source archived · MIT","dependencyNote":"Original README: SidebarNav requires commercial @central-icons-react. MIT component source does not include a free license to that icon package. Shared theme/build dependencies remain as upstream specifies.","previewWidth":600,"previewHeight":274},{"id":"beautiful-ui--task-rows","preview":"media/references/beautiful-ui--task-rows.png","previewSha256":"779e132c530c9066bf398aff79ff6bf39885ee97b9c2c96630007871ba0233ce","cropBox":[345,102,945,370],"name":"Beautiful UI Task Rows","collection":"beautiful-ui","category":"Feedback & states","why":"Pill-shaped task rows with green check, spinner number, count and Completed badges plus Capsules/List toggle.","favorite":false,"useFor":"Inspect the exact original preview and pinned creator code; reuse is governed by the original license and dependencies.","added":"2026-10-20","discovered":"Agents Kit upstream provenance → original creator website and repository · October 20 creator-depth review","selectionType":"Visually reviewed original reference","previewAnimated":false,"previewType":"Exact static screenshot crop of the creator’s published demo; no recreated rendering","review":"Sonnet-assisted static visual review, with full-image follow-up on six candidates; not runtime/accessibility audited","sourceFiles":["sources/beautiful-ui/code/components/primitives/TaskRows.tsx","sources/beautiful-ui/code/app/globals.css","sources/beautiful-ui/code/LICENSE"],"creator":"Shane Levine · Turbo","creatorUrl":"https://turbodesign.co/","website":"https://www.beautifului.dev/#task-rows","previewSource":"https://www.beautifului.dev/#task-rows","repository":"https://github.com/slev12397/beautiful-ui","commit":"44a274e598395ab61e7c96c26fda2758780253b7","codeUrl":"https://github.com/slev12397/beautiful-ui/blob/44a274e598395ab61e7c96c26fda2758780253b7/components/primitives/TaskRows.tsx","license":"MIT · copyright 2026 Shane Levine; original LICENSE archived","access":"Exact original component source archived · MIT","dependencyNote":"Original README: SidebarNav requires commercial @central-icons-react. MIT component source does not include a free license to that icon package. Shared theme/build dependencies remain as upstream specifies.","previewWidth":600,"previewHeight":268},{"id":"shadcnblocks--bento11","name":"Bento 11 - Asymmetric six-column health tech bento","collection":"shadcnblocks","creator":"Shadcnblocks · Rob","category":"Cards & layouts","why":"Original cards & layouts reference from Shadcnblocks · Rob.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://www.shadcnblocks.com/block/bento11","codeUrl":"https://www.shadcnblocks.com/block/bento11","repository":"","sourceFiles":[],"commit":"","access":"Commercial creator catalog · code access not checked","license":"Commercial creator terms; free/paid tier must be checked on the original page","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Original publisher operational-layout category","added":"2026-10-20","previewSource":"https://cdn.shadcnblocks.com/shadcnblocks/screenshots/block/bento11-4x3.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","sourceCategory":"bento","preview":"media/references/shadcnblocks--bento11.webp","previewWidth":1336,"previewHeight":1002,"previewSha256":"34572812a6dd16071e305f7db169751ddf5f9dcddb8263b0f8c7567b0ee20815","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"shadcnblocks--bento12","name":"Bento 12 - Inverted caption bento with icon flow diagram","collection":"shadcnblocks","creator":"Shadcnblocks · Rob","category":"Cards & layouts","why":"Original cards & layouts reference from Shadcnblocks · Rob.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://www.shadcnblocks.com/block/bento12","codeUrl":"https://www.shadcnblocks.com/block/bento12","repository":"","sourceFiles":[],"commit":"","access":"Commercial creator catalog · code access not checked","license":"Commercial creator terms; free/paid tier must be checked on the original page","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Original publisher operational-layout category","added":"2026-10-20","previewSource":"https://cdn.shadcnblocks.com/shadcnblocks/screenshots/block/bento12-4x3.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","sourceCategory":"bento","preview":"media/references/shadcnblocks--bento12.webp","previewWidth":1336,"previewHeight":1002,"previewSha256":"a45ac479eb3d6ea3bd2b9b30a954b09575247fd9589d02ab763e5aea8e063a5d","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"shadcnblocks--bento13","name":"Bento 13 - Borderless eight-column mosaic with menu UI","collection":"shadcnblocks","creator":"Shadcnblocks · Rob","category":"Cards & layouts","why":"Original cards & layouts reference from Shadcnblocks · Rob.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://www.shadcnblocks.com/block/bento13","codeUrl":"https://www.shadcnblocks.com/block/bento13","repository":"","sourceFiles":[],"commit":"","access":"Commercial creator catalog · code access not checked","license":"Commercial creator terms; free/paid tier must be checked on the original page","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Original publisher operational-layout category","added":"2026-10-20","previewSource":"https://cdn.shadcnblocks.com/shadcnblocks/screenshots/block/bento13-4x3.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","sourceCategory":"bento","preview":"media/references/shadcnblocks--bento13.webp","previewWidth":1336,"previewHeight":1002,"previewSha256":"a77ba5c0ab7dd3fab5f4a28c1986926fe9c21cbe21982a7867b3b6073edd46f1","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"shadcnblocks--bento14","name":"Bento 14 - Dark voice AI bento with waveform animation","collection":"shadcnblocks","creator":"Shadcnblocks · Rob","category":"Cards & layouts","why":"Original cards & layouts reference from Shadcnblocks · Rob.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://www.shadcnblocks.com/block/bento14","codeUrl":"https://www.shadcnblocks.com/block/bento14","repository":"","sourceFiles":[],"commit":"","access":"Commercial creator catalog · code access not checked","license":"Commercial creator terms; free/paid tier must be checked on the original page","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Original publisher operational-layout category","added":"2026-10-20","previewSource":"https://cdn.shadcnblocks.com/shadcnblocks/screenshots/block/bento14-4x3.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","sourceCategory":"bento","preview":"media/references/shadcnblocks--bento14.webp","previewWidth":1336,"previewHeight":1002,"previewSha256":"b31d2482995eea815abfcef7798be3f7021a29a118c50caaed77ede8b18bdcf0","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"shadcnblocks--bento15","name":"Bento 15 - Dark voice studio bento with emotion controls","collection":"shadcnblocks","creator":"Shadcnblocks · Rob","category":"Cards & layouts","why":"Original cards & layouts reference from Shadcnblocks · Rob.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://www.shadcnblocks.com/block/bento15","codeUrl":"https://www.shadcnblocks.com/block/bento15","repository":"","sourceFiles":[],"commit":"","access":"Commercial creator catalog · code access not checked","license":"Commercial creator terms; free/paid tier must be checked on the original page","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Original publisher operational-layout category","added":"2026-10-20","previewSource":"https://cdn.shadcnblocks.com/shadcnblocks/screenshots/block/bento15-4x3.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","sourceCategory":"bento","preview":"media/references/shadcnblocks--bento15.webp","previewWidth":1336,"previewHeight":1002,"previewSha256":"69824fd9c59cc87b9317e9e71a53d9b8c7f57842f81baa16ba0d30b549b5ddc7","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"shadcnblocks--bento16","name":"Bento 16 - Dark voice platform bento with team workspace","collection":"shadcnblocks","creator":"Shadcnblocks · Rob","category":"Cards & layouts","why":"Original cards & layouts reference from Shadcnblocks · Rob.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://www.shadcnblocks.com/block/bento16","codeUrl":"https://www.shadcnblocks.com/block/bento16","repository":"","sourceFiles":[],"commit":"","access":"Commercial creator catalog · code access not checked","license":"Commercial creator terms; free/paid tier must be checked on the original page","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Original publisher operational-layout category","added":"2026-10-20","previewSource":"https://cdn.shadcnblocks.com/shadcnblocks/screenshots/block/bento16-4x3.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","sourceCategory":"bento","preview":"media/references/shadcnblocks--bento16.webp","previewWidth":1336,"previewHeight":1002,"previewSha256":"05c3868d3bec4275fc1882920239f20e31ef72b70a9a833d4d3f46e868a4a633","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"shadcnblocks--bento17","name":"Bento 17 - Dark bento with voice preview comparison","collection":"shadcnblocks","creator":"Shadcnblocks · Rob","category":"Cards & layouts","why":"Original cards & layouts reference from Shadcnblocks · Rob.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://www.shadcnblocks.com/block/bento17","codeUrl":"https://www.shadcnblocks.com/block/bento17","repository":"","sourceFiles":[],"commit":"","access":"Commercial creator catalog · code access not checked","license":"Commercial creator terms; free/paid tier must be checked on the original page","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Original publisher operational-layout category","added":"2026-10-20","previewSource":"https://cdn.shadcnblocks.com/shadcnblocks/screenshots/block/bento17-4x3.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","sourceCategory":"bento","preview":"media/references/shadcnblocks--bento17.webp","previewWidth":1336,"previewHeight":1002,"previewSha256":"c4f32d5a367114eff18128625f234cec2ab46de0fbf3929cebd58a500141864b","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"shadcnblocks--bento18","name":"Bento 18 - Light four-tile bento with mixed aspect ratios","collection":"shadcnblocks","creator":"Shadcnblocks · Rob","category":"Cards & layouts","why":"Original cards & layouts reference from Shadcnblocks · Rob.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://www.shadcnblocks.com/block/bento18","codeUrl":"https://www.shadcnblocks.com/block/bento18","repository":"","sourceFiles":[],"commit":"","access":"Commercial creator catalog · code access not checked","license":"Commercial creator terms; free/paid tier must be checked on the original page","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Original publisher operational-layout category","added":"2026-10-20","previewSource":"https://cdn.shadcnblocks.com/shadcnblocks/screenshots/block/bento18-4x3.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","sourceCategory":"bento","preview":"media/references/shadcnblocks--bento18.webp","previewWidth":1336,"previewHeight":1002,"previewSha256":"b36f1afd70513159bf4721d58dcf435f768b0368a5a77d4ac44ed2300fa73726","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"shadcnblocks--bento19","name":"Bento 19 - Three-column masonry bento with integration pills","collection":"shadcnblocks","creator":"Shadcnblocks · Rob","category":"Cards & layouts","why":"Original cards & layouts reference from Shadcnblocks · Rob.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://www.shadcnblocks.com/block/bento19","codeUrl":"https://www.shadcnblocks.com/block/bento19","repository":"","sourceFiles":[],"commit":"","access":"Commercial creator catalog · code access not checked","license":"Commercial creator terms; free/paid tier must be checked on the original page","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Original publisher operational-layout category","added":"2026-10-20","previewSource":"https://cdn.shadcnblocks.com/shadcnblocks/screenshots/block/bento19-4x3.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","sourceCategory":"bento","preview":"media/references/shadcnblocks--bento19.webp","previewWidth":1336,"previewHeight":1002,"previewSha256":"24d6d1f3eb7deea8f541700b37f831f6a83eec413805c4059e88cf058b3c3126","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"shadcnblocks--bento2","name":"Bento 2 - Team collaboration bento with animated stats","collection":"shadcnblocks","creator":"Shadcnblocks · Rob","category":"Cards & layouts","why":"Original cards & layouts reference from Shadcnblocks · Rob.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://www.shadcnblocks.com/block/bento2","codeUrl":"https://www.shadcnblocks.com/block/bento2","repository":"","sourceFiles":[],"commit":"","access":"Commercial creator catalog · code access not checked","license":"Commercial creator terms; free/paid tier must be checked on the original page","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Original publisher operational-layout category","added":"2026-10-20","previewSource":"https://cdn.shadcnblocks.com/shadcnblocks/screenshots/block/bento2-4x3.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","sourceCategory":"bento","preview":"media/references/shadcnblocks--bento2.webp","previewWidth":1336,"previewHeight":1002,"previewSha256":"6000d7a1532b7f90fab4c169b21eab51e6f9b9f81be871d49bffc0705c351fda","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"shadcnblocks--bento20","name":"Bento 20 - Hero split bento with recommendation engine feature","collection":"shadcnblocks","creator":"Shadcnblocks · Rob","category":"Cards & layouts","why":"Original cards & layouts reference from Shadcnblocks · Rob.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://www.shadcnblocks.com/block/bento20","codeUrl":"https://www.shadcnblocks.com/block/bento20","repository":"","sourceFiles":[],"commit":"","access":"Commercial creator catalog · code access not checked","license":"Commercial creator terms; free/paid tier must be checked on the original page","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Original publisher operational-layout category","added":"2026-10-20","previewSource":"https://cdn.shadcnblocks.com/shadcnblocks/screenshots/block/bento20-4x3.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","sourceCategory":"bento","preview":"media/references/shadcnblocks--bento20.webp","previewWidth":1336,"previewHeight":1002,"previewSha256":"2294a1d5b0230a615b827f62148d3800723e43b047cee68d382ae104c1ca30f4","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"shadcnblocks--bento21","name":"Bento 21 - Light health bento with animated tiles","collection":"shadcnblocks","creator":"Shadcnblocks · Rob","category":"Cards & layouts","why":"Original cards & layouts reference from Shadcnblocks · Rob.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://www.shadcnblocks.com/block/bento21","codeUrl":"https://www.shadcnblocks.com/block/bento21","repository":"","sourceFiles":[],"commit":"","access":"Commercial creator catalog · code access not checked","license":"Commercial creator terms; free/paid tier must be checked on the original page","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Original publisher operational-layout category","added":"2026-10-20","previewSource":"https://cdn.shadcnblocks.com/shadcnblocks/screenshots/block/bento21-4x3.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","sourceCategory":"bento","preview":"media/references/shadcnblocks--bento21.webp","previewWidth":1336,"previewHeight":1002,"previewSha256":"66f8b7a136febe25c9828009e22b884795e28629264f7b1077758b66683a1b21","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"shadcnblocks--bento3","name":"Bento 3 - Four-tile value proposition bento","collection":"shadcnblocks","creator":"Shadcnblocks · Rob","category":"Cards & layouts","why":"Original cards & layouts reference from Shadcnblocks · Rob.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://www.shadcnblocks.com/block/bento3","codeUrl":"https://www.shadcnblocks.com/block/bento3","repository":"","sourceFiles":[],"commit":"","access":"Commercial creator catalog · code access not checked","license":"Commercial creator terms; free/paid tier must be checked on the original page","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Original publisher operational-layout category","added":"2026-10-20","previewSource":"https://cdn.shadcnblocks.com/shadcnblocks/screenshots/block/bento3-4x3.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","sourceCategory":"bento","preview":"media/references/shadcnblocks--bento3.webp","previewWidth":1336,"previewHeight":1002,"previewSha256":"c3a091826f26f42d26822545d09bf047f0261b00d8abd759084da04707e0fe03","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"shadcnblocks--bento4","name":"Bento 4 - Dark analytics bento with playhead chart","collection":"shadcnblocks","creator":"Shadcnblocks · Rob","category":"Cards & layouts","why":"Original cards & layouts reference from Shadcnblocks · Rob.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://www.shadcnblocks.com/block/bento4","codeUrl":"https://www.shadcnblocks.com/block/bento4","repository":"","sourceFiles":[],"commit":"","access":"Commercial creator catalog · code access not checked","license":"Commercial creator terms; free/paid tier must be checked on the original page","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Original publisher operational-layout category","added":"2026-10-20","previewSource":"https://cdn.shadcnblocks.com/shadcnblocks/screenshots/block/bento4-4x3.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","sourceCategory":"bento","preview":"media/references/shadcnblocks--bento4.webp","previewWidth":1336,"previewHeight":1002,"previewSha256":"1401e653ede81d0339988fe970a8b4b7db4c4461364a1d316847786a2e2183ac","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"shadcnblocks--bento5","name":"Bento 5 - Healthcare feature bento grid","collection":"shadcnblocks","creator":"Shadcnblocks · Rob","category":"Cards & layouts","why":"Original cards & layouts reference from Shadcnblocks · Rob.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://www.shadcnblocks.com/block/bento5","codeUrl":"https://www.shadcnblocks.com/block/bento5","repository":"","sourceFiles":[],"commit":"","access":"Commercial creator catalog · code access not checked","license":"Commercial creator terms; free/paid tier must be checked on the original page","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Original publisher operational-layout category","added":"2026-10-20","previewSource":"https://cdn.shadcnblocks.com/shadcnblocks/screenshots/block/bento5-4x3.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","sourceCategory":"bento","preview":"media/references/shadcnblocks--bento5.webp","previewWidth":1336,"previewHeight":1002,"previewSha256":"a857da4a66e5232f3734c2694830df10ffb0efec1230467a8daeb0fc54168e96","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"shadcnblocks--bento6","name":"Bento 6 - Dark enterprise bento with animated SVG tiles","collection":"shadcnblocks","creator":"Shadcnblocks · Rob","category":"Cards & layouts","why":"Original cards & layouts reference from Shadcnblocks · Rob.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://www.shadcnblocks.com/block/bento6","codeUrl":"https://www.shadcnblocks.com/block/bento6","repository":"","sourceFiles":[],"commit":"","access":"Commercial creator catalog · code access not checked","license":"Commercial creator terms; free/paid tier must be checked on the original page","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Original publisher operational-layout category","added":"2026-10-20","previewSource":"https://cdn.shadcnblocks.com/shadcnblocks/screenshots/block/bento6-4x3.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","sourceCategory":"bento","preview":"media/references/shadcnblocks--bento6.webp","previewWidth":1336,"previewHeight":1002,"previewSha256":"b9f8fbe117c3b0403bf4276bfde8599d1927979e9cec3a2be934f31ce068b9a5","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"shadcnblocks--bento7","name":"Bento 7 - Light bento with AI chat and model picker","collection":"shadcnblocks","creator":"Shadcnblocks · Rob","category":"Cards & layouts","why":"Original cards & layouts reference from Shadcnblocks · Rob.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://www.shadcnblocks.com/block/bento7","codeUrl":"https://www.shadcnblocks.com/block/bento7","repository":"","sourceFiles":[],"commit":"","access":"Commercial creator catalog · code access not checked","license":"Commercial creator terms; free/paid tier must be checked on the original page","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Original publisher operational-layout category","added":"2026-10-20","previewSource":"https://cdn.shadcnblocks.com/shadcnblocks/screenshots/block/bento7-4x3.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","sourceCategory":"bento","preview":"media/references/shadcnblocks--bento7.webp","previewWidth":1336,"previewHeight":1002,"previewSha256":"d1b0b854acd0e3a95010cd4f47d8c6c8fe905712b4d4da2beb994e7fa30ef24e","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"shadcnblocks--bento8","name":"Bento 8 - Two-by-two bento with workflow and budget UI","collection":"shadcnblocks","creator":"Shadcnblocks · Rob","category":"Cards & layouts","why":"Original cards & layouts reference from Shadcnblocks · Rob.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://www.shadcnblocks.com/block/bento8","codeUrl":"https://www.shadcnblocks.com/block/bento8","repository":"","sourceFiles":[],"commit":"","access":"Commercial creator catalog · code access not checked","license":"Commercial creator terms; free/paid tier must be checked on the original page","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Original publisher operational-layout category","added":"2026-10-20","previewSource":"https://cdn.shadcnblocks.com/shadcnblocks/screenshots/block/bento8-4x3.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","sourceCategory":"bento","preview":"media/references/shadcnblocks--bento8.webp","previewWidth":1336,"previewHeight":1002,"previewSha256":"c50b6a521081377f2682d86a4f2b3811d4822250b54f0ee82d121878e222a5c4","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"shadcnblocks--bento9","name":"Bento 9 - Dark chatbot bento with conversation tiles","collection":"shadcnblocks","creator":"Shadcnblocks · Rob","category":"Cards & layouts","why":"Original cards & layouts reference from Shadcnblocks · Rob.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://www.shadcnblocks.com/block/bento9","codeUrl":"https://www.shadcnblocks.com/block/bento9","repository":"","sourceFiles":[],"commit":"","access":"Commercial creator catalog · code access not checked","license":"Commercial creator terms; free/paid tier must be checked on the original page","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Original publisher operational-layout category","added":"2026-10-20","previewSource":"https://cdn.shadcnblocks.com/shadcnblocks/screenshots/block/bento9-4x3.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","sourceCategory":"bento","preview":"media/references/shadcnblocks--bento9.webp","previewWidth":1336,"previewHeight":1002,"previewSha256":"54e7ba349522b864044852bf15f4056f40aec1ac5cca7a46e975773e45adabfc","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"21st--ln-dev7--bento-01","name":"Bento Feature Grid","collection":"21st-community","creator":"LN","category":"Cards & layouts","why":"Original cards & layouts reference from LN.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@ln-dev7/components/bento-01","codeUrl":"https://21st.dev/@ln-dev7/components/bento-01","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community card catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/ln-dev7/bento-01/default/preview.1788990700821-962c088b-a2fb-4f4c-9e42-23c703e63def.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"ln-dev7","sourceCategory":"card","creatorPublicationUrl":"https://21st.dev/@ln-dev7/components/bento-01","preview":"media/references/21st--ln-dev7--bento-01.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"a0888e4cb9e5a5875ff06ded503e20f13c53eaaeba18274018e050a16c5bf823","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@ln-dev7/components/bento-01"},{"id":"aceternity--bento-grid","name":"Bento Grid","collection":"aceternity","creator":"Aceternity UI · Manu Arora","category":"Cards & layouts","why":"Original cards & layouts reference from Aceternity UI · Manu Arora.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://ui.aceternity.com/components/bento-grid","codeUrl":"https://ui.aceternity.com/components/bento-grid","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Reddit library leads → original Aceternity component catalog","added":"2026-10-20","previewSource":"https://assets.aceternity.com/cloudinary_bkp/bento-2.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","preview":"media/references/aceternity--bento-grid.webp","previewWidth":2048,"previewHeight":1440,"previewSha256":"c9736a6990a45b73ee77dbc7766844235bd67a6f81df8fe7c1f900d877dd50c7","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"collection":"bespoke-original","creator":"Jack van Klaren / Ryan Challinor / Bespoke contributors","creatorUrl":"https://www.bespokesynth.com/docs/#euclideansequencer","repository":"https://github.com/BespokeSynth/BespokeSynth","commit":"e4e1342f08f823d7320b9c31cdae488ee8780e7c","website":"https://www.bespokesynth.com/docs/#euclideansequencer","platform":"Native C++ · expressive rhythm control","license":"GPL-3.0-or-later in the selected source header. EuclideanSequencer credits Jack van Klaren and Ryan Challinor's same-project CircleSequencer; exact notices retained. Dependencies and media rights separate.","id":"bespoke-euclideansequencer","name":"Bespoke · concentric Euclidean sequencer","category":"Creative controls & effects","why":"The circle, dot and polyrhythm family is represented once, by its richest member. Four concentric coloured rings carry onset dots and a green sweep hand. They are paired with a steps/onsets/rotation/offset parameter matrix per ring, chance and range rows, per-ring note boxes with note names, and random buttons. The ring geometry maps directly to the parameter columns beside it.","favorite":false,"codeUrl":"https://github.com/BespokeSynth/BespokeSynth/blob/e4e1342f08f823d7320b9c31cdae488ee8780e7c/Source/EuclideanSequencer.cpp","sourceFiles":[],"access":"Public original source · exact licenses below; external services, add-ons and dependency access separate; not executed","review":"Sonnet5.5 Medium full-image visual review and researcher source/provenance checks; not runtime, motion, accessibility or complete dependency-license audited","useFor":"Study the exact original interface image and follow the original implementation under its stated license.","selectionType":"Individually visually reviewed original reference","discovered":"Original spatial and instrument interfaces · spatial-instruments review","added":"2026-10-20","preview":"media/references/spatial-instruments--bespoke-euclideansequencer.png","previewSha256":"4a442a865dce7aba66d9249bbc44a92d3c36c0b37baf26b7af03a2590dfbc56e","previewSource":"https://www.bespokesynth.com/docs/screenshots/euclideansequencer.png","previewAnimated":false,"previewType":"Exact unmodified original creator static image","previewWidth":1610,"previewHeight":464,"sourceResolution":"references/spatial-instruments-final-source-evidence.json","sourcePinNote":"Original official module screenshot preserved byte-for-byte. Circle/Euclidean/polyrhythm variations group once, represented by the richest composed control. The contribution credit is retained; no external recreated component substituted."},{"id":"codrops--birds-eye-metropolis","name":"Bird’s Eye Metropolis","collection":"codrops-creative","creator":"Niklas Knaack","creatorUrl":"https://tympanus.net/codrops/hub/author/niklas_knaack","category":"Spatial experiences","styleTags":["3D","WebGL"],"why":"Dense top-down 3D city grid with distinct building textures","useFor":"Study the original design and its linked implementation before adoption.","website":"https://codepen.io/NiklasKnaack/full/rNEwYWZ","codeUrl":"https://codepen.io/NiklasKnaack/pen/rNEwYWZ","repository":"","sourceFiles":[],"commit":"","access":"Creator code linked · access unverified (source response recorded)","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview selection; creator/demo/source links traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub · October 20 creator-depth review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/01/Screenshot-2025-01-07-at-19.57.34.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Aug 6, 2024","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T07:38:51.455636+00:00","preview":"media/references/codrops--birds-eye-metropolis.png","previewWidth":1600,"previewHeight":1202,"previewSha256":"108cd4c9ff8713f636ab18e02bf9dbda1409622a8b3d8a0509d2bf3145bca193","previewAnimated":false,"sourcePageCheck":{"status":403,"resolvedUrl":"https://codepen.io/NiklasKnaack/pen/rNEwYWZ","checkedAt":"2026-10-20T07:40:30.335242+00:00"}},{"name":"Blockbench · in-viewport inverse-kinematics handles","collection":"blockbench-original","creator":"Jannis Petersen / Blockbench contributors","creatorUrl":"https://www.blockbench.net/","repository":"https://github.com/JannisX11/blockbench","commit":"ec0b2827104d0799c153bfb5f867579c0c44652f","codeUrl":"https://github.com/JannisX11/blockbench/blob/ec0b2827104d0799c153bfb5f867579c0c44652f/js/animations/fabrik.ts","platform":"Web / Electron · original JavaScript / TypeScript model editor","access":"Original public source · GPLv3; assets and plugins/themes have separate rights","license":"GPLv3 per original LICENSE.MD and README. Plugins/themes interacting with the API may be separately open, proprietary or paid under the stated exception. Root source license is not a blanket grant for model/photo/texture artwork. Original screenshot and source pins are independent; no exact build match claimed.","id":"blockbench-ik-control","category":"Spatial & motion","why":"In-viewport limb manipulation places an axis gizmo at the ankle, a target marker and a blue control path on the model. The original creator labels this the inverse-kinematics/pole-vector update. Static still shows handle placement; no solver or motion behavior tested.","favorite":false,"website":"https://github.com/JannisX11/blockbench/blob/ec0b2827104d0799c153bfb5f867579c0c44652f/content/news.json","sourceFiles":[],"review":"Sonnet5.5 Medium full-image visual review and researcher original-source/access/duplicate checks; static-only, no runtime/motion/accessibility/full dependency-license audit","useFor":"Study exact original spatial/authoring control organization and follow primary creator/source under its terms.","selectionType":"Individually visually reviewed original reference","discovered":"Original spatial and expressive control interfaces · spatial-craft pass","added":"2026-10-20","preview":"media/references/spatial-craft--blockbench-ik_pole.png","previewSha256":"83f0a3e10a10aac8446121797f0cfbd3898ee35a43f0c161d77d61afd126e081","previewSource":"https://raw.githubusercontent.com/JannisX11/blockbench/ec0b2827104d0799c153bfb5f867579c0c44652f/content/ik_pole.png","previewAnimated":false,"previewType":"Exact unmodified original creator static image","previewWidth":1190,"previewHeight":572,"sourceResolution":"references/spatial-craft-source-resolution.json","sourcePinNote":"Exact original image bytes unchanged. Code/source pin is independent of screenshot revision; no screenshot-build equivalence asserted. Partial license/source evidence is not a new complete archive. No generated/upscaled media or creator code execution."},{"name":"Blockbench · spatial reference-image planes","collection":"blockbench-original","creator":"Jannis Petersen / Blockbench contributors","creatorUrl":"https://www.blockbench.net/","repository":"https://github.com/JannisX11/blockbench","commit":"ec0b2827104d0799c153bfb5f867579c0c44652f","codeUrl":"https://github.com/JannisX11/blockbench/blob/ec0b2827104d0799c153bfb5f867579c0c44652f/js/preview/reference_images.ts","platform":"Web / Electron · original JavaScript / TypeScript model editor","access":"Original public source · GPLv3; assets and plugins/themes have separate rights","license":"GPLv3 per original LICENSE.MD and README. Plugins/themes interacting with the API may be separately open, proprietary or paid under the stated exception. Root source license is not a blanket grant for model/photo/texture artwork. Original screenshot and source pins are independent; no exact build match claimed.","id":"blockbench-reference-plane","category":"Spatial & motion","why":"Reference photos placed as free-floating panels around the model: a transparent-checkerboard side view and a front view, both in the 3D grid beside a low-poly truck. A clear spatial-reference idea. No video or player UI is visible in the full image.","favorite":false,"website":"https://github.com/JannisX11/blockbench/blob/ec0b2827104d0799c153bfb5f867579c0c44652f/content/news.json","sourceFiles":[],"review":"Sonnet5.5 Medium full-image visual review and researcher original-source/access/duplicate checks; static-only, no runtime/motion/accessibility/full dependency-license audit","useFor":"Study exact original spatial/authoring control organization and follow primary creator/source under its terms.","selectionType":"Individually visually reviewed original reference","discovered":"Original spatial and expressive control interfaces · spatial-craft pass","added":"2026-10-20","preview":"media/references/spatial-craft--blockbench-reference_images.png","previewSha256":"f7a6a936cf92e0cac1bcb608b8ff298fb92680202e5c32db1b193b04ac4966e9","previewSource":"https://raw.githubusercontent.com/JannisX11/blockbench/ec0b2827104d0799c153bfb5f867579c0c44652f/content/reference_images.png","previewAnimated":false,"previewType":"Exact unmodified original creator static image","previewWidth":1348,"previewHeight":612,"sourceResolution":"references/spatial-craft-source-resolution.json","sourcePinNote":"Exact original image bytes unchanged. Code/source pin is independent of screenshot revision; no screenshot-build equivalence asserted. Partial license/source evidence is not a new complete archive. No generated/upscaled media or creator code execution."},{"preview":"media/references/blocks-so--ai-05.png","previewSha256":"d5a3a22a46c38f2f25223101c4a5630726ed3c62c649f88ed8921a7006d26642","id":"blocks-so--ai-05","name":"Blocks.so AI Elements chat composition","category":"Conversation craft","why":"Most complete composer example: assistant greeting, user bubble, bulleted reply, suggestion chips and docked input in one dark chat frame.","favorite":false,"collection":"blocks-so","sourceFiles":["sources/blocks-so/code/content/components/ai/ai-05.tsx","sources/blocks-so/code/LICENSE.md"],"commit":"3f759d5171c2391253ec4c772e9e5b3db2bc7c7f","repository":"https://github.com/ephraimduncan/blocks","codeUrl":"https://github.com/ephraimduncan/blocks/blob/3f759d5171c2391253ec4c772e9e5b3db2bc7c7f/content/components/ai/ai-05.tsx","added":"2026-10-20","previewAnimated":false,"discovered":"Original operational creator trails and Mohith Chrome X design search · voice-workflows review","selectionType":"Visually reviewed original reference","review":"Sonnet-assisted static visual review; original source attribution checked; not runtime/accessibility audited","useFor":"Study the exact original image and creator implementation; respect its license and access terms.","previewType":"Exact original creator image or screenshot crop of its published demo; no recreated rendering","creator":"Ephraim Duncan · Blocks.so","creatorUrl":"https://ephraimduncan.com/","website":"https://blocks.so/ai/ai-05","previewSource":"https://blocks.so/preview/ai-05","access":"Exact original composition source archived · MIT; upstream UI dependencies apply","license":"MIT original Blocks.so composition; built with shadcn/AI Elements dependencies. Original upstream notices preserved; dependency licenses still apply.","previewWidth":1036,"previewHeight":560},{"id":"21st--shadcnblockscom--blog7","name":"Blog 7","collection":"21st-community","creator":"Shadcnblocks.com","category":"Cards & layouts","why":"Original cards & layouts reference from Shadcnblocks.com.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@shadcnblockscom/components/blog7","codeUrl":"https://21st.dev/@shadcnblockscom/components/blog7","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community grid catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_2rguB0QxcSITG2Y7ivePFsKsUU6/blog7/default/preview.png?v=1","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"shadcnblockscom","sourceCategory":"grid","creatorPublicationUrl":"https://21st.dev/@shadcnblockscom/components/blog7","preview":"media/references/21st--shadcnblockscom--blog7.png","previewWidth":960,"previewHeight":720,"previewSha256":"c45f9899f7d8672ed1c4212dd8c3796208606144ea97be186cd190dd2ce73e63","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@shadcnblockscom/components/blog7"},{"id":"21st--tommyjepsen--blog-section","name":"Blog Section","collection":"21st-community","creator":"Tommy Jepsen","category":"Cards & layouts","why":"Original cards & layouts reference from Tommy Jepsen.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@tommyjepsen/components/blog-section","codeUrl":"https://21st.dev/@tommyjepsen/components/blog-section","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community grid catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_tommyjepsen/blog-section/default/preview.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"tommyjepsen","sourceCategory":"grid","creatorPublicationUrl":"https://21st.dev/@tommyjepsen/components/blog-section","preview":"media/references/21st--tommyjepsen--blog-section.png","previewWidth":960,"previewHeight":779,"previewSha256":"a20ef4d12312e569688e1de16cf9ba8c0138f36a1a230f49fff51dcdd77c89ce","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@tommyjepsen/components/blog-section"},{"id":"21st--tommyjepsen--blog-section-with-rich-preview","name":"Blog Section with Rich Preview","collection":"21st-community","creator":"Tommy Jepsen","category":"Cards & layouts","why":"Original cards & layouts reference from Tommy Jepsen.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@tommyjepsen/components/blog-section-with-rich-preview","codeUrl":"https://21st.dev/@tommyjepsen/components/blog-section-with-rich-preview","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community grid catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_2nElBLvklOKlAURm6W1PTu6yYFh/blog-section-with-rich-preview/default/preview.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"tommyjepsen","sourceCategory":"grid","creatorPublicationUrl":"https://21st.dev/@tommyjepsen/components/blog-section-with-rich-preview","preview":"media/references/21st--tommyjepsen--blog-section-with-rich-preview.png","previewWidth":960,"previewHeight":779,"previewSha256":"b0d9b4c78eaca9bfd2139ba8b778fb26b9fb11386059941312b179fc1de19d0e","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@tommyjepsen/components/blog-section-with-rich-preview"},{"id":"codrops--blurry-text-reveal-on-scroll","name":"Blurry Text Reveal on Scroll","collection":"codrops-creative","creator":"Manoela Ilic","creatorUrl":"https://tympanus.net/codrops/hub/author/crnacura","category":"Typography & effects","styleTags":["blur","GSAP","scroll","typography"],"why":"Large sans paragraph with edge blur fading letters at the margins","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Development/ScrollBlurTypography/","codeUrl":"https://github.com/codrops/ScrollBlurTypography/","repository":"https://github.com/codrops/ScrollBlurTypography/","sourceFiles":[],"commit":"","access":"Creator code page linked · HTTP 200; license/reuse terms not audited","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview selection; creator/demo/source links traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub · October 20 creator-depth review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2024/04/blurrytext_featured.jpg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Apr 23, 2024","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T07:38:51.455636+00:00","preview":"media/references/codrops--blurry-text-reveal-on-scroll.jpg","previewWidth":800,"previewHeight":600,"previewSha256":"5918e3225f62e55492b4398a8e5365c1546025b2a2cdf8fd2bf574fb66e1403d","previewAnimated":false,"sourcePageCheck":{"status":200,"resolvedUrl":"https://github.com/codrops/ScrollBlurTypography/","checkedAt":"2026-10-20T07:40:39.227362+00:00"}},{"preview":"media/references/boardui--agent-limits-clean.png","previewSha256":"db03c118dc11ae4935f04b984ca5056f9f19fbfff3f16247fcab97698c8432c9","id":"boardui--agent-limits","name":"BoardUI Agent Limits Card","category":"Dashboards & data","why":"Dense context-window breakdown with colour-keyed category rows, percentages, expandable groups and plan-limit bars.","favorite":false,"collection":"boardui-pro","sourceFiles":[],"commit":"","repository":"","codeUrl":"https://www.boardui.com/components/agent-limits-card#installation","added":"2026-10-20","previewAnimated":false,"discovered":"Original operational creator trails and Mohith Chrome X design search · voice-workflows review","selectionType":"Visually reviewed original reference","review":"Sonnet-assisted static visual review; original source attribution checked; not runtime/accessibility audited","useFor":"Study the exact original image and creator implementation; respect its license and access terms.","previewType":"Exact original creator image or screenshot crop of its published demo; no recreated rendering","creator":"BoardUI","creatorUrl":"https://www.boardui.com/","website":"https://www.boardui.com/components/agent-limits-card","previewSource":"https://www.boardui.com/components/agent-limits-card","access":"Paid · BoardUI Pro component/template; exact source not purchased or downloaded","license":"BoardUI Pro commercial license. Public MIT BoardUI repository contains free components and is not the source of this Pro reference.","previewWidth":442,"previewHeight":657},{"preview":"media/references/boardui--multi-agent-chat-filled.png","previewSha256":"54532174f685bf2a1181a11bfcb3cf0fa6569acedc730842a3782bde46d2ecdd","id":"boardui--multi-agent-chat","name":"BoardUI BoardUI multi-agent conversation workspace","category":"Agent orchestration","why":"Sidebar of mascot-avatar agents plus a group thread; the filled state shows a reply attributed to one agent and a composer with a model picker and mic.","favorite":false,"collection":"boardui-pro","sourceFiles":[],"commit":"","repository":"","codeUrl":"https://www.boardui.com/components/multi-agent-chat#installation","added":"2026-10-20","previewAnimated":false,"discovered":"Original operational creator trails and Mohith Chrome X design search · voice-workflows review","selectionType":"Visually reviewed original reference","review":"Sonnet-assisted static visual review; original source attribution checked; not runtime/accessibility audited","useFor":"Study the exact original image and creator implementation; respect its license and access terms.","previewType":"Exact original creator image or screenshot crop of its published demo; no recreated rendering","creator":"BoardUI","creatorUrl":"https://www.boardui.com/","website":"https://www.boardui.com/components/multi-agent-chat","previewSource":"https://www.boardui.com/components/multi-agent-chat","access":"Paid · BoardUI Pro component/template; exact source not purchased or downloaded","license":"BoardUI Pro commercial license. Public MIT BoardUI repository contains free components and is not the source of this Pro reference.","previewWidth":1036,"previewHeight":847},{"preview":"media/references/boardui--questionnaire.png","previewSha256":"16e347f777853585c5468a6104c295970aaacfa47e04964ab461901ed730dd74","id":"boardui--questionnaire","name":"BoardUI Questionnaire","category":"Human control","why":"Agent clarifying-question card: titled options with descriptions and checkboxes, an Other free-text row, and step pills with Previous/Next.","favorite":false,"collection":"boardui-pro","sourceFiles":[],"commit":"","repository":"","codeUrl":"https://www.boardui.com/components/questionnaire#installation","added":"2026-10-20","previewAnimated":false,"discovered":"Original operational creator trails and Mohith Chrome X design search · voice-workflows review","selectionType":"Visually reviewed original reference","review":"Sonnet-assisted static visual review; original source attribution checked; not runtime/accessibility audited","useFor":"Study the exact original image and creator implementation; respect its license and access terms.","previewType":"Exact original creator image or screenshot crop of its published demo; no recreated rendering","creator":"BoardUI","creatorUrl":"https://www.boardui.com/","website":"https://www.boardui.com/components/questionnaire","previewSource":"https://www.boardui.com/components/questionnaire","access":"Paid · BoardUI Pro component/template; exact source not purchased or downloaded","license":"BoardUI Pro commercial license. Public MIT BoardUI repository contains free components and is not the source of this Pro reference.","previewWidth":648,"previewHeight":419},{"preview":"media/references/boardui--web-search.png","previewSha256":"c203104c3e9b20be76110fe964b39f176e49411dadd85050ef8f1c6699eeaf6b","id":"boardui--web-search","name":"BoardUI Web Search","category":"Tools & execution","why":"Search activity log with per-source rows (X, Reddit), result counts, source favicons and a Run again action.","favorite":false,"collection":"boardui-pro","sourceFiles":[],"commit":"","repository":"","codeUrl":"https://www.boardui.com/components/web-search#installation","added":"2026-10-20","previewAnimated":false,"discovered":"Original operational creator trails and Mohith Chrome X design search · voice-workflows review","selectionType":"Visually reviewed original reference","review":"Sonnet-assisted static visual review; original source attribution checked; not runtime/accessibility audited","useFor":"Study the exact original image and creator implementation; respect its license and access terms.","previewType":"Exact original creator image or screenshot crop of its published demo; no recreated rendering","creator":"BoardUI","creatorUrl":"https://www.boardui.com/","website":"https://www.boardui.com/components/web-search","previewSource":"https://www.boardui.com/components/web-search","access":"Paid · BoardUI Pro component/template; exact source not purchased or downloaded","license":"BoardUI Pro commercial license. Public MIT BoardUI repository contains free components and is not the source of this Pro reference.","previewWidth":648,"previewHeight":479},{"id":"21st--uilayout.contact--stats-bold","name":"Bold Stats","collection":"21st-community","creator":"ui layout","category":"Cards & layouts","why":"Original cards & layouts reference from ui layout.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@uilayout.contact/components/stats-bold","codeUrl":"https://21st.dev/@uilayout.contact/components/stats-bold","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community card catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/uilayout.contact/stats-bold/default/preview.1784420582612-62029dd9-6f32-4290-b757-ef0820cf8bff.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"uilayout.contact","sourceCategory":"card","creatorPublicationUrl":"https://21st.dev/@uilayout.contact/components/stats-bold","preview":"media/references/21st--uilayout.contact--stats-bold.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"48559e593948ec1adfe21cb6cf23d36dc35065b24bcaf1a09f39845e80c8d6cd","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@uilayout.contact/components/stats-bold"},{"id":"codrops--book-gallery","name":"Book Gallery","collection":"codrops-creative","creator":"Daniel Muñoz","creatorUrl":"https://tympanus.net/codrops/hub/author/daniel_munoz","category":"Galleries & transitions","styleTags":["3d","flip"],"why":"Original galleries & transitions reference published in the Codrops Creative Hub; inspect the image and original demo for its visual approach.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://codepen.io/daniel-mu-oz/full/RNRaXwZ","codeUrl":"https://codepen.io/daniel-mu-oz/full/RNRaXwZ","repository":"","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Contact-sheet preview reviewed with Sonnet 5.5 Medium; original publisher links traced; not runtime-tested","selectionType":"Preview-reviewed design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/01/Screenshot-2026-01-17-at-11.14.59-768x577.png.webp","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Jan 8, 2026","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:23:38.056369+00:00","preview":"media/references/codrops--book-gallery.webp","previewWidth":768,"previewHeight":577,"previewSha256":"dd86257cf2af86137d850543f0d93e5a47e6e06b860dab7f279b64a55e703c9a","previewAnimated":false},{"id":"21st--appica-dev--border-beam","name":"Border Beam","collection":"21st-community","creator":"appica-dev","category":"Cards & layouts","why":"Original cards & layouts reference from appica-dev.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@appica-dev/components/border-beam/color-variants","codeUrl":"https://21st.dev/@appica-dev/components/border-beam/color-variants","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community card catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/appica-dev/border-beam/color-variants/preview.1790796905684-f3a3ed6a-d98e-41a7-ab2a-56553624e9a4.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"appica-dev","sourceCategory":"card","creatorPublicationUrl":"https://21st.dev/@appica-dev/components/border-beam/color-variants","preview":"media/references/21st--appica-dev--border-beam.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"af31c1402406ca041d071cd9c3fe5f6245631c48a1700cd95e666364f21ec860","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@appica-dev/components/border-beam"},{"id":"21st--larsen66--border-beam","name":"Border Beam","collection":"21st-community","creator":"21st","category":"Conversation craft","why":"Original conversation craft reference from 21st.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@larsen66/components/border-beam","codeUrl":"https://21st.dev/@larsen66/components/border-beam","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community ai-chat catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_jakubantalik/border-beam/default/preview.1787597920421.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"larsen66","sourceCategory":"ai-chat","creatorPublicationUrl":"https://21st.dev/@larsen66/components/border-beam","preview":"media/references/21st--larsen66--border-beam.jpg","previewWidth":960,"previewHeight":688,"previewSha256":"7247e00b28a4cf6ce7c80f381add519079fbe009f4c542863ca5131da85a5c19","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@larsen66/components/border-beam"},{"id":"beui-native--bouncy-accordion","name":"Bouncy Accordion · Native","collection":"beui-native","category":"React Native","why":"FAQ rows that spring apart as they open.","useFor":"Original React Native component from the creator’s public library. Image reference with original demo and source links.","sourceFiles":["sources/beui-native/code/src/components/bouncy-accordion/bouncy-accordion.tsx","sources/beui-native/code/src/components/bouncy-accordion/index.ts"],"website":"https://beui.dev/react-native/bouncy-accordion","repository":"https://github.com/starc007/beui-native","commit":"","license":"MIT","access":"Source saved","review":"Official creator catalog · not individually runtime-tested","favorite":false,"discovered":"Original creator library, linked from beUI","added":"2026-10-20","preview":"media/beui-native--bouncy-accordion.jpg","previewSource":"https://media.beui.dev/clips/bouncy-accordion-light.f9e3d9bb98.jpg","previewType":"Creator’s original React Native recording poster","platform":"React Native","selectionType":"Creator library expansion","previewWidth":600,"previewHeight":1304,"previewAnimated":false,"previewVideo":"media/recordings/beui-native--bouncy-accordion.mp4","videoSource":"https://media.beui.dev/clips/bouncy-accordion-light.f9e3d9bb98.mp4","videoType":"Unmodified original creator recording","videoMetadata":{"width":600,"height":1304,"duration":11.866667},"videoSha256":"f9e3d9bb988255bd989de9fb1729fbc4801b1d60454f996d31790893d4ce4597","previewVideoSource":"https://media.beui.dev/clips/bouncy-accordion-light.f9e3d9bb98.mp4"},{"id":"21st--arunachalam--branching-tree-nav","name":"Branching Tree Nav","collection":"21st-community","creator":"Arunachalam","category":"Navigation & search","why":"Original navigation & search reference from Arunachalam.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@arunachalam/components/branching-tree-nav","codeUrl":"https://21st.dev/@arunachalam/components/branching-tree-nav","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community sidebar catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_2wfnj4jcSPR8JWRk7tpzrihdDV8/branching-tree-nav/default/preview.1787260976236.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"arunachalam","sourceCategory":"sidebar","creatorPublicationUrl":"https://21st.dev/@arunachalam/components/branching-tree-nav","preview":"media/references/21st--arunachalam--branching-tree-nav.jpg","previewWidth":960,"previewHeight":698,"previewSha256":"89cd6b9da9372e6d88afc91dbcbbb4e16f11528df7448653d4d5aeec775a65c2","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@arunachalam/components/branching-tree-nav"},{"id":"codrops--braun-style-inspired-clock","name":"Braun Style Inspired Clock","collection":"codrops-creative","creator":"Filip Zrnzevic","creatorUrl":"https://tympanus.net/codrops/hub/author/filip","category":"Creative controls & effects","styleTags":["clock","glass"],"why":"Soft neutral Braun-style clock face with subtle shadows and an orange second hand; a product-design styled control.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://codepen.io/filipz/full/LEEMMgz","codeUrl":"https://codepen.io/filipz/full/LEEMMgz","repository":"","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/05/Screenshot-2025-05-31-at-05.32.37-768x577.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"May 13, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:54:42.821988+00:00","preview":"media/references/codrops--braun-style-inspired-clock.png","previewWidth":768,"previewHeight":577,"previewSha256":"a550141a5b3e951ba1984c5c141965ba43140da628b05d3d1ad74bd549af2592","previewAnimated":false},{"id":"codrops--breathing-patterns","name":"Breathing Patterns","collection":"codrops-creative","creator":"Techartist","creatorUrl":"https://tympanus.net/codrops/hub/author/techartist","category":"Creative controls & effects","styleTags":["generative art","p5.js"],"why":"Original creative controls & effects reference published in the Codrops Creative Hub; inspect the image and original demo for its visual approach.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://codepen.io/VoXelo/full/myVpoLm","codeUrl":"https://codepen.io/VoXelo/full/myVpoLm","repository":"","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Contact-sheet preview reviewed with Sonnet 5.5 Medium; original publisher links traced; not runtime-tested","selectionType":"Preview-reviewed design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/10/Screenshot-2025-10-20-at-07.10.16-768x577.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Oct 20, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:23:38.056369+00:00","preview":"media/references/codrops--breathing-patterns.png","previewWidth":768,"previewHeight":577,"previewSha256":"39de44a6bf8b26be5dfec514f3d169c9729fbb3df6aab419c8cd45887e5d381e","previewAnimated":false},{"id":"21st--astralyxdev--budget-guard","name":"Budget Guard","collection":"21st-community","creator":"astralyxdev","category":"Thinking & progress","why":"Original thinking & progress reference from astralyxdev.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@astralyxdev/components/budget-guard/multiple-budgets-with-hard-limit","codeUrl":"https://21st.dev/@astralyxdev/components/budget-guard/multiple-budgets-with-hard-limit","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community progress catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/astralyxdev/budget-guard/multiple-budgets-with-hard-limit/preview.1791271127317-00f59b2c-7afc-46aa-a600-0406ce5cb627.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"astralyxdev","sourceCategory":"progress","creatorPublicationUrl":"https://21st.dev/@astralyxdev/components/budget-guard/multiple-budgets-with-hard-limit","preview":"media/references/21st--astralyxdev--budget-guard.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"71de466130f95ffa9a4518199f7d9df3cea384e56f82c9e6cb3174086c0f0e53","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@astralyxdev/components/budget-guard"},{"id":"budibase--agent","name":"Budibase original agent workspace","category":"Tools & execution","why":"Real dark agent configuration screen: Configuration/Knowledge/Deployment/Logs tabs, model selector, removable tool chips with source icons (PostgreSQL, VirusTotal, Jira, Budibase), and a numbered-line instructions editor. Shows scoped tool grants and the prompt together. Chosen over the Slack/Discord/Teams composite, which is a staged marketing mockup on a painted backdrop.","favorite":false,"collection":"budibase","creator":"Budibase contributors","creatorUrl":"https://github.com/Budibase","website":"https://github.com/Budibase/budibase","repository":"https://github.com/Budibase/budibase","commit":"d31a4528c369a67629eaac45514826ebc6539e2b","codeUrl":"https://github.com/Budibase/budibase/tree/d31a4528c369a67629eaac45514826ebc6539e2b/packages/builder/src/pages/builder/workspace/[workspaceId]/agent/[agentId]","sourceFiles":[],"platform":"Web","access":"Public original GPL-3.0 builder interface source linked; paid agent/backend/integration access is not established by that source","license":"Builder GPL-3.0; generated-app/client packages MPL-2.0; paid packages/pro has Business Source License. Public builder code is not a license grant for paid feature/backend access.","review":"Sonnet 5.5 Medium full-image review and researcher source/notice checks; not runtime, motion, accessibility or complete dependency/license audited","useFor":"Study the exact creator image and original linked implementation under its stated terms.","selectionType":"Individually visually reviewed original reference","discovered":"Primary creator README and pinned original source discovery · operational-input review · forms-primary","added":"2026-10-20","preview":"media/references/budibase--agent-1.jpg","previewSha256":"945d78410fcaddc99d476e8be4fd4fe74bad3ed5a969e1618b42cf3eaac321ae","previewSource":"https://res.cloudinary.com/daog6scxm/image/upload/v1775572268/github/Agent_preview.jpg","previewAnimated":false,"previewType":"Exact unmodified creator-published original static image","sourceResolution":"references/forms-primary-source-evidence.json","sourcePinNote":"Current original pinned source; exact screenshot-build match is not claimed. Selected files are provenance evidence only, not complete component archives.","previewWidth":1046,"previewHeight":955},{"id":"codrops--building-a-playful-stop-motion-crayon-cursor-in-p5-js","name":"Building a Playful Stop-Motion Crayon Cursor in p5.js","collection":"codrops-creative","creator":"Jorge Toloza","creatorUrl":"https://tympanus.net/codrops/hub/author/jorgetloza","category":"Creative controls & effects","styleTags":["cursor","p5.js","sketch"],"why":"Hatched crayon-scribble shape on a flat red page with chunky 'Draw' lettering, giving the cursor a tactile hand-drawn character.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Tutorials/StopMotionCrayonCursor/","codeUrl":"https://github.com/JorgeCapillo/stop-motion-crayon-cursor","repository":"https://github.com/JorgeCapillo/stop-motion-crayon-cursor","sourceFiles":[],"commit":"","access":"Creator code page linked · HTTP 200; license/reuse terms not audited","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview review; original demo/source attribution traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub · October 20 midday review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/02/stop-motion_cursor_featured.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Feb 6, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T06:57:46.927245+00:00","preview":"media/references/codrops--building-a-playful-stop-motion-crayon-cursor-in-p5-js.png","previewWidth":800,"previewHeight":600,"previewSha256":"28a5b62366ace4bea94547e0f4449a7b0443de54b684651888d0d66a775f9190","previewAnimated":false,"observedPage":6,"sourcePageCheck":{"status":200,"resolvedUrl":"https://github.com/JorgeCapillo/stop-motion-crayon-cursor","checkedAt":"2026-10-20T07:06:17.268050+00:00"}},{"id":"codrops--building-an-on-scroll-3d-circle-text-animation-with-three-js-and-shaders","name":"Building an On-Scroll 3D Circle Text Animation with Three.js and Shaders","collection":"codrops-creative","creator":"David Faure","creatorUrl":"https://tympanus.net/codrops/hub/author/davidfaure","category":"Editorial & typography","styleTags":["3D","circular","GSAP","Three.js","typography","WebGL"],"why":"List of words set on a spiral ring in a quiet serif on warm grey, a calm typographic composition.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Tutorials/3DTextCircleScroll/","codeUrl":"https://github.com/davidfaure/3d-text-circle-animation-codrops","repository":"https://github.com/davidfaure/3d-text-circle-animation-codrops","sourceFiles":[],"commit":"","access":"Creator code page linked · HTTP 200; license/reuse terms not audited","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview review; original demo/source attribution traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub · October 20 midday review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/01/Featured-1.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Feb 3, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T06:57:46.927245+00:00","preview":"media/references/codrops--building-an-on-scroll-3d-circle-text-animation-with-three-js-and-shaders.png","previewWidth":800,"previewHeight":600,"previewSha256":"2afb716dd83a54e6aa33879e6f304212bdde6c9bbb583b928cdfcc5b6e4a4d9e","previewAnimated":false,"observedPage":6,"sourcePageCheck":{"status":200,"resolvedUrl":"https://github.com/davidfaure/3d-text-circle-animation-codrops","checkedAt":"2026-10-20T07:06:19.855996+00:00"}},{"id":"beui-native--button","name":"Button · Native","collection":"beui-native","category":"React Native","why":"Spring press, ripple, icons and a stateful variant.","useFor":"Original React Native component from the creator’s public library. Image reference with original demo and source links.","sourceFiles":["sources/beui-native/code/src/components/button/button.styles.ts","sources/beui-native/code/src/components/button/button.tsx","sources/beui-native/code/src/components/button/button.types.ts","sources/beui-native/code/src/components/button/index.ts","sources/beui-native/code/src/components/button/stateful-button.tsx","sources/beui-native/code/src/components/button/status-icons.tsx"],"website":"https://beui.dev/react-native/button","repository":"https://github.com/starc007/beui-native","commit":"","license":"MIT","access":"Source saved","review":"Official creator catalog · not individually runtime-tested","favorite":false,"discovered":"Original creator library, linked from beUI","added":"2026-10-20","preview":"media/beui-native--button.jpg","previewSource":"https://media.beui.dev/clips/button-light.e15527bf65.jpg","previewType":"Creator’s original React Native recording poster","platform":"React Native","selectionType":"Creator library expansion","previewWidth":600,"previewHeight":1304,"previewAnimated":false,"previewVideo":"media/recordings/beui-native--button.mp4","videoSource":"https://media.beui.dev/clips/button-light.e15527bf65.mp4","videoType":"Unmodified original creator recording","videoMetadata":{"width":600,"height":1304,"duration":14.083333},"videoSha256":"e15527bf650664cd6cfd3292cc65f9bd479b174e9e2868eb3a074b91cde90d43","previewVideoSource":"https://media.beui.dev/clips/button-light.e15527bf65.mp4"},{"id":"cables-original--timeline","name":"cables keyframe timeline","category":"Creative controls & effects","why":"Full-width keyframe authoring screen with transport buttons, a ruler with a green playhead readout, named parameter tracks (Transform posY/posZ, Anim #katze), selected keys and curves, and a right-hand panel with Bezier Curves actions, move/value fields and colour swatches. The text is crisp and the layout is dense but readable. It is a distinct authoring function from the patch graph.","favorite":false,"collection":"cables-original","creator":"undefined development / cables","creatorUrl":"https://cables.gl","website":"https://cables.gl/docs/docs","repository":"https://github.com/cables-gl/cables_ui","commit":"ebf6b3a65eea1fc678abe474b39c6413356544e8","codeUrl":"https://github.com/cables-gl/cables_ui/blob/ebf6b3a65eea1fc678abe474b39c6413356544e8/src/ui/gltimeline/gltimeline.js","sourceFiles":[],"platform":"Web / desktop Electron","access":"Public MIT editor source · linked original source, not a complete archived component; model/scene/dependency terms separate","license":"MIT, Copyright (c) 2019-present undefined development. Original LICENCE retained. Separate asset/dependency terms not exhaustively audited.","review":"Sonnet 5.5 Medium full-image visual review and researcher provenance checks; no runtime/motion/accessibility audit","useFor":"Study the exact original creator image and pinned editor source.","selectionType":"Individually visually reviewed original reference","discovered":"Original cables documentation and pinned source · voice-trace spatial follow-up review","added":"2026-10-20","preview":"media/references/cables-original--timeline.png","previewSha256":"34e6af488c02f3f2f0ddd8955bb11554469a57f432ea3b0cc8bf346010523d44","previewSource":"https://raw.githubusercontent.com/cables-gl/cables_docs/4cf9640a79761d3c90956f06f12a24d8974dc8d1/md/2_1_timeline/img/timeline.png","previewAnimated":false,"previewType":"Exact unmodified original creator-published static image","sourceResolution":"references/cables-followup-source-evidence.json","sourcePinNote":"Original documentation image pinned at 4cf9640a79761d3c90956f06f12a24d8974dc8d1. Current UI implementation is pinned separately; not an exact screenshot-build match. Four source/notice files are provenance evidence, not a complete component archive.","previewWidth":1779,"previewHeight":594},{"id":"21st--wensity--calendar","name":"Calendar","collection":"21st-community","creator":"Wensity Labs","category":"Cards & layouts","why":"Original cards & layouts reference from Wensity Labs.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@wensity/components/calendar","codeUrl":"https://21st.dev/@wensity/components/calendar","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Featured by publisher; creator preview indexed; not runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community featured catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/wensity/calendar/default/preview.1790294853746-96477db9-0acb-4fb9-8e65-ec55dec60dd3.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"wensity","sourceCategory":"featured","creatorPublicationUrl":"https://21st.dev/@wensity/components/calendar","preview":"media/references/21st--wensity--calendar.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"8d929b4307c26f898e62c526e70de12f631b465c73d26a0198b13e53030eb97b","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@wensity/components/calendar"},{"id":"21st--originui--calendar","name":"Calendar [React Day Picker]","collection":"21st-community","creator":"Origin UI","category":"Navigation & search","why":"Original navigation & search reference from Origin UI.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@originui/components/calendar/range-calendar-with-presets","codeUrl":"https://21st.dev/@originui/components/calendar/range-calendar-with-presets","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community sidebar catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_originui/calendar/range-calendar-with-presets/preview.png?v=1","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"originui","sourceCategory":"sidebar","creatorPublicationUrl":"https://21st.dev/@originui/components/calendar/range-calendar-with-presets","preview":"media/references/21st--originui--calendar.png","previewWidth":960,"previewHeight":797,"previewSha256":"1c38d3a7cb6bb51fdc245dff376d5bf5bb3805b80804802bede22091a88a0ac3","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@originui/components/calendar"},{"id":"21st--shadcn--calendar-with-time-picker-inline","name":"Calendar with time picker inline","collection":"21st-community","creator":"shadcn","category":"Cards & layouts","why":"Original cards & layouts reference from shadcn.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@shadcn/components/calendar-with-time-picker-inline","codeUrl":"https://21st.dev/@shadcn/components/calendar-with-time-picker-inline","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community card catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/larsen66/calendar-with-time-picker-inline/default/preview.1749904853866.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"shadcn","sourceCategory":"card","creatorPublicationUrl":"https://21st.dev/@shadcn/components/calendar-with-time-picker-inline","preview":"media/references/21st--shadcn--calendar-with-time-picker-inline.png","previewWidth":960,"previewHeight":968,"previewSha256":"a4d0d25301bc9ee7ea22ae5163f4b69038b02eaaaa44ab4d23ee3db1a6a20cf7","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@shadcn/components/calendar-with-time-picker-inline"},{"id":"21st--bklitai--candlestick-chart","name":"Candlestick Chart","collection":"21st-community","creator":"bklitai","category":"Dashboards & data","why":"Original dashboards & data reference from bklitai.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@bklitai/components/candlestick-chart","codeUrl":"https://21st.dev/@bklitai/components/candlestick-chart","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community data-visualization catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/bklitai/candlestick-chart/default/preview.1790060660637-5fde71bd-6d94-46ca-afef-65fed3eca620.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"bklitai","sourceCategory":"data-visualization","creatorPublicationUrl":"https://21st.dev/@bklitai/components/candlestick-chart","preview":"media/references/21st--bklitai--candlestick-chart.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"d3aa9c5e05fd4df057994493d69780edcfabe1b5eb3009f96d286b61868d55a4","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@bklitai/components/candlestick-chart"},{"id":"codrops--canvas-grid-mouse-effect","name":"Canvas Grid Mouse Effect","collection":"codrops-creative","creator":"Tom Miller","creatorUrl":"https://tympanus.net/codrops/hub/author/creativeocean","category":"Creative controls & effects","styleTags":["canvas","cursor","grid"],"why":"Original creative controls & effects reference published in the Codrops Creative Hub; inspect the image and original demo for its visual approach.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://codepen.io/creativeocean/full/emBOove","codeUrl":"https://codepen.io/creativeocean/full/emBOove","repository":"","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Contact-sheet preview reviewed with Sonnet 5.5 Medium; original publisher links traced; not runtime-tested","selectionType":"Preview-reviewed design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/05/Screenshot-2026-05-06-at-11.16.46-768x577.png.webp","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Apr 28, 2026","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:23:38.056369+00:00","preview":"media/references/codrops--canvas-grid-mouse-effect.webp","previewWidth":768,"previewHeight":577,"previewSha256":"8482fd0b7147d33f0040dc3aba7e600a11cde83af7bdec8a887a3f4a82adf4d8","previewAnimated":false},{"id":"codrops--canvas-particles","name":"Canvas particles","collection":"codrops-creative","creator":"GSAP","creatorUrl":"https://tympanus.net/codrops/hub/author/gsap","category":"Creative controls & effects","styleTags":["canvas","GSAP"],"why":"Colorful glossy shape field spiraling out from a center point on black","useFor":"Study the original design and its linked implementation before adoption.","website":"https://codepen.io/GreenSock/full/NWZRRNb","codeUrl":"https://codepen.io/GreenSock/pen/NWZRRNb","repository":"","sourceFiles":[],"commit":"","access":"Creator code linked · access unverified (source response recorded)","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview selection; creator/demo/source links traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub · October 20 creator-depth review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2024/07/image-2025-01-05-at-23.30.43.jpg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Jul 24, 2024","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T07:38:51.455636+00:00","preview":"media/references/codrops--canvas-particles.jpg","previewWidth":941,"previewHeight":643,"previewSha256":"335fb45107edf3001f029f05c5ca8385ecddf54767d69fa4e19773433c0af26a","previewAnimated":false,"sourcePageCheck":{"status":403,"resolvedUrl":"https://codepen.io/GreenSock/pen/NWZRRNb","checkedAt":"2026-10-20T07:40:29.574533+00:00"}},{"id":"aceternity--canvas-reveal-effect","name":"Canvas Reveal Effect","collection":"aceternity","creator":"Aceternity UI · Manu Arora","category":"Cards & layouts","why":"Original cards & layouts reference from Aceternity UI · Manu Arora.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://ui.aceternity.com/components/canvas-reveal-effect","codeUrl":"https://ui.aceternity.com/components/canvas-reveal-effect","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Reddit library leads → original Aceternity component catalog","added":"2026-10-20","previewSource":"https://assets.aceternity.com/canvas-reveal-effect.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","preview":"media/references/aceternity--canvas-reveal-effect.webp","previewWidth":2048,"previewHeight":1440,"previewSha256":"48241ccdf177dd2ceb1efb8631c9f684953d1bbaddd624a1cca5ad105a9048e5","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"aceternity--canvas-text","name":"Canvas Text","collection":"aceternity","creator":"Aceternity UI · Manu Arora","category":"Typography & effects","why":"Original typography & effects reference from Aceternity UI · Manu Arora.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://ui.aceternity.com/components/canvas-text","codeUrl":"https://ui.aceternity.com/components/canvas-text","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Reddit library leads → original Aceternity component catalog","added":"2026-10-20","previewSource":"https://assets.aceternity.com/components/canvas-text.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","preview":"media/references/aceternity--canvas-text.webp","previewWidth":2200,"previewHeight":1193,"previewSha256":"8702d3866e9b3ea2d4ae65b898d56932b242e17926465efc70a90ce4a06defdf","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"21st--extend-hq--card","name":"Card","collection":"21st-community","creator":"extend-hq","category":"Cards & layouts","why":"Original cards & layouts reference from extend-hq.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@extend-hq/components/card","codeUrl":"https://21st.dev/@extend-hq/components/card","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community card catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/larsen66/card/default/preview.1782172262218.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"extend-hq","sourceCategory":"card","creatorPublicationUrl":"https://21st.dev/@extend-hq/components/card","preview":"media/references/21st--extend-hq--card.jpg","previewWidth":960,"previewHeight":600,"previewSha256":"d6b5ed3a1108f82ab7bf4f3f123d34b5c0bc75b51df16620a7decd82e290459b","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@extend-hq/components/card"},{"id":"21st--ravikatiyar162--card-10","name":"Card","collection":"21st-community","creator":"Ravi Katiyar","category":"Dashboards & data","why":"Original dashboards & data reference from Ravi Katiyar.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@ravikatiyar162/components/card-10","codeUrl":"https://21st.dev/@ravikatiyar162/components/card-10","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community dashboard catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/ravikatiyar162/card-10/default/preview.1757830893277.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"ravikatiyar162","sourceCategory":"dashboard","creatorPublicationUrl":"https://21st.dev/@ravikatiyar162/components/card-10","preview":"media/references/21st--ravikatiyar162--card-10.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"262c748a71e6b041a5b309a51f3ea5188ed6f446359ecfa5c0c62927aaace14f","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@ravikatiyar162/components/card-10"},{"id":"21st--preetsuthar17--card","name":"Card","collection":"21st-community","creator":"Preet Suthar","category":"Cards & layouts","why":"Original cards & layouts reference from Preet Suthar.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@preetsuthar17/components/card","codeUrl":"https://21st.dev/@preetsuthar17/components/card","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community card catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_2rWolCuRnJW3DRiuQ5JHrl5kj8a/card/default/preview.1788369962383.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"preetsuthar17","sourceCategory":"card","creatorPublicationUrl":"https://21st.dev/@preetsuthar17/components/card","preview":"media/references/21st--preetsuthar17--card.png","previewWidth":960,"previewHeight":765,"previewSha256":"f9c2fc1a49e6c1398bd62a58a5e7b0491913ef5ae698c87cd25efe3317234545","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@preetsuthar17/components/card"},{"id":"21st--wensity--card","name":"Card","collection":"21st-community","creator":"Wensity Labs","category":"Dashboards & data","why":"Original dashboards & data reference from Wensity Labs.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@wensity/components/card","codeUrl":"https://21st.dev/@wensity/components/card","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community dashboard catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/wensity/card/default/preview.1790306694484-386fd538-a301-4292-86ce-3cf1a3f2a57e.jpg","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"wensity","sourceCategory":"dashboard","creatorPublicationUrl":"https://21st.dev/@wensity/components/card","preview":"media/references/21st--wensity--card.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"80f91eb22f9e2154d976dc2358d3a198980ce11c7f2950ab8412c222ab82293a","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@wensity/components/card"},{"id":"codrops--card-beam-animation","name":"Card Beam Animation","collection":"codrops-creative","creator":"BL/S®","creatorUrl":"https://tympanus.net/codrops/hub/author/blackleadstudio","category":"Creative controls & effects","styleTags":["card","draggable"],"why":"Dark code-text backdrop with a violet beam cutting through payment-style cards, showing a clear before/after treatment on one card.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://codepen.io/blacklead-studio/full/xbwaqxE","codeUrl":"https://codepen.io/blacklead-studio/full/xbwaqxE","repository":"","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/09/Screenshot-2025-09-04-at-07.06.52-768x577.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Aug 25, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:54:42.821988+00:00","preview":"media/references/codrops--card-beam-animation.png","previewWidth":768,"previewHeight":577,"previewSha256":"767a3a793660bae9279cc3efc2b5b9ac51abd2a52d05ad39c471c30d5bcd2636","previewAnimated":false},{"id":"21st--cnippet-dev--v-table-3","name":"Card Frame Table","collection":"21st-community","creator":"Cnippet","category":"Dashboards & data","why":"Original dashboards & data reference from Cnippet.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@cnippet-dev/components/v-table-3","codeUrl":"https://21st.dev/@cnippet-dev/components/v-table-3","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community dashboard catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/cnippet.dev/v-table-3/default/preview.1785135502835-124a9aef-81ce-4c1a-8365-18b542b6eb5a.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"cnippet-dev","sourceCategory":"dashboard","creatorPublicationUrl":"https://21st.dev/@cnippet-dev/components/v-table-3","preview":"media/references/21st--cnippet-dev--v-table-3.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"450d2479a5c94dddd593cf8ced333c42b69b2aab8afaa32b6a4401728f582719","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@cnippet-dev/components/v-table-3"},{"id":"aceternity--card-spotlight","name":"Card Spotlight","collection":"aceternity","creator":"Aceternity UI · Manu Arora","category":"Cards & layouts","why":"Original cards & layouts reference from Aceternity UI · Manu Arora.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://ui.aceternity.com/components/card-spotlight","codeUrl":"https://ui.aceternity.com/components/card-spotlight","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Reddit library leads → original Aceternity component catalog","added":"2026-10-20","previewSource":"https://assets.aceternity.com/card-spotlight.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","preview":"media/references/aceternity--card-spotlight.webp","previewWidth":2048,"previewHeight":1440,"previewSha256":"4e7f962f2f532da76fa61a6f5a8ff08428e58b4dc67e5ecfcd8d68b713c24269","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"aceternity--card-stack","name":"Card Stack","collection":"aceternity","creator":"Aceternity UI · Manu Arora","category":"Cards & layouts","why":"Original cards & layouts reference from Aceternity UI · Manu Arora.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://ui.aceternity.com/components/card-stack","codeUrl":"https://ui.aceternity.com/components/card-stack","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Reddit library leads → original Aceternity component catalog","added":"2026-10-20","previewSource":"https://assets.aceternity.com/cloudinary_bkp/Card_Stack_bdxdhf.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","preview":"media/references/aceternity--card-stack.webp","previewWidth":2048,"previewHeight":1440,"previewSha256":"a903c0e36cf6b537ded9827012661b6519820b3de70cffd640359970ebbcdc73","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"21st--uiable--card-tabs","name":"Card Tabs","collection":"21st-community","creator":"uiable","category":"Dashboards & data","why":"Original dashboards & data reference from uiable.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@uiable/components/card-tabs","codeUrl":"https://21st.dev/@uiable/components/card-tabs","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community dashboard catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/uiable/card-tabs/default/preview.1790063541023-870672b1-87ff-47e3-9b66-600abeca8324.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"uiable","sourceCategory":"dashboard","creatorPublicationUrl":"https://21st.dev/@uiable/components/card-tabs","preview":"media/references/21st--uiable--card-tabs.jpg","previewWidth":960,"previewHeight":719,"previewSha256":"d0118acdfe8092a6bd6000620a289327beb765abd3fafb2064851b88a4c28f5f","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@uiable/components/card-tabs"},{"id":"21st--ali-hussein-dev--card-with-cross-patter","name":"Card with Cross Patter","collection":"21st-community","creator":"Indie UI","category":"Cards & layouts","why":"Original cards & layouts reference from Indie UI.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@Ali-Hussein-dev/components/card-with-cross-patter","codeUrl":"https://21st.dev/@Ali-Hussein-dev/components/card-with-cross-patter","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community card catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_Ali-Hussein-dev/card-with-cross-patter/default/preview.1786538596773.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"Ali-Hussein-dev","sourceCategory":"card","creatorPublicationUrl":"https://21st.dev/@Ali-Hussein-dev/components/card-with-cross-patter","preview":"media/references/21st--ali-hussein-dev--card-with-cross-patter.png","previewWidth":960,"previewHeight":604,"previewSha256":"ad9cd69fc403664811e3278f85de159bf15fdc29e552dc6100f373e53749c49d","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@Ali-Hussein-dev/components/card-with-cross-patter"},{"id":"21st--ali-hussein-dev--card-with-ellipsis-pattern","name":"Card with Ellipsis Pattern","collection":"21st-community","creator":"Indie UI","category":"Cards & layouts","why":"Original cards & layouts reference from Indie UI.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@Ali-Hussein-dev/components/card-with-ellipsis-pattern","codeUrl":"https://21st.dev/@Ali-Hussein-dev/components/card-with-ellipsis-pattern","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community card catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_Ali-Hussein-dev/card-with-ellipsis-pattern/default/preview.1786477874602.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"Ali-Hussein-dev","sourceCategory":"card","creatorPublicationUrl":"https://21st.dev/@Ali-Hussein-dev/components/card-with-ellipsis-pattern","preview":"media/references/21st--ali-hussein-dev--card-with-ellipsis-pattern.png","previewWidth":960,"previewHeight":435,"previewSha256":"d3164b0a726e3242b2c114022633f3191024bdbd57e8f9fd2c6e59200d433f6b","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@Ali-Hussein-dev/components/card-with-ellipsis-pattern"},{"id":"21st--ali-hussein-dev--card-with-grid-pattern","name":"Card with Grid Pattern","collection":"21st-community","creator":"Indie UI","category":"Cards & layouts","why":"Original cards & layouts reference from Indie UI.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@Ali-Hussein-dev/components/card-with-grid-pattern","codeUrl":"https://21st.dev/@Ali-Hussein-dev/components/card-with-grid-pattern","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community card catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_Ali-Hussein-dev/card-with-grid-pattern/default/preview.1786369773446.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"Ali-Hussein-dev","sourceCategory":"card","creatorPublicationUrl":"https://21st.dev/@Ali-Hussein-dev/components/card-with-grid-pattern","preview":"media/references/21st--ali-hussein-dev--card-with-grid-pattern.png","previewWidth":529,"previewHeight":432,"previewSha256":"1f6196cf264e1c3599e3c8bd1acc356d41a97baac45b14e5d2ee59bacc15c7f3","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@Ali-Hussein-dev/components/card-with-grid-pattern"},{"id":"beui-native--card","name":"Card · Native","collection":"beui-native","category":"React Native","why":"Composable surfaces, selectable with press feedback.","useFor":"Original React Native component from the creator’s public library. Image reference with original demo and source links.","sourceFiles":["sources/beui-native/code/src/components/card/card.tsx","sources/beui-native/code/src/components/card/index.ts"],"website":"https://beui.dev/react-native/card","repository":"https://github.com/starc007/beui-native","commit":"","license":"MIT","access":"Source saved","review":"Official creator catalog · not individually runtime-tested","favorite":false,"discovered":"Original creator library, linked from beUI","added":"2026-10-20","preview":"media/beui-native--card.jpg","previewSource":"https://media.beui.dev/clips/card-light.aa11232064.jpg","previewType":"Creator’s original React Native recording poster","platform":"React Native","selectionType":"Creator library expansion","previewWidth":600,"previewHeight":1304,"previewAnimated":false,"previewVideo":"media/recordings/beui-native--card.mp4","videoSource":"https://media.beui.dev/clips/card-light.aa11232064.mp4","videoType":"Unmodified original creator recording","videoMetadata":{"width":600,"height":1304,"duration":14.383333},"videoSha256":"aa1123206470df4849ec910d3baed7656d30080eec12d7291eb4842e0f17b821","previewVideoSource":"https://media.beui.dev/clips/card-light.aa11232064.mp4"},{"id":"aceternity--cards-free","name":"Cards","collection":"aceternity","creator":"Aceternity UI · Manu Arora","category":"Cards & layouts","why":"Original cards & layouts reference from Aceternity UI · Manu Arora.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://ui.aceternity.com/components/cards-free","codeUrl":"https://ui.aceternity.com/components/cards-free","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Reddit library leads → original Aceternity component catalog","added":"2026-10-20","previewSource":"https://assets.aceternity.com/cards.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","preview":"media/references/aceternity--cards-free.webp","previewWidth":2048,"previewHeight":1440,"previewSha256":"71a516e5bcab8e1293015a6453602395404a2dc51b8f386f31401b539fa08b46","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"careless-whisper--composition","name":"Careless Whisper composed agent overlay","category":"Tools & execution","why":"Tall frosted-glass card stacking four titled sections: a Deploy Pipeline timeline (green done dots, glowing blue active dot, grey pending), a green-to-cyan Build Progress bar at 73%, a monospace Git Status list, and CI/PR rows. The uppercase muted section labels and the backdrop tint show how to give dense status data a clear hierarchy in a small overlay.","favorite":false,"collection":"careless-whisper","creator":"Tesseric","creatorUrl":"https://github.com/Tesseric","website":"https://github.com/Tesseric/careless-whisper","repository":"https://github.com/Tesseric/careless-whisper","commit":"eb1ce8688a52d0130a5fa8c7c48f0e9d4803163f","codeUrl":"https://github.com/Tesseric/careless-whisper/blob/eb1ce8688a52d0130a5fa8c7c48f0e9d4803163f/Sources/CarelessWhisper/Server/AgentSkillInstaller.swift","sourceFiles":[],"access":"Original public source linked and pinned · selected renderer bytes checked; not a complete archived component package","license":"MIT · original notice preserved; native macOS Swift, not React Native; dependency terms not fully audited","useFor":"Inspect the exact original image and pinned creator source. Follow upstream access and license terms.","review":"Sonnet 5.5 Medium full-image visual review and researcher provenance/source checks; not runtime-tested, not an accessibility audit","sourcePinNote":"Pinned original source path, not a claim of exact screenshot-build revision.","sourceResolution":"references/voice-input-source-resolution.json","selectionType":"Individually visually reviewed original interface","discovered":"Primary voice repository and native author discovery · voice-input review","added":"2026-10-20","preview":"media/references/careless-whisper--composition.png","previewSource":"https://raw.githubusercontent.com/Tesseric/careless-whisper/eb1ce8688a52d0130a5fa8c7c48f0e9d4803163f/assets/widget-multi-composition.png","previewSha256":"b73d5846b93268f018c29de85b1262099102e6c85c5ecf18e3cc503f07821a24","previewAnimated":false,"previewType":"Exact original creator-published static repository screenshot; original bytes preserved","additionalOriginalImages":[],"platform":"macOS · Swift / SwiftUI","previewWidth":902,"previewHeight":1154},{"id":"codrops--carla-trail","name":"Carla Trail","collection":"codrops-creative","creator":"Ichitaro Masuda","creatorUrl":"https://tympanus.net/codrops/hub/author/ichitaro_masuda","category":"Shaders & materials","styleTags":["glsl","Motion Trail"],"why":"Thick painterly black, grey and terracotta brush strokes stacking on a peach ground, a pointer trail that reads as real paint.","useFor":"Study the original image and linked creator source; respect its license and access terms.","website":"https://carla-trail.vercel.app/","codeUrl":"https://github.com/ichitaro/carla-trail/tree/12ca5528ba73117cae38dc908b66914ddb4f018f","repository":"https://github.com/ichitaro/carla-trail","sourceFiles":[],"commit":"12ca5528ba73117cae38dc908b66914ddb4f018f","access":"Original code linked and revision pinned · not archived; root license unverified","license":"Original repository UNVERIFIED; root license checked where present. Assets and dependency terms not fully audited.","review":"Sonnet 5.5 Medium static visual review and researcher source/provenance checks; not runtime, accessibility or full dependency-license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"Original input and spatial creator trails · input-spatial review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/09/Screenshot-2025-09-07-at-11.47.28.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Sep 7, 2022","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T08:26:33.379151+00:00","preview":"media/references/codrops--carla-trail.png","previewWidth":1600,"previewHeight":1202,"previewSha256":"3a635a60c64faa1d23722485837aa909e00bf8a8fa9f3293f341d18d74627f46","previewAnimated":false,"sourcePageCheck":{"status":200,"resolvedUrl":"https://github.com/ichitaro/carla-trail","checkedAt":"2026-10-20T08:29:27.816059+00:00"},"observedOriginalCodeUrl":"https://github.com/ichitaro/carla-trail","sourcePinNote":"Current public original source pinned; screenshot build revision is not claimed."},{"id":"aceternity--carousel","name":"Carousel","collection":"aceternity","creator":"Aceternity UI · Manu Arora","category":"Cards & layouts","why":"Original cards & layouts reference from Aceternity UI · Manu Arora.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://ui.aceternity.com/components/carousel","codeUrl":"https://ui.aceternity.com/components/carousel","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Reddit library leads → original Aceternity component catalog","added":"2026-10-20","previewSource":"https://assets.aceternity.com/carousel.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","preview":"media/references/aceternity--carousel.webp","previewWidth":2048,"previewHeight":1440,"previewSha256":"c811c67928c08fcf3c1cb56a0c3ee24121983e7ce4ec03d857f2155afd319ec9","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"codrops--carousel-with-drag-and-wheel","name":"Carousel with drag and wheel","collection":"codrops-creative","creator":"Fabio Ottaviani","creatorUrl":"https://tympanus.net/codrops/hub/author/fabio","category":"Galleries & transitions","styleTags":["carousel","draggable"],"why":"Tilted overlapping city cards with oversized numerals (03/04/05) and rotated captions form a fanned deck. The numbering gives clear orientation while dragging.","useFor":"Study the original image and linked creator source; respect its license and access terms.","website":"https://codepen.io/supah/full/xxJMbbg","codeUrl":"https://codepen.io/supah/pen/xxJMbbg","repository":"","sourceFiles":[],"commit":"","access":"Original CodePen code linked · access unverified (403 response); source not archived","license":"Original creator terms not verified; do not infer a reuse license from a public preview.","review":"Sonnet 5.5 Medium static visual review and researcher source/provenance checks; not runtime, accessibility or full dependency-license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"Original input and spatial creator trails · input-spatial review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/09/Screenshot-2025-09-18-at-09.41.12.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Feb 3, 2023","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T08:26:33.379151+00:00","preview":"media/references/codrops--carousel-with-drag-and-wheel.png","previewWidth":1600,"previewHeight":1202,"previewSha256":"1a906ca14d783ee8357e9594faa87918b7117da908afb5a9176bbbcfc9eaacd5","previewAnimated":false,"sourcePageCheck":{"status":403,"resolvedUrl":"https://codepen.io/supah/pen/xxJMbbg","checkedAt":"2026-10-20T08:29:12.824748+00:00"}},{"id":"webzibition--carter-ogunsola","name":"Carter Ogunsola","collection":"webzibition","creator":"Carter Ogunsola · original site","creatorAttribution":"Site identity from the publisher listing; individual design author not independently verified","category":"Spatial experiences","why":"Dark UI with a 3D rendered scene in a window and small floating icons and menu, like a playful desktop world.","useFor":"Study the original website’s composition and presentation; code availability is unverified.","website":"https://carterogunsola.com/","codeUrl":"","repository":"","sourceFiles":[],"commit":"","access":"Design reference · public source not traced","license":"Website and preview rights belong to their respective owners; no source or reuse license verified","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited; original website returned HTTP200; screenshot may predate the current live design","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"Codrops Webzibition → original website","added":"2026-10-20","preview":"media/references/webzibition--carter-ogunsola.png","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/10/carterogunsola.com_-1200x649.png?x67708","previewType":"Codrops publisher screenshot of the linked original website; not a fresh live capture","previewWidth":1200,"previewHeight":649,"previewSha256":"eb2bf3bdd3a4d7c94906c8aab1857e25a006d89ada6e01c5f7be7e9742288021","previewAnimated":false,"publisherIndex":"https://tympanus.net/codrops/webzibition/","publisherRecord":"post-123290","pageTitle":"Carter Ogunsola :: Creative Developer & Brand Engineer","pageCheckedAt":"2026-10-20T05:54:32.868906+00:00","pageAvailability":"HTTP200; same-domain original website","retrievedAt":"2026-10-20T05:54:32.868906+00:00"},{"id":"21st--ln-dev7--faqs-01","name":"Centered Accordion FAQ","collection":"21st-community","creator":"LN","category":"Cards & layouts","why":"Original cards & layouts reference from LN.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@ln-dev7/components/faqs-01","codeUrl":"https://21st.dev/@ln-dev7/components/faqs-01","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Featured by publisher; creator preview indexed; not runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community featured catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_2rmPdOT0hL8MtSnYm8IpqqrYTVg/faqs-01/default/preview.1789067227987.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"ln-dev7","sourceCategory":"featured","creatorPublicationUrl":"https://21st.dev/@ln-dev7/components/faqs-01","preview":"media/references/21st--ln-dev7--faqs-01.png","previewWidth":960,"previewHeight":791,"previewSha256":"b19c3ecdaf7c0a2cdbc19fb582cec7cac34b32f4075abb79e89c566552590335","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@ln-dev7/components/faqs-01"},{"id":"ai-sdk-agents--change-impact","name":"Change impact","collection":"ai-sdk-agents","creator":"AI SDK Agents · Cult","category":"Artifacts & evidence","why":"Original artifacts & evidence surface from the creator’s agent-interface catalog.","useFor":"Reference the original component and its creator’s implementation.","website":"https://www.aisdkagents.com/ai-components/change-impact","codeUrl":"https://www.aisdkagents.com/ai-components/change-impact","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · free/paid access not checked","license":"Creator terms apply; no source downloaded","review":"Original creator catalog inspected in Chrome; image saved; individual code access not tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Cult UI → original AI SDK Agents catalog","added":"2026-10-20","preview":"media/references/ai-sdk-agents--change-impact.webp","previewSource":"https://www.aisdkagents.com/_next/image?url=%2Fai-components%2Fthumbnails%2Fchange-impact-light.png&w=640&q=75&dpl=dpl_2BLHURNF6K3SZGxoc7Nmyo3CyTpJ","previewType":"Creator-published static component thumbnail","previewWidth":640,"previewHeight":400,"previewSha256":"9340e19ad043460b077209b84757d303d6e5d6e44e0258d496440a2f43beffe1","previewAnimated":false,"sourceCategory":"Agents/Evals13","retrievedAt":"2026-10-20T05:01:21.388663+00:00"},{"id":"21st--shadcnblockscom--changelog-1","name":"Changelog 1","collection":"21st-community","creator":"Shadcnblocks.com","category":"Thinking & progress","why":"Original thinking & progress reference from Shadcnblocks.com.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@shadcnblockscom/components/changelog-1","codeUrl":"https://21st.dev/@shadcnblockscom/components/changelog-1","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community timeline catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/shadcnblockscom/changelog-1/default/preview.1747629463975.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"shadcnblockscom","sourceCategory":"timeline","creatorPublicationUrl":"https://21st.dev/@shadcnblockscom/components/changelog-1","preview":"media/references/21st--shadcnblockscom--changelog-1.png","previewWidth":960,"previewHeight":719,"previewSha256":"60592226e979a887c2c8bba569328000459c49f7cefafaef3e23cfaeff7406e2","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@shadcnblockscom/components/changelog-1"},{"id":"21st--shadcnui-blocks--timeline-06","name":"Changelog Timeline","collection":"21st-community","creator":"shadcnui-blocks","category":"Thinking & progress","why":"Original thinking & progress reference from shadcnui-blocks.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@shadcnui-blocks/components/timeline-06","codeUrl":"https://21st.dev/@shadcnui-blocks/components/timeline-06","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community timeline catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/shadcnui-blocks/timeline-06/default/preview.1789970559802-a2ebb46c-2de6-4f2e-b998-9368b629f6b5.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"shadcnui-blocks","sourceCategory":"timeline","creatorPublicationUrl":"https://21st.dev/@shadcnui-blocks/components/timeline-06","preview":"media/references/21st--shadcnui-blocks--timeline-06.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"0506daeb8893111d4a19aee32c5df4789131518875ef558dcf79624d354a0888","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@shadcnui-blocks/components/timeline-06"},{"id":"21st--cnippet-dev--cnippet-chart","name":"Chart","collection":"21st-community","creator":"Cnippet","category":"Dashboards & data","why":"Original dashboards & data reference from Cnippet.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@cnippet-dev/components/cnippet-chart/combo","codeUrl":"https://21st.dev/@cnippet-dev/components/cnippet-chart/combo","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community data-visualization catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/larsen66/cnippet-chart/combo/preview.1783962689603.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"cnippet-dev","sourceCategory":"data-visualization","creatorPublicationUrl":"https://21st.dev/@cnippet-dev/components/cnippet-chart/combo","preview":"media/references/21st--cnippet-dev--cnippet-chart.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"10b7d3208b238efea73d7bb1bae1f5ae668a34093aac2c5eb61fd2c6043cfeb2","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@cnippet-dev/components/cnippet-chart"},{"id":"21st--uiable--chart-pie","name":"Chart Pie","collection":"21st-community","creator":"uiable","category":"Dashboards & data","why":"Original dashboards & data reference from uiable.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@uiable/components/chart-pie","codeUrl":"https://21st.dev/@uiable/components/chart-pie","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community data-visualization catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/uiable/chart-pie/default/preview.1790235801534-59872344-a069-49c9-8826-087f6dc45655.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"uiable","sourceCategory":"data-visualization","creatorPublicationUrl":"https://21st.dev/@uiable/components/chart-pie","preview":"media/references/21st--uiable--chart-pie.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"81d7ff8ec4732993a38e41c0ae8a65f23ddb3062c76269fb376af13b759c7e4a","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@uiable/components/chart-pie"},{"id":"21st--uvain--revenue-charts-kpi","name":"Charts & KPI Cards","collection":"21st-community","creator":"Mohamed Uvaish","category":"Dashboards & data","why":"Original dashboards & data reference from Mohamed Uvaish.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@uvain/components/revenue-charts-kpi","codeUrl":"https://21st.dev/@uvain/components/revenue-charts-kpi","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community dashboard catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/uvain/revenue-charts-kpi/default/preview.1790667019181-592211b0-3aa6-4cb6-9c28-cd62c5494a2b.jpg","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"uvain","sourceCategory":"dashboard","creatorPublicationUrl":"https://21st.dev/@uvain/components/revenue-charts-kpi","preview":"media/references/21st--uvain--revenue-charts-kpi.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"2d43249a83ef2fbb3e06840a55cd9bda17c6aa8de42431456cec04fecba908f6","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@uvain/components/revenue-charts-kpi"},{"id":"21st--jakobhoeg--chat-bubble","name":"Chat Bubble","collection":"21st-community","creator":"Jakob Hoeg Mørk","category":"Conversation craft","why":"Original conversation craft reference from Jakob Hoeg Mørk.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@jakobhoeg/components/chat-bubble","codeUrl":"https://21st.dev/@jakobhoeg/components/chat-bubble","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community ai-chat catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_jakobhoeg/chat-bubble/default/preview.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"jakobhoeg","sourceCategory":"ai-chat","creatorPublicationUrl":"https://21st.dev/@jakobhoeg/components/chat-bubble","preview":"media/references/21st--jakobhoeg--chat-bubble.png","previewWidth":836,"previewHeight":722,"previewSha256":"22e7715ee4ced9a5d10f711babd2237ce4db3d59c7121bdadaf0ef5e78483294","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@jakobhoeg/components/chat-bubble"},{"id":"21st--nexus-ui--chat-messages","name":"Chat Messages","collection":"21st-community","creator":"nexus-ui","category":"Conversation craft","why":"Original conversation craft reference from nexus-ui.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@nexus-ui/components/chat-messages","codeUrl":"https://21st.dev/@nexus-ui/components/chat-messages","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community ai-chat catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/nexus-ui/chat-messages/default/preview.1784358333941-8fe47408-1d90-4abb-8d79-ab5cb29f46aa.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"nexus-ui","sourceCategory":"ai-chat","creatorPublicationUrl":"https://21st.dev/@nexus-ui/components/chat-messages","preview":"media/references/21st--nexus-ui--chat-messages.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"3fc930c15495f056d6b897ca31901eba2358fd08a62c3045ff11bf5b0ce613a5","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@nexus-ui/components/chat-messages"},{"id":"21st--asanshay--chat-reasoning","name":"Chat Reasoning","collection":"21st-community","creator":"asanshay","category":"Thinking & progress","why":"Original thinking & progress reference from asanshay.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@asanshay/components/chat-reasoning","codeUrl":"https://21st.dev/@asanshay/components/chat-reasoning","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community ai-chat catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/asanshay/chat-reasoning/default/preview.1784317972812.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:51:40.290057+00:00","creatorHandle":"asanshay","sourceCategory":"ai-chat","creatorPublicationUrl":"https://21st.dev/@asanshay/components/chat-reasoning","canonicalComponentUrl":"https://21st.dev/@asanshay/components/chat-reasoning","preview":"media/references/21st--asanshay--chat-reasoning.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"6414035c4ab136cb1b6086d0f3a61ef2b59e74170e0c1bc5d25d85d17f568175","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:51:40.290057+00:00"},{"id":"21st--rayimanoj8--chat-template","name":"Chat template","collection":"21st-community","creator":"Manoj","category":"Conversation craft","why":"Original conversation craft reference from Manoj.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@rayimanoj8/components/chat-template/whatsapp-mock","codeUrl":"https://21st.dev/@rayimanoj8/components/chat-template/whatsapp-mock","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community dashboard catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_2tGqCCR3512kD1my3QHlP4CK6Lk/chat-template/whatsapp-mock/preview.png?v=1","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"rayimanoj8","sourceCategory":"dashboard","creatorPublicationUrl":"https://21st.dev/@rayimanoj8/components/chat-template/whatsapp-mock","preview":"media/references/21st--rayimanoj8--chat-template.png","previewWidth":960,"previewHeight":540,"previewSha256":"85a4515a6d73a11a33fd6b515749727417a528888711e35043e79be9cb551749","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@rayimanoj8/components/chat-template"},{"id":"21st--ephraimduncan--chat-02","name":"Chat with Model Menu","collection":"21st-community","creator":"Ephraim Duncan","category":"Conversation craft","why":"Original conversation craft reference from Ephraim Duncan.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@ephraimduncan/components/chat-02","codeUrl":"https://21st.dev/@ephraimduncan/components/chat-02","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community ai-chat catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/ephraimduncan/chat-02/default/preview.1789967911413-c97e29d8-5093-4d7e-ab2f-3af2dc6ced83.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"ephraimduncan","sourceCategory":"ai-chat","creatorPublicationUrl":"https://21st.dev/@ephraimduncan/components/chat-02","preview":"media/references/21st--ephraimduncan--chat-02.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"0966efb5165f0dc079a1c65e16aa8ec54a5d3994fb896ee5f4d3d0f4916674f0","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@ephraimduncan/components/chat-02"},{"id":"21st--anubra266--checkbox-1","name":"Checkbox","collection":"21st-community","creator":"Abraham","category":"Cards & layouts","why":"Original cards & layouts reference from Abraham.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@anubra266/components/checkbox-1/cards-checkbox","codeUrl":"https://21st.dev/@anubra266/components/checkbox-1/cards-checkbox","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community card catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/larsen66/checkbox-1/cards-checkbox/preview.1756418319877.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"anubra266","sourceCategory":"card","creatorPublicationUrl":"https://21st.dev/@anubra266/components/checkbox-1/cards-checkbox","preview":"media/references/21st--anubra266--checkbox-1.png","previewWidth":549,"previewHeight":376,"previewSha256":"9460fb779eb4b7802984865068d0f5ebdac5bd61d14a35f22bba4eff4e2b8c11","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@anubra266/components/checkbox-1"},{"id":"beui-native--checkbox","name":"Checkbox · Native","collection":"beui-native","category":"React Native","why":"A checkmark that draws itself in.","useFor":"Original React Native component from the creator’s public library. Image reference with original demo and source links.","sourceFiles":["sources/beui-native/code/src/components/checkbox/checkbox.tsx","sources/beui-native/code/src/components/checkbox/index.ts"],"website":"https://beui.dev/react-native/checkbox","repository":"https://github.com/starc007/beui-native","commit":"","license":"MIT","access":"Source saved","review":"Official creator catalog · not individually runtime-tested","favorite":false,"discovered":"Original creator library, linked from beUI","added":"2026-10-20","preview":"media/beui-native--checkbox.jpg","previewSource":"https://media.beui.dev/clips/checkbox-light.fc4fb13b83.jpg","previewType":"Creator’s original React Native recording poster","platform":"React Native","selectionType":"Creator library expansion","previewWidth":600,"previewHeight":1304,"previewAnimated":false,"previewVideo":"media/recordings/beui-native--checkbox.mp4","videoSource":"https://media.beui.dev/clips/checkbox-light.fc4fb13b83.mp4","videoType":"Unmodified original creator recording","videoMetadata":{"width":600,"height":1304,"duration":5.683333},"videoSha256":"fc4fb13b83388b44dc831eac656cb29cb2904fc8bcc0db3aad06d8f41ecd267c","previewVideoSource":"https://media.beui.dev/clips/checkbox-light.fc4fb13b83.mp4"},{"id":"21st--airbnb-visx--chords","name":"Chords","collection":"21st-community","creator":"Airbnb","category":"Dashboards & data","why":"Original dashboards & data reference from Airbnb.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@airbnb-visx/components/chords","codeUrl":"https://21st.dev/@airbnb-visx/components/chords","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community data-visualization catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/larsen66/chords/default/preview.1747926808953.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"airbnb-visx","sourceCategory":"data-visualization","creatorPublicationUrl":"https://21st.dev/@airbnb-visx/components/chords","preview":"media/references/21st--airbnb-visx--chords.png","previewWidth":960,"previewHeight":673,"previewSha256":"aeb2a220682f62ce5ad09c7ef9af0a73fd9b4cf0e8583da11ef3cc350c862e68","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@airbnb-visx/components/chords"},{"id":"codrops--christmas-diorama","name":"Christmas Diorama","collection":"codrops-creative","creator":"Ricardo Oliva Alonso","creatorUrl":"https://tympanus.net/codrops/hub/author/ricardo_oliva_alonso","category":"Spatial experiences","styleTags":["3D","christmas","Three.js","WebGL"],"why":"Isometric cutaway room on a round snowy plinth, a compact diorama with clear depth and a muted palette.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://codepen.io/ricardoolivaalonso/full/ZYzXVWJ","codeUrl":"https://codepen.io/ricardoolivaalonso/pen/ZYzXVWJ","repository":"","sourceFiles":[],"commit":"","access":"Creator code linked · access unverified (source response recorded)","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview review; original demo/source attribution traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub · October 20 midday review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/01/image-2025-01-04-at-16.27.02.jpg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Jan 1, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T06:57:46.927245+00:00","preview":"media/references/codrops--christmas-diorama.jpg","previewWidth":1013,"previewHeight":721,"previewSha256":"5b06c4962aeae4f11bf26c010d2e4035d125ee2f6e6cec64bdf37b3d5d05da9b","previewAnimated":false,"observedPage":6,"sourcePageCheck":{"status":403,"resolvedUrl":"https://codepen.io/ricardoolivaalonso/pen/ZYzXVWJ","checkedAt":"2026-10-20T07:06:15.081434+00:00"}},{"id":"aceternity--chromatic-image","name":"Chromatic Image","collection":"aceternity","creator":"Aceternity UI · Manu Arora","category":"Cards & layouts","why":"Original cards & layouts reference from Aceternity UI · Manu Arora.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://ui.aceternity.com/components/chromatic-image","codeUrl":"https://ui.aceternity.com/components/chromatic-image","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Reddit library leads → original Aceternity component catalog","added":"2026-10-20","previewSource":"https://assets.aceternity.com/components/chromatic-image.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","preview":"media/references/aceternity--chromatic-image.webp","previewWidth":1448,"previewHeight":1174,"previewSha256":"cfde487e4f4b23ede2852a4cb8e6a19d54bbf5256a5b62c9f6f1c169e626d324","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"codrops--cinematic-3d-scroll-experiences-with-gsap","name":"Cinematic 3D Scroll Experiences with GSAP","collection":"codrops-creative","creator":"Joseph Santamaria","creatorUrl":"https://tympanus.net/codrops/hub/author/joseph","category":"Galleries & transitions","styleTags":["3d","gsap","react three fiber","scroll","three.js","webgl"],"why":"Original galleries & transitions reference published in the Codrops Creative Hub; inspect the image and original demo for its visual approach.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Tutorials/Cinematic3DScroll/","codeUrl":"https://github.com/JosephASG/codrops-cinematic-scroll-animations","repository":"https://github.com/JosephASG/codrops-cinematic-scroll-animations","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Contact-sheet preview reviewed with Sonnet 5.5 Medium; original publisher links traced; not runtime-tested","selectionType":"Preview-reviewed design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/11/cinematicGSAP_featured-1-768x576.jpeg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Nov 19, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:23:38.056369+00:00","preview":"media/references/codrops--cinematic-3d-scroll-experiences-with-gsap.jpg","previewWidth":768,"previewHeight":576,"previewSha256":"5376e86aa657f116a746ada39a99bc468e900297d8363d2759212d3d78cbd7e2","previewAnimated":false},{"id":"21st--hihahihahoho--circle-progress","name":"Circle Progress","collection":"21st-community","creator":"oc tung","category":"Thinking & progress","why":"Original thinking & progress reference from oc tung.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@hihahihahoho/components/circle-progress","codeUrl":"https://21st.dev/@hihahihahoho/components/circle-progress","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community data-visualization catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_2ryL1QG6P953wIAdUUA3nj8N4tL/circle-progress/default/preview.1743158355323.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"hihahihahoho","sourceCategory":"data-visualization","creatorPublicationUrl":"https://21st.dev/@hihahihahoho/components/circle-progress","preview":"media/references/21st--hihahihahoho--circle-progress.png","previewWidth":960,"previewHeight":789,"previewSha256":"8886390df06e1f92adc8c95ff9b84519ba9fb933fd49df7d98d5ce151163fac2","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@hihahihahoho/components/circle-progress"},{"id":"cult-ui--circuit-board","name":"Circuit board","collection":"cult-ui","creator":"Cult UI · nolly studio","category":"Cards & layouts","why":"Original cards & layouts reference from Cult UI · nolly studio.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://www.cult-ui.com/docs/components/circuit-board","codeUrl":"https://github.com/nolly-studio/cult-ui/blob/7f031dc812f7bda10213bab62752dd6d080297ff/apps/www/registry/default/ui/circuit-board.tsx","repository":"https://github.com/nolly-studio/cult-ui","sourceFiles":["sources/cult-ui/code/apps/www/registry/default/ui/circuit-board.tsx","sources/cult-ui/code/apps/www/registry/default/example/circuit-board-demo.tsx","sources/cult-ui/code/apps/www/content/docs/components/circuit-board.mdx"],"commit":"7f031dc812f7bda10213bab62752dd6d080297ff","access":"Source saved","license":"MIT (original LICENSE.md preserved; Copyright 2023 Jordan-Gilliam)","review":"Exact component, demo and documentation matched in creator repository; source byte-verified; not runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Original Cult UI library linked by community research","added":"2026-10-20","previewSource":"https://www.cult-ui.com/_next/image?url=%2Fcult-pro-component-images%2Fcircuit-board-demo-light.png&w=1080&q=75","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","preview":"media/references/cult-ui--circuit-board.png","previewWidth":1080,"previewHeight":675,"previewSha256":"11d88f6262ff45a805cfcb0bb19dd354565eb6fbdb33bda8f32879df95d1b52b","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","sourceVerifiedAt":"2026-10-20T05:12:02.451050+00:00","sourceVerificationUrl":"https://www.cult-ui.com/docs/components/circuit-board"},{"id":"21st--kavikatiyar--circular-progress-card","name":"Circular Progress Card","collection":"21st-community","creator":"Kavi Katiyar","category":"Thinking & progress","why":"Original thinking & progress reference from Kavi Katiyar.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@kavikatiyar/components/circular-progress-card","codeUrl":"https://21st.dev/@kavikatiyar/components/circular-progress-card","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community progress catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_32hbh6QoSVv3IJTJfaQWBLHRl6N/circular-progress-card/default/preview.1788886108711.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"kavikatiyar","sourceCategory":"progress","creatorPublicationUrl":"https://21st.dev/@kavikatiyar/components/circular-progress-card","preview":"media/references/21st--kavikatiyar--circular-progress-card.jpg","previewWidth":960,"previewHeight":752,"previewSha256":"fc61ca689c0b0ddccbacd5f646c068f24a85ea60ca7a9f0b8b6f4a4ef7f79472","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@kavikatiyar/components/circular-progress-card"},{"id":"beui--citations","name":"Citations","collection":"beui","category":"Artifacts & evidence","why":"Source references form their own inspectable surface near the answer rather than an unexplained list of links.","useFor":"Research and grounded responses.","sourceFiles":["sources/beui/code/components/agents/citations.tsx"],"website":"https://beui.dev/components/agents/citations","repository":"https://github.com/starc007/ui-components","commit":"6b5a00a5687214be8fd12fb0b6a78678d4dc96e0","license":"MIT","access":"Source saved","review":"Creator documentation + exact source; library expansion","favorite":false,"discovered":"Independent research","added":"2026-10-20","selectionType":"Creator library expansion","preview":"media/screenshots/beui--citations.jpg","previewType":"Screenshot of the creator’s published web demo","previewSource":"https://beui.dev/components/agents/citations","capturedAt":"2026-10-20T04:22:40.930Z","captureWidth":1232,"captureHeight":490,"captureX":304,"captureY":348,"previewWidth":1232,"previewHeight":490,"previewAnimated":false},{"id":"beui-native--citations","name":"Citations · Native","collection":"beui-native","category":"React Native","why":"Tap a number and its source springs up.","useFor":"Original React Native component from the creator’s public library. Image reference with original demo and source links.","sourceFiles":["sources/beui-native/code/src/components/citations/citations.tsx","sources/beui-native/code/src/components/citations/index.ts"],"website":"https://beui.dev/react-native/citations","repository":"https://github.com/starc007/beui-native","commit":"","license":"MIT","access":"Source saved","review":"Official creator catalog · not individually runtime-tested","favorite":false,"discovered":"Original creator library, linked from beUI","added":"2026-10-20","preview":"media/beui-native--citations.jpg","previewSource":"https://media.beui.dev/clips/citations-light.4924f0fafc.jpg","previewType":"Creator’s original React Native recording poster","platform":"React Native","selectionType":"Creator library expansion","previewWidth":600,"previewHeight":1304,"previewAnimated":false,"previewVideo":"media/recordings/beui-native--citations.mp4","videoSource":"https://media.beui.dev/clips/citations-light.4924f0fafc.mp4","videoType":"Unmodified original creator recording","videoMetadata":{"width":600,"height":1304,"duration":9.2},"videoSha256":"4924f0fafc87e072f84dc748672f9d8f2d2a7066b664d98e76389b4160f8b37e","previewVideoSource":"https://media.beui.dev/clips/citations-light.4924f0fafc.mp4"},{"id":"codrops--clair-obscur-expedition-33-webgpu-gommage-effect","name":"Clair Obscur: Expedition 33 WebGPU Gommage Effect","collection":"codrops-creative","creator":"Thibault Introvigne","creatorUrl":"https://tympanus.net/codrops/hub/author/thibaultintrovigne","category":"Editorial & typography","styleTags":["three.js","tsl","typography","webgl","webgpu"],"why":"Original editorial & typography reference published in the Codrops Creative Hub; inspect the image and original demo for its visual approach.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Tutorials/WebGPUGommage","codeUrl":"https://github.com/WallabyMonochrome/WebGPU-clair-obscur-gommage-codrops","repository":"https://github.com/WallabyMonochrome/WebGPU-clair-obscur-gommage-codrops","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Contact-sheet preview reviewed with Sonnet 5.5 Medium; original publisher links traced; not runtime-tested","selectionType":"Preview-reviewed design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/01/gommage-1-768x576.webp","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Jan 28, 2026","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:23:38.056369+00:00","preview":"media/references/codrops--clair-obscur-expedition-33-webgpu-gommage-effect.webp","previewWidth":768,"previewHeight":576,"previewSha256":"2037f7849cedad30090b61c3cd0728f2866b013efe8ed8585605a2f0d676d577","previewAnimated":false},{"id":"ai-sdk-agents--claude-input","name":"Claude composer input","collection":"ai-sdk-agents","creator":"AI SDK Agents · Cult","category":"Intent & input","why":"Original intent & input surface from the creator’s agent-interface catalog.","useFor":"Reference the original component and its creator’s implementation.","website":"https://www.aisdkagents.com/ai-components/claude-input","codeUrl":"https://www.aisdkagents.com/ai-components/claude-input","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · free/paid access not checked","license":"Creator terms apply; no source downloaded","review":"Original creator catalog inspected in Chrome; image saved; individual code access not tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Cult UI → original AI SDK Agents catalog","added":"2026-10-20","preview":"media/references/ai-sdk-agents--claude-input.webp","previewSource":"https://www.aisdkagents.com/_next/image?url=%2Fai-components%2Fthumbnails%2Fclaude-input-light.png&w=640&q=75&dpl=dpl_2BLHURNF6K3SZGxoc7Nmyo3CyTpJ","previewType":"Creator-published static component thumbnail","previewWidth":640,"previewHeight":400,"previewSha256":"27d341a73d11d585745c3eb5a62a5e285ccf415eb614fbfc16ec6c3453b2d49e","previewAnimated":false,"sourceCategory":"Chat/Composer10","retrievedAt":"2026-10-20T05:01:21.388663+00:00"},{"id":"codrops--clock","name":"Clock","collection":"codrops-creative","creator":"saharan","creatorUrl":"https://tympanus.net/codrops/hub/author/saharan","category":"Spatial experiences","styleTags":["3D","clock","haxe","physics","WebGL"],"why":"A time readout of chunky extruded 3D digits shedding loose voxel blocks above a stone plinth turns a clock into a physical object.","useFor":"Study the original image and linked creator source; respect its license and access terms.","website":"https://oimo.io/works/clock/","codeUrl":"https://github.com/saharan/works/tree/f34a4951a95ba178bfc9964d08dc898795ea4736/clock","repository":"https://github.com/saharan/works","sourceFiles":[],"commit":"f34a4951a95ba178bfc9964d08dc898795ea4736","access":"Original code linked and revision pinned · not archived; root MIT","license":"Original repository MIT; root license checked where present. Assets and dependency terms not fully audited.","review":"Sonnet 5.5 Medium static visual review and researcher source/provenance checks; not runtime, accessibility or full dependency-license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"Original input and spatial creator trails · input-spatial review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/01/Screenshot-2025-01-26-at-10.40.33.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Jan 12, 2023","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T08:26:33.379151+00:00","preview":"media/references/codrops--clock.png","previewWidth":1600,"previewHeight":1202,"previewSha256":"311f8f5a14e6eb256817ae739b06398a33f6b993c18126d028b5e6bfea3b92a4","previewAnimated":false,"sourcePageCheck":{"status":200,"resolvedUrl":"https://github.com/saharan/works/tree/main/clock","checkedAt":"2026-10-20T08:29:29.036850+00:00"},"observedOriginalCodeUrl":"https://github.com/saharan/works/tree/main/clock","sourcePinNote":"Current public original source pinned; screenshot build revision is not claimed.","sourceLicenseEvidence":"references/source-license-evidence/saharan--works/LICENSE"},{"id":"aceternity--code-block","name":"Code Block","collection":"aceternity","creator":"Aceternity UI · Manu Arora","category":"Artifacts & evidence","why":"Original artifacts & evidence reference from Aceternity UI · Manu Arora.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://ui.aceternity.com/components/code-block","codeUrl":"https://ui.aceternity.com/components/code-block","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Reddit library leads → original Aceternity component catalog","added":"2026-10-20","previewSource":"https://assets.aceternity.com/code-block.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","preview":"media/references/aceternity--code-block.webp","previewWidth":2048,"previewHeight":1440,"previewSha256":"f9b44d902289c8361b76ad662bed4e13ba48288d51a0ba983e8dd2e33e94f00f","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"21st--syeddhasnainn--code-block","name":"Code Block","collection":"21st-community","creator":"Syed Hasnain","category":"Artifacts & evidence","why":"Original artifacts & evidence reference from Syed Hasnain.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@syeddhasnainn/components/code-block","codeUrl":"https://21st.dev/@syeddhasnainn/components/code-block","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community ai-chat catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/syeddhasnainn/code-block/default/preview.1791397643478-475b2490-88a8-4f95-86f7-226fbb11f5cc.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"syeddhasnainn","sourceCategory":"ai-chat","creatorPublicationUrl":"https://21st.dev/@syeddhasnainn/components/code-block","preview":"media/references/21st--syeddhasnainn--code-block.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"385c3c7bac875482f936d09896622921c1fa8eee8eb6aa1261e22da2d353063e","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@syeddhasnainn/components/code-block"},{"id":"beui-native--code-block","name":"Code Block · Native","collection":"beui-native","category":"React Native","why":"Streaming code with fixed line numbers and wrap.","useFor":"Original React Native component from the creator’s public library. Image reference with original demo and source links.","sourceFiles":["sources/beui-native/code/src/components/code-block/code-block.tsx","sources/beui-native/code/src/components/code-block/index.ts"],"website":"https://beui.dev/react-native/code-block","repository":"https://github.com/starc007/beui-native","commit":"","license":"MIT","access":"Source saved","review":"Official creator catalog · not individually runtime-tested","favorite":false,"discovered":"Original creator library, linked from beUI","added":"2026-10-20","preview":"media/beui-native--code-block.jpg","previewSource":"https://media.beui.dev/clips/code-block-light.fd6273a4f9.jpg","previewType":"Creator’s original React Native recording poster","platform":"React Native","selectionType":"Creator library expansion","previewWidth":600,"previewHeight":1304,"previewAnimated":false,"previewVideo":"media/recordings/beui-native--code-block.mp4","videoSource":"https://media.beui.dev/clips/code-block-light.fd6273a4f9.mp4","videoType":"Unmodified original creator recording","videoMetadata":{"width":600,"height":1304,"duration":11.966667},"videoSha256":"fd6273a4f9de48e469bcb538be89f77f732588f4df74ef3eff779207950893ff","previewVideoSource":"https://media.beui.dev/clips/code-block-light.fd6273a4f9.mp4"},{"id":"21st--arihantcodes_1f7b8c4d--cohort-chart","name":"Cohort Retention Chart","collection":"21st-community","creator":"Arihant jain","category":"Dashboards & data","why":"Original dashboards & data reference from Arihant jain.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@arihantcodes_1f7b8c4d/components/cohort-chart","codeUrl":"https://21st.dev/@arihantcodes_1f7b8c4d/components/cohort-chart","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community data-visualization catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/arihantcodes_1f7b8c4d/cohort-chart/default/preview.1790146105044-d1e5c647-97f1-44ca-a1d4-baedf1e18ced.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"arihantcodes_1f7b8c4d","sourceCategory":"data-visualization","creatorPublicationUrl":"https://21st.dev/@arihantcodes_1f7b8c4d/components/cohort-chart","preview":"media/references/21st--arihantcodes_1f7b8c4d--cohort-chart.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"91d9142255c93976d5148a926f6beb41936b5d77d1314f544dec0dcb5a3c11c2","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@arihantcodes_1f7b8c4d/components/cohort-chart"},{"id":"cult-ui--collab-toolbar","name":"Collab toolbar","collection":"cult-ui","creator":"Cult UI · nolly studio","category":"Cards & layouts","why":"Original cards & layouts reference from Cult UI · nolly studio.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://www.cult-ui.com/docs/components/collab-toolbar","codeUrl":"https://github.com/nolly-studio/cult-ui/blob/7f031dc812f7bda10213bab62752dd6d080297ff/apps/www/registry/default/ui/collab-toolbar.tsx","repository":"https://github.com/nolly-studio/cult-ui","sourceFiles":["sources/cult-ui/code/apps/www/registry/default/ui/collab-toolbar.tsx","sources/cult-ui/code/apps/www/registry/default/example/collab-toolbar-demo.tsx","sources/cult-ui/code/apps/www/content/docs/components/collab-toolbar.mdx"],"commit":"7f031dc812f7bda10213bab62752dd6d080297ff","access":"Source saved","license":"MIT (original LICENSE.md preserved; Copyright 2023 Jordan-Gilliam)","review":"Exact component, demo and documentation matched in creator repository; source byte-verified; not runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Original Cult UI library linked by community research","added":"2026-10-20","previewSource":"https://www.cult-ui.com/_next/image?url=%2Fcult-pro-component-images%2Fcollab-toolbar-demo-light.png&w=1080&q=75","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","preview":"media/references/cult-ui--collab-toolbar.png","previewWidth":1080,"previewHeight":675,"previewSha256":"7e48522498954be8e002daec69bdf5d447bcebe81b0f4899e4375a0057a69d3d","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","sourceVerifiedAt":"2026-10-20T05:12:02.451173+00:00","sourceVerificationUrl":"https://www.cult-ui.com/docs/components/collab-toolbar"},{"id":"21st--clevision--collapsible-1","name":"Collapsible","collection":"21st-community","creator":"Clevision","category":"Navigation & search","why":"Original navigation & search reference from Clevision.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@clevision/components/collapsible-1/collapsible-two","codeUrl":"https://21st.dev/@clevision/components/collapsible-1/collapsible-two","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community file-tree catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/larsen66/collapsible-1/collapsible-two/preview.1760514342988.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"clevision","sourceCategory":"file-tree","creatorPublicationUrl":"https://21st.dev/@clevision/components/collapsible-1/collapsible-two","preview":"media/references/21st--clevision--collapsible-1.png","previewWidth":488,"previewHeight":520,"previewSha256":"e9d591fa33f7f829aa5ab230bb6ea032821f4626f9df5ee242e4843c420818e0","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@clevision/components/collapsible-1"},{"id":"webzibition--colonia-zacamil","name":"Colonia Zacamil","collection":"webzibition","creator":"Colonia Zacamil · original site","creatorAttribution":"Site identity from the publisher listing; individual design author not independently verified","category":"Spatial experiences","why":"Isometric rendered neighbourhood with murals and tiny controls at the bottom; a map-like explorer view.","useFor":"Study the original website’s composition and presentation; code availability is unverified.","website":"https://coloniazacamil.com/","codeUrl":"","repository":"","sourceFiles":[],"commit":"","access":"Design reference · public source not traced","license":"Website and preview rights belong to their respective owners; no source or reuse license verified","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited; original website returned HTTP200; screenshot may predate the current live design","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"Codrops Webzibition → original website","added":"2026-10-20","preview":"media/references/webzibition--colonia-zacamil.png","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/08/coloniazacamil-1200x649.png?x67708","previewType":"Codrops publisher screenshot of the linked original website; not a fresh live capture","previewWidth":1200,"previewHeight":649,"previewSha256":"3142e9072cd38c4058fa07cda446f4069b63a431979f8b8d8c681e3a5310aed4","previewAnimated":false,"publisherIndex":"https://tympanus.net/codrops/webzibition/","publisherRecord":"post-120116","pageTitle":"Colonia Zacamil","pageCheckedAt":"2026-10-20T05:54:32.868906+00:00","pageAvailability":"HTTP200; same-domain original website","retrievedAt":"2026-10-20T05:54:32.868906+00:00"},{"id":"21st--wensity--color-picker","name":"Color Picker","collection":"21st-community","creator":"Wensity Labs","category":"Cards & layouts","why":"Original cards & layouts reference from Wensity Labs.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@wensity/components/color-picker","codeUrl":"https://21st.dev/@wensity/components/color-picker","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Featured by publisher; creator preview indexed; not runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community featured catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/wensity/color-picker/default/preview.1790303018770-02921d4d-3e97-4db2-9f78-2e33fc1c4fde.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"wensity","sourceCategory":"featured","creatorPublicationUrl":"https://21st.dev/@wensity/components/color-picker","preview":"media/references/21st--wensity--color-picker.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"24a51f15d355e943519ca499336c1717aa7b390462538f040b235151efe5c22f","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@wensity/components/color-picker"},{"id":"21st--syeddhasnainn--color-picker","name":"Color Picker","collection":"21st-community","creator":"Syed Hasnain","category":"Conversation craft","why":"Original conversation craft reference from Syed Hasnain.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@syeddhasnainn/components/color-picker","codeUrl":"https://21st.dev/@syeddhasnainn/components/color-picker","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community ai-chat catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/syeddhasnainn/color-picker/default/preview.1791404948414-759ee3b1-f8db-4d88-a6eb-721e79cdd9f5.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"syeddhasnainn","sourceCategory":"ai-chat","creatorPublicationUrl":"https://21st.dev/@syeddhasnainn/components/color-picker","preview":"media/references/21st--syeddhasnainn--color-picker.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"430a3a8f11e9c647f541015fefa2b2aae08e4589e138948ae9a71964a9bd0889","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@syeddhasnainn/components/color-picker"},{"id":"react-aria--color-picker","name":"Color picker","collection":"react-aria","creator":"Adobe · React Aria","category":"Forms & controls","why":"Compact picker with a 2D saturation/brightness area and a thumb, a labeled hue slider with a live degree readout, and a synced hex input. It gives a clear reference for how slider, area and text controls share one value.","useFor":"Inspect the original creator demo and implementation before adoption.","website":"https://react-aria.adobe.com/ColorPicker","codeUrl":"https://react-aria.adobe.com/ColorPicker","repository":"https://github.com/adobe/react-spectrum","sourceFiles":[],"commit":"797762ed3526ea12f089e321bd3891066affad70","access":"Public original docs code linked · implementation not archived","license":"Apache-2.0 (original repository license notice preserved)","review":"Sonnet-assisted static visual review; original demo captured; not runtime/accessibility audited","selectionType":"Visually reviewed original component","favorite":false,"discovered":"Category gap research → official creator documentation","added":"2026-10-20","preview":"media/references/react-aria--color-picker.jpg","previewSource":"https://react-aria.adobe.com/ColorPicker","previewType":"Static capture of the published demo; source snapshot pinned separately","previewWidth":206,"previewHeight":335,"previewSha256":"c8a09307930d3e2d63437f50f6ba6a8c04b7f5415ffa264f29dd59e99f2957de","previewAnimated":false,"rawCapture":"evidence/aria-color-picker-full.jpg","captureBounds":{"left":407,"top":474,"right":613,"bottom":809},"emptyPaddingCrop":null,"retrievedAt":"2026-10-20T06:40:03.546448+00:00","licenseSource":"https://raw.githubusercontent.com/adobe/react-spectrum/797762ed3526ea12f089e321bd3891066affad70/LICENSE","licenseSha256":"7dfe6526888bac51759c99f9a51262ba2711a8c12a067f2181609dd9a4066b84"},{"id":"beui-native--color-picker","name":"Color Picker · Native","collection":"beui-native","category":"React Native","why":"A popover picker with a loupe under your finger.","useFor":"Original React Native component from the creator’s public library. Image reference with original demo and source links.","sourceFiles":["sources/beui-native/code/src/components/color-picker/color.ts","sources/beui-native/code/src/components/color-picker/context.tsx","sources/beui-native/code/src/components/color-picker/fields.tsx","sources/beui-native/code/src/components/color-picker/index.ts","sources/beui-native/code/src/components/color-picker/popover.tsx","sources/beui-native/code/src/components/color-picker/presets.tsx","sources/beui-native/code/src/components/color-picker/surfaces.tsx"],"website":"https://beui.dev/react-native/color-picker","repository":"https://github.com/starc007/beui-native","commit":"","license":"MIT","access":"Source saved","review":"Official creator catalog · not individually runtime-tested","favorite":false,"discovered":"Original creator library, linked from beUI","added":"2026-10-20","preview":"media/beui-native--color-picker.jpg","previewSource":"https://media.beui.dev/clips/color-picker-light.30675dbd04.jpg","previewType":"Creator’s original React Native recording poster","platform":"React Native","selectionType":"Creator library expansion","previewWidth":600,"previewHeight":1304,"previewAnimated":false,"previewVideo":"media/recordings/beui-native--color-picker.mp4","videoSource":"https://media.beui.dev/clips/color-picker-light.30675dbd04.mp4","videoType":"Unmodified original creator recording","videoMetadata":{"width":600,"height":1304,"duration":7.116667},"videoSha256":"30675dbd04659b7f2189fee7e6646e802809447b498189c5ca1c5384d496f8c3","previewVideoSource":"https://media.beui.dev/clips/color-picker-light.30675dbd04.mp4"},{"id":"aceternity--colourful-text","name":"Colourful Text","collection":"aceternity","creator":"Aceternity UI · Manu Arora","category":"Typography & effects","why":"Original typography & effects reference from Aceternity UI · Manu Arora.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://ui.aceternity.com/components/colourful-text","codeUrl":"https://ui.aceternity.com/components/colourful-text","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Reddit library leads → original Aceternity component catalog","added":"2026-10-20","previewSource":"https://assets.aceternity.com/colourful-text.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","preview":"media/references/aceternity--colourful-text.webp","previewWidth":2048,"previewHeight":1440,"previewSha256":"1faabbd6cc1fd3ada905fce5211f4462dd412e24ef9339d088e5f980c71c594c","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"21st--anubra266--combobox","name":"Combobox","collection":"21st-community","creator":"Abraham","category":"Navigation & search","why":"Original navigation & search reference from Abraham.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@anubra266/components/combobox/highlight-combobox","codeUrl":"https://21st.dev/@anubra266/components/combobox/highlight-combobox","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community search catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/larsen66/combobox/highlight-combobox/preview.1756376835476.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"anubra266","sourceCategory":"search","creatorPublicationUrl":"https://21st.dev/@anubra266/components/combobox/highlight-combobox","preview":"media/references/21st--anubra266--combobox.png","previewWidth":960,"previewHeight":737,"previewSha256":"391bf352d5491f35a91d461f4de7536e649dc75459ed509dce5b7c54e06eee56","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@anubra266/components/combobox"},{"id":"21st--clevision--combobox","name":"Combobox","collection":"21st-community","creator":"Clevision","category":"Navigation & search","why":"Original navigation & search reference from Clevision.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@clevision/components/combobox/multiple-combobox-expandable","codeUrl":"https://21st.dev/@clevision/components/combobox/multiple-combobox-expandable","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community search catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/larsen66/combobox/multiple-combobox-expandable/preview.1760515798530.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"clevision","sourceCategory":"search","creatorPublicationUrl":"https://21st.dev/@clevision/components/combobox/multiple-combobox-expandable","preview":"media/references/21st--clevision--combobox.png","previewWidth":587,"previewHeight":655,"previewSha256":"ed15dfba577353daa79f3e5a52c83ad4e7b8255e1cb5019fc051c9633e57a140","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@clevision/components/combobox"},{"id":"21st--kuratlielia--combobox","name":"Combobox","collection":"21st-community","creator":"kuratlielia","category":"Navigation & search","why":"Original navigation & search reference from kuratlielia.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@kuratlielia/components/combobox","codeUrl":"https://21st.dev/@kuratlielia/components/combobox","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community search catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_registry_kuratlielia_1790903117010/combobox/default/preview.1790985320053.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"kuratlielia","sourceCategory":"search","creatorPublicationUrl":"https://21st.dev/@kuratlielia/components/combobox","preview":"media/references/21st--kuratlielia--combobox.jpg","previewWidth":598,"previewHeight":472,"previewSha256":"2814a69876c03a980acfe9fc7b9368eb7f6d5ad7e749378972ec3a56a3b6f0d1","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@kuratlielia/components/combobox"},{"id":"aceternity--comet-card","name":"Comet Card","collection":"aceternity","creator":"Aceternity UI · Manu Arora","category":"Cards & layouts","why":"Original cards & layouts reference from Aceternity UI · Manu Arora.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://ui.aceternity.com/components/comet-card","codeUrl":"https://ui.aceternity.com/components/comet-card","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Reddit library leads → original Aceternity component catalog","added":"2026-10-20","previewSource":"https://assets.aceternity.com/comet-card.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","preview":"media/references/aceternity--comet-card.webp","previewWidth":2048,"previewHeight":1440,"previewSha256":"a0fa1bfa02763cd3b98d5e3059235f3d3c1e25f452821a4007061c5d5053ce09","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"affectui--command-menu","name":"Command Menu","collection":"affectui","category":"Intent & input","why":"The creator’s command surface combines searchable tool actions, branded integrations and keyboard hints in one field.","useFor":"A supporting original reference from the bookmarked creator.","sourceFiles":[],"website":"https://www.affectui.com/components/command-menu","repository":"","commit":"cc799e7e438efcea8d484fa27932405ea60bff9a","license":"MIT","access":"Paid reference · no code","review":"Original creator recording; paid source not accessed","favorite":false,"discovered":"X bookmarks","added":"2026-10-20","preview":"media/stills/affectui--command-menu.png","previewSource":"https://www.affectui.com/components/command-menu","previewType":"Still frame from creator’s original animation","relatedLibraryRepository":"https://github.com/flohoeller/affectui","previewOriginalAsset":"media/affectui--command-menu.webp","previewFrameIndex":9,"previewWidth":959,"previewHeight":600,"previewAnimated":false,"previewVideo":"media/recordings/affectui--command-menu.mp4","videoSource":"https://github.com/flohoeller/affectui/blob/cc799e7e438efcea8d484fa27932405ea60bff9a/.github/assets/showcase/command-menu-light.webp","videoType":"MP4 transcode of creator’s original animation; original asset preserved","videoMetadata":{"width":960,"height":600,"duration":4.28},"videoSha256":"ce700b1a18bff947416893d0446ac73ff934cf6787b1e58260584a00e0f4c1c9","videoOriginalAsset":"media/affectui--command-menu.webp","videoOriginalSha256":"0eb9bb972fc72898862434e188f4727aaae3be444993946f6df2e003eab24b08","videoDerivation":"Exact decoded creator frames and timing, H.264 encoding; at most one pixel of edge padding for browser compatibility. No upscaling or invented frames.","previewVideoSource":"https://github.com/flohoeller/affectui/blob/cc799e7e438efcea8d484fa27932405ea60bff9a/.github/assets/showcase/command-menu-light.webp"},{"id":"21st--efferd--dashboard-4","name":"Commerce Dashboard","collection":"21st-community","creator":"Efferd","category":"Dashboards & data","why":"Original dashboards & data reference from Efferd.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@efferd/components/dashboard-4","codeUrl":"https://21st.dev/@efferd/components/dashboard-4","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community dashboard catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/efferd/dashboard-4/default/preview.1790021881423-0bfe4024-9781-4c57-9289-cb3ae1822562.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"efferd","sourceCategory":"dashboard","creatorPublicationUrl":"https://21st.dev/@efferd/components/dashboard-4","preview":"media/references/21st--efferd--dashboard-4.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"ec6a60d73d154bbb721f00f856e2f85316a73d4ea4865b93e91f4ac028620985","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@efferd/components/dashboard-4"},{"id":"21st--syeddhasnainn--commit","name":"Commit","collection":"21st-community","creator":"Syed Hasnain","category":"Conversation craft","why":"Original conversation craft reference from Syed Hasnain.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@syeddhasnainn/components/commit","codeUrl":"https://21st.dev/@syeddhasnainn/components/commit","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community ai-chat catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/syeddhasnainn/commit/default/preview.1791397700305-227b47ba-4730-4cbd-afb8-d06c0fc265ee.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"syeddhasnainn","sourceCategory":"ai-chat","creatorPublicationUrl":"https://21st.dev/@syeddhasnainn/components/commit","preview":"media/references/21st--syeddhasnainn--commit.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"d91c232d29b33248415ae34f3132c3a2f0edc0645311589aaeaa5a2011413e1b","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@syeddhasnainn/components/commit"},{"id":"aceternity--compare","name":"Compare","collection":"aceternity","creator":"Aceternity UI · Manu Arora","category":"Cards & layouts","why":"Original cards & layouts reference from Aceternity UI · Manu Arora.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://ui.aceternity.com/components/compare","codeUrl":"https://ui.aceternity.com/components/compare","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Reddit library leads → original Aceternity component catalog","added":"2026-10-20","previewSource":"https://assets.aceternity.com/compare.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","preview":"media/references/aceternity--compare.webp","previewWidth":2048,"previewHeight":1440,"previewSha256":"183195c7df76225bea024c723964538c2385977fde46d8691fc1e818039f99eb","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"21st--mohammadshehadeh--comparison-02","name":"Comparison Table","collection":"21st-community","creator":"Mohammad Shehadeh","category":"Cards & layouts","why":"Original cards & layouts reference from Mohammad Shehadeh.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@mohammadshehadeh/components/comparison-02","codeUrl":"https://21st.dev/@mohammadshehadeh/components/comparison-02","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Featured by publisher; creator preview indexed; not runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community featured catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/hirael/comparison-02/default/preview.1788886784002-5a66db36-8f7b-418d-939c-da2c3e4f31d9.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"mohammadshehadeh","sourceCategory":"featured","creatorPublicationUrl":"https://21st.dev/@mohammadshehadeh/components/comparison-02","preview":"media/references/21st--mohammadshehadeh--comparison-02.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"0a878b46214f751bfa7954275119f0d17ae0d47b35a57739f194ac7d88b0f51b","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@mohammadshehadeh/components/comparison-02"},{"id":"webzibition--concrete","name":"Concrete","collection":"webzibition","creator":"Concrete · original site","creatorAttribution":"Site identity from the publisher listing; individual design author not independently verified","category":"Full websites & portfolios","why":"Split-screen view of two furnished interiors with a labelled button on each half; clear choose-your-path layout.","useFor":"Study the original website’s composition and presentation; code availability is unverified.","website":"https://www.concretemanagement.ch/","codeUrl":"","repository":"","sourceFiles":[],"commit":"","access":"Design reference · public source not traced","license":"Website and preview rights belong to their respective owners; no source or reuse license verified","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited; original website returned HTTP200; screenshot may predate the current live design","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"Codrops Webzibition → original website","added":"2026-10-20","preview":"media/references/webzibition--concrete.png","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/10/www.concretemanagement.ch_-1200x649.png?x67708","previewType":"Codrops publisher screenshot of the linked original website; not a fresh live capture","previewWidth":1200,"previewHeight":649,"previewSha256":"c393aaf14c8cf202688b36a070797706c47f4d1aabce866acea0ff8bb6c3462b","previewAnimated":false,"publisherIndex":"https://tympanus.net/codrops/webzibition/","publisherRecord":"post-124384","pageTitle":"Concrete.","pageCheckedAt":"2026-10-20T05:54:32.868906+00:00","pageAvailability":"HTTP200; same-domain original website","retrievedAt":"2026-10-20T05:54:32.868906+00:00"},{"id":"21st--uilayout.contact--conditiongrid","name":"Condition Grid","collection":"21st-community","creator":"ui layout","category":"Cards & layouts","why":"Original cards & layouts reference from ui layout.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@uilayout.contact/components/conditiongrid","codeUrl":"https://21st.dev/@uilayout.contact/components/conditiongrid","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community grid catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_2zAsvSHo1IeJGKtSjJ3uR1N1Cd7/conditiongrid/default/preview.1787264260148.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"uilayout.contact","sourceCategory":"grid","creatorPublicationUrl":"https://21st.dev/@uilayout.contact/components/conditiongrid","preview":"media/references/21st--uilayout.contact--conditiongrid.png","previewWidth":960,"previewHeight":759,"previewSha256":"f9a1bfe804c7560319df5b5a03635b7ce917d62c9a85bf4ebe2c736b96e346d4","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@uilayout.contact/components/conditiongrid"},{"id":"ai-elements--confirmation","name":"Confirmation","collection":"ai-elements","creator":"Vercel · AI Elements","category":"Human control","why":"Single inline approval bar: sentence with a monospace file path chip, then Reject (outlined) and Approve (solid blue) pair at the right.","useFor":"Inspect the original creator demo and implementation before adoption.","website":"https://elements.ai-sdk.dev/components/confirmation","codeUrl":"https://github.com/vercel/ai-elements/blob/ca8be600bfd01b3131f9bf6134b51602a71f4374/packages/elements/src/confirmation.tsx","repository":"https://github.com/vercel/ai-elements","sourceFiles":["sources/ai-elements/code/packages/elements/src/confirmation.tsx","sources/ai-elements/code/packages/examples/src/confirmation.tsx"],"commit":"ca8be600bfd01b3131f9bf6134b51602a71f4374","access":"Source saved","license":"Apache-2.0 (original repository license notice preserved)","review":"Sonnet-assisted static visual review; original demo captured; not runtime/accessibility audited","selectionType":"Visually reviewed original component","favorite":false,"discovered":"Category gap research → official creator documentation","added":"2026-10-20","preview":"media/references/ai-elements--confirmation.jpg","previewSource":"https://elements.ai-sdk.dev/components/confirmation","previewType":"Static capture of the published demo; source snapshot pinned separately","previewWidth":685,"previewHeight":109,"previewSha256":"9c720d3b2ab9f84afff370d003c12048639e741d1d992e0267ef40b5f3673ffb","previewAnimated":false,"rawCapture":"evidence/elements-confirmation-full.jpg","captureBounds":{"left":289,"top":157,"right":982,"bottom":748},"emptyPaddingCrop":{"left":3,"top":3,"right":688,"bottom":112},"retrievedAt":"2026-10-20T06:40:03.546448+00:00"},{"id":"codrops--consecutive-scroll-animations-with-one-element","name":"Consecutive Scroll Animations with One Element","collection":"codrops-creative","creator":"Manoela Ilic","creatorUrl":"https://tympanus.net/codrops/hub/author/crnacura","category":"Galleries & transitions","styleTags":["GSAP","scroll"],"why":"Large fashion portrait backed by a row of small thumbnails along the bottom as the selector.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Development/OneElementScroll/","codeUrl":"https://github.com/codrops/OneElementScroll","repository":"https://github.com/codrops/OneElementScroll","sourceFiles":[],"commit":"","access":"Creator code page linked · HTTP 200; license/reuse terms not audited","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview review; original demo/source attribution traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub · October 20 midday review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2024/11/OneElementScroll.jpg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Nov 20, 2024","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T06:57:46.927245+00:00","preview":"media/references/codrops--consecutive-scroll-animations-with-one-element.jpg","previewWidth":800,"previewHeight":600,"previewSha256":"32b402a63dfac7912c7179267f46348cc15016514ecd81adf3b38f6023027c89","previewAnimated":false,"observedPage":7,"sourcePageCheck":{"status":200,"resolvedUrl":"https://github.com/codrops/OneElementScroll","checkedAt":"2026-10-20T07:06:18.836996+00:00"}},{"id":"21st--efferd--contact-card","name":"Contact Card","collection":"21st-community","creator":"Efferd","category":"Forms & controls","why":"Dark split card: a large 'Get in touch' headline and icon-tiled contact details on the left, a narrow stacked form on the right. Crosshair corner marks frame the card like a blueprint. Typography and layout are strong, with a clear hierarchy from headline to muted body to small labels.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@efferd/components/contact-card","codeUrl":"https://21st.dev/@efferd/components/contact-card","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Sonnet 5.5 Medium individual full-image visual audit of original published preview; source access remains unverified, not runtime or accessibility tested","selectionType":"Individually visually reviewed creator-catalog reference","favorite":false,"discovered":"Creator-published 21st community form catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/sshahaider/contact-card/default/preview.1755584847121.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"efferd","sourceCategory":"form","creatorPublicationUrl":"https://21st.dev/@efferd/components/contact-card","preview":"media/references/21st--efferd--contact-card.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"23365e05639c214435aa2c0bf13f2aa9c7e58b6a2d4a0b4553a0339a395dac72","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@efferd/components/contact-card","qualityReview":"references/older-input-quality-curation.json"},{"id":"aceternity--container-scroll-animation","name":"Container Scroll Animation","collection":"aceternity","creator":"Aceternity UI · Manu Arora","category":"Cards & layouts","why":"Original cards & layouts reference from Aceternity UI · Manu Arora.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://ui.aceternity.com/components/container-scroll-animation","codeUrl":"https://ui.aceternity.com/components/container-scroll-animation","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Reddit library leads → original Aceternity component catalog","added":"2026-10-20","previewSource":"https://assets.aceternity.com/cloudinary_bkp/Hero_Scroll_xzhqrj.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","preview":"media/references/aceternity--container-scroll-animation.webp","previewWidth":2048,"previewHeight":1440,"previewSha256":"7150e4ba74c9aeb7aeb301501cf6c8033a9dd0daf4c47624a51fd7ff7d579bef","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"aceternity--container-text-flip","name":"Container Text Flip","collection":"aceternity","creator":"Aceternity UI · Manu Arora","category":"Typography & effects","why":"Original typography & effects reference from Aceternity UI · Manu Arora.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://ui.aceternity.com/components/container-text-flip","codeUrl":"https://ui.aceternity.com/components/container-text-flip","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Reddit library leads → original Aceternity component catalog","added":"2026-10-20","previewSource":"https://assets.aceternity.com/container-text-flip.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","preview":"media/references/aceternity--container-text-flip.webp","previewWidth":2048,"previewHeight":1440,"previewSha256":"fe0418c2f87e15f4dda372c3a5378a7f36e705ed3ccb2c567c6c90314d95a5b5","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"codrops--containeranimation-splittext","name":"ContainerAnimation SplitText","collection":"codrops-creative","creator":"GSAP","creatorUrl":"https://tympanus.net/codrops/hub/author/gsap","category":"Editorial & typography","styleTags":["gsap","scroll","typography"],"why":"Original editorial & typography reference published in the Codrops Creative Hub; inspect the image and original demo for its visual approach.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://codepen.io/GreenSock/full/MYyBrZw","codeUrl":"https://codepen.io/GreenSock/full/MYyBrZw","repository":"","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Contact-sheet preview reviewed with Sonnet 5.5 Medium; original publisher links traced; not runtime-tested","selectionType":"Preview-reviewed design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/12/Screenshot-2025-12-09-at-13.48.34-768x577.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Dec 1, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:23:38.056369+00:00","preview":"media/references/codrops--containeranimation-splittext.png","previewWidth":768,"previewHeight":577,"previewSha256":"c9fc9025396b2e48b6d7377daec9edf328f404b34e4162672ff41e7400d6dcb9","previewAnimated":false},{"id":"21st--meschacirung--content-block","name":"Content Block","collection":"21st-community","creator":"Méschac Irung","category":"Conversation craft","why":"Original conversation craft reference from Méschac Irung.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@meschacirung/components/content-block/content-info-blocks","codeUrl":"https://21st.dev/@meschacirung/components/content-block/content-info-blocks","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community ai-chat catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/larsen66/content-block/content-info-blocks/preview.1755256076877.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"meschacirung","sourceCategory":"ai-chat","creatorPublicationUrl":"https://21st.dev/@meschacirung/components/content-block/content-info-blocks","preview":"media/references/21st--meschacirung--content-block.png","previewWidth":960,"previewHeight":744,"previewSha256":"bbda977ffb05df4e64172ffb06a9d2a255bc1b1e3d6db1e9b23084a90d4d7bee","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@meschacirung/components/content-block"},{"id":"affectui--context-window","name":"Context Window","collection":"affectui","category":"Thinking & progress","why":"Context deserves a first-class surface rather than a token number hidden in settings. Useful direction for explaining an agent’s working memory.","useFor":"Inspect the creator demo before adopting; source requires Pro.","sourceFiles":[],"website":"https://www.affectui.com/components/context-window","repository":"","commit":"cc799e7e438efcea8d484fa27932405ea60bff9a","license":"MIT","access":"Paid reference · no code","review":"Creator catalog + docs","favorite":false,"discovered":"X bookmarks","added":"2026-10-20","preview":"media/screenshots/affectui--context-window.jpg","previewType":"Screenshot of the creator’s published web demo","previewSource":"https://www.affectui.com/components/context-window","capturedAt":"2026-10-20T03:59:59.870Z","relatedLibraryRepository":"https://github.com/flohoeller/affectui","previewWidth":624,"previewHeight":470,"previewAnimated":false},{"id":"ai-sdk-agents--context-window","name":"Context window","collection":"ai-sdk-agents","creator":"AI SDK Agents · Cult","category":"Intent & input","why":"Original intent & input surface from the creator’s agent-interface catalog.","useFor":"Reference the original component and its creator’s implementation.","website":"https://www.aisdkagents.com/ai-components/context-window","codeUrl":"https://www.aisdkagents.com/ai-components/context-window","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · free/paid access not checked","license":"Creator terms apply; no source downloaded","review":"Original creator catalog inspected in Chrome; image saved; individual code access not tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Cult UI → original AI SDK Agents catalog","added":"2026-10-20","preview":"media/references/ai-sdk-agents--context-window.webp","previewSource":"https://www.aisdkagents.com/_next/image?url=%2Fai-components%2Fthumbnails%2Fcontext-window-light.png&w=640&q=75&dpl=dpl_2BLHURNF6K3SZGxoc7Nmyo3CyTpJ","previewType":"Creator-published static component thumbnail","previewWidth":640,"previewHeight":400,"previewSha256":"3a45f739199087c4f47bf5a8482cf0aa9e51cf43d859ec2e43b8c2d9b40c70c3","previewAnimated":false,"sourceCategory":"Chat/Composer10","retrievedAt":"2026-10-20T05:01:21.388663+00:00"},{"id":"21st--ruixen.ui--contributors-overview-table","name":"ContributorsOverviewTable","collection":"21st-community","creator":"Ruixen","category":"Dashboards & data","why":"Original dashboards & data reference from Ruixen.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@ruixen.ui/components/contributors-overview-table","codeUrl":"https://21st.dev/@ruixen.ui/components/contributors-overview-table","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community dashboard catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_2y5Wd5l713ZIFYjX19aZXSyXd6b/contributors-overview-table/default/preview.1750814888548.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"ruixen.ui","sourceCategory":"dashboard","creatorPublicationUrl":"https://21st.dev/@ruixen.ui/components/contributors-overview-table","preview":"media/references/21st--ruixen.ui--contributors-overview-table.png","previewWidth":960,"previewHeight":689,"previewSha256":"52de89efa64b7fd6f6cf6804746a57829ffa2863157dc05b6cba37112fa0f34f","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@ruixen.ui/components/contributors-overview-table"},{"id":"21st--arihantcodes_1f7b8c4d--conversation-list","name":"Conversation List","collection":"21st-community","creator":"Arihant jain","category":"Conversation craft","why":"Original conversation craft reference from Arihant jain.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@arihantcodes_1f7b8c4d/components/conversation-list","codeUrl":"https://21st.dev/@arihantcodes_1f7b8c4d/components/conversation-list","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community sidebar catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/arihantcodes_1f7b8c4d/conversation-list/default/preview.1790142886990-b5c038db-2313-4d54-9da8-fe7dd7cef0e8.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"arihantcodes_1f7b8c4d","sourceCategory":"sidebar","creatorPublicationUrl":"https://21st.dev/@arihantcodes_1f7b8c4d/components/conversation-list","preview":"media/references/21st--arihantcodes_1f7b8c4d--conversation-list.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"98a6944e0571b7948b7cab847b0b060daa5d4f8fe75cde775e27f3a9fe7b7e99","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@arihantcodes_1f7b8c4d/components/conversation-list"},{"sourceFiles":[],"review":"Sonnet 5.5 Medium full-image visual review plus researcher original-source/provenance checks; no runtime, accessibility, motion or complete dependency-license audit","useFor":"Study the original creator design and follow the primary links under the stated access/license terms.","selectionType":"Individually visually reviewed original reference","discovered":"Original designer posts and primary creative-tool repositories · designer-tools review","added":"2026-10-20","previewAnimated":false,"previewType":"Exact unmodified original creator static image","id":"copilot-reskinnable-demo","name":"CopilotKit · teach-by-demonstration approval workspace","category":"Human control","why":"Family counted once. This state shows a 'Recording your workflow' card with red REC marker, numbered captured steps (Opened Dashboard / Transactions / Pending approval) and primary 'I'm done' plus Cancel buttons, next to a transactions table with Over limit pills and check/cross/more row actions, all in a violet-tinted three-pane shell. More distinctive than the sibling states (dashboard report, credit-card grid, small popup), which are held as redundant.","favorite":false,"preview":"media/references/copilot-original--copilot-reskinnable-demo--assets--learning-mode-vignette.png","previewSha256":"5adfc0de4537614351dee7b99457c90ba0b6b43e0dcd3d0e16516c151a56a669","previewSource":"https://github.com/CopilotKit/CopilotKit/raw/49c7f17f0ebdb0fc68554cac6c20a80567619a86/examples/showcases/reskinnable-demo/assets/learning-mode-vignette.png","previewWidth":2056,"previewHeight":1147,"website":"https://github.com/CopilotKit/CopilotKit/blob/49c7f17f0ebdb0fc68554cac6c20a80567619a86/examples/showcases/reskinnable-demo/assets/aurora-dashboard.png","collection":"copilotkit-original","creator":"CopilotKit","creatorUrl":"https://github.com/CopilotKit","repository":"https://github.com/CopilotKit/CopilotKit","commit":"49c7f17f0ebdb0fc68554cac6c20a80567619a86","codeUrl":"https://github.com/CopilotKit/CopilotKit/blob/49c7f17f0ebdb0fc68554cac6c20a80567619a86/examples/showcases/reskinnable-demo/src/shell/layout/shell-frame.tsx","platform":"Web · React","access":"Public original source · provider keys/services and hosted entitlements separate; not executed","license":"MIT, copyright Atai Barkai; original notice preserved. Third-party services/assets have separate terms.","sourceResolution":"references/copilot-original-source-evidence.json","sourcePinNote":"Original static image resolved via the actual Raw anchor on the creator GitHub file page; Git LFS SHA256 verified. Selected renderer/notice files are provenance evidence, not complete component archives. Screenshot-build match and backend entitlements are not claimed."},{"id":"21st--dhxwhy--flag-globe","name":"Country Flags Globe","collection":"21st-community","creator":"DHxWhy","category":"Dashboards & data","why":"Original dashboards & data reference from DHxWhy.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@dhxwhy/components/flag-globe","codeUrl":"https://21st.dev/@dhxwhy/components/flag-globe","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community data-visualization catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_35e5ygDqQuDYzujLgyG9331zPPO/flag-globe/default/preview.1791190330387.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"dhxwhy","sourceCategory":"data-visualization","creatorPublicationUrl":"https://21st.dev/@dhxwhy/components/flag-globe","preview":"media/references/21st--dhxwhy--flag-globe.jpg","previewWidth":960,"previewHeight":672,"previewSha256":"5fe94d6106aef4aa2cd60144c9767f71ce2ea0535139a97640f7789040223388","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@dhxwhy/components/flag-globe"},{"id":"21st--kristen17--course-design-cards","name":"Course Design Cards","collection":"21st-community","creator":"kristen17","category":"Dashboards & data","why":"Original dashboards & data reference from kristen17.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@kristen17/components/course-design-cards","codeUrl":"https://21st.dev/@kristen17/components/course-design-cards","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community dashboard catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/larsen66/course-design-cards/default/preview.1753891440996.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"kristen17","sourceCategory":"dashboard","creatorPublicationUrl":"https://21st.dev/@kristen17/components/course-design-cards","preview":"media/references/21st--kristen17--course-design-cards.png","previewWidth":960,"previewHeight":820,"previewSha256":"4c08990b39544d5c5dd584dfd96fe9a113dd0825de49fbaffc50c8ebafd51cea","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@kristen17/components/course-design-cards"},{"id":"webzibition--coutumes","name":"Coutumes","collection":"webzibition","creator":"Coutumes · original site","creatorAttribution":"Site identity from the publisher listing; individual design author not independently verified","category":"Full websites & portfolios","why":"Denim fashion photo with big orange 'SEPTEMBER EDITION' wording across it; magazine cover feel.","useFor":"Study the original website’s composition and presentation; code availability is unverified.","website":"https://coutumes.com/","codeUrl":"","repository":"","sourceFiles":[],"commit":"","access":"Design reference · public source not traced","license":"Website and preview rights belong to their respective owners; no source or reuse license verified","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited; original website returned HTTP200; screenshot may predate the current live design","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"Codrops Webzibition → original website","added":"2026-10-20","preview":"media/references/webzibition--coutumes.webp","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/09/coutumes-1200x649.png.webp?x67708","previewType":"Codrops publisher screenshot of the linked original website; not a fresh live capture","previewWidth":1200,"previewHeight":649,"previewSha256":"0bd2bdc7649fe583fc294abb375608b847a572d0ec7ff4a875ef284100ffe5b4","previewAnimated":false,"publisherIndex":"https://tympanus.net/codrops/webzibition/","publisherRecord":"post-120594","pageTitle":"Coutumes • Men’s Jewelry Label","pageCheckedAt":"2026-10-20T05:54:32.868906+00:00","pageAvailability":"HTTP200; same-domain original website","retrievedAt":"2026-10-20T05:54:32.868906+00:00"},{"id":"aceternity--container-cover","name":"Cover","collection":"aceternity","creator":"Aceternity UI · Manu Arora","category":"Cards & layouts","why":"Original cards & layouts reference from Aceternity UI · Manu Arora.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://ui.aceternity.com/components/container-cover","codeUrl":"https://ui.aceternity.com/components/container-cover","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Reddit library leads → original Aceternity component catalog","added":"2026-10-20","previewSource":"https://assets.aceternity.com/container-cover.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","preview":"media/references/aceternity--container-cover.webp","previewWidth":2048,"previewHeight":1440,"previewSha256":"f06b414d403be621ac5b7dce238ffbf7383444cbd743be8196ed810b1e22a766","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"codrops--creatura","name":"Creatura","collection":"codrops-creative","creator":"Kamil Macinski","creatorUrl":"https://tympanus.net/codrops/hub/author/kamil_macinski","category":"Shaders & materials","styleTags":["canvas","glsl","WebGL","zig"],"why":"Black glyph curves with grain and chromatic fringe inside a circular white lens","useFor":"Study the original design and its linked implementation before adoption.","website":"https://creatura.zweibel-cocaine.com/","codeUrl":"https://github.com/kamilmac/Creatura","repository":"https://github.com/kamilmac/Creatura","sourceFiles":[],"commit":"","access":"Creator code page linked · HTTP 200; license/reuse terms not audited","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview selection; creator/demo/source links traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub · October 20 creator-depth review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/09/Screenshot-2025-09-23-at-06.42.26.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Jul 20, 2024","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T07:38:51.455636+00:00","preview":"media/references/codrops--creatura.png","previewWidth":1600,"previewHeight":1202,"previewSha256":"0693686e9fe8a906a66cdbd124c2a795f285ca5961dd8a97f2c68028b3b5b2fd","previewAnimated":false,"sourcePageCheck":{"status":200,"resolvedUrl":"https://github.com/kamilmac/Creatura","checkedAt":"2026-10-20T07:40:41.725044+00:00"}},{"id":"webzibition--crl","name":"CRL","collection":"webzibition","creator":"CRL · original site","creatorAttribution":"Site identity from the publisher listing; individual design author not independently verified","category":"Editorial & typography","why":"Large black circular shape on cream with oversized 'CRL® /V.01 (2026)' lettering and small justified copy; a graphic, poster-like frame.","useFor":"Study the original website’s composition and presentation; code availability is unverified.","website":"https://crl-2026.webflow.io/","codeUrl":"","repository":"","sourceFiles":[],"commit":"","access":"Design reference · public source not traced","license":"Website and preview rights belong to their respective owners; no source or reuse license verified","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited; original website returned HTTP200; screenshot may predate the current live design","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"Codrops Webzibition → original website","added":"2026-10-20","preview":"media/references/webzibition--crl.webp","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/09/crl-1200x649.png.webp?x67708","previewType":"Codrops publisher screenshot of the linked original website; not a fresh live capture","previewWidth":1200,"previewHeight":649,"previewSha256":"34082887c9740dd40f4a5ceb5a48539ba8109d0dac64e9b62956a5b0bd4357b8","previewAnimated":false,"publisherIndex":"https://tympanus.net/codrops/webzibition/","publisherRecord":"post-121341","pageTitle":"Creative Reference Library | CRL","pageCheckedAt":"2026-10-20T05:54:32.868906+00:00","pageAvailability":"HTTP200; same-domain original website","retrievedAt":"2026-10-20T05:54:32.868906+00:00"},{"id":"codrops--css-holographic-masks","name":"CSS Holographic Masks","collection":"codrops-creative","creator":"Christian Alder","creatorUrl":"https://tympanus.net/codrops/hub/author/christian_alder","category":"Shaders & materials","styleTags":["css only"],"why":"Cream cards with pixel-art and mandala artwork sheened in rainbow holographic gradients; foil-like material in pure CSS-style look.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://codepen.io/HejChristian/full/YPzLbYX","codeUrl":"https://codepen.io/HejChristian/full/YPzLbYX","repository":"","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/04/Screenshot-2025-04-03-at-14.42.22-768x577.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Apr 3, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:54:42.821988+00:00","preview":"media/references/codrops--css-holographic-masks.png","previewWidth":768,"previewHeight":577,"previewSha256":"ff0e1714250ce3af35de0f6a7b13e0b1ef20b1fc777442f2215d90d30459446b","previewAnimated":false},{"id":"codrops--css-minecraft","name":"CSS Minecraft","collection":"codrops-creative","creator":"Benjamin Aster","creatorUrl":"https://tympanus.net/codrops/hub/author/benjamin_aster","category":"Spatial experiences","styleTags":["CSS Only","game"],"why":"Isometric voxel scene with a block palette hotbar and rotate/move controls","useFor":"Study the original design and its linked implementation before adoption.","website":"https://benjaminaster.com/css-minecraft/","codeUrl":"https://github.com/BenjaminAster/CSS-Minecraft","repository":"https://github.com/BenjaminAster/CSS-Minecraft","sourceFiles":[],"commit":"","access":"Creator code page linked · HTTP 200; license/reuse terms not audited","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview selection; creator/demo/source links traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub · October 20 creator-depth review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/05/Screenshot-2025-05-31-at-06.37.08.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Sep 1, 2024","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T07:38:51.455636+00:00","preview":"media/references/codrops--css-minecraft.png","previewWidth":1600,"previewHeight":1202,"previewSha256":"a8f96047586d47e755e8e01be557302ec4e8ff38ba36db8806190d4155913eda","previewAnimated":false,"sourcePageCheck":{"status":200,"resolvedUrl":"https://github.com/BenjaminAster/CSS-Minecraft","checkedAt":"2026-10-20T07:40:33.189535+00:00"}},{"id":"codrops--css-view-timeline-shine-effect","name":"CSS view-timeline shine effect","collection":"codrops-creative","creator":"Ryan Mulligan","creatorUrl":"https://tympanus.net/codrops/hub/author/ryan","category":"Creative controls & effects","styleTags":["css only","scroll"],"why":"Saturated blue grid of feature tiles with white icons and a bright diagonal shine across them; confident monochrome feature block.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://codepen.io/hexagoncircle/full/yyBePPV","codeUrl":"https://codepen.io/hexagoncircle/full/yyBePPV","repository":"","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/03/Screenshot-2025-03-20-at-08.53.33-768x577.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Mar 20, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:54:42.821988+00:00","preview":"media/references/codrops--css-view-timeline-shine-effect.png","previewWidth":768,"previewHeight":577,"previewSha256":"41d30183e1f3395c24fc517487d8bab3e225af8520c6d41e4c2ec2c3f2382313","previewAnimated":false},{"id":"codrops--cursor-line-wobble","name":"Cursor Line Wobble","collection":"codrops-creative","creator":"GSAP","creatorUrl":"https://tympanus.net/codrops/hub/author/gsap","category":"Creative controls & effects","styleTags":["elastic","gsap","line","wobbly"],"why":"Original creative controls & effects reference published in the Codrops Creative Hub; inspect the image and original demo for its visual approach.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://codepen.io/GreenSock/full/ZYWqWeb","codeUrl":"https://codepen.io/GreenSock/full/ZYWqWeb","repository":"","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Contact-sheet preview reviewed with Sonnet 5.5 Medium; original publisher links traced; not runtime-tested","selectionType":"Preview-reviewed design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/12/Screenshot-2025-12-20-at-08.09.03-768x577.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Dec 5, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:23:38.056369+00:00","preview":"media/references/codrops--cursor-line-wobble.png","previewWidth":768,"previewHeight":577,"previewSha256":"440553283f4463ee3dfde4a73bd2cd168869475c18ab26d3fcea5f8b4ebdc92e","previewAnimated":false},{"id":"21st--ishamsu--curved-menu","name":"Curved Menu","collection":"21st-community","creator":"Shamsudheen","category":"Navigation & search","why":"Original navigation & search reference from Shamsudheen.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@ishamsu/components/curved-menu","codeUrl":"https://21st.dev/@ishamsu/components/curved-menu","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community sidebar catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/ishamsu/curved-menu/default/preview.1747620613612.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"ishamsu","sourceCategory":"sidebar","creatorPublicationUrl":"https://21st.dev/@ishamsu/components/curved-menu","preview":"media/references/21st--ishamsu--curved-menu.png","previewWidth":960,"previewHeight":758,"previewSha256":"1918cbc75dafdb3518f18ef05ef2866c52c101c47638da34ebc91e7e57a0a0c0","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@ishamsu/components/curved-menu"},{"id":"codrops--custom-slider-with-gsap","name":"Custom Slider with GSAP","collection":"codrops-creative","creator":"Osmo","creatorUrl":"https://tympanus.net/codrops/hub/author/osmo","category":"Galleries & transitions","styleTags":["draggable","GSAP","slider"],"why":"Black slider with a large '01 / 04' counter and small arrow buttons beside a cropped full-bleed slide.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://codepen.io/osmosupply/full/NPKqByd","codeUrl":"https://codepen.io/osmosupply/pen/NPKqByd","repository":"","sourceFiles":[],"commit":"","access":"Creator code linked · access unverified (source response recorded)","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview review; original demo/source attribution traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub · October 20 midday review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2024/12/image-2024-12-30-at-12.10.59.jpg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Dec 2, 2024","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T06:57:46.927245+00:00","preview":"media/references/codrops--custom-slider-with-gsap.jpg","previewWidth":913,"previewHeight":688,"previewSha256":"a19a4deef56a6b5b1b9a4ee864174b75b69dcb0eaeae62b2b12d9a2d4c3a2632","previewAnimated":false,"observedPage":7,"sourcePageCheck":{"status":403,"resolvedUrl":"https://codepen.io/osmosupply/pen/NPKqByd","checkedAt":"2026-10-20T07:06:14.377906+00:00"}},{"id":"codrops--custom-shaped-cursor-trail-with-three-js-and-tsl","name":"Custom-Shaped Cursor Trail with Three.js and TSL","collection":"codrops-creative","creator":"Bautista Berto","creatorUrl":"https://tympanus.net/codrops/hub/author/bautistaberto","category":"Spatial experiences","styleTags":["cursor","react three fiber","three.js","tsl","webgpu"],"why":"Original spatial experiences reference published in the Codrops Creative Hub; inspect the image and original demo for its visual approach.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Demos/CustomShapedCursorTrail/","codeUrl":"https://github.com/BertovDev/cursor-shader-trail","repository":"https://github.com/BertovDev/cursor-shader-trail","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Contact-sheet preview reviewed with Sonnet 5.5 Medium; original publisher links traced; not runtime-tested","selectionType":"Preview-reviewed design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/09/featured-1200x900-2-768x576.jpg.webp","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Sep 24, 2026","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:23:38.056369+00:00","preview":"media/references/codrops--custom-shaped-cursor-trail-with-three-js-and-tsl.webp","previewWidth":768,"previewHeight":576,"previewSha256":"8060bfef8b784d0d9d688ac4bcf6409a40d6f3707b7b5a6db518e7c00d3ca161","previewAnimated":false},{"id":"codrops--cylinders-grid","name":"Cylinders Grid","collection":"codrops-creative","creator":"Kevin Levron","creatorUrl":"https://tympanus.net/codrops/hub/author/kevin_levron","category":"Shaders & materials","styleTags":["grid","Three.js","WebGL"],"why":"Dome of lit cylinders with a purple-to-blue glow and centered title type sitting on the relief.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://codepen.io/soju22/full/QwLpBBa","codeUrl":"https://codepen.io/soju22/pen/QwLpBBa","repository":"","sourceFiles":[],"commit":"","access":"Creator code linked · access unverified (source response recorded)","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview review; original demo/source attribution traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub · October 20 midday review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/11/Screenshot-2025-11-05-at-07.53.17.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Dec 19, 2024","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T06:57:46.927245+00:00","preview":"media/references/codrops--cylinders-grid.png","previewWidth":1600,"previewHeight":1202,"previewSha256":"0aa0e8287f6ad849dbc12f141259af0ee13c4d5e680e64e85bcdd59f7d57a505","previewAnimated":false,"observedPage":7,"sourcePageCheck":{"status":403,"resolvedUrl":"https://codepen.io/soju22/pen/QwLpBBa","checkedAt":"2026-10-20T07:06:15.302514+00:00"}},{"id":"21st--jatin-yadav05--dark-gradient-background","name":"Dark Gradient Background","collection":"21st-community","creator":"Jatin Yadav","category":"Cards & layouts","why":"Original cards & layouts reference from Jatin Yadav.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@jatin-yadav05/components/dark-gradient-background","codeUrl":"https://21st.dev/@jatin-yadav05/components/dark-gradient-background","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community grid catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/jatin-yadav05/dark-gradient-background/default/preview.1755188759144.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"jatin-yadav05","sourceCategory":"grid","creatorPublicationUrl":"https://21st.dev/@jatin-yadav05/components/dark-gradient-background","preview":"media/references/21st--jatin-yadav05--dark-gradient-background.png","previewWidth":960,"previewHeight":602,"previewSha256":"6edd2845289f85b658d2460a90c136a82aaa02114f797d8eee4a15d5010f5973","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@jatin-yadav05/components/dark-gradient-background"},{"id":"21st--ravikatiyar162--dashboard-1","name":"Dashboard","collection":"21st-community","creator":"Ravi Katiyar","category":"Dashboards & data","why":"Original dashboards & data reference from Ravi Katiyar.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@ravikatiyar162/components/dashboard-1","codeUrl":"https://21st.dev/@ravikatiyar162/components/dashboard-1","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community dashboard catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/ravikatiyar162/dashboard-1/default/preview.1758132387821.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"ravikatiyar162","sourceCategory":"dashboard","creatorPublicationUrl":"https://21st.dev/@ravikatiyar162/components/dashboard-1","preview":"media/references/21st--ravikatiyar162--dashboard-1.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"afff9bd657d60b9a19ec089082684199d864c45fede461eb4054260f09202b91","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@ravikatiyar162/components/dashboard-1"},{"id":"shadcnblocks--dashboard1","name":"Dashboard 1 - Revenue Dashboard","collection":"shadcnblocks","creator":"Shadcnblocks · Rob","category":"Dashboards & data","why":"Original dashboards & data reference from Shadcnblocks · Rob.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://www.shadcnblocks.com/block/dashboard1","codeUrl":"https://www.shadcnblocks.com/block/dashboard1","repository":"","sourceFiles":[],"commit":"","access":"Commercial creator catalog · code access not checked","license":"Commercial creator terms; free/paid tier must be checked on the original page","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Original publisher operational-layout category","added":"2026-10-20","previewSource":"https://cdn.shadcnblocks.com/shadcnblocks/screenshots/block/dashboard1-4x3.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","sourceCategory":"dashboard","preview":"media/references/shadcnblocks--dashboard1.webp","previewWidth":1336,"previewHeight":1002,"previewSha256":"ed9d90a4eccb7bfef59c6d0edea783999c1bf93727417d50e6a53ab85efab8bc","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"shadcnblocks--dashboard10","name":"Dashboard 10 - Multi-Page Dashboard with Navigation","collection":"shadcnblocks","creator":"Shadcnblocks · Rob","category":"Dashboards & data","why":"Original dashboards & data reference from Shadcnblocks · Rob.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://www.shadcnblocks.com/block/dashboard10","codeUrl":"https://www.shadcnblocks.com/block/dashboard10","repository":"","sourceFiles":[],"commit":"","access":"Commercial creator catalog · code access not checked","license":"Commercial creator terms; free/paid tier must be checked on the original page","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Original publisher operational-layout category","added":"2026-10-20","previewSource":"https://cdn.shadcnblocks.com/shadcnblocks/screenshots/block/dashboard10-4x3.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","sourceCategory":"dashboard","preview":"media/references/shadcnblocks--dashboard10.webp","previewWidth":1336,"previewHeight":1002,"previewSha256":"2bd2a7cfb31f8b1a7a1df6aafce2fe8d4640e439c2062dbab639fbd89e4f06a9","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"shadcnblocks--dashboard11","name":"Dashboard 11 - Analytics Dashboard with Cohort Heatmap","collection":"shadcnblocks","creator":"Shadcnblocks · Rob","category":"Dashboards & data","why":"Original dashboards & data reference from Shadcnblocks · Rob.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://www.shadcnblocks.com/block/dashboard11","codeUrl":"https://www.shadcnblocks.com/block/dashboard11","repository":"","sourceFiles":[],"commit":"","access":"Commercial creator catalog · code access not checked","license":"Commercial creator terms; free/paid tier must be checked on the original page","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Original publisher operational-layout category","added":"2026-10-20","previewSource":"https://cdn.shadcnblocks.com/shadcnblocks/screenshots/block/dashboard11-4x3.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","sourceCategory":"dashboard","preview":"media/references/shadcnblocks--dashboard11.webp","previewWidth":1336,"previewHeight":1002,"previewSha256":"384b224c0a662faf9519b8d5463afc20335be8c1ae8093a12a02447bbba915b6","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"shadcnblocks--dashboard12","name":"Dashboard 12 - Global Analytics with World Map","collection":"shadcnblocks","creator":"Shadcnblocks · Rob","category":"Dashboards & data","why":"Original dashboards & data reference from Shadcnblocks · Rob.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://www.shadcnblocks.com/block/dashboard12","codeUrl":"https://www.shadcnblocks.com/block/dashboard12","repository":"","sourceFiles":[],"commit":"","access":"Commercial creator catalog · code access not checked","license":"Commercial creator terms; free/paid tier must be checked on the original page","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Original publisher operational-layout category","added":"2026-10-20","previewSource":"https://cdn.shadcnblocks.com/shadcnblocks/screenshots/block/dashboard12-4x3.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","sourceCategory":"dashboard","preview":"media/references/shadcnblocks--dashboard12.webp","previewWidth":1336,"previewHeight":1002,"previewSha256":"73ab043c01516477b4f37c97028ff8f231cd83bca36dcd61610b6a1675f072c1","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"shadcnblocks--dashboard13","name":"Dashboard 13 - Real-Time Sessions & Latency Analytics","collection":"shadcnblocks","creator":"Shadcnblocks · Rob","category":"Dashboards & data","why":"Original dashboards & data reference from Shadcnblocks · Rob.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://www.shadcnblocks.com/block/dashboard13","codeUrl":"https://www.shadcnblocks.com/block/dashboard13","repository":"","sourceFiles":[],"commit":"","access":"Commercial creator catalog · code access not checked","license":"Commercial creator terms; free/paid tier must be checked on the original page","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Original publisher operational-layout category","added":"2026-10-20","previewSource":"https://cdn.shadcnblocks.com/shadcnblocks/screenshots/block/dashboard13-4x3.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","sourceCategory":"dashboard","preview":"media/references/shadcnblocks--dashboard13.webp","previewWidth":1336,"previewHeight":1002,"previewSha256":"5dd672b9ed93795cf58c862c1d56ca3c34450307f61ae2740ffd0f67e858d60c","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"shadcnblocks--dashboard14","name":"Dashboard 14 - Hotel Dashboard with Bookings Panel","collection":"shadcnblocks","creator":"Shadcnblocks · Rob","category":"Dashboards & data","why":"Original dashboards & data reference from Shadcnblocks · Rob.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://www.shadcnblocks.com/block/dashboard14","codeUrl":"https://www.shadcnblocks.com/block/dashboard14","repository":"","sourceFiles":[],"commit":"","access":"Commercial creator catalog · code access not checked","license":"Commercial creator terms; free/paid tier must be checked on the original page","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Original publisher operational-layout category","added":"2026-10-20","previewSource":"https://cdn.shadcnblocks.com/shadcnblocks/screenshots/block/dashboard14-4x3.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","sourceCategory":"dashboard","preview":"media/references/shadcnblocks--dashboard14.webp","previewWidth":1336,"previewHeight":1002,"previewSha256":"0768c4e0087576dcff1f1e4b93339b418bd67b4c79516c0b93cf816ded1751f2","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"shadcnblocks--dashboard15","name":"Dashboard 15 - Hotel Dashboard with Revenue Widgets","collection":"shadcnblocks","creator":"Shadcnblocks · Rob","category":"Dashboards & data","why":"Original dashboards & data reference from Shadcnblocks · Rob.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://www.shadcnblocks.com/block/dashboard15","codeUrl":"https://www.shadcnblocks.com/block/dashboard15","repository":"","sourceFiles":[],"commit":"","access":"Commercial creator catalog · code access not checked","license":"Commercial creator terms; free/paid tier must be checked on the original page","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Original publisher operational-layout category","added":"2026-10-20","previewSource":"https://cdn.shadcnblocks.com/shadcnblocks/screenshots/block/dashboard15-4x3.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","sourceCategory":"dashboard","preview":"media/references/shadcnblocks--dashboard15.webp","previewWidth":1336,"previewHeight":1002,"previewSha256":"a90a4d239c494d131f35aceb375c30153f2ac5ed6a579827e4a68ab484820918","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"shadcnblocks--dashboard16","name":"Dashboard 16 - Hotel Dashboard with Mini Calendar","collection":"shadcnblocks","creator":"Shadcnblocks · Rob","category":"Dashboards & data","why":"Original dashboards & data reference from Shadcnblocks · Rob.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://www.shadcnblocks.com/block/dashboard16","codeUrl":"https://www.shadcnblocks.com/block/dashboard16","repository":"","sourceFiles":[],"commit":"","access":"Commercial creator catalog · code access not checked","license":"Commercial creator terms; free/paid tier must be checked on the original page","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Original publisher operational-layout category","added":"2026-10-20","previewSource":"https://cdn.shadcnblocks.com/shadcnblocks/screenshots/block/dashboard16-4x3.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","sourceCategory":"dashboard","preview":"media/references/shadcnblocks--dashboard16.webp","previewWidth":1336,"previewHeight":1002,"previewSha256":"44e09a97927fa1609ab80bfb98414d9a74d2db8450fa8e2f2871e6530f53ce68","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"shadcnblocks--dashboard17","name":"Dashboard 17 - Hotel Dashboard with Booking Calendar","collection":"shadcnblocks","creator":"Shadcnblocks · Rob","category":"Dashboards & data","why":"Original dashboards & data reference from Shadcnblocks · Rob.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://www.shadcnblocks.com/block/dashboard17","codeUrl":"https://www.shadcnblocks.com/block/dashboard17","repository":"","sourceFiles":[],"commit":"","access":"Commercial creator catalog · code access not checked","license":"Commercial creator terms; free/paid tier must be checked on the original page","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Original publisher operational-layout category","added":"2026-10-20","previewSource":"https://cdn.shadcnblocks.com/shadcnblocks/screenshots/block/dashboard17-4x3.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","sourceCategory":"dashboard","preview":"media/references/shadcnblocks--dashboard17.webp","previewWidth":1336,"previewHeight":1002,"previewSha256":"9b3c4f1539652b25310a00e2f8cded2260ef1ddccbf954888e2c0ac1ce6b2fef","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"shadcnblocks--dashboard18","name":"Dashboard 18 - Hotel Operations Dashboard","collection":"shadcnblocks","creator":"Shadcnblocks · Rob","category":"Dashboards & data","why":"Original dashboards & data reference from Shadcnblocks · Rob.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://www.shadcnblocks.com/block/dashboard18","codeUrl":"https://www.shadcnblocks.com/block/dashboard18","repository":"","sourceFiles":[],"commit":"","access":"Commercial creator catalog · code access not checked","license":"Commercial creator terms; free/paid tier must be checked on the original page","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Original publisher operational-layout category","added":"2026-10-20","previewSource":"https://cdn.shadcnblocks.com/shadcnblocks/screenshots/block/dashboard18-4x3.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","sourceCategory":"dashboard","preview":"media/references/shadcnblocks--dashboard18.webp","previewWidth":1336,"previewHeight":1002,"previewSha256":"7a2fc0b6281b327bdfe635779c6a12fcb60b2f08b2d22ea8ed285dbc3e816405","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"shadcnblocks--dashboard19","name":"Dashboard 19 - Warehouse dispatch board","collection":"shadcnblocks","creator":"Shadcnblocks · Rob","category":"Dashboards & data","why":"Original dashboards & data reference from Shadcnblocks · Rob.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://www.shadcnblocks.com/block/dashboard19","codeUrl":"https://www.shadcnblocks.com/block/dashboard19","repository":"","sourceFiles":[],"commit":"","access":"Commercial creator catalog · code access not checked","license":"Commercial creator terms; free/paid tier must be checked on the original page","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Original publisher operational-layout category","added":"2026-10-20","previewSource":"https://cdn.shadcnblocks.com/shadcnblocks/screenshots/block/dashboard19-4x3.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","sourceCategory":"dashboard","preview":"media/references/shadcnblocks--dashboard19.webp","previewWidth":1336,"previewHeight":1002,"previewSha256":"4bc01100131636f85a01213ddf49a9e487c4de5ab068065cd6326c4eeb422418","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"shadcnblocks--dashboard2","name":"Dashboard 2 - Revenue Dashboard with Transactions","collection":"shadcnblocks","creator":"Shadcnblocks · Rob","category":"Dashboards & data","why":"Original dashboards & data reference from Shadcnblocks · Rob.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://www.shadcnblocks.com/block/dashboard2","codeUrl":"https://www.shadcnblocks.com/block/dashboard2","repository":"","sourceFiles":[],"commit":"","access":"Commercial creator catalog · code access not checked","license":"Commercial creator terms; free/paid tier must be checked on the original page","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Original publisher operational-layout category","added":"2026-10-20","previewSource":"https://cdn.shadcnblocks.com/shadcnblocks/screenshots/block/dashboard2-4x3.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","sourceCategory":"dashboard","preview":"media/references/shadcnblocks--dashboard2.webp","previewWidth":1336,"previewHeight":1002,"previewSha256":"17254a562562af5f17464eef95de54c6f47bf28fc04674546cc8554b44bf91ed","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"shadcnblocks--dashboard3","name":"Dashboard 3 - Revenue Dashboard with Sparklines","collection":"shadcnblocks","creator":"Shadcnblocks · Rob","category":"Dashboards & data","why":"Original dashboards & data reference from Shadcnblocks · Rob.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://www.shadcnblocks.com/block/dashboard3","codeUrl":"https://www.shadcnblocks.com/block/dashboard3","repository":"","sourceFiles":[],"commit":"","access":"Commercial creator catalog · code access not checked","license":"Commercial creator terms; free/paid tier must be checked on the original page","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Original publisher operational-layout category","added":"2026-10-20","previewSource":"https://cdn.shadcnblocks.com/shadcnblocks/screenshots/block/dashboard3-4x3.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","sourceCategory":"dashboard","preview":"media/references/shadcnblocks--dashboard3.webp","previewWidth":1336,"previewHeight":1002,"previewSha256":"17b38457442c2b6704b400a558fdd6b19778b36b81da00a3a9f4c58d7ed353f0","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"shadcnblocks--dashboard34","name":"Dashboard 34 - Gross volume and country mix","collection":"shadcnblocks","creator":"Shadcnblocks · Rob","category":"Dashboards & data","why":"Original dashboards & data reference from Shadcnblocks · Rob.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://www.shadcnblocks.com/block/dashboard34","codeUrl":"https://www.shadcnblocks.com/block/dashboard34","repository":"","sourceFiles":[],"commit":"","access":"Commercial creator catalog · code access not checked","license":"Commercial creator terms; free/paid tier must be checked on the original page","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Original publisher operational-layout category","added":"2026-10-20","previewSource":"https://cdn.shadcnblocks.com/shadcnblocks/screenshots/block/dashboard34-4x3.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","sourceCategory":"dashboard","preview":"media/references/shadcnblocks--dashboard34.webp","previewWidth":1336,"previewHeight":1002,"previewSha256":"d8fe3fb08cacc10bd95f4bd83ef5e8b93e1b16e069cde013f596126042e602a8","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"shadcnblocks--dashboard4","name":"Dashboard 4 - Ecommerce Dashboard with Sales and Orders","collection":"shadcnblocks","creator":"Shadcnblocks · Rob","category":"Dashboards & data","why":"Original dashboards & data reference from Shadcnblocks · Rob.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://www.shadcnblocks.com/block/dashboard4","codeUrl":"https://www.shadcnblocks.com/block/dashboard4","repository":"","sourceFiles":[],"commit":"","access":"Commercial creator catalog · code access not checked","license":"Commercial creator terms; free/paid tier must be checked on the original page","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Original publisher operational-layout category","added":"2026-10-20","previewSource":"https://cdn.shadcnblocks.com/shadcnblocks/screenshots/block/dashboard4-4x3.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","sourceCategory":"dashboard","preview":"media/references/shadcnblocks--dashboard4.webp","previewWidth":1336,"previewHeight":1002,"previewSha256":"ff7577d1e43f34e9d373f5e852636b9614b0b66164bbc2853c390a105e0f7074","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"shadcnblocks--dashboard5","name":"Dashboard 5 - Ecommerce Dashboard with Transactions","collection":"shadcnblocks","creator":"Shadcnblocks · Rob","category":"Dashboards & data","why":"Original dashboards & data reference from Shadcnblocks · Rob.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://www.shadcnblocks.com/block/dashboard5","codeUrl":"https://www.shadcnblocks.com/block/dashboard5","repository":"","sourceFiles":[],"commit":"","access":"Commercial creator catalog · code access not checked","license":"Commercial creator terms; free/paid tier must be checked on the original page","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Original publisher operational-layout category","added":"2026-10-20","previewSource":"https://cdn.shadcnblocks.com/shadcnblocks/screenshots/block/dashboard5-4x3.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","sourceCategory":"dashboard","preview":"media/references/shadcnblocks--dashboard5.webp","previewWidth":1336,"previewHeight":1002,"previewSha256":"16a0883a2241bfc7a0f80dce5687628bf106ce8f49c03675182ca164f742c455","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"shadcnblocks--dashboard6","name":"Dashboard 6 - Operations Dashboard with Fulfillment","collection":"shadcnblocks","creator":"Shadcnblocks · Rob","category":"Dashboards & data","why":"Original dashboards & data reference from Shadcnblocks · Rob.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://www.shadcnblocks.com/block/dashboard6","codeUrl":"https://www.shadcnblocks.com/block/dashboard6","repository":"","sourceFiles":[],"commit":"","access":"Commercial creator catalog · code access not checked","license":"Commercial creator terms; free/paid tier must be checked on the original page","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Original publisher operational-layout category","added":"2026-10-20","previewSource":"https://cdn.shadcnblocks.com/shadcnblocks/screenshots/block/dashboard6-4x3.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","sourceCategory":"dashboard","preview":"media/references/shadcnblocks--dashboard6.webp","previewWidth":1336,"previewHeight":1002,"previewSha256":"4f3fb1948a71b8f5b297c86eef66f028f9c21d3dca56bd38992976b0fa9090d2","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"shadcnblocks--dashboard7","name":"Dashboard 7 - Category performance with orders table","collection":"shadcnblocks","creator":"Shadcnblocks · Rob","category":"Dashboards & data","why":"Original dashboards & data reference from Shadcnblocks · Rob.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://www.shadcnblocks.com/block/dashboard7","codeUrl":"https://www.shadcnblocks.com/block/dashboard7","repository":"","sourceFiles":[],"commit":"","access":"Commercial creator catalog · code access not checked","license":"Commercial creator terms; free/paid tier must be checked on the original page","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Original publisher operational-layout category","added":"2026-10-20","previewSource":"https://cdn.shadcnblocks.com/shadcnblocks/screenshots/block/dashboard7-4x3.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","sourceCategory":"dashboard","preview":"media/references/shadcnblocks--dashboard7.webp","previewWidth":1336,"previewHeight":1002,"previewSha256":"d8e539e51183a83cb5524b6ffb5fb9ebe1ba4bf05373f8d805329adb1993064a","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"shadcnblocks--dashboard8","name":"Dashboard 8 - Sales Dashboard","collection":"shadcnblocks","creator":"Shadcnblocks · Rob","category":"Dashboards & data","why":"Original dashboards & data reference from Shadcnblocks · Rob.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://www.shadcnblocks.com/block/dashboard8","codeUrl":"https://www.shadcnblocks.com/block/dashboard8","repository":"","sourceFiles":[],"commit":"","access":"Commercial creator catalog · code access not checked","license":"Commercial creator terms; free/paid tier must be checked on the original page","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Original publisher operational-layout category","added":"2026-10-20","previewSource":"https://cdn.shadcnblocks.com/shadcnblocks/screenshots/block/dashboard8-4x3.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","sourceCategory":"dashboard","preview":"media/references/shadcnblocks--dashboard8.webp","previewWidth":1336,"previewHeight":1002,"previewSha256":"e9744b52802b222e01c3a0f18a353511e709a320cf279ceb94e934394bf130e3","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"shadcnblocks--dashboard9","name":"Dashboard 9 - Sales Dashboard","collection":"shadcnblocks","creator":"Shadcnblocks · Rob","category":"Dashboards & data","why":"Original dashboards & data reference from Shadcnblocks · Rob.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://www.shadcnblocks.com/block/dashboard9","codeUrl":"https://www.shadcnblocks.com/block/dashboard9","repository":"","sourceFiles":[],"commit":"","access":"Commercial creator catalog · code access not checked","license":"Commercial creator terms; free/paid tier must be checked on the original page","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Original publisher operational-layout category","added":"2026-10-20","previewSource":"https://cdn.shadcnblocks.com/shadcnblocks/screenshots/block/dashboard9-4x3.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","sourceCategory":"dashboard","preview":"media/references/shadcnblocks--dashboard9.webp","previewWidth":1336,"previewHeight":1002,"previewSha256":"66d4bf841b016155db811a600ac292b34a7595e4adbcc36123563ab08bcd779a","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"21st--uniquesonu--dashboard-overview","name":"Dashboard Overview","collection":"21st-community","creator":"Sonu kumar","category":"Dashboards & data","why":"Original dashboards & data reference from Sonu kumar.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@uniquesonu/components/dashboard-overview","codeUrl":"https://21st.dev/@uniquesonu/components/dashboard-overview","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community dashboard catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/uniquesonu/dashboard-overview/default/preview.1759320014142.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"uniquesonu","sourceCategory":"dashboard","creatorPublicationUrl":"https://21st.dev/@uniquesonu/components/dashboard-overview","preview":"media/references/21st--uniquesonu--dashboard-overview.png","previewWidth":960,"previewHeight":566,"previewSha256":"536e643f4a7778dfd76bfe6d2983def44eade730d694cf933d8422a4c10a58d5","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@uniquesonu/components/dashboard-overview"},{"id":"21st--arunjdass--dashboard-sidebar","name":"Dashboard Sidebar","collection":"21st-community","creator":"Arun Dass","category":"Dashboards & data","why":"Original dashboards & data reference from Arun Dass.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@arunjdass/components/dashboard-sidebar","codeUrl":"https://21st.dev/@arunjdass/components/dashboard-sidebar","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community dashboard catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/arunjdass/dashboard-sidebar/default/preview.1781812420625.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"arunjdass","sourceCategory":"dashboard","creatorPublicationUrl":"https://21st.dev/@arunjdass/components/dashboard-sidebar","preview":"media/references/21st--arunjdass--dashboard-sidebar.png","previewWidth":960,"previewHeight":720,"previewSha256":"be609a45e77fa0f987d51bb717ff204493030923152f547ddf19fb926d2e2ece","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@arunjdass/components/dashboard-sidebar"},{"id":"21st--uniquesonu--dashboard-with-collapsible-sidebar","name":"Dashboard with Collapsible Sidebar","collection":"21st-community","creator":"Sonu kumar","category":"Cards & layouts","why":"Original cards & layouts reference from Sonu kumar.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@uniquesonu/components/dashboard-with-collapsible-sidebar","codeUrl":"https://21st.dev/@uniquesonu/components/dashboard-with-collapsible-sidebar","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Featured by publisher; creator preview indexed; not runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community featured catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_2uOpchRdPn3LCzVSbgJCGyLpamB/dashboard-with-collapsible-sidebar/default/preview.1787178158518.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"uniquesonu","sourceCategory":"featured","creatorPublicationUrl":"https://21st.dev/@uniquesonu/components/dashboard-with-collapsible-sidebar","preview":"media/references/21st--uniquesonu--dashboard-with-collapsible-sidebar.png","previewWidth":960,"previewHeight":721,"previewSha256":"c1ff046e21b89ec268b9e2ea0630d25fea2f04601fa94d306eaadef23c55e6dd","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@uniquesonu/components/dashboard-with-collapsible-sidebar"},{"id":"21st--sean0205--data-grid-table","name":"Data Grid Table","collection":"21st-community","creator":"Sean Hello","category":"Dashboards & data","why":"Original dashboards & data reference from Sean Hello.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@sean0205/components/data-grid-table/light-table","codeUrl":"https://21st.dev/@sean0205/components/data-grid-table/light-table","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community dashboard catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_2wpPk1CyWKAxM46S7k5UoCQhmqF/data-grid-table/light-table/preview.1787174143046.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"sean0205","sourceCategory":"dashboard","creatorPublicationUrl":"https://21st.dev/@sean0205/components/data-grid-table/light-table","preview":"media/references/21st--sean0205--data-grid-table.png","previewWidth":960,"previewHeight":644,"previewSha256":"56c94e7dfa148892f0d45f7b415cd8a7c86d602c3de647632de7781a29f52e32","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@sean0205/components/data-grid-table"},{"id":"codrops--deepmind-imagen-website-header-rebuild","name":"DeepMind Imagen Website Header rebuild","collection":"codrops-creative","creator":"Matthew Frawley","creatorUrl":"https://tympanus.net/codrops/hub/author/matthew_frawley","category":"Galleries & transitions","styleTags":["gsap","tailwind","three.js","webgl","webgpu"],"why":"Clean white hero with 'Future by AI' centred and generated images scattered and blurred around it at different depths.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://imagen-header-rebuild.vercel.app/","codeUrl":"https://github.com/prag-matt-ic/imagen-header-rebuild","repository":"https://github.com/prag-matt-ic/imagen-header-rebuild","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/06/Screenshot-2025-06-26-at-06.22.59-768x577.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Jun 26, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:54:42.821988+00:00","preview":"media/references/codrops--deepmind-imagen-website-header-rebuild.png","previewWidth":768,"previewHeight":577,"previewSha256":"d1811b204666ca1357e878517380f8f113fc1f13acad436804491bf0b12a734e","previewAnimated":false},{"id":"affectui--delegate-board","name":"Delegate Board","collection":"affectui","category":"Agent orchestration","why":"Assigning work shows the agent’s next availability. The scheduling consequence is visible before the handoff.","useFor":"Human-directed task distribution across agents.","sourceFiles":[],"website":"https://www.affectui.com/components/delegate-board","repository":"","commit":"cc799e7e438efcea8d484fa27932405ea60bff9a","license":"MIT","access":"Paid reference · no code","review":"Creator catalog + docs","favorite":false,"discovered":"X bookmarks","added":"2026-10-20","preview":"media/screenshots/affectui--delegate-board.jpg","previewType":"Screenshot of the creator’s published web demo","previewSource":"https://www.affectui.com/components/delegate-board","capturedAt":"2026-10-20T04:00:15.099Z","relatedLibraryRepository":"https://github.com/flohoeller/affectui","previewWidth":624,"previewHeight":630,"previewAnimated":false},{"id":"21st--ibrandify--delivery-progress","name":"Delivery progress","collection":"21st-community","creator":"Waqar H. Syed","category":"Thinking & progress","why":"Original thinking & progress reference from Waqar H. Syed.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@ibrandify/components/delivery-progress","codeUrl":"https://21st.dev/@ibrandify/components/delivery-progress","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community timeline catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/ibrandify/delivery-progress/default/preview.1791660634828-0c976e3b-f726-43d2-965f-99497d8a2b86.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"ibrandify","sourceCategory":"timeline","creatorPublicationUrl":"https://21st.dev/@ibrandify/components/delivery-progress","preview":"media/references/21st--ibrandify--delivery-progress.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"c0d878f2982eff6ce625a0fafe55e9768c79007ccf58427bbb94bc08184a1c5f","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@ibrandify/components/delivery-progress"},{"id":"21st--efferd--dialog","name":"Dialog","collection":"21st-community","creator":"Efferd","category":"Human control","why":"Dark modal with a fixed header (title, subtitle, close) and a fixed footer (Close and Save Changes), with a visibly scrollable body between them. The scrollbar shows overflow, and a secondary/primary button pair is right-aligned. It captures the sticky header/footer pattern clearly.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@efferd/components/dialog/sticky-header-footer","codeUrl":"https://21st.dev/@efferd/components/dialog/sticky-header-footer","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Sonnet 5.5 Medium individual full-image visual audit of original published preview; source access remains unverified, not runtime or accessibility tested","selectionType":"Individually visually reviewed creator-catalog reference","favorite":false,"discovered":"Creator-published 21st community modal catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/sshahaider/dialog/sticky-header-footer/preview.1753272898334.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"efferd","sourceCategory":"modal","creatorPublicationUrl":"https://21st.dev/@efferd/components/dialog/sticky-header-footer","preview":"media/references/21st--efferd--dialog.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"d45c101120ba4c38949be1fc66147233f1e4dc8a3e1c41256383d10b9eaa3e0c","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@efferd/components/dialog","qualityReview":"references/older-input-quality-curation.json"},{"id":"codrops-original--distortedmenulinkeffects","name":"Distorted Menu Link Effects","category":"Typography & effects","why":"Huge white geometric-sans menu words on near-black; the middle link (SHOWREEL) is dimmed and cut by a ragged pink-to-violet gradient smear, so the distortion effect and legible hierarchy are visible in one static frame.","favorite":false,"collection":"codrops-creative","creator":"Codrops","creatorUrl":"https://github.com/codrops","website":"https://tympanus.net/Development/DistortedMenuLinkEffects/","repository":"https://github.com/codrops/DistortedMenuLinkEffects","commit":"5f2f934d8f56845932f6b042af99a9ef81c199d4","codeUrl":"https://github.com/codrops/DistortedMenuLinkEffects/tree/5f2f934d8f56845932f6b042af99a9ef81c199d4/src","sourceFiles":[],"platform":"Web","access":"Original public source linked and pinned · MIT; not a complete archived component package","license":"MIT · original notice bytes preserved; image/font/dependency terms remain separate","review":"Sonnet 5.5 Medium full-image visual review plus researcher source/provenance checks; not runtime, motion or accessibility tested","useFor":"Study the exact original image and linked creator source. Respect its source, asset and access terms.","selectionType":"Individually visually reviewed original reference","discovered":"Original GitHub creator repository discovery · spatial-operational review","added":"2026-10-20","preview":"media/references/codrops-original--distortedmenulinkeffects.png","previewSha256":"f4bd4d3fb078589279f24b4bc5db32cdc2f9e8691ae7e97e3a61906bc42c8244","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2020/03/LinkEffects_featured.png","previewAnimated":false,"previewType":"Exact original creator-published static feature image","sourceResolution":"references/spatial-operational-source-resolution.json","sourcePinNote":"Current pinned original source, not a claim of exact screenshot-build revision.","additionalOriginalImages":[],"previewWidth":800,"previewHeight":600},{"id":"codrops--distortion-and-grain-effects-on-scroll-with-shaders-in-three-js","name":"Distortion and Grain Effects on Scroll with Shaders in Three.js","collection":"codrops-creative","creator":"Jan Kohlbach","creatorUrl":"https://tympanus.net/codrops/hub/author/jankohlbach","category":"Galleries & transitions","styleTags":["glsl","scroll","Three.js","WebGL"],"why":"Warped curved image plane with film grain on a minimal tutorial layout","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Tutorials/ShaderOnScroll","codeUrl":"https://github.com/jankohlbach/codrops-shader-on-scroll","repository":"https://github.com/jankohlbach/codrops-shader-on-scroll","sourceFiles":[],"commit":"","access":"Creator code page linked · HTTP 200; license/reuse terms not audited","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview selection; creator/demo/source links traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub · October 20 creator-depth review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2024/07/grainonscroll.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Jul 18, 2024","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T07:38:51.455636+00:00","preview":"media/references/codrops--distortion-and-grain-effects-on-scroll-with-shaders-in-three-js.png","previewWidth":800,"previewHeight":600,"previewSha256":"8e4a00c24b007a5de07e0f92f6eb83b65a535ec7b261f7b31434255146d6279f","previewAnimated":false,"sourcePageCheck":{"status":200,"resolvedUrl":"https://github.com/jankohlbach/codrops-shader-on-scroll","checkedAt":"2026-10-20T07:40:41.158775+00:00"}},{"id":"codrops--dither-ascii-effect-pro","name":"Dither / ASCII Effect Pro","collection":"codrops-creative","creator":"Sabo Sugi","creatorUrl":"https://tympanus.net/codrops/hub/author/sabo_sugi","category":"Creative controls & effects","styleTags":["ascii","canvas","dithering"],"why":"Original creative controls & effects reference published in the Codrops Creative Hub; inspect the image and original demo for its visual approach.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://codepen.io/sabosugi/full/bNegbmy","codeUrl":"https://codepen.io/sabosugi/full/bNegbmy","repository":"","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Contact-sheet preview reviewed with Sonnet 5.5 Medium; original publisher links traced; not runtime-tested","selectionType":"Preview-reviewed design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/01/Screenshot-2026-01-15-at-21.00.43-768x577.png.webp","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Jan 14, 2026","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:23:38.056369+00:00","preview":"media/references/codrops--dither-ascii-effect-pro.webp","previewWidth":768,"previewHeight":577,"previewSha256":"2706e487ea8f987c7ba2bb48b5d40c6ada4ac159b469228998236091d8e2c919","previewAnimated":false},{"id":"21st--su2491251--dither-donut-chart","name":"Dither Donut Chart","collection":"21st-community","creator":"Subhan Uddin","category":"Dashboards & data","why":"Original dashboards & data reference from Subhan Uddin.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@su2491251/components/dither-donut-chart","codeUrl":"https://21st.dev/@su2491251/components/dither-donut-chart","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community data-visualization catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/su2491251/dither-donut-chart/default/preview.1790305716135-0db732e8-c3a0-416f-af0f-d5537102b8b5.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"su2491251","sourceCategory":"data-visualization","creatorPublicationUrl":"https://21st.dev/@su2491251/components/dither-donut-chart","preview":"media/references/21st--su2491251--dither-donut-chart.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"365c8ce7412b0b1d110dbfa4ed2a9ee5bbe95cc294b12bcbd196f225bd12f2a4","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@su2491251/components/dither-donut-chart"},{"id":"aceternity--dither-shader","name":"Dither Shader","collection":"aceternity","creator":"Aceternity UI · Manu Arora","category":"Typography & effects","why":"Original typography & effects reference from Aceternity UI · Manu Arora.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://ui.aceternity.com/components/dither-shader","codeUrl":"https://ui.aceternity.com/components/dither-shader","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Reddit library leads → original Aceternity component catalog","added":"2026-10-20","previewSource":"https://assets.aceternity.com/dither-shader.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","preview":"media/references/aceternity--dither-shader.webp","previewWidth":2048,"previewHeight":1440,"previewSha256":"2ecc32f0d16655b51a024b3ff0e6e0dbfef2ccbac7946b91788b2b5f5986b942","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"codrops--dithering-process-visualization-with-three-js","name":"Dithering Process Visualization with Three.js","collection":"codrops-creative","creator":"Damar Aji Pramudita","creatorUrl":"https://tympanus.net/codrops/hub/author/damar","category":"Spatial experiences","styleTags":["dithering","three.js","webgl"],"why":"Original spatial experiences reference published in the Codrops Creative Hub; inspect the image and original demo for its visual approach.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Tutorials/VisualizingDitheringThreejs/","codeUrl":"https://github.com/damarberlari/visualizing-dithering-codrops","repository":"https://github.com/damarberlari/visualizing-dithering-codrops","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Contact-sheet preview reviewed with Sonnet 5.5 Medium; original publisher links traced; not runtime-tested","selectionType":"Preview-reviewed design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/04/dithering-768x576.webp","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Apr 1, 2026","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:23:38.056369+00:00","preview":"media/references/codrops--dithering-process-visualization-with-three-js.webp","previewWidth":768,"previewHeight":576,"previewSha256":"98115ef5dd7ecceb55c1e6107fd0a7788cc1029f299082162e9442aedc78cf00","previewAnimated":false},{"id":"codrops--dithering-shader","name":"Dithering Shader","collection":"codrops-creative","creator":"Niccolò Fanton","creatorUrl":"https://tympanus.net/codrops/hub/author/niccolofanton","category":"Shaders & materials","styleTags":["dithering","glsl","postprocessing","three.js","webgl"],"why":"Black-and-white dithered helmet-like object on pure white; crisp monochrome treatment of a 3D form.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Development/DitheringShader","codeUrl":"https://github.com/niccolofanton/dithering-shader","repository":"https://github.com/niccolofanton/dithering-shader","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/05/ditheringshader-768x576.jpg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Jun 4, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:54:42.821988+00:00","preview":"media/references/codrops--dithering-shader.jpg","previewWidth":768,"previewHeight":576,"previewSha256":"8ba2bb9e3bb9383bb72e63f827232026f6baf5106afbff3daf02a6ca0a8d21d5","previewAnimated":false},{"id":"codrops--dithering-part-1","name":"Dithering – Part 1","collection":"codrops-creative","creator":"Damar Berlari","creatorUrl":"https://tympanus.net/codrops/hub/author/damar_berlari","category":"Spatial experiences","styleTags":["anime.js","dithering","three.js","webgl"],"why":"Original spatial experiences reference published in the Codrops Creative Hub; inspect the image and original demo for its visual approach.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://codepen.io/damarberlari/full/pvgKamj","codeUrl":"https://codepen.io/damarberlari/full/pvgKamj","repository":"","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Contact-sheet preview reviewed with Sonnet 5.5 Medium; original publisher links traced; not runtime-tested","selectionType":"Preview-reviewed design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/11/Screenshot-2025-11-01-at-11.02.53-768x577.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Oct 27, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:23:38.056369+00:00","preview":"media/references/codrops--dithering-part-1.png","previewWidth":768,"previewHeight":577,"previewSha256":"fe576c0ad691d14b0286587a687a2745d55dc8f4508e6ebef933ea16bb7c07a7","previewAnimated":false},{"id":"webzibition--dominik-kostolnik","name":"Dominik Kostolnik","collection":"webzibition","creator":"Dominik Kostolnik · original site","creatorAttribution":"Site identity from the publisher listing; individual design author not independently verified","category":"Full websites & portfolios","why":"Dark page with rounded orange-to-cream pills above a huge white German headline; warm accent on black.","useFor":"Study the original website’s composition and presentation; code availability is unverified.","website":"https://dkton.at/","codeUrl":"","repository":"","sourceFiles":[],"commit":"","access":"Design reference · public source not traced","license":"Website and preview rights belong to their respective owners; no source or reuse license verified","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited; original website returned HTTP200; screenshot may predate the current live design","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"Codrops Webzibition → original website","added":"2026-10-20","preview":"media/references/webzibition--dominik-kostolnik.webp","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/09/dkton-1200x649.png.webp?x67708","previewType":"Codrops publisher screenshot of the linked original website; not a fresh live capture","previewWidth":1200,"previewHeight":649,"previewSha256":"5ce17eacdd51a562e3e80329e19006551f8f80088ecbd5fd69d99a4946322772","previewAnimated":false,"publisherIndex":"https://tympanus.net/codrops/webzibition/","publisherRecord":"post-121534","pageTitle":"Dominik Kostolnik | Tonmeister & Sounddesigner für Film","pageCheckedAt":"2026-10-20T05:54:32.868906+00:00","pageAvailability":"HTTP200; same-domain original website","retrievedAt":"2026-10-20T05:54:32.868906+00:00"},{"id":"21st--ravikatiyar162--donut-chart","name":"Donut Chart","collection":"21st-community","creator":"Ravi Katiyar","category":"Dashboards & data","why":"Original dashboards & data reference from Ravi Katiyar.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@ravikatiyar162/components/donut-chart","codeUrl":"https://21st.dev/@ravikatiyar162/components/donut-chart","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community data-visualization catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/ravikatiyar162/donut-chart/default/preview.1761628978651.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"ravikatiyar162","sourceCategory":"data-visualization","creatorPublicationUrl":"https://21st.dev/@ravikatiyar162/components/donut-chart","preview":"media/references/21st--ravikatiyar162--donut-chart.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"70e111a63c2957982d5eda0516328dfc938457746189e8f2a0b4162795317871","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@ravikatiyar162/components/donut-chart"},{"id":"21st--sean0205--c-chart-19","name":"Donut Chart With Center Total","collection":"21st-community","creator":"Sean Hello","category":"Dashboards & data","why":"Original dashboards & data reference from Sean Hello.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@sean0205/components/c-chart-19","codeUrl":"https://21st.dev/@sean0205/components/c-chart-19","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community dashboard catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/sean0205/c-chart-19/default/preview.1790218802641-f9e077c0-face-418e-884c-d0a30a1f5571.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"sean0205","sourceCategory":"dashboard","creatorPublicationUrl":"https://21st.dev/@sean0205/components/c-chart-19","preview":"media/references/21st--sean0205--c-chart-19.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"b37d17f06a1b618d1b55db07ae9a4fa8879809c65a783b700891eb1fa1b0d5c5","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@sean0205/components/c-chart-19"},{"id":"21st--designali-in--dot-pattern","name":"Dot Pattern","collection":"21st-community","creator":"Ali Imam","category":"Cards & layouts","why":"Original cards & layouts reference from Ali Imam.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@designali-in/components/dot-pattern","codeUrl":"https://21st.dev/@designali-in/components/dot-pattern","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Featured by publisher; creator preview indexed; not runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community featured catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_2rO0IUQINTfBex4xN8Ghho5dpr4/dot-pattern.jpg","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"designali-in","sourceCategory":"featured","creatorPublicationUrl":"https://21st.dev/@designali-in/components/dot-pattern","preview":"media/references/21st--designali-in--dot-pattern.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"7d6c83fb2bfc85bb0d7ce915f73509f8b791e80040475ddad4bc9e5238ca63de","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@designali-in/components/dot-pattern"},{"id":"21st--serafimcloud--dotted-dialog","name":"Dotted Dialog","collection":"21st-community","creator":"Serafim","category":"Human control","why":"The dialog is a dark card sitting over a halftone dot-matrix backdrop. The yellow logo and wordmark dissolve into dots behind it, so the overlay shows through instead of being a flat scrim. The legible title, body text and close glyph keep the idea specific and reusable.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@serafimcloud/components/dotted-dialog","codeUrl":"https://21st.dev/@serafimcloud/components/dotted-dialog","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Sonnet 5.5 Medium individual full-image visual audit of original published preview; source access remains unverified, not runtime or accessibility tested","selectionType":"Individually visually reviewed creator-catalog reference","favorite":false,"discovered":"Creator-published 21st community modal catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_2nElBLvklOKlAURm6W1PTu6yYFh/dotted-dialog/default/preview.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"serafimcloud","sourceCategory":"modal","creatorPublicationUrl":"https://21st.dev/@serafimcloud/components/dotted-dialog","preview":"media/references/21st--serafimcloud--dotted-dialog.png","previewWidth":960,"previewHeight":849,"previewSha256":"c6906f914e52611726acb3689e49a214ceca7ac4773c4b31d491c5bcf22b26ac","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@serafimcloud/components/dotted-dialog","qualityReview":"references/older-input-quality-curation.json"},{"id":"aceternity--dotted-glow-background","name":"Dotted Glow Background","collection":"aceternity","creator":"Aceternity UI · Manu Arora","category":"Typography & effects","why":"Original typography & effects reference from Aceternity UI · Manu Arora.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://ui.aceternity.com/components/dotted-glow-background","codeUrl":"https://ui.aceternity.com/components/dotted-glow-background","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Reddit library leads → original Aceternity component catalog","added":"2026-10-20","previewSource":"https://assets.aceternity.com/dotted-glow-background.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","preview":"media/references/aceternity--dotted-glow-background.webp","previewWidth":2048,"previewHeight":1440,"previewSha256":"c52a149d513f9ef6afdac0edfd672c3631a38d746ef5e17558c0f8a9aa65776c","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"aceternity--draggable-card","name":"Draggable Card","collection":"aceternity","creator":"Aceternity UI · Manu Arora","category":"Cards & layouts","why":"Original cards & layouts reference from Aceternity UI · Manu Arora.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://ui.aceternity.com/components/draggable-card","codeUrl":"https://ui.aceternity.com/components/draggable-card","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Reddit library leads → original Aceternity component catalog","added":"2026-10-20","previewSource":"https://assets.aceternity.com/draggable-card.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","preview":"media/references/aceternity--draggable-card.webp","previewWidth":2048,"previewHeight":1440,"previewSha256":"b78aeebc47b095fa3e149552677709b54f654b522f9d85a316323d75cf235afa","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"codrops--draggable-image-gallery","name":"Draggable Image Gallery","collection":"codrops-creative","creator":"Filip Zrnzevic","creatorUrl":"https://tympanus.net/codrops/hub/author/filip","category":"Galleries & transitions","styleTags":["draggable","grid","gsap"],"why":"Original galleries & transitions reference published in the Codrops Creative Hub; inspect the image and original demo for its visual approach.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://codepen.io/filipz/full/dPGKGOo","codeUrl":"https://codepen.io/filipz/full/dPGKGOo","repository":"","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Contact-sheet preview reviewed with Sonnet 5.5 Medium; original publisher links traced; not runtime-tested","selectionType":"Preview-reviewed design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/12/Screenshot-2025-12-20-at-09.49.23-768x577.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Oct 25, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:23:38.056369+00:00","preview":"media/references/codrops--draggable-image-gallery.png","previewWidth":768,"previewHeight":577,"previewSha256":"d1d8f27239a3b0ba41a650c9c230f0b9fbad171693d1910d00c6ac8b181d2d2a","previewAnimated":false},{"id":"codrops-original--draggablemenu","name":"Draggable Menu","category":"Navigation & search","why":"Menu items are huge outlined and solid serif words (Mezcala / Cari...) on a pale canvas, with small scattered image thumbnails around them; the second panel shows the opened asymmetric photo-grid preview, so the nav-to-gallery idea is readable.","favorite":false,"collection":"codrops-creative","creator":"Codrops","creatorUrl":"https://github.com/codrops","website":"https://tympanus.net/Development/DraggableMenu/","repository":"https://github.com/codrops/DraggableMenu","commit":"c943b24ee1c33405f91c4614217612d99edcc665","codeUrl":"https://github.com/codrops/DraggableMenu/tree/c943b24ee1c33405f91c4614217612d99edcc665","sourceFiles":[],"platform":"Web","access":"Original public source linked and pinned · Custom Codrops terms: integration permitted; redistribution/resale as-is restricted; third-party terms apply; not a complete archived component package","license":"Custom Codrops terms: integration permitted; redistribution/resale as-is restricted; third-party terms apply · original notice bytes preserved; image/font/dependency terms remain separate","review":"Sonnet 5.5 Medium full-image visual review plus researcher source/provenance checks; not runtime, motion or accessibility tested","useFor":"Study the exact original image and linked creator source. Respect its source, asset and access terms.","selectionType":"Individually visually reviewed original reference","discovered":"Original GitHub creator repository discovery · spatial-operational review","added":"2026-10-20","preview":"media/references/codrops-original--draggablemenu.jpg","previewSha256":"a70e2f0870eeca84c3945241275f8e64aee98568d7ed203daf46903af700f202","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2019/06/DraggableMenu_feat.jpg","previewAnimated":false,"previewType":"Exact original creator-published static feature image","sourceResolution":"references/spatial-operational-source-resolution.json","sourcePinNote":"Current pinned original source, not a claim of exact screenshot-build revision.","additionalOriginalImages":[],"previewWidth":800,"previewHeight":600},{"id":"codrops--draw-random-underline","name":"Draw Random Underline","collection":"codrops-creative","creator":"Osmo","creatorUrl":"https://tympanus.net/codrops/hub/author/osmo","category":"Creative controls & effects","styleTags":["gsap","hover","link","svg"],"why":"Cream nav of words ('Branding Design Development') with hand-drawn red squiggle underlines; a charming marker-style emphasis.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://codepen.io/osmosupply/full/qEEKRrx","codeUrl":"https://codepen.io/osmosupply/full/qEEKRrx","repository":"","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/05/Screenshot-2025-05-31-at-06.24.21-768x577.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"May 6, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:54:42.821988+00:00","preview":"media/references/codrops--draw-random-underline.png","previewWidth":768,"previewHeight":577,"previewSha256":"44d4a638f87745a20b83f99021c2008770fc3bba4d22efb689a0ffbad61f19da","previewAnimated":false},{"id":"codrops--dreamfold","name":"Dreamfold","collection":"codrops-creative","creator":"David Ronai","creatorUrl":"https://tympanus.net/codrops/hub/author/davronaigmail-com","category":"Spatial experiences","styleTags":["3d","map","three.js","webgl"],"why":"Original spatial experiences reference published in the Codrops Creative Hub; inspect the image and original demo for its visual approach.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://cityfold.vercel.app/","codeUrl":"https://github.com/Makio64/dreamfold","repository":"https://github.com/Makio64/dreamfold","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Contact-sheet preview reviewed with Sonnet 5.5 Medium; original publisher links traced; not runtime-tested","selectionType":"Preview-reviewed design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/09/3dcesium-768x576.png.webp","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Sep 1, 2026","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:23:38.056369+00:00","preview":"media/references/codrops--dreamfold.webp","previewWidth":768,"previewHeight":576,"previewSha256":"9b6d4d738466763dafe50b4c156bc6479365151eb72d560e090e7212e01f51ce","previewAnimated":false},{"id":"codrops--drops","name":"Drops","collection":"codrops-creative","creator":"saharan","creatorUrl":"https://tympanus.net/codrops/hub/author/saharan","category":"Shaders & materials","styleTags":["fluid","haxe","physics","wasm","water","WebGL"],"why":"Clear glass spheres refracting a tiled floor and a warm interior HDR, with a light caustic glow beneath.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://oimo.io/works/drops/","codeUrl":"https://github.com/saharan/works/tree/main/drops","repository":"https://github.com/saharan/works/tree/main/drops","sourceFiles":[],"commit":"","access":"Creator code page linked · HTTP 200; license/reuse terms not audited","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview review; original demo/source attribution traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub · October 20 midday review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/01/Screenshot-2025-01-26-at-09.47.08.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Jan 8, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T06:57:46.927245+00:00","preview":"media/references/codrops--drops.png","previewWidth":1600,"previewHeight":1202,"previewSha256":"c44812cdae9c79665279c847a8647cfc7c7a58d596634639214d1a2a81377727","previewAnimated":false,"observedPage":6,"sourcePageCheck":{"status":200,"resolvedUrl":"https://github.com/saharan/works/tree/main/drops","checkedAt":"2026-10-20T07:06:22.741785+00:00"}},{"id":"codrops--dual-wave-text-animation-on-scroll","name":"Dual Wave Text Animation on Scroll","collection":"codrops-creative","creator":"Valentin Descombes","creatorUrl":"https://tympanus.net/codrops/hub/author/valentindescombes","category":"Editorial & typography","styleTags":["gsap","scroll","typography"],"why":"Original editorial & typography reference published in the Codrops Creative Hub; inspect the image and original demo for its visual approach.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Tutorials/DualWaveTextAnimation/","codeUrl":"https://github.com/ValentinDBS/codrops-tutorial-text-animation","repository":"https://github.com/ValentinDBS/codrops-tutorial-text-animation","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Contact-sheet preview reviewed with Sonnet 5.5 Medium; original publisher links traced; not runtime-tested","selectionType":"Preview-reviewed design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/01/dual-wave-text-animation-image-1536x864-1-768x576.webp","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Jan 15, 2026","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:23:38.056369+00:00","preview":"media/references/codrops--dual-wave-text-animation-on-scroll.webp","previewWidth":768,"previewHeight":576,"previewSha256":"7a9b02f1b4a3c92b4b107b7556d58c18b7aad15436b52f4b5a7b7a0804f650de","previewAnimated":false},{"id":"codrops--dynamic-tooltip-reveal-animations","name":"Dynamic Tooltip Reveal Animations","collection":"codrops-creative","creator":"Manoela Ilic","creatorUrl":"https://tympanus.net/codrops/hub/author/crnacura","category":"Feedback & states","styleTags":["gooey","GSAP","tooltip"],"why":"Purple tooltip panel revealed over monospace lore text with sci-fi detail","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Development/PixelGooeyTooltip","codeUrl":"https://github.com/codrops/PixelGooeyTooltip","repository":"https://github.com/codrops/PixelGooeyTooltip","sourceFiles":[],"commit":"","access":"Creator code page linked · HTTP 200; license/reuse terms not audited","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview selection; creator/demo/source links traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub · October 20 creator-depth review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2023/11/PixelTooltip.jpg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Nov 8, 2023","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T07:38:51.455636+00:00","preview":"media/references/codrops--dynamic-tooltip-reveal-animations.jpg","previewWidth":800,"previewHeight":600,"previewSha256":"74dc9e1affe5b08c4dbf0b3a1b6ec9863993d4f4a0205f65120a06842e7aaeb4","previewAnimated":false,"sourcePageCheck":{"status":200,"resolvedUrl":"https://github.com/codrops/PixelGooeyTooltip","checkedAt":"2026-10-20T07:40:38.453908+00:00"}},{"id":"21st--legionwebdev--echarts-sankey-chart","name":"ECharts Sankey Chart","collection":"21st-community","creator":"Legion Dev","category":"Dashboards & data","why":"Original dashboards & data reference from Legion Dev.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@LegionWebDev/components/echarts-sankey-chart/ex-svg-renderer-echarts-sankey-chart","codeUrl":"https://21st.dev/@LegionWebDev/components/echarts-sankey-chart/ex-svg-renderer-echarts-sankey-chart","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community data-visualization catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/LegionWebDev/echarts-sankey-chart/ex-svg-renderer-echarts-sankey-chart/preview.1790314382655-5675db2d-8d95-4b23-aaed-13dacab4d954.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"LegionWebDev","sourceCategory":"data-visualization","creatorPublicationUrl":"https://21st.dev/@LegionWebDev/components/echarts-sankey-chart/ex-svg-renderer-echarts-sankey-chart","preview":"media/references/21st--legionwebdev--echarts-sankey-chart.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"ddac694eebc3b2433da59ec21559b20db58a1af5105d558032d4e196a96c5ac2","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@LegionWebDev/components/echarts-sankey-chart"},{"id":"agent-elements--edit-tool","name":"Edit Tool","collection":"agent-elements","category":"Artifacts & evidence","why":"The result and its approval are attached to the edit itself. Strong object-level interaction for coding work.","useFor":"Inline edits and proposed patches.","sourceFiles":["sources/agent-elements/code/lib/agent-ui/components/tools/edit-tool.tsx"],"website":"https://agent-elements.21st.dev/docs/edit-tool","repository":"https://github.com/21st-dev/agent-elements","commit":"b04b36cb6381a1dd1a0e86cc7c90564ddcd56d37","license":"MIT","access":"Source saved","review":"Live gallery + source","favorite":false,"discovered":"Independent research","added":"2026-10-20","preview":"media/screenshots/agent-elements--edit-tool.jpg","previewType":"Screenshot of the creator’s published web demo","previewSource":"https://agent-elements.21st.dev/docs/edit-tool","capturedAt":"2026-10-20T03:53:43.528Z","previewWidth":684,"previewHeight":450,"previewAnimated":false},{"id":"21st--efferd--efferd-dashboard-2","name":"Efferd Dashboard 2","collection":"21st-community","creator":"Efferd","category":"Dashboards & data","why":"Original dashboards & data reference from Efferd.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@efferd/components/efferd-dashboard-2","codeUrl":"https://21st.dev/@efferd/components/efferd-dashboard-2","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community dashboard catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/efferd/efferd-dashboard-2/default/preview.1789597993020-8465cdd8-83f1-4e40-8383-cc47eb7519a0.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"efferd","sourceCategory":"dashboard","creatorPublicationUrl":"https://21st.dev/@efferd/components/efferd-dashboard-2","preview":"media/references/21st--efferd--efferd-dashboard-2.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"458abb27430bc8b897346cf75b4ff01386ad5c20edefe78bcff74be74166aee9","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@efferd/components/efferd-dashboard-2"},{"id":"codrops--elastic-grid-scroll","name":"Elastic Grid Scroll","collection":"codrops-creative","creator":"Manoela Ilic","creatorUrl":"https://tympanus.net/codrops/hub/author/crnacura","category":"Galleries & transitions","styleTags":["elastic","grid","gsap","scroll"],"why":"Dense grid of small portrait tiles inside a white panel over a large red-toned photo; colour-matched tile wall.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Tutorials/ElasticGridScroll/","codeUrl":"https://github.com/codrops/ElasticGridScroll/","repository":"https://github.com/codrops/ElasticGridScroll/","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/06/ElasticGridScroll-768x576.jpg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Jun 3, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:54:42.821988+00:00","preview":"media/references/codrops--elastic-grid-scroll.jpg","previewWidth":768,"previewHeight":576,"previewSha256":"44a695521ad7cda77e56cfb20cf475736d8d2d4ff801c1157ee7e8bb9c2b0eab","previewAnimated":false},{"id":"codrops--electric-border","name":"Electric Border","collection":"codrops-creative","creator":"Bálint Ferenczy","creatorUrl":"https://tympanus.net/codrops/hub/author/balint_ferenczy","category":"Creative controls & effects","styleTags":["canvas","noise"],"why":"Amber glowing outline on a black card with small label and caption; a focused emphasis treatment for a single container.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://codepen.io/BalintFerenczy/full/yyYErXa","codeUrl":"https://codepen.io/BalintFerenczy/full/yyYErXa","repository":"","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/09/Screenshot-2025-09-03-at-06.46.12-768x577.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Aug 25, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:54:42.821988+00:00","preview":"media/references/codrops--electric-border.png","previewWidth":768,"previewHeight":577,"previewSha256":"d2c1b8add0bd700e448ab47ba7c44511cf9b741306640db212d4bed0b6a1790e","previewAnimated":false},{"id":"codrops--electrified-button-gsap-svg","name":"Electrified button – GSAP & SVG","collection":"codrops-creative","creator":"GSAP","creatorUrl":"https://tympanus.net/codrops/hub/author/gsap","category":"Creative controls & effects","styleTags":["button","filter","GSAP","hover","svg"],"why":"A pill button on navy with a jagged blue-violet electric outline and glow that makes a plain action feel charged.","useFor":"Study the original image and linked creator source; respect its license and access terms.","website":"https://codepen.io/GreenSock/full/NWMYMQr","codeUrl":"https://codepen.io/GreenSock/pen/NWMYMQr","repository":"","sourceFiles":[],"commit":"","access":"Original CodePen code linked · access unverified (403 response); source not archived","license":"Original creator terms not verified; do not infer a reuse license from a public preview.","review":"Sonnet 5.5 Medium static visual review and researcher source/provenance checks; not runtime, accessibility or full dependency-license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"Original input and spatial creator trails · input-spatial review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/05/Button.webp","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Sep 30, 2022","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T08:26:33.379151+00:00","preview":"media/references/codrops--electrified-button-gsap-svg.webp","previewWidth":800,"previewHeight":600,"previewSha256":"b658a67b0ff349e62eacbb63c995ad55c30fa65221d81815cdeafdfa9b6d2ccd","previewAnimated":false,"sourcePageCheck":{"status":403,"resolvedUrl":"https://codepen.io/GreenSock/pen/NWMYMQr","checkedAt":"2026-10-20T08:29:11.732984+00:00"}},{"id":"21st--jatin-yadav05--elegant-dark-pattern","name":"Elegant Dark Pattern","collection":"21st-community","creator":"Jatin Yadav","category":"Cards & layouts","why":"Original cards & layouts reference from Jatin Yadav.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@jatin-yadav05/components/elegant-dark-pattern","codeUrl":"https://21st.dev/@jatin-yadav05/components/elegant-dark-pattern","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Featured by publisher; creator preview indexed; not runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community featured catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/jatin-yadav05/elegant-dark-pattern/default/preview.1755191590435.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"jatin-yadav05","sourceCategory":"featured","creatorPublicationUrl":"https://21st.dev/@jatin-yadav05/components/elegant-dark-pattern","preview":"media/references/21st--jatin-yadav05--elegant-dark-pattern.png","previewWidth":960,"previewHeight":603,"previewSha256":"81a45c00fcd23055c02ccd6a1771bf92c70de9a29548d4128d740603d37e37c8","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@jatin-yadav05/components/elegant-dark-pattern"},{"id":"codrops--elemental-sandbox","name":"Elemental Sandbox","collection":"codrops-creative","creator":"Chiro Visuals","creatorUrl":"https://tympanus.net/codrops/hub/author/chirovisuals","category":"Shaders & materials","styleTags":["glsl","three.js"],"why":"Original shaders & materials reference published in the Codrops Creative Hub; inspect the image and original demo for its visual approach.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Development/ElementalSandbox/","codeUrl":"https://github.com/achrefelouafi/LinearAbiltyCastingThreeJS/","repository":"https://github.com/achrefelouafi/LinearAbiltyCastingThreeJS/","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Contact-sheet preview reviewed with Sonnet 5.5 Medium; original publisher links traced; not runtime-tested","selectionType":"Preview-reviewed design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/09/chiro-768x576.png.webp","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Sep 16, 2026","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:23:38.056369+00:00","preview":"media/references/codrops--elemental-sandbox.webp","previewWidth":768,"previewHeight":576,"previewSha256":"e2844d5284847de42302f5025c75d7ce74d44f44a4c3a7ea45a2bd2c51890730","previewAnimated":false},{"id":"elevenlabs-ui--bar-visualizer","name":"ElevenLabs Bar Visualizer","collection":"elevenlabs-ui","category":"Voice & presence","why":"A compact bar field gives speech activity a readable visual signal.","useFor":"Live voice state and audio playback.","sourceFiles":["sources/elevenlabs-ui/code/apps/www/registry/elevenlabs-ui/ui/bar-visualizer.tsx"],"website":"https://ui.elevenlabs.io/docs/components/bar-visualizer","repository":"https://github.com/elevenlabs/ui","commit":"3a28ebab197f8cfa599934f52db12ad1396e54f4","license":"MIT","access":"Source saved","review":"Original documentation and exact source; no microphone permissions or live agent calls used","favorite":false,"discovered":"Independent research","added":"2026-10-20","preview":"media/screenshots/elevenlabs-ui--bar-visualizer.jpg","previewType":"Screenshot of the creator’s published web demo","previewSource":"https://ui.elevenlabs.io/docs/components/bar-visualizer","capturedAt":"2026-10-20T04:24:05.710Z","captureWidth":678,"captureHeight":450,"captureX":605,"captureY":303,"previewWidth":678,"previewHeight":450,"previewAnimated":false},{"id":"elevenlabs-ui--conversation-bar","name":"ElevenLabs Conversation Bar","collection":"elevenlabs-ui","category":"Voice & presence","why":"Voice session controls and conversational state share a single focused control surface.","useFor":"A compact entry point for a voice agent.","sourceFiles":["sources/elevenlabs-ui/code/apps/www/registry/elevenlabs-ui/ui/conversation-bar.tsx"],"website":"https://ui.elevenlabs.io/docs/components/conversation-bar","repository":"https://github.com/elevenlabs/ui","commit":"3a28ebab197f8cfa599934f52db12ad1396e54f4","license":"MIT","access":"Source saved","review":"Original documentation and exact source; no microphone permissions or live agent calls used","favorite":false,"discovered":"Independent research","added":"2026-10-20","preview":"media/screenshots/elevenlabs-ui--conversation-bar.jpg","previewType":"Screenshot of the creator’s published web demo","previewSource":"https://ui.elevenlabs.io/docs/components/conversation-bar","capturedAt":"2026-10-20T04:24:12.419Z","captureWidth":678,"captureHeight":450,"captureX":605,"captureY":303,"previewWidth":678,"previewHeight":450,"previewAnimated":false},{"id":"elevenlabs-ui--matrix","name":"ElevenLabs Matrix","collection":"elevenlabs-ui","category":"Voice & presence","why":"A dot-matrix surface offers a distinctive visual vocabulary for audio activity.","useFor":"Ambient listening and speaking feedback.","sourceFiles":["sources/elevenlabs-ui/code/apps/www/registry/elevenlabs-ui/ui/matrix.tsx"],"website":"https://ui.elevenlabs.io/docs/components/matrix","repository":"https://github.com/elevenlabs/ui","commit":"3a28ebab197f8cfa599934f52db12ad1396e54f4","license":"MIT","access":"Source saved","review":"Original documentation and exact source; no microphone permissions or live agent calls used","favorite":false,"discovered":"Independent research","added":"2026-10-20","preview":"media/screenshots/elevenlabs-ui--matrix.jpg","previewType":"Screenshot of the creator’s published web demo","previewSource":"https://ui.elevenlabs.io/docs/components/matrix","capturedAt":"2026-10-20T04:24:24.676Z","captureWidth":678,"captureHeight":450,"captureX":605,"captureY":267,"previewWidth":678,"previewHeight":450,"previewAnimated":false},{"id":"elevenlabs-ui--orb","name":"ElevenLabs Orb","collection":"elevenlabs-ui","category":"Voice & presence","why":"The original WebGL orb distinguishes idle, listening, thinking and speaking with audio-reactive movement.","useFor":"Expressive voice agent presence.","sourceFiles":["sources/elevenlabs-ui/code/apps/www/registry/elevenlabs-ui/ui/orb.tsx"],"website":"https://ui.elevenlabs.io/docs/components/orb","repository":"https://github.com/elevenlabs/ui","commit":"3a28ebab197f8cfa599934f52db12ad1396e54f4","license":"MIT","access":"Source saved","review":"Original documentation and exact source; no microphone permissions or live agent calls used","favorite":false,"discovered":"Independent research","added":"2026-10-20","preview":"media/screenshots/elevenlabs-ui--orb.jpg","previewType":"Screenshot of the creator’s published web demo","previewSource":"https://ui.elevenlabs.io/docs/components/orb","capturedAt":"2026-10-20T04:23:59.739Z","captureWidth":678,"captureHeight":450,"captureX":605,"captureY":303,"previewWidth":678,"previewHeight":450,"previewAnimated":false},{"id":"elevenlabs-ui--speech-input","name":"ElevenLabs Speech Input","collection":"elevenlabs-ui","category":"Voice & presence","why":"Speech capture has its own input state and controls beside the transcript.","useFor":"Voice-first task and prompt entry.","sourceFiles":["sources/elevenlabs-ui/code/apps/www/registry/elevenlabs-ui/ui/speech-input.tsx"],"website":"https://ui.elevenlabs.io/docs/components/speech-input","repository":"https://github.com/elevenlabs/ui","commit":"3a28ebab197f8cfa599934f52db12ad1396e54f4","license":"MIT","access":"Source saved","review":"Original documentation and exact source; no microphone permissions or live agent calls used","favorite":false,"discovered":"Independent research","added":"2026-10-20","preview":"media/screenshots/elevenlabs-ui--speech-input.jpg","previewType":"Screenshot of the creator’s published web demo","previewSource":"https://ui.elevenlabs.io/docs/components/speech-input","capturedAt":"2026-10-20T04:25:04.293Z","captureWidth":678,"captureHeight":450,"captureX":605,"captureY":303,"previewWidth":678,"previewHeight":450,"previewAnimated":false},{"id":"elevenlabs-ui--transcript-viewer","name":"ElevenLabs Transcript Viewer","collection":"elevenlabs-ui","category":"Voice & presence","why":"Speech remains inspectable through structured transcript presentation rather than disappearing into audio.","useFor":"Reviewing and navigating spoken content.","sourceFiles":["sources/elevenlabs-ui/code/apps/www/registry/elevenlabs-ui/ui/transcript-viewer.tsx"],"website":"https://ui.elevenlabs.io/docs/components/transcript-viewer","repository":"https://github.com/elevenlabs/ui","commit":"3a28ebab197f8cfa599934f52db12ad1396e54f4","license":"MIT","access":"Source saved","review":"Original documentation and exact source; no microphone permissions or live agent calls used","favorite":false,"discovered":"Independent research","added":"2026-10-20","preview":"media/screenshots/elevenlabs-ui--transcript-viewer.jpg","previewType":"Screenshot of the creator’s published web demo","previewSource":"https://ui.elevenlabs.io/docs/components/transcript-viewer","capturedAt":"2026-10-20T04:24:29.464Z","captureWidth":678,"captureHeight":450,"captureX":605,"captureY":303,"previewWidth":678,"previewHeight":450,"previewAnimated":false},{"id":"elevenlabs-ui--voice-picker","name":"ElevenLabs Voice Picker","collection":"elevenlabs-ui","category":"Voice & presence","why":"Voice selection is an explicit, inspectable choice rather than an opaque setting.","useFor":"Choosing a voice for a conversational agent.","sourceFiles":["sources/elevenlabs-ui/code/apps/www/registry/elevenlabs-ui/ui/voice-picker.tsx"],"website":"https://ui.elevenlabs.io/docs/components/voice-picker","repository":"https://github.com/elevenlabs/ui","commit":"3a28ebab197f8cfa599934f52db12ad1396e54f4","license":"MIT","access":"Source saved","review":"Original documentation and exact source; no microphone permissions or live agent calls used","favorite":false,"discovered":"Independent research","added":"2026-10-20","preview":"media/screenshots/elevenlabs-ui--voice-picker.jpg","previewType":"Screenshot of the creator’s published web demo","previewSource":"https://ui.elevenlabs.io/docs/components/voice-picker","capturedAt":"2026-10-20T04:24:34.080Z","captureWidth":678,"captureHeight":450,"captureX":605,"captureY":303,"previewWidth":678,"previewHeight":450,"previewAnimated":false},{"id":"elevenlabs-ui--waveform","name":"ElevenLabs Waveform","collection":"elevenlabs-ui","category":"Voice & presence","why":"The waveform makes recorded audio structure visible in a restrained component.","useFor":"Audio review and voice artifacts.","sourceFiles":["sources/elevenlabs-ui/code/apps/www/registry/elevenlabs-ui/ui/waveform.tsx"],"website":"https://ui.elevenlabs.io/docs/components/waveform","repository":"https://github.com/elevenlabs/ui","commit":"3a28ebab197f8cfa599934f52db12ad1396e54f4","license":"MIT","access":"Source saved","review":"Original documentation and exact source; no microphone permissions or live agent calls used","favorite":false,"discovered":"Independent research","added":"2026-10-20","preview":"media/screenshots/elevenlabs-ui--waveform.jpg","previewType":"Screenshot of the creator’s published web demo","previewSource":"https://ui.elevenlabs.io/docs/components/waveform","capturedAt":"2026-10-20T04:25:10.120Z","captureWidth":678,"captureHeight":450,"captureX":605,"captureY":303,"previewWidth":678,"previewHeight":450,"previewAnimated":false},{"name":"ElevenLabs · voice-agent workflow inspection","collection":"elevenlabs-product-original","creator":"ElevenLabs","creatorUrl":"https://elevenlabs.io/","website":"https://elevenlabs.io/docs/eleven-agents/customization/agent-workflows","platform":"Web · voice-agent workflow editor","access":"Demo reference · original product docs image; editor implementation unavailable; plan entitlement unverified","license":"Private product editor implementation was not established in inspected sources. Public ElevenLabs UI component library, SDK, examples and docs are not source for this editor. No free backend/plan entitlement implied.","id":"eleven-workflow","category":"Agent orchestration","why":"Workflow graph with per-node entry/duration/end-rate pills, percentage-labelled edges and a side panel with an outgoing-edge pie chart for the selected 'Identify Issue & Triage' node; legible and specific. Node-type, edge-config and overview shots are grouped here once.","favorite":false,"repository":"","commit":"","codeUrl":"","sourceFiles":[],"review":"Sonnet5.5 Medium full-image visual review plus original-image and source provenance checks; not runtime, motion, accessibility or full dependency-license audited","useFor":"Study the exact original static interface and follow the primary creator under its terms.","selectionType":"Individually visually reviewed original reference","discovered":"Original approvals, voice and tool evidence · approval-voice review","added":"2026-10-20","preview":"media/references/approval-voice--eleven-product-0-7.webp","previewSha256":"a3cb75eee70818b16af30a2729d1b0c5e434de6ecfe243603d514dc265edca27","previewSource":"https://elevenlabs.io/docs/_fern-img/a758029a005f0327c1e6319708577efd617399c72cec63d5c342d3af2f0db2a3.webp","previewAnimated":false,"previewType":"Exact unmodified original creator static image","previewWidth":1600,"previewHeight":798,"sourceResolution":"references/approval-voice-source-resolution.json","sourcePinNote":"Original static bytes unchanged. Product documentation/image is not application implementation; no generated replacement or upscale. Related UI states are grouped once."},{"id":"affectui--email-draft","name":"Email Draft","collection":"affectui","category":"Artifacts & evidence","why":"An agent output becomes an editable object with recipient, tone and attachment controls. The interesting idea is reviewing the object in place.","useFor":"Human-reviewed outbound drafts; wire sending separately.","sourceFiles":["sources/affectui/code/components/email-draft.tsx"],"website":"https://www.affectui.com/components/email-draft","repository":"https://github.com/flohoeller/affectui","commit":"cc799e7e438efcea8d484fa27932405ea60bff9a","license":"MIT","access":"Source saved","review":"Source located + documentation","favorite":false,"discovered":"X bookmarks","added":"2026-10-20","preview":"media/screenshots/affectui--email-draft-v2.jpg","previewType":"Screenshot of the creator’s published Email Draft demo","previewSource":"https://www.affectui.com/components/email-draft","capturedAt":"2026-10-20T05:07:25.399674+00:00","captureWidth":894,"captureHeight":520,"captureX":397,"captureY":355,"rawCapture":"evidence/full-affectui--email-draft-v2.jpg","captureBounds":{"x":354,"y":435,"width":560,"height":360},"previewWidth":560,"previewHeight":360,"previewAnimated":false},{"id":"react-aria--emoji-picker","name":"Emoji autocomplete picker","collection":"react-aria","creator":"Adobe · React Aria","category":"Forms & controls","why":"Search field with a leading icon above a dense, evenly spaced selectable grid. It has a highlighted selected cell and a custom scrollbar with arrow buttons. It is a concrete reference for a combobox-style grid picker with a visible focus/selection state.","useFor":"Inspect the original creator demo and implementation before adoption.","website":"https://react-aria.adobe.com/examples/emoji-picker","codeUrl":"https://react-aria.adobe.com/examples/emoji-picker","repository":"https://github.com/adobe/react-spectrum","sourceFiles":[],"commit":"797762ed3526ea12f089e321bd3891066affad70","access":"Public original docs code linked · implementation not archived","license":"Apache-2.0 (original repository license notice preserved)","review":"Sonnet-assisted static visual review; original demo captured; not runtime/accessibility audited","selectionType":"Visually reviewed original component","favorite":false,"discovered":"Category gap research → official creator documentation","added":"2026-10-20","preview":"media/references/react-aria--emoji-picker.jpg","previewSource":"https://react-aria.adobe.com/examples/emoji-picker","previewType":"Static capture of the published demo; source snapshot pinned separately","previewWidth":280,"previewHeight":350,"previewSha256":"7feb7b2373bbf890203aa81fb247d2fc9757384da9b6dc1a46f79657ca8c9df5","previewAnimated":false,"rawCapture":"evidence/aria-emoji-picker-full.jpg","captureBounds":{"left":370,"top":406,"right":650,"bottom":756},"emptyPaddingCrop":null,"retrievedAt":"2026-10-20T06:40:03.546448+00:00","licenseSource":"https://raw.githubusercontent.com/adobe/react-spectrum/797762ed3526ea12f089e321bd3891066affad70/LICENSE","licenseSha256":"7dfe6526888bac51759c99f9a51262ba2711a8c12a067f2181609dd9a4066b84"},{"id":"21st--cnippet-dev--cnippet-empty","name":"Empty","collection":"21st-community","creator":"Cnippet","category":"Navigation & search","why":"Original navigation & search reference from Cnippet.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@cnippet-dev/components/cnippet-empty/no-results","codeUrl":"https://21st.dev/@cnippet-dev/components/cnippet-empty/no-results","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community search catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/larsen66/cnippet-empty/no-results/preview.1784047727980.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"cnippet-dev","sourceCategory":"search","creatorPublicationUrl":"https://21st.dev/@cnippet-dev/components/cnippet-empty/no-results","preview":"media/references/21st--cnippet-dev--cnippet-empty.jpg","previewWidth":960,"previewHeight":600,"previewSha256":"e4ed1bff5401794bf66f518f6034954fc573a0a7ebc12f686f715082da1b9ff4","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@cnippet-dev/components/cnippet-empty"},{"id":"21st--serafimcloud--empty-state","name":"Empty State","collection":"21st-community","creator":"Serafim","category":"Feedback & states","why":"Original feedback & states reference from Serafim.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@serafimcloud/components/empty-state","codeUrl":"https://21st.dev/@serafimcloud/components/empty-state","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community empty-state catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_2nElBLvklOKlAURm6W1PTu6yYFh/empty-state/default/preview.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"serafimcloud","sourceCategory":"empty-state","creatorPublicationUrl":"https://21st.dev/@serafimcloud/components/empty-state","preview":"media/references/21st--serafimcloud--empty-state.png","previewWidth":960,"previewHeight":680,"previewSha256":"f73f050d61467f89c191851d25d922384df6e60bdcff6db5218b87ea29054d6e","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@serafimcloud/components/empty-state"},{"id":"21st--ai2--empty-styled","name":"Empty Styled","collection":"21st-community","creator":"ai 2","category":"Dashboards & data","why":"Original dashboards & data reference from ai 2.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@ai2/components/empty-styled","codeUrl":"https://21st.dev/@ai2/components/empty-styled","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community dashboard catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/ai2/empty-styled/default/preview.1790168235560-4560a841-f980-4874-b296-ca09151439fb.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"ai2","sourceCategory":"dashboard","creatorPublicationUrl":"https://21st.dev/@ai2/components/empty-styled","preview":"media/references/21st--ai2--empty-styled.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"a9946cbc683bd5b814e1e8bc4b1a9eab742f9c07533bb6f091d7a03eca18b033","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@ai2/components/empty-styled"},{"id":"21st--felipemenezes098--item-24","name":"Empty Team","collection":"21st-community","creator":"felipemenezes098","category":"Feedback & states","why":"Original feedback & states reference from felipemenezes098.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@felipemenezes098/components/item-24","codeUrl":"https://21st.dev/@felipemenezes098/components/item-24","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community empty-state catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/felipemenezes098/item-24/default/preview.1789988183658-5b4b27fc-7e5c-458b-a8a7-51520733c940.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"felipemenezes098","sourceCategory":"empty-state","creatorPublicationUrl":"https://21st.dev/@felipemenezes098/components/item-24","preview":"media/references/21st--felipemenezes098--item-24.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"3516602e24244128aae59692936d01ce2ca69722b66c904c03bd78dc508d759a","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@felipemenezes098/components/item-24"},{"id":"21st--uniquesonu--empty-state-beautiful-accessible-no-data-states","name":"EmptyState","collection":"21st-community","creator":"Sonu kumar","category":"Feedback & states","why":"Original feedback & states reference from Sonu kumar.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@uniquesonu/components/empty-state-beautiful-accessible-no-data-states","codeUrl":"https://21st.dev/@uniquesonu/components/empty-state-beautiful-accessible-no-data-states","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community empty-state catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/uniquesonu/empty-state-beautiful-accessible-no-data-states/default/preview.1758875891255.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"uniquesonu","sourceCategory":"empty-state","creatorPublicationUrl":"https://21st.dev/@uniquesonu/components/empty-state-beautiful-accessible-no-data-states","preview":"media/references/21st--uniquesonu--empty-state-beautiful-accessible-no-data-states.png","previewWidth":960,"previewHeight":767,"previewSha256":"f0e6c5f4d8917c975cd975c6200d0b9fb2435b14bd321a368e316ed17062aa5f","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@uniquesonu/components/empty-state-beautiful-accessible-no-data-states"},{"id":"aceternity--encrypted-text","name":"Encrypted Text","collection":"aceternity","creator":"Aceternity UI · Manu Arora","category":"Typography & effects","why":"Original typography & effects reference from Aceternity UI · Manu Arora.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://ui.aceternity.com/components/encrypted-text","codeUrl":"https://ui.aceternity.com/components/encrypted-text","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Reddit library leads → original Aceternity component catalog","added":"2026-10-20","previewSource":"https://assets.aceternity.com/encrypted-text.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","preview":"media/references/aceternity--encrypted-text.webp","previewWidth":2048,"previewHeight":1440,"previewSha256":"95aaaaa9e546a1d942e9ec82d8d62ff0a4ac666c5140244b3e940d8fb388d43d","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"name":"enve · vector animation workspace","collection":"enve-original","creator":"Maurycy Liebner","creatorUrl":"https://github.com/MaurycyLiebner","repository":"https://github.com/MaurycyLiebner/enve","commit":"d919d4d362b9655a44aa6d0de9308a2bd2429d67","platform":"Native C++ / Qt · historical2D animation editor","access":"Historical archived original source · GPL3-or-later; not maintained, not executed","license":"Selected renderer file headers GPL version3-or-later, copyright2016–2020 Maurycy Liebner; root GPL3 notice preserved. Original upstream is ARCHIVED. Friction fork imagery/source not substituted. Art, fonts, brushes and dependencies have separate rights.","id":"enve-original","category":"Creative controls & effects","why":"Full vector-animation workspace: object property tree, canvas with path nodes selected, fill/stroke colour panel and keyframe timeline, all legible at full size. Original upstream enve (archived), not the Friction fork; GPL3 source scope only.","favorite":false,"website":"https://github.com/MaurycyLiebner/enve/blob/d919d4d362b9655a44aa6d0de9308a2bd2429d67/README.md","codeUrl":"https://github.com/MaurycyLiebner/enve/blob/d919d4d362b9655a44aa6d0de9308a2bd2429d67/src/app/GUI/timelinedockwidget.cpp","sourceFiles":[],"review":"Sonnet5.5 Medium full-image visual review and researcher provenance/source checks; not runtime, motion, accessibility or full dependency-license audited","useFor":"Study the exact original static authoring/control interface and follow original source under its terms.","selectionType":"Individually visually reviewed original reference","discovered":"Original visual instruments and human review · visual-instruments pass","added":"2026-10-20","preview":"media/references/visual-instruments--enve-workspace.png","previewSha256":"ed34b56091c8af62195e1fcf6ec006897331d950ac242174f6d658cdad925a94","previewSource":"https://user-images.githubusercontent.com/16670651/70745938-36e20900-1d25-11ea-9bdf-78d3fe402291.png","previewAnimated":false,"previewType":"Exact unmodified original creator static image","previewWidth":1920,"previewHeight":1080,"sourceResolution":"references/visual-instruments-source-resolution.json","sourcePinNote":"Original image bytes unchanged and source revisions independently pinned. Exact screenshot-build equality not claimed; partial evidence files are not a new complete archive. Related states grouped once, generated project content not separately accepted."},{"id":"21st--syeddhasnainn--environment-variables","name":"Environment Variables","collection":"21st-community","creator":"Syed Hasnain","category":"Conversation craft","why":"Original conversation craft reference from Syed Hasnain.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@syeddhasnainn/components/environment-variables","codeUrl":"https://21st.dev/@syeddhasnainn/components/environment-variables","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community ai-chat catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/syeddhasnainn/environment-variables/default/preview.1791404631710-60950ed7-9b2f-4084-a7fa-30d1bf8ff1a0.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"syeddhasnainn","sourceCategory":"ai-chat","creatorPublicationUrl":"https://21st.dev/@syeddhasnainn/components/environment-variables","preview":"media/references/21st--syeddhasnainn--environment-variables.png","previewWidth":960,"previewHeight":720,"previewSha256":"926162e454cf66d3b431831e48ac17002463bf6bab2d966e4cc95151d0efad48","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@syeddhasnainn/components/environment-variables"},{"id":"21st--olewandowski1--empty-states-4","name":"Error Empty State","collection":"21st-community","creator":"Oliver","category":"Feedback & states","why":"Original feedback & states reference from Oliver.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@olewandowski1/components/empty-states-4","codeUrl":"https://21st.dev/@olewandowski1/components/empty-states-4","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community empty-state catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/7ovr/empty-states-4/default/preview.1783731323740.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"olewandowski1","sourceCategory":"empty-state","creatorPublicationUrl":"https://21st.dev/@olewandowski1/components/empty-states-4","preview":"media/references/21st--olewandowski1--empty-states-4.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"114b7d0de66a2de90f6722274ccee0410fc1f318f5d75e886372a9d9aad7fd30","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@olewandowski1/components/empty-states-4"},{"id":"aceternity--evervault-card","name":"Evervault Card","collection":"aceternity","creator":"Aceternity UI · Manu Arora","category":"Cards & layouts","why":"Original cards & layouts reference from Aceternity UI · Manu Arora.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://ui.aceternity.com/components/evervault-card","codeUrl":"https://ui.aceternity.com/components/evervault-card","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Reddit library leads → original Aceternity component catalog","added":"2026-10-20","previewSource":"https://assets.aceternity.com/cloudinary_bkp/Evervault_Card_a1qko9.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:51:40.290057+00:00","preview":"media/references/aceternity--evervault-card.webp","previewWidth":2048,"previewHeight":1440,"previewSha256":"75d7cf2deffbf7b0f0e4c163b4a9b9a7da73f7a365c1d52b732216978b2c8c4b","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:51:40.290057+00:00"},{"id":"21st--ravikatiyar162--excel-style-table","name":"Excel-Style Table","collection":"21st-community","creator":"Ravi Katiyar","category":"Dashboards & data","why":"Original dashboards & data reference from Ravi Katiyar.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@ravikatiyar162/components/excel-style-table","codeUrl":"https://21st.dev/@ravikatiyar162/components/excel-style-table","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community data-visualization catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/ravikatiyar162/excel-style-table/default/preview.1760365701734.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"ravikatiyar162","sourceCategory":"data-visualization","creatorPublicationUrl":"https://21st.dev/@ravikatiyar162/components/excel-style-table","preview":"media/references/21st--ravikatiyar162--excel-style-table.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"72a6dc2b3c599f1844354b94eca8fd6a2ff121291c399dbda2ee6bd53134da19","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@ravikatiyar162/components/excel-style-table"},{"id":"aceternity--expandable-card","name":"Expandable Cards","collection":"aceternity","creator":"Aceternity UI · Manu Arora","category":"Cards & layouts","why":"Original cards & layouts reference from Aceternity UI · Manu Arora.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://ui.aceternity.com/components/expandable-card","codeUrl":"https://ui.aceternity.com/components/expandable-card","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Reddit library leads → original Aceternity component catalog","added":"2026-10-20","previewSource":"https://assets.aceternity.com/expandable-card.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","preview":"media/references/aceternity--expandable-card.webp","previewWidth":2048,"previewHeight":1440,"previewSha256":"294b5ed8628cd2b9e6d3e81a11f9613562ccd4d39d9e1059336cc021c53b9202","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"beui-native--expandable-control","name":"Expandable Control · Native","collection":"beui-native","category":"React Native","why":"Buttons and chips that spring open to reveal more.","useFor":"Original React Native component from the creator’s public library. Image reference with original demo and source links.","sourceFiles":["sources/beui-native/code/src/components/expandable-control/expandable-control.tsx","sources/beui-native/code/src/components/expandable-control/index.ts"],"website":"https://beui.dev/react-native/expandable-control","repository":"https://github.com/starc007/beui-native","commit":"","license":"MIT","access":"Source saved","review":"Official creator catalog · not individually runtime-tested","favorite":false,"discovered":"Original creator library, linked from beUI","added":"2026-10-20","preview":"media/beui-native--expandable-control.jpg","previewSource":"https://media.beui.dev/clips/expandable-control-light.88fd29ee6e.jpg","previewType":"Creator’s original React Native recording poster","platform":"React Native","selectionType":"Creator library expansion","previewWidth":600,"previewHeight":1304,"previewAnimated":false,"previewVideo":"media/recordings/beui-native--expandable-control.mp4","videoSource":"https://media.beui.dev/clips/expandable-control-light.88fd29ee6e.mp4","videoType":"Unmodified original creator recording","videoMetadata":{"width":600,"height":1304,"duration":7.25},"videoSha256":"88fd29ee6e0f18f8ccaae18316af0166138f6fc8e5eb691b23be1b97202fdd40","previewVideoSource":"https://media.beui.dev/clips/expandable-control-light.88fd29ee6e.mp4"},{"id":"21st--arunachalam--expandable-search-bar","name":"Expandable Search Bar","collection":"21st-community","creator":"Arunachalam","category":"Navigation & search","why":"Original navigation & search reference from Arunachalam.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@arunachalam/components/expandable-search-bar","codeUrl":"https://21st.dev/@arunachalam/components/expandable-search-bar","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community search catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_2wfnj4jcSPR8JWRk7tpzrihdDV8/expandable-search-bar/default/preview.1788892563653.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"arunachalam","sourceCategory":"search","creatorPublicationUrl":"https://21st.dev/@arunachalam/components/expandable-search-bar","preview":"media/references/21st--arunachalam--expandable-search-bar.jpg","previewWidth":960,"previewHeight":716,"previewSha256":"0d87c202073ab095e6e69d72f4db70bd94f93687bfd4423bc7f8c7db7c7663c7","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@arunachalam/components/expandable-search-bar"},{"id":"21st--moumensoliman--expanding-search-dock-shadcnui","name":"Expanding Search Dock","collection":"21st-community","creator":"Moumen Soliman","category":"Navigation & search","why":"Original navigation & search reference from Moumen Soliman.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@moumensoliman/components/expanding-search-dock-shadcnui","codeUrl":"https://21st.dev/@moumensoliman/components/expanding-search-dock-shadcnui","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community search catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_38G0vmio7769KItXe9W53CqheUX/expanding-search-dock-shadcnui/default/preview.1785941642824.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"moumensoliman","sourceCategory":"search","creatorPublicationUrl":"https://21st.dev/@moumensoliman/components/expanding-search-dock-shadcnui","preview":"media/references/21st--moumensoliman--expanding-search-dock-shadcnui.png","previewWidth":687,"previewHeight":447,"previewSha256":"34632781166ed1c0c52fe03a6dc6dc71ad53d7e89f545481ee38c43a9f96d682","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@moumensoliman/components/expanding-search-dock-shadcnui"},{"id":"21st--shadcnui-blocks--timeline-01","name":"Experience Timeline","collection":"21st-community","creator":"shadcnui-blocks","category":"Thinking & progress","why":"Original thinking & progress reference from shadcnui-blocks.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@shadcnui-blocks/components/timeline-01","codeUrl":"https://21st.dev/@shadcnui-blocks/components/timeline-01","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community timeline catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/shadcnui-blocks/timeline-01/default/preview.1789963489123-0b857269-e65d-4559-b6dd-3614a5bdf22c.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"shadcnui-blocks","sourceCategory":"timeline","creatorPublicationUrl":"https://21st.dev/@shadcnui-blocks/components/timeline-01","preview":"media/references/21st--shadcnui-blocks--timeline-01.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"526ecf7d93404cca522677d3c0a471fb19831feee184d704db20fc8223b70fc7","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@shadcnui-blocks/components/timeline-01"},{"id":"21st--shadcnui-blocks--timeline-02","name":"Experience Timeline","collection":"21st-community","creator":"shadcnui-blocks","category":"Thinking & progress","why":"Original thinking & progress reference from shadcnui-blocks.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@shadcnui-blocks/components/timeline-02","codeUrl":"https://21st.dev/@shadcnui-blocks/components/timeline-02","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community timeline catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/shadcnui-blocks/timeline-02/default/preview.1789967984632-1bd8d294-a124-4812-8986-1b445bd9d474.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"shadcnui-blocks","sourceCategory":"timeline","creatorPublicationUrl":"https://21st.dev/@shadcnui-blocks/components/timeline-02","preview":"media/references/21st--shadcnui-blocks--timeline-02.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"d8272667cdcc60b6ae6f17226a464a5dbce9ea8744520d2f57c492ac146174f3","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@shadcnui-blocks/components/timeline-02"},{"id":"codrops--experimental-on-scroll-text-animations-with-svg-clip-path","name":"Experimental On-Scroll Text Animations with SVG Clip-Path","collection":"codrops-creative","creator":"Manoela Ilic","creatorUrl":"https://tympanus.net/codrops/hub/author/crnacura","category":"Typography & effects","styleTags":["clip-path","GSAP","scroll","typography"],"why":"Floral image visible only through cut blocky letters on black","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Development/TextClipScroll","codeUrl":"https://github.com/codrops/TextClipScroll","repository":"https://github.com/codrops/TextClipScroll","sourceFiles":[],"commit":"","access":"Creator code page linked · HTTP 200; license/reuse terms not audited","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview selection; creator/demo/source links traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub · October 20 creator-depth review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2024/01/clippathtext.jpg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Jan 10, 2024","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T07:38:51.455636+00:00","preview":"media/references/codrops--experimental-on-scroll-text-animations-with-svg-clip-path.jpg","previewWidth":800,"previewHeight":600,"previewSha256":"29b23baa0fa94dadc56f00e32d79e7386354c8a907b229913f8eb4e73f0c0529","previewAnimated":false,"sourcePageCheck":{"status":200,"resolvedUrl":"https://github.com/codrops/TextClipScroll","checkedAt":"2026-10-20T07:40:39.893255+00:00"}},{"id":"codrops--exploration-of-on-scroll-layout-formations","name":"Exploration of On-Scroll Layout Formations","collection":"codrops-creative","creator":"Manoela Ilic","creatorUrl":"https://tympanus.net/codrops/hub/author/crnacura","category":"Galleries & transitions","styleTags":["grid","GSAP","scroll"],"why":"Dark image tiles in a gridded frame with a centered title; cinematic layout","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Development/OnScrollLayoutFormations","codeUrl":"https://github.com/codrops/OnScrollLayoutFormations","repository":"https://github.com/codrops/OnScrollLayoutFormations","sourceFiles":[],"commit":"","access":"Creator code page linked · HTTP 200; license/reuse terms not audited","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview selection; creator/demo/source links traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub · October 20 creator-depth review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2024/09/onscrolllayoutformationfeat.jpg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Sep 18, 2024","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T07:38:51.455636+00:00","preview":"media/references/codrops--exploration-of-on-scroll-layout-formations.jpg","previewWidth":800,"previewHeight":600,"previewSha256":"f7277e0f7b1072e1bd215069091afdc63f7df9aadd804a1fb69d75e8ef9f7636","previewAnimated":false,"sourcePageCheck":{"status":200,"resolvedUrl":"https://github.com/codrops/OnScrollLayoutFormations","checkedAt":"2026-10-20T07:40:37.376726+00:00"}},{"id":"codrops--exploring-playful-context-aware-animations-for-fixed-elements","name":"Exploring Playful Context-Aware Animations for Fixed Elements","collection":"codrops-creative","creator":"Manoela Ilic","creatorUrl":"https://tympanus.net/codrops/hub/author/crnacura","category":"Editorial & typography","styleTags":["GSAP","scroll","typography"],"why":"Oversized serif headline clipped by the viewport with small fixed glyphs on warm paper","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Development/ContextAwareLogoAnimationScroll","codeUrl":"https://github.com/codrops/ContextAwareLogoAnimationScroll","repository":"https://github.com/codrops/ContextAwareLogoAnimationScroll","sourceFiles":[],"commit":"","access":"Creator code page linked · HTTP 200; license/reuse terms not audited","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview selection; creator/demo/source links traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub · October 20 creator-depth review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2024/10/contextawarefeat.jpg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Oct 9, 2024","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T07:38:51.455636+00:00","preview":"media/references/codrops--exploring-playful-context-aware-animations-for-fixed-elements.jpg","previewWidth":800,"previewHeight":600,"previewSha256":"f39c8ba4034a1cb1e045c958fc999d507663d8e7302057f07b30b3e4a8596098","previewAnimated":false,"sourcePageCheck":{"status":200,"resolvedUrl":"https://github.com/codrops/ContextAwareLogoAnimationScroll","checkedAt":"2026-10-20T07:40:35.786980+00:00"}},{"id":"webzibition--fabian-tjoe-a-on","name":"Fabian Tjoe-A-On","collection":"webzibition","creator":"Fabian Tjoe-A-On · original site","creatorAttribution":"Site identity from the publisher listing; individual design author not independently verified","category":"Full websites & portfolios","why":"Deep blue dark page with a silvery fluid swirl and fine HUD text; atmospheric portfolio opening.","useFor":"Study the original website’s composition and presentation; code availability is unverified.","website":"https://fabiantjoeaon.com/","codeUrl":"","repository":"","sourceFiles":[],"commit":"","access":"Design reference · public source not traced","license":"Website and preview rights belong to their respective owners; no source or reuse license verified","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited; original website returned HTTP200; screenshot may predate the current live design","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"Codrops Webzibition → original website","added":"2026-10-20","preview":"media/references/webzibition--fabian-tjoe-a-on.png","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/10/fabiantjoeaon.com_-1200x649.png?x67708","previewType":"Codrops publisher screenshot of the linked original website; not a fresh live capture","previewWidth":1200,"previewHeight":649,"previewSha256":"cee214fd87be53ea0d251fcfd7de65f53f3ef3aeb821dc980b4ff0907066a670","previewAnimated":false,"publisherIndex":"https://tympanus.net/codrops/webzibition/","publisherRecord":"post-123701","pageTitle":"Fabian Tjoe-A-On — Creative technologist","pageCheckedAt":"2026-10-20T05:54:32.868906+00:00","pageAvailability":"HTTP200; same-domain original website","retrievedAt":"2026-10-20T05:54:32.868906+00:00"},{"id":"21st--scrollxui--frequently-asked-questions-with-accordion","name":"FAQ Accordion","collection":"21st-community","creator":"scrollxui","category":"Cards & layouts","why":"Original cards & layouts reference from scrollxui.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@scrollxui/components/frequently-asked-questions-with-accordion","codeUrl":"https://21st.dev/@scrollxui/components/frequently-asked-questions-with-accordion","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Featured by publisher; creator preview indexed; not runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community featured catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/scrollxui/frequently-asked-questions-with-accordion/default/preview.1790118526161-db8fc8a3-c308-4183-9941-42b97cfc1ed7.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"scrollxui","sourceCategory":"featured","creatorPublicationUrl":"https://21st.dev/@scrollxui/components/frequently-asked-questions-with-accordion","preview":"media/references/21st--scrollxui--frequently-asked-questions-with-accordion.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"651fa248dbd2aaee0b2c7a93d12c0e6d5f8a292d5f7cee03911ccade1065e2d1","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@scrollxui/components/frequently-asked-questions-with-accordion"},{"id":"21st--shadcnblockscom--feature-72","name":"Feature 72","collection":"21st-community","creator":"Shadcnblocks.com","category":"Cards & layouts","why":"Original cards & layouts reference from Shadcnblocks.com.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@shadcnblockscom/components/feature-72","codeUrl":"https://21st.dev/@shadcnblockscom/components/feature-72","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community grid catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/shadcnblockscom/feature-72/default/preview.1747699948941.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"shadcnblockscom","sourceCategory":"grid","creatorPublicationUrl":"https://21st.dev/@shadcnblockscom/components/feature-72","preview":"media/references/21st--shadcnblockscom--feature-72.png","previewWidth":960,"previewHeight":720,"previewSha256":"20b27913e4665523c9dc72dc653590a525fff2e987ed582130f958dc938a65c6","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@shadcnblockscom/components/feature-72"},{"id":"21st--sean0205--c-alert-18","name":"Feature Discovery Alert","collection":"21st-community","creator":"Sean Hello","category":"Feedback & states","why":"Original feedback & states reference from Sean Hello.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@sean0205/components/c-alert-18","codeUrl":"https://21st.dev/@sean0205/components/c-alert-18","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community notification catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/sean0205/c-alert-18/default/preview.1790061245728-a1b2c5a8-3b11-4e71-aa89-c5f5d0916224.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"sean0205","sourceCategory":"notification","creatorPublicationUrl":"https://21st.dev/@sean0205/components/c-alert-18","preview":"media/references/21st--sean0205--c-alert-18.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"207b2f7ab336033f974627957515f953c023529fbd79ed7d508c554e115edd23","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@sean0205/components/c-alert-18"},{"id":"21st--mohammadshehadeh--feature-07","name":"Feature Problem Cards","collection":"21st-community","creator":"Mohammad Shehadeh","category":"Cards & layouts","why":"Original cards & layouts reference from Mohammad Shehadeh.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@mohammadshehadeh/components/feature-07","codeUrl":"https://21st.dev/@mohammadshehadeh/components/feature-07","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community card catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/hirael/feature-07/default/preview.1788806864763-ed73ba19-3354-4356-ac64-145f196edf62.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"mohammadshehadeh","sourceCategory":"card","creatorPublicationUrl":"https://21st.dev/@mohammadshehadeh/components/feature-07","preview":"media/references/21st--mohammadshehadeh--feature-07.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"785c9232066b02081318c0527548e871e58b055bb8aaca019c6510e98fe8cb04","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@mohammadshehadeh/components/feature-07"},{"id":"21st--tommyjepsen--feature-section-with-bento-grid","name":"Feature Section with Bento Grid","collection":"21st-community","creator":"Tommy Jepsen","category":"Cards & layouts","why":"Original cards & layouts reference from Tommy Jepsen.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@tommyjepsen/components/feature-section-with-bento-grid","codeUrl":"https://21st.dev/@tommyjepsen/components/feature-section-with-bento-grid","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community grid catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_2nElBLvklOKlAURm6W1PTu6yYFh/feature-section-with-bento-grid/default/preview.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"tommyjepsen","sourceCategory":"grid","creatorPublicationUrl":"https://21st.dev/@tommyjepsen/components/feature-section-with-bento-grid","preview":"media/references/21st--tommyjepsen--feature-section-with-bento-grid.png","previewWidth":960,"previewHeight":779,"previewSha256":"71256121c291bbce65c9cb50d6eba31518ec1801a23c40fc0f5ce06acc562e75","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@tommyjepsen/components/feature-section-with-bento-grid"},{"id":"21st--prebuiltui--feature-sections","name":"Feature Sections","collection":"21st-community","creator":"prebuiltui","category":"Dashboards & data","why":"Original dashboards & data reference from prebuiltui.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@prebuiltui/components/feature-sections","codeUrl":"https://21st.dev/@prebuiltui/components/feature-sections","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community dashboard catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_prebuiltui/feature-sections/default/preview.1785938929686.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"prebuiltui","sourceCategory":"dashboard","creatorPublicationUrl":"https://21st.dev/@prebuiltui/components/feature-sections","preview":"media/references/21st--prebuiltui--feature-sections.png","previewWidth":864,"previewHeight":634,"previewSha256":"0b00aeb0a506a1c3ba0df8d2943c8e107462ec955c607faa05b2b88439242e81","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@prebuiltui/components/feature-sections"},{"id":"21st--meschacirung--features-1","name":"Features 1","collection":"21st-community","creator":"Méschac Irung","category":"Cards & layouts","why":"Original cards & layouts reference from Méschac Irung.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@meschacirung/components/features-1","codeUrl":"https://21st.dev/@meschacirung/components/features-1","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community grid catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_2tUYFzCDCVfrMrVC3TfB9DUBAyx/features-1/default/preview.png?v=1","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"meschacirung","sourceCategory":"grid","creatorPublicationUrl":"https://21st.dev/@meschacirung/components/features-1","preview":"media/references/21st--meschacirung--features-1.png","previewWidth":960,"previewHeight":720,"previewSha256":"d4c7994eeb1c971bbcb28ce85417e1a20b0b59f8e8083427e5170ed01dfc7d53","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@meschacirung/components/features-1"},{"id":"21st--meschacirung--features-8","name":"Features 8","collection":"21st-community","creator":"Méschac Irung","category":"Cards & layouts","why":"Original cards & layouts reference from Méschac Irung.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@meschacirung/components/features-8","codeUrl":"https://21st.dev/@meschacirung/components/features-8","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community card catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_2tUYFzCDCVfrMrVC3TfB9DUBAyx/features-8/default/preview.png?v=1","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"meschacirung","sourceCategory":"card","creatorPublicationUrl":"https://21st.dev/@meschacirung/components/features-8","preview":"media/references/21st--meschacirung--features-8.png","previewWidth":960,"previewHeight":720,"previewSha256":"bf61aa5150749e9ad0156df63cb659007a414a69177e395a5c5c2af10c49b728","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@meschacirung/components/features-8"},{"id":"21st--mokshithgujjeti--features-card","name":"Features Card","collection":"21st-community","creator":"Gujjeti Mokshith","category":"Dashboards & data","why":"Original dashboards & data reference from Gujjeti Mokshith.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@mokshithgujjeti/components/features-card","codeUrl":"https://21st.dev/@mokshithgujjeti/components/features-card","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community dashboard catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/mokshithcodez/features-card/default/preview.1783275626286.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"mokshithgujjeti","sourceCategory":"dashboard","creatorPublicationUrl":"https://21st.dev/@mokshithgujjeti/components/features-card","preview":"media/references/21st--mokshithgujjeti--features-card.jpg","previewWidth":960,"previewHeight":678,"previewSha256":"501c17db06203c87dec795f6788278d682b9ff22a861760594dcb8a95ac1a8bf","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@mokshithgujjeti/components/features-card"},{"id":"21st--shadcnui-blocks--features-01","name":"Features Grid","collection":"21st-community","creator":"shadcnui-blocks","category":"Cards & layouts","why":"Original cards & layouts reference from shadcnui-blocks.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@shadcnui-blocks/components/features-01","codeUrl":"https://21st.dev/@shadcnui-blocks/components/features-01","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community grid catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/shadcnui-blocks/features-01/default/preview.1789956849755-26579c40-f804-4958-a58c-96cefd9ff501.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"shadcnui-blocks","sourceCategory":"grid","creatorPublicationUrl":"https://21st.dev/@shadcnui-blocks/components/features-01","preview":"media/references/21st--shadcnui-blocks--features-01.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"692bcb01a61f959f15cf36eab0f01967a38125d20445ae17cefc37cdd00d4f09","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@shadcnui-blocks/components/features-01"},{"id":"21st--gooseui--features-grid","name":"Features Grid","collection":"21st-community","creator":"gooseui","category":"Cards & layouts","why":"Original cards & layouts reference from gooseui.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@gooseui/components/features-grid","codeUrl":"https://21st.dev/@gooseui/components/features-grid","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community grid catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/gooseui/features-grid/default/preview.1784378909879-7c0d3f75-8aa1-44d1-88eb-b519f605729c.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"gooseui","sourceCategory":"grid","creatorPublicationUrl":"https://21st.dev/@gooseui/components/features-grid","preview":"media/references/21st--gooseui--features-grid.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"5f1bbfe759d583f68985ebba90335b86d44f7194b6d9d596b6c0411a618cac6f","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@gooseui/components/features-grid"},{"id":"21st--ibelick--feedback-bar","name":"Feedback Bar","collection":"21st-community","creator":"Julien Thibeaut","category":"Conversation craft","why":"Original conversation craft reference from Julien Thibeaut.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@ibelick/components/feedback-bar","codeUrl":"https://21st.dev/@ibelick/components/feedback-bar","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community ai-chat catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/ibelick/feedback-bar/default/preview.1788809891791-52c4f083-cb80-483f-ac8b-81b8d1e93cec.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"ibelick","sourceCategory":"ai-chat","creatorPublicationUrl":"https://21st.dev/@ibelick/components/feedback-bar","preview":"media/references/21st--ibelick--feedback-bar.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"24726af229716ceef6067c5830d70ee16c0f4f19cf3cbd17226334f7d83bfe79","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@ibelick/components/feedback-bar"},{"id":"aceternity--macbook-scroll","name":"Fey.com Macbook Scroll","collection":"aceternity","creator":"Aceternity UI · Manu Arora","category":"Cards & layouts","why":"Original cards & layouts reference from Aceternity UI · Manu Arora.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://ui.aceternity.com/components/macbook-scroll","codeUrl":"https://ui.aceternity.com/components/macbook-scroll","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Reddit library leads → original Aceternity component catalog","added":"2026-10-20","previewSource":"https://assets.aceternity.com/macbook-scroll.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","preview":"media/references/aceternity--macbook-scroll.webp","previewWidth":2048,"previewHeight":1440,"previewSha256":"905f465f2e2b948276f604a55e3eb761fdbe40ec57de3e4588a5c06b61edb9f7","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"21st--anubra266--field-components","name":"Field Components","collection":"21st-community","creator":"Abraham","category":"Navigation & search","why":"Original navigation & search reference from Abraham.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@anubra266/components/field-components/loader-input","codeUrl":"https://21st.dev/@anubra266/components/field-components/loader-input","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community search catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/larsen66/field-components/loader-input/preview.1756339627539.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"anubra266","sourceCategory":"search","creatorPublicationUrl":"https://21st.dev/@anubra266/components/field-components/loader-input","preview":"media/references/21st--anubra266--field-components.png","previewWidth":960,"previewHeight":801,"previewSha256":"ffe3af5e721e756ce431509b4ad67afddfd0779d1e02f111360c2bc8983fb2a1","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@anubra266/components/field-components"},{"id":"21st--urmauur--file-card-collections","name":"File Card Collections","collection":"21st-community","creator":"Faisal Amir","category":"Artifacts & evidence","why":"Original artifacts & evidence reference from Faisal Amir.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@urmauur/components/file-card-collections","codeUrl":"https://21st.dev/@urmauur/components/file-card-collections","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community upload-download catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_2xdw0wIOfisjct8c2LGJtbMKwoL/file-card-collections/default/preview.1785851818795.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"urmauur","sourceCategory":"upload-download","creatorPublicationUrl":"https://21st.dev/@urmauur/components/file-card-collections","preview":"media/references/21st--urmauur--file-card-collections.png","previewWidth":960,"previewHeight":739,"previewSha256":"6b21faf7b0ea6e1cec7dc87d8047e6f9a21dcfdd380fead3e1c87c4b4fbe2fd9","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@urmauur/components/file-card-collections"},{"id":"beui--file-diff","name":"File Diff","collection":"beui","category":"Artifacts & evidence","why":"Stable line rows and live change counts preserve reading position while edits arrive. Completion collapse prevents a long diff from owning the conversation.","useFor":"Streaming file-change review.","sourceFiles":["sources/beui/code/components/agents/file-diff.tsx"],"website":"https://beui.dev/components/agents/file-diff","repository":"https://github.com/starc007/ui-components","commit":"6b5a00a5687214be8fd12fb0b6a78678d4dc96e0","license":"MIT","access":"Source saved","review":"Source located + documentation","favorite":false,"discovered":"Independent research","added":"2026-10-20","preview":"media/screenshots/beui--file-diff.jpg","previewType":"Screenshot of the creator’s published web demo","previewSource":"https://beui.dev/components/agents/file-diff","capturedAt":"2026-10-20T03:48:58.935Z","previewWidth":732,"previewHeight":380,"previewAnimated":false},{"id":"beui-native--file-diff","name":"File Diff · Native","collection":"beui-native","category":"React Native","why":"Changes with live counts and folded context.","useFor":"Original React Native component from the creator’s public library. Image reference with original demo and source links.","sourceFiles":["sources/beui-native/code/src/components/file-diff/file-diff.tsx","sources/beui-native/code/src/components/file-diff/index.ts"],"website":"https://beui.dev/react-native/file-diff","repository":"https://github.com/starc007/beui-native","commit":"","license":"MIT","access":"Source saved","review":"Official creator catalog · not individually runtime-tested","favorite":false,"discovered":"Original creator library, linked from beUI","added":"2026-10-20","preview":"media/beui-native--file-diff.jpg","previewSource":"https://media.beui.dev/clips/file-diff-light.9d7ef9cd6e.jpg","previewType":"Creator’s original React Native recording poster","platform":"React Native","selectionType":"Creator library expansion","previewWidth":600,"previewHeight":1304,"previewAnimated":false,"previewVideo":"media/recordings/beui-native--file-diff.mp4","videoSource":"https://media.beui.dev/clips/file-diff-light.9d7ef9cd6e.mp4","videoType":"Unmodified original creator recording","videoMetadata":{"width":600,"height":1304,"duration":6.816667},"videoSha256":"9d7ef9cd6e7f175d2b2d9fc7b66d5932e2481777bb215615f1a1c5ae17c58af9","previewVideoSource":"https://media.beui.dev/clips/file-diff-light.9d7ef9cd6e.mp4"},{"id":"21st--ai2--file-input","name":"File Input","collection":"21st-community","creator":"ai 2","category":"Artifacts & evidence","why":"Original artifacts & evidence reference from ai 2.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@ai2/components/file-input","codeUrl":"https://21st.dev/@ai2/components/file-input","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community upload-download catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/ai2/file-input/default/preview.1789963473070-23161b39-aa69-4ada-92a5-ca0e5e11d86b.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"ai2","sourceCategory":"upload-download","creatorPublicationUrl":"https://21st.dev/@ai2/components/file-input","preview":"media/references/21st--ai2--file-input.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"7ab619e0777815b38119bb475372e9e6d732a4b479760c2931e4a3d5b124fec0","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@ai2/components/file-input"},{"id":"21st--extend-hq--file-system","name":"File System (Finder)","collection":"21st-community","creator":"extend-hq","category":"Navigation & search","why":"Original navigation & search reference from extend-hq.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@extend-hq/components/file-system","codeUrl":"https://21st.dev/@extend-hq/components/file-system","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community file-tree catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/larsen66/file-system/default/preview.1782172446255.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"extend-hq","sourceCategory":"file-tree","creatorPublicationUrl":"https://21st.dev/@extend-hq/components/file-system","preview":"media/references/21st--extend-hq--file-system.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"2112480833b1c637398e229e2376cb416a8f7c1bfdc8d98fc073a22b1f5ae645","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@extend-hq/components/file-system"},{"id":"21st--justinlevinedotme--file-tree","name":"File Tree","collection":"21st-community","creator":"Justin Levine","category":"Navigation & search","why":"Compact dark file tree in monospace with blue folder icons, file-type badge tiles, {} badges for JSON, chevron disclosure, indented levels and one highlighted selected row (page.tsx). Cleanly crafted state set and icon system. Fairly conventional, kept over the plain Tree as the stronger variant.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@justinlevinedotme/components/file-tree","codeUrl":"https://21st.dev/@justinlevinedotme/components/file-tree","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Sonnet 5.5 Medium individual full-image audit of original published preview; source access remains unverified, no runtime/motion/accessibility audit","selectionType":"Individually visually reviewed creator-catalog reference","favorite":false,"discovered":"Creator-published 21st community file-tree catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/justinlevinedotme/file-tree/default/preview.1773722732574.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"justinlevinedotme","sourceCategory":"file-tree","creatorPublicationUrl":"https://21st.dev/@justinlevinedotme/components/file-tree","preview":"media/references/21st--justinlevinedotme--file-tree.png","previewWidth":960,"previewHeight":480,"previewSha256":"dba7ed633830d50ba539f005bf102c530ae24be9fdae53194cc302d462ded31e","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@justinlevinedotme/components/file-tree","qualityReview":"references/older-expressive-quality-curation.json"},{"id":"21st--edwinvakayil--file-tree","name":"File Tree","collection":"21st-community","creator":"Edwin Vakayil","category":"Navigation & search","why":"Original navigation & search reference from Edwin Vakayil.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@edwinvakayil/components/file-tree","codeUrl":"https://21st.dev/@edwinvakayil/components/file-tree","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community file-tree catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/edwinvakayil/file-tree/default/preview.1783695298489.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"edwinvakayil","sourceCategory":"file-tree","creatorPublicationUrl":"https://21st.dev/@edwinvakayil/components/file-tree","preview":"media/references/21st--edwinvakayil--file-tree.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"811e57a298cae15662896ee927bab51cd04a337680a11bef027eacafc3ebfdb3","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@edwinvakayil/components/file-tree"},{"id":"21st--dillionverma--file-tree","name":"File Tree","collection":"21st-community","creator":"Dillion Verma","category":"Navigation & search","why":"Original navigation & search reference from Dillion Verma.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@dillionverma/components/file-tree","codeUrl":"https://21st.dev/@dillionverma/components/file-tree","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community file-tree catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_2vgPxqtXOGc4iU0CBJH2MQn2eTG/file-tree/default/preview.1786654622503.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"dillionverma","sourceCategory":"file-tree","creatorPublicationUrl":"https://21st.dev/@dillionverma/components/file-tree","preview":"media/references/21st--dillionverma--file-tree.png","previewWidth":938,"previewHeight":902,"previewSha256":"4b5389c8a685b9c89b9c98e2fbcd2705a24ec529f437661d1bc0c8b841a3e59e","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@dillionverma/components/file-tree"},{"id":"21st--halaska-studio--file-tree","name":"File Tree","collection":"21st-community","creator":"halaska-studio","category":"Navigation & search","why":"Original navigation & search reference from halaska-studio.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@halaska-studio/components/file-tree/collapsed-folders","codeUrl":"https://21st.dev/@halaska-studio/components/file-tree/collapsed-folders","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community file-tree catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_registry_halaska-studio_1790790197996/file-tree/collapsed-folders/preview.1790887677580.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"halaska-studio","sourceCategory":"file-tree","creatorPublicationUrl":"https://21st.dev/@halaska-studio/components/file-tree/collapsed-folders","preview":"media/references/21st--halaska-studio--file-tree.jpg","previewWidth":960,"previewHeight":699,"previewSha256":"5cf2e88217226427ca833b15bbb8c8d66b993c4ef26f55f53e40c4ca6c0a0fa9","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@halaska-studio/components/file-tree"},{"id":"ai-elements--file-tree","name":"File Tree","collection":"ai-elements","creator":"Vercel · AI Elements","category":"Artifacts & evidence","why":"Nested file explorer with blue folder icons, chevrons, indented children and a highlighted selected file (main.tsx).","useFor":"Inspect the original creator demo and implementation before adoption.","website":"https://elements.ai-sdk.dev/components/file-tree","codeUrl":"https://github.com/vercel/ai-elements/blob/ca8be600bfd01b3131f9bf6134b51602a71f4374/packages/elements/src/file-tree.tsx","repository":"https://github.com/vercel/ai-elements","sourceFiles":["sources/ai-elements/code/packages/elements/src/file-tree.tsx","sources/ai-elements/code/packages/examples/src/file-tree.tsx"],"commit":"ca8be600bfd01b3131f9bf6134b51602a71f4374","access":"Source saved","license":"Apache-2.0 (original repository license notice preserved)","review":"Sonnet-assisted static visual review; original demo captured; not runtime/accessibility audited","selectionType":"Visually reviewed original component","favorite":false,"discovered":"Category gap research → official creator documentation","added":"2026-10-20","preview":"media/references/ai-elements--file-tree.jpg","previewSource":"https://elements.ai-sdk.dev/components/file-tree","previewType":"Static capture of the published demo; source snapshot pinned separately","previewWidth":685,"previewHeight":373,"previewSha256":"c91d7217a52196b37e11342a0754ea47fdc58e4aad41b80f28c529fb7bcebd15","previewAnimated":false,"rawCapture":"evidence/elements-file-tree-full.jpg","captureBounds":{"left":289,"top":157,"right":982,"bottom":748},"emptyPaddingCrop":{"left":3,"top":3,"right":688,"bottom":376},"retrievedAt":"2026-10-20T06:40:03.546448+00:00"},{"id":"21st--cnippet-dev--v-collapsible-7","name":"File Tree View","collection":"21st-community","creator":"Cnippet","category":"Navigation & search","why":"Original navigation & search reference from Cnippet.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@cnippet-dev/components/v-collapsible-7","codeUrl":"https://21st.dev/@cnippet-dev/components/v-collapsible-7","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community sidebar catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_36Tbt0v8JdD4jEycmBFhR8tojnR/v-collapsible-7/default/preview.1787156717975.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"cnippet-dev","sourceCategory":"sidebar","creatorPublicationUrl":"https://21st.dev/@cnippet-dev/components/v-collapsible-7","preview":"media/references/21st--cnippet-dev--v-collapsible-7.jpg","previewWidth":904,"previewHeight":696,"previewSha256":"29a817f24afdfa9050c6453c9e143bee500709cc2a2759fe5548681a2a089b07","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@cnippet-dev/components/v-collapsible-7"},{"id":"21st--extend-hq--file-upload-2","name":"File Upload","collection":"21st-community","creator":"extend-hq","category":"Artifacts & evidence","why":"Original artifacts & evidence reference from extend-hq.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@extend-hq/components/file-upload-2","codeUrl":"https://21st.dev/@extend-hq/components/file-upload-2","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community upload-download catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/educlopez/file-upload/default/preview.1784752778896-d63d23fa-d7c5-4db2-9658-c136e242c0bc.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"extend-hq","sourceCategory":"upload-download","creatorPublicationUrl":"https://21st.dev/@extend-hq/components/file-upload-2","preview":"media/references/21st--extend-hq--file-upload-2.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"899a9897dfd872ff3db0486e5cef2712ffb52583faf2f8e234ec34c6f2478569","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@extend-hq/components/file-upload-2"},{"id":"21st--ephraimduncan--file-upload-1","name":"File Upload","collection":"21st-community","creator":"Ephraim Duncan","category":"Artifacts & evidence","why":"Original artifacts & evidence reference from Ephraim Duncan.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@ephraimduncan/components/file-upload-1/multi-file-dropzone","codeUrl":"https://21st.dev/@ephraimduncan/components/file-upload-1/multi-file-dropzone","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community upload-download catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/larsen66/file-upload-1/multi-file-dropzone/preview.1753209223376.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"ephraimduncan","sourceCategory":"upload-download","creatorPublicationUrl":"https://21st.dev/@ephraimduncan/components/file-upload-1/multi-file-dropzone","preview":"media/references/21st--ephraimduncan--file-upload-1.png","previewWidth":960,"previewHeight":780,"previewSha256":"4466c2e727021414e21363f7ad3dc50ac52001ea816ee386ad7482b8819d28cc","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@ephraimduncan/components/file-upload-1"},{"id":"21st--uvain--file-upload","name":"File Upload","collection":"21st-community","creator":"Mohamed Uvaish","category":"Artifacts & evidence","why":"Original artifacts & evidence reference from Mohamed Uvaish.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@uvain/components/file-upload","codeUrl":"https://21st.dev/@uvain/components/file-upload","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community upload-download catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_3AAcYdXInfTxs5akkUBbQIUQdhX/file-upload/default/preview.1789406886621.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"uvain","sourceCategory":"upload-download","creatorPublicationUrl":"https://21st.dev/@uvain/components/file-upload","preview":"media/references/21st--uvain--file-upload.png","previewWidth":960,"previewHeight":704,"previewSha256":"385804b6ae01295df530ba7005c5f95b3f2eae7ba2c2b950f0f223eeb25e803a","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@uvain/components/file-upload"},{"id":"21st--anubra266--file-upload-1","name":"File Upload","collection":"21st-community","creator":"Abraham","category":"Cards & layouts","why":"Original cards & layouts reference from Abraham.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@anubra266/components/file-upload-1/multiple-images-upload","codeUrl":"https://21st.dev/@anubra266/components/file-upload-1/multiple-images-upload","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community grid catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/larsen66/file-upload-1/multiple-images-upload/preview.1756339006638.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"anubra266","sourceCategory":"grid","creatorPublicationUrl":"https://21st.dev/@anubra266/components/file-upload-1/multiple-images-upload","preview":"media/references/21st--anubra266--file-upload-1.png","previewWidth":960,"previewHeight":678,"previewSha256":"5238ac9475a10d036c0f16643c243914389c670cadccc659030b33b9f6221923","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@anubra266/components/file-upload-1"},{"id":"21st--preetsuthar17--file-upload","name":"File Upload","collection":"21st-community","creator":"Preet Suthar","category":"Artifacts & evidence","why":"Original artifacts & evidence reference from Preet Suthar.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@preetsuthar17/components/file-upload","codeUrl":"https://21st.dev/@preetsuthar17/components/file-upload","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community upload-download catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_2rWolCuRnJW3DRiuQ5JHrl5kj8a/file-upload/default/preview.1788521847841.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"preetsuthar17","sourceCategory":"upload-download","creatorPublicationUrl":"https://21st.dev/@preetsuthar17/components/file-upload","preview":"media/references/21st--preetsuthar17--file-upload.png","previewWidth":960,"previewHeight":785,"previewSha256":"c370bb9ae4fd445449ecc38cdcea6afa3c7d0bff4f745d477fce76c53d40fb29","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@preetsuthar17/components/file-upload"},{"id":"aceternity--file-upload","name":"File Upload","collection":"aceternity","creator":"Aceternity UI · Manu Arora","category":"Cards & layouts","why":"Original cards & layouts reference from Aceternity UI · Manu Arora.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://ui.aceternity.com/components/file-upload","codeUrl":"https://ui.aceternity.com/components/file-upload","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Reddit library leads → original Aceternity component catalog","added":"2026-10-20","previewSource":"https://assets.aceternity.com/file-upload.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","preview":"media/references/aceternity--file-upload.webp","previewWidth":2048,"previewHeight":1440,"previewSha256":"1c0093e4a2ce260ba752a4c207c89f3d1c8ec5e8128971d44d2ee054566dfdbd","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"21st--ravikatiyar162--file-upload-card","name":"File Upload Card","collection":"21st-community","creator":"Ravi Katiyar","category":"Artifacts & evidence","why":"Original artifacts & evidence reference from Ravi Katiyar.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@ravikatiyar162/components/file-upload-card","codeUrl":"https://21st.dev/@ravikatiyar162/components/file-upload-card","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community upload-download catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/ravikatiyar162/file-upload-card/default/preview.1759843184920.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"ravikatiyar162","sourceCategory":"upload-download","creatorPublicationUrl":"https://21st.dev/@ravikatiyar162/components/file-upload-card","preview":"media/references/21st--ravikatiyar162--file-upload-card.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"07fdc80017f8bf973141fd55bced63cb13d7cbf7d84d1942bce279b738b3a800","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@ravikatiyar162/components/file-upload-card"},{"id":"21st--ephraimduncan--file-upload-04","name":"File Upload Drag & Drop","collection":"21st-community","creator":"Ephraim Duncan","category":"Artifacts & evidence","why":"Original artifacts & evidence reference from Ephraim Duncan.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@ephraimduncan/components/file-upload-04","codeUrl":"https://21st.dev/@ephraimduncan/components/file-upload-04","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community upload-download catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/ephraimduncan/file-upload-04/default/preview.1784486849877-4a874d33-4764-454f-aaaf-d57accdb6e1d.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"ephraimduncan","sourceCategory":"upload-download","creatorPublicationUrl":"https://21st.dev/@ephraimduncan/components/file-upload-04","preview":"media/references/21st--ephraimduncan--file-upload-04.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"1421bb9bf99dbbeac161a4a0497901476aa8bc427d570ea7eb99b1911431efa5","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@ephraimduncan/components/file-upload-04"},{"id":"21st--cnippet-dev--v-field-21","name":"File Upload Field","collection":"21st-community","creator":"Cnippet","category":"Artifacts & evidence","why":"Original artifacts & evidence reference from Cnippet.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@cnippet-dev/components/v-field-21","codeUrl":"https://21st.dev/@cnippet-dev/components/v-field-21","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community upload-download catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/cnippet.dev/v-field-21/default/preview.1787168233005-fd95129e-a535-483d-af85-34f7a42aba91.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"cnippet-dev","sourceCategory":"upload-download","creatorPublicationUrl":"https://21st.dev/@cnippet-dev/components/v-field-21","preview":"media/references/21st--cnippet-dev--v-field-21.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"536839a2cf5f3a3a65ee4b735b95483473d2c4d9f9bb41ab55882a7442d61d02","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@cnippet-dev/components/v-field-21"},{"id":"blocks-so--file-upload-06","name":"File Upload with Status Sections","collection":"blocks-so","category":"Intent & input","website":"https://blocks.so/file-upload/file-upload-06","previewSource":"https://blocks.so/preview/file-upload-06","preview":"media/references/blocks-so--file-upload-06.png","previewSha256":"b52f587bdb4a9df84f35b8b1c1760ff8a7e0cad32555fb7c76900603950dc96f","cropEvidence":{"box":[326,200,710,647],"observedDOMBounds":{"bottom":647.2875213623047,"className":"mx-auto flex w-full max-w-sm flex-col gap-y-6","height":447.3875122070313,"left":326,"right":710,"top":199.90000915527344,"width":384,"x":326,"y":199.90000915527344}},"why":"Dropzone above separate UPLOADING and FINISHED groups, each file with its own thin progress bar and percentage, so in-flight and completed items are clearly split.","favorite":false,"added":"2026-10-20","previewAnimated":false,"selectionType":"Visually reviewed original reference","discovered":"Original input and spatial creator trails · input-spatial review","review":"Sonnet 5.5 Medium static visual review and researcher source/provenance checks; not runtime, accessibility or full dependency-license audited","useFor":"Study the original image and linked creator source; respect its license and access terms.","creator":"Ephraim Duncan · Blocks.so","creatorUrl":"https://ephraimduncan.com/","repository":"https://github.com/ephraimduncan/blocks","commit":"3f759d5171c2391253ec4c772e9e5b3db2bc7c7f","codeUrl":"https://github.com/ephraimduncan/blocks/blob/3f759d5171c2391253ec4c772e9e5b3db2bc7c7f/content/components/file-upload/file-upload-06.tsx","sourceFiles":["sources/blocks-so/code/content/components/file-upload/file-upload-06.tsx","sources/blocks-so/code/LICENSE.md"],"access":"Exact original component source archived · MIT; upstream UI dependencies apply","license":"Original Blocks.so MIT license and byte-exact source preserved. shadcn and other upstream dependency terms still apply.","previewType":"Exact screenshot crop of the original creator-hosted demo, with observed DOM bounds preserved","previewWidth":384,"previewHeight":447},{"id":"21st--itsankitverma--file-uploader","name":"File Uploader","collection":"21st-community","creator":"Ankit Verma","category":"Artifacts & evidence","why":"Original artifacts & evidence reference from Ankit Verma.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@itsankitverma/components/file-uploader","codeUrl":"https://21st.dev/@itsankitverma/components/file-uploader","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community upload-download catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/itsankitverma/file-uploader/default/preview.1750671383226.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"itsankitverma","sourceCategory":"upload-download","creatorPublicationUrl":"https://21st.dev/@itsankitverma/components/file-uploader","preview":"media/references/21st--itsankitverma--file-uploader.png","previewWidth":593,"previewHeight":535,"previewSha256":"59999943cc35f58c8f8e550389e827ce742a13d296cff725a180d9f9fdaf9fcf","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@itsankitverma/components/file-uploader"},{"id":"21st--wensity--file-uploader","name":"File Uploader","collection":"21st-community","creator":"Wensity Labs","category":"Artifacts & evidence","why":"Original artifacts & evidence reference from Wensity Labs.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@wensity/components/file-uploader","codeUrl":"https://21st.dev/@wensity/components/file-uploader","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community upload-download catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/wensity/file-uploader/default/preview.1790294774526-bcd1970f-30d4-41c6-95e8-ac29e9d982b0.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"wensity","sourceCategory":"upload-download","creatorPublicationUrl":"https://21st.dev/@wensity/components/file-uploader","preview":"media/references/21st--wensity--file-uploader.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"a374859d8be0b269d0222050c3e43e470c845bbe866b61e4944f2d457bcbc3f6","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@wensity/components/file-uploader"},{"id":"21st--bankkroll--file-viewer","name":"File Viewer","collection":"21st-community","creator":"Bankk roll","category":"Navigation & search","why":"Original navigation & search reference from Bankk roll.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@bankkroll/components/file-viewer","codeUrl":"https://21st.dev/@bankkroll/components/file-viewer","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community file-tree catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_2vDrVta4PKJEhGZOxwYiAcxSKTV/file-viewer/default/preview.1786988795579.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"bankkroll","sourceCategory":"file-tree","creatorPublicationUrl":"https://21st.dev/@bankkroll/components/file-viewer","preview":"media/references/21st--bankkroll--file-viewer.jpg","previewWidth":960,"previewHeight":741,"previewSha256":"87102aed981a160224ef5bf1d3f1404d70415ffbbd84b9c79ecb8b30464b8b1c","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@bankkroll/components/file-viewer"},{"id":"21st--builduilabs--filesystem-item","name":"Filesystem Item","collection":"21st-community","creator":"Build UI","category":"Navigation & search","why":"Original navigation & search reference from Build UI.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@builduilabs/components/filesystem-item","codeUrl":"https://21st.dev/@builduilabs/components/filesystem-item","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community file-tree catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_builduilabs/filesystem-item/846/preview.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"builduilabs","sourceCategory":"file-tree","creatorPublicationUrl":"https://21st.dev/@builduilabs/components/filesystem-item","preview":"media/references/21st--builduilabs--filesystem-item.png","previewWidth":960,"previewHeight":634,"previewSha256":"c140ce1f4405c8d81a3e33feabe42be4ef4a016b606a93aba116c250e2733ad9","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@builduilabs/components/filesystem-item"},{"id":"21st--ruixen.ui--file-tree-1","name":"FileTree","collection":"21st-community","creator":"Ruixen","category":"Navigation & search","why":"Original navigation & search reference from Ruixen.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@ruixen.ui/components/file-tree-1","codeUrl":"https://21st.dev/@ruixen.ui/components/file-tree-1","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community file-tree catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_2y5Wd5l713ZIFYjX19aZXSyXd6b/file-tree-1/default/preview.1787234394641.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"ruixen.ui","sourceCategory":"file-tree","creatorPublicationUrl":"https://21st.dev/@ruixen.ui/components/file-tree-1","preview":"media/references/21st--ruixen.ui--file-tree-1.png","previewWidth":960,"previewHeight":794,"previewSha256":"408fce74757fe7e3e563bfebbaaf2f0bb7803bf1bd4631735f7b625f8115430b","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@ruixen.ui/components/file-tree-1"},{"id":"21st--ruixen.ui--file-tree","name":"FileTree","collection":"21st-community","creator":"Ruixen","category":"Navigation & search","why":"Original navigation & search reference from Ruixen.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@ruixen.ui/components/file-tree","codeUrl":"https://21st.dev/@ruixen.ui/components/file-tree","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community file-tree catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/ruixen.ui/file-tree/default/preview.1757432506721.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"ruixen.ui","sourceCategory":"file-tree","creatorPublicationUrl":"https://21st.dev/@ruixen.ui/components/file-tree","preview":"media/references/21st--ruixen.ui--file-tree.png","previewWidth":960,"previewHeight":643,"previewSha256":"227cf552947fe5dffbab13e3a574eef9416a6dc2f2e23f36c71135cc02024c6e","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@ruixen.ui/components/file-tree"},{"id":"21st--arunjdass--file-upload","name":"FileUpload","collection":"21st-community","creator":"Arun Dass","category":"Artifacts & evidence","why":"Original artifacts & evidence reference from Arun Dass.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@arunjdass/components/file-upload","codeUrl":"https://21st.dev/@arunjdass/components/file-upload","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community upload-download catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/arunjdass/file-upload/default/preview.1781744239687.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"arunjdass","sourceCategory":"upload-download","creatorPublicationUrl":"https://21st.dev/@arunjdass/components/file-upload","preview":"media/references/21st--arunjdass--file-upload.png","previewWidth":655,"previewHeight":459,"previewSha256":"44e956ff718673bff919187d1025e2ee831b1654f53a28fcbe0f38bd544f50f1","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@arunjdass/components/file-upload"},{"id":"21st--uiable--block-bento-5","name":"Financial Bento Grid","collection":"21st-community","creator":"uiable","category":"Dashboards & data","why":"Original dashboards & data reference from uiable.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@uiable/components/block-bento-5","codeUrl":"https://21st.dev/@uiable/components/block-bento-5","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community dashboard catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/uiable/block-bento-5/default/preview.1790226284097-8ea0975a-1212-4263-a619-9a8747b3377d.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"uiable","sourceCategory":"dashboard","creatorPublicationUrl":"https://21st.dev/@uiable/components/block-bento-5","preview":"media/references/21st--uiable--block-bento-5.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"4842bd33c14171b441d851317e11e5eba00795e95864dd3488e7506bdef50dc3","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@uiable/components/block-bento-5"},{"id":"21st--nayan_radadiya6--first-place-leaderboard","name":"First Place Leaderboard","collection":"21st-community","creator":"nayan_radadiya6","category":"Thinking & progress","why":"Original thinking & progress reference from nayan_radadiya6.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@nayan_radadiya6/components/first-place-leaderboard","codeUrl":"https://21st.dev/@nayan_radadiya6/components/first-place-leaderboard","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community progress catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/larsen66/first-place-leaderboard/default/preview.1756569312329.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"nayan_radadiya6","sourceCategory":"progress","creatorPublicationUrl":"https://21st.dev/@nayan_radadiya6/components/first-place-leaderboard","preview":"media/references/21st--nayan_radadiya6--first-place-leaderboard.png","previewWidth":960,"previewHeight":701,"previewSha256":"e23c212c4549b98ab74c80eb0fbf0adb0e046097cb4679d21eee9721a3219fa9","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@nayan_radadiya6/components/first-place-leaderboard"},{"id":"21st--olewandowski1--onboarding-4","name":"First-Run Welcome Screen","collection":"21st-community","creator":"Oliver","category":"Human control","why":"Original human control reference from Oliver.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@olewandowski1/components/onboarding-4","codeUrl":"https://21st.dev/@olewandowski1/components/onboarding-4","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community onboarding catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_registry_7ovr_1782691739820/onboarding-4/default/preview.1790090391636.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"olewandowski1","sourceCategory":"onboarding","creatorPublicationUrl":"https://21st.dev/@olewandowski1/components/onboarding-4","preview":"media/references/21st--olewandowski1--onboarding-4.png","previewWidth":960,"previewHeight":828,"previewSha256":"b757dc25fc9b58f0f86a30cf1af3216b116b1d03975e1b55cfb13bf6d81f0974","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@olewandowski1/components/onboarding-4"},{"id":"codrops--flight-slider","name":"Flight slider","collection":"codrops-creative","creator":"Álvaro Montoro","creatorUrl":"https://tympanus.net/codrops/hub/author/alvaro_montoro","category":"Forms & controls","styleTags":["CSS Only","slider"],"why":"A plane serves as the thumb on a New York–Madrid route line, with soft clouds behind it; a concrete travel-themed slider treatment.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://codepen.io/alvaromontoro/full/oNVEqgz","codeUrl":"https://codepen.io/alvaromontoro/pen/oNVEqgz","repository":"","sourceFiles":[],"commit":"","access":"Creator code linked · access unverified (source response recorded)","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview selection; creator/demo/source links traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub · October 20 creator-depth review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2024/01/image-2025-01-04-at-16.30.55.jpg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Jan 31, 2024","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T07:38:51.455636+00:00","preview":"media/references/codrops--flight-slider.jpg","previewWidth":951,"previewHeight":716,"previewSha256":"3349378e8faf014d402fd3d93ffdd6eeb797886c05ff05c99ca1a89f1538381c","previewAnimated":false,"sourcePageCheck":{"status":403,"resolvedUrl":"https://codepen.io/alvaromontoro/pen/oNVEqgz","checkedAt":"2026-10-20T07:40:31.038445+00:00"}},{"id":"codrops--flip-plugin-gsap-horizontal-scroll-lenis","name":"Flip Plugin GSAP – Horizontal Scroll Lenis","collection":"codrops-creative","creator":"Moussa Mamadou","creatorUrl":"https://tympanus.net/codrops/hub/author/moussa_mamadou","category":"Galleries & transitions","styleTags":["GSAP","page transition","scroll","Webflow"],"why":"Black-and-white portraits at varied scales scattered on white space, one lifted to focus with a small cursor dot.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://codepen.io/moussamamadou/full/raNBjqz","codeUrl":"https://codepen.io/moussamamadou/pen/raNBjqz","repository":"","sourceFiles":[],"commit":"","access":"Creator code linked · access unverified (source response recorded)","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview review; original demo/source attribution traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub · October 20 midday review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/09/Screenshot-2025-09-21-at-09.48.52.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Feb 9, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T06:57:46.927245+00:00","preview":"media/references/codrops--flip-plugin-gsap-horizontal-scroll-lenis.png","previewWidth":1600,"previewHeight":1202,"previewSha256":"3d60e6eaf143bbb28d746ccd9988432af6b2d77582c616d9effd41f3974c3ee8","previewAnimated":false,"observedPage":6,"sourcePageCheck":{"status":403,"resolvedUrl":"https://codepen.io/moussamamadou/pen/raNBjqz","checkedAt":"2026-10-20T07:06:14.616296+00:00"}},{"id":"aceternity--flip-words","name":"Flip Words","collection":"aceternity","creator":"Aceternity UI · Manu Arora","category":"Cards & layouts","why":"Original cards & layouts reference from Aceternity UI · Manu Arora.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://ui.aceternity.com/components/flip-words","codeUrl":"https://ui.aceternity.com/components/flip-words","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Reddit library leads → original Aceternity component catalog","added":"2026-10-20","previewSource":"https://assets.aceternity.com/flip-text.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:51:40.290057+00:00","preview":"media/references/aceternity--flip-words.webp","previewWidth":2048,"previewHeight":1440,"previewSha256":"8513e8e5db4a28ff56fac1791ba3ef108a78e41543cc6cb336b245e430e936de","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:51:40.290057+00:00"},{"id":"aceternity--floating-dock","name":"Floating Dock","collection":"aceternity","creator":"Aceternity UI · Manu Arora","category":"Cards & layouts","why":"Original cards & layouts reference from Aceternity UI · Manu Arora.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://ui.aceternity.com/components/floating-dock","codeUrl":"https://ui.aceternity.com/components/floating-dock","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Reddit library leads → original Aceternity component catalog","added":"2026-10-20","previewSource":"https://assets.aceternity.com/floating-dock.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","preview":"media/references/aceternity--floating-dock.webp","previewWidth":2048,"previewHeight":1440,"previewSha256":"e5e50e35038fe2ac572d4d08fd3f4352a0f3fa6277a963c9eb2a2ca4fd8c47a4","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"flowise-original--agentflow","name":"Flowise historical agentflow graph","category":"Agent orchestration","why":"Large, legible node graph with color-coded icon nodes (Start, Email Reply Agent with gpt-4o-mini badge, Human Input 0, Email Subject & Body, Send Email). The Human Input node splits into labeled 'proceed' and 'reject' edges, and the reject edge loops back to the agent. The branching approval gate shows the orchestration idea in one clean crop. Archived original Flowise; source licensing is separate.","favorite":false,"collection":"flowise-original","creator":"FlowiseAI","creatorUrl":"https://github.com/FlowiseAI/Flowise","website":"https://docs.flowiseai.com/tutorials/human-in-the-loop","repository":"https://github.com/FlowiseAI/Flowise","commit":"9291856d1ea4a4ceea9f8fef8ce14f4f6c81e8eb","codeUrl":"https://github.com/FlowiseAI/Flowise/blob/9291856d1ea4a4ceea9f8fef8ce14f4f6c81e8eb/packages/ui/src/views/agentflowsv2/Canvas.jsx","sourceFiles":[],"platform":"Web · historical archived Flowise","access":"Public original frontend source · ARCHIVED project; enterprise and explicitly excepted files separately commercial; no live agent or email execution","license":"Apache-2.0 outside enterprise directory and explicitly excluded files. Commercial enterprise license for packages/server/src/enterprise and files such as IdentityManager.ts; original notices preserved. Third-party terms separate.","review":"Sonnet 5.5 Medium full-image visual review and researcher source/notice/provenance checks; no runtime, motion, accessibility or full dependency-license audit","useFor":"Study exact original creator images and primary source links under stated access/license terms.","selectionType":"Individually visually reviewed original reference","discovered":"Original creator repositories, published documentation and credited creative projects · spatial-orchestration review","added":"2026-10-20","preview":"media/references/flowise-original--agentflow.png","previewSha256":"e7a9268501c4fd5971bf0e957fb8e4159106effb5f8a556350af7d5ade03cb30","previewSource":"https://raw.githubusercontent.com/FlowiseAI/FlowiseDocs/32d7f0cc7929bbd9e592cbc8e7a69bb82625f418/en/.gitbook/assets/image%20%2823%29.png","previewAnimated":false,"previewType":"Exact unmodified original creator/publisher static image","sourceResolution":"references/spatial-orchestration-source-evidence.json","sourcePinNote":"Pinned source provides provenance, not an exact screenshot-build claim. Selected notices/docs/renderers are evidence, not complete component archives; no creator code executed.","previewWidth":1782,"previewHeight":353},{"id":"flowise-original--evaluation","name":"Flowise historical evaluation workbench","category":"Dashboards & data","why":"One evaluation family, counted once for the whole lifecycle. The results screen has a pass-rate pie, a stacked prompt/completion token bar chart and a latency line chart. Metric visibility toggles sit above them, a Chatflows Used row below, and a Re-Run Evaluation button at top right. The results table carries per-row Pass/Fail badges for each evaluator, model/cost/token/latency chips and an LLM score with reasoning. Evaluator authoring (eval-1), the chain vs toolagent comparison (eval-3) and the version history panel (eval-4) are merged into this family. Flowise evaluation is Cloud/Enterprise only; source licensing is separate from the Apache code.","favorite":false,"collection":"flowise-original","creator":"FlowiseAI","creatorUrl":"https://github.com/FlowiseAI/Flowise","website":"https://docs.flowiseai.com/using-flowise/evaluations","repository":"","commit":"9291856d1ea4a4ceea9f8fef8ce14f4f6c81e8eb","codeUrl":"https://github.com/FlowiseAI/Flowise/blob/9291856d1ea4a4ceea9f8fef8ce14f4f6c81e8eb/packages/ui/src/views/evaluations/EvaluationResult.jsx","sourceFiles":[],"platform":"Web · historical archived Flowise","access":"Paid · archived Cloud/Enterprise evaluation feature; public frontend source is viewable, not evidence of free commercial backend access","license":"Apache-2.0 outside enterprise directory and explicitly excluded files. Commercial enterprise license for packages/server/src/enterprise and files such as IdentityManager.ts; original notices preserved. Third-party terms separate.","review":"Sonnet 5.5 Medium full-image visual review and researcher source/notice/provenance checks; no runtime, motion, accessibility or full dependency-license audit","useFor":"Study exact original creator images and primary source links under stated access/license terms.","selectionType":"Individually visually reviewed original reference","discovered":"Original creator repositories, published documentation and credited creative projects · spatial-orchestration review","added":"2026-10-20","preview":"media/references/flowise-original--evaluation-2.png","previewSha256":"45a2ece03bca286890881f3b1e77ddca7100cc1167a1748d7d533f2bc04aaa4c","previewSource":"https://raw.githubusercontent.com/FlowiseAI/FlowiseDocs/32d7f0cc7929bbd9e592cbc8e7a69bb82625f418/en/.gitbook/assets/image%20%2814%29%20%282%29.png","previewAnimated":false,"previewType":"Exact unmodified original creator/publisher static image","sourceResolution":"references/spatial-orchestration-source-evidence.json","sourcePinNote":"Pinned source provides provenance, not an exact screenshot-build claim. Selected notices/docs/renderers are evidence, not complete component archives; no creator code executed.","relatedLibraryRepository":"https://github.com/FlowiseAI/Flowise","previewWidth":1286,"previewHeight":952},{"id":"codrops--fluffy-grass-with-three-js","name":"Fluffy Grass With Three.js","collection":"codrops-creative","creator":"Ebenezer","creatorUrl":"https://tympanus.net/codrops/hub/author/thebenezer","category":"Shaders & materials","styleTags":["3D","Three.js","WebGL"],"why":"Rolling field of dense blade-level grass with soft light falloff toward the horizon.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://fluffygrass.vercel.app/","codeUrl":"https://github.com/thebenezer/FluffyGrass","repository":"https://github.com/thebenezer/FluffyGrass","sourceFiles":[],"commit":"","access":"Creator code page linked · HTTP 200; license/reuse terms not audited","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview review; original demo/source attribution traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub · October 20 midday review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/02/fluffygrass.jpg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Feb 4, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T06:57:46.927245+00:00","preview":"media/references/codrops--fluffy-grass-with-three-js.jpg","previewWidth":801,"previewHeight":600,"previewSha256":"87db5904396d92fc397380d04af4c197e50221f6d52295ba72cf6d3a4373d1fd","previewAnimated":false,"observedPage":6,"sourcePageCheck":{"status":200,"resolvedUrl":"https://github.com/thebenezer/FluffyGrass","checkedAt":"2026-10-20T07:06:23.466359+00:00"}},{"id":"codrops--fluid-glass","name":"Fluid Glass","collection":"codrops-creative","creator":"Hans Chiu","creatorUrl":"https://tympanus.net/codrops/hub/author/hans_chiu","category":"Shaders & materials","styleTags":["clock","fluid","glass","glsl","ogl","webgl"],"why":"Original shaders & materials reference published in the Codrops Creative Hub; inspect the image and original demo for its visual approach.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://chiuhans111.github.io/fluidglass/","codeUrl":"https://github.com/chiuhans111/fluidglass","repository":"https://github.com/chiuhans111/fluidglass","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Contact-sheet preview reviewed with Sonnet 5.5 Medium; original publisher links traced; not runtime-tested","selectionType":"Preview-reviewed design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/10/Screenshot-2025-10-06-at-10.38.09-768x577.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Oct 1, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:23:38.056369+00:00","preview":"media/references/codrops--fluid-glass.png","previewWidth":768,"previewHeight":577,"previewSha256":"476a56a6ae1490225836bd36b2244c76ef475788e30c92e61ef915812294af4c","previewAnimated":false},{"id":"cult-ui--fluted-glass","name":"Fluted glass","collection":"cult-ui","creator":"Cult UI · nolly studio","category":"Cards & layouts","why":"Original cards & layouts reference from Cult UI · nolly studio.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://www.cult-ui.com/docs/components/fluted-glass","codeUrl":"https://github.com/nolly-studio/cult-ui/blob/7f031dc812f7bda10213bab62752dd6d080297ff/apps/www/registry/default/ui/fluted-glass.tsx","repository":"https://github.com/nolly-studio/cult-ui","sourceFiles":["sources/cult-ui/code/apps/www/registry/default/ui/fluted-glass.tsx","sources/cult-ui/code/apps/www/registry/default/example/fluted-glass-demo.tsx","sources/cult-ui/code/apps/www/content/docs/components/fluted-glass.mdx"],"commit":"7f031dc812f7bda10213bab62752dd6d080297ff","access":"Source saved","license":"MIT (original LICENSE.md preserved; Copyright 2023 Jordan-Gilliam)","review":"Exact component, demo and documentation matched in creator repository; source byte-verified; not runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Original Cult UI library linked by community research","added":"2026-10-20","previewSource":"https://www.cult-ui.com/_next/image?url=%2Fcult-pro-component-images%2Ffluted-glass-demo-light.png&w=1080&q=75","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","preview":"media/references/cult-ui--fluted-glass.png","previewWidth":1080,"previewHeight":675,"previewSha256":"a83ac5976ed9292fb91ea74a4e00467561f8d21b99d1b1facb92866f52e2e7c0","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","sourceVerifiedAt":"2026-10-20T05:12:02.450829+00:00","sourceVerificationUrl":"https://www.cult-ui.com/docs/components/fluted-glass"},{"id":"aceternity--focus-cards","name":"Focus Cards","collection":"aceternity","creator":"Aceternity UI · Manu Arora","category":"Cards & layouts","why":"Original cards & layouts reference from Aceternity UI · Manu Arora.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://ui.aceternity.com/components/focus-cards","codeUrl":"https://ui.aceternity.com/components/focus-cards","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Reddit library leads → original Aceternity component catalog","added":"2026-10-20","previewSource":"https://assets.aceternity.com/focus-cards.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","preview":"media/references/aceternity--focus-cards.webp","previewWidth":2048,"previewHeight":1440,"previewSha256":"60c95ea2c2a118a59f0e10cd4fd63c77efd249edaef895d280fe42e3cff25e3e","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"21st--shadcnspace--shine-border-06","name":"Focus Frame Border","collection":"21st-community","creator":"ShadcnSpace","category":"Cards & layouts","why":"Original cards & layouts reference from ShadcnSpace.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@shadcnspace/components/shine-border-06","codeUrl":"https://21st.dev/@shadcnspace/components/shine-border-06","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community card catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/shadcnspace/shine-border-06/default/preview.1790133202193-ab524238-42dc-495a-877b-e5fdd3cb03de.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"shadcnspace","sourceCategory":"card","creatorPublicationUrl":"https://21st.dev/@shadcnspace/components/shine-border-06","preview":"media/references/21st--shadcnspace--shine-border-06.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"ea0a58e2ff2373110a1042290771a655d261e68a2bba40269c2d6993ddc900e3","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@shadcnspace/components/shine-border-06"},{"id":"cult-ui--folded-card","name":"Folded card","collection":"cult-ui","creator":"Cult UI · nolly studio","category":"Cards & layouts","why":"Original cards & layouts reference from Cult UI · nolly studio.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://www.cult-ui.com/docs/components/folded-card","codeUrl":"https://github.com/nolly-studio/cult-ui/blob/7f031dc812f7bda10213bab62752dd6d080297ff/apps/www/registry/default/ui/folded-card.tsx","repository":"https://github.com/nolly-studio/cult-ui","sourceFiles":["sources/cult-ui/code/apps/www/registry/default/ui/folded-card.tsx","sources/cult-ui/code/apps/www/registry/default/example/folded-card-demo.tsx","sources/cult-ui/code/apps/www/content/docs/components/folded-card.mdx"],"commit":"7f031dc812f7bda10213bab62752dd6d080297ff","access":"Source saved","license":"MIT (original LICENSE.md preserved; Copyright 2023 Jordan-Gilliam)","review":"Exact component, demo and documentation matched in creator repository; source byte-verified; not runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Original Cult UI library linked by community research","added":"2026-10-20","previewSource":"https://www.cult-ui.com/_next/image?url=%2Fcult-pro-component-images%2Ffolded-card-demo-light.png&w=1080&q=75","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","preview":"media/references/cult-ui--folded-card.png","previewWidth":1080,"previewHeight":675,"previewSha256":"e3b97c0724b23e0ae2b6f40e1046fcfa76d14e1fca436c762e647890fe629e31","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","sourceVerifiedAt":"2026-10-20T05:12:02.450956+00:00","sourceVerificationUrl":"https://www.cult-ui.com/docs/components/folded-card"},{"id":"21st--cult-ui--folded-card","name":"Folded Card","collection":"21st-community","creator":"cult/ui","category":"Cards & layouts","why":"Original cards & layouts reference from cult/ui.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@cult-ui/components/folded-card","codeUrl":"https://21st.dev/@cult-ui/components/folded-card","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community card catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/cult-ui/folded-card/default/preview.1790871386896-4fb78333-1ed7-4e98-b8b9-08fa4d8ca593.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"cult-ui","sourceCategory":"card","creatorPublicationUrl":"https://21st.dev/@cult-ui/components/folded-card","preview":"media/references/21st--cult-ui--folded-card.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"37c0f6534eb82910d5fe5e994371f00c0228f8189cd421ff46a0c2d80ea0c1ed","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@cult-ui/components/folded-card"},{"name":"Formbricks · chart measures and breakdown controls","collection":"formbricks-original","creator":"Formbricks GmbH","creatorUrl":"https://formbricks.com","repository":"","commit":"6221ba765b7aa7deafb139df85c8dc720561e90e","platform":"Web / React · survey analytics","access":"Paid · Formbricks Enterprise chart feature; original source viewable, production/backend entitlement separate","license":"Formbricks custom Enterprise Edition notice applies to apps/web/modules/ee, with a qualified client-side respective-license/MIT exception in that notice. Root AGPL and SDK MIT are not blanket licenses for EE production/backends. Exact root/EE notices retained; this entry does not imply free enterprise entitlement.","id":"formbricks-release-4","category":"Dashboards & data","why":"Chart-config modal: measure and group-by chips, chart-type tabs and a live horizontal bar preview.","favorite":false,"website":"https://formbricks.com/blog/formbricks-6-0","codeUrl":"https://github.com/formbricks/formbricks/blob/6221ba765b7aa7deafb139df85c8dc720561e90e/apps/web/modules/ee/analysis/charts/components/advanced-chart-builder.tsx","sourceFiles":[],"review":"Sonnet5.5 Medium full-image visual review and researcher source/provenance checks; not runtime, motion, accessibility or complete dependency-license audited","useFor":"Study the exact original static image and follow the creator's original source/site under its stated access terms.","selectionType":"Individually visually reviewed original reference","discovered":"Original voice and survey-control interfaces · voice-forms review","added":"2026-10-20","preview":"media/references/voice-forms--formbricks-release-4.webp","previewSha256":"c4698703985e532d8e2e738a00f1b49a04b213ec836569400b5e386f2456cb0c","previewSource":"https://formbricks.com/api/media/file/granular-charts.webp","previewAnimated":false,"previewType":"Exact unmodified original creator static image","previewWidth":2583,"previewHeight":1625,"sourceResolution":"references/voice-forms-source-resolution.json","sourcePinNote":"Original image preserved without cropping, upscaling or generated replacement. Published docs/blog image and inspected source revision are separately pinned; exact screenshot-build equality is not claimed. Partial source/notice evidence is not a complete component archive.","relatedLibraryRepository":"https://github.com/formbricks/formbricks"},{"name":"Formbricks · review an AI-generated survey draft","collection":"formbricks-original","creator":"Formbricks GmbH","creatorUrl":"https://formbricks.com","repository":"https://github.com/formbricks/formbricks","commit":"6221ba765b7aa7deafb139df85c8dc720561e90e","platform":"Web / React · survey draft review","license":"AGPL-3.0 for the selected frontend outside EE and specified MIT SDK directories, copyright Formbricks GmbH. EE/backend/model/service entitlements and third-party dependencies separate; public frontend is not proof of unrestricted hosted generation.","id":"formbricks-release-5","category":"Intent & input","why":"AI survey draft review: prompt line, generated questions tagged by type, Regenerate versus Save and continue.","favorite":false,"website":"https://formbricks.com/blog/formbricks-6-0","codeUrl":"https://github.com/formbricks/formbricks/blob/6221ba765b7aa7deafb139df85c8dc720561e90e/apps/web/modules/survey/components/template-list/components/ai-draft-preview.tsx","sourceFiles":[],"access":"Public original source · exact licensing below; service/model/edition access unverified; not executed","review":"Sonnet5.5 Medium full-image visual review and researcher source/provenance checks; not runtime, motion, accessibility or complete dependency-license audited","useFor":"Study the exact original static image and follow the creator's original source/site under its stated access terms.","selectionType":"Individually visually reviewed original reference","discovered":"Original voice and survey-control interfaces · voice-forms review","added":"2026-10-20","preview":"media/references/voice-forms--formbricks-release-5.webp","previewSha256":"85860d8ef1ea0e4d92fe24ae8880d74cbea36f30403991b522a9464b6bb6df2b","previewSource":"https://formbricks.com/api/media/file/ai-survey-preview.webp","previewAnimated":false,"previewType":"Exact unmodified original creator static image","previewWidth":2583,"previewHeight":1625,"sourceResolution":"references/voice-forms-source-resolution.json","sourcePinNote":"Original image preserved without cropping, upscaling or generated replacement. Published docs/blog image and inspected source revision are separately pinned; exact screenshot-build equality is not claimed. Partial source/notice evidence is not a complete component archive."},{"id":"codrops--from-product-to-cart-adding-guiding-animations-to-the-shopping-experience","name":"From Product to Cart: Adding Guiding Animations to the Shopping Experience","collection":"codrops-creative","creator":"Andrea Biason","creatorUrl":"https://tympanus.net/codrops/hub/author/andreabiason","category":"Full websites & portfolios","styleTags":["grid","GSAP","shopify","shopping cart"],"why":"Product grid in a soft white card over a blurred sneaker backdrop, with compact tabs and small Add to cart actions.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Tutorials/ShoppingCartAnimation","codeUrl":"https://github.com/biazo/codrops-add-to-cart","repository":"https://github.com/biazo/codrops-add-to-cart","sourceFiles":[],"commit":"","access":"Creator code page linked · HTTP 200; license/reuse terms not audited","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview review; original demo/source attribution traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub · October 20 midday review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2024/11/cover.jpg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Nov 21, 2024","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T06:57:46.927245+00:00","preview":"media/references/codrops--from-product-to-cart-adding-guiding-animations-to-the-shopping-experience.jpg","previewWidth":1600,"previewHeight":1200,"previewSha256":"2b42927916eaf45c982277c8e36186dd5111bf189846bacb40c25767628d990a","previewAnimated":false,"observedPage":7,"sourcePageCheck":{"status":200,"resolvedUrl":"https://github.com/biazo/codrops-add-to-cart","checkedAt":"2026-10-20T07:06:17.439498+00:00"}},{"id":"21st--gpt-vis--funnel","name":"Funnel Chart","collection":"21st-community","creator":"gpt-vis","category":"Dashboards & data","why":"Original dashboards & data reference from gpt-vis.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@gpt-vis/components/funnel","codeUrl":"https://21st.dev/@gpt-vis/components/funnel","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community data-visualization catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/gpt-vis/funnel/default/preview.1789975514989-123434e5-6966-4447-967f-ff2ec9554aa8.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"gpt-vis","sourceCategory":"data-visualization","creatorPublicationUrl":"https://21st.dev/@gpt-vis/components/funnel","preview":"media/references/21st--gpt-vis--funnel.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"5c5ac239d8d034b26e0b6830517f48e36bdab35f69113e1a44379ee0c83ad613","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@gpt-vis/components/funnel"},{"id":"21st--bklitai--funnel-chart","name":"Funnel Chart","collection":"21st-community","creator":"bklitai","category":"Dashboards & data","why":"Original dashboards & data reference from bklitai.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@bklitai/components/funnel-chart/funnel-chart-grid","codeUrl":"https://21st.dev/@bklitai/components/funnel-chart/funnel-chart-grid","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community dashboard catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/lyanchouss/funnel-chart/funnel-chart-grid/preview.1772649671446.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"bklitai","sourceCategory":"dashboard","creatorPublicationUrl":"https://21st.dev/@bklitai/components/funnel-chart/funnel-chart-grid","preview":"media/references/21st--bklitai--funnel-chart.png","previewWidth":960,"previewHeight":707,"previewSha256":"aebe9a9e0a2577a30fe28a1dab89a41d350dab06956eebf3d4d129d1b8737cf1","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@bklitai/components/funnel-chart"},{"id":"21st--reaviz--funnel-chart-big","name":"Funnel Chart Big","collection":"21st-community","creator":"REAVIZ","category":"Dashboards & data","why":"Original dashboards & data reference from REAVIZ.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@reaviz/components/funnel-chart-big","codeUrl":"https://21st.dev/@reaviz/components/funnel-chart-big","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community dashboard catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_reaviz/funnel-chart-big/default/preview.1748458141328.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"reaviz","sourceCategory":"dashboard","creatorPublicationUrl":"https://21st.dev/@reaviz/components/funnel-chart-big","preview":"media/references/21st--reaviz--funnel-chart-big.png","previewWidth":960,"previewHeight":769,"previewSha256":"74009216429ffcf96feb013f4c6ceea2d6a0ccb88bb21be404f03fdc9546d94f","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@reaviz/components/funnel-chart-big"},{"id":"21st--singla2125ji--futuristic-file-uploader","name":"Futuristic File Uploader","collection":"21st-community","creator":"LAKSHAY SINGLA","category":"Artifacts & evidence","why":"Original artifacts & evidence reference from LAKSHAY SINGLA.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@singla2125ji/components/futuristic-file-uploader/futuristic-file-uploader","codeUrl":"https://21st.dev/@singla2125ji/components/futuristic-file-uploader/futuristic-file-uploader","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community upload-download catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_2wtWsNLYNk3cyVjeLe1BsenAkfv/futuristic-file-uploader/futuristic-file-uploader/preview.png?v=1","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"singla2125ji","sourceCategory":"upload-download","creatorPublicationUrl":"https://21st.dev/@singla2125ji/components/futuristic-file-uploader/futuristic-file-uploader","preview":"media/references/21st--singla2125ji--futuristic-file-uploader.jpg","previewWidth":752,"previewHeight":716,"previewSha256":"2ae1b7183b75ffe18245c54834c10e9f5983018bc65d6c10e121c50171df1e7d","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@singla2125ji/components/futuristic-file-uploader"},{"id":"codrops--gallery-to-overlay-transition","name":"Gallery to Overlay Transition","collection":"codrops-creative","creator":"Osmo","creatorUrl":"https://tympanus.net/codrops/hub/author/osmo","category":"Galleries & transitions","styleTags":["GSAP","page transition"],"why":"Black stage with a stacked text list and a small thumbnail anchoring one entry, the starting state of a list-to-overlay image transition.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://codepen.io/osmosupply/full/yyBXYZv","codeUrl":"https://codepen.io/osmosupply/pen/yyBXYZv","repository":"","sourceFiles":[],"commit":"","access":"Creator code linked · access unverified (source response recorded)","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview review; original demo/source attribution traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub · October 20 midday review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2024/12/image-2024-12-30-at-12.12.42.jpg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Dec 23, 2024","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T06:57:46.927245+00:00","preview":"media/references/codrops--gallery-to-overlay-transition.jpg","previewWidth":1038,"previewHeight":706,"previewSha256":"2f79cca25c64537d6fb339239328af3152e7b1aed553cef4c59c49d71d0b55da","previewAnimated":false,"observedPage":6,"sourcePageCheck":{"status":403,"resolvedUrl":"https://codepen.io/osmosupply/pen/yyBXYZv","checkedAt":"2026-10-20T07:06:14.951548+00:00"}},{"id":"21st--shadcnspace--button-33","name":"Generate AI Button","collection":"21st-community","creator":"ShadcnSpace","category":"Conversation craft","why":"Original conversation craft reference from ShadcnSpace.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@shadcnspace/components/button-33","codeUrl":"https://21st.dev/@shadcnspace/components/button-33","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community ai-chat catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_38qAOtph5HovpSn2yjNYXjbTOm2/button-33/default/preview.1790155568672.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:55:11.791497+00:00","creatorHandle":"shadcnspace","sourceCategory":"ai-chat","creatorPublicationUrl":"https://21st.dev/@shadcnspace/components/button-33","canonicalComponentUrl":"https://21st.dev/@shadcnspace/components/button-33","preview":"media/references/21st--shadcnspace--button-33.jpg","previewWidth":440,"previewHeight":320,"previewSha256":"795a5df695a6c0871bca401c3b56392dc11ae4ce30986167bae79bd33f9932db","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:55:11.791497+00:00"},{"id":"21st--adrielzimbril--generating-orb","name":"Generating Orb","collection":"21st-community","creator":"adrielzimbril","category":"Conversation craft","why":"Original conversation craft reference from adrielzimbril.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@adrielzimbril/components/generating-orb","codeUrl":"https://21st.dev/@adrielzimbril/components/generating-orb","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community ai-chat catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/adrielzimbril/generating-orb/default/preview.1790373612975-5c423615-51c8-454e-9c9d-b9fb42ca8012.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"adrielzimbril","sourceCategory":"ai-chat","creatorPublicationUrl":"https://21st.dev/@adrielzimbril/components/generating-orb","preview":"media/references/21st--adrielzimbril--generating-orb.jpg","previewWidth":960,"previewHeight":719,"previewSha256":"01b3e78ebe92a2e66672e459efd767ced8797a59bef55aabb171835e19b07e03","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@adrielzimbril/components/generating-orb"},{"id":"codrops--geometry-painter","name":"Geometry Painter","collection":"codrops-creative","creator":"Chiro Visuals","creatorUrl":"https://tympanus.net/codrops/hub/author/chirovisuals","category":"Spatial experiences","styleTags":["sphere","three.js","tsl","webgpu"],"why":"Original spatial experiences reference published in the Codrops Creative Hub; inspect the image and original demo for its visual approach.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Tutorials/GeometryPainterThreeJS","codeUrl":"https://github.com/achrefelouafi/GeometryPainterThreeJS","repository":"https://github.com/achrefelouafi/GeometryPainterThreeJS","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Contact-sheet preview reviewed with Sonnet 5.5 Medium; original publisher links traced; not runtime-tested","selectionType":"Preview-reviewed design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/08/geometrypainter_demo-768x576.png.webp","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Aug 11, 2026","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:23:38.056369+00:00","preview":"media/references/codrops--geometry-painter.webp","previewWidth":768,"previewHeight":576,"previewSha256":"d6185d69c36503c0d1b194f97b1695cd017399efe7b3388b8513958c9244b1f9","previewAnimated":false},{"id":"webzibition--gil-huybrecht","name":"Gil Huybrecht","collection":"webzibition","creator":"Gil Huybrecht · original site","creatorAttribution":"Site identity from the publisher listing; individual design author not independently verified","category":"Full websites & portfolios","why":"Project screenshots form labeled horizontal sequences below compact service and recognition columns. The portfolio acts as a visual index rather than another oversized hero.","useFor":"Study the original website’s composition and presentation; code availability is unverified.","website":"https://gilhuybrecht.com/","codeUrl":"","repository":"","sourceFiles":[],"commit":"","access":"Design reference · public source not traced","license":"Website and preview rights belong to their respective owners; no source or reuse license verified","review":"Full-size original preview inspected after contact-sheet review; no runtime/accessibility/source-license audit; original website returned HTTP200; screenshot may predate the current live design","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"Codrops Webzibition → original website","added":"2026-10-20","preview":"media/references/webzibition--gil-huybrecht.webp","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/07/gil-1200x649.jpg.webp?x67708","previewType":"Codrops publisher screenshot of the linked original website; not a fresh live capture","previewWidth":1200,"previewHeight":649,"previewSha256":"13f941bc1a5bc3da998b680d8eeee9b44d3036430e266f8819452888b4d4b08d","previewAnimated":false,"publisherIndex":"https://tympanus.net/codrops/webzibition/","publisherRecord":"post-118333","pageTitle":"Gil Huybrecht — Freelance designer & art director","pageCheckedAt":"2026-10-20T05:54:32.868906+00:00","pageAvailability":"HTTP200; same-domain original website","retrievedAt":"2026-10-20T05:54:32.868906+00:00"},{"id":"21st--designali-in--git-hub-calendar","name":"GitHub calendar","collection":"21st-community","creator":"Ali Imam","category":"Dashboards & data","why":"Original dashboards & data reference from Ali Imam.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@designali-in/components/git-hub-calendar","codeUrl":"https://21st.dev/@designali-in/components/git-hub-calendar","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community data-visualization catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_2rO0IUQINTfBex4xN8Ghho5dpr4/git-hub-calendar/default/preview.1786565212964.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"designali-in","sourceCategory":"data-visualization","creatorPublicationUrl":"https://21st.dev/@designali-in/components/git-hub-calendar","preview":"media/references/21st--designali-in--git-hub-calendar.png","previewWidth":960,"previewHeight":708,"previewSha256":"20f82d185b2dfc239bad3b3b54b63db276bcc6c3fcb62a6909b1000b13664135","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@designali-in/components/git-hub-calendar"},{"id":"21st--kedhareswer--contribution-skyline","name":"GitHub Contribution Graph 3D Heatmap","collection":"21st-community","creator":"Kedhareswer Naidu","category":"Dashboards & data","why":"Original dashboards & data reference from Kedhareswer Naidu.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@kedhareswer/components/contribution-skyline","codeUrl":"https://21st.dev/@kedhareswer/components/contribution-skyline","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community dashboard catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_30fkm37UoBFJx1GiK2Q4Sy8lSrO/contribution-skyline/default/preview.1790788688758.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"kedhareswer","sourceCategory":"dashboard","creatorPublicationUrl":"https://21st.dev/@kedhareswer/components/contribution-skyline","preview":"media/references/21st--kedhareswer--contribution-skyline.jpg","previewWidth":960,"previewHeight":672,"previewSha256":"9a4454c354945e36a0ce5b0a8a1bdd6b07cf0753ec57b39f31fc813983eb323e","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@kedhareswer/components/contribution-skyline"},{"id":"aceternity--github-globe","name":"GitHub Globe","collection":"aceternity","creator":"Aceternity UI · Manu Arora","category":"Cards & layouts","why":"Original cards & layouts reference from Aceternity UI · Manu Arora.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://ui.aceternity.com/components/github-globe","codeUrl":"https://ui.aceternity.com/components/github-globe","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Reddit library leads → original Aceternity component catalog","added":"2026-10-20","previewSource":"https://assets.aceternity.com/github-globe.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:51:40.290057+00:00","preview":"media/references/aceternity--github-globe.webp","previewWidth":2048,"previewHeight":1440,"previewSha256":"9804912cb9e7ad60bdc465decf942410addcc91eea542bd54bd55b6c7ce9a522","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:51:40.290057+00:00"},{"id":"aceternity--glare-card","name":"Glare Card","collection":"aceternity","creator":"Aceternity UI · Manu Arora","category":"Cards & layouts","why":"Original cards & layouts reference from Aceternity UI · Manu Arora.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://ui.aceternity.com/components/glare-card","codeUrl":"https://ui.aceternity.com/components/glare-card","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Reddit library leads → original Aceternity component catalog","added":"2026-10-20","previewSource":"https://assets.aceternity.com/glare-card.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:51:40.290057+00:00","preview":"media/references/aceternity--glare-card.webp","previewWidth":2048,"previewHeight":1440,"previewSha256":"2ff0b8c41f944550b4c287af881538cff174768a5ac0e53811f6a23916c7b8ab","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:51:40.290057+00:00"},{"id":"21st--meerbahadin10--glass-fold","name":"Glass Fold","collection":"21st-community","creator":"Meer bahadin","category":"Cards & layouts","why":"Original cards & layouts reference from Meer bahadin.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@meerbahadin10/components/glass-fold","codeUrl":"https://21st.dev/@meerbahadin10/components/glass-fold","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Featured by publisher; creator preview indexed; not runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community featured catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/meerbahadin10/glass-fold/default/preview.1791809519614-fdd5fcdc-01e5-4ed2-b66a-94f6a79c21f1.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"meerbahadin10","sourceCategory":"featured","creatorPublicationUrl":"https://21st.dev/@meerbahadin10/components/glass-fold","preview":"media/references/21st--meerbahadin10--glass-fold.png","previewWidth":960,"previewHeight":720,"previewSha256":"7f9dac13e474d63eca8826d5f80f02abe2d5baab7586b4b19a5c714c25c14421","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@meerbahadin10/components/glass-fold"},{"id":"21st--kedhareswer--glass-folder-cards","name":"Glassmorphism Folder Cards","collection":"21st-community","creator":"Kedhareswer Naidu","category":"Cards & layouts","why":"Original cards & layouts reference from Kedhareswer Naidu.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@kedhareswer/components/glass-folder-cards","codeUrl":"https://21st.dev/@kedhareswer/components/glass-folder-cards","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community card catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_30fkm37UoBFJx1GiK2Q4Sy8lSrO/glass-folder-cards/default/preview.1791804149484.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"kedhareswer","sourceCategory":"card","creatorPublicationUrl":"https://21st.dev/@kedhareswer/components/glass-folder-cards","preview":"media/references/21st--kedhareswer--glass-folder-cards.jpg","previewWidth":960,"previewHeight":574,"previewSha256":"063dfa67eb9f48b91378fc4979eb87f6b3e3ee8ac525a257b94f2540ca5710e1","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@kedhareswer/components/glass-folder-cards"},{"id":"codrops--glitchify-image-v4","name":"Glitchify Image v4","collection":"codrops-creative","creator":"Luis Riancho","creatorUrl":"https://tympanus.net/codrops/hub/author/luis_riancho","category":"Creative controls & effects","styleTags":["canvas","glitch","tool"],"why":"RGB-split glitched image beside a dark parameter panel of sliders and toggles; shows effect controls laid out clearly.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://codepen.io/luis-lessrain/full/ogNKBmx","codeUrl":"https://codepen.io/luis-lessrain/full/ogNKBmx","repository":"","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/09/Screenshot-2025-09-07-at-07.11.33-768x577.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Apr 7, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:54:42.821988+00:00","preview":"media/references/codrops--glitchify-image-v4.png","previewWidth":768,"previewHeight":577,"previewSha256":"ee3049fd4ca9d8287099101800812ae788126c14a7d6285a6a4ce51e71dc8e6e","previewAnimated":false},{"id":"cult-ui--globe","name":"Globe","collection":"cult-ui","creator":"Cult UI · nolly studio","category":"Cards & layouts","why":"Original cards & layouts reference from Cult UI · nolly studio.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://www.cult-ui.com/docs/components/globe","codeUrl":"https://github.com/nolly-studio/cult-ui/blob/7f031dc812f7bda10213bab62752dd6d080297ff/apps/www/registry/default/ui/globe.tsx","repository":"https://github.com/nolly-studio/cult-ui","sourceFiles":["sources/cult-ui/code/apps/www/registry/default/ui/globe.tsx","sources/cult-ui/code/apps/www/registry/default/example/globe-demo.tsx","sources/cult-ui/code/apps/www/content/docs/components/globe.mdx"],"commit":"7f031dc812f7bda10213bab62752dd6d080297ff","access":"Source saved","license":"MIT (original LICENSE.md preserved; Copyright 2023 Jordan-Gilliam)","review":"Exact component, demo and documentation matched in creator repository; source byte-verified; not runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Original Cult UI library linked by community research","added":"2026-10-20","previewSource":"https://www.cult-ui.com/_next/image?url=%2Fcult-pro-component-images%2Fglobe-demo-light.png&w=1080&q=75","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","preview":"media/references/cult-ui--globe.png","previewWidth":1080,"previewHeight":675,"previewSha256":"746df51c12a3f3acfc4cd18478a5b865dfbbc2b5e153cf9460af34d1e331f409","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","sourceVerifiedAt":"2026-10-20T05:12:02.450721+00:00","sourceVerificationUrl":"https://www.cult-ui.com/docs/components/globe"},{"id":"21st--youcefbnm--globe","name":"Globe","collection":"21st-community","creator":"YoucefBnm Bnm","category":"Dashboards & data","why":"Original dashboards & data reference from YoucefBnm Bnm.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@youcefbnm/components/globe","codeUrl":"https://21st.dev/@youcefbnm/components/globe","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community data-visualization catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/youcefbnm/globe/default/preview.1789768916098-531bb5dc-9b05-4787-a364-cd72762c610d.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"youcefbnm","sourceCategory":"data-visualization","creatorPublicationUrl":"https://21st.dev/@youcefbnm/components/globe","preview":"media/references/21st--youcefbnm--globe.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"69b272571a7f317e458b8976a1e39f39b9f260277d20d58378295207373d5b62","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@youcefbnm/components/globe"},{"id":"21st--shuding--cobe-globe-cdn","name":"Globe CDN","collection":"21st-community","creator":"shuding","category":"Dashboards & data","why":"Original dashboards & data reference from shuding.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@shuding/components/cobe-globe-cdn","codeUrl":"https://21st.dev/@shuding/components/cobe-globe-cdn","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community data-visualization catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/reapollo/cobe-globe-cdn/default/preview.1774294444412.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"shuding","sourceCategory":"data-visualization","creatorPublicationUrl":"https://21st.dev/@shuding/components/cobe-globe-cdn","preview":"media/references/21st--shuding--cobe-globe-cdn.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"7094956134167d6f866f733d13200eadc8dd8e3baef76f8d625ac7f6ae3d6319","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@shuding/components/cobe-globe-cdn"},{"id":"aceternity--glowing-stars-effect","name":"Glowing Background Stars Card","collection":"aceternity","creator":"Aceternity UI · Manu Arora","category":"Typography & effects","why":"Original typography & effects reference from Aceternity UI · Manu Arora.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://ui.aceternity.com/components/glowing-stars-effect","codeUrl":"https://ui.aceternity.com/components/glowing-stars-effect","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Reddit library leads → original Aceternity component catalog","added":"2026-10-20","previewSource":"https://assets.aceternity.com/cloudinary_bkp/Glowing_Stars_Background_Card_skueec.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:51:40.290057+00:00","preview":"media/references/aceternity--glowing-stars-effect.webp","previewWidth":2048,"previewHeight":1440,"previewSha256":"038fc2de726663ea526c35269709f394da63a7baec0d07a2645b1c1bf2ccf2e1","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:51:40.290057+00:00"},{"id":"aceternity--glowing-effect","name":"Glowing Effect","collection":"aceternity","creator":"Aceternity UI · Manu Arora","category":"Typography & effects","why":"Original typography & effects reference from Aceternity UI · Manu Arora.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://ui.aceternity.com/components/glowing-effect","codeUrl":"https://ui.aceternity.com/components/glowing-effect","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Reddit library leads → original Aceternity component catalog","added":"2026-10-20","previewSource":"https://assets.aceternity.com/glowing-effect.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:51:40.290057+00:00","preview":"media/references/aceternity--glowing-effect.webp","previewWidth":2048,"previewHeight":1440,"previewSha256":"e8848272d3b319d168f6a98ba059b9da7a9db84a416a099ba2540a94dd4da83d","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:51:40.290057+00:00"},{"id":"21st--ibrandify--glowing-pricing-tiers","name":"Glowing Pricing Tiers","collection":"21st-community","creator":"Waqar H. Syed","category":"Cards & layouts","why":"Original cards & layouts reference from Waqar H. Syed.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@ibrandify/components/glowing-pricing-tiers","codeUrl":"https://21st.dev/@ibrandify/components/glowing-pricing-tiers","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Featured by publisher; creator preview indexed; not runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community featured catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/ibrandify/glowing-pricing-tiers/default/preview.1791683719926-192747eb-869b-45e8-ad60-1014c210f23d.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"ibrandify","sourceCategory":"featured","creatorPublicationUrl":"https://21st.dev/@ibrandify/components/glowing-pricing-tiers","preview":"media/references/21st--ibrandify--glowing-pricing-tiers.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"98bbb60ee96157a7676a9cca6fe40c15a4af7cfb54b983c794bb8fdb0943e6f5","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@ibrandify/components/glowing-pricing-tiers"},{"id":"codrops--glowing-text-marquee-animation","name":"Glowing Text Marquee Animation","collection":"codrops-creative","creator":"Kaploom®Creative House","creatorUrl":"https://tympanus.net/codrops/hub/author/ulvis","category":"Typography & effects","styleTags":["clip-path","marquee","svg"],"why":"Huge DARKROOM marquee behind floating orange and violet glossy 3D tiles","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Tutorials/GlowingTextMarqueeAnimation","codeUrl":"https://github.com/ulviskaploom/codrops-darkroom","repository":"https://github.com/ulviskaploom/codrops-darkroom","sourceFiles":[],"commit":"","access":"Creator code page linked · HTTP 200; license/reuse terms not audited","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview selection; creator/demo/source links traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub · October 20 creator-depth review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2024/06/assets-cover.jpg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Jun 26, 2024","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T07:38:51.455636+00:00","preview":"media/references/codrops--glowing-text-marquee-animation.jpg","previewWidth":800,"previewHeight":600,"previewSha256":"baad33626c22c75c9df38af5967ba9b4fed17d00bf0127851b343fd247f7a8ab","previewAnimated":false,"sourcePageCheck":{"status":200,"resolvedUrl":"https://github.com/ulviskaploom/codrops-darkroom","checkedAt":"2026-10-20T07:40:44.339793+00:00"}},{"id":"21st--airbnb-visx--glyphs","name":"Glyphs","collection":"21st-community","creator":"Airbnb","category":"Dashboards & data","why":"Original dashboards & data reference from Airbnb.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@airbnb-visx/components/glyphs","codeUrl":"https://21st.dev/@airbnb-visx/components/glyphs","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community data-visualization catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/larsen66/glyphs/default/preview.1747933350017.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"airbnb-visx","sourceCategory":"data-visualization","creatorPublicationUrl":"https://21st.dev/@airbnb-visx/components/glyphs","preview":"media/references/21st--airbnb-visx--glyphs.png","previewWidth":960,"previewHeight":770,"previewSha256":"9c85e9230a3bd62021287e7ca9d576956c65143885343932a5352c51df9596f3","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@airbnb-visx/components/glyphs"},{"id":"webzibition--goodside","name":"Goodside","collection":"webzibition","creator":"Goodside · original site","creatorAttribution":"Site identity from the publisher listing; individual design author not independently verified","category":"Editorial & typography","why":"Giant black serif 'Goodside' wordmark with colourful brand work peeking from below; confident big-serif top section.","useFor":"Study the original website’s composition and presentation; code availability is unverified.","website":"https://www.goodside.studio/","codeUrl":"","repository":"","sourceFiles":[],"commit":"","access":"Design reference · public source not traced","license":"Website and preview rights belong to their respective owners; no source or reuse license verified","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited; original website returned HTTP200; screenshot may predate the current live design","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"Codrops Webzibition → original website","added":"2026-10-20","preview":"media/references/webzibition--goodside.webp","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/07/Goodside-1200x649.jpg.webp?x67708","previewType":"Codrops publisher screenshot of the linked original website; not a fresh live capture","previewWidth":1200,"previewHeight":649,"previewSha256":"78b4eeaad898e88c03a7c967748fbbb0f2b2e2fc8cf0e3ad78867d6f9808cbd2","previewAnimated":false,"publisherIndex":"https://tympanus.net/codrops/webzibition/","publisherRecord":"post-117930","pageTitle":"Goodside → An independent brand design studio","pageCheckedAt":"2026-10-20T05:54:32.868906+00:00","pageAvailability":"HTTP200; same-domain original website","retrievedAt":"2026-10-20T05:54:32.868906+00:00"},{"id":"aceternity--gooey-input","name":"Gooey Input","collection":"aceternity","creator":"Aceternity UI · Manu Arora","category":"Cards & layouts","why":"Original cards & layouts reference from Aceternity UI · Manu Arora.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://ui.aceternity.com/components/gooey-input","codeUrl":"https://ui.aceternity.com/components/gooey-input","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Reddit library leads → original Aceternity component catalog","added":"2026-10-20","previewSource":"https://assets.aceternity.com/components/gooey-input.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","preview":"media/references/aceternity--gooey-input.webp","previewWidth":970,"previewHeight":730,"previewSha256":"cc4c3056c736a4ea85a17489f548c5db289ca998fcda2b2a86d9467a25951c8c","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"codrops-original--gooeytexthovereffect","name":"Gooey Text Hover Effect","category":"Typography & effects","why":"Four stacked heavy grotesque names on grey; the third line is melted into blobby black metaball shapes between two crisp lines, so the gooey hover treatment is exactly visible.","favorite":false,"collection":"codrops-creative","creator":"Codrops","creatorUrl":"https://github.com/codrops","website":"https://tympanus.net/Development/GooeyTextHover/","repository":"https://github.com/codrops/GooeyTextHoverEffect","commit":"6db15b76e7425c2bca6f746da367bd927641fa48","codeUrl":"https://github.com/codrops/GooeyTextHoverEffect/tree/6db15b76e7425c2bca6f746da367bd927641fa48/src","sourceFiles":[],"platform":"Web","access":"Original public source linked and pinned · MIT; not a complete archived component package","license":"MIT · original notice bytes preserved; image/font/dependency terms remain separate","review":"Sonnet 5.5 Medium full-image visual review plus researcher source/provenance checks; not runtime, motion or accessibility tested","useFor":"Study the exact original image and linked creator source. Respect its source, asset and access terms.","selectionType":"Individually visually reviewed original reference","discovered":"Original GitHub creator repository discovery · spatial-operational review","added":"2026-10-20","preview":"media/references/codrops-original--gooeytexthovereffect.jpg","previewSha256":"ba98f0d9a59960eefff155c8b30d00242c400ea24e9d466a10487e455362c75f","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2020/04/GooeyMenu_featured-1.jpg","previewAnimated":false,"previewType":"Exact original creator-published static feature image","sourceResolution":"references/spatial-operational-source-resolution.json","sourcePinNote":"Current pinned original source, not a claim of exact screenshot-build revision.","additionalOriginalImages":[],"previewWidth":800,"previewHeight":600},{"id":"aceternity--google-gemini-effect","name":"Google Gemini Effect","collection":"aceternity","creator":"Aceternity UI · Manu Arora","category":"Cards & layouts","why":"Original cards & layouts reference from Aceternity UI · Manu Arora.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://ui.aceternity.com/components/google-gemini-effect","codeUrl":"https://ui.aceternity.com/components/google-gemini-effect","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Reddit library leads → original Aceternity component catalog","added":"2026-10-20","previewSource":"https://assets.aceternity.com/cloudinary_bkp/google-gemini.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","preview":"media/references/aceternity--google-gemini-effect.webp","previewWidth":2048,"previewHeight":1440,"previewSha256":"44ee80c7213c7f5eb7a1bde17389fa1b15ae27d28a224c6739fb55c64dab261c","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"21st--meghtrix--gradient-blur-bg","name":"Gradient Blur Bg","collection":"21st-community","creator":"meghtrix","category":"Cards & layouts","why":"Original cards & layouts reference from meghtrix.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@meghtrix/components/gradient-blur-bg/gird-blur-top-left","codeUrl":"https://21st.dev/@meghtrix/components/gradient-blur-bg/gird-blur-top-left","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community grid catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/larsen66/gradient-blur-bg/gird-blur-top-left/preview.1757785100413.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"meghtrix","sourceCategory":"grid","creatorPublicationUrl":"https://21st.dev/@meghtrix/components/gradient-blur-bg/gird-blur-top-left","preview":"media/references/21st--meghtrix--gradient-blur-bg.png","previewWidth":649,"previewHeight":875,"previewSha256":"8701ee03bf5f95df450bbd91c2fdb7025c2079e6124d7937f61e03f705d5e6c8","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@meghtrix/components/gradient-blur-bg"},{"id":"21st--ruixen.ui--gradient-chat-input","name":"Gradient Chat Input","collection":"21st-community","creator":"Ruixen","category":"Conversation craft","why":"Original conversation craft reference from Ruixen.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@ruixen.ui/components/gradient-chat-input","codeUrl":"https://21st.dev/@ruixen.ui/components/gradient-chat-input","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community input catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/ruixen.ui/gradient-chat-input/default/preview.1782977566123.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"ruixen.ui","sourceCategory":"input","creatorPublicationUrl":"https://21st.dev/@ruixen.ui/components/gradient-chat-input","preview":"media/references/21st--ruixen.ui--gradient-chat-input.png","previewWidth":960,"previewHeight":568,"previewSha256":"c06bad1ac83b2a717c5a586719c13477f5baba64688eeedda9eca3a10d0d7abb","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@ruixen.ui/components/gradient-chat-input"},{"id":"21st--arihantcodes_1f7b8c4d--gradient-tiers","name":"Gradient Tiers","collection":"21st-community","creator":"Arihant jain","category":"Cards & layouts","why":"Original cards & layouts reference from Arihant jain.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@arihantcodes_1f7b8c4d/components/gradient-tiers","codeUrl":"https://21st.dev/@arihantcodes_1f7b8c4d/components/gradient-tiers","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community card catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/arihantcodes_1f7b8c4d/gradient-tiers/default/preview.1790057185226-c03e1035-ed5c-451a-bdd4-ace2365cf553.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"arihantcodes_1f7b8c4d","sourceCategory":"card","creatorPublicationUrl":"https://21st.dev/@arihantcodes_1f7b8c4d/components/gradient-tiers","preview":"media/references/21st--arihantcodes_1f7b8c4d--gradient-tiers.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"5a7ee82f176e4346ca89074d9adc16b2c5e3c04fa2b6f6374767c6b2d804039c","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@arihantcodes_1f7b8c4d/components/gradient-tiers"},{"id":"codrops--gravity-based-mouse-trail-with-gsap","name":"Gravity-Based Mouse Trail with GSAP","collection":"codrops-creative","creator":"Made With Gsap","creatorUrl":"https://tympanus.net/codrops/hub/author/michaelgarcia","category":"Creative controls & effects","styleTags":["gsap","motion trail","physics"],"why":"Original creative controls & effects reference published in the Codrops Creative Hub; inspect the image and original demo for its visual approach.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://madewithgsap.com/codrops","codeUrl":"","repository":"","sourceFiles":[],"commit":"","access":"Demo reference · no public code linked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Contact-sheet preview reviewed with Sonnet 5.5 Medium; original publisher links traced; not runtime-tested","selectionType":"Preview-reviewed design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/05/madewithgsap_cover-768x576.webp","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"May 20, 2026","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:23:38.056369+00:00","preview":"media/references/codrops--gravity-based-mouse-trail-with-gsap.webp","previewWidth":768,"previewHeight":576,"previewSha256":"e4f2a2985a2de489f2f3bf547e849bb8ea8e96184734e4a87830d848e00008be","previewAnimated":false},{"id":"aceternity--grid-and-dot-backgrounds","name":"Grid and Dot Backgrounds","collection":"aceternity","creator":"Aceternity UI · Manu Arora","category":"Typography & effects","why":"Original typography & effects reference from Aceternity UI · Manu Arora.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://ui.aceternity.com/components/grid-and-dot-backgrounds","codeUrl":"https://ui.aceternity.com/components/grid-and-dot-backgrounds","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Reddit library leads → original Aceternity component catalog","added":"2026-10-20","previewSource":"https://assets.aceternity.com/cloudinary_bkp/GridBackground_fbsnkq.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:55:11.791497+00:00","preview":"media/references/aceternity--grid-and-dot-backgrounds.webp","previewWidth":2048,"previewHeight":1440,"previewSha256":"5fcb0a3adf40c345637190c40c8e27b6bd28bea9fc4e30582d1ecbd5aebfff19","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:55:11.791497+00:00"},{"id":"21st--meghtrix--grid-background","name":"Grid Background","collection":"21st-community","creator":"meghtrix","category":"Cards & layouts","why":"Original cards & layouts reference from meghtrix.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@meghtrix/components/grid-background/diagonal-grid-green","codeUrl":"https://21st.dev/@meghtrix/components/grid-background/diagonal-grid-green","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community grid catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/larsen66/grid-background/diagonal-grid-green/preview.1758011498573.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"meghtrix","sourceCategory":"grid","creatorPublicationUrl":"https://21st.dev/@meghtrix/components/grid-background/diagonal-grid-green","preview":"media/references/21st--meghtrix--grid-background.png","previewWidth":960,"previewHeight":687,"previewSha256":"2ea8a5d53653f40f0b107658ba183dbd37f525b75728178c795a9f4c60a72485","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@meghtrix/components/grid-background"},{"id":"21st--efferd--grid-feature-cards","name":"Grid Feature Cards","collection":"21st-community","creator":"Efferd","category":"Cards & layouts","why":"Original cards & layouts reference from Efferd.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@efferd/components/grid-feature-cards","codeUrl":"https://21st.dev/@efferd/components/grid-feature-cards","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Featured by publisher; creator preview indexed; not runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community featured catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_2tWTE0rCrloVAVylFPYfp10xU92/grid-feature-cards/default/preview.1789739376715.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"efferd","sourceCategory":"featured","creatorPublicationUrl":"https://21st.dev/@efferd/components/grid-feature-cards","preview":"media/references/21st--efferd--grid-feature-cards.png","previewWidth":960,"previewHeight":640,"previewSha256":"aaa95b7b6912446ea47cbb1ba9b66cdce85325429df180a0af5164edc45e22f0","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@efferd/components/grid-feature-cards"},{"id":"codrops--grid-item-reveal-animation-on-hover","name":"Grid Item Reveal Animation on Hover","collection":"codrops-creative","creator":"Manoela Ilic","creatorUrl":"https://tympanus.net/codrops/hub/author/crnacura","category":"Galleries & transitions","styleTags":["grid","GSAP","hover"],"why":"Overlapping sculpted-form images with large 'Metamorph' label","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Development/HoverGrid/","codeUrl":"https://github.com/codrops/HoverGrid/","repository":"https://github.com/codrops/HoverGrid/","sourceFiles":[],"commit":"","access":"Creator code page linked · HTTP 200; license/reuse terms not audited","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview selection; creator/demo/source links traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub · October 20 creator-depth review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2024/03/hovergrid_feat-1.jpg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Mar 13, 2024","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T07:38:51.455636+00:00","preview":"media/references/codrops--grid-item-reveal-animation-on-hover.jpg","previewWidth":800,"previewHeight":600,"previewSha256":"6d7b27f40f9d0bb4778343fe205b78095b1a6de02b1bbcba18333e7c0c5bbc17","previewAnimated":false,"sourcePageCheck":{"status":200,"resolvedUrl":"https://github.com/codrops/HoverGrid/","checkedAt":"2026-10-20T07:40:36.391793+00:00"}},{"id":"codrops-original--gridlayoutmotion","name":"Grid Layout Motion","category":"Galleries & transitions","why":"Scattered grid of duotone and black-and-white photos with hatched offset frames, rotated condensed MEMO/CATCH/HARD labels and boxed tags, plus an open detail card with photo and serif quote over a pink-blue gradient; strong editorial collage composition.","favorite":false,"collection":"codrops-creative","creator":"Codrops","creatorUrl":"https://github.com/codrops","website":"https://tympanus.net/Development/GridLayoutMotion/","repository":"https://github.com/codrops/GridLayoutMotion","commit":"9e517426df9ce045c91851df8b3ae3cb0ca396ec","codeUrl":"https://github.com/codrops/GridLayoutMotion/tree/9e517426df9ce045c91851df8b3ae3cb0ca396ec","sourceFiles":[],"platform":"Web","access":"Original public source linked and pinned · Custom Codrops terms: integration permitted; redistribution/resale as-is restricted; third-party terms apply; not a complete archived component package","license":"Custom Codrops terms: integration permitted; redistribution/resale as-is restricted; third-party terms apply · original notice bytes preserved; image/font/dependency terms remain separate","review":"Sonnet 5.5 Medium full-image visual review plus researcher source/provenance checks; not runtime, motion or accessibility tested","useFor":"Study the exact original image and linked creator source. Respect its source, asset and access terms.","selectionType":"Individually visually reviewed original reference","discovered":"Original GitHub creator repository discovery · spatial-operational review","added":"2026-10-20","preview":"media/references/codrops-original--gridlayoutmotion.jpg","previewSha256":"9c44289da29bf6a0aab88a549b1e48aba0eb139fd05b416535c2846fbc6598a4","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2018/05/GridLayoutMotion_featured.jpg","previewAnimated":false,"previewType":"Exact original creator-published static feature image","sourceResolution":"references/spatial-operational-source-resolution.json","sourcePinNote":"Current pinned original source, not a claim of exact screenshot-build revision.","additionalOriginalImages":[],"previewWidth":800,"previewHeight":600},{"id":"codrops--grid-layout-transitions-with-gsap-flip","name":"Grid Layout Transitions with GSAP Flip","collection":"codrops-creative","creator":"Iqbal Muthahhary","creatorUrl":"https://tympanus.net/codrops/hub/author/iqbalmuthahhary","category":"Galleries & transitions","styleTags":["grid","gsap"],"why":"Original galleries & transitions reference published in the Codrops Creative Hub; inspect the image and original demo for its visual approach.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Tutorials/GridLayoutTransitions/","codeUrl":"https://github.com/Ibaliqbal/grid-layout-transition","repository":"https://github.com/Ibaliqbal/grid-layout-transition","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Contact-sheet preview reviewed with Sonnet 5.5 Medium; original publisher links traced; not runtime-tested","selectionType":"Preview-reviewed design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/01/GridLayoutTransition1-768x576.webp","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Jan 20, 2026","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:23:38.056369+00:00","preview":"media/references/codrops--grid-layout-transitions-with-gsap-flip.webp","previewWidth":768,"previewHeight":576,"previewSha256":"d020cfd2b55773064a7fd51817bc0fceddf12bfa0d415e3b1b71c2ad6c378d67","previewAnimated":false},{"id":"motion-original--gridlayoutscrollablecontent","name":"Grid Layout with Scrollable Content View","category":"Cards & layouts","why":"A lavender-to-peach gradient field of tilted photo tiles with vertical magenta titles. A white article panel overlaps it, with a bold violet geometric-sans headline across a tall image and a two-column body below. Layered depth and a hot-pink and violet palette give it a distinct look.","favorite":false,"collection":"codrops-creative","creator":"Codrops","creatorUrl":"https://github.com/codrops/GridLayoutScrollableContent","website":"https://github.com/codrops/GridLayoutScrollableContent/blob/a953a79b07b6a54ba7902d36611a0069051f7ba6/README.md","repository":"https://github.com/codrops/GridLayoutScrollableContent","commit":"a953a79b07b6a54ba7902d36611a0069051f7ba6","codeUrl":"https://github.com/codrops/GridLayoutScrollableContent/blob/a953a79b07b6a54ba7902d36611a0069051f7ba6/index.html","sourceFiles":[],"platform":"Web","access":"Public original code link · custom reuse restrictions; not MIT and not mirrored as a reusable component package","license":"CUSTOM RESTRICTED Codrops terms: integration/build-upon permitted, no as-is sale/redistribution/republication or pluginized resale; original README notice preserved. Separate libraries/images/fonts must be licensed independently.","review":"Sonnet 5.5 Medium full-image visual review and researcher source/notice/provenance checks; no runtime, motion, accessibility or full dependency-license audit","useFor":"Study exact original creator images and primary source links under stated access/license terms.","selectionType":"Individually visually reviewed original reference","discovered":"Original creator repositories, published documentation and credited creative projects · spatial-orchestration review","added":"2026-10-20","preview":"media/references/motion-original--gridlayoutscrollablecontent.jpg","previewSha256":"7109b6f8b19699fc77addc535bcd10b0c491e16b2ed30b53558ad5d699bed9db","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2018/09/GridLayout_featured.jpg","previewAnimated":false,"previewType":"Exact unmodified original creator/publisher static image","sourceResolution":"references/spatial-orchestration-source-evidence.json","sourcePinNote":"Pinned source provides provenance, not an exact screenshot-build claim. Selected notices/docs/renderers are evidence, not complete component archives; no creator code executed.","originalDemoUrl":"http://tympanus.net/Development/GridLayoutScrollableContent/","demoAvailability":"Legacy HTTP link preserved exactly from original README; live demo not verified. Main link is the pinned original README.","assetCredits":"- [Masonry](http://masonry.desandro.com/) by David DeSandro.\n- [imagesLoaded](https://imagesloaded.desandro.com/) by Dave DeSandro\n- [Charming](https://github.com/yuanqing/charming) by Yuan Qing\n- [TweenMax](https://greensock.com/tweenmax) by Greensock\n- Images from [Unsplash.com](https://unsplash.com/)","previewWidth":800,"previewHeight":600},{"id":"21st--dillionverma--grid-pattern","name":"Grid Pattern","collection":"21st-community","creator":"Dillion Verma","category":"Cards & layouts","why":"Original cards & layouts reference from Dillion Verma.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@dillionverma/components/grid-pattern","codeUrl":"https://21st.dev/@dillionverma/components/grid-pattern","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community grid catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_magicui/grid-pattern/default/preview.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"dillionverma","sourceCategory":"grid","creatorPublicationUrl":"https://21st.dev/@dillionverma/components/grid-pattern","preview":"media/references/21st--dillionverma--grid-pattern.png","previewWidth":960,"previewHeight":748,"previewSha256":"90d57fbc21186b8087eed5dcd5b20e14c73c455b52b94e920a04f618dd38b9d5","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@dillionverma/components/grid-pattern"},{"id":"21st--designali-in--grid-pattern","name":"Grid Pattern","collection":"21st-community","creator":"Ali Imam","category":"Cards & layouts","why":"Original cards & layouts reference from Ali Imam.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@designali-in/components/grid-pattern","codeUrl":"https://21st.dev/@designali-in/components/grid-pattern","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community grid catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_2rO0IUQINTfBex4xN8Ghho5dpr4/grid-pattern/default/preview.1786649403818.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"designali-in","sourceCategory":"grid","creatorPublicationUrl":"https://21st.dev/@designali-in/components/grid-pattern","preview":"media/references/21st--designali-in--grid-pattern.png","previewWidth":960,"previewHeight":613,"previewSha256":"839f59de9df1a327a9880e5800071dfca21858a1ec8d5f41ef5fb533056217b9","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@designali-in/components/grid-pattern"},{"id":"codrops--grid-to-full-preview","name":"Grid To Full Preview","collection":"codrops-creative","creator":"Gwen Bogaert","creatorUrl":"https://tympanus.net/codrops/hub/author/gwenbogaert","category":"Galleries & transitions","styleTags":["clip-path","ecommerce","grid","gsap"],"why":"Cream product grid of furniture and a cow image in a framed card with small nav; warm, airy layout.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Tutorials/GridToFullPreview","codeUrl":"https://github.com/gwen-bo/codrops-grid-to-preview","repository":"https://github.com/gwen-bo/codrops-grid-to-preview","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/05/ecommerce-product-grid-cover-768x576.jpg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"May 27, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:54:42.821988+00:00","preview":"media/references/codrops--grid-to-full-preview.jpg","previewWidth":768,"previewHeight":576,"previewSha256":"8eebbcf6d0d68415df1d6628653efb382f37fdec13004e77d1c1adc2ca58c661","previewAnimated":false},{"id":"codrops--grid-view-switch-animation","name":"Grid View Switch Animation","collection":"codrops-creative","creator":"Manoela Ilic","creatorUrl":"https://tympanus.net/codrops/hub/author/crnacura","category":"Creative controls & effects","styleTags":["grid","GSAP"],"why":"A yellow pill (\"Choose your view\" with grid and single icons) floats over a photo portfolio, a compact on-canvas toggle between gallery and focused layouts.","useFor":"Study the original image and linked creator source; respect its license and access terms.","website":"https://tympanus.net/Development/GridViewSwitch/","codeUrl":"https://github.com/codrops/GridViewSwitch/tree/530cc792a07daec6ce84c7988c02ee5a12aa9ebd","repository":"https://github.com/codrops/GridViewSwitch","sourceFiles":[],"commit":"530cc792a07daec6ce84c7988c02ee5a12aa9ebd","access":"Original code linked and revision pinned · not archived; root MIT","license":"Original repository MIT; root license checked where present. Assets and dependency terms not fully audited.","review":"Sonnet 5.5 Medium static visual review and researcher source/provenance checks; not runtime, accessibility or full dependency-license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"Original input and spatial creator trails · input-spatial review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2023/04/viewswitch_feat.jpg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Apr 12, 2023","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T08:26:33.379151+00:00","preview":"media/references/codrops--grid-view-switch-animation.jpg","previewWidth":800,"previewHeight":600,"previewSha256":"61aee3878d6279566070e77bdaf81f699ab81519bd41a2c3f7e4c996e9aebe3c","previewAnimated":false,"observedOriginalDemoUrl":"http://tympanus.net/Development/GridViewSwitch/","redirectVerification":"Normal Chrome navigation followed the observed original link to HTTPS.","sourcePageCheck":{"status":200,"resolvedUrl":"https://github.com/codrops/GridViewSwitch/","checkedAt":"2026-10-20T08:29:18.658206+00:00"},"observedOriginalCodeUrl":"https://github.com/codrops/GridViewSwitch/","sourcePinNote":"Current public original source pinned; screenshot build revision is not claimed.","sourceLicenseEvidence":"references/source-license-evidence/codrops--GridViewSwitch/LICENSE"},{"id":"webzibition--griflan-labs","name":"Griflan Labs","collection":"webzibition","creator":"Griflan Labs · original site","creatorAttribution":"Site identity from the publisher listing; individual design author not independently verified","category":"Full websites & portfolios","why":"Dark page of tilted project tiles in perspective with a small top nav; project index as a 3D wall.","useFor":"Study the original website’s composition and presentation; code availability is unverified.","website":"https://labs.griflan.com/","codeUrl":"","repository":"","sourceFiles":[],"commit":"","access":"Design reference · public source not traced","license":"Website and preview rights belong to their respective owners; no source or reuse license verified","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited; original website returned HTTP200; screenshot may predate the current live design","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"Codrops Webzibition → original website","added":"2026-10-20","preview":"media/references/webzibition--griflan-labs.png","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/10/labs.griflan.com_-1200x649.png?x67708","previewType":"Codrops publisher screenshot of the linked original website; not a fresh live capture","previewWidth":1200,"previewHeight":649,"previewSha256":"e97e7c7af277fcb8cba6bf9fd5cc42f8025ad3be4c5c5be274c6dc3cac72e4f8","previewAnimated":false,"publisherIndex":"https://tympanus.net/codrops/webzibition/","publisherRecord":"post-123359","pageTitle":"Griflan Labs","pageCheckedAt":"2026-10-20T05:54:32.868906+00:00","pageAvailability":"HTTP200; same-domain original website","retrievedAt":"2026-10-20T05:54:32.868906+00:00"},{"id":"21st--shadcnspace--timeline-01","name":"Growth Story Timeline","collection":"21st-community","creator":"ShadcnSpace","category":"Thinking & progress","why":"Original thinking & progress reference from ShadcnSpace.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@shadcnspace/components/timeline-01","codeUrl":"https://21st.dev/@shadcnspace/components/timeline-01","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community timeline catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/shadcnspace/timeline-01/default/preview.1789958131824-4a153365-d6e6-490b-8f95-e35801d3e73a.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"shadcnspace","sourceCategory":"timeline","creatorPublicationUrl":"https://21st.dev/@shadcnspace/components/timeline-01","preview":"media/references/21st--shadcnspace--timeline-01.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"8646ef82513dbb1922c41802d5063808d296db7303751fceb15ba269ce5708a8","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@shadcnspace/components/timeline-01"},{"id":"codrops--gsap-infinite-parallax-carousel","name":"GSAP Infinite Parallax Carousel","collection":"codrops-creative","creator":"Nemanja Kočović","creatorUrl":"https://tympanus.net/codrops/hub/author/nemanja_kocovic","category":"Galleries & transitions","styleTags":["carousel","draggable","gsap","infinite","parallax"],"why":"Original galleries & transitions reference published in the Codrops Creative Hub; inspect the image and original demo for its visual approach.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://codepen.io/thingbynemanja/full/qEbxvmz","codeUrl":"https://codepen.io/thingbynemanja/full/qEbxvmz","repository":"","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Contact-sheet preview reviewed with Sonnet 5.5 Medium; original publisher links traced; not runtime-tested","selectionType":"Preview-reviewed design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/10/Screenshot-2025-10-22-at-07.40.20-768x577.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Oct 22, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:23:38.056369+00:00","preview":"media/references/codrops--gsap-infinite-parallax-carousel.png","previewWidth":768,"previewHeight":577,"previewSha256":"10d2d3b45c48f7ef7bcbc0781c7e3c211a7b3bed91f5c4312ad1336a96bd4032","previewAnimated":false},{"id":"codrops--gsap-morphsvg-curve-manipulation","name":"GSAP morphSVG curve manipulation","collection":"codrops-creative","creator":"GSAP","creatorUrl":"https://tympanus.net/codrops/hub/author/gsap","category":"Creative controls & effects","styleTags":["gsap","morphing","svg"],"why":"Original creative controls & effects reference published in the Codrops Creative Hub; inspect the image and original demo for its visual approach.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://codepen.io/GreenSock/full/EaKpEpJ","codeUrl":"https://codepen.io/GreenSock/full/EaKpEpJ","repository":"","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Contact-sheet preview reviewed with Sonnet 5.5 Medium; original publisher links traced; not runtime-tested","selectionType":"Preview-reviewed design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/12/Screenshot-2025-12-09-at-12.50.53-768x577.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Dec 1, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:23:38.056369+00:00","preview":"media/references/codrops--gsap-morphsvg-curve-manipulation.png","previewWidth":768,"previewHeight":577,"previewSha256":"fe0e9e43c6b20074bc5c21c49a6331ec81a56261761aed274d8340dc79802475","previewAnimated":false},{"id":"webzibition--guillaume-colombel","name":"Guillaume Colombel","collection":"webzibition","creator":"Guillaume Colombel · original site","creatorAttribution":"Site identity from the publisher listing; individual design author not independently verified","category":"Full websites & portfolios","why":"Warm sunset-toned sculpture photo with chunky white 'CLARTÉ WORLD' text; strong colour mood.","useFor":"Study the original website’s composition and presentation; code availability is unverified.","website":"https://guillaumecolombel.fr/","codeUrl":"","repository":"","sourceFiles":[],"commit":"","access":"Design reference · public source not traced","license":"Website and preview rights belong to their respective owners; no source or reuse license verified","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited; original website returned HTTP200; screenshot may predate the current live design","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"Codrops Webzibition → original website","added":"2026-10-20","preview":"media/references/webzibition--guillaume-colombel.webp","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/09/colombel-1200x649.png.webp?x67708","previewType":"Codrops publisher screenshot of the linked original website; not a fresh live capture","previewWidth":1200,"previewHeight":649,"previewSha256":"472e28179f4cea40eeb170efcc9a751ea4c37eaa7a0034fab7775b30fa8d42a8","previewAnimated":false,"publisherIndex":"https://tympanus.net/codrops/webzibition/","publisherRecord":"post-122330","pageTitle":"Guillaume Colombel — Freelance Interactive Developer","pageCheckedAt":"2026-10-20T05:54:32.868906+00:00","pageAvailability":"HTTP200; same-domain original website","retrievedAt":"2026-10-20T05:54:32.868906+00:00"},{"id":"codrops--hand-drawn-papercraft-portfolio","name":"Hand-drawn Papercraft Portfolio","collection":"codrops-creative","creator":"Andrew Woan","creatorUrl":"https://tympanus.net/codrops/hub/author/andrewwoan","category":"Full websites & portfolios","styleTags":["three.js","webgl"],"why":"Original full websites & portfolios reference published in the Codrops Creative Hub; inspect the image and original demo for its visual approach.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://www.mr-pandas-psychologically-safe-portfolio.com/","codeUrl":"https://github.com/andrewwoan/mr-pandas-psychologically-safe-portfolio","repository":"https://github.com/andrewwoan/mr-pandas-psychologically-safe-portfolio","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Contact-sheet preview reviewed with Sonnet 5.5 Medium; original publisher links traced; not runtime-tested","selectionType":"Preview-reviewed design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/12/handpaper-768x576.jpg.webp","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Dec 29, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:23:38.056369+00:00","preview":"media/references/codrops--hand-drawn-papercraft-portfolio.webp","previewWidth":768,"previewHeight":576,"previewSha256":"2b8429d9adb935ef909cd2c0a4a4445ed638e1705630e5559c24fa8b94c27150","previewAnimated":false},{"id":"webzibition--haoqi2026","name":"HAOQI©2026","collection":"webzibition","creator":"HAOQI©2026 · original site","creatorAttribution":"Site identity from the publisher listing; individual design author not independently verified","category":"Full websites & portfolios","why":"Pale blue sky with glossy chrome 3D 'hello' and sticker-like icons beside a short intro; bright, dimensional personal site.","useFor":"Study the original website’s composition and presentation; code availability is unverified.","website":"https://haoqi.design/","codeUrl":"","repository":"","sourceFiles":[],"commit":"","access":"Design reference · public source not traced","license":"Website and preview rights belong to their respective owners; no source or reuse license verified","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited; original website returned HTTP200; screenshot may predate the current live design","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"Codrops Webzibition → original website","added":"2026-10-20","preview":"media/references/webzibition--haoqi2026.webp","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/07/haoqi-1200x649.jpg.webp?x67708","previewType":"Codrops publisher screenshot of the linked original website; not a fresh live capture","previewWidth":1200,"previewHeight":649,"previewSha256":"4a17d7d0e0315426ef42cbd16fde1824ddebb781bfec58eca5a3da6249de90bf","previewAnimated":false,"publisherIndex":"https://tympanus.net/codrops/webzibition/","publisherRecord":"post-117491","pageTitle":"HAOQI©2026","pageCheckedAt":"2026-10-20T05:54:32.868906+00:00","pageAvailability":"HTTP200; same-domain original website","retrievedAt":"2026-10-20T05:54:32.868906+00:00"},{"id":"21st--ruhith369--health-stat-card","name":"Health Stat Card","collection":"21st-community","creator":"ruhith","category":"Cards & layouts","why":"Original cards & layouts reference from ruhith.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@ruhith369/components/health-stat-card","codeUrl":"https://21st.dev/@ruhith369/components/health-stat-card","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community card catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_33LHNNIPQiQVKFS4DOnW7PJZfwP/health-stat-card/default/preview.1787924136256.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"ruhith369","sourceCategory":"card","creatorPublicationUrl":"https://21st.dev/@ruhith369/components/health-stat-card","preview":"media/references/21st--ruhith369--health-stat-card.png","previewWidth":960,"previewHeight":856,"previewSha256":"d87253a04b63b383427b631d995f64db57e109f18010195b70feea22700479bf","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@ruhith369/components/health-stat-card"},{"id":"21st--airbnb-visx--heatmaps","name":"Heatmaps","collection":"21st-community","creator":"Airbnb","category":"Dashboards & data","why":"Original dashboards & data reference from Airbnb.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@airbnb-visx/components/heatmaps","codeUrl":"https://21st.dev/@airbnb-visx/components/heatmaps","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community data-visualization catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/larsen66/heatmaps/default/preview.1747943593409.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"airbnb-visx","sourceCategory":"data-visualization","creatorPublicationUrl":"https://21st.dev/@airbnb-visx/components/heatmaps","preview":"media/references/21st--airbnb-visx--heatmaps.png","previewWidth":960,"previewHeight":516,"previewSha256":"64e95b9c8dd4b22aeaa6c7975d678dab2a1e0e8277470e657d935ad27ce26ac1","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@airbnb-visx/components/heatmaps"},{"id":"21st--daiwiikharihar--helix-chrono-matrix","name":"Helix Chrono Matrix","collection":"21st-community","creator":"Daiwiik Harihar","category":"Dashboards & data","why":"Original dashboards & data reference from Daiwiik Harihar.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@daiwiikharihar/components/helix-chrono-matrix","codeUrl":"https://21st.dev/@daiwiikharihar/components/helix-chrono-matrix","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community data-visualization catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_332oxzW8MyPod4IDIdKq9rbPYuk/helix-chrono-matrix/default/preview.1787908172321.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"daiwiikharihar","sourceCategory":"data-visualization","creatorPublicationUrl":"https://21st.dev/@daiwiikharihar/components/helix-chrono-matrix","preview":"media/references/21st--daiwiikharihar--helix-chrono-matrix.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"eb9ef9b779eb6d1c342edab115442bbbfe34d58757d39429ab2d9bde1653771b","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@daiwiikharihar/components/helix-chrono-matrix"},{"id":"21st--beratberkayg--hero-1","name":"Hero","collection":"21st-community","creator":"Berat Berkay Gökdemir","category":"Cards & layouts","why":"Original cards & layouts reference from Berat Berkay Gökdemir.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@beratberkayg/components/hero-1","codeUrl":"https://21st.dev/@beratberkayg/components/hero-1","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Featured by publisher; creator preview indexed; not runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community featured catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/beratberkayg/hero-1/default/preview.1755803737396.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"beratberkayg","sourceCategory":"featured","creatorPublicationUrl":"https://21st.dev/@beratberkayg/components/hero-1","preview":"media/references/21st--beratberkayg--hero-1.png","previewWidth":960,"previewHeight":639,"previewSha256":"a00c7f22400e87dc7dfa88bca32fd221993dd6e5b0028ec94b0c6ec0a9893b2b","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@beratberkayg/components/hero-1"},{"id":"21st--preetsuthar17--hero-1","name":"Hero 1","collection":"21st-community","creator":"Preet Suthar","category":"Conversation craft","why":"Original conversation craft reference from Preet Suthar.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@preetsuthar17/components/hero-1","codeUrl":"https://21st.dev/@preetsuthar17/components/hero-1","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community ai-chat catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/preetsuthar17/hero-1/default/preview.1788803584188-87a0c75a-4b20-4c32-b813-0a950df17efb.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"preetsuthar17","sourceCategory":"ai-chat","creatorPublicationUrl":"https://21st.dev/@preetsuthar17/components/hero-1","preview":"media/references/21st--preetsuthar17--hero-1.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"6a8adb7f986ab5e09d5dcadc9066b5f6399e7a6368b75ffb59fd13edba55dcd7","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@preetsuthar17/components/hero-1"},{"id":"aceternity--hero-highlight","name":"Hero Highlight","collection":"aceternity","creator":"Aceternity UI · Manu Arora","category":"Cards & layouts","why":"Original cards & layouts reference from Aceternity UI · Manu Arora.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://ui.aceternity.com/components/hero-highlight","codeUrl":"https://ui.aceternity.com/components/hero-highlight","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Reddit library leads → original Aceternity component catalog","added":"2026-10-20","previewSource":"https://assets.aceternity.com/hero-highlight.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:55:11.791497+00:00","preview":"media/references/aceternity--hero-highlight.webp","previewWidth":2048,"previewHeight":1440,"previewSha256":"55b88bf3221d584e3a0527ad89e4f1b9dcb27a9cc219dd5f8d903b5742464590","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:55:11.791497+00:00"},{"id":"aceternity--hero-parallax","name":"Hero Parallax","collection":"aceternity","creator":"Aceternity UI · Manu Arora","category":"Cards & layouts","why":"Original cards & layouts reference from Aceternity UI · Manu Arora.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://ui.aceternity.com/components/hero-parallax","codeUrl":"https://ui.aceternity.com/components/hero-parallax","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Reddit library leads → original Aceternity component catalog","added":"2026-10-20","previewSource":"https://assets.aceternity.com/hero-parallax.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:55:11.791497+00:00","preview":"media/references/aceternity--hero-parallax.webp","previewWidth":2048,"previewHeight":1440,"previewSha256":"97c62955961fd4184dee25a8a99d27a9127810edb12b3ed4dbac568a46dbc499","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:55:11.791497+00:00"},{"id":"21st--socolled--hero-section-with-responsive-navigation","name":"Hero Section with Responsive Navigation","collection":"21st-community","creator":"SO called","category":"Dashboards & data","why":"Original dashboards & data reference from SO called.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@socolled/components/hero-section-with-responsive-navigation","codeUrl":"https://21st.dev/@socolled/components/hero-section-with-responsive-navigation","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community dashboard catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/aghasisahakyan1/hero-section-with-responsive-navigation/default/preview.1751380293328.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"socolled","sourceCategory":"dashboard","creatorPublicationUrl":"https://21st.dev/@socolled/components/hero-section-with-responsive-navigation","preview":"media/references/21st--socolled--hero-section-with-responsive-navigation.png","previewWidth":960,"previewHeight":745,"previewSha256":"b69c5340c87bd91cd6799f6ed35f0b0ad293a603a55812a18a5e7a0856f907cb","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@socolled/components/hero-section-with-responsive-navigation"},{"id":"webzibition--heron-ai","name":"Heron AI","collection":"webzibition","creator":"Heron AI · original site","creatorAttribution":"Site identity from the publisher listing; individual design author not independently verified","category":"Full websites & portfolios","why":"Architectural line drawing on cream with orange labels and heavy black headline; blueprint aesthetic for an AI tool.","useFor":"Study the original website’s composition and presentation; code availability is unverified.","website":"https://heronaiapp.com/","codeUrl":"","repository":"","sourceFiles":[],"commit":"","access":"Design reference · public source not traced","license":"Website and preview rights belong to their respective owners; no source or reuse license verified","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited; original website returned HTTP200; screenshot may predate the current live design","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"Codrops Webzibition → original website","added":"2026-10-20","preview":"media/references/webzibition--heron-ai.webp","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/09/heron-1200x649.png.webp?x67708","previewType":"Codrops publisher screenshot of the linked original website; not a fresh live capture","previewWidth":1200,"previewHeight":649,"previewSha256":"a70239a813db141341a723000d9c2afa1e47386477c76c1af89892547925d9d9","previewAnimated":false,"publisherIndex":"https://tympanus.net/codrops/webzibition/","publisherRecord":"post-120272","pageTitle":"Heron AI | Works inside your design tools","pageCheckedAt":"2026-10-20T05:54:32.868906+00:00","pageAvailability":"HTTP200; same-domain original website","retrievedAt":"2026-10-20T05:54:32.868906+00:00"},{"id":"21st--ruixen.ui--hero-section-with-gradient","name":"HeroSectionWithGradient","collection":"21st-community","creator":"Ruixen","category":"Dashboards & data","why":"Original dashboards & data reference from Ruixen.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@ruixen.ui/components/hero-section-with-gradient","codeUrl":"https://21st.dev/@ruixen.ui/components/hero-section-with-gradient","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community dashboard catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/ruixen.ui/hero-section-with-gradient/default/preview.1788796797255-f02111d2-73ef-4905-882a-2a184ebf63f7.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"ruixen.ui","sourceCategory":"dashboard","creatorPublicationUrl":"https://21st.dev/@ruixen.ui/components/hero-section-with-gradient","preview":"media/references/21st--ruixen.ui--hero-section-with-gradient.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"33eb954cabaaa692290ff7ce4f6146fe7a687ea78393d342be3f6f3d3f6433ee","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@ruixen.ui/components/hero-section-with-gradient"},{"id":"21st--hero_ui--heroui-calendar","name":"HeroUI Calendar","collection":"21st-community","creator":"Hero Ui","category":"Cards & layouts","why":"Original cards & layouts reference from Hero Ui.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@hero_ui/components/heroui-calendar","codeUrl":"https://21st.dev/@hero_ui/components/heroui-calendar","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community grid catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/larsen66/heroui-calendar/default/preview.1783013515225.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"hero_ui","sourceCategory":"grid","creatorPublicationUrl":"https://21st.dev/@hero_ui/components/heroui-calendar","preview":"media/references/21st--hero_ui--heroui-calendar.jpg","previewWidth":960,"previewHeight":750,"previewSha256":"2bee0d18a04c89f2536ca3c444cbda335f0c79769e448b207065b1f0bbbc8361","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@hero_ui/components/heroui-calendar"},{"id":"21st--hero_ui--heroui-drawer","name":"HeroUI Drawer","collection":"21st-community","creator":"Hero Ui","category":"Navigation & search","why":"Original navigation & search reference from Hero Ui.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@hero_ui/components/heroui-drawer/navigation-drawer","codeUrl":"https://21st.dev/@hero_ui/components/heroui-drawer/navigation-drawer","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community sidebar catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/larsen66/heroui-drawer/navigation-drawer/preview.1782324890364.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"hero_ui","sourceCategory":"sidebar","creatorPublicationUrl":"https://21st.dev/@hero_ui/components/heroui-drawer/navigation-drawer","preview":"media/references/21st--hero_ui--heroui-drawer.jpg","previewWidth":854,"previewHeight":640,"previewSha256":"bd2aa86b73219ed210cbb01069ce36eaf8b2f8485b13571b1d73f5df23d6cf94","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@hero_ui/components/heroui-drawer"},{"id":"21st--hero_ui--heroui-search-field","name":"HeroUI Search Field","collection":"21st-community","creator":"Hero Ui","category":"Navigation & search","why":"Original navigation & search reference from Hero Ui.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@hero_ui/components/heroui-search-field/validation","codeUrl":"https://21st.dev/@hero_ui/components/heroui-search-field/validation","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community search catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_hero_ui/heroui-search-field/validation/preview.1787327560099.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"hero_ui","sourceCategory":"search","creatorPublicationUrl":"https://21st.dev/@hero_ui/components/heroui-search-field/validation","preview":"media/references/21st--hero_ui--heroui-search-field.png","previewWidth":844,"previewHeight":718,"previewSha256":"a164f9d58784cdbe583dbe19e3077db5c84828db6763ca21599465c62c39df3d","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@hero_ui/components/heroui-search-field"},{"id":"21st--hero_ui--heroui-separator","name":"HeroUI Separator","collection":"21st-community","creator":"Hero Ui","category":"Human control","why":"Original human control reference from Hero Ui.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@hero_ui/components/heroui-separator/with-content","codeUrl":"https://21st.dev/@hero_ui/components/heroui-separator/with-content","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community onboarding catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_hero_ui/heroui-separator/with-content/preview.1791561537758.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"hero_ui","sourceCategory":"onboarding","creatorPublicationUrl":"https://21st.dev/@hero_ui/components/heroui-separator/with-content","preview":"media/references/21st--hero_ui--heroui-separator.png","previewWidth":960,"previewHeight":788,"previewSha256":"c12c7f0ff43b895e6167e2f7ae889a4cd572a1719f8a1940adaabad6ae55b7a4","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@hero_ui/components/heroui-separator"},{"id":"21st--hero_ui--heroui-table","name":"HeroUI Table","collection":"21st-community","creator":"Hero Ui","category":"Navigation & search","why":"Original navigation & search reference from Hero Ui.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@hero_ui/components/heroui-table/expandable-rows","codeUrl":"https://21st.dev/@hero_ui/components/heroui-table/expandable-rows","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community file-tree catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/larsen66/heroui-table/expandable-rows/preview.1783013197092.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"hero_ui","sourceCategory":"file-tree","creatorPublicationUrl":"https://21st.dev/@hero_ui/components/heroui-table/expandable-rows","preview":"media/references/21st--hero_ui--heroui-table.jpg","previewWidth":960,"previewHeight":750,"previewSha256":"22b7ee0b3c1a69c6e1d6d6427b2031a63a36edff051c5b0723e0f995ddde2b31","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@hero_ui/components/heroui-table"},{"id":"codrops--hexapod-simulator","name":"Hexapod Simulator","collection":"codrops-creative","creator":"Adil","creatorUrl":"https://tympanus.net/codrops/hub/author/adil","category":"Spatial & motion","styleTags":["3D","Three.js","WebGL"],"why":"Simple 3D rig with a floating white panel of vertical roll/pitch/yaw sliders directly over the model.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://hexapod-simulator.onrender.com/","codeUrl":"https://github.com/mut-ex/hexapod-simulator/tree/main","repository":"https://github.com/mut-ex/hexapod-simulator/tree/main","sourceFiles":[],"commit":"","access":"Creator code page linked · HTTP 200; license/reuse terms not audited","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview review; original demo/source attribution traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub · October 20 midday review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/02/Screenshot-2025-02-25-at-09.04.20.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Feb 25, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T06:57:46.927245+00:00","preview":"media/references/codrops--hexapod-simulator.png","previewWidth":1600,"previewHeight":1202,"previewSha256":"ba2d4ece935371a88677ddd271cf097a6a454beef97ae181daa56d57e769da65","previewAnimated":false,"observedPage":6,"sourcePageCheck":{"status":200,"resolvedUrl":"https://github.com/mut-ex/hexapod-simulator/tree/main","checkedAt":"2026-10-20T07:06:20.153514+00:00"}},{"id":"codrops--hover-animations-for-terminal-like-typography","name":"Hover Animations for Terminal-like Typography","collection":"codrops-creative","creator":"Manoela Ilic","creatorUrl":"https://tympanus.net/codrops/hub/author/crnacura","category":"Typography & effects","styleTags":["hover","typography"],"why":"Monospace venue list with character scramble over a helmeted portrait","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Development/LineTextHoverAnimations/","codeUrl":"https://github.com/codrops/LineTextHoverAnimations/","repository":"https://github.com/codrops/LineTextHoverAnimations/","sourceFiles":[],"commit":"","access":"Creator code page linked · HTTP 200; license/reuse terms not audited","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview selection; creator/demo/source links traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub · October 20 creator-depth review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2024/06/terminalhover_feat.jpg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Jun 19, 2024","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T07:38:51.455636+00:00","preview":"media/references/codrops--hover-animations-for-terminal-like-typography.jpg","previewWidth":800,"previewHeight":600,"previewSha256":"52abd819029a421c97486a028f6e9349b6cd4230e2d4883048532c36db110ed7","previewAnimated":false,"observedOriginalDemoUrl":"http://tympanus.net/Development/LineTextHoverAnimations/","redirectVerification":"Observed HTTP demo link followed to HTTPS in normal Chrome navigation.","sourcePageCheck":{"status":200,"resolvedUrl":"https://github.com/codrops/LineTextHoverAnimations/","checkedAt":"2026-10-20T07:40:37.385489+00:00"}},{"id":"codrops--hover-motion-intro-animation","name":"Hover Motion Intro Animation","collection":"codrops-creative","creator":"Manoela Ilic","creatorUrl":"https://tympanus.net/codrops/hub/author/crnacura","category":"Galleries & transitions","styleTags":["filter","grid","GSAP","hover","intro","page transition"],"why":"Skewed wall of fantasy-render tiles with a small explore label","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Development/IntroGridMotionTransition","codeUrl":"https://github.com/codrops/IntroGridMotionTransition","repository":"https://github.com/codrops/IntroGridMotionTransition","sourceFiles":[],"commit":"","access":"Creator code page linked · HTTP 200; license/reuse terms not audited","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview selection; creator/demo/source links traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub · October 20 creator-depth review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2024/05/hovermotion_feat.jpg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"May 29, 2024","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T07:38:51.455636+00:00","preview":"media/references/codrops--hover-motion-intro-animation.jpg","previewWidth":800,"previewHeight":600,"previewSha256":"d69e8ed10bf60520a3f173a62ce5519964a8fcbfbdc9eb3d0f9ff16282e43824","previewAnimated":false,"sourcePageCheck":{"status":200,"resolvedUrl":"https://github.com/codrops/IntroGridMotionTransition","checkedAt":"2026-10-20T07:40:36.453057+00:00"}},{"id":"21st--legionwebdev--hover-trace-bar-chart","name":"Hover Trace Bar Chart","collection":"21st-community","creator":"Legion Dev","category":"Agent orchestration","why":"Original agent orchestration reference from Legion Dev.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@LegionWebDev/components/hover-trace-bar-chart","codeUrl":"https://21st.dev/@LegionWebDev/components/hover-trace-bar-chart","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community data-visualization catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/LegionWebDev/hover-trace-bar-chart/default/preview.1790246240030-b949f23c-36b1-406b-ac09-f6296ec95d2c.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"LegionWebDev","sourceCategory":"data-visualization","creatorPublicationUrl":"https://21st.dev/@LegionWebDev/components/hover-trace-bar-chart","preview":"media/references/21st--legionwebdev--hover-trace-bar-chart.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"4f7eb1112efda02afbc1ee4c471516e2806cad25854b9de62092c0962735c2e1","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@LegionWebDev/components/hover-trace-bar-chart"},{"id":"21st--chamaac--how-it-works","name":"How It Works","collection":"21st-community","creator":"chamaac","category":"Thinking & progress","why":"Original thinking & progress reference from chamaac.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@chamaac/components/how-it-works","codeUrl":"https://21st.dev/@chamaac/components/how-it-works","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community timeline catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/chamaac/how-it-works/default/preview.1784360686164-c9ef8bfe-dc43-4bca-9387-30df706ad4d2.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"chamaac","sourceCategory":"timeline","creatorPublicationUrl":"https://21st.dev/@chamaac/components/how-it-works","preview":"media/references/21st--chamaac--how-it-works.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"e4d22362a29c4dd8da402879b9940203c3b77a9242c22d494414d8c2754cc958","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@chamaac/components/how-it-works"},{"id":"codrops--html-in-canvas-examples","name":"HTML-in-Canvas Examples","collection":"codrops-creative","creator":"Vittorio Retrivi","creatorUrl":"https://tympanus.net/codrops/hub/author/vittorioretrivi","category":"Shaders & materials","styleTags":["canvas","distortion","fluid","form","particles","react three fiber","three.js","webgl"],"why":"Original shaders & materials reference published in the Codrops Creative Hub; inspect the image and original demo for its visual approach.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://html-in-canvas.vercel.app/","codeUrl":"https://github.com/motiontx/html-in-canvas","repository":"https://github.com/motiontx/html-in-canvas","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Contact-sheet preview reviewed with Sonnet 5.5 Medium; original publisher links traced; not runtime-tested","selectionType":"Preview-reviewed design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/05/HTMLinCanvas_frame-768x576.webp","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"May 13, 2026","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:23:38.056369+00:00","preview":"media/references/codrops--html-in-canvas-examples.webp","previewWidth":768,"previewHeight":576,"previewSha256":"73730e744e85c84587c0426bee5570f76f9968d8382697ddc132a111b95e4707","previewAnimated":false},{"id":"webzibition--illoca","name":"Illoca","collection":"webzibition","creator":"Illoca · original site","creatorAttribution":"Site identity from the publisher listing; individual design author not independently verified","category":"Full websites & portfolios","why":"Monochrome blue stylised illustration under a dark-blue headline 'Design at the speed of thought'; single-hue treatment.","useFor":"Study the original website’s composition and presentation; code availability is unverified.","website":"https://illoca.com/","codeUrl":"","repository":"","sourceFiles":[],"commit":"","access":"Design reference · public source not traced","license":"Website and preview rights belong to their respective owners; no source or reuse license verified","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited; original website returned HTTP200; screenshot may predate the current live design","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"Codrops Webzibition → original website","added":"2026-10-20","preview":"media/references/webzibition--illoca.webp","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/07/Screen-Shot-2026-07-23-at-06.12.51-1200x649.jpg.webp?x67708","previewType":"Codrops publisher screenshot of the linked original website; not a fresh live capture","previewWidth":1200,"previewHeight":649,"previewSha256":"59de14e74e584a1ee39956512674ef12a20f84919584028b3833cea0fed172f4","previewAnimated":false,"publisherIndex":"https://tympanus.net/codrops/webzibition/","publisherRecord":"post-117900","pageTitle":"Plamo, the New Agentic 3D Workspace","pageCheckedAt":"2026-10-20T05:54:32.868906+00:00","pageAvailability":"HTTP200; same-domain original website","retrievedAt":"2026-10-20T05:54:32.868906+00:00"},{"id":"beui--image-generation","name":"Image Generation","collection":"beui","category":"Artifacts & evidence","why":"Queued, generating, refining, complete and error states share one stable canvas. Avoiding a large layout jump is the craft detail worth borrowing.","useFor":"Image and media generation progress.","sourceFiles":["sources/beui/code/components/agents/image-generation.tsx"],"website":"https://beui.dev/components/agents/image-generation","repository":"https://github.com/starc007/ui-components","commit":"6b5a00a5687214be8fd12fb0b6a78678d4dc96e0","license":"MIT","access":"Source saved","review":"Source located + documentation","favorite":false,"discovered":"Independent research","added":"2026-10-20","preview":"media/screenshots/beui--image-generation.jpg","previewType":"Screenshot of the creator’s published web demo","previewSource":"https://beui.dev/components/agents/image-generation","capturedAt":"2026-10-20T03:49:06.821Z","previewWidth":732,"previewHeight":393,"previewAnimated":false},{"id":"21st--kvnkld--image-generation","name":"Image Generation","collection":"21st-community","creator":"Kevin","category":"Conversation craft","why":"Original conversation craft reference from Kevin.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@kvnkld/components/image-generation","codeUrl":"https://21st.dev/@kvnkld/components/image-generation","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community ai-chat catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_registry_kvnkld_1785470431824/image-generation/default/preview.1787589199391.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"kvnkld","sourceCategory":"ai-chat","creatorPublicationUrl":"https://21st.dev/@kvnkld/components/image-generation","preview":"media/references/21st--kvnkld--image-generation.png","previewWidth":898,"previewHeight":774,"previewSha256":"24261f6cffbde652fc155a472f53c27be5bd93c25ca5a0fde4cfef7a8bea7148","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@kvnkld/components/image-generation"},{"id":"aceternity--image-generation-loader","name":"Image Generation Loader","collection":"aceternity","creator":"Aceternity UI · Manu Arora","category":"Cards & layouts","why":"Original cards & layouts reference from Aceternity UI · Manu Arora.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://ui.aceternity.com/components/image-generation-loader","codeUrl":"https://ui.aceternity.com/components/image-generation-loader","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Reddit library leads → original Aceternity component catalog","added":"2026-10-20","previewSource":"https://assets.aceternity.com/components/sliding-loader.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","preview":"media/references/aceternity--image-generation-loader.webp","previewWidth":1894,"previewHeight":1514,"previewSha256":"145669e06f05c4cb10ac24412c4915eef084c41fcd2041ea98b48ff331304039","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"beui-native--image-generation","name":"Image Generation · Native","collection":"beui-native","category":"React Native","why":"A dot field you can steer while the image forms.","useFor":"Original React Native component from the creator’s public library. Image reference with original demo and source links.","sourceFiles":["sources/beui-native/code/src/components/image-generation/dither-field.tsx","sources/beui-native/code/src/components/image-generation/image-generation.tsx","sources/beui-native/code/src/components/image-generation/index.ts"],"website":"https://beui.dev/react-native/image-generation","repository":"https://github.com/starc007/beui-native","commit":"","license":"MIT","access":"Source saved","review":"Official creator catalog · not individually runtime-tested","favorite":false,"discovered":"Original creator library, linked from beUI","added":"2026-10-20","preview":"media/beui-native--image-generation.jpg","previewSource":"https://media.beui.dev/clips/image-generation-light.8401bf01f7.jpg","previewType":"Creator’s original React Native recording poster","platform":"React Native","selectionType":"Creator library expansion","previewWidth":600,"previewHeight":1304,"previewAnimated":false,"previewVideo":"media/recordings/beui-native--image-generation.mp4","videoSource":"https://media.beui.dev/clips/image-generation-light.8401bf01f7.mp4","videoType":"Unmodified original creator recording","videoMetadata":{"width":600,"height":1304,"duration":7.333333},"videoSha256":"8401bf01f785c16d5045d078f7eb107cdfdf4d11621c91d4bbb6a250afc152cc","previewVideoSource":"https://media.beui.dev/clips/image-generation-light.8401bf01f7.mp4"},{"id":"codrops--image-layer-animations-with-clip-path","name":"Image Layer Animations with Clip-Path","collection":"codrops-creative","creator":"Manoela Ilic","creatorUrl":"https://tympanus.net/codrops/hub/author/crnacura","category":"Galleries & transitions","styleTags":["clip-path","GSAP","page transition"],"why":"Angular clip-path image layers over huge ST@GE type on green","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Development/LayersAnimation/","codeUrl":"https://github.com/codrops/LayersAnimation/","repository":"https://github.com/codrops/LayersAnimation/","sourceFiles":[],"commit":"","access":"Creator code page linked · HTTP 200; license/reuse terms not audited","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview selection; creator/demo/source links traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub · October 20 creator-depth review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2023/10/cliplayers_feat.jpg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Oct 31, 2023","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T07:38:51.455636+00:00","preview":"media/references/codrops--image-layer-animations-with-clip-path.jpg","previewWidth":800,"previewHeight":600,"previewSha256":"24398e4bcc37070ec41a015ceebea3eea5544ccc7782179320a5e14936b14628","previewAnimated":false,"observedOriginalDemoUrl":"http://tympanus.net/Development/LayersAnimation","redirectVerification":"Observed HTTP demo link followed to HTTPS in normal Chrome navigation.","sourcePageCheck":{"status":200,"resolvedUrl":"https://github.com/codrops/LayersAnimation/","checkedAt":"2026-10-20T07:40:36.729230+00:00"}},{"id":"21st--uilayout.contact--imgpreview-dropzone","name":"Image Preview Dropzone","collection":"21st-community","creator":"ui layout","category":"Artifacts & evidence","why":"Original artifacts & evidence reference from ui layout.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@uilayout.contact/components/imgpreview-dropzone","codeUrl":"https://21st.dev/@uilayout.contact/components/imgpreview-dropzone","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community upload-download catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/uilayout.contact/imgpreview-dropzone/default/preview.1784390692917-4ae54344-b41e-474e-a7f5-3c8a1fe4bad7.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"uilayout.contact","sourceCategory":"upload-download","creatorPublicationUrl":"https://21st.dev/@uilayout.contact/components/imgpreview-dropzone","preview":"media/references/21st--uilayout.contact--imgpreview-dropzone.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"45ae8f29df2590403a8a097dfaa8153ec2e924c2b7106ab3d1995bb021d176f5","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@uilayout.contact/components/imgpreview-dropzone"},{"id":"codrops--image-stack-entrance-animations","name":"Image Stack Entrance Animations","collection":"codrops-creative","creator":"deadrabbbbit","creatorUrl":"https://tympanus.net/codrops/hub/author/deadrabbbbit","category":"Editorial & typography","styleTags":["intro","stack"],"why":"Radial ring of cutout figures around serif ASTRAL AESTHETICS on pale teal","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Development/EntranceAnimationForImages/","codeUrl":"https://github.com/d3adrabbit/EntranceAnimationForImages","repository":"https://github.com/d3adrabbit/EntranceAnimationForImages","sourceFiles":[],"commit":"","access":"Creator code page linked · HTTP 200; license/reuse terms not audited","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview selection; creator/demo/source links traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub · October 20 creator-depth review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2024/03/stackentrance_feat.jpg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Apr 10, 2024","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T07:38:51.455636+00:00","preview":"media/references/codrops--image-stack-entrance-animations.jpg","previewWidth":800,"previewHeight":600,"previewSha256":"ad8f48ddd5f3f08ac002a85da13f6a7274923c152213aca584e7c5f1ffd74a3f","previewAnimated":false,"sourcePageCheck":{"status":200,"resolvedUrl":"https://github.com/d3adrabbit/EntranceAnimationForImages","checkedAt":"2026-10-20T07:40:40.170428+00:00"}},{"id":"21st--shadcnspace--file-upload-05","name":"Image Upload Crop Editor","collection":"21st-community","creator":"ShadcnSpace","category":"Artifacts & evidence","why":"Original artifacts & evidence reference from ShadcnSpace.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@shadcnspace/components/file-upload-05","codeUrl":"https://21st.dev/@shadcnspace/components/file-upload-05","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community upload-download catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/shadcnspace/file-upload-05/default/preview.1788859729668-e2400f48-8eff-4f12-91bf-82274726edee.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"shadcnspace","sourceCategory":"upload-download","creatorPublicationUrl":"https://21st.dev/@shadcnspace/components/file-upload-05","preview":"media/references/21st--shadcnspace--file-upload-05.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"cf3ab05a351ebb2a93cd75a2fdb4d7728ff7f68e0aafeb9e099a632908547bb2","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@shadcnspace/components/file-upload-05"},{"id":"aceternity--images-badge","name":"Images Badge","collection":"aceternity","creator":"Aceternity UI · Manu Arora","category":"Cards & layouts","why":"Original cards & layouts reference from Aceternity UI · Manu Arora.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://ui.aceternity.com/components/images-badge","codeUrl":"https://ui.aceternity.com/components/images-badge","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Reddit library leads → original Aceternity component catalog","added":"2026-10-20","previewSource":"https://assets.aceternity.com/images-badge.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","preview":"media/references/aceternity--images-badge.webp","previewWidth":2048,"previewHeight":1440,"previewSha256":"2c0808de7a1097edb62a4d9f03b111237c6db74dd90fa98a3f6d93956f2ecb8c","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"codrops--immersive-3d-weather-visualization-with-react-three-fiber","name":"Immersive 3D Weather Visualization with React Three Fiber","collection":"codrops-creative","creator":"Carter Rink","creatorUrl":"https://tympanus.net/codrops/hub/author/carter_rink","category":"Spatial experiences","styleTags":["3d","react three fiber","three.js","webgl"],"why":"Pale frosted-glass weather cards floating over a soft sky with a glowing sun; a calm, low-contrast take on data inside a 3D scene.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://3d-weather-codrops.vercel.app/","codeUrl":"https://github.com/cartuhok/3d-weather-codrops","repository":"https://github.com/cartuhok/3d-weather-codrops","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/09/3DWeather_featured-768x576.jpg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Sep 18, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:54:42.821988+00:00","preview":"media/references/codrops--immersive-3d-weather-visualization-with-react-three-fiber.jpg","previewWidth":768,"previewHeight":576,"previewSha256":"ede66d1d595ab50f0f0245900a6556a477aa4313096cdd9b053ef4cab5717d90","previewAnimated":false},{"id":"webzibition--imogen","name":"Imogen","collection":"webzibition","creator":"Imogen · original site","creatorAttribution":"Site identity from the publisher listing; individual design author not independently verified","category":"Full websites & portfolios","why":"Purple-to-magenta gradient with an octopus illustration behind serif/italic 'Smarter Marketing'; a distinctive, unmistakably non-SaaS AI landing page.","useFor":"Study the original website’s composition and presentation; code availability is unverified.","website":"https://vsproject-imogen.vendredi-society.com/","codeUrl":"","repository":"","sourceFiles":[],"commit":"","access":"Design reference · public source not traced","license":"Website and preview rights belong to their respective owners; no source or reuse license verified","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited; original website returned HTTP200; screenshot may predate the current live design","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"Codrops Webzibition → original website","added":"2026-10-20","preview":"media/references/webzibition--imogen.png","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/10/vsproject-imogen.vendredi-society.com_-1200x649.png?x67708","previewType":"Codrops publisher screenshot of the linked original website; not a fresh live capture","previewWidth":1200,"previewHeight":649,"previewSha256":"b221fe17d9261001bbd4ac58fde7fb8d28a6341421fe1013a52d0ddf0df7bc76","previewAnimated":false,"publisherIndex":"https://tympanus.net/codrops/webzibition/","publisherRecord":"post-124410","pageTitle":"Imogen: Agentic AI for imagino’s Customer Engagement Platform","pageCheckedAt":"2026-10-20T05:54:32.868906+00:00","pageAvailability":"HTTP200; same-domain original website","retrievedAt":"2026-10-20T05:54:32.868906+00:00"},{"id":"webzibition--in-development-studios","name":"In Development Studios","collection":"webzibition","creator":"In Development Studios · original site","creatorAttribution":"Site identity from the publisher listing; individual design author not independently verified","category":"Full websites & portfolios","why":"Black-and-white logo block 'id.' with a dancing-group colour photo and 'a creative and design studio' text; bold two-panel layout.","useFor":"Study the original website’s composition and presentation; code availability is unverified.","website":"https://indevelopment.studio/","codeUrl":"","repository":"","sourceFiles":[],"commit":"","access":"Design reference · public source not traced","license":"Website and preview rights belong to their respective owners; no source or reuse license verified","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited; original website returned HTTP200; screenshot may predate the current live design","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"Codrops Webzibition → original website","added":"2026-10-20","preview":"media/references/webzibition--in-development-studios.webp","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/09/InDevelopmentStudios-1200x649.png.webp?x67708","previewType":"Codrops publisher screenshot of the linked original website; not a fresh live capture","previewWidth":1200,"previewHeight":649,"previewSha256":"38db42643b338eb0e9491e7641e5513256ee1b1a108405d957db32ccfa0a5548","previewAnimated":false,"publisherIndex":"https://tympanus.net/codrops/webzibition/","publisherRecord":"post-121346","pageTitle":"In Development | Creative & Design Studio in Norwich","pageCheckedAt":"2026-10-20T05:54:32.868906+00:00","pageAvailability":"HTTP200; same-domain original website","retrievedAt":"2026-10-20T05:54:32.868906+00:00"},{"id":"21st--reaviz--incident-report-large","name":"Incident Report Large","collection":"21st-community","creator":"REAVIZ","category":"Dashboards & data","why":"Original dashboards & data reference from REAVIZ.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@reaviz/components/incident-report-large","codeUrl":"https://21st.dev/@reaviz/components/incident-report-large","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community dashboard catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_reaviz/incident-report-large/default/preview.1748457548296.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"reaviz","sourceCategory":"dashboard","creatorPublicationUrl":"https://21st.dev/@reaviz/components/incident-report-large","preview":"media/references/21st--reaviz--incident-report-large.png","previewWidth":960,"previewHeight":786,"previewSha256":"6c54888d3b9667353bb99ab94854daa2da45b59343d0d0570137c7edc1a1bf47","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@reaviz/components/incident-report-large"},{"id":"21st--cnippet-dev--incident-status-timeline","name":"Incident Status Timeline","collection":"21st-community","creator":"Cnippet","category":"Thinking & progress","why":"Original thinking & progress reference from Cnippet.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@cnippet-dev/components/incident-status-timeline","codeUrl":"https://21st.dev/@cnippet-dev/components/incident-status-timeline","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community timeline catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/cnippet.dev/incident-status-timeline/default/preview.1787129041992-a9566efd-858c-477d-8210-7b6befd70530.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"cnippet-dev","sourceCategory":"timeline","creatorPublicationUrl":"https://21st.dev/@cnippet-dev/components/incident-status-timeline","preview":"media/references/21st--cnippet-dev--incident-status-timeline.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"44d1fd93d1d50be29c9a2fdf91ebb1dd38baa2d64c5379d141684e05379097d1","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@cnippet-dev/components/incident-status-timeline"},{"id":"codrops--infinite-3d-gradient-carousel","name":"Infinite 3D Gradient Carousel","collection":"codrops-creative","creator":"Clément Grellier","creatorUrl":"https://tympanus.net/codrops/hub/author/clementgrellier","category":"Galleries & transitions","styleTags":["3d","carousel","draggable","gsap","infinite","scroll"],"why":"Original galleries & transitions reference published in the Codrops Creative Hub; inspect the image and original demo for its visual approach.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Tutorials/3DGradientCarousel/","codeUrl":"https://github.com/clementgrellier/gradientslider","repository":"https://github.com/clementgrellier/gradientslider","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Contact-sheet preview reviewed with Sonnet 5.5 Medium; original publisher links traced; not runtime-tested","selectionType":"Preview-reviewed design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/11/carousel-768x576.jpg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Nov 11, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:23:38.056369+00:00","preview":"media/references/codrops--infinite-3d-gradient-carousel.jpg","previewWidth":768,"previewHeight":576,"previewSha256":"33c66770031d3870fd3025c5590eb891b346a375c9dd1056e4b10914e8169a9e","previewAnimated":false},{"id":"codrops--infinite-3d-tunnel","name":"Infinite 3D tunnel ","collection":"codrops-creative","creator":"The Bugged Dev","creatorUrl":"https://tympanus.net/codrops/hub/author/the_bugged_dev","category":"Galleries & transitions","styleTags":["3d","grid","gsap","infinite","scroll","three.js","tunnel"],"why":"Original galleries & transitions reference published in the Codrops Creative Hub; inspect the image and original demo for its visual approach.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://delphi-three.vercel.app/","codeUrl":"https://github.com/thebuggeddev/delphi","repository":"https://github.com/thebuggeddev/delphi","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Contact-sheet preview reviewed with Sonnet 5.5 Medium; original publisher links traced; not runtime-tested","selectionType":"Preview-reviewed design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/01/Screenshot-2026-01-13-at-14.37.44-768x577.png.webp","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Jan 13, 2026","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:23:38.056369+00:00","preview":"media/references/codrops--infinite-3d-tunnel.webp","previewWidth":768,"previewHeight":577,"previewSha256":"4d85722420fd59c99df3e857468827c1fff61bc063285cd4d0682568326b09ef","previewAnimated":false},{"id":"codrops--infinite-canvas","name":"Infinite Canvas","collection":"codrops-creative","creator":"Edoardo Lunardi","creatorUrl":"https://tympanus.net/codrops/hub/author/edoardolunardi","category":"Galleries & transitions","styleTags":["draggable","infinite","react three fiber","scroll","three.js","webgl"],"why":"Original galleries & transitions reference published in the Codrops Creative Hub; inspect the image and original demo for its visual approach.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Tutorials/InfiniteCanvas/","codeUrl":"https://github.com/edoardolunardi/infinite-canvas","repository":"https://github.com/edoardolunardi/infinite-canvas","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Contact-sheet preview reviewed with Sonnet 5.5 Medium; original publisher links traced; not runtime-tested","selectionType":"Preview-reviewed design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/12/edoardo-lunardi-infinite-canvas-featured-image-768x576.jpg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Jan 7, 2026","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:23:38.056369+00:00","preview":"media/references/codrops--infinite-canvas.jpg","previewWidth":768,"previewHeight":576,"previewSha256":"2dd2ed66c9c7561d435fc21d3513a728b25666a58841b4161eb356eba6ce6ce3","previewAnimated":false},{"id":"codrops--infinite-layers-grid","name":"Infinite Layers Grid","collection":"codrops-creative","creator":"Jorge Toloza","creatorUrl":"https://tympanus.net/codrops/hub/author/jorgetloza","category":"Galleries & transitions","styleTags":["grid","gsap","infinite","parallax"],"why":"Irregular white collage of photos of varied sizes with small captions on a dark ground; editorial, non-uniform grid.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Tutorials/InfiniteLayersGrid","codeUrl":"https://github.com/JorgeCapillo/infinite-layers-grid","repository":"https://github.com/JorgeCapillo/infinite-layers-grid","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/05/featuredInfintieLayersGrid-768x576.jpg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Jun 11, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:54:42.821988+00:00","preview":"media/references/codrops--infinite-layers-grid.jpg","previewWidth":768,"previewHeight":576,"previewSha256":"18db3c06c771a9dd4e184ef0fea35001d7fd18c959bcbeb92f0140c80694c8fe","previewAnimated":false},{"id":"aceternity--infinite-moving-cards","name":"Infinite Moving Cards","collection":"aceternity","creator":"Aceternity UI · Manu Arora","category":"Cards & layouts","why":"Original cards & layouts reference from Aceternity UI · Manu Arora.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://ui.aceternity.com/components/infinite-moving-cards","codeUrl":"https://ui.aceternity.com/components/infinite-moving-cards","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Reddit library leads → original Aceternity component catalog","added":"2026-10-20","previewSource":"https://assets.aceternity.com/cloudinary_bkp/Infinite_Moving_Cards_evhzur.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:55:11.791497+00:00","preview":"media/references/aceternity--infinite-moving-cards.webp","previewWidth":2048,"previewHeight":1440,"previewSha256":"d9dbf481911d199c7c56e24b06758f9156bc21d3bce061e579fa36f3a0cee741","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:55:11.791497+00:00"},{"id":"codrops--infinite-parallax-scroll-with-gsap-lenis","name":"Infinite Parallax Scroll with GSAP & Lenis","collection":"codrops-creative","creator":"Joe Ben Taylor","creatorUrl":"https://tympanus.net/codrops/hub/author/joetaylor","category":"Galleries & transitions","styleTags":["gsap","infinite","parallax","scroll"],"why":"Original galleries & transitions reference published in the Codrops Creative Hub; inspect the image and original demo for its visual approach.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Tutorials/InfiniteScrollParallax/","codeUrl":"https://github.com/joebentaylor1995/infinite-scroll-with-parallax","repository":"https://github.com/joebentaylor1995/infinite-scroll-with-parallax","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Contact-sheet preview reviewed with Sonnet 5.5 Medium; original publisher links traced; not runtime-tested","selectionType":"Preview-reviewed design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/05/InfiniteScrollParallax-768x576.webp","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"May 28, 2026","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:23:38.056369+00:00","preview":"media/references/codrops--infinite-parallax-scroll-with-gsap-lenis.webp","previewWidth":768,"previewHeight":576,"previewSha256":"a777c481448a80c1134d9a970f3e9ab40536e9e3b3155a9c01c2b2720c059324","previewAnimated":false},{"id":"codrops--infinite-portals","name":"Infinite Portals","collection":"codrops-creative","creator":"Karim Maaloul","creatorUrl":"https://tympanus.net/codrops/hub/author/karimm","category":"Spatial experiences","styleTags":["glsl","Three.js","WebGL"],"why":"Stylized tree-house island in green fog; charming diorama","useFor":"Study the original design and its linked implementation before adoption.","website":"https://codepen.io/Yakudoo/full/PogJvGv","codeUrl":"https://codepen.io/Yakudoo/pen/PogJvGv","repository":"","sourceFiles":[],"commit":"","access":"Creator code linked · access unverified (source response recorded)","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview selection; creator/demo/source links traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub · October 20 creator-depth review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2024/03/image-2025-01-05-at-23.15.09.jpg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Mar 30, 2024","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T07:38:51.455636+00:00","preview":"media/references/codrops--infinite-portals.jpg","previewWidth":1012,"previewHeight":711,"previewSha256":"ae4bfa48e69ad88a2d0cf1996dedc2dfc546597b580dae24ed6a986d90598974","previewAnimated":false,"sourcePageCheck":{"status":403,"resolvedUrl":"https://codepen.io/Yakudoo/pen/PogJvGv","checkedAt":"2026-10-20T07:40:30.674046+00:00"}},{"id":"codrops--infinite-scroll-gallery-with-page-transitions-using-gsap","name":"Infinite Scroll Gallery with Page Transitions using GSAP","collection":"codrops-creative","creator":"Surya Aditya","creatorUrl":"https://tympanus.net/codrops/hub/author/suryaaditya","category":"Galleries & transitions","styleTags":["gsap","infinite","page transition","parallax","scroll"],"why":"Original galleries & transitions reference published in the Codrops Creative Hub; inspect the image and original demo for its visual approach.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Tutorials/InfiniteScrollGSAPGallery/","codeUrl":"https://github.com/surya-aditya/codrops-infinite-scroll-and-content-transition","repository":"https://github.com/surya-aditya/codrops-infinite-scroll-and-content-transition","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Contact-sheet preview reviewed with Sonnet 5.5 Medium; original publisher links traced; not runtime-tested","selectionType":"Preview-reviewed design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/07/infinitescrollGSAP-768x576.png.webp","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Jul 30, 2026","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:23:38.056369+00:00","preview":"media/references/codrops--infinite-scroll-gallery-with-page-transitions-using-gsap.webp","previewWidth":768,"previewHeight":576,"previewSha256":"8d413d4a0528cabc457ec4deb8974884c3d6c08ced28d64eef98887aef9b93a7","previewAnimated":false},{"id":"21st--karrixlee--info-card","name":"Information Card","collection":"21st-community","creator":"KarrixLee","category":"Navigation & search","why":"Original navigation & search reference from KarrixLee.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@KarrixLee/components/info-card/with-images","codeUrl":"https://21st.dev/@KarrixLee/components/info-card/with-images","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community sidebar catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_KarrixLee/info-card/with-images/preview.png?v=1","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"KarrixLee","sourceCategory":"sidebar","creatorPublicationUrl":"https://21st.dev/@KarrixLee/components/info-card/with-images","preview":"media/references/21st--karrixlee--info-card.png","previewWidth":960,"previewHeight":793,"previewSha256":"1465c98c1b37e968dc33b7bd91979f3f0c2155148580b4a36548990de325068f","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@KarrixLee/components/info-card"},{"id":"codrops--ink-and-water-simulation","name":"Ink and Water simulation","collection":"codrops-creative","creator":"Karim Maaloul","creatorUrl":"https://tympanus.net/codrops/hub/author/karimm","category":"Shaders & materials","styleTags":["brush","cursor","glsl","water","WebGL"],"why":"A glowing green ink ring blooms into a soft diffused cloud from a small brush tip on a dark ground, a fluid-as-material look for a pointer-driven effect.","useFor":"Study the original image and linked creator source; respect its license and access terms.","website":"https://codepen.io/Yakudoo/full/bGOMJPw","codeUrl":"https://codepen.io/Yakudoo/pen/bGOMJPw","repository":"","sourceFiles":[],"commit":"","access":"Original CodePen code linked · access unverified (403 response); source not archived","license":"Original creator terms not verified; do not infer a reuse license from a public preview.","review":"Sonnet 5.5 Medium static visual review and researcher source/provenance checks; not runtime, accessibility or full dependency-license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"Original input and spatial creator trails · input-spatial review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2023/09/videoframe_3602.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Sep 27, 2023","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T08:26:33.379151+00:00","preview":"media/references/codrops--ink-and-water-simulation.png","previewWidth":898,"previewHeight":624,"previewSha256":"dba5fddd40aa61e2319bf8f6cd6b3d18727fe63f11a459791b444b29a5b886e0","previewAnimated":false,"sourcePageCheck":{"status":403,"resolvedUrl":"https://codepen.io/Yakudoo/pen/bGOMJPw","checkedAt":"2026-10-20T08:29:11.723055+00:00"}},{"id":"21st--ziegfiroyt--error6","name":"Inline 404 Line","collection":"21st-community","creator":"uğur sözen","category":"Feedback & states","why":"Original feedback & states reference from uğur sözen.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@ziegfiroyt/components/error6","codeUrl":"https://21st.dev/@ziegfiroyt/components/error6","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community empty-state catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/ziegfiroyt/error6/default/preview.1790074520536-619c29db-4f27-4595-be07-ad2778c2a4d0.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"ziegfiroyt","sourceCategory":"empty-state","creatorPublicationUrl":"https://21st.dev/@ziegfiroyt/components/error6","preview":"media/references/21st--ziegfiroyt--error6.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"408b66222fa5b64d58bd52bfc9c837d2c44f75b9ab5b78b66711e57197cc504d","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@ziegfiroyt/components/error6"},{"id":"21st--syeddhasnainn--inline-citation","name":"Inline Citation","collection":"21st-community","creator":"Syed Hasnain","category":"Artifacts & evidence","why":"Original artifacts & evidence reference from Syed Hasnain.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@syeddhasnainn/components/inline-citation","codeUrl":"https://21st.dev/@syeddhasnainn/components/inline-citation","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community ai-chat catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/syeddhasnainn/inline-citation/default/preview.1791400925934-3f6614d3-7246-4fb5-b893-f3a77515e9b1.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"syeddhasnainn","sourceCategory":"ai-chat","creatorPublicationUrl":"https://21st.dev/@syeddhasnainn/components/inline-citation","preview":"media/references/21st--syeddhasnainn--inline-citation.png","previewWidth":960,"previewHeight":720,"previewSha256":"13ae441413bd38b84c25bd31964b2f50d38043b597064595290251592354599c","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@syeddhasnainn/components/inline-citation"},{"id":"21st--ruixen.ui--inline-analytics-table","name":"InlineAnalyticsTable","collection":"21st-community","creator":"Ruixen","category":"Dashboards & data","why":"Original dashboards & data reference from Ruixen.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@ruixen.ui/components/inline-analytics-table","codeUrl":"https://21st.dev/@ruixen.ui/components/inline-analytics-table","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community data-visualization catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/ruixen.ui/inline-analytics-table/default/preview.1757839975232.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"ruixen.ui","sourceCategory":"data-visualization","creatorPublicationUrl":"https://21st.dev/@ruixen.ui/components/inline-analytics-table","preview":"media/references/21st--ruixen.ui--inline-analytics-table.png","previewWidth":960,"previewHeight":637,"previewSha256":"1f88873143fed6252b54bc1a62c86e3b56112ee3ac147b0ff102982ff94bebb3","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@ruixen.ui/components/inline-analytics-table"},{"id":"21st--shugar--input","name":"Input","collection":"21st-community","creator":"tigran tumasov","category":"Forms & controls","why":"Original forms & controls reference from tigran tumasov.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@shugar/components/input/prefix-and-suffix","codeUrl":"https://21st.dev/@shugar/components/input/prefix-and-suffix","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community form catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/shugar/input/prefix-and-suffix/preview.1752232795226.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"shugar","sourceCategory":"form","creatorPublicationUrl":"https://21st.dev/@shugar/components/input/prefix-and-suffix","preview":"media/references/21st--shugar--input.png","previewWidth":914,"previewHeight":936,"previewSha256":"9ef88cb48433d0abf816633ce4ce9f7d52da1cbee18f2bb75773552c7b8e8095","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@shugar/components/input"},{"id":"21st--shadcn--input-group","name":"Input Group","collection":"21st-community","creator":"shadcn","category":"Navigation & search","why":"Original navigation & search reference from shadcn.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@shadcn/components/input-group","codeUrl":"https://21st.dev/@shadcn/components/input-group","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community search catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/larsen66/input-group/default/preview.1760074177742.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"shadcn","sourceCategory":"search","creatorPublicationUrl":"https://21st.dev/@shadcn/components/input-group","preview":"media/references/21st--shadcn--input-group.png","previewWidth":850,"previewHeight":709,"previewSha256":"763b63d5f3f8393ff4cbe2326e980938c4c7a0e810dcacf9d9f3fefc6b74842e","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@shadcn/components/input-group"},{"id":"21st--arihantcodes_1f7b8c4d--input-modal","name":"Input Modal","collection":"21st-community","creator":"Arihant jain","category":"Artifacts & evidence","why":"Original artifacts & evidence reference from Arihant jain.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@arihantcodes_1f7b8c4d/components/input-modal","codeUrl":"https://21st.dev/@arihantcodes_1f7b8c4d/components/input-modal","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community upload-download catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/larsen66/input-modal/default/preview.1754084179407.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"arihantcodes_1f7b8c4d","sourceCategory":"upload-download","creatorPublicationUrl":"https://21st.dev/@arihantcodes_1f7b8c4d/components/input-modal","preview":"media/references/21st--arihantcodes_1f7b8c4d--input-modal.png","previewWidth":960,"previewHeight":828,"previewSha256":"6acf13ae98598206a3e943dfd2c5c04a8a5ffc60a7c8c36edc7517fac86fe174","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@arihantcodes_1f7b8c4d/components/input-modal"},{"id":"21st--tigerabrodi--input-with-feedback","name":"Input With Feedback","collection":"21st-community","creator":"Tiger Abrodi","category":"Forms & controls","why":"Original forms & controls reference from Tiger Abrodi.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@tigerabrodi/components/input-with-feedback","codeUrl":"https://21st.dev/@tigerabrodi/components/input-with-feedback","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community input catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_tigerabrodi/input-with-feedback/default/preview.png?v=1","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"tigerabrodi","sourceCategory":"input","creatorPublicationUrl":"https://21st.dev/@tigerabrodi/components/input-with-feedback","preview":"media/references/21st--tigerabrodi--input-with-feedback.png","previewWidth":960,"previewHeight":651,"previewSha256":"bb0792a01c0246487ad2e593ee881dd6213cfc7553e64599791a22d9cd16e3ae","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@tigerabrodi/components/input-with-feedback"},{"id":"21st--ruixen.ui--input-with-select","name":"Input With Select","collection":"21st-community","creator":"Ruixen","category":"Forms & controls","why":"Original forms & controls reference from Ruixen.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@ruixen.ui/components/input-with-select","codeUrl":"https://21st.dev/@ruixen.ui/components/input-with-select","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community input catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/ruixen.ui/input-with-select/default/preview.1756917192391.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"ruixen.ui","sourceCategory":"input","creatorPublicationUrl":"https://21st.dev/@ruixen.ui/components/input-with-select","preview":"media/references/21st--ruixen.ui--input-with-select.png","previewWidth":960,"previewHeight":637,"previewSha256":"32e6bde87229b6e3852e8c48573707675b3f23ffca642dd998a94dcdf47090e7","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@ruixen.ui/components/input-with-select"},{"id":"beui-native--input","name":"Input · Native","collection":"beui-native","category":"React Native","why":"Error shake, focus ring and a drawn success check.","useFor":"Original React Native component from the creator’s public library. Image reference with original demo and source links.","sourceFiles":["sources/beui-native/code/src/components/input/index.ts","sources/beui-native/code/src/components/input/input.tsx"],"website":"https://beui.dev/react-native/input","repository":"https://github.com/starc007/beui-native","commit":"","license":"MIT","access":"Source saved","review":"Official creator catalog · not individually runtime-tested","favorite":false,"discovered":"Original creator library, linked from beUI","added":"2026-10-20","preview":"media/beui-native--input.jpg","previewSource":"https://media.beui.dev/clips/input-light.c1a96c5fcf.jpg","previewType":"Creator’s original React Native recording poster","platform":"React Native","selectionType":"Creator library expansion","previewWidth":600,"previewHeight":1304,"previewAnimated":false,"previewVideo":"media/recordings/beui-native--input.mp4","videoSource":"https://media.beui.dev/clips/input-light.c1a96c5fcf.mp4","videoType":"Unmodified original creator recording","videoMetadata":{"width":600,"height":1304,"duration":9.183333},"videoSha256":"c1a96c5fcf7e0f0fa0f273bfad25d035b3e90128e84f366343390fb34a38fc64","previewVideoSource":"https://media.beui.dev/clips/input-light.c1a96c5fcf.mp4"},{"name":"Inspect · sample and tool-evidence viewer","collection":"inspect-original","creator":"UK AI Security Institute / Meridian Labs","creatorUrl":"https://inspect.aisi.org.uk/","website":"https://inspect.aisi.org.uk/log-viewer.html","repository":"https://github.com/meridianlabs-ai/ts-mono","commit":"b07f814c50bc3fdeb141d2ba5b31a37d43a12b9d","codeUrl":"https://github.com/meridianlabs-ai/ts-mono/blob/b07f814c50bc3fdeb141d2ba5b31a37d43a12b9d/apps/inspect/src/app/samples/SampleDisplay.tsx","platform":"Web / React + TypeScript · evaluation evidence","access":"Public original source · MIT notices verified; not executed","license":"MIT, copyright2024 UK AI Security Institute and2025 Meridian Labs in the parent-pinned frontend submodule. Parent Inspect code is separately MIT. Dependencies, datasets and model outputs retain separate rights.","sourcePinNote":"Original docs screenshot is pinned in UKGovernmentBEIS/inspect_ai at c90c3a1bf0be223393dcd0732e5ebc9e4c4222df. Actual frontend is its parent-pinned meridianlabs-ai/ts-mono submodule b07f814c50bc3fdeb141d2ba5b31a37d43a12b9d, not unrelated Python core. Exact screenshot-build equality is not claimed.","id":"inspect-log-viewer","category":"Artifacts & evidence","why":"Expanded sample row with Messages/Scoring/Metadata tabs over a role-labelled transcript: system/user/assistant icons, pink monospace wikipedia() tool-call lines and boxed tool outputs. Counted once as a family; main summary (accuracy stats, C/I score dots) is an alternate.","favorite":false,"sourceFiles":[],"review":"Sonnet5.5 Medium full-image visual review plus original-image and source provenance checks; not runtime, motion, accessibility or full dependency-license audited","useFor":"Study the exact original static interface and follow the primary creator under its terms.","selectionType":"Individually visually reviewed original reference","discovered":"Original approvals, voice and tool evidence · approval-voice review","added":"2026-10-20","preview":"media/references/approval-voice--inspect-view-messages.png","previewSha256":"3f65708f8839674022af267438acdbfd2ed41d4f5d354276fb531a9bd4926310","previewSource":"https://raw.githubusercontent.com/UKGovernmentBEIS/inspect_ai/c90c3a1bf0be223393dcd0732e5ebc9e4c4222df/docs/images/inspect-view-messages.png","previewAnimated":false,"previewType":"Exact unmodified original creator static image","previewWidth":1516,"previewHeight":1554,"sourceResolution":"references/approval-voice-source-resolution.json"},{"id":"shadcnblocks--integration1","name":"Integration 1 - Integration cards with background pattern","collection":"shadcnblocks","creator":"Shadcnblocks · Rob","category":"Cards & layouts","why":"Original cards & layouts reference from Shadcnblocks · Rob.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://www.shadcnblocks.com/block/integration1","codeUrl":"https://www.shadcnblocks.com/block/integration1","repository":"","sourceFiles":[],"commit":"","access":"Commercial creator catalog · code access not checked","license":"Commercial creator terms; free/paid tier must be checked on the original page","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Original publisher operational-layout category","added":"2026-10-20","previewSource":"https://cdn.shadcnblocks.com/shadcnblocks/screenshots/block/integration1-4x3.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","sourceCategory":"integration","preview":"media/references/shadcnblocks--integration1.webp","previewWidth":1336,"previewHeight":1002,"previewSha256":"a0ca2b7f3ba991641bf5ed951e7a26bf3108cd54102b69fb98a1dd631d7c437c","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"shadcnblocks--integration10","name":"Integration 10 - Integration list with connect buttons","collection":"shadcnblocks","creator":"Shadcnblocks · Rob","category":"Cards & layouts","why":"Original cards & layouts reference from Shadcnblocks · Rob.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://www.shadcnblocks.com/block/integration10","codeUrl":"https://www.shadcnblocks.com/block/integration10","repository":"","sourceFiles":[],"commit":"","access":"Commercial creator catalog · code access not checked","license":"Commercial creator terms; free/paid tier must be checked on the original page","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Original publisher operational-layout category","added":"2026-10-20","previewSource":"https://cdn.shadcnblocks.com/shadcnblocks/screenshots/block/integration10-4x3.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","sourceCategory":"integration","preview":"media/references/shadcnblocks--integration10.webp","previewWidth":1336,"previewHeight":1002,"previewSha256":"3dbf11b2485af9cf21d361b73e07d34f2d3f2c31038e395cadbef93644fd7cd0","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"shadcnblocks--integration11","name":"Integration 11 - Tabbed integration grid with toggles","collection":"shadcnblocks","creator":"Shadcnblocks · Rob","category":"Cards & layouts","why":"Original cards & layouts reference from Shadcnblocks · Rob.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://www.shadcnblocks.com/block/integration11","codeUrl":"https://www.shadcnblocks.com/block/integration11","repository":"","sourceFiles":[],"commit":"","access":"Commercial creator catalog · code access not checked","license":"Commercial creator terms; free/paid tier must be checked on the original page","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Original publisher operational-layout category","added":"2026-10-20","previewSource":"https://cdn.shadcnblocks.com/shadcnblocks/screenshots/block/integration11-4x3.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","sourceCategory":"integration","preview":"media/references/shadcnblocks--integration11.webp","previewWidth":1336,"previewHeight":1002,"previewSha256":"75bfa996cf06512e593d88337f3617af62b1210856558eff56fe48c958ef0629","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"shadcnblocks--integration12","name":"Integration 12 - Integration permission confirmation dialog","collection":"shadcnblocks","creator":"Shadcnblocks · Rob","category":"Cards & layouts","why":"Original cards & layouts reference from Shadcnblocks · Rob.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://www.shadcnblocks.com/block/integration12","codeUrl":"https://www.shadcnblocks.com/block/integration12","repository":"","sourceFiles":[],"commit":"","access":"Commercial creator catalog · code access not checked","license":"Commercial creator terms; free/paid tier must be checked on the original page","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Original publisher operational-layout category","added":"2026-10-20","previewSource":"https://cdn.shadcnblocks.com/shadcnblocks/screenshots/block/integration12-4x3.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","sourceCategory":"integration","preview":"media/references/shadcnblocks--integration12.webp","previewWidth":1336,"previewHeight":1002,"previewSha256":"e52076a774fd1f6cc2d989af1a96ad87da4f8c09c5611962cd092475ac66f18e","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"shadcnblocks--integration13","name":"Integration 13 - Dock-style integration icons with hover animation","collection":"shadcnblocks","creator":"Shadcnblocks · Rob","category":"Cards & layouts","why":"Original cards & layouts reference from Shadcnblocks · Rob.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://www.shadcnblocks.com/block/integration13","codeUrl":"https://www.shadcnblocks.com/block/integration13","repository":"","sourceFiles":[],"commit":"","access":"Commercial creator catalog · code access not checked","license":"Commercial creator terms; free/paid tier must be checked on the original page","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Original publisher operational-layout category","added":"2026-10-20","previewSource":"https://cdn.shadcnblocks.com/shadcnblocks/screenshots/block/integration13-4x3.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","sourceCategory":"integration","preview":"media/references/shadcnblocks--integration13.webp","previewWidth":1336,"previewHeight":1002,"previewSha256":"372b525c32ce4d08fd2a3aa98f5b23c66401c007d410e66edce5e4f4dc86202b","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"shadcnblocks--integration14","name":"Integration 14 - Draggable logo marquee with hover glow","collection":"shadcnblocks","creator":"Shadcnblocks · Rob","category":"Cards & layouts","why":"Original cards & layouts reference from Shadcnblocks · Rob.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://www.shadcnblocks.com/block/integration14","codeUrl":"https://www.shadcnblocks.com/block/integration14","repository":"","sourceFiles":[],"commit":"","access":"Commercial creator catalog · code access not checked","license":"Commercial creator terms; free/paid tier must be checked on the original page","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Original publisher operational-layout category","added":"2026-10-20","previewSource":"https://cdn.shadcnblocks.com/shadcnblocks/screenshots/block/integration14-4x3.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","sourceCategory":"integration","preview":"media/references/shadcnblocks--integration14.webp","previewWidth":1336,"previewHeight":1002,"previewSha256":"c3607d74342e694f5b9d00ad53f1ceb6680f53489381eac4de57fe49f9a50e9a","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"shadcnblocks--integration15","name":"Integration 15 - Split integrations intro with logo link grid","collection":"shadcnblocks","creator":"Shadcnblocks · Rob","category":"Cards & layouts","why":"Original cards & layouts reference from Shadcnblocks · Rob.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://www.shadcnblocks.com/block/integration15","codeUrl":"https://www.shadcnblocks.com/block/integration15","repository":"","sourceFiles":[],"commit":"","access":"Commercial creator catalog · code access not checked","license":"Commercial creator terms; free/paid tier must be checked on the original page","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Original publisher operational-layout category","added":"2026-10-20","previewSource":"https://cdn.shadcnblocks.com/shadcnblocks/screenshots/block/integration15-4x3.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","sourceCategory":"integration","preview":"media/references/shadcnblocks--integration15.webp","previewWidth":1336,"previewHeight":1002,"previewSha256":"c341334bd24489f1db0be5c22a1e51d33253c46610bfc76e16248b2e4ef38904","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"shadcnblocks--integration16","name":"Integration 16 - Categorized integrations with tabs and select","collection":"shadcnblocks","creator":"Shadcnblocks · Rob","category":"Cards & layouts","why":"Original cards & layouts reference from Shadcnblocks · Rob.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://www.shadcnblocks.com/block/integration16","codeUrl":"https://www.shadcnblocks.com/block/integration16","repository":"","sourceFiles":[],"commit":"","access":"Commercial creator catalog · code access not checked","license":"Commercial creator terms; free/paid tier must be checked on the original page","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Original publisher operational-layout category","added":"2026-10-20","previewSource":"https://cdn.shadcnblocks.com/shadcnblocks/screenshots/block/integration16-4x3.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","sourceCategory":"integration","preview":"media/references/shadcnblocks--integration16.webp","previewWidth":1336,"previewHeight":1002,"previewSha256":"f289f6a91bba02db001d1ed344984265699a2dafa190814e5a8e9eaf396fcc75","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"shadcnblocks--integration17","name":"Integration 17 - Technical logo grid with settings dialog","collection":"shadcnblocks","creator":"Shadcnblocks · Rob","category":"Cards & layouts","why":"Original cards & layouts reference from Shadcnblocks · Rob.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://www.shadcnblocks.com/block/integration17","codeUrl":"https://www.shadcnblocks.com/block/integration17","repository":"","sourceFiles":[],"commit":"","access":"Commercial creator catalog · code access not checked","license":"Commercial creator terms; free/paid tier must be checked on the original page","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Original publisher operational-layout category","added":"2026-10-20","previewSource":"https://cdn.shadcnblocks.com/shadcnblocks/screenshots/block/integration17-4x3.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","sourceCategory":"integration","preview":"media/references/shadcnblocks--integration17.webp","previewWidth":1336,"previewHeight":1002,"previewSha256":"f7caa78f88533e4a56d9fb100cac6bf3c5aeff0a32645e4c0fe75e5b20fc0069","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"shadcnblocks--integration18","name":"Integration 18 - Accordion integration settings list","collection":"shadcnblocks","creator":"Shadcnblocks · Rob","category":"Cards & layouts","why":"Original cards & layouts reference from Shadcnblocks · Rob.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://www.shadcnblocks.com/block/integration18","codeUrl":"https://www.shadcnblocks.com/block/integration18","repository":"","sourceFiles":[],"commit":"","access":"Commercial creator catalog · code access not checked","license":"Commercial creator terms; free/paid tier must be checked on the original page","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Original publisher operational-layout category","added":"2026-10-20","previewSource":"https://cdn.shadcnblocks.com/shadcnblocks/screenshots/block/integration18-4x3.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","sourceCategory":"integration","preview":"media/references/shadcnblocks--integration18.webp","previewWidth":1336,"previewHeight":1002,"previewSha256":"1b61778bc528b0bf6c43f6659ca96f49c19e17914b5ea945c5e9173ea06e5ae6","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"shadcnblocks--integration19","name":"Integration 19 - Interactive hub and spoke diagram","collection":"shadcnblocks","creator":"Shadcnblocks · Rob","category":"Cards & layouts","why":"Original cards & layouts reference from Shadcnblocks · Rob.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://www.shadcnblocks.com/block/integration19","codeUrl":"https://www.shadcnblocks.com/block/integration19","repository":"","sourceFiles":[],"commit":"","access":"Commercial creator catalog · code access not checked","license":"Commercial creator terms; free/paid tier must be checked on the original page","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Original publisher operational-layout category","added":"2026-10-20","previewSource":"https://cdn.shadcnblocks.com/shadcnblocks/screenshots/block/integration19-4x3.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","sourceCategory":"integration","preview":"media/references/shadcnblocks--integration19.webp","previewWidth":1336,"previewHeight":1002,"previewSha256":"f4aa87eb555d6282966850cf4f6d2117f8db5e216adeffd73e89d1f2bfad54c5","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"shadcnblocks--integration2","name":"Integration 2 - Logo marquee with gradient fade","collection":"shadcnblocks","creator":"Shadcnblocks · Rob","category":"Cards & layouts","why":"Original cards & layouts reference from Shadcnblocks · Rob.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://www.shadcnblocks.com/block/integration2","codeUrl":"https://www.shadcnblocks.com/block/integration2","repository":"","sourceFiles":[],"commit":"","access":"Commercial creator catalog · code access not checked","license":"Commercial creator terms; free/paid tier must be checked on the original page","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Original publisher operational-layout category","added":"2026-10-20","previewSource":"https://cdn.shadcnblocks.com/shadcnblocks/screenshots/block/integration2-4x3.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","sourceCategory":"integration","preview":"media/references/shadcnblocks--integration2.webp","previewWidth":1336,"previewHeight":1002,"previewSha256":"95676b108531e487b9ceff12e0fb9e86dd36e4d5596b1d30a50737b2259ef3ae","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"shadcnblocks--integration20","name":"Integration 20 - Category tabs with connect dialog","collection":"shadcnblocks","creator":"Shadcnblocks · Rob","category":"Cards & layouts","why":"Original cards & layouts reference from Shadcnblocks · Rob.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://www.shadcnblocks.com/block/integration20","codeUrl":"https://www.shadcnblocks.com/block/integration20","repository":"","sourceFiles":[],"commit":"","access":"Commercial creator catalog · code access not checked","license":"Commercial creator terms; free/paid tier must be checked on the original page","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Original publisher operational-layout category","added":"2026-10-20","previewSource":"https://cdn.shadcnblocks.com/shadcnblocks/screenshots/block/integration20-4x3.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","sourceCategory":"integration","preview":"media/references/shadcnblocks--integration20.webp","previewWidth":1336,"previewHeight":1002,"previewSha256":"80c41e09f035705736bc8f388a74556c13cfbf2481f9f51751eb4bebfde2b118","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"shadcnblocks--integration21","name":"Integration 21 - Tagged integration cards with connect dialog","collection":"shadcnblocks","creator":"Shadcnblocks · Rob","category":"Cards & layouts","why":"Original cards & layouts reference from Shadcnblocks · Rob.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://www.shadcnblocks.com/block/integration21","codeUrl":"https://www.shadcnblocks.com/block/integration21","repository":"","sourceFiles":[],"commit":"","access":"Commercial creator catalog · code access not checked","license":"Commercial creator terms; free/paid tier must be checked on the original page","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Original publisher operational-layout category","added":"2026-10-20","previewSource":"https://cdn.shadcnblocks.com/shadcnblocks/screenshots/block/integration21-4x3.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","sourceCategory":"integration","preview":"media/references/shadcnblocks--integration21.webp","previewWidth":1336,"previewHeight":1002,"previewSha256":"bd647e29af4be7d529c0bb17cf7757f481e53e300fedc14411ffa2b58db83db7","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"shadcnblocks--integration3","name":"Integration 3 - Simple integration list","collection":"shadcnblocks","creator":"Shadcnblocks · Rob","category":"Cards & layouts","why":"Original cards & layouts reference from Shadcnblocks · Rob.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://www.shadcnblocks.com/block/integration3","codeUrl":"https://www.shadcnblocks.com/block/integration3","repository":"","sourceFiles":[],"commit":"","access":"Commercial creator catalog · code access not checked","license":"Commercial creator terms; free/paid tier must be checked on the original page","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Original publisher operational-layout category","added":"2026-10-20","previewSource":"https://cdn.shadcnblocks.com/shadcnblocks/screenshots/block/integration3-4x3.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","sourceCategory":"integration","preview":"media/references/shadcnblocks--integration3.webp","previewWidth":1336,"previewHeight":1002,"previewSha256":"6fbc3c7b6c65d3faad0a23fc1cdd5000ba3c01e57ae988c74341c8b9a5394da7","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"shadcnblocks--integration4","name":"Integration 4 - Integration connection with SVG illustration","collection":"shadcnblocks","creator":"Shadcnblocks · Rob","category":"Cards & layouts","why":"Original cards & layouts reference from Shadcnblocks · Rob.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://www.shadcnblocks.com/block/integration4","codeUrl":"https://www.shadcnblocks.com/block/integration4","repository":"","sourceFiles":[],"commit":"","access":"Commercial creator catalog · code access not checked","license":"Commercial creator terms; free/paid tier must be checked on the original page","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Original publisher operational-layout category","added":"2026-10-20","previewSource":"https://cdn.shadcnblocks.com/shadcnblocks/screenshots/block/integration4-4x3.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","sourceCategory":"integration","preview":"media/references/shadcnblocks--integration4.webp","previewWidth":1336,"previewHeight":1002,"previewSha256":"e77bbbfeed0be7b8ce676f61c17b725405295c4c2a541f878ae1e7e38c8082c6","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"shadcnblocks--integration5","name":"Integration 5 - Two-column integration overview with icon grid","collection":"shadcnblocks","creator":"Shadcnblocks · Rob","category":"Cards & layouts","why":"Original cards & layouts reference from Shadcnblocks · Rob.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://www.shadcnblocks.com/block/integration5","codeUrl":"https://www.shadcnblocks.com/block/integration5","repository":"","sourceFiles":[],"commit":"","access":"Commercial creator catalog · code access not checked","license":"Commercial creator terms; free/paid tier must be checked on the original page","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Original publisher operational-layout category","added":"2026-10-20","previewSource":"https://cdn.shadcnblocks.com/shadcnblocks/screenshots/block/integration5-4x3.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","sourceCategory":"integration","preview":"media/references/shadcnblocks--integration5.webp","previewWidth":1336,"previewHeight":1002,"previewSha256":"dbbea827a48c9f69a7b8d23461b5eea56c669458bf4bee7b7470d65bca18e272","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"shadcnblocks--integration6","name":"Integration 6 - Dark card with auto-scrolling logo carousel","collection":"shadcnblocks","creator":"Shadcnblocks · Rob","category":"Cards & layouts","why":"Original cards & layouts reference from Shadcnblocks · Rob.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://www.shadcnblocks.com/block/integration6","codeUrl":"https://www.shadcnblocks.com/block/integration6","repository":"","sourceFiles":[],"commit":"","access":"Commercial creator catalog · code access not checked","license":"Commercial creator terms; free/paid tier must be checked on the original page","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Original publisher operational-layout category","added":"2026-10-20","previewSource":"https://cdn.shadcnblocks.com/shadcnblocks/screenshots/block/integration6-4x3.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","sourceCategory":"integration","preview":"media/references/shadcnblocks--integration6.webp","previewWidth":1336,"previewHeight":1002,"previewSha256":"2264c16714c06947c858c899a1d655ea519579ea998297cf36fdcfed962812ac","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"shadcnblocks--integration7","name":"Integration 7 - Compact integration pill row","collection":"shadcnblocks","creator":"Shadcnblocks · Rob","category":"Cards & layouts","why":"Original cards & layouts reference from Shadcnblocks · Rob.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://www.shadcnblocks.com/block/integration7","codeUrl":"https://www.shadcnblocks.com/block/integration7","repository":"","sourceFiles":[],"commit":"","access":"Commercial creator catalog · code access not checked","license":"Commercial creator terms; free/paid tier must be checked on the original page","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Original publisher operational-layout category","added":"2026-10-20","previewSource":"https://cdn.shadcnblocks.com/shadcnblocks/screenshots/block/integration7-4x3.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","sourceCategory":"integration","preview":"media/references/shadcnblocks--integration7.webp","previewWidth":1336,"previewHeight":1002,"previewSha256":"b003c399c17a428b0fcfea96e28dd2cefc9985c7d82a2adc1263eec9268a1dc6","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"shadcnblocks--integration9","name":"Integration 9 - Integration card grid","collection":"shadcnblocks","creator":"Shadcnblocks · Rob","category":"Cards & layouts","why":"Original cards & layouts reference from Shadcnblocks · Rob.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://www.shadcnblocks.com/block/integration9","codeUrl":"https://www.shadcnblocks.com/block/integration9","repository":"","sourceFiles":[],"commit":"","access":"Commercial creator catalog · code access not checked","license":"Commercial creator terms; free/paid tier must be checked on the original page","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Original publisher operational-layout category","added":"2026-10-20","previewSource":"https://cdn.shadcnblocks.com/shadcnblocks/screenshots/block/integration9-4x3.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","sourceCategory":"integration","preview":"media/references/shadcnblocks--integration9.webp","previewWidth":1336,"previewHeight":1002,"previewSha256":"981574a30cde14bcd5738f284dbe30b5e8def70fe1febfd8c5d8a9050d4fe591","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"affectui--integration-beam","name":"Integration Beam","collection":"affectui","category":"Spatial & motion","why":"Pulses follow actual curved relationships and hovering focuses a connection. Motion communicates direction instead of adding unrelated decoration.","useFor":"Tool-connection explanations and integration onboarding.","sourceFiles":["sources/affectui/code/illustrations/integration-beam.tsx"],"website":"https://www.affectui.com/illustrations/integration-beam","repository":"https://github.com/flohoeller/affectui","commit":"cc799e7e438efcea8d484fa27932405ea60bff9a","license":"MIT","access":"Source saved","review":"Source located + documentation","favorite":false,"discovered":"X bookmarks","added":"2026-10-20","preview":"media/screenshots/affectui--integration-beam.jpg","previewType":"Screenshot of the creator’s published web demo","previewSource":"https://www.affectui.com/illustrations/integration-beam","capturedAt":"2026-10-20T04:18:46.813Z","previewWidth":894,"previewHeight":520,"previewAnimated":false},{"id":"21st--meschacirung--integrations-component","name":"Integrations Component","collection":"21st-community","creator":"Méschac Irung","category":"Conversation craft","why":"Original conversation craft reference from Méschac Irung.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@meschacirung/components/integrations-component/integrations-4","codeUrl":"https://21st.dev/@meschacirung/components/integrations-component/integrations-4","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community ai-chat catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/meschacirung/integrations-component/integrations-4/preview.1789595023972-f4040326-9d39-437f-882e-caf3331eb4d1.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"meschacirung","sourceCategory":"ai-chat","creatorPublicationUrl":"https://21st.dev/@meschacirung/components/integrations-component/integrations-4","preview":"media/references/21st--meschacirung--integrations-component.png","previewWidth":960,"previewHeight":721,"previewSha256":"39ee9391f837fed3e16b455c7484a03b1a2014d6c1f2cdaec58977c08618b61b","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@meschacirung/components/integrations-component"},{"id":"21st--efferd--integrations-4-2","name":"Integrations Grid","collection":"21st-community","creator":"Efferd","category":"Cards & layouts","why":"Original cards & layouts reference from Efferd.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@efferd/components/integrations-4-2","codeUrl":"https://21st.dev/@efferd/components/integrations-4-2","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community grid catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/sshahaider/integrations-4/default/preview.1783660747009.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"efferd","sourceCategory":"grid","creatorPublicationUrl":"https://21st.dev/@efferd/components/integrations-4-2","preview":"media/references/21st--efferd--integrations-4-2.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"6cd6895ee1bd4541b58d9948522ed11913f038bc1dc2264dec985f6716d83ed0","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@efferd/components/integrations-4-2"},{"id":"21st--meschacirung--integrations-3","name":"Integrations Section","collection":"21st-community","creator":"Méschac Irung","category":"Cards & layouts","why":"Original cards & layouts reference from Méschac Irung.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@meschacirung/components/integrations-3","codeUrl":"https://21st.dev/@meschacirung/components/integrations-3","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community grid catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/meschacirung/integrations-3/default/preview.1784404026081-b0bfab6a-2fb0-4f7c-bd7a-64f00d659416.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"meschacirung","sourceCategory":"grid","creatorPublicationUrl":"https://21st.dev/@meschacirung/components/integrations-3","preview":"media/references/21st--meschacirung--integrations-3.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"4b6a2b771ce4e90e8fcea59ce47f4144ab8a0de68aa2ec068af8fd69e58b736c","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@meschacirung/components/integrations-3"},{"id":"codrops--interactive-3d-device-showcase-with-threepipe","name":"Interactive 3D Device Showcase with Threepipe","collection":"codrops-creative","creator":"Palash Bansal","creatorUrl":"https://tympanus.net/codrops/hub/author/palash","category":"Spatial experiences","styleTags":["3D","Three.js","WebGL"],"why":"Photoreal laptop and phone on soft grey with screen content bleeding across devices","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Tutorials/DeviceShowcase","codeUrl":"https://github.com/repalash/threepipe-device-mockup-codrops","repository":"https://github.com/repalash/threepipe-device-mockup-codrops","sourceFiles":[],"commit":"","access":"Creator code page linked · HTTP 200; license/reuse terms not audited","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview selection; creator/demo/source links traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub · October 20 creator-depth review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2024/08/threepipe_feat.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Aug 7, 2024","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T07:38:51.455636+00:00","preview":"media/references/codrops--interactive-3d-device-showcase-with-threepipe.png","previewWidth":1600,"previewHeight":1200,"previewSha256":"ce12d094617294c4109874a13ff16ec691b14a16b5118aeb63220a43416f8afe","previewAnimated":false,"sourcePageCheck":{"status":200,"resolvedUrl":"https://github.com/repalash/threepipe-device-mockup-codrops","checkedAt":"2026-10-20T07:40:44.011372+00:00"}},{"id":"codrops--interactive-bubble-metaballs","name":"Interactive Bubble Metaballs","collection":"codrops-creative","creator":"Yuki Kojima","creatorUrl":"https://tympanus.net/codrops/hub/author/yukikojima","category":"Shaders & materials","styleTags":["glsl","metaballs","postprocessing","three.js","webgl"],"why":"Chrome-lettered 'Droplets' with a purple liquid blob merging into the glyphs on black; glossy liquid used as a type material.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Tutorials/InteractiveBubbleMetaballs","codeUrl":"https://github.com/koji014/interactive-droplets","repository":"https://github.com/koji014/interactive-droplets","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/05/droplet_featured_image-768x576.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Jun 9, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:54:42.821988+00:00","preview":"media/references/codrops--interactive-bubble-metaballs.png","previewWidth":768,"previewHeight":576,"previewSha256":"701348f7cf951a2bfd16597346307c0345a16f80eb1929ba5e22ef061331f5ca","previewAnimated":false},{"id":"codrops--interactive-drag-drop-styling-ui","name":"Interactive Drag & Drop Styling UI","collection":"codrops-creative","creator":"Ikram Hakim","creatorUrl":"https://tympanus.net/codrops/hub/author/ikramhakim","category":"Creative controls & effects","styleTags":["3d","draggable"],"why":"Garment thumbnails surround a central wearer on a white stage, making the product-selection targets and styled result share one composition. The linked original demonstrates the interaction.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Development/InteractiveStylingUI","codeUrl":"https://github.com/kaberikram/Interactive-Styling-Canvas","repository":"https://github.com/kaberikram/Interactive-Styling-Canvas","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Full-size original preview inspected after contact-sheet review; no runtime/accessibility/source-license audit","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/06/dragdrop_featured-768x576.jpg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Jun 6, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:54:42.821988+00:00","preview":"media/references/codrops--interactive-drag-drop-styling-ui.jpg","previewWidth":768,"previewHeight":576,"previewSha256":"3da1f1edae1fea6cb54bc53de145d2a1da7c34b52eff9100d27524558c28f25d","previewAnimated":false},{"id":"codrops--interactive-glass-xylophone-with-three-js","name":"Interactive Glass Xylophone with Three.js","collection":"codrops-creative","creator":"Sujen Phea","creatorUrl":"https://tympanus.net/codrops/hub/author/sujenphea","category":"Galleries & transitions","styleTags":["3d","audio","scroll","three.js","webgl"],"why":"Original galleries & transitions reference published in the Codrops Creative Hub; inspect the image and original demo for its visual approach.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Tutorials/Xylophone/","codeUrl":"https://github.com/Sujenphea/xylophone","repository":"https://github.com/Sujenphea/xylophone","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Contact-sheet preview reviewed with Sonnet 5.5 Medium; original publisher links traced; not runtime-tested","selectionType":"Preview-reviewed design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/08/xylophone_cover-768x576.png.webp","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Aug 4, 2026","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:23:38.056369+00:00","preview":"media/references/codrops--interactive-glass-xylophone-with-three-js.webp","previewWidth":768,"previewHeight":576,"previewSha256":"3417bdb817139d39d29ffc538e35cd07a8566ffc43f20d99b31a3d42d9be3db4","previewAnimated":false},{"id":"codrops--interactive-image-gallery","name":"Interactive Image Gallery","collection":"codrops-creative","creator":"deadrabbbbit","creatorUrl":"https://tympanus.net/codrops/hub/author/deadrabbbbit","category":"Galleries & transitions","styleTags":["carousel","draggable","GSAP"],"why":"Tilted B/W movie cards with a centered focused card on white","useFor":"Study the original design and its linked implementation before adoption.","website":"https://codepen.io/d3adr4bbit/full/RwvmGzV","codeUrl":"https://codepen.io/d3adr4bbit/pen/RwvmGzV","repository":"","sourceFiles":[],"commit":"","access":"Creator code linked · access unverified (source response recorded)","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview selection; creator/demo/source links traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub · October 20 creator-depth review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/10/Screenshot-2025-10-02-at-08.46.31.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Dec 13, 2023","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T07:38:51.455636+00:00","preview":"media/references/codrops--interactive-image-gallery.png","previewWidth":1600,"previewHeight":1202,"previewSha256":"f80ae7ea10e6043aaa870f083b4408ec9b2fa24964ea7b9524a4c547bb2ca930","previewAnimated":false,"sourcePageCheck":{"status":403,"resolvedUrl":"https://codepen.io/d3adr4bbit/pen/RwvmGzV","checkedAt":"2026-10-20T07:40:31.065866+00:00"}},{"id":"codrops--interactive-image-grid-with-three-js","name":"Interactive Image Grid with Three.js","collection":"codrops-creative","creator":"Samuel Jarry","creatorUrl":"https://tympanus.net/codrops/hub/author/samueljarry","category":"Galleries & transitions","styleTags":["grid","three.js","webgl"],"why":"Beige page of tiny dotted square tiles that resolve into a central photo mosaic; quiet, tactile grid on a warm neutral.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Tutorials/InteractiveImageGrid","codeUrl":"https://github.com/samueljarry/codrops-tutorial-grid","repository":"https://github.com/samueljarry/codrops-tutorial-grid","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/03/interactiveimagegridthreejs-768x576.jpeg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Mar 18, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:54:42.821988+00:00","preview":"media/references/codrops--interactive-image-grid-with-three-js.jpg","previewWidth":768,"previewHeight":576,"previewSha256":"f03b4bd6b4b2329687ddb1117dbdf22d107bb5d657d954335f46b42fa5c49739","previewAnimated":false},{"id":"codrops--interactive-liquid-glass-animation","name":"Interactive Liquid Glass Animation","collection":"codrops-creative","creator":"BL/S®","creatorUrl":"https://tympanus.net/codrops/hub/author/blackleadstudio","category":"Shaders & materials","styleTags":["canvas","glass","glsl","video"],"why":"Original shaders & materials reference published in the Codrops Creative Hub; inspect the image and original demo for its visual approach.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://codepen.io/blacklead-studio/full/myVRavX","codeUrl":"https://codepen.io/blacklead-studio/full/myVRavX","repository":"","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Contact-sheet preview reviewed with Sonnet 5.5 Medium; original publisher links traced; not runtime-tested","selectionType":"Preview-reviewed design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/10/Screenshot-2025-10-11-at-08.14.25-768x577.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Oct 6, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:23:38.056369+00:00","preview":"media/references/codrops--interactive-liquid-glass-animation.png","previewWidth":768,"previewHeight":577,"previewSha256":"a54a307727d2a9c873a28d81d5311d6f7a6ede70366b868dbcb535b74ac0bb94","previewAnimated":false},{"id":"codrops--interactive-mouse-effect-with-instancing-in-three-js","name":"Interactive Mouse Effect with Instancing in Three.js","collection":"codrops-creative","creator":"Daniel Velasquez","creatorUrl":"https://tympanus.net/codrops/hub/author/anemolito","category":"Shaders & materials","styleTags":["reflection","Three.js","WebGL"],"why":"White diamond-lattice surface pressed into a dent by a red cursor sphere","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Tutorials/MouseInstancing/","codeUrl":"https://github.com/Anemolo/ThreeJs-Instancing-mouse-effect","repository":"https://github.com/Anemolo/ThreeJs-Instancing-mouse-effect","sourceFiles":[],"commit":"","access":"Creator code page linked · HTTP 200; license/reuse terms not audited","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview selection; creator/demo/source links traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub · October 20 creator-depth review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2023/12/instancingthreejs.jpg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Dec 13, 2023","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T07:38:51.455636+00:00","preview":"media/references/codrops--interactive-mouse-effect-with-instancing-in-three-js.jpg","previewWidth":800,"previewHeight":599,"previewSha256":"8538cf43de87c163e077b170293d802a43be1890bd93ceabd54b5710cefb15ce","previewAnimated":false,"observedOriginalDemoUrl":"http://tympanus.net/Tutorials/MouseInstancing/","redirectVerification":"Observed HTTP demo link followed to HTTPS in normal Chrome navigation.","sourcePageCheck":{"status":200,"resolvedUrl":"https://github.com/Anemolo/ThreeJs-Instancing-mouse-effect","checkedAt":"2026-10-20T07:40:33.261304+00:00"}},{"id":"codrops--interactive-tab-system-with-gsap","name":"Interactive Tab System with GSAP","collection":"codrops-creative","creator":"Osmo","creatorUrl":"https://tympanus.net/codrops/hub/author/osmo","category":"Navigation & search","styleTags":["GSAP","tabs"],"why":"Hero with a small Shapes / Depth / Layers tab switch that changes the abstract image on the right, a compact segmented control inside a landing layout.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://codepen.io/osmosupply/full/vEBeKJz","codeUrl":"https://codepen.io/osmosupply/pen/vEBeKJz","repository":"","sourceFiles":[],"commit":"","access":"Creator code linked · access unverified (source response recorded)","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview review; original demo/source attribution traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub · October 20 midday review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2024/12/image-2025-01-04-at-16.28.21.jpg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Dec 30, 2024","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T06:57:46.927245+00:00","preview":"media/references/codrops--interactive-tab-system-with-gsap.jpg","previewWidth":1164,"previewHeight":823,"previewSha256":"d9b3c8179b787c0519eae7700ea8bcd07cb4d12dc98401b4bb5d0385734e312f","previewAnimated":false,"observedPage":6,"sourcePageCheck":{"status":403,"resolvedUrl":"https://codepen.io/osmosupply/pen/vEBeKJz","checkedAt":"2026-10-20T07:06:14.999283+00:00"}},{"id":"21st--alexperezcedeno--interactive-tech-stack-builder","name":"Interactive Tech Stack Builder","collection":"21st-community","creator":"Alex Reino","category":"Human control","why":"Original human control reference from Alex Reino.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@alexperezcedeno/components/interactive-tech-stack-builder","codeUrl":"https://21st.dev/@alexperezcedeno/components/interactive-tech-stack-builder","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community onboarding catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/alexperezcedeno/interactive-tech-stack-builder/default/preview.1783434843893.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"alexperezcedeno","sourceCategory":"onboarding","creatorPublicationUrl":"https://21st.dev/@alexperezcedeno/components/interactive-tech-stack-builder","preview":"media/references/21st--alexperezcedeno--interactive-tech-stack-builder.png","previewWidth":960,"previewHeight":670,"previewSha256":"b841b1fa4f5416d0915a1586c8a937b0dfe3ebaf1612ba6d5193de440e8375d4","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@alexperezcedeno/components/interactive-tech-stack-builder"},{"id":"codrops--interactive-text-destruction-with-three-js-webgpu-and-tsl","name":"Interactive Text Destruction with Three.js, WebGPU, and TSL","collection":"codrops-creative","creator":"Lolo Armdz","creatorUrl":"https://tympanus.net/codrops/hub/author/xxxlolx","category":"Editorial & typography","styleTags":["three.js","tsl","typography","webgl","webgpu"],"why":"Word 'NUEVOS' broken into neon magenta and cyan shards on dark; shows type treated as a physical, fragmentable material.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Tutorials/InteractiveTextDestruction/","codeUrl":"https://github.com/armdz/tsl_elastic_vertex_destruction","repository":"https://github.com/armdz/tsl_elastic_vertex_destruction","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/07/image-2025-07-22-at-09.32.11-768x576.jpg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Jul 22, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:54:42.821988+00:00","preview":"media/references/codrops--interactive-text-destruction-with-three-js-webgpu-and-tsl.jpg","previewWidth":768,"previewHeight":576,"previewSha256":"3b135ffd0459f5a0d991373e916cf7f54eea3aef3e1fc4957bddbca89b7145ca","previewAnimated":false},{"added":"2026-10-20","sourceFiles":[],"repository":"","commit":"","codeUrl":"","previewAnimated":false,"discovered":"Original X creator trails, native feature tour and primary motion tools · workflow-spatial review","selectionType":"Visually reviewed original reference","review":"Sonnet 5.5 Medium static visual review; provenance/source checks, not runtime, accessibility or full license/dependency audit","useFor":"Study the exact original reference and linked creator source. Respect its access and license terms.","id":"interfere--design-system","name":"Interfere design system","category":"Cards & layouts","why":"A specimen grid pairs root-cause status, a vertical stepper, shortcut-labelled menu rows, pixel-loading shapes and avatars; one cohesive original system rather than separate counts for each primitive.","favorite":false,"collection":"interfere","preview":"media/references/interfere--design-system.jpg","previewSha256":"15be1d912a59009d0e1956ac271595e1e1d7b60533c12ec3918eaa9ec4ea7a09","website":"https://design.interfere.com/","previewSource":"https://pbs.twimg.com/media/HUr7GPvXsAA95Gw?format=jpg&name=4096x4096","additionalOriginalImages":[],"creator":"Jakub Krehel and Paul Faivret · Interfere","creatorUrl":"https://design.interfere.com/","access":"Demo reference · original published design system; component source not traced","license":"Original design system; no public implementation/reuse license established.","originalCreatorPost":"https://x.com/jakubkrehel/status/2110776157344035229","previewType":"Exact original creator-posted design-system image; edge crops are part of the creator’s composition","previewWidth":4096,"previewHeight":2150},{"id":"x-design--basit-investment-sections","name":"Investment website · editorial sections","collection":"x-design","creator":"Basit A. Khan · @basit_designs","creatorUrl":"https://x.com/basit_designs","category":"Full websites & portfolios","why":"An asymmetric metric panel and large nature photograph create a calm product section, with a sharp lime accent and generous whitespace. The exact creator post contains both section images.","useFor":"Study the balance of metrics, photography and whitespace in the original layout.","website":"https://x.com/basit_designs/status/2112237669023613427","codeUrl":"","repository":"","sourceFiles":[],"commit":"","access":"Concept · no public code linked","license":"Creator copyright; design reference only, no reuse license verified","review":"Exact creator post and first static design image visually reviewed; no implementation or public source found in the post","selectionType":"Visually reviewed original post","favorite":false,"discovered":"Mohith Chrome → X website-design image search → creator’s original post","added":"2026-10-20","preview":"media/references/x--basit-design-sections-1.jpg","previewSource":"https://pbs.twimg.com/media/HVAsvOmb0AArdPp?format=jpg&name=small","previewType":"Exact original static image published by the creator on X","previewWidth":680,"previewHeight":555,"previewSha256":"8ca12d422e78708b7f711327209ef76dcbebfbde44192655930929f0c1f11848","previewAnimated":false,"additionalImages":[{"preview":"media/references/x--basit-design-sections-2.jpg","previewSource":"https://pbs.twimg.com/media/HVAsvOma8AAzNLw?format=jpg&name=small"}],"retrievedAt":"2026-10-20T05:25:45.550854+00:00","researcherTags":["editorial","finance","asymmetric layout","photography","light"]},{"id":"21st--shadcnspace--invite-member-card","name":"Invite Member Card","collection":"21st-community","creator":"ShadcnSpace","category":"Feedback & states","why":"Original feedback & states reference from ShadcnSpace.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@shadcnspace/components/invite-member-card","codeUrl":"https://21st.dev/@shadcnspace/components/invite-member-card","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community empty-state catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/shadcnspace/invite-member-card/default/preview.1789979439306-052d5ace-a241-4f65-a9d8-00e16d4de172.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"shadcnspace","sourceCategory":"empty-state","creatorPublicationUrl":"https://21st.dev/@shadcnspace/components/invite-member-card","preview":"media/references/21st--shadcnspace--invite-member-card.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"8b8f1ef329ffa75ba6458e86c67804ad07b2caa73f0a203bb85ea54944d87a8a","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@shadcnspace/components/invite-member-card"},{"id":"21st--shadcnui-blocks--empty-state-02","name":"Invoice Empty State","collection":"21st-community","creator":"shadcnui-blocks","category":"Feedback & states","why":"Original feedback & states reference from shadcnui-blocks.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@shadcnui-blocks/components/empty-state-02","codeUrl":"https://21st.dev/@shadcnui-blocks/components/empty-state-02","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community empty-state catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/shadcnui-blocks/empty-state-02/default/preview.1783730813924.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"shadcnui-blocks","sourceCategory":"empty-state","creatorPublicationUrl":"https://21st.dev/@shadcnui-blocks/components/empty-state-02","preview":"media/references/21st--shadcnui-blocks--empty-state-02.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"48fcaa96db4679020630bae11866728d4855a89385c451ed53e203628cf329cf","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@shadcnui-blocks/components/empty-state-02"},{"id":"21st--ziegfiroyt--settings64","name":"Invoice History Table","collection":"21st-community","creator":"uğur sözen","category":"Dashboards & data","why":"Original dashboards & data reference from uğur sözen.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@ziegfiroyt/components/settings64","codeUrl":"https://21st.dev/@ziegfiroyt/components/settings64","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community dashboard catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/ziegfiroyt/settings64/default/preview.1789978574209-3b932613-f052-4291-bf7d-999e3f7df08e.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"ziegfiroyt","sourceCategory":"dashboard","creatorPublicationUrl":"https://21st.dev/@ziegfiroyt/components/settings64","preview":"media/references/21st--ziegfiroyt--settings64.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"1be9667229745a27dc6cf1cabf003c6a06fbc9ae2f8caadfd6be1bc73ee5f96b","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@ziegfiroyt/components/settings64"},{"id":"codrops--isle-thorne-collective-astro-template","name":"Isle Thorne Collective Astro Template","collection":"codrops-creative","creator":"Manoela Ilic","creatorUrl":"https://tympanus.net/codrops/hub/author/crnacura","category":"Full websites & portfolios","styleTags":["astro","gsap","page transition","template"],"why":"Original full websites & portfolios reference published in the Codrops Creative Hub; inspect the image and original demo for its visual approach.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://isle-thorne-collective.crnacura.workers.dev/","codeUrl":"https://github.com/codrops/isle-thorne-collective","repository":"https://github.com/codrops/isle-thorne-collective","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Contact-sheet preview reviewed with Sonnet 5.5 Medium; original publisher links traced; not runtime-tested","selectionType":"Preview-reviewed design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/10/Isle-Thorne-01-4x3-first-frame-768x576.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Oct 7, 2026","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:23:38.056369+00:00","preview":"media/references/codrops--isle-thorne-collective-astro-template.png","previewWidth":768,"previewHeight":576,"previewSha256":"63d24fb2b5f073cf8ff149bb0da03cdf2b6ece271b6917a83c119dd7aeb04dc3","previewAnimated":false},{"id":"21st--shadcn--item","name":"Item","collection":"21st-community","creator":"shadcn","category":"Cards & layouts","why":"Original cards & layouts reference from shadcn.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@shadcn/components/item/header","codeUrl":"https://21st.dev/@shadcn/components/item/header","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community card catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_shadcn/item/header/preview.1787912131133.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"shadcn","sourceCategory":"card","creatorPublicationUrl":"https://21st.dev/@shadcn/components/item/header","preview":"media/references/21st--shadcn--item.png","previewWidth":960,"previewHeight":633,"previewSha256":"c63fc04b44005a3b0fbe840e9647caa99734cfd7d174351da1f59b9c9f4b3cdd","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@shadcn/components/item"},{"id":"webzibition--jesper-westlund","name":"Jesper Westlund","collection":"webzibition","creator":"Jesper Westlund · original site","creatorAttribution":"Site identity from the publisher listing; individual design author not independently verified","category":"Spatial experiences","why":"Pitch-black virtual room with floating framed panels at angles; minimal dark gallery space.","useFor":"Study the original website’s composition and presentation; code availability is unverified.","website":"https://www.jesperwestlund.com/","codeUrl":"","repository":"","sourceFiles":[],"commit":"","access":"Design reference · public source not traced","license":"Website and preview rights belong to their respective owners; no source or reuse license verified","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited; original website returned HTTP200; screenshot may predate the current live design","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"Codrops Webzibition → original website","added":"2026-10-20","preview":"media/references/webzibition--jesper-westlund.webp","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/09/JesperWestlund-1200x649.png.webp?x67708","previewType":"Codrops publisher screenshot of the linked original website; not a fresh live capture","previewWidth":1200,"previewHeight":649,"previewSha256":"6707bd7095c2d61af62121fe927a355280e641a89f9746ae022f1f7909f4f6c1","previewAnimated":false,"publisherIndex":"https://tympanus.net/codrops/webzibition/","publisherRecord":"post-120936","pageTitle":"Jesper Westlund — Design Engineer","pageCheckedAt":"2026-10-20T05:54:32.868906+00:00","pageAvailability":"HTTP200; same-domain original website","retrievedAt":"2026-10-20T05:54:32.868906+00:00"},{"id":"codrops--john-particias-comfort-space","name":"John & Particia’s Comfort Space","collection":"codrops-creative","creator":"Andrew Woan","creatorUrl":"https://tympanus.net/codrops/hub/author/andrewwoan","category":"Spatial experiences","styleTags":["gsap","three.js","webgl"],"why":"Original spatial experiences reference published in the Codrops Creative Hub; inspect the image and original demo for its visual approach.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://john-and-patricias-comfort-site-about-attachment-styles.com/","codeUrl":"https://github.com/andrewwoan/john-and-patricias-romantic-comfort-website","repository":"https://github.com/andrewwoan/john-and-patricias-romantic-comfort-website","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Contact-sheet preview reviewed with Sonnet 5.5 Medium; original publisher links traced; not runtime-tested","selectionType":"Preview-reviewed design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/05/Coupletherapy-768x576.webp","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"May 20, 2026","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:23:38.056369+00:00","preview":"media/references/codrops--john-particias-comfort-space.webp","previewWidth":768,"previewHeight":576,"previewSha256":"e5496fe87de7555d2355d5ca0a2ccbc3d904d47a9b62e2a7dea1eb83b303ecb8","previewAnimated":false},{"id":"21st--elements---json-viewer","name":"JSON Viewer","collection":"21st-community","creator":"Cameron Kelliher","category":"Navigation & search","why":"Original navigation & search reference from Cameron Kelliher.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@elements-/components/json-viewer","codeUrl":"https://21st.dev/@elements-/components/json-viewer","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community file-tree catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/elements-/json-viewer/default/preview.1789978682113-732edee3-7ace-4d0d-b582-504687fe034b.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"elements-","sourceCategory":"file-tree","creatorPublicationUrl":"https://21st.dev/@elements-/components/json-viewer","preview":"media/references/21st--elements---json-viewer.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"480bbcfee8ac3d57c21c7b6eca8264dd12732a739afe9d28af9e9e59d907a88c","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@elements-/components/json-viewer"},{"id":"webzibition--juan-mora-romero","name":"Juan Mora Romero","collection":"webzibition","creator":"Juan Mora Romero · original site","creatorAttribution":"Site identity from the publisher listing; individual design author not independently verified","category":"Full websites & portfolios","why":"Dark portfolio with a simple geometric shape row and varied thumbnails in pink, blue and cream; vivid but organised project grid.","useFor":"Study the original website’s composition and presentation; code availability is unverified.","website":"https://www.juanmoraromero.com/","codeUrl":"","repository":"","sourceFiles":[],"commit":"","access":"Design reference · public source not traced","license":"Website and preview rights belong to their respective owners; no source or reuse license verified","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited; original website returned HTTP200; screenshot may predate the current live design","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"Codrops Webzibition → original website","added":"2026-10-20","preview":"media/references/webzibition--juan-mora-romero.webp","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/09/JuanMoraRomero-1200x649.png.webp?x67708","previewType":"Codrops publisher screenshot of the linked original website; not a fresh live capture","previewWidth":1200,"previewHeight":649,"previewSha256":"de510855cf935d74e857b52cce7a499f42efe579187f86fad8cec4f31850f823","previewAnimated":false,"publisherIndex":"https://tympanus.net/codrops/webzibition/","publisherRecord":"post-120962","pageTitle":"Creative Designer and Developer | Juan Mora Romero","pageCheckedAt":"2026-10-20T05:54:32.868906+00:00","pageAvailability":"HTTP200; same-domain original website","retrievedAt":"2026-10-20T05:54:32.868906+00:00"},{"name":"Kando · directional radial input menu","collection":"kando-original","creator":"Simon Schneegans / Kando contributors","creatorUrl":"https://kando.menu/","repository":"https://github.com/kando-menu/kando","commit":"5a4340c25a822bfade2960dd5e3bca1682d88fda","codeUrl":"https://github.com/kando-menu/kando/blob/5a4340c25a822bfade2960dd5e3bca1682d88fda/src/menu-renderer/menu.ts","platform":"Native desktop / Electron · TypeScript / React settings UI","access":"Original public source · MIT renderer; docs and assets use separate REUSE terms","license":"MIT source, copyright Simon Schneegans; root LICENSE.md and exact renderer SPDX notice preserved. Documentation can be CC-BY4.0; appstream screenshot PNGs are CC0-1.0 per packaging/appstream/REUSE.toml. Fonts/icons/background art keep separate rights. Source and screenshot revisions independent, no exact build match asserted. No shortcut/gesture/application executed.","id":"kando-radial-menu","category":"Intent & input","why":"Seven pastel icon/label pills surround a central browser hub. Direction, color and labels distinguish tab, bookmark, history and navigation actions while keeping the hub visible; menu/theme variants count once. Original transparent-background PNG retained.","favorite":false,"website":"https://github.com/kando-menu/kando/blob/5a4340c25a822bfade2960dd5e3bca1682d88fda/README.md","sourceFiles":[],"review":"Sonnet5.5 Medium exact full-image visual review and researcher original-source/access/quality checks; no runtime, motion, accessibility or full dependency-license audit","useFor":"Study the exact original input/type/approval composition and follow primary creator/source under its terms.","selectionType":"Individually visually reviewed original reference","discovered":"Original expressive input, typography and approval interfaces · input-type pass","added":"2026-10-20","preview":"media/references/input-type--kando-menu-4.png","previewSha256":"73c3204e1362c170b88a91d8def9bcf415cb85d053571fe4d48440d8a3d9779d","previewSource":"https://raw.githubusercontent.com/kando-menu/kando/5a4340c25a822bfade2960dd5e3bca1682d88fda/packaging/appstream/screenshots/screenshot04.png","previewAnimated":false,"previewType":"Exact unmodified original creator static image","previewWidth":900,"previewHeight":650,"sourceResolution":"references/input-type-source-resolution.json","sourcePinNote":"Exact original bytes unchanged, no generated/upscaled replacement. Partial notices/source/docs evidence is not a complete component archive. Screenshot/source revisions independently pinned; no exact screenshot-build or runtime claim."},{"name":"Kando · in-place radial-menu authoring","collection":"kando-original","creator":"Simon Schneegans / Kando contributors","creatorUrl":"https://kando.menu/","repository":"https://github.com/kando-menu/kando","commit":"5a4340c25a822bfade2960dd5e3bca1682d88fda","codeUrl":"https://github.com/kando-menu/kando/blob/5a4340c25a822bfade2960dd5e3bca1682d88fda/src/settings-renderer/components/menu-preview/MenuPreview.tsx","platform":"Native desktop / Electron · TypeScript / React settings UI","access":"Original public source · MIT renderer; docs and assets use separate REUSE terms","license":"MIT source, copyright Simon Schneegans; root LICENSE.md and exact renderer SPDX notice preserved. Documentation can be CC-BY4.0; appstream screenshot PNGs are CC0-1.0 per packaging/appstream/REUSE.toml. Fonts/icons/background art keep separate rights. Source and screenshot revisions independent, no exact build match asserted. No shortcut/gesture/application executed.","id":"kando-menu-authoring","category":"Creative controls & effects","why":"Three-pane editor: menu list on the left, a live radial menu preview centered over a blurred cherry-blossom backdrop, and a properties panel on the right (shortcut, tags, conditions, center-click workflow). A tray of action-type icon buttons sits under the preview with an 'Add Menu Items' tab, so the radial layout is edited in place.","favorite":false,"website":"https://kando.menu/","sourceFiles":[],"review":"Sonnet5.5 Medium exact full-image visual review and researcher original-source/access/quality checks; no runtime, motion, accessibility or full dependency-license audit","useFor":"Study the exact original input/type/approval composition and follow primary creator/source under its terms.","selectionType":"Individually visually reviewed original reference","discovered":"Original expressive input, typography and approval interfaces · input-type pass","added":"2026-10-20","preview":"media/references/input-type--kando-editor-screen-dark.webp","previewSha256":"cc0e22fe1133cd346272aacfafbd4f12073f9223f2546426615c10b01b7b1dad","previewSource":"https://kando.menu/_astro/editor-screen-dark.CvfA2V-3_BkSHW.webp","previewAnimated":false,"previewType":"Exact unmodified original creator static image","previewWidth":1350,"previewHeight":900,"sourceResolution":"references/input-type-source-resolution.json","sourcePinNote":"Exact original bytes unchanged, no generated/upscaled replacement. Partial notices/source/docs evidence is not a complete component archive. Screenshot/source revisions independently pinned; no exact screenshot-build or runtime claim."},{"id":"21st--uiable--kbd-input-group","name":"Kbd Input Group","collection":"21st-community","creator":"uiable","category":"Navigation & search","why":"Original navigation & search reference from uiable.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@uiable/components/kbd-input-group","codeUrl":"https://21st.dev/@uiable/components/kbd-input-group","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community search catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/uiable/kbd-input-group/default/preview.1788807758245-27e98c97-7acc-4cb2-aad6-5162e3fde471.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"uiable","sourceCategory":"search","creatorPublicationUrl":"https://21st.dev/@uiable/components/kbd-input-group","preview":"media/references/21st--uiable--kbd-input-group.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"518aa76dec16dafcfceb5e46900f2b9e424a5e8816bf86ee4384606a3be6ff90","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@uiable/components/kbd-input-group"},{"id":"21st--arihantcodes_1f7b8c4d--kbd-key","name":"Kbd Key","collection":"21st-community","creator":"Arihant jain","category":"Navigation & search","why":"Original navigation & search reference from Arihant jain.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@arihantcodes_1f7b8c4d/components/kbd-key","codeUrl":"https://21st.dev/@arihantcodes_1f7b8c4d/components/kbd-key","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community search catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/arihantcodes_1f7b8c4d/kbd-key/default/preview.1790017258940-03e1949f-1537-418c-8ecc-e7a7c85e37c7.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"arihantcodes_1f7b8c4d","sourceCategory":"search","creatorPublicationUrl":"https://21st.dev/@arihantcodes_1f7b8c4d/components/kbd-key","preview":"media/references/21st--arihantcodes_1f7b8c4d--kbd-key.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"9831d7cc35f0a4e3e3891cd3e419d52d61fe7d49616eb719cfeb32ed0045606e","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@arihantcodes_1f7b8c4d/components/kbd-key"},{"id":"aceternity--keyboard","name":"Keyboard","collection":"aceternity","creator":"Aceternity UI · Manu Arora","category":"Cards & layouts","why":"Original cards & layouts reference from Aceternity UI · Manu Arora.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://ui.aceternity.com/components/keyboard","codeUrl":"https://ui.aceternity.com/components/keyboard","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Reddit library leads → original Aceternity component catalog","added":"2026-10-20","previewSource":"https://assets.aceternity.com/components/keyboard.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","preview":"media/references/aceternity--keyboard.webp","previewWidth":2048,"previewHeight":1440,"previewSha256":"e8ec3d3ce0fc623ea9728ff69ab9404005c4f13a221ee25e02ea02404951aed4","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"codrops--kinetic-images-with-react-three-fiber","name":"Kinetic Images with React Three Fiber","collection":"codrops-creative","creator":"Dominik Fojcik","creatorUrl":"https://tympanus.net/codrops/hub/author/dominikfojcik","category":"Galleries & transitions","styleTags":["3d","react three fiber","spiral","three.js","webgl"],"why":"Image panels wrapped into a tall spiral/helix on a dark ground; a distinctive way to present a large set of artworks.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Tutorials/KineticImages","codeUrl":"https://github.com/DGFX/codrops-kinetic-images","repository":"https://github.com/DGFX/codrops-kinetic-images","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/07/kineticImagesdemo-768x576.jpg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Jul 9, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:54:42.821988+00:00","preview":"media/references/codrops--kinetic-images-with-react-three-fiber.jpg","previewWidth":768,"previewHeight":576,"previewSha256":"0a9bd5384589e15dfdecc44ddcffdda565222293d9771e27723edd7f8b697c89","previewAnimated":false},{"id":"21st--heygaia--knowledge-graph","name":"Knowledge Graph","collection":"21st-community","creator":"heygaia","category":"Dashboards & data","why":"Original dashboards & data reference from heygaia.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@heygaia/components/knowledge-graph","codeUrl":"https://21st.dev/@heygaia/components/knowledge-graph","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community data-visualization catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_registry_heygaia_1783483479212/knowledge-graph/default/preview.1790334878772.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"heygaia","sourceCategory":"data-visualization","creatorPublicationUrl":"https://21st.dev/@heygaia/components/knowledge-graph","preview":"media/references/21st--heygaia--knowledge-graph.jpg","previewWidth":602,"previewHeight":512,"previewSha256":"6d22b4dacaaad7e4324947e159776b1f3421db194b0eba0461ab102c095eff37","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@heygaia/components/knowledge-graph"},{"id":"ai-sdk-agents--knowledge-sources","name":"Knowledge sources","collection":"ai-sdk-agents","creator":"AI SDK Agents · Cult","category":"Conversation craft","why":"Original conversation craft surface from the creator’s agent-interface catalog.","useFor":"Reference the original component and its creator’s implementation.","website":"https://www.aisdkagents.com/ai-components/knowledge-sources","codeUrl":"https://www.aisdkagents.com/ai-components/knowledge-sources","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · free/paid access not checked","license":"Creator terms apply; no source downloaded","review":"Original creator catalog inspected in Chrome; image saved; individual code access not tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Cult UI → original AI SDK Agents catalog","added":"2026-10-20","preview":"media/references/ai-sdk-agents--knowledge-sources.webp","previewSource":"https://www.aisdkagents.com/_next/image?url=%2Fai-components%2Fthumbnails%2Fknowledge-sources-light.png&w=640&q=75&dpl=dpl_2BLHURNF6K3SZGxoc7Nmyo3CyTpJ","previewType":"Creator-published static component thumbnail","previewWidth":640,"previewHeight":400,"previewSha256":"ba2baa6e6ff39cac7b6e71d1a093d948fa76cf216d66c33e60150ae8d86b8bf6","previewAnimated":false,"sourceCategory":"Chat/Answers12","retrievedAt":"2026-10-20T05:01:21.388663+00:00"},{"id":"affectui--kpi-chart","name":"KPI Chart","collection":"affectui","category":"Artifacts & evidence","why":"An original metric card joins multi-series data and a pointer-following tooltip in a restrained surface.","useFor":"A supporting original reference from the bookmarked creator.","sourceFiles":[],"website":"https://www.affectui.com/components/kpi-chart","repository":"","commit":"cc799e7e438efcea8d484fa27932405ea60bff9a","license":"MIT","access":"Paid reference · no code","review":"Original creator recording; paid source not accessed","favorite":false,"discovered":"X bookmarks","added":"2026-10-20","preview":"media/stills/affectui--kpi-chart.png","previewSource":"https://www.affectui.com/components/kpi-chart","previewType":"Still frame from creator’s original animation","relatedLibraryRepository":"https://github.com/flohoeller/affectui","previewOriginalAsset":"media/affectui--kpi-chart.webp","previewFrameIndex":7,"previewWidth":959,"previewHeight":599,"previewAnimated":false,"previewVideo":"media/recordings/affectui--kpi-chart.mp4","videoSource":"https://github.com/flohoeller/affectui/blob/cc799e7e438efcea8d484fa27932405ea60bff9a/.github/assets/showcase/kpi-chart-light.webp","videoType":"MP4 transcode of creator’s original animation; original asset preserved","videoMetadata":{"width":960,"height":600,"duration":0.76},"videoSha256":"c1cd5b5e0ee05c51ad5c7114546386fd85b728f31ef5197b7d1d9522cb635e7f","videoOriginalAsset":"media/affectui--kpi-chart.webp","videoOriginalSha256":"cd58645eb2cc8ea3a1f959f14d0ee4d63e660fd163e7a6a0cfc66532b9033b25","videoDerivation":"Exact decoded creator frames and timing, H.264 encoding; at most one pixel of edge padding for browser compatibility. No upscaling or invented frames.","previewVideoSource":"https://github.com/flohoeller/affectui/blob/cc799e7e438efcea8d484fa27932405ea60bff9a/.github/assets/showcase/kpi-chart-light.webp"},{"id":"langflow--api","name":"Langflow A2A publish and test panel","category":"Tools & execution","why":"Split A2A serve panel: left column has a Live toggle, agent card with 'Input contract' fields (input_value, session_id), URL/curl address tab and card customization form; right pane is a 'Try it' chat with a completed status chip and a JSON reply, so the publish-then-test handoff is visible in one screen.","favorite":false,"collection":"langflow","creator":"Langflow contributors","creatorUrl":"https://langflow.org","website":"https://github.com/langflow-ai/langflow","repository":"https://github.com/langflow-ai/langflow","commit":"972d56c47d3830d17060ee85cfaad152df823041","codeUrl":"https://github.com/langflow-ai/langflow/blob/972d56c47d3830d17060ee85cfaad152df823041/src/frontend/src/pages/FlowPage/components/AgentMainContent/index.tsx","sourceFiles":[],"platform":"Web","access":"Original public source linked and pinned · MIT; not a complete archived component package","license":"MIT · original notice bytes preserved; image/font/dependency terms remain separate","review":"Sonnet 5.5 Medium full-image visual review plus researcher source/provenance checks; not runtime, motion or accessibility tested","useFor":"Study the exact original image and linked creator source. Respect its source, asset and access terms.","selectionType":"Individually visually reviewed original reference","discovered":"Original GitHub creator repository discovery · spatial-operational review","added":"2026-10-20","preview":"media/references/langflow--api-2.png","previewSha256":"0c99d89bd3e2a0e07fe5124dfe0a5293bfddffbfa3ead3e9cb79e37f22fccc89","previewSource":"https://raw.githubusercontent.com/langflow-ai/langflow/972d56c47d3830d17060ee85cfaad152df823041/docs/static/img/serve-a2a.png","previewAnimated":false,"previewType":"Exact original static interface screenshot in official Langflow documentation","sourceResolution":"references/spatial-operational-source-resolution.json","sourcePinNote":"Current pinned original source, not a claim of exact screenshot-build revision.","additionalOriginalImages":["media/references/langflow--api-1.png"],"previewWidth":3806,"previewHeight":1932},{"id":"langflow--graph","name":"Langflow visual workflow workspace","category":"Agent orchestration","why":"Readable node canvas where URL, Calculator and Web Search tool nodes with black 'Toolset' footers feed a central Agent node (model picker, instructions, Tools handle, toolbar with Tool Mode toggle) that is wired into a second Agent, Chat Input and Chat Output; colored typed handles make the agent-as-tool hierarchy clear. Counted once for the whole graph family.","favorite":false,"collection":"langflow","creator":"Langflow contributors","creatorUrl":"https://langflow.org","website":"https://github.com/langflow-ai/langflow","repository":"https://github.com/langflow-ai/langflow","commit":"972d56c47d3830d17060ee85cfaad152df823041","codeUrl":"https://github.com/langflow-ai/langflow/blob/972d56c47d3830d17060ee85cfaad152df823041/src/frontend/src/pages/FlowPage/index.tsx","sourceFiles":[],"platform":"Web","access":"Original public source linked and pinned · MIT; not a complete archived component package","license":"MIT · original notice bytes preserved; image/font/dependency terms remain separate","review":"Sonnet 5.5 Medium full-image visual review plus researcher source/provenance checks; not runtime, motion or accessibility tested","useFor":"Study the exact original image and linked creator source. Respect its source, asset and access terms.","selectionType":"Individually visually reviewed original reference","discovered":"Original GitHub creator repository discovery · spatial-operational review","added":"2026-10-20","preview":"media/references/langflow--graph-1.png","previewSha256":"f64dc5d99987dd46fde3f71101efb3e8ef990b62877977a69699d5a6468d3c46","previewSource":"https://raw.githubusercontent.com/langflow-ai/langflow/972d56c47d3830d17060ee85cfaad152df823041/docs/static/img/agent-example-agent-as-tool.png","previewAnimated":false,"previewType":"Exact original static interface screenshot in official Langflow documentation","sourceResolution":"references/spatial-operational-source-resolution.json","sourcePinNote":"Current pinned original source, not a claim of exact screenshot-build revision.","additionalOriginalImages":["media/references/langflow--graph-2.png","media/references/langflow--graph-3.png","media/references/langflow--graph-4.png"],"previewWidth":4000,"previewHeight":2252},{"id":"langfuse-original--test-llm-evaluator","name":"Langfuse Evaluator test workbench","category":"Human control","why":"Split evaluator workbench: a numbered authoring step with templated variables on the left, and sample observations to select plus a live test result (score, reasoning, cost, latency, Run again) on the right. Shows the author-and-verify loop in one view.","favorite":false,"collection":"langfuse-original","creator":"Langfuse","creatorUrl":"https://github.com/langfuse/langfuse","website":"https://langfuse.com/docs","repository":"https://github.com/langfuse/langfuse","commit":"f696389f077675fc5325a61329c2833ed4567a5d","codeUrl":"https://github.com/langfuse/langfuse/blob/f696389f077675fc5325a61329c2833ed4567a5d/web/src/features/evals/v2/components/Evaluators/EvaluatorSetupEditor/EvaluatorSetupEditor.tsx","sourceFiles":[],"platform":"Web","access":"Public selected frontend source · MIT outside commercial EE directories; hosted/edition entitlements and complete dependency scope not audited","license":"MIT core, Copyright 2023–2026 ClickHouse Inc. ee/, web/src/ee/ and worker/src/ee/ separately commercially licensed. Selected frontend paths are outside those directories; this is not a blanket feature/dependency license.","review":"Sonnet 5.5 Medium full-image visual review and researcher provenance/source checks; no runtime, motion, accessibility or full dependency-license audit","useFor":"Study exact original creator imagery and primary links under stated access/license terms.","selectionType":"Individually visually reviewed original reference","discovered":"Primary creator documentation and official image-only press kit · voice-trace review","added":"2026-10-20","preview":"media/references/langfuse-original--test-llm-evaluator.png","previewSha256":"7aff945c51322d618c1b3c8d75efafeb3b25ed7a5476e2ece7cce0c70e06c0db","previewSource":"https://raw.githubusercontent.com/langfuse/langfuse-docs/8634300412dc08efcf3a8fa26b424dd0a51fab5e/public/images/docs/evaluation/test-llm-evaluator.png","previewAnimated":false,"previewType":"Exact unmodified original creator-published static image","sourceResolution":"references/voice-trace-source-evidence.json","sourcePinNote":"Pinned source is current provenance, not an exact screenshot-build claim. Selected renderer/notice/docs files are evidence, not complete component archives. Documentation source is not proprietary app implementation.","previewWidth":1312,"previewHeight":738},{"id":"langfuse-original--playground-overview","name":"Langfuse Prompt playground","category":"Intent & input","why":"Three model windows side by side, each with its own message stack, add-message/placeholder controls, output panel with Add to messages, and Submit, plus a Run All action. The multi-window comparison layout is the specific idea.","favorite":false,"collection":"langfuse-original","creator":"Langfuse","creatorUrl":"https://github.com/langfuse/langfuse","website":"https://langfuse.com/docs","repository":"https://github.com/langfuse/langfuse","commit":"f696389f077675fc5325a61329c2833ed4567a5d","codeUrl":"https://github.com/langfuse/langfuse/blob/f696389f077675fc5325a61329c2833ed4567a5d/web/src/features/playground/page/components/MultiWindowPlayground.tsx","sourceFiles":[],"platform":"Web","access":"Public selected frontend source · MIT outside commercial EE directories; hosted/edition entitlements and complete dependency scope not audited","license":"MIT core, Copyright 2023–2026 ClickHouse Inc. ee/, web/src/ee/ and worker/src/ee/ separately commercially licensed. Selected frontend paths are outside those directories; this is not a blanket feature/dependency license.","review":"Sonnet 5.5 Medium full-image visual review and researcher provenance/source checks; no runtime, motion, accessibility or full dependency-license audit","useFor":"Study exact original creator imagery and primary links under stated access/license terms.","selectionType":"Individually visually reviewed original reference","discovered":"Primary creator documentation and official image-only press kit · voice-trace review","added":"2026-10-20","preview":"media/references/langfuse-original--playground-overview.png","previewSha256":"4deffdd6074c1626131310709b9808233d23386d844976a52df6de6ce344c501","previewSource":"https://raw.githubusercontent.com/langfuse/langfuse-docs/8634300412dc08efcf3a8fa26b424dd0a51fab5e/public/images/docs/playground-overview.png","previewAnimated":false,"previewType":"Exact unmodified original creator-published static image","sourceResolution":"references/voice-trace-source-evidence.json","sourcePinNote":"Pinned source is current provenance, not an exact screenshot-build claim. Selected renderer/notice/docs files are evidence, not complete component archives. Documentation source is not proprietary app implementation.","previewWidth":1760,"previewHeight":990},{"id":"langfuse-original--score-analytics-full-dashboard","name":"Langfuse Score analytics","category":"Dashboards & data","why":"Two-score agreement view: statistics with correlation badges, trend overlay, paired distribution bars and a score-comparison heatmap, switchable between matched and all. The heatmap and agreement stats make it more than a generic dashboard.","favorite":false,"collection":"langfuse-original","creator":"Langfuse","creatorUrl":"https://github.com/langfuse/langfuse","website":"https://langfuse.com/docs","repository":"https://github.com/langfuse/langfuse","commit":"f696389f077675fc5325a61329c2833ed4567a5d","codeUrl":"https://github.com/langfuse/langfuse/blob/f696389f077675fc5325a61329c2833ed4567a5d/web/src/features/score-analytics/components/ScoreAnalyticsDashboard.tsx","sourceFiles":[],"platform":"Web","access":"Public selected frontend source · MIT outside commercial EE directories; hosted/edition entitlements and complete dependency scope not audited","license":"MIT core, Copyright 2023–2026 ClickHouse Inc. ee/, web/src/ee/ and worker/src/ee/ separately commercially licensed. Selected frontend paths are outside those directories; this is not a blanket feature/dependency license.","review":"Sonnet 5.5 Medium full-image visual review and researcher provenance/source checks; no runtime, motion, accessibility or full dependency-license audit","useFor":"Study exact original creator imagery and primary links under stated access/license terms.","selectionType":"Individually visually reviewed original reference","discovered":"Primary creator documentation and official image-only press kit · voice-trace review","added":"2026-10-20","preview":"media/references/langfuse-original--score-analytics-full-dashboard.png","previewSha256":"6af747a1981f166254ac6daf2193b05a6b3b0156a0f28fe06f891c70d8c3e904","previewSource":"https://raw.githubusercontent.com/langfuse/langfuse-docs/8634300412dc08efcf3a8fa26b424dd0a51fab5e/public/images/docs/score-analytics-full-dashboard.png","previewAnimated":false,"previewType":"Exact unmodified original creator-published static image","sourceResolution":"references/voice-trace-source-evidence.json","sourcePinNote":"Pinned source is current provenance, not an exact screenshot-build claim. Selected renderer/notice/docs files are evidence, not complete component archives. Documentation source is not proprietary app implementation.","previewWidth":2048,"previewHeight":1234},{"id":"codrops--layout-explorations-n5","name":"Layout Explorations N°5","collection":"codrops-creative","creator":"Filip Zrnzevic","creatorUrl":"https://tympanus.net/codrops/hub/author/filip","category":"Spatial experiences","styleTags":["gsap","scroll"],"why":"Glowing dawn sun over a dark horizon with thin circle outlines and tiny HUD labels in the corners; a restrained, atmospheric hero.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://codepen.io/filipz/full/ogXXXPJ","codeUrl":"https://codepen.io/filipz/full/ogXXXPJ","repository":"","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/05/Screenshot-2025-05-30-at-06.32.41-768x577.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"May 28, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:54:42.821988+00:00","preview":"media/references/codrops--layout-explorations-n5.png","previewWidth":768,"previewHeight":577,"previewSha256":"e8bdaa7c549c81399e9e7d7dcedfab77e40d27cc25650c51eae4dd3705e10279","previewAnimated":false},{"id":"aceternity--layout-text-flip","name":"Layout Text Flip","collection":"aceternity","creator":"Aceternity UI · Manu Arora","category":"Typography & effects","why":"Original typography & effects reference from Aceternity UI · Manu Arora.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://ui.aceternity.com/components/layout-text-flip","codeUrl":"https://ui.aceternity.com/components/layout-text-flip","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Reddit library leads → original Aceternity component catalog","added":"2026-10-20","previewSource":"https://assets.aceternity.com/layout-text-flip.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","preview":"media/references/aceternity--layout-text-flip.webp","previewWidth":2048,"previewHeight":1440,"previewSha256":"83ecf8a952de42af8156cfb9c6fd6c1c71b402c250bf5a36a2c283eda416d8bf","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"webzibition--le-mans-classic","name":"Le Mans Classic","collection":"webzibition","creator":"Le Mans Classic · original site","creatorAttribution":"Site identity from the publisher listing; individual design author not independently verified","category":"Editorial & typography","why":"Tall yellow condensed 'BELOW THE LINE' over a greyscale race car; two-colour poster type.","useFor":"Study the original website’s composition and presentation; code availability is unverified.","website":"https://lemansclassic.richardmille.com/","codeUrl":"","repository":"","sourceFiles":[],"commit":"","access":"Design reference · public source not traced","license":"Website and preview rights belong to their respective owners; no source or reuse license verified","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited; original website returned HTTP200; screenshot may predate the current live design","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"Codrops Webzibition → original website","added":"2026-10-20","preview":"media/references/webzibition--le-mans-classic.webp","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/07/lemans-1200x649.jpg.webp?x67708","previewType":"Codrops publisher screenshot of the linked original website; not a fresh live capture","previewWidth":1200,"previewHeight":649,"previewSha256":"f5360814d5bf4ad8a8872911c07bcde7585d7fb2d07f275603cff57846b65f0c","previewAnimated":false,"publisherIndex":"https://tympanus.net/codrops/webzibition/","publisherRecord":"post-117426","pageTitle":"Le Mans Classic","pageCheckedAt":"2026-10-20T05:54:32.868906+00:00","pageAvailability":"HTTP200; same-domain original website","retrievedAt":"2026-10-20T05:54:32.868906+00:00"},{"id":"21st--trophyso--leaderboard-card","name":"Leaderboard Card","collection":"21st-community","creator":"trophyso","category":"Cards & layouts","why":"Original cards & layouts reference from trophyso.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@trophyso/components/leaderboard-card","codeUrl":"https://21st.dev/@trophyso/components/leaderboard-card","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community card catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/larsen66/leaderboard-card/default/preview.1779976435096.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"trophyso","sourceCategory":"card","creatorPublicationUrl":"https://21st.dev/@trophyso/components/leaderboard-card","preview":"media/references/21st--trophyso--leaderboard-card.png","previewWidth":960,"previewHeight":748,"previewSha256":"8367e6935f6599b091bacb1fa4ecff6f7fcf1641abb62b2e50fe77643286eb73","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@trophyso/components/leaderboard-card"},{"id":"webzibition--lee-holmes","name":"Lee Holmes","collection":"webzibition","creator":"Lee Holmes · original site","creatorAttribution":"Site identity from the publisher listing; individual design author not independently verified","category":"Editorial & typography","why":"Tall condensed blackletter-style 'CUSTOM SOFTWARE FOR ALTERNATIVE CLOTHING BRANDS' on white with a small thumbnail corner; unusual type choice for a dev site.","useFor":"Study the original website’s composition and presentation; code availability is unverified.","website":"https://www.leeholmes.uk/","codeUrl":"","repository":"","sourceFiles":[],"commit":"","access":"Design reference · public source not traced","license":"Website and preview rights belong to their respective owners; no source or reuse license verified","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited; original website returned HTTP200; screenshot may predate the current live design","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"Codrops Webzibition → original website","added":"2026-10-20","preview":"media/references/webzibition--lee-holmes.webp","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/09/leeholmes-1200x649.png.webp?x67708","previewType":"Codrops publisher screenshot of the linked original website; not a fresh live capture","previewWidth":1200,"previewHeight":649,"previewSha256":"d42b226bd7bd8e3bc458a70cb5b5a2a4fff84481b16a3ebc9b825cf50ae2e8a3","previewAnimated":false,"publisherIndex":"https://tympanus.net/codrops/webzibition/","publisherRecord":"post-123103","pageTitle":"UI/UX Designer for Fashion & Music Brands — Lee Holmes","pageCheckedAt":"2026-10-20T05:54:32.868906+00:00","pageAvailability":"HTTP200; same-domain original website","retrievedAt":"2026-10-20T05:54:32.868906+00:00"},{"id":"21st--airbnb-visx--legends","name":"Legends","collection":"21st-community","creator":"Airbnb","category":"Dashboards & data","why":"Original dashboards & data reference from Airbnb.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@airbnb-visx/components/legends","codeUrl":"https://21st.dev/@airbnb-visx/components/legends","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community data-visualization catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_airbnb/legends/default/preview.1785486357643.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"airbnb-visx","sourceCategory":"data-visualization","creatorPublicationUrl":"https://21st.dev/@airbnb-visx/components/legends","preview":"media/references/21st--airbnb-visx--legends.png","previewWidth":960,"previewHeight":679,"previewSha256":"3f91cad674c375e9d019d4e18f9f3eb317a0ebce331e78253a1b72caa6194c7f","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@airbnb-visx/components/legends"},{"id":"aceternity--lens","name":"Lens","collection":"aceternity","creator":"Aceternity UI · Manu Arora","category":"Cards & layouts","why":"Original cards & layouts reference from Aceternity UI · Manu Arora.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://ui.aceternity.com/components/lens","codeUrl":"https://ui.aceternity.com/components/lens","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Reddit library leads → original Aceternity component catalog","added":"2026-10-20","previewSource":"https://assets.aceternity.com/lens.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","preview":"media/references/aceternity--lens.webp","previewWidth":2048,"previewHeight":1440,"previewSha256":"c349bbd98cd02e996cdb652957d22bc0a0ebb3b2e6c9b9d68c6e003e2e7cc134","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"leva-original--panel","name":"Leva original parameter controls","category":"Creative controls & effects","why":"Compact dark parameter panel with a collapse caret, drag handle and search icon in the header. Rows cover a slider with numeric field, text input, select, colour swatch with hex, X/Y/Z vector fields, a joystick with X/Y readout, and a collapsible folder. The large LEVA lettering behind it is only decoration, and the Z field is slightly clipped.","favorite":false,"collection":"leva","creator":"Poimandres contributors","creatorUrl":"https://github.com/pmndrs/leva","website":"https://github.com/pmndrs/leva","repository":"https://github.com/pmndrs/leva","commit":"402a1e9d0899e6d384993aaffe8dc0d2c39110e1","codeUrl":"https://github.com/pmndrs/leva/tree/402a1e9d0899e6d384993aaffe8dc0d2c39110e1/packages/leva/src/components/Leva","sourceFiles":[],"platform":"Web","access":"Original public source linked and pinned; no complete component archive saved","license":"MIT · Copyright 2021 Poimandres; depicted asset/third-party terms remain separate","review":"Sonnet 5.5 Medium full-image visual review plus researcher source/notice checks; no runtime, motion, accessibility or complete dependency-license audit","useFor":"Study the exact original creator image and linked creator resources under their stated access and license terms.","selectionType":"Individually visually reviewed original reference","discovered":"Original creator docs/site and pinned primary source discovery · spatial-voice-controls review","added":"2026-10-20","preview":"media/references/leva-original--panel.png","previewSha256":"08fbc52741cadde5210fe18f1dd3b57baaf105ef7f4bceec83ea6fe09c8327f6","previewSource":"https://raw.githubusercontent.com/pmndrs/leva/402a1e9d0899e6d384993aaffe8dc0d2c39110e1/hero.png","previewAnimated":false,"previewType":"Exact unmodified original creator-published static image","sourceResolution":"references/spatial-voice-source-evidence.json","sourcePinNote":"Current pinned original source, not an exact screenshot-build claim. Selected source/notice files are provenance evidence, not complete component archives.","previewWidth":1600,"previewHeight":828},{"id":"libraries-dev--thinking-orbs","name":"Libraries.dev Thinking Orbs","website":"https://libraries.dev/orbs","bounds":{"bottom":625,"height":314,"left":280,"right":996.7999877929688,"top":311,"viewportHeight":847,"viewportWidth":1036,"width":716.7999877929688,"x":280,"y":311},"preview":"media/references/libraries-dev--thinking-orbs.png","cropBox":[276,306,982,616],"category":"Thinking & progress","why":"Two monochrome particle-sphere status pills pair dot-matrix and ribbed forms with Solving and Thinking labels; one original family for visible reasoning status, rather than nine separate states.","favorite":false,"added":"2026-10-20","previewAnimated":false,"selectionType":"Visually reviewed original reference","discovered":"Original input and spatial creator trails · input-spatial review","review":"Sonnet 5.5 Medium static visual review and researcher source/provenance checks; not runtime, accessibility or full dependency-license audited","useFor":"Study the original image and linked creator source; respect its license and access terms.","collection":"libraries-dev","creator":"Jakub Antalik · with Alexandr Brinza","creatorUrl":"https://x.com/jakubantalik","previewSource":"https://libraries.dev/orbs","previewSha256":"f41910c448fea5683ebec27e7667ef1ee7638f89d9a3e62320089e0b87120921","repository":"https://github.com/Jakubantalik/Libraries.dev","commit":"bfcb86329da15235a5ee2dcdb6417c8a80f82bb1","codeUrl":"https://github.com/Jakubantalik/Libraries.dev/tree/bfcb86329da15235a5ee2dcdb6417c8a80f82bb1/packages/thinking-orbs","sourceFiles":[],"sourceLicenseEvidence":"references/source-license-evidence/libraries-dev/thinking-orbs/LICENSE","license":"MIT · Copyright (c) 2026 Jakub Antalik, verified from the exact package LICENSE; Studio/Pro customization and presets have separate paid access.","access":"Original MIT package source linked · not archived; Studio/Pro options sold separately","previewType":"Exact crop of original creator-hosted static UI state; one reference for the whole family","sourcePinNote":"Original public package pinned; published demo build revision is not claimed.","previewWidth":706,"previewHeight":310},{"id":"codrops--lightweight-water-distortion-effect","name":"Lightweight Water Distortion Effect","collection":"codrops-creative","creator":"Ksenia Kondrashova","creatorUrl":"https://tympanus.net/codrops/hub/author/ksenia","category":"Shaders & materials","styleTags":["distortion","glsl","water","WebGL"],"why":"Photo with rippled, torn-edge distortion and electric streaks; clear displacement material","useFor":"Study the original design and its linked implementation before adoption.","website":"https://codepen.io/ksenia-k/full/RwXVMMY","codeUrl":"https://codepen.io/ksenia-k/pen/RwXVMMY","repository":"","sourceFiles":[],"commit":"","access":"Creator code linked · access unverified (source response recorded)","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview selection; creator/demo/source links traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub · October 20 creator-depth review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/01/2ff9c439-0bb2-865c-912e-048422ebcb6a.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Oct 16, 2024","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T07:38:51.455636+00:00","preview":"media/references/codrops--lightweight-water-distortion-effect.png","previewWidth":747,"previewHeight":523,"previewSha256":"1ff6655fc79eb392025772dee267805919c78c3e41339fca9aae3accabd655ba","previewAnimated":false,"sourcePageCheck":{"status":403,"resolvedUrl":"https://codepen.io/ksenia-k/pen/RwXVMMY","checkedAt":"2026-10-20T07:40:32.145794+00:00"}},{"id":"ai-sdk-agents--limit-reached","name":"Limit reached","collection":"ai-sdk-agents","creator":"AI SDK Agents · Cult","category":"Conversation craft","why":"Original conversation craft surface from the creator’s agent-interface catalog.","useFor":"Reference the original component and its creator’s implementation.","website":"https://www.aisdkagents.com/ai-components/limit-reached","codeUrl":"https://www.aisdkagents.com/ai-components/limit-reached","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · free/paid access not checked","license":"Creator terms apply; no source downloaded","review":"Original creator catalog inspected in Chrome; image saved; individual code access not tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Cult UI → original AI SDK Agents catalog","added":"2026-10-20","preview":"media/references/ai-sdk-agents--limit-reached.webp","previewSource":"https://www.aisdkagents.com/_next/image?url=%2Fai-components%2Fthumbnails%2Flimit-reached-light.png&w=640&q=75&dpl=dpl_2BLHURNF6K3SZGxoc7Nmyo3CyTpJ","previewType":"Creator-published static component thumbnail","previewWidth":640,"previewHeight":400,"previewSha256":"e226e1e8408779a5ff46b27e724d4df6cb86eec0c1f21a03ad47431117f6c199","previewAnimated":false,"sourceCategory":"Chat/Answers12","retrievedAt":"2026-10-20T05:01:21.388663+00:00"},{"id":"21st--heygaia--line-chart","name":"Line Chart","collection":"21st-community","creator":"heygaia","category":"Dashboards & data","why":"Original dashboards & data reference from heygaia.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@heygaia/components/line-chart","codeUrl":"https://21st.dev/@heygaia/components/line-chart","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community data-visualization catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/heygaia/line-chart/default/preview.1790031385135-c83b653c-d6f3-4856-970f-7633d8b51ceb.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"heygaia","sourceCategory":"data-visualization","creatorPublicationUrl":"https://21st.dev/@heygaia/components/line-chart","preview":"media/references/21st--heygaia--line-chart.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"173f4bdc528b6a9f5c25f8df470aa983f9e43719ae07a77091fe44087d83bdb7","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@heygaia/components/line-chart"},{"id":"21st--legionwebdev--line-chart","name":"Line Chart","collection":"21st-community","creator":"Legion Dev","category":"Dashboards & data","why":"Original dashboards & data reference from Legion Dev.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@LegionWebDev/components/line-chart/pinging-dot-chart","codeUrl":"https://21st.dev/@LegionWebDev/components/line-chart/pinging-dot-chart","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community data-visualization catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/larsen66/line-chart/pinging-dot-chart/preview.1753713042657.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"LegionWebDev","sourceCategory":"data-visualization","creatorPublicationUrl":"https://21st.dev/@LegionWebDev/components/line-chart/pinging-dot-chart","preview":"media/references/21st--legionwebdev--line-chart.png","previewWidth":960,"previewHeight":799,"previewSha256":"27145c77bb1e51870dde8887d67f221e255d3fd6277221128d3c195710b701f4","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@LegionWebDev/components/line-chart"},{"id":"21st--sean0205--line-charts-9","name":"Line Charts 9","collection":"21st-community","creator":"Sean Hello","category":"Dashboards & data","why":"Original dashboards & data reference from Sean Hello.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@sean0205/components/line-charts-9","codeUrl":"https://21st.dev/@sean0205/components/line-charts-9","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community dashboard catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_2wpPk1CyWKAxM46S7k5UoCQhmqF/line-charts-9/default/preview.1787005289515.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"sean0205","sourceCategory":"dashboard","creatorPublicationUrl":"https://21st.dev/@sean0205/components/line-charts-9","preview":"media/references/21st--sean0205--line-charts-9.png","previewWidth":960,"previewHeight":681,"previewSha256":"f81bab2e40a024104d9bdd3f78b911f43f939a80edf44c8dac9f6d50174bfa79","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@sean0205/components/line-charts-9"},{"id":"codrops--line-text-distortion-on-hover","name":"Line Text Distortion on Hover","collection":"codrops-creative","creator":"Serhii Polyvanyi","creatorUrl":"https://tympanus.net/codrops/hub/author/panpolevan","category":"Editorial & typography","styleTags":["cursor","distortion","hover","line"],"why":"Letters rendered as flowing contour lines on near-black, with grey line-work wrapping the glyph shapes; a quiet topographic type texture.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://codepen.io/blacklead-studio/full/azOzePJ","codeUrl":"https://codepen.io/blacklead-studio/full/azOzePJ","repository":"","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/05/Screenshot-2025-05-29-at-06.53.53-768x577.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"May 29, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:54:42.821988+00:00","preview":"media/references/codrops--line-text-distortion-on-hover.png","previewWidth":768,"previewHeight":577,"previewSha256":"65536e191b7e21da1667b1a4462d0c4fd7a72b0df5735934586a8715b81b5535","previewAnimated":false},{"id":"codrops--liquid-morphology-slideshow","name":"Liquid Morphology Slideshow","collection":"codrops-creative","creator":"Filip Zrnzevic","creatorUrl":"https://tympanus.net/codrops/hub/author/filip","category":"Spatial experiences","styleTags":["glass","gsap","slideshow","three.js","webgl"],"why":"Original spatial experiences reference published in the Codrops Creative Hub; inspect the image and original demo for its visual approach.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://codepen.io/filipz/full/JoGNQzm","codeUrl":"https://codepen.io/filipz/full/JoGNQzm","repository":"","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Contact-sheet preview reviewed with Sonnet 5.5 Medium; original publisher links traced; not runtime-tested","selectionType":"Preview-reviewed design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/10/Screenshot-2025-10-15-at-09.37.33-768x577.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Oct 9, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:23:38.056369+00:00","preview":"media/references/codrops--liquid-morphology-slideshow.png","previewWidth":768,"previewHeight":577,"previewSha256":"76e25962e071a414a24632e990dfdab84b6cc22ac042f39da4fc6cc036555d88","previewAnimated":false},{"id":"21st--uiable--list-group-badge","name":"List Group Badge","collection":"21st-community","creator":"uiable","category":"Navigation & search","why":"Original navigation & search reference from uiable.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@uiable/components/list-group-badge","codeUrl":"https://21st.dev/@uiable/components/list-group-badge","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community sidebar catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/uiable/list-group-badge/default/preview.1790066671325-cb726455-e72d-4ed1-8cfe-db9766123a2c.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"uiable","sourceCategory":"sidebar","creatorPublicationUrl":"https://21st.dev/@uiable/components/list-group-badge","preview":"media/references/21st--uiable--list-group-badge.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"cdab1ada279877c0b035e06e5015cc47b53eea840868877a7cf2b52f8e4b2e85","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@uiable/components/list-group-badge"},{"id":"webzibition--little-plains","name":"Little Plains","collection":"webzibition","creator":"Little Plains · original site","creatorAttribution":"Site identity from the publisher listing; individual design author not independently verified","category":"Full websites & portfolios","why":"Airy white page with a hand-lettered script greeting and a delicate line illustration; soft, friendly tone for an agentic-tech studio.","useFor":"Study the original website’s composition and presentation; code availability is unverified.","website":"https://littleplains.com/","codeUrl":"","repository":"","sourceFiles":[],"commit":"","access":"Design reference · public source not traced","license":"Website and preview rights belong to their respective owners; no source or reuse license verified","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited; original website returned HTTP200; screenshot may predate the current live design","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"Codrops Webzibition → original website","added":"2026-10-20","preview":"media/references/webzibition--little-plains.webp","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/09/littleplains-1200x649.png.webp?x67708","previewType":"Codrops publisher screenshot of the linked original website; not a fresh live capture","previewWidth":1200,"previewHeight":649,"previewSha256":"7ce2609bbc8066eabbfed7fce701b99f398c79c164567afadcf47d84a5ccd5ac","previewAnimated":false,"publisherIndex":"https://tympanus.net/codrops/webzibition/","publisherRecord":"post-120493","pageTitle":"Little Plains | About","pageCheckedAt":"2026-10-20T05:54:32.868906+00:00","pageAvailability":"HTTP200; same-domain original website","retrievedAt":"2026-10-20T05:54:32.868906+00:00"},{"preview":"media/references/livekit--grid.png","previewSha256":"5f8afaf75ff65a3257907e2180dd7d47e8a3990d73efe93697e21225dadce8dd","id":"livekit--grid","name":"LiveKit Grid audio visualizer","category":"Voice & presence","why":"Distinctive purple dot-matrix voice visualizer with a lit blob and row/column controls; clearly different from wave and bar.","favorite":false,"collection":"livekit-ui","sourceFiles":["sources/livekit-ui/code/packages/shadcn/components/agents-ui/agent-audio-visualizer-grid.tsx","sources/livekit-ui/code/packages/shadcn/hooks/agents-ui/use-agent-audio-visualizer-grid.ts","sources/livekit-ui/code/packages/shadcn/components/agents-ui/react-shader-toy.tsx","sources/livekit-ui/code/LICENSE"],"commit":"706c3a294bf03dabbe4f89b8868fcccfb1f6cbd4","repository":"https://github.com/livekit/components-js","codeUrl":"https://github.com/livekit/components-js/blob/706c3a294bf03dabbe4f89b8868fcccfb1f6cbd4/packages/shadcn/components/agents-ui/agent-audio-visualizer-grid.tsx","added":"2026-10-20","previewAnimated":false,"discovered":"Original operational creator trails and Mohith Chrome X design search · voice-workflows review","selectionType":"Visually reviewed original reference","review":"Sonnet-assisted static visual review; original source attribution checked; not runtime/accessibility audited","useFor":"Study the exact original image and creator implementation; respect its license and access terms.","previewType":"Exact original creator image or screenshot crop of its published demo; no recreated rendering","creator":"LiveKit","creatorUrl":"https://livekit.com/products/agents-ui","website":"https://docs.livekit.io/reference/components/agents-ui/component/agent-audio-visualizer-grid/","previewSource":"https://livekit.com/products/agents-ui","access":"Exact original source archived · Apache-2.0 with file-level MIT notices","license":"Apache-2.0; original ReactShaderToy MIT copyright/license header preserved. Aura is not selected.","previewWidth":775,"previewHeight":421},{"preview":"media/references/livekit--wave.png","previewSha256":"cbe0a004b4357dc312275a4233d0f3fe92db0b3d82c6a2822ff9b10d74901c4e","id":"livekit--wave","name":"LiveKit Wave audio visualizer","category":"Voice & presence","why":"Glowing oscillating waveform with agent-state tabs (connecting/listening/speaking/thinking) and hue/shift/width sliders on a dark stage.","favorite":false,"collection":"livekit-ui","sourceFiles":["sources/livekit-ui/code/packages/shadcn/components/agents-ui/agent-audio-visualizer-wave.tsx","sources/livekit-ui/code/packages/shadcn/hooks/agents-ui/use-agent-audio-visualizer-wave.ts","sources/livekit-ui/code/packages/shadcn/components/agents-ui/react-shader-toy.tsx","sources/livekit-ui/code/LICENSE"],"commit":"706c3a294bf03dabbe4f89b8868fcccfb1f6cbd4","repository":"https://github.com/livekit/components-js","codeUrl":"https://github.com/livekit/components-js/blob/706c3a294bf03dabbe4f89b8868fcccfb1f6cbd4/packages/shadcn/components/agents-ui/agent-audio-visualizer-wave.tsx","added":"2026-10-20","previewAnimated":false,"discovered":"Original operational creator trails and Mohith Chrome X design search · voice-workflows review","selectionType":"Visually reviewed original reference","review":"Sonnet-assisted static visual review; original source attribution checked; not runtime/accessibility audited","useFor":"Study the exact original image and creator implementation; respect its license and access terms.","previewType":"Exact original creator image or screenshot crop of its published demo; no recreated rendering","creator":"LiveKit","creatorUrl":"https://livekit.com/products/agents-ui","website":"https://docs.livekit.io/reference/components/agents-ui/component/agent-audio-visualizer-wave/","previewSource":"https://livekit.com/products/agents-ui","access":"Exact original source archived · Apache-2.0 with file-level MIT notices","license":"Apache-2.0; original ReactShaderToy MIT copyright/license header preserved. Aura is not selected.","previewWidth":775,"previewHeight":421},{"id":"codrops--living-words","name":"Living Words","collection":"codrops-creative","creator":"Alexandre Vacassin","creatorUrl":"https://tympanus.net/codrops/hub/author/alexandre_vacassin","category":"Editorial & typography","styleTags":["3D","typography"],"why":"Bold pink-to-white headline running behind a silhouetted figure in a corridor, with the text cropped by the frame.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://codepen.io/alexandrevacassin/full/jENEZZq","codeUrl":"https://codepen.io/alexandrevacassin/pen/jENEZZq","repository":"","sourceFiles":[],"commit":"","access":"Creator code linked · access unverified (source response recorded)","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview review; original demo/source attribution traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub · October 20 midday review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/01/Screenshot-2025-01-26-at-09.42.55.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Nov 29, 2024","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T06:57:46.927245+00:00","preview":"media/references/codrops--living-words.png","previewWidth":1600,"previewHeight":1202,"previewSha256":"2c03f1454a8ef678caad3a521f3ca30d913bfdce9e638b00ed199504d8e54765","previewAnimated":false,"observedPage":7,"sourcePageCheck":{"status":403,"resolvedUrl":"https://codepen.io/alexandrevacassin/pen/jENEZZq","checkedAt":"2026-10-20T07:06:12.775545+00:00"}},{"id":"beui-native--loader","name":"Loader · Native","collection":"beui-native","category":"React Native","why":"Seventeen indicators from one size prop.","useFor":"Original React Native component from the creator’s public library. Image reference with original demo and source links.","sourceFiles":["sources/beui-native/code/src/components/loader/index.ts","sources/beui-native/code/src/components/loader/loader.tsx","sources/beui-native/code/src/components/loader/use-keyframes.ts"],"website":"https://beui.dev/react-native/loader","repository":"https://github.com/starc007/beui-native","commit":"","license":"MIT","access":"Source saved","review":"Official creator catalog · not individually runtime-tested","favorite":false,"discovered":"Original creator library, linked from beUI","added":"2026-10-20","preview":"media/beui-native--loader.jpg","previewSource":"https://media.beui.dev/clips/loader-light.3ef7425757.jpg","previewType":"Creator’s original React Native recording poster","platform":"React Native","selectionType":"Creator library expansion","previewWidth":600,"previewHeight":1304,"previewAnimated":false,"previewVideo":"media/recordings/beui-native--loader.mp4","videoSource":"https://media.beui.dev/clips/loader-light.3ef7425757.mp4","videoType":"Unmodified original creator recording","videoMetadata":{"width":600,"height":1304,"duration":14.7},"videoSha256":"3ef74257576947548a0780f4716e1fe678107f0872cd512a3f958c6cda81e255","previewVideoSource":"https://media.beui.dev/clips/loader-light.3ef7425757.mp4"},{"id":"aceternity--loader","name":"Loaders","collection":"aceternity","creator":"Aceternity UI · Manu Arora","category":"Cards & layouts","why":"Original cards & layouts reference from Aceternity UI · Manu Arora.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://ui.aceternity.com/components/loader","codeUrl":"https://ui.aceternity.com/components/loader","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Reddit library leads → original Aceternity component catalog","added":"2026-10-20","previewSource":"https://assets.aceternity.com/loader.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","preview":"media/references/aceternity--loader.webp","previewWidth":2048,"previewHeight":1440,"previewSha256":"45dff8cdd71ba415180892137f82e4866d07c36d1fe73dacc56df492d3c105a6","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"21st--ruixen.ui--login-card","name":"Login Card","collection":"21st-community","creator":"Ruixen","category":"Forms & controls","why":"Original forms & controls reference from Ruixen.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@ruixen.ui/components/login-card","codeUrl":"https://21st.dev/@ruixen.ui/components/login-card","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community form catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/ruixen.ui/login-card/default/preview.1758657184799.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"ruixen.ui","sourceCategory":"form","creatorPublicationUrl":"https://21st.dev/@ruixen.ui/components/login-card","preview":"media/references/21st--ruixen.ui--login-card.png","previewWidth":960,"previewHeight":637,"previewSha256":"47809697b545cb407d462111534e8c66197ffb187dbae211ed4286890479962f","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@ruixen.ui/components/login-card"},{"id":"21st--minhxthanh--login-form","name":"Login Form","collection":"21st-community","creator":"Le Thanh","category":"Forms & controls","why":"Original forms & controls reference from Le Thanh.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@minhxthanh/components/login-form","codeUrl":"https://21st.dev/@minhxthanh/components/login-form","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community form catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/minhxthanh/login-form/default/preview.1755857543824.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"minhxthanh","sourceCategory":"form","creatorPublicationUrl":"https://21st.dev/@minhxthanh/components/login-form","preview":"media/references/21st--minhxthanh--login-form.png","previewWidth":960,"previewHeight":542,"previewSha256":"82f3edf6b5282ab255bb3ec9712cb07094b28f3c6fffc2561e4109ac5e6146f9","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@minhxthanh/components/login-form"},{"id":"21st--efferd--logo-cloud-5","name":"Logo Cloud","collection":"21st-community","creator":"Efferd","category":"Cards & layouts","why":"Original cards & layouts reference from Efferd.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@efferd/components/logo-cloud-5","codeUrl":"https://21st.dev/@efferd/components/logo-cloud-5","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community grid catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/educlopez/logo-cloud/default/preview.1783578048509.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"efferd","sourceCategory":"grid","creatorPublicationUrl":"https://21st.dev/@efferd/components/logo-cloud-5","preview":"media/references/21st--efferd--logo-cloud-5.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"194df4ba88b309d149a9693700de43b888b8dfd62a77c491175a6909221e629a","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@efferd/components/logo-cloud-5"},{"id":"21st--efferd--logo-cloud-2","name":"Logo Cloud 2","collection":"21st-community","creator":"Efferd","category":"Cards & layouts","why":"Original cards & layouts reference from Efferd.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@efferd/components/logo-cloud-2","codeUrl":"https://21st.dev/@efferd/components/logo-cloud-2","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Featured by publisher; creator preview indexed; not runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community featured catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/sshahaider/logo-cloud-2/default/preview.1761136047930.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"efferd","sourceCategory":"featured","creatorPublicationUrl":"https://21st.dev/@efferd/components/logo-cloud-2","preview":"media/references/21st--efferd--logo-cloud-2.png","previewWidth":960,"previewHeight":718,"previewSha256":"ccd41de553f98c2e89a858275cb24f96d5522a791d2d09701d54013742dc1629","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@efferd/components/logo-cloud-2"},{"id":"affectui--logo-cluster","name":"Logo Cluster","collection":"affectui","category":"Spatial & motion","why":"An original integration illustration assembles recognizable logos around a central product identity.","useFor":"Supporting interaction and motion craft for agent products.","sourceFiles":["sources/affectui/code/illustrations/logo-cluster.tsx"],"website":"https://www.affectui.com/illustrations/logo-cluster","repository":"https://github.com/flohoeller/affectui","commit":"cc799e7e438efcea8d484fa27932405ea60bff9a","license":"MIT","access":"Source saved","review":"Original creator recording + exact source","favorite":false,"discovered":"X bookmarks","added":"2026-10-20","preview":"media/stills/affectui--logo-cluster.png","previewSource":"https://www.affectui.com/illustrations/logo-cluster","previewType":"Still frame from creator’s original animation","previewOriginalAsset":"media/affectui--logo-cluster.webp","previewFrameIndex":38,"previewWidth":959,"previewHeight":599,"previewAnimated":false,"previewVideo":"media/recordings/affectui--logo-cluster.mp4","videoSource":"https://github.com/flohoeller/affectui/blob/cc799e7e438efcea8d484fa27932405ea60bff9a/.github/assets/showcase/logo-cluster-light.webp","videoType":"MP4 transcode of creator’s original animation; original asset preserved","videoMetadata":{"width":960,"height":600,"duration":4.4},"videoSha256":"e5682d4fa440186b2bcb722db865143c2e0fb24c8d7de8395df21d196ca05180","videoOriginalAsset":"media/affectui--logo-cluster.webp","videoOriginalSha256":"81c96311c15203df19ea0e03e1fbe767665a7aa39e73c711cf7255f0d2bd12a7","videoDerivation":"Exact decoded creator frames and timing, H.264 encoding; at most one pixel of edge padding for browser compatibility. No upscaling or invented frames.","previewVideoSource":"https://github.com/flohoeller/affectui/blob/cc799e7e438efcea8d484fa27932405ea60bff9a/.github/assets/showcase/logo-cluster-light.webp"},{"id":"webzibition--luc-miramont","name":"Luc Miramont","collection":"webzibition","creator":"Luc Miramont · original site","creatorAttribution":"Site identity from the publisher listing; individual design author not independently verified","category":"Full websites & portfolios","why":"Close-up of a metallic textured object on beige with small thumbnail row and nav; refined product-style portfolio.","useFor":"Study the original website’s composition and presentation; code availability is unverified.","website":"https://lucmiramont.com/","codeUrl":"","repository":"","sourceFiles":[],"commit":"","access":"Design reference · public source not traced","license":"Website and preview rights belong to their respective owners; no source or reuse license verified","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited; original website returned HTTP200; screenshot may predate the current live design","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"Codrops Webzibition → original website","added":"2026-10-20","preview":"media/references/webzibition--luc-miramont.webp","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/09/lucmiramont-1200x649.png.webp?x67708","previewType":"Codrops publisher screenshot of the linked original website; not a fresh live capture","previewWidth":1200,"previewHeight":649,"previewSha256":"fa929ff7bbb3c45b1af2a1426c8f4f301864e61f4b896c04e406f2d35cc22c4a","previewAnimated":false,"publisherIndex":"https://tympanus.net/codrops/webzibition/","publisherRecord":"post-120225","pageTitle":"Luc Miramont, Creative Director - Portfolio | Luc Miramont","pageCheckedAt":"2026-10-20T05:54:32.868906+00:00","pageAvailability":"HTTP200; same-domain original website","retrievedAt":"2026-10-20T05:54:32.868906+00:00"},{"id":"cult-ui--mac-screen","name":"Mac screen","collection":"cult-ui","creator":"Cult UI · nolly studio","category":"Cards & layouts","why":"Original cards & layouts reference from Cult UI · nolly studio.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://www.cult-ui.com/docs/components/mac-screen","codeUrl":"https://github.com/nolly-studio/cult-ui/blob/7f031dc812f7bda10213bab62752dd6d080297ff/apps/www/registry/default/ui/mac-screen.tsx","repository":"https://github.com/nolly-studio/cult-ui","sourceFiles":["sources/cult-ui/code/apps/www/registry/default/ui/mac-screen.tsx","sources/cult-ui/code/apps/www/registry/default/example/mac-screen-demo.tsx","sources/cult-ui/code/apps/www/content/docs/components/mac-screen.mdx"],"commit":"7f031dc812f7bda10213bab62752dd6d080297ff","access":"Source saved","license":"MIT (original LICENSE.md preserved; Copyright 2023 Jordan-Gilliam)","review":"Exact component, demo and documentation matched in creator repository; source byte-verified; not runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Original Cult UI library linked by community research","added":"2026-10-20","previewSource":"https://www.cult-ui.com/_next/image?url=%2Fcult-pro-component-images%2Fmac-screen-demo-light.png&w=1080&q=75","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","preview":"media/references/cult-ui--mac-screen.png","previewWidth":1080,"previewHeight":675,"previewSha256":"7cf756a6b41ce3fd07e2fa1a786bdea9444a88553251307ca8ae0f300f80c5a7","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","sourceVerifiedAt":"2026-10-20T05:12:02.450871+00:00","sourceVerificationUrl":"https://www.cult-ui.com/docs/components/mac-screen"},{"id":"codrops--macos-dock-effect","name":"macOS dock effect","collection":"codrops-creative","creator":"GSAP","creatorUrl":"https://tympanus.net/codrops/hub/author/gsap","category":"Creative controls & effects","styleTags":["dock","gsap","menu"],"why":"Original creative controls & effects reference published in the Codrops Creative Hub; inspect the image and original demo for its visual approach.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://codepen.io/GreenSock/full/PwNeKZy","codeUrl":"https://codepen.io/GreenSock/full/PwNeKZy","repository":"","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Contact-sheet preview reviewed with Sonnet 5.5 Medium; original publisher links traced; not runtime-tested","selectionType":"Preview-reviewed design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/12/Screenshot-2025-12-09-at-12.58.07-768x577.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Nov 27, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:23:38.056369+00:00","preview":"media/references/codrops--macos-dock-effect.png","previewWidth":768,"previewHeight":577,"previewSha256":"b586758fcd144a81515a85f945cd8b9034db25f04ca634663f51e82673455d46","previewAnimated":false},{"id":"macparakeet--dictations","name":"MacParakeet dictation activity","category":"Dashboards & data","why":"Three metric cards pair word count, speaking speed and time with plain-language comparisons. A coral contribution grid shows a 22-day streak, while an app-ranked bar list explains where dictation happens on the same native dark surface.","favorite":false,"collection":"macparakeet","creator":"Daniel Moon / moona3k","creatorUrl":"https://github.com/moona3k","website":"https://github.com/moona3k/macparakeet","repository":"https://github.com/moona3k/macparakeet","commit":"c507a36d42ee650c45fe64a09be8e44cb131f6fd","codeUrl":"https://github.com/moona3k/macparakeet/blob/c507a36d42ee650c45fe64a09be8e44cb131f6fd/Sources/MacParakeet/Views/History/DictationStatsView.swift","sourceFiles":[],"access":"Original public source linked and pinned · selected renderer bytes checked; not a complete archived component package","license":"GPL-3.0 · original notice preserved; native macOS Swift, not React Native; dependency terms not fully audited","useFor":"Inspect the exact original image and pinned creator source. Follow upstream access and license terms.","review":"Sonnet 5.5 Medium full-image visual review and researcher provenance/source checks; not runtime-tested, not an accessibility audit","sourcePinNote":"Pinned original source path, not a claim of exact screenshot-build revision.","sourceResolution":"references/voice-input-source-resolution.json","selectionType":"Individually visually reviewed original interface","discovered":"Primary voice repository and native author discovery · voice-input review","added":"2026-10-20","preview":"media/references/macparakeet--dictations.png","previewSource":"https://raw.githubusercontent.com/moona3k/macparakeet/c507a36d42ee650c45fe64a09be8e44cb131f6fd/Assets/screenshots/dictations.png","previewSha256":"1a9626590794638557d95e182ecff8d7d40ea8d134c7e4ab21381f6fe8f700b6","previewAnimated":false,"previewType":"Exact original creator-published static repository screenshot; original bytes preserved","additionalOriginalImages":[],"platform":"macOS · Swift / SwiftUI","previewWidth":2440,"previewHeight":1844},{"id":"macparakeet--meeting","name":"MacParakeet meeting workspace","category":"Conversation craft","why":"A floating meeting window for live recording. The header shows elapsed time, word count and pause/stop buttons over Notes/Transcript/Ask tabs. The Ask tab has a coral 'Summarize so far' chip, an AI answer with bold-lead bullets on a left accent rule, quick-prompt chips ('What did I miss?', 'Decisions made'), and a docked input. The Transcript state (meeting-1) sets live text in a large serif with a side recording pill, and both states are grouped as one unit.","favorite":false,"collection":"macparakeet","creator":"Daniel Moon / moona3k","creatorUrl":"https://github.com/moona3k","website":"https://github.com/moona3k/macparakeet","repository":"https://github.com/moona3k/macparakeet","commit":"c507a36d42ee650c45fe64a09be8e44cb131f6fd","codeUrl":"https://github.com/moona3k/macparakeet/blob/c507a36d42ee650c45fe64a09be8e44cb131f6fd/Sources/MacParakeet/Views/MeetingRecording/LiveAskPaneView.swift","sourceFiles":[],"access":"Original public source linked and pinned · selected renderer bytes checked; not a complete archived component package","license":"GPL-3.0 · original notice preserved; native macOS Swift, not React Native; dependency terms not fully audited","useFor":"Inspect the exact original image and pinned creator source. Follow upstream access and license terms.","review":"Sonnet 5.5 Medium full-image visual review and researcher provenance/source checks; not runtime-tested, not an accessibility audit","sourcePinNote":"Pinned original source path, not a claim of exact screenshot-build revision.","sourceResolution":"references/voice-input-source-resolution.json","selectionType":"Individually visually reviewed original interface","discovered":"Primary voice repository and native author discovery · voice-input review","added":"2026-10-20","preview":"media/references/macparakeet--meeting-2.png","previewSource":"https://raw.githubusercontent.com/moona3k/macparakeet/c507a36d42ee650c45fe64a09be8e44cb131f6fd/Assets/screenshots/meeting-ask.png","previewSha256":"78b6f75112759ea358b2f6735b43d064b3ee74bfdc208f1ee9a87e5d4265d7c4","previewAnimated":false,"previewType":"Exact original creator-published static repository screenshot; original bytes preserved","additionalOriginalImages":["media/references/macparakeet--meeting-1.png"],"platform":"macOS · Swift / SwiftUI","previewWidth":1230,"previewHeight":1306},{"id":"aceternity--magnetic-button","name":"Magnetic Button","collection":"aceternity","creator":"Aceternity UI · Manu Arora","category":"Cards & layouts","why":"Original cards & layouts reference from Aceternity UI · Manu Arora.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://ui.aceternity.com/components/magnetic-button","codeUrl":"https://ui.aceternity.com/components/magnetic-button","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Reddit library leads → original Aceternity component catalog","added":"2026-10-20","previewSource":"https://assets.aceternity.com/components/magnetic-button.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","preview":"media/references/aceternity--magnetic-button.webp","previewWidth":1380,"previewHeight":840,"previewSha256":"e94ff0b7412a3cbd68adf31fc185e78c9dbb325edc933e7915b8522c237b6a61","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"webzibition--mailerbot","name":"MailerBot","collection":"webzibition","creator":"MailerBot · original site","creatorAttribution":"Site identity from the publisher listing; individual design author not independently verified","category":"Full websites & portfolios","why":"Mono-type heading with stacked, angled postcard samples on a bright grid; playful product demo that still reads as business.","useFor":"Study the original website’s composition and presentation; code availability is unverified.","website":"https://www.mailerbot.com/","codeUrl":"","repository":"","sourceFiles":[],"commit":"","access":"Design reference · public source not traced","license":"Website and preview rights belong to their respective owners; no source or reuse license verified","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited; original website returned HTTP200; screenshot may predate the current live design","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"Codrops Webzibition → original website","added":"2026-10-20","preview":"media/references/webzibition--mailerbot.webp","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/09/www.mailerbot.com_-1200x649.png.webp?x67708","previewType":"Codrops publisher screenshot of the linked original website; not a fresh live capture","previewWidth":1200,"previewHeight":649,"previewSha256":"f393b5e96b4b1db760d7c65d68a40464498d17ac1e24868cee4a513ecab2270e","previewAnimated":false,"publisherIndex":"https://tympanus.net/codrops/webzibition/","publisherRecord":"post-123106","pageTitle":"MailerBot | Send Postcards, Letters & Business Mail | MailerBot","pageCheckedAt":"2026-10-20T05:54:32.868906+00:00","pageAvailability":"HTTP200; same-domain original website","retrievedAt":"2026-10-20T05:54:32.868906+00:00"},{"id":"codrops--making-css-view-transitions-easy-with-velvette","name":"Making CSS View Transitions Easy with Velvette","collection":"codrops-creative","creator":"Noam Rosenthal","creatorUrl":"https://tympanus.net/codrops/hub/author/noamjrosenthal","category":"Galleries & transitions","styleTags":["page transition","view transition"],"why":"Movie poster grid with a floating filter/sort bar for shared-element transitions","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Tutorials/Velvette/","codeUrl":"https://github.com/noamr/velvette-codrops/tree/with-velvette","repository":"https://github.com/noamr/velvette-codrops/tree/with-velvette","sourceFiles":[],"commit":"","access":"Creator code page linked · HTTP 200; license/reuse terms not audited","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview selection; creator/demo/source links traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub · October 20 creator-depth review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2024/01/velvette_featured.jpg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Jan 19, 2024","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T07:38:51.455636+00:00","preview":"media/references/codrops--making-css-view-transitions-easy-with-velvette.jpg","previewWidth":800,"previewHeight":600,"previewSha256":"e91460bd5d7fac91be123c0ce0f0e628d725142f4168def5372fe12da6ad6fa4","previewAnimated":false,"sourcePageCheck":{"status":200,"resolvedUrl":"https://github.com/noamr/velvette-codrops/tree/with-velvette","checkedAt":"2026-10-20T07:40:42.763402+00:00"}},{"id":"webzibition--maria-vasilyeva","name":"Maria Vasilyeva","collection":"webzibition","creator":"Maria Vasilyeva · original site","creatorAttribution":"Site identity from the publisher listing; individual design author not independently verified","category":"Full websites & portfolios","why":"White timeline-like horizontal strip with lilac blocks and a small hand-drawn note; unusual left-to-right browsing structure.","useFor":"Study the original website’s composition and presentation; code availability is unverified.","website":"https://www.mariavasilyeva.com/","codeUrl":"","repository":"","sourceFiles":[],"commit":"","access":"Design reference · public source not traced","license":"Website and preview rights belong to their respective owners; no source or reuse license verified","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited; original website returned HTTP200; screenshot may predate the current live design","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"Codrops Webzibition → original website","added":"2026-10-20","preview":"media/references/webzibition--maria-vasilyeva.webp","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/09/maria-1200x649.png.webp?x67708","previewType":"Codrops publisher screenshot of the linked original website; not a fresh live capture","previewWidth":1200,"previewHeight":649,"previewSha256":"d1173fa06b60391fa46d9efb603293e31a57daa7f617542d10262463f604f999","previewAnimated":false,"publisherIndex":"https://tympanus.net/codrops/webzibition/","publisherRecord":"post-120601","pageTitle":"Welcome | Maria Vasilyeva","pageCheckedAt":"2026-10-20T05:54:32.868906+00:00","pageAvailability":"HTTP200; same-domain original website","retrievedAt":"2026-10-20T05:54:32.868906+00:00"},{"name":"Material Maker · lighting environment editor","collection":"material-maker-original","creator":"Rodolphe Suescun / Material Maker contributors","creatorUrl":"https://github.com/RodZill4","repository":"https://github.com/RodZill4/material-maker","commit":"05631794f513cabe722923c4d4be94c433230d4b","platform":"Native Godot / GDScript · lighting control","license":"MIT, copyright2018-present Rodolphe Suescun and contributors, unless separately specified. Original environment-editor source linked. Preview HDRIs and other third-party art have independent rights; no blanket asset license claimed.","id":"materialmaker-environment-editor","category":"Shaders & materials","why":"Environment editor pairs an HDRI thumbnail picker with a lit-sphere preview and sky, ambient and sun parameters. It is small but readable and has a distinct visual purpose.","favorite":false,"website":"https://github.com/RodZill4/material-maker/blob/05631794f513cabe722923c4d4be94c433230d4b/README.md","codeUrl":"https://github.com/RodZill4/material-maker/blob/05631794f513cabe722923c4d4be94c433230d4b/material_maker/windows/environment_editor/environment_editor.gd","sourceFiles":[],"access":"Public original source · exact licensing below; dependencies/content/access separate; not executed","review":"Sonnet5.5 Medium full-image visual review and researcher provenance/source checks; not runtime, motion, accessibility or complete dependency-license audited","useFor":"Study the exact original static interface image and follow the creator's original source/site under its terms.","selectionType":"Individually visually reviewed original reference","discovered":"Original spatial and motion-authoring controls · motion-controls review","added":"2026-10-20","preview":"media/references/motion-controls--materialmaker-environment-editor.png","previewSha256":"71429486735e6a4891589506a9f422a8e7b0c747ee0cd6b3363d42b9c3acdfd2","previewSource":"https://raw.githubusercontent.com/RodZill4/material-maker/05631794f513cabe722923c4d4be94c433230d4b/material_maker/doc/images/environment_editor.png","previewAnimated":false,"previewType":"Exact unmodified original creator static image","previewWidth":802,"previewHeight":376,"sourceResolution":"references/motion-controls-source-resolution.json","sourcePinNote":"Original static bytes preserved without generated replacement or upscale. Public image and inspected source revisions are separately pinned; exact screenshot-build equality not claimed. Selected source/notice files are partial provenance, not complete component archives."},{"name":"Material Maker · node-backed3D paint workspace","collection":"material-maker-original","creator":"Rodolphe Suescun / Material Maker contributors","creatorUrl":"https://github.com/RodZill4","repository":"https://github.com/RodZill4/material-maker","commit":"05631794f513cabe722923c4d4be94c433230d4b","platform":"Native Godot / GDScript · material painting","license":"MIT, copyright2018-present Rodolphe Suescun and contributors, unless separately specified. Original paint/layer implementation linked; engine, mesh/HDRI/brush/texture rights separate. Full painting and cropped paint-panel states count once.","id":"materialmaker-painting-screenshot","category":"Shaders & materials","why":"3D paint workspace: brush library with swatches, tool strip, brush parameter overlay, layer list and a node strip under the viewport, all readable over a painted mesh. The cropped paint-panel variant is grouped here.","favorite":false,"website":"https://github.com/RodZill4/material-maker/blob/05631794f513cabe722923c4d4be94c433230d4b/README.md","codeUrl":"https://github.com/RodZill4/material-maker/blob/05631794f513cabe722923c4d4be94c433230d4b/material_maker/panels/paint/paint.gd","sourceFiles":[],"access":"Public original source · exact licensing below; dependencies/content/access separate; not executed","review":"Sonnet5.5 Medium full-image visual review and researcher provenance/source checks; not runtime, motion, accessibility or complete dependency-license audited","useFor":"Study the exact original static interface image and follow the creator's original source/site under its terms.","selectionType":"Individually visually reviewed original reference","discovered":"Original spatial and motion-authoring controls · motion-controls review","added":"2026-10-20","preview":"media/references/motion-controls--materialmaker-painting-screenshot.png","previewSha256":"dadb6d9fa4acef3c8d1d893e6f6ea63d50141533aaf1d1de2c61a193f71dcebb","previewSource":"https://raw.githubusercontent.com/RodZill4/material-maker/05631794f513cabe722923c4d4be94c433230d4b/material_maker/doc/images/painting_screenshot.png","previewAnimated":false,"previewType":"Exact unmodified original creator static image","previewWidth":1282,"previewHeight":752,"sourceResolution":"references/motion-controls-source-resolution.json","sourcePinNote":"Original static bytes preserved without generated replacement or upscale. Public image and inspected source revisions are separately pinned; exact screenshot-build equality not claimed. Selected source/notice files are partial provenance, not complete component archives."},{"id":"webzibition--mathilde-de-chiara","name":"Mathilde De Chiara","collection":"webzibition","creator":"Mathilde De Chiara · original site","creatorAttribution":"Site identity from the publisher listing; individual design author not independently verified","category":"Full websites & portfolios","why":"A narrow vertical image column is balanced by a large project counter, category navigation and a slider/grid choice. Generous whitespace keeps the interior portfolio focused.","useFor":"Study the original website’s composition and presentation; code availability is unverified.","website":"https://www.mathildedechiara.com/","codeUrl":"","repository":"","sourceFiles":[],"commit":"","access":"Design reference · public source not traced","license":"Website and preview rights belong to their respective owners; no source or reuse license verified","review":"Full-size original preview inspected after contact-sheet review; no runtime/accessibility/source-license audit; original website returned HTTP200; screenshot may predate the current live design","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"Codrops Webzibition → original website","added":"2026-10-20","preview":"media/references/webzibition--mathilde-de-chiara.webp","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/09/mathilde-1200x649.png.webp?x67708","previewType":"Codrops publisher screenshot of the linked original website; not a fresh live capture","previewWidth":1200,"previewHeight":649,"previewSha256":"9f4cb784f30eab5f7ee93953734fd729d3a1c416e1ad1b7acffef033fc74f3eb","previewAnimated":false,"publisherIndex":"https://tympanus.net/codrops/webzibition/","publisherRecord":"post-121446","pageTitle":"Mathilde De Chiara, designer and interior architect","pageCheckedAt":"2026-10-20T05:54:32.868906+00:00","pageAvailability":"HTTP200; same-domain original website","retrievedAt":"2026-10-20T05:54:32.868906+00:00"},{"id":"webzibition--matt-jinn","name":"Matt Jinn","collection":"webzibition","creator":"Matt Jinn · original site","creatorAttribution":"Site identity from the publisher listing; individual design author not independently verified","category":"Full websites & portfolios","why":"Dark portrait with an oversized italic script name floating over the face; personal and theatrical.","useFor":"Study the original website’s composition and presentation; code availability is unverified.","website":"https://mattjinn.com/","codeUrl":"","repository":"","sourceFiles":[],"commit":"","access":"Design reference · public source not traced","license":"Website and preview rights belong to their respective owners; no source or reuse license verified","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited; original website returned HTTP200; screenshot may predate the current live design","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"Codrops Webzibition → original website","added":"2026-10-20","preview":"media/references/webzibition--matt-jinn.webp","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/09/jinn-1200x649.png.webp?x67708","previewType":"Codrops publisher screenshot of the linked original website; not a fresh live capture","previewWidth":1200,"previewHeight":649,"previewSha256":"6812de9cc3946555a1ea94f0f990bfbac0879d42a6d53e09067d6044c2c6ec14","previewAnimated":false,"publisherIndex":"https://tympanus.net/codrops/webzibition/","publisherRecord":"post-121057","pageTitle":"Matt Jinn | Home","pageCheckedAt":"2026-10-20T05:54:32.868906+00:00","pageAvailability":"HTTP200; same-domain original website","retrievedAt":"2026-10-20T05:54:32.868906+00:00"},{"id":"21st--kedhareswer--open-slot-booking","name":"Meeting Booking Calendar","collection":"21st-community","creator":"Kedhareswer Naidu","category":"Forms & controls","why":"Original forms & controls reference from Kedhareswer Naidu.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@kedhareswer/components/open-slot-booking","codeUrl":"https://21st.dev/@kedhareswer/components/open-slot-booking","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community form catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/kedhareswer/open-slot-booking/default/preview.1791954021018-34f09e50-c1ef-430e-ac08-3a79cf3d91a7.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"kedhareswer","sourceCategory":"form","creatorPublicationUrl":"https://21st.dev/@kedhareswer/components/open-slot-booking","preview":"media/references/21st--kedhareswer--open-slot-booking.jpg","previewWidth":960,"previewHeight":600,"previewSha256":"c5a0dcd1fd20b7591f208ab8f3620735aaf6436326440d4a8049a8ef29703278","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@kedhareswer/components/open-slot-booking"},{"id":"21st--shadcnui-blocks--members-03","name":"Members Grid Block","collection":"21st-community","creator":"shadcnui-blocks","category":"Cards & layouts","why":"Original cards & layouts reference from shadcnui-blocks.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@shadcnui-blocks/components/members-03","codeUrl":"https://21st.dev/@shadcnui-blocks/components/members-03","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community grid catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/shadcnui-blocks/members-03/default/preview.1787191802423-04a3438b-dd65-49e9-a6c2-916613523e78.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"shadcnui-blocks","sourceCategory":"grid","creatorPublicationUrl":"https://21st.dev/@shadcnui-blocks/components/members-03","preview":"media/references/21st--shadcnui-blocks--members-03.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"5e0b76fd83dd820a02f08c7dd8595610f4276668031ad1b78e011b3df239b155","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@shadcnui-blocks/components/members-03"},{"id":"ai-sdk-agents--mention-menu","name":"Mention menu","collection":"ai-sdk-agents","creator":"AI SDK Agents · Cult","category":"Intent & input","why":"Original intent & input surface from the creator’s agent-interface catalog.","useFor":"Reference the original component and its creator’s implementation.","website":"https://www.aisdkagents.com/ai-components/mention-menu","codeUrl":"https://www.aisdkagents.com/ai-components/mention-menu","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · free/paid access not checked","license":"Creator terms apply; no source downloaded","review":"Original creator catalog inspected in Chrome; image saved; individual code access not tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Cult UI → original AI SDK Agents catalog","added":"2026-10-20","preview":"media/references/ai-sdk-agents--mention-menu.webp","previewSource":"https://www.aisdkagents.com/_next/image?url=%2Fai-components%2Fthumbnails%2Fmention-menu-light.png&w=640&q=75&dpl=dpl_2BLHURNF6K3SZGxoc7Nmyo3CyTpJ","previewType":"Creator-published static component thumbnail","previewWidth":640,"previewHeight":400,"previewSha256":"4eb2774772b6ae7d503ccbcb2952208e95cf4f73ab80fe0b8d52ca7f96882232","previewAnimated":false,"sourceCategory":"Chat/Composer10","retrievedAt":"2026-10-20T05:01:21.388663+00:00"},{"id":"21st--lavikatiyar--menu","name":"Menu","collection":"21st-community","creator":"LaviKatiyar","category":"Navigation & search","why":"Original navigation & search reference from LaviKatiyar.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@lavikatiyar/components/menu","codeUrl":"https://21st.dev/@lavikatiyar/components/menu","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community sidebar catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/lavikatiyar/menu/default/preview.1758097914089.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"lavikatiyar","sourceCategory":"sidebar","creatorPublicationUrl":"https://21st.dev/@lavikatiyar/components/menu","preview":"media/references/21st--lavikatiyar--menu.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"08aee9e2bac2478693e8076a254d601fa3d2c25a3d0bfecf972a9ae303be2659","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@lavikatiyar/components/menu"},{"id":"type-menu-original--menuthumbstackanimation","name":"Menu Thumb Stack Animation","category":"Typography & effects","why":"A stacked menu list alternates heavy pink grotesque names with light italic wide-set names, and one row is outlined. A thin circle overlay sits on top. Behind it, a large white headline and tilted moody photo thumbnails fan out on a dark grainy ground. The weight/style alternation and the pink-on-dark palette are specific, legible ideas for a type-driven menu.","favorite":false,"collection":"codrops-creative","creator":"Codrops","creatorUrl":"https://github.com/codrops/MenuThumbStackAnimation","website":"https://github.com/codrops/MenuThumbStackAnimation/blob/ec3710749b170e4bf1e294918557d3ac21288463/README.md","repository":"https://github.com/codrops/MenuThumbStackAnimation","commit":"ec3710749b170e4bf1e294918557d3ac21288463","codeUrl":"https://github.com/codrops/MenuThumbStackAnimation/blob/ec3710749b170e4bf1e294918557d3ac21288463/src/js/index.js","sourceFiles":[],"platform":"Web","access":"Public original code link · MIT implementation; separate asset/dependency terms apply","license":"MIT in original LICENSE; included photography, fonts and dependencies keep separate rights.","review":"Sonnet 5.5 Medium full-image visual review and researcher source/notice/provenance checks; no runtime, motion, accessibility or full dependency-license audit","useFor":"Study exact original creator images and primary source links under stated access/license terms.","selectionType":"Individually visually reviewed original reference","discovered":"Original creator repositories, published documentation and credited creative projects · spatial-orchestration review","added":"2026-10-20","preview":"media/references/type-menu-original--menuthumbstackanimation.jpg","previewSha256":"e8d110216335eaf327e1d4298c4d1d436ebaaa13dcd2d172be3ed416dbcb8f37","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2021/09/StackAnimation.jpg","previewAnimated":false,"previewType":"Exact unmodified original creator/publisher static image","sourceResolution":"references/type-menu-source-evidence.json","sourcePinNote":"Pinned source provides provenance, not an exact screenshot-build claim. Selected notices/docs/renderers are evidence, not complete component archives; no creator code executed.","originalDemoUrl":"http://tympanus.net/Development/MenuThumbStackAnimation/","demoAvailability":"Legacy HTTP link preserved exactly from original README; live demo not verified. Main link is the pinned original README.","assetCredits":"- Images from [Unsplash](https://unsplash.com/)","previewWidth":800,"previewHeight":600},{"id":"codrops--menu-to-grid-layout-animation","name":"Menu to Grid Layout Animation","collection":"codrops-creative","creator":"Manoela Ilic","creatorUrl":"https://tympanus.net/codrops/hub/author/crnacura","category":"Navigation & search","styleTags":["grid","GSAP","menu"],"why":"Text menu rows (\"NOBODY'S LOVE\", \"MANIAC FLY\") with the active row carrying a strip of inline thumbnails, paired with a card showing the matching image grid: a list-and-preview pairing.","useFor":"Study the original image and linked creator source; respect its license and access terms.","website":"https://tympanus.net/Development/MenuToGrid/","codeUrl":"https://github.com/codrops/MenuToGrid/tree/f94d1dadf23b7991a2f2d4921628b00ead223584","repository":"https://github.com/codrops/MenuToGrid","sourceFiles":[],"commit":"f94d1dadf23b7991a2f2d4921628b00ead223584","access":"Original code linked and revision pinned · not archived; root MIT","license":"Original repository MIT; root license checked where present. Assets and dependency terms not fully audited.","review":"Sonnet 5.5 Medium static visual review and researcher source/provenance checks; not runtime, accessibility or full dependency-license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"Original input and spatial creator trails · input-spatial review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2022/09/MenutoGrid.jpg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Sep 19, 2022","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T08:26:33.379151+00:00","preview":"media/references/codrops--menu-to-grid-layout-animation.jpg","previewWidth":800,"previewHeight":600,"previewSha256":"51714ad33d4d9b7307198abb36ed57933fc6743983d12666ec2dedfd44592a81","previewAnimated":false,"observedOriginalDemoUrl":"http://tympanus.net/Development/MenuToGrid/","redirectVerification":"Normal Chrome navigation followed the observed original link to HTTPS.","sourcePageCheck":{"status":200,"resolvedUrl":"https://github.com/codrops/MenuToGrid/","checkedAt":"2026-10-20T08:29:21.267967+00:00"},"observedOriginalCodeUrl":"https://github.com/codrops/MenuToGrid/","sourcePinNote":"Current public original source pinned; screenshot build revision is not claimed.","sourceLicenseEvidence":"references/source-license-evidence/codrops--MenuToGrid/LICENSE"},{"id":"beui-native--menu","name":"Menu · Native","collection":"beui-native","category":"React Native","why":"A pull-down menu with submenus you can slide a finger through.","useFor":"Original React Native component from the creator’s public library. Image reference with original demo and source links.","sourceFiles":["sources/beui-native/code/src/components/menu/index.ts","sources/beui-native/code/src/components/menu/menu.tsx"],"website":"https://beui.dev/react-native/menu","repository":"https://github.com/starc007/beui-native","commit":"","license":"MIT","access":"Source saved","review":"Official creator catalog · not individually runtime-tested","favorite":false,"discovered":"Original creator library, linked from beUI","added":"2026-10-20","preview":"media/beui-native--menu.jpg","previewSource":"https://media.beui.dev/clips/menu-light.063bc3960e.jpg","previewType":"Creator’s original React Native recording poster","platform":"React Native","selectionType":"Creator library expansion","previewWidth":600,"previewHeight":1304,"previewAnimated":false,"previewVideo":"media/recordings/beui-native--menu.mp4","videoSource":"https://media.beui.dev/clips/menu-light.063bc3960e.mp4","videoType":"Unmodified original creator recording","videoMetadata":{"width":600,"height":1304,"duration":8.183333},"videoSha256":"063bc3960eb958a61f963972f55b826354c7fcffd280267957f525565e98ee99","previewVideoSource":"https://media.beui.dev/clips/menu-light.063bc3960e.mp4"},{"id":"cult-ui--merging-bubbles","name":"Merging bubbles","collection":"cult-ui","creator":"Cult UI · nolly studio","category":"Cards & layouts","why":"Original cards & layouts reference from Cult UI · nolly studio.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://www.cult-ui.com/docs/components/merging-bubbles","codeUrl":"https://github.com/nolly-studio/cult-ui/blob/7f031dc812f7bda10213bab62752dd6d080297ff/apps/www/registry/default/ui/merging-bubbles.tsx","repository":"https://github.com/nolly-studio/cult-ui","sourceFiles":["sources/cult-ui/code/apps/www/registry/default/ui/merging-bubbles.tsx","sources/cult-ui/code/apps/www/registry/default/example/merging-bubbles-demo.tsx","sources/cult-ui/code/apps/www/content/docs/components/merging-bubbles.mdx"],"commit":"7f031dc812f7bda10213bab62752dd6d080297ff","access":"Source saved","license":"MIT (original LICENSE.md preserved; Copyright 2023 Jordan-Gilliam)","review":"Exact component, demo and documentation matched in creator repository; source byte-verified; not runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Original Cult UI library linked by community research","added":"2026-10-20","previewSource":"https://www.cult-ui.com/_next/image?url=%2Fcult-pro-component-images%2Fmerging-bubbles-demo-light.png&w=1080&q=75","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","preview":"media/references/cult-ui--merging-bubbles.png","previewWidth":1080,"previewHeight":675,"previewSha256":"01c9862f6f882a1323ef7a2d02b068cae1295cd65a6b7b13cca83d5034cf4f1b","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","sourceVerifiedAt":"2026-10-20T05:12:02.450996+00:00","sourceVerificationUrl":"https://www.cult-ui.com/docs/components/merging-bubbles"},{"id":"affectui--message-actions","name":"Message Actions","collection":"affectui","category":"Conversation craft","why":"The same small action region changes to match copy, regeneration, versions and audio. Nice example of feedback without layout churn.","useFor":"Finishing touches beneath generated answers.","sourceFiles":["sources/affectui/code/components/message-actions.tsx"],"website":"https://www.affectui.com/components/message-actions","repository":"https://github.com/flohoeller/affectui","commit":"cc799e7e438efcea8d484fa27932405ea60bff9a","license":"MIT","access":"Source saved","review":"Source located + documentation","favorite":false,"discovered":"X bookmarks","added":"2026-10-20","preview":"media/screenshots/affectui--message-actions.jpg","previewType":"Screenshot of the creator’s published web demo","previewSource":"https://www.affectui.com/components/message-actions","capturedAt":"2026-10-20T04:00:37.024Z","previewWidth":624,"previewHeight":390,"previewAnimated":false},{"id":"beui--message-bubble","name":"Message Bubble","collection":"beui","category":"Conversation craft","why":"Grouped messages preserve conversational rhythm, with distinct incoming and outgoing treatment and calm entrance motion.","useFor":"Compact multi-turn conversations.","sourceFiles":["sources/beui/code/components/agents/message-bubble.tsx"],"website":"https://beui.dev/components/agents/message-bubble","repository":"https://github.com/starc007/ui-components","commit":"6b5a00a5687214be8fd12fb0b6a78678d4dc96e0","license":"MIT","access":"Source saved","review":"Creator documentation + exact source; library expansion","favorite":false,"discovered":"Independent research","added":"2026-10-20","selectionType":"Creator library expansion","preview":"media/screenshots/beui--message-bubble.jpg","previewType":"Screenshot of the creator’s published web demo","previewSource":"https://beui.dev/components/agents/message-bubble","capturedAt":"2026-10-20T04:20:38.342Z","captureWidth":1232,"captureHeight":520,"previewWidth":1232,"previewHeight":520,"previewAnimated":false},{"id":"beui-native--message-bubble","name":"Message Bubble · Native","collection":"beui-native","category":"React Native","why":"Six surfaces that pop from their corner, and a show more.","useFor":"Original React Native component from the creator’s public library. Image reference with original demo and source links.","sourceFiles":["sources/beui-native/code/src/components/message-bubble/index.ts","sources/beui-native/code/src/components/message-bubble/message-bubble.tsx"],"website":"https://beui.dev/react-native/message-bubble","repository":"https://github.com/starc007/beui-native","commit":"","license":"MIT","access":"Source saved","review":"Official creator catalog · not individually runtime-tested","favorite":false,"discovered":"Original creator library, linked from beUI","added":"2026-10-20","preview":"media/beui-native--message-bubble.jpg","previewSource":"https://media.beui.dev/clips/message-bubble-light.9a7f20c7f0.jpg","previewType":"Creator’s original React Native recording poster","platform":"React Native","selectionType":"Creator library expansion","previewWidth":600,"previewHeight":1304,"previewAnimated":false,"previewVideo":"media/recordings/beui-native--message-bubble.mp4","videoSource":"https://media.beui.dev/clips/message-bubble-light.9a7f20c7f0.mp4","videoType":"Unmodified original creator recording","videoMetadata":{"width":600,"height":1304,"duration":19.8},"videoSha256":"9a7f20c7f05f1cbe219fae6514074c7a7df90d7511af52a7e86e89a83224c06a","previewVideoSource":"https://media.beui.dev/clips/message-bubble-light.9a7f20c7f0.mp4"},{"id":"21st--preetsuthar17--message-input-block","name":"Message Input block","collection":"21st-community","creator":"Preet Suthar","category":"Conversation craft","why":"Original conversation craft reference from Preet Suthar.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@preetsuthar17/components/message-input-block","codeUrl":"https://21st.dev/@preetsuthar17/components/message-input-block","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community input catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/preetsuthar17/message-input-block/default/preview.1760769276002.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"preetsuthar17","sourceCategory":"input","creatorPublicationUrl":"https://21st.dev/@preetsuthar17/components/message-input-block","preview":"media/references/21st--preetsuthar17--message-input-block.png","previewWidth":960,"previewHeight":516,"previewSha256":"3d4e595be2d304832fb9dc2c7f8c8fdd3a96933b85ac0175c913767ea0cee260","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@preetsuthar17/components/message-input-block"},{"id":"beui--message","name":"Message Primitives","collection":"beui","category":"Conversation craft","why":"Messages compose avatars, metadata, content and live markers without forcing every turn into a bubble.","useFor":"Building a consistent agent transcript.","sourceFiles":["sources/beui/code/components/agents/message.tsx"],"website":"https://beui.dev/components/agents/message","repository":"https://github.com/starc007/ui-components","commit":"6b5a00a5687214be8fd12fb0b6a78678d4dc96e0","license":"MIT","access":"Source saved","review":"Creator documentation + exact source; library expansion","favorite":false,"discovered":"Independent research","added":"2026-10-20","selectionType":"Creator library expansion","preview":"media/screenshots/beui--message.jpg","previewType":"Screenshot of the creator’s published web demo","previewSource":"https://beui.dev/components/agents/message","capturedAt":"2026-10-20T04:20:46.569Z","captureWidth":1232,"captureHeight":520,"previewWidth":1233,"previewHeight":520,"previewAnimated":false},{"id":"21st--syeddhasnainn--message-scroller","name":"Message Scroller","collection":"21st-community","creator":"Syed Hasnain","category":"Conversation craft","why":"Original conversation craft reference from Syed Hasnain.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@syeddhasnainn/components/message-scroller","codeUrl":"https://21st.dev/@syeddhasnainn/components/message-scroller","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community ai-chat catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_2y15a6L5pd9cspEAiUaU8pQe5bM/message-scroller/default/preview.1791468475906.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"syeddhasnainn","sourceCategory":"ai-chat","creatorPublicationUrl":"https://21st.dev/@syeddhasnainn/components/message-scroller","preview":"media/references/21st--syeddhasnainn--message-scroller.jpg","previewWidth":960,"previewHeight":749,"previewSha256":"cfd349e865b14114e1c3b6d213fe41cd8b452f8bd47c18f28d3d0d39d053cdab","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@syeddhasnainn/components/message-scroller"},{"id":"beui-native--message-scroller","name":"Message Scroller · Native","collection":"beui-native","category":"React Native","why":"Follows new output and lets go when you scroll up.","useFor":"Original React Native component from the creator’s public library. Image reference with original demo and source links.","sourceFiles":["sources/beui-native/code/src/components/message-scroller/index.ts","sources/beui-native/code/src/components/message-scroller/message-scroller.tsx"],"website":"https://beui.dev/react-native/message-scroller","repository":"https://github.com/starc007/beui-native","commit":"","license":"MIT","access":"Source saved","review":"Official creator catalog · not individually runtime-tested","favorite":false,"discovered":"Original creator library, linked from beUI","added":"2026-10-20","preview":"media/beui-native--message-scroller.jpg","previewSource":"https://media.beui.dev/clips/message-scroller-light.d84d312036.jpg","previewType":"Creator’s original React Native recording poster","platform":"React Native","selectionType":"Creator library expansion","previewWidth":600,"previewHeight":1304,"previewAnimated":false,"previewVideo":"media/recordings/beui-native--message-scroller.mp4","videoSource":"https://media.beui.dev/clips/message-scroller-light.d84d312036.mp4","videoType":"Unmodified original creator recording","videoMetadata":{"width":600,"height":1304,"duration":8},"videoSha256":"d84d31203671474fe90824fd2f4d58a8daec88f8ef7a1c641efdaa6dd7205738","previewVideoSource":"https://media.beui.dev/clips/message-scroller-light.d84d312036.mp4"},{"id":"21st--mohammadshehadeh--message-thread","name":"Message Thread","collection":"21st-community","creator":"Mohammad Shehadeh","category":"Conversation craft","why":"Original conversation craft reference from Mohammad Shehadeh.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@mohammadshehadeh/components/message-thread","codeUrl":"https://21st.dev/@mohammadshehadeh/components/message-thread","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community ai-chat catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/hirael/message-thread/default/preview.1790325147711-6fc2425a-abbd-40b0-a033-6838e2341129.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"mohammadshehadeh","sourceCategory":"ai-chat","creatorPublicationUrl":"https://21st.dev/@mohammadshehadeh/components/message-thread","preview":"media/references/21st--mohammadshehadeh--message-thread.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"bb2dc5c700f40dc5f13e6217e18368ded4ffb406ccce69ab85e1486028a46785","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@mohammadshehadeh/components/message-thread"},{"id":"21st--sean0205--c-message-3","name":"Message With Header And Delivery Status","collection":"21st-community","creator":"Sean Hello","category":"Conversation craft","why":"Original conversation craft reference from Sean Hello.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@sean0205/components/c-message-3","codeUrl":"https://21st.dev/@sean0205/components/c-message-3","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community ai-chat catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/sean0205/c-message-3/default/preview.1789988923473-74605095-5254-40a4-b4c5-513ce3dfa6b2.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"sean0205","sourceCategory":"ai-chat","creatorPublicationUrl":"https://21st.dev/@sean0205/components/c-message-3","preview":"media/references/21st--sean0205--c-message-3.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"bdbdc2e5fe1acb473512f5bf962a89f1b41fb8014352e62b4bbb6387a6c1fc40","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@sean0205/components/c-message-3"},{"id":"beui-native--message","name":"Message · Native","collection":"beui-native","category":"React Native","why":"Rows that rise out of their corner, with avatars and typing dots.","useFor":"Original React Native component from the creator’s public library. Image reference with original demo and source links.","sourceFiles":["sources/beui-native/code/src/components/message/index.ts","sources/beui-native/code/src/components/message/message.tsx"],"website":"https://beui.dev/react-native/message","repository":"https://github.com/starc007/beui-native","commit":"","license":"MIT","access":"Source saved","review":"Official creator catalog · not individually runtime-tested","favorite":false,"discovered":"Original creator library, linked from beUI","added":"2026-10-20","preview":"media/beui-native--message.jpg","previewSource":"https://media.beui.dev/clips/message-light.0a248ef426.jpg","previewType":"Creator’s original React Native recording poster","platform":"React Native","selectionType":"Creator library expansion","previewWidth":600,"previewHeight":1304,"previewAnimated":false,"previewVideo":"media/recordings/beui-native--message.mp4","videoSource":"https://media.beui.dev/clips/message-light.0a248ef426.mp4","videoType":"Unmodified original creator recording","videoMetadata":{"width":600,"height":1304,"duration":5.416667},"videoSha256":"0a248ef426f2991076d25462ff438fddb66cc5b6796b18542f787bd67c8b1194","previewVideoSource":"https://media.beui.dev/clips/message-light.0a248ef426.mp4"},{"id":"21st--preetsuthar17--messaging-people-list","name":"Messaging people list","collection":"21st-community","creator":"Preet Suthar","category":"Navigation & search","why":"Original navigation & search reference from Preet Suthar.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@preetsuthar17/components/messaging-people-list","codeUrl":"https://21st.dev/@preetsuthar17/components/messaging-people-list","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community search catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/preetsuthar17/messaging-people-list/default/preview.1760764170324.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"preetsuthar17","sourceCategory":"search","creatorPublicationUrl":"https://21st.dev/@preetsuthar17/components/messaging-people-list","preview":"media/references/21st--preetsuthar17--messaging-people-list.png","previewWidth":960,"previewHeight":1027,"previewSha256":"e067891c38f4fca45b1826f281c10dfa754c46b24c380a657551ed9321bd1451","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@preetsuthar17/components/messaging-people-list"},{"id":"codrops--metaballs-carousel","name":"Metaballs Carousel","collection":"codrops-creative","creator":"Anton Bobrov","creatorUrl":"https://tympanus.net/codrops/hub/author/anton_bobrov","category":"Galleries & transitions","styleTags":["carousel","glsl","metaballs","slideshow","Three.js"],"why":"Forest photo with mirrored lower half and liquid split; distinct image treatment","useFor":"Study the original design and its linked implementation before adoption.","website":"https://antonbobrov.github.io/threjs-metaballs-carousel/","codeUrl":"https://github.com/antonbobrov/threjs-metaballs-carousel","repository":"https://github.com/antonbobrov/threjs-metaballs-carousel","sourceFiles":[],"commit":"","access":"Creator code page linked · HTTP 200; license/reuse terms not audited","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview selection; creator/demo/source links traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub · October 20 creator-depth review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/11/Screenshot-2025-11-23-at-07.54.31.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Feb 8, 2024","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T07:38:51.455636+00:00","preview":"media/references/codrops--metaballs-carousel.png","previewWidth":1600,"previewHeight":1202,"previewSha256":"879c1b32a0ab8f2c5c4c7ac6ff34dcd37f7ae4ed2bbe3af2abad2cbebfd55b1e","previewAnimated":false,"sourcePageCheck":{"status":200,"resolvedUrl":"https://github.com/antonbobrov/threjs-metaballs-carousel","checkedAt":"2026-10-20T07:40:35.472504+00:00"}},{"id":"21st--arihantcodes_1f7b8c4d--metal-prompt-bar","name":"Metal Prompt Bar","collection":"21st-community","creator":"Arihant jain","category":"Conversation craft","why":"Original conversation craft reference from Arihant jain.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@arihantcodes_1f7b8c4d/components/metal-prompt-bar","codeUrl":"https://21st.dev/@arihantcodes_1f7b8c4d/components/metal-prompt-bar","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community ai-chat catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/arihantcodes_1f7b8c4d/metal-prompt-bar/default/preview.1790188016038-9a2b10e3-93e9-4b10-9c3d-3a2d4c52d0ff.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"arihantcodes_1f7b8c4d","sourceCategory":"ai-chat","creatorPublicationUrl":"https://21st.dev/@arihantcodes_1f7b8c4d/components/metal-prompt-bar","preview":"media/references/21st--arihantcodes_1f7b8c4d--metal-prompt-bar.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"d6fa7a49f4c30a29aff59719c0951c2b81d1cac2276dbbae490ccfd6c6901d8f","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@arihantcodes_1f7b8c4d/components/metal-prompt-bar"},{"id":"21st--redrob-labs--meter","name":"Meter","collection":"21st-community","creator":"redrob-labs","category":"Thinking & progress","why":"Original thinking & progress reference from redrob-labs.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@redrob-labs/components/meter","codeUrl":"https://21st.dev/@redrob-labs/components/meter","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community progress catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/redrob-labs/meter/default/preview.1791974783279-4e3739d1-d873-41ca-92f4-b58bada26214.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"redrob-labs","sourceCategory":"progress","creatorPublicationUrl":"https://21st.dev/@redrob-labs/components/meter","preview":"media/references/21st--redrob-labs--meter.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"381272aabcc4faf59a6084d105b8a5037226505d2a02ace353f32571a0eab421","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@redrob-labs/components/meter"},{"id":"21st--hero_ui--heroui-meter","name":"Meter","collection":"21st-community","creator":"Hero Ui","category":"Thinking & progress","why":"Original thinking & progress reference from Hero Ui.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@hero_ui/components/heroui-meter","codeUrl":"https://21st.dev/@hero_ui/components/heroui-meter","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community progress catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_hero_ui/heroui-meter/default/preview.1785922873506.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"hero_ui","sourceCategory":"progress","creatorPublicationUrl":"https://21st.dev/@hero_ui/components/heroui-meter","preview":"media/references/21st--hero_ui--heroui-meter.png","previewWidth":531,"previewHeight":370,"previewSha256":"1c35b9cc2267aa0a5eb01ae9ad7812ccf00d42affc884fc300e942e6769dc7a2","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@hero_ui/components/heroui-meter"},{"id":"21st--astralyxdev--migration-list","name":"Migration List","collection":"21st-community","creator":"astralyxdev","category":"Thinking & progress","why":"Original thinking & progress reference from astralyxdev.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@astralyxdev/components/migration-list","codeUrl":"https://21st.dev/@astralyxdev/components/migration-list","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community timeline catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/astralyxdev/migration-list/default/preview.1791297604130-608c307c-bdee-40fe-9fb7-1a99d25eeead.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"astralyxdev","sourceCategory":"timeline","creatorPublicationUrl":"https://21st.dev/@astralyxdev/components/migration-list","preview":"media/references/21st--astralyxdev--migration-list.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"3c47003b516684d8f68807bc4e3161830eacc177bef0f68793b2b6da5c493531","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@astralyxdev/components/migration-list"},{"id":"21st--olewandowski1--timeline-1","name":"Milestone Timeline","collection":"21st-community","creator":"Oliver","category":"Thinking & progress","why":"Original thinking & progress reference from Oliver.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@olewandowski1/components/timeline-1","codeUrl":"https://21st.dev/@olewandowski1/components/timeline-1","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community timeline catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/7ovr/timeline-1/default/preview.1789973137621-96dcefe6-acdc-4dc7-887c-62557741f9b0.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"olewandowski1","sourceCategory":"timeline","creatorPublicationUrl":"https://21st.dev/@olewandowski1/components/timeline-1","preview":"media/references/21st--olewandowski1--timeline-1.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"aa2e217aca0fefdfb0d439152809d9bca8c703abe7dab2d78a5a56c5aa46733b","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@olewandowski1/components/timeline-1"},{"id":"21st--ziegfiroyt--onboarding3","name":"Minimal Welcome Onboarding","collection":"21st-community","creator":"uğur sözen","category":"Human control","why":"Original human control reference from uğur sözen.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@ziegfiroyt/components/onboarding3","codeUrl":"https://21st.dev/@ziegfiroyt/components/onboarding3","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community onboarding catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_2tM2DgTFCMuiirMNpU5lhkvxwez/onboarding3/default/preview.1790091124550.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"ziegfiroyt","sourceCategory":"onboarding","creatorPublicationUrl":"https://21st.dev/@ziegfiroyt/components/onboarding3","preview":"media/references/21st--ziegfiroyt--onboarding3.png","previewWidth":960,"previewHeight":813,"previewSha256":"8a3f4dcf6f9154ea16673cfc9c4ee6603f6fad121bed6f924ee776a8c2c8232b","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@ziegfiroyt/components/onboarding3"},{"id":"21st--educalvolpz--modal","name":"Modal","collection":"21st-community","creator":"Edu Calvo","category":"Human control","why":"Original human control reference from Edu Calvo.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@educalvolpz/components/modal","codeUrl":"https://21st.dev/@educalvolpz/components/modal","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community modal catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_2s2o9RwN7OoP4Na42lJREy96Xua/modal/default/preview.1787251559398.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"educalvolpz","sourceCategory":"modal","creatorPublicationUrl":"https://21st.dev/@educalvolpz/components/modal","preview":"media/references/21st--educalvolpz--modal.jpg","previewWidth":960,"previewHeight":843,"previewSha256":"aa14e837affc40b69ed2b537a16f9c76aa590902f504343b7f5335a542e1315e","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@educalvolpz/components/modal"},{"id":"21st--beratberkayg--modal-card","name":"Modal Card","collection":"21st-community","creator":"Berat Berkay Gökdemir","category":"Conversation craft","why":"Original conversation craft reference from Berat Berkay Gökdemir.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@beratberkayg/components/modal-card","codeUrl":"https://21st.dev/@beratberkayg/components/modal-card","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community ai-chat catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/beratberkayg/modal-card/default/preview.1759605207016.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"beratberkayg","sourceCategory":"ai-chat","creatorPublicationUrl":"https://21st.dev/@beratberkayg/components/modal-card","preview":"media/references/21st--beratberkayg--modal-card.png","previewWidth":960,"previewHeight":885,"previewSha256":"d5ca3c55fd938bb3c4918251f34390ef73cf74e30bb9987bccbe3c3d3080b73c","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@beratberkayg/components/modal-card"},{"id":"21st--adikodez--model-picker","name":"Model Picker","collection":"21st-community","creator":"Akoder","category":"Conversation craft","why":"Original conversation craft reference from Akoder.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@AdiKodez/components/model-picker","codeUrl":"https://21st.dev/@AdiKodez/components/model-picker","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community ai-chat catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_2tNV3kTGamElu6tvtcIWanGTy7C/model-picker/default/preview.1789594309555.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"AdiKodez","sourceCategory":"ai-chat","creatorPublicationUrl":"https://21st.dev/@AdiKodez/components/model-picker","preview":"media/references/21st--adikodez--model-picker.jpg","previewWidth":596,"previewHeight":478,"previewSha256":"1d1d5a6ab178852477e5d694b5c7f971fae7a796c3221d973f248b30936feedc","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@AdiKodez/components/model-picker"},{"id":"ai-sdk-agents--model-picker","name":"Model picker","collection":"ai-sdk-agents","creator":"AI SDK Agents · Cult","category":"Intent & input","why":"Original intent & input surface from the creator’s agent-interface catalog.","useFor":"Reference the original component and its creator’s implementation.","website":"https://www.aisdkagents.com/ai-components/model-picker","codeUrl":"https://www.aisdkagents.com/ai-components/model-picker","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · free/paid access not checked","license":"Creator terms apply; no source downloaded","review":"Original creator catalog inspected in Chrome; image saved; individual code access not tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Cult UI → original AI SDK Agents catalog","added":"2026-10-20","preview":"media/references/ai-sdk-agents--model-picker.webp","previewSource":"https://www.aisdkagents.com/_next/image?url=%2Fai-components%2Fthumbnails%2Fmodel-picker-light.png&w=640&q=75&dpl=dpl_2BLHURNF6K3SZGxoc7Nmyo3CyTpJ","previewType":"Creator-published static component thumbnail","previewWidth":640,"previewHeight":400,"previewSha256":"4e49a7ee79139855ffd2bd9b4486dfe6bcc7443ece527a0b82945807e24fb430","previewAnimated":false,"sourceCategory":"Chat/Composer10","retrievedAt":"2026-10-20T05:01:21.388663+00:00"},{"id":"ai-elements--model-selector","name":"Model Selector","collection":"ai-elements","creator":"Vercel · AI Elements","category":"Forms & controls","why":"Command-palette style search with provider group headings, a checkmark on the selected model, provider logo chips at row ends and a scrollbar.","useFor":"Inspect the original creator demo and implementation before adoption.","website":"https://elements.ai-sdk.dev/components/model-selector","codeUrl":"https://github.com/vercel/ai-elements/blob/ca8be600bfd01b3131f9bf6134b51602a71f4374/packages/elements/src/model-selector.tsx","repository":"https://github.com/vercel/ai-elements","sourceFiles":["sources/ai-elements/code/packages/elements/src/model-selector.tsx","sources/ai-elements/code/packages/examples/src/model-selector.tsx"],"commit":"ca8be600bfd01b3131f9bf6134b51602a71f4374","access":"Source saved","license":"Apache-2.0 (original repository license notice preserved)","review":"Sonnet-assisted static visual review; original demo captured; not runtime/accessibility audited","selectionType":"Visually reviewed original component","favorite":false,"discovered":"Category gap research → official creator documentation","added":"2026-10-20","preview":"media/references/ai-elements--model-selector.jpg","previewSource":"https://elements.ai-sdk.dev/components/model-selector","previewType":"Static capture of the published demo; source snapshot pinned separately","previewWidth":512,"previewHeight":349,"previewSha256":"ad2fbd6177c0063657d1b9c1f7421152d0d2d23b85fc8a45e4fbd57c0dd714a2","previewAnimated":false,"rawCapture":"evidence/elements-model-selector-full.jpg","captureBounds":{"left":262,"top":249,"right":774,"bottom":598},"emptyPaddingCrop":null,"retrievedAt":"2026-10-20T06:40:03.546448+00:00"},{"id":"affectui--model-wheel","name":"Model Wheel","collection":"affectui","category":"Intent & input","why":"Model names bend away around a rotating drum. A memorable tactile metaphor worth studying where model choice is a primary activity.","useFor":"Model showcase or deliberate model selection.","sourceFiles":["sources/affectui/code/illustrations/model-wheel.tsx"],"website":"https://www.affectui.com/illustrations/model-wheel","repository":"https://github.com/flohoeller/affectui","commit":"cc799e7e438efcea8d484fa27932405ea60bff9a","license":"MIT","access":"Source saved","review":"Source located + documentation","favorite":false,"discovered":"X bookmarks","added":"2026-10-20","preview":"media/stills/affectui--model-wheel.png","previewSource":"https://www.affectui.com/illustrations/model-wheel","previewType":"Still frame from creator’s original animation","previewOriginalAsset":"media/affectui--model-wheel.webp","previewFrameIndex":18,"previewWidth":959,"previewHeight":600,"previewAnimated":false,"previewVideo":"media/recordings/affectui--model-wheel.mp4","videoSource":"https://github.com/flohoeller/affectui/blob/cc799e7e438efcea8d484fa27932405ea60bff9a/.github/assets/showcase/model-wheel-light.webp","videoType":"MP4 transcode of creator’s original animation; original asset preserved","videoMetadata":{"width":960,"height":600,"duration":4.88},"videoSha256":"f8ae1519c180722d05912c3293f5dbfd2f7fa97b67b7b849295638b66a864aca","videoOriginalAsset":"media/affectui--model-wheel.webp","videoOriginalSha256":"9f8af0378351974eff7d283a36e29706ddd7e7abef8942b083d166519fb80b08","videoDerivation":"Exact decoded creator frames and timing, H.264 encoding; at most one pixel of edge padding for browser compatibility. No upscaling or invented frames.","previewVideoSource":"https://github.com/flohoeller/affectui/blob/cc799e7e438efcea8d484fa27932405ea60bff9a/.github/assets/showcase/model-wheel-light.webp"},{"id":"21st--preetsuthar17--modern-stunning-sign-in","name":"Modern & Stunning sign in","collection":"21st-community","creator":"Preet Suthar","category":"Cards & layouts","why":"Original cards & layouts reference from Preet Suthar.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@preetsuthar17/components/modern-stunning-sign-in","codeUrl":"https://21st.dev/@preetsuthar17/components/modern-stunning-sign-in","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Featured by publisher; creator preview indexed; not runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community featured catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/preetsuthar17/modern-stunning-sign-in/default/preview.1788796253685-9d105267-5b14-4168-a5f2-a26ecf544424.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"preetsuthar17","sourceCategory":"featured","creatorPublicationUrl":"https://21st.dev/@preetsuthar17/components/modern-stunning-sign-in","preview":"media/references/21st--preetsuthar17--modern-stunning-sign-in.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"b61398abd95c08e8d27212a72d3a689c0557deef5c08d6b77de6782d9c1e6a5b","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@preetsuthar17/components/modern-stunning-sign-in"},{"id":"21st--ruixen.ui--modern-payment-form","name":"Modern Payment Form","collection":"21st-community","creator":"Ruixen","category":"Forms & controls","why":"Original forms & controls reference from Ruixen.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@ruixen.ui/components/modern-payment-form","codeUrl":"https://21st.dev/@ruixen.ui/components/modern-payment-form","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community input catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/ruixen.ui/modern-payment-form/default/preview.1753152426285.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"ruixen.ui","sourceCategory":"input","creatorPublicationUrl":"https://21st.dev/@ruixen.ui/components/modern-payment-form","preview":"media/references/21st--ruixen.ui--modern-payment-form.png","previewWidth":855,"previewHeight":592,"previewSha256":"217a567e498729fc4444d69a0063549d65a81ef3bb2e816b8a1a41a9f99a18cd","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@ruixen.ui/components/modern-payment-form"},{"id":"codrops--monospace-ascii-art-generator","name":"Monospace (ASCII art generator)","collection":"codrops-creative","creator":"Mike Bespalov","creatorUrl":"https://tympanus.net/codrops/hub/author/mike_bespalov","category":"Creative controls & effects","styleTags":["ASCII","tool"],"why":"Photo rebuilt from text characters on black, with a legible silhouette from character density.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://codepen.io/Mikhail-Bespalov/full/JoPqYrz","codeUrl":"https://codepen.io/Mikhail-Bespalov/pen/JoPqYrz","repository":"","sourceFiles":[],"commit":"","access":"Creator code linked · access unverified (source response recorded)","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview review; original demo/source attribution traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub · October 20 midday review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/02/Screenshot-2025-02-04-at-17.01.22.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Feb 4, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T06:57:46.927245+00:00","preview":"media/references/codrops--monospace-ascii-art-generator.png","previewWidth":1600,"previewHeight":1202,"previewSha256":"ca3d6f6d4ded8dbdc0769d9e307fad5e9b06b805bf0849f78eddd075b91be24f","previewAnimated":false,"observedPage":6,"sourcePageCheck":{"status":403,"resolvedUrl":"https://codepen.io/Mikhail-Bespalov/pen/JoPqYrz","checkedAt":"2026-10-20T07:06:12.772869+00:00"}},{"id":"21st--legionwebdev--monospace-bar-chart","name":"Monospace Bar Chart","collection":"21st-community","creator":"Legion Dev","category":"Dashboards & data","why":"Original dashboards & data reference from Legion Dev.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@LegionWebDev/components/monospace-bar-chart","codeUrl":"https://21st.dev/@LegionWebDev/components/monospace-bar-chart","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community data-visualization catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/LegionWebDev/monospace-bar-chart/default/preview.1790246217283-8ac29eab-0e13-4bba-9d7a-72b5be7bbb23.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"LegionWebDev","sourceCategory":"data-visualization","creatorPublicationUrl":"https://21st.dev/@LegionWebDev/components/monospace-bar-chart","preview":"media/references/21st--legionwebdev--monospace-bar-chart.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"a4c80e28bb7c36cac1706335d750134b2c48ab89adb56d97645de9639d91efb2","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@LegionWebDev/components/monospace-bar-chart"},{"id":"motion-original--morphingbackgroundshapes","name":"Morphing Background Shapes","category":"Typography & effects","why":"Flat organic blob and triangle shapes in navy, coral, royal blue and teal sit behind a large white lowercase sans title that overlaps a square abstract-paint image. Small monospace captions and a yellow link complete a bold, consistent set of three colorways.","favorite":false,"collection":"codrops-creative","creator":"Codrops","creatorUrl":"https://github.com/codrops/MorphingBackgroundShapes","website":"https://tympanus.net/Development/MorphingBackgroundShapes/","repository":"https://github.com/codrops/MorphingBackgroundShapes","commit":"a54f38afab2db0533e90b499a381f7d5305f21e0","codeUrl":"https://github.com/codrops/MorphingBackgroundShapes/blob/a54f38afab2db0533e90b499a381f7d5305f21e0/index.html","sourceFiles":[],"platform":"Web","access":"Public original code link · custom reuse restrictions; not MIT and not mirrored as a reusable component package","license":"CUSTOM RESTRICTED Codrops terms: integration/build-upon permitted, no as-is sale/redistribution/republication or pluginized resale; original README notice preserved. Separate libraries/images/fonts must be licensed independently.","review":"Sonnet 5.5 Medium full-image visual review and researcher source/notice/provenance checks; no runtime, motion, accessibility or full dependency-license audit","useFor":"Study exact original creator images and primary source links under stated access/license terms.","selectionType":"Individually visually reviewed original reference","discovered":"Original creator repositories, published documentation and credited creative projects · spatial-orchestration review","added":"2026-10-20","preview":"media/references/motion-original--morphingbackgroundshapes.jpg","previewSha256":"72b33c4adb313310bcabcc292474de87eaaa0f4315be2b3bcffb12882c349700","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2017/05/MorphingBackgroundShapes_Featured.jpg","previewAnimated":false,"previewType":"Exact unmodified original creator/publisher static image","sourceResolution":"references/spatial-orchestration-source-evidence.json","sourcePinNote":"Pinned source provides provenance, not an exact screenshot-build claim. Selected notices/docs/renderers are evidence, not complete component archives; no creator code executed.","assetCredits":"- [anime.js](http://anime-js.com/) by Julian Garnier\n- [scrollMonitor.js](https://github.com/stutrek/scrollMonitor) by Stu Kabakoff\n- [imagesLoaded](http://imagesloaded.desandro.com/) by David DeSandro\n- Images copyright by [Jim Lepage](http://jimlepage.com/). Purchase here: [Abstract Paint Remix, Vol. 1](http://jimlepage.com/shop/abstract-paint-remix-vol-1)\n- Fonts: [Nexa Bold](http://www.fontfabric.com/nexa-free-font/) by Fontfabric and [Roboto Mono](https://fonts.google.com/specimen/Roboto+Mono) by Christian Robertson.\n- SVG shapes made with [Inkscape](https://inkscape.org/en/)","previewWidth":800,"previewHeight":600},{"id":"21st--0xurvish--morphing-input","name":"Morphing Input","collection":"21st-community","creator":"0xUrvish","category":"Forms & controls","why":"Original forms & controls reference from 0xUrvish.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@0xUrvish/components/morphing-input","codeUrl":"https://21st.dev/@0xUrvish/components/morphing-input","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community input catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_0xUrvish/morphing-input/default/preview.1787319557259.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"0xUrvish","sourceCategory":"input","creatorPublicationUrl":"https://21st.dev/@0xUrvish/components/morphing-input","preview":"media/references/21st--0xurvish--morphing-input.png","previewWidth":960,"previewHeight":717,"previewSha256":"efa0dfdc2a38746a00e04aced66635d2fe3dadbadf09aaf794558b131b973b95","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@0xUrvish/components/morphing-input"},{"id":"codrops-original--morphingpagetransition","name":"Morphing Page Transition","category":"Galleries & transitions","why":"Dark 'Edgar Jacquet' serif title screen overlapping a fashion image page where a black wave-shaped curved mask cuts into the photo with Spring/Summer and Autumn/Winter links, on a purple-to-peach gradient; the morphing shape boundary is visible.","favorite":false,"collection":"codrops-creative","creator":"Codrops","creatorUrl":"https://github.com/codrops","website":"https://tympanus.net/Development/MorphingPageTransition/","repository":"https://github.com/codrops/MorphingPageTransition","commit":"e7e6db54bc37de62c16fb387a429e726b82c5d1c","codeUrl":"https://github.com/codrops/MorphingPageTransition/tree/e7e6db54bc37de62c16fb387a429e726b82c5d1c","sourceFiles":[],"platform":"Web","access":"Original public source linked and pinned · Custom Codrops terms: integration permitted; redistribution/resale as-is restricted; third-party terms apply; not a complete archived component package","license":"Custom Codrops terms: integration permitted; redistribution/resale as-is restricted; third-party terms apply · original notice bytes preserved; image/font/dependency terms remain separate","review":"Sonnet 5.5 Medium full-image visual review plus researcher source/provenance checks; not runtime, motion or accessibility tested","useFor":"Study the exact original image and linked creator source. Respect its source, asset and access terms.","selectionType":"Individually visually reviewed original reference","discovered":"Original GitHub creator repository discovery · spatial-operational review","added":"2026-10-20","preview":"media/references/codrops-original--morphingpagetransition.jpg","previewSha256":"ebb2a6f231f50edc11bb3ad7227a4222f9f8597ccf9c51777e3cd37e603aab16","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2017/08/MorphingPageTransition_Featured.jpg","previewAnimated":false,"previewType":"Exact original creator-published static feature image","sourceResolution":"references/spatial-operational-source-resolution.json","sourcePinNote":"Current pinned original source, not a claim of exact screenshot-build revision.","additionalOriginalImages":[],"previewWidth":800,"previewHeight":600},{"id":"motion-canvas-original--scene-graph","name":"Motion Canvas scene-graph","category":"Spatial & motion","why":"A dense animation-authoring workspace in a single frame: a scene-graph tree with the selected Circle node, a preview canvas where that node shows a bounding box, pivot handle, direction arrow and a live 'A = 45.21' value label, a Node Inspector with a Go to Source button and transform and compositing fields, and a frame-numbered timeline with named event pills and a playhead. Selection is linked across the tree, canvas overlay and inspector, which makes it a specific, reusable idea for inspecting and scrubbing motion. Legible at full size, and it is the only candidate that clears the bar.","favorite":false,"collection":"motion-canvas-original","creator":"Motion Canvas","creatorUrl":"https://github.com/motion-canvas/motion-canvas","website":"https://motion-canvas.io","repository":"https://github.com/motion-canvas/motion-canvas","commit":"7b91435c301d530351dcf5ebb91dd139c002e405","codeUrl":"https://github.com/motion-canvas/motion-canvas/blob/7b91435c301d530351dcf5ebb91dd139c002e405/packages/ui/src/Editor.tsx","sourceFiles":[],"platform":"Web · TypeScript / Preact","access":"Public original MIT editor source · original creator screenshot; no video, rendering or downloaded-code execution","license":"MIT, Copyright (c) 2022 motion-canvas. Exact original notice preserved; animation/project assets separate.","review":"Sonnet 5.5 Medium full-image visual review and researcher source/notice/provenance checks; no runtime, motion, accessibility or full dependency-license audit","useFor":"Study exact original creator images and primary source links under stated access/license terms.","selectionType":"Individually visually reviewed original reference","discovered":"Original creator repositories, published documentation and credited creative projects · spatial-orchestration review","added":"2026-10-20","preview":"media/references/motion-canvas-original--scene-graph.png","previewSha256":"8a77bc99953c2f361ee7d127e06323a7f849630fc78c29d6918a1332b71a16b6","previewSource":"https://raw.githubusercontent.com/motion-canvas/motion-canvas/7b91435c301d530351dcf5ebb91dd139c002e405/packages/docs/blog/2024-01-10-version-3.13.0-scene-graph.png","previewAnimated":false,"previewType":"Exact unmodified original creator/publisher static image","sourceResolution":"references/motion-canvas-original-source-evidence.json","sourcePinNote":"Pinned source provides provenance, not an exact screenshot-build claim. Selected notices/docs/renderers are evidence, not complete component archives; no creator code executed.","previewWidth":1920,"previewHeight":1080},{"id":"codrops--motionpath-plot-through-points","name":"MotionPath – plot through points","collection":"codrops-creative","creator":"GSAP","creatorUrl":"https://tympanus.net/codrops/hub/author/gsap","category":"Galleries & transitions","styleTags":["gsap","scroll"],"why":"Original galleries & transitions reference published in the Codrops Creative Hub; inspect the image and original demo for its visual approach.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://codepen.io/GreenSock/full/raerLaK","codeUrl":"https://codepen.io/GreenSock/full/raerLaK","repository":"","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Contact-sheet preview reviewed with Sonnet 5.5 Medium; original publisher links traced; not runtime-tested","selectionType":"Preview-reviewed design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/12/Screenshot-2025-12-09-at-13.40.35-768x577.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Dec 1, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:23:38.056369+00:00","preview":"media/references/codrops--motionpath-plot-through-points.png","previewWidth":768,"previewHeight":577,"previewSha256":"4f219198a08964a3862ae2b8a43e3669983f95216d645a31fbc5440ff75164fc","previewAnimated":false},{"id":"webzibition--mubien","name":"Mubien","collection":"webzibition","creator":"Mubien · original site","creatorAttribution":"Site identity from the publisher listing; individual design author not independently verified","category":"Full websites & portfolios","why":"Clean white showcase with a watch image dominating a horizontal row of project thumbnails and a small floating control bar.","useFor":"Study the original website’s composition and presentation; code availability is unverified.","website":"https://mubien.com/","codeUrl":"","repository":"","sourceFiles":[],"commit":"","access":"Design reference · public source not traced","license":"Website and preview rights belong to their respective owners; no source or reuse license verified","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited; original website returned HTTP200; screenshot may predate the current live design","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"Codrops Webzibition → original website","added":"2026-10-20","preview":"media/references/webzibition--mubien.png","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/10/mubien.com_-1200x649.png?x67708","previewType":"Codrops publisher screenshot of the linked original website; not a fresh live capture","previewWidth":1200,"previewHeight":649,"previewSha256":"824bff37556f392e407cd4b4b49d871f4266fbfd77eb3696e34241e34749f5c0","previewAnimated":false,"publisherIndex":"https://tympanus.net/codrops/webzibition/","publisherRecord":"post-124395","pageTitle":"Mubien | Branding, motion and digital products","pageCheckedAt":"2026-10-20T05:54:32.868906+00:00","pageAvailability":"HTTP200; same-domain original website","retrievedAt":"2026-10-20T05:54:32.868906+00:00"},{"id":"beui-native--multi-select","name":"Multi Select · Native","collection":"beui-native","category":"React Native","why":"Searchable options that become removable chips.","useFor":"Original React Native component from the creator’s public library. Image reference with original demo and source links.","sourceFiles":["sources/beui-native/code/src/components/multi-select/context.tsx","sources/beui-native/code/src/components/multi-select/index.ts","sources/beui-native/code/src/components/multi-select/list.tsx","sources/beui-native/code/src/components/multi-select/trigger.tsx"],"website":"https://beui.dev/react-native/multi-select","repository":"https://github.com/starc007/beui-native","commit":"","license":"MIT","access":"Source saved","review":"Official creator catalog · not individually runtime-tested","favorite":false,"discovered":"Original creator library, linked from beUI","added":"2026-10-20","preview":"media/beui-native--multi-select.jpg","previewSource":"https://media.beui.dev/clips/multi-select-light.f85f33cbe4.jpg","previewType":"Creator’s original React Native recording poster","platform":"React Native","selectionType":"Creator library expansion","previewWidth":600,"previewHeight":1304,"previewAnimated":false,"previewVideo":"media/recordings/beui-native--multi-select.mp4","videoSource":"https://media.beui.dev/clips/multi-select-light.f85f33cbe4.mp4","videoType":"Unmodified original creator recording","videoMetadata":{"width":600,"height":1304,"duration":5.266667},"videoSha256":"f85f33cbe46886f88e634733bd6a03b535b9105ff9219bbddae4f0741d145546","previewVideoSource":"https://media.beui.dev/clips/multi-select-light.f85f33cbe4.mp4"},{"id":"21st--cnippet-dev--multi-level-collapsible-menu","name":"Multi-level Collapsible Menu","collection":"21st-community","creator":"Cnippet","category":"Navigation & search","why":"Original navigation & search reference from Cnippet.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@cnippet-dev/components/multi-level-collapsible-menu","codeUrl":"https://21st.dev/@cnippet-dev/components/multi-level-collapsible-menu","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community sidebar catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_36Tbt0v8JdD4jEycmBFhR8tojnR/multi-level-collapsible-menu/default/preview.1787741739047.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"cnippet-dev","sourceCategory":"sidebar","creatorPublicationUrl":"https://21st.dev/@cnippet-dev/components/multi-level-collapsible-menu","preview":"media/references/21st--cnippet-dev--multi-level-collapsible-menu.png","previewWidth":960,"previewHeight":817,"previewSha256":"b628dd0285e398c1713f83554574f14b0ba2f8f60dd37254b34db2d763e30f5d","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@cnippet-dev/components/multi-level-collapsible-menu"},{"id":"21st--sean0205--c-progress-7","name":"Multi-Step Progress","collection":"21st-community","creator":"Sean Hello","category":"Thinking & progress","why":"Original thinking & progress reference from Sean Hello.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@sean0205/components/c-progress-7","codeUrl":"https://21st.dev/@sean0205/components/c-progress-7","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Featured by publisher; creator preview indexed; not runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community featured catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_2wpPk1CyWKAxM46S7k5UoCQhmqF/c-progress-7/default/preview.1790089085493.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"sean0205","sourceCategory":"featured","creatorPublicationUrl":"https://21st.dev/@sean0205/components/c-progress-7","preview":"media/references/21st--sean0205--c-progress-7.png","previewWidth":960,"previewHeight":717,"previewSha256":"f6b4630fcff080e7602d1e0ff7f400c2886a2e746fd547176a6bcdb465c460ef","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@sean0205/components/c-progress-7"},{"id":"21st--olewandowski1--onboarding-3","name":"Multi-Step Setup Wizard","collection":"21st-community","creator":"Oliver","category":"Human control","why":"Original human control reference from Oliver.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@olewandowski1/components/onboarding-3","codeUrl":"https://21st.dev/@olewandowski1/components/onboarding-3","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community onboarding catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/7ovr/onboarding-3/default/preview.1790086519985-3b6fb38a-5136-4c84-9aab-fbc5ee45c537.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"olewandowski1","sourceCategory":"onboarding","creatorPublicationUrl":"https://21st.dev/@olewandowski1/components/onboarding-3","preview":"media/references/21st--olewandowski1--onboarding-3.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"5de6fada5ce7c982b1d97104e7f08823a6b81fd9a7d8aefdfd9ab176145362fa","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@olewandowski1/components/onboarding-3"},{"id":"codrops--music-player-interactive-experience","name":"Music Player – Interactive Experience","collection":"codrops-creative","creator":"Ahmed Kabbej","creatorUrl":"https://tympanus.net/codrops/hub/author/ahmed_kabbej","category":"Spatial experiences","styleTags":["3d","audio","css","gsap","web audio api"],"why":"Original spatial experiences reference published in the Codrops Creative Hub; inspect the image and original demo for its visual approach.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://gobzzzmusicplayer2024.vercel.app/","codeUrl":"https://github.com/AhmedKabbej/gobzzzmusicplayer2024","repository":"https://github.com/AhmedKabbej/gobzzzmusicplayer2024","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Contact-sheet preview reviewed with Sonnet 5.5 Medium; original publisher links traced; not runtime-tested","selectionType":"Preview-reviewed design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/04/Screenshot-2026-04-08-at-14.30.28-768x577.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Apr 8, 2026","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:23:38.056369+00:00","preview":"media/references/codrops--music-player-interactive-experience.png","previewWidth":768,"previewHeight":577,"previewSha256":"258c63ba7c21b4a851673a27f03fb0aebd54470dcdad0443ec25d75566527011","previewAnimated":false},{"id":"21st--shadcnui-blocks--navbar-02","name":"Navbar with Theme Toggle","collection":"21st-community","creator":"shadcnui-blocks","category":"Cards & layouts","why":"Original cards & layouts reference from shadcnui-blocks.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@shadcnui-blocks/components/navbar-02","codeUrl":"https://21st.dev/@shadcnui-blocks/components/navbar-02","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Featured by publisher; creator preview indexed; not runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community featured catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/shadcnui-blocks/navbar-02/default/preview.1789959983399-1989e16b-8e25-41fc-927d-134ec1724f95.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"shadcnui-blocks","sourceCategory":"featured","creatorPublicationUrl":"https://21st.dev/@shadcnui-blocks/components/navbar-02","preview":"media/references/21st--shadcnui-blocks--navbar-02.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"3a10bae12355e01993a9ef2caf0ed12104d1655e272b99e6ad55faace34ad09e","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@shadcnui-blocks/components/navbar-02"},{"id":"21st--arihantcodes_1f7b8c4d--navbars","name":"Navbars","collection":"21st-community","creator":"Arihant jain","category":"Navigation & search","why":"Original navigation & search reference from Arihant jain.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@arihantcodes_1f7b8c4d/components/navbars/sidebar-navbar","codeUrl":"https://21st.dev/@arihantcodes_1f7b8c4d/components/navbars/sidebar-navbar","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community sidebar catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_2xmIUPynCyYHPXZPBwS1EDV1Aq8/navbars/sidebar-navbar/preview.1787008631175.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"arihantcodes_1f7b8c4d","sourceCategory":"sidebar","creatorPublicationUrl":"https://21st.dev/@arihantcodes_1f7b8c4d/components/navbars/sidebar-navbar","preview":"media/references/21st--arihantcodes_1f7b8c4d--navbars.png","previewWidth":960,"previewHeight":810,"previewSha256":"ed378263c3bfcf6cea617816ef187cabb801949acc0844765ba24827c8542681","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@arihantcodes_1f7b8c4d/components/navbars"},{"id":"21st--shivendra9795kumar--neural-access-login","name":"Neural Access Login","collection":"21st-community","creator":"Shivendra Kumar","category":"Forms & controls","why":"Original forms & controls reference from Shivendra Kumar.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@shivendra9795kumar/components/neural-access-login","codeUrl":"https://21st.dev/@shivendra9795kumar/components/neural-access-login","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community form catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/shivendra9795kumar/neural-access-login/default/preview.1782659931069.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"shivendra9795kumar","sourceCategory":"form","creatorPublicationUrl":"https://21st.dev/@shivendra9795kumar/components/neural-access-login","preview":"media/references/21st--shivendra9795kumar--neural-access-login.png","previewWidth":960,"previewHeight":537,"previewSha256":"56bf1e52d2a942b742b67471b6ed3300b3ca362c3fafd9b242faacbff119e007","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@shivendra9795kumar/components/neural-access-login"},{"id":"21st--felipemenezes098--tsf-recipes-04","name":"Newsletter Subscription Form","collection":"21st-community","creator":"felipemenezes098","category":"Forms & controls","why":"Original forms & controls reference from felipemenezes098.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@felipemenezes098/components/tsf-recipes-04","codeUrl":"https://21st.dev/@felipemenezes098/components/tsf-recipes-04","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community form catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/felipemenezes098/tsf-recipes-04/default/preview.1787163858463-bff8a4c7-036b-4118-92d5-cba9bfb6ebf9.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"felipemenezes098","sourceCategory":"form","creatorPublicationUrl":"https://21st.dev/@felipemenezes098/components/tsf-recipes-04","preview":"media/references/21st--felipemenezes098--tsf-recipes-04.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"7267af7b88c98eb302c36937ab39ce2dce9823d06b14e43c3b347893934a25ae","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@felipemenezes098/components/tsf-recipes-04"},{"id":"nocobase--agent-workspace","name":"NocoBase AI/no-code workspace","category":"Agent orchestration","why":"A filled CRM form sits beside a chat panel with a Form filler skill row and green status check. An avatar beside Submit opens a Dex persona card with role and assigned task, making delegation visible at the point of form work.","favorite":false,"collection":"nocobase","creator":"NocoBase contributors","creatorUrl":"https://github.com/nocobase","website":"https://github.com/nocobase/nocobase","repository":"https://github.com/nocobase/nocobase","commit":"780934d90f08d153cdbb233b96352c523e220684","codeUrl":"https://github.com/nocobase/nocobase/tree/780934d90f08d153cdbb233b96352c523e220684/packages/plugins/@nocobase/plugin-ai/src/client-v2/ai-employees","sourceFiles":[],"platform":"Web","access":"Public original AI-plugin source linked; exact screenshot-build revision and deployment/edition entitlements are unverified","license":"Plugin notices Apache-2.0; root NocoBase supplementary license also applies, including branding and public platform SaaS/PaaS restrictions. Not plain Apache-2.0.","review":"Sonnet 5.5 Medium full-image review and researcher source/notice checks; not runtime, motion, accessibility or complete dependency/license audited","useFor":"Study the exact creator image and original linked implementation under its stated terms.","selectionType":"Individually visually reviewed original reference","discovered":"Primary creator README and pinned original source discovery · operational-input review · forms-primary","added":"2026-10-20","preview":"media/references/nocobase--agent-workspace-2.png","previewSha256":"4f5d443bcbf1c35803b53a5975abedf68a8899704686408cd9b03bb992da77b0","previewSource":"https://static-docs.nocobase.com/ai-employee-home.png","previewAnimated":false,"previewType":"Exact unmodified creator-published original static image","sourceResolution":"references/forms-primary-source-evidence.json","sourcePinNote":"Current original pinned source; exact screenshot-build match is not claimed. Selected files are provenance evidence only, not complete component archives.","previewWidth":2070,"previewHeight":1304},{"id":"nocobase--permissions","name":"NocoBase permissions interface","category":"Forms & controls","why":"Dense, real role-permission interface: action rows with colour-coded type pills (new vs existing records), allow checkboxes and a data-scope select (All / Own records), plus a field-level add/view/edit/export/import checkbox matrix under a role/collection side list. Clear scoped-control pattern for human-set limits.","favorite":false,"collection":"nocobase","creator":"NocoBase contributors","creatorUrl":"https://github.com/nocobase","website":"https://github.com/nocobase/nocobase","repository":"https://github.com/nocobase/nocobase","commit":"780934d90f08d153cdbb233b96352c523e220684","codeUrl":"https://github.com/nocobase/nocobase/tree/780934d90f08d153cdbb233b96352c523e220684/packages/plugins/@nocobase/plugin-acl/src/client/permissions","sourceFiles":[],"platform":"Web","access":"Public original ACL-plugin source linked; exact screenshot-build revision and advanced edition entitlements are unverified","license":"Plugin notices Apache-2.0; root NocoBase supplementary license also applies, including branding and public platform SaaS/PaaS restrictions. Not plain Apache-2.0.","review":"Sonnet 5.5 Medium full-image review and researcher source/notice checks; not runtime, motion, accessibility or complete dependency/license audited","useFor":"Study the exact creator image and original linked implementation under its stated terms.","selectionType":"Individually visually reviewed original reference","discovered":"Primary creator README and pinned original source discovery · operational-input review · forms-primary","added":"2026-10-20","preview":"media/references/nocobase--permissions.png","previewSha256":"01417c70f3555515cc02ef2b36cd0d7e0c8686f3693f39edab48bca55e531c19","previewSource":"https://static-docs.nocobase.com/f-permission.png","previewAnimated":false,"previewType":"Exact unmodified creator-published original static image","sourceResolution":"references/forms-primary-source-evidence.json","sourcePinNote":"Current original pinned source; exact screenshot-build match is not claimed. Selected files are provenance evidence only, not complete component archives.","previewWidth":1972,"previewHeight":1334},{"sourceFiles":[],"review":"Sonnet 5.5 Medium full-image visual review plus researcher original-source/provenance checks; no runtime, accessibility, motion or complete dependency-license audit","useFor":"Study the original creator design and follow the primary links under the stated access/license terms.","selectionType":"Individually visually reviewed original reference","discovered":"Original designer posts and primary creative-tool repositories · designer-tools review","added":"2026-10-20","previewAnimated":false,"previewType":"Exact unmodified original creator static image","id":"nodetool-screen_sketch_editor","name":"NodeTool · sketch editor","category":"Creative controls & effects","why":"Full image editor: tool rail, tool-settings strip (size/opacity/hardness sliders, active vs all layers), layer stack with visibility, blend mode and opacity, and a Generate panel (model picker, prompt box, 512-2048 size chips) that ties AI generation to the layer stack. Status bar shows 1024x1024, sRGB, 8-bit, zoom and cursor coordinates.","favorite":false,"preview":"media/references/nodetool-screen_sketch_editor.webp","previewSha256":"7f88d0ee96f42aae0127b8c8350813d2775cfdca5b92df2e8ff0b1fe53b7c9e2","previewSource":"https://raw.githubusercontent.com/nodetool-ai/nodetool/937b76fa5e6c873ad8e72d005076285a4a4dbf4d/marketing/public/screen_sketch_editor.webp","previewWidth":2000,"previewHeight":1300,"website":"https://github.com/nodetool-ai/nodetool/blob/937b76fa5e6c873ad8e72d005076285a4a4dbf4d/README.md","collection":"nodetool-original","creator":"NodeTool","creatorUrl":"https://github.com/nodetool-ai/nodetool","repository":"https://github.com/nodetool-ai/nodetool","commit":"937b76fa5e6c873ad8e72d005076285a4a4dbf4d","codeUrl":"https://github.com/nodetool-ai/nodetool/blob/937b76fa5e6c873ad8e72d005076285a4a4dbf4d/web/src/components/sketch/SketchEditor.tsx","platform":"Web/desktop · React authoring workspace","access":"Public original AGPL source · cloud/model-provider access and compute costs separate; not executed","license":"AGPL-3.0, exact LICENSE.txt retained. Generated/example artwork, models, provider services and dependencies have separate rights; no blanket asset reuse grant.","sourceResolution":"references/nodetool-original-source-evidence.json","sourcePinNote":"Original actual-app screenshot Git blob and SHA256 verified, distinct from excluded surface-* look-alike marketing posters. Renderer paths provide provenance, not an exact screenshot-build claim. No creator code, model generation, video or device connections executed."},{"sourceFiles":[],"review":"Sonnet 5.5 Medium full-image visual review plus researcher original-source/provenance checks; no runtime, accessibility, motion or complete dependency-license audit","useFor":"Study the original creator design and follow the primary links under the stated access/license terms.","selectionType":"Individually visually reviewed original reference","discovered":"Original designer posts and primary creative-tool repositories · designer-tools review","added":"2026-10-20","previewAnimated":false,"previewType":"Exact unmodified original creator static image","id":"nodetool-screen_storyboard","name":"NodeTool · storyboard","category":"Tools & execution","why":"Shot-board grid with SH 01-06 duration tags and a 'still' marker per frame. The selected SH 06 shows a caption bar with 'Appears in: nothing yet'. A side assistant panel shows tool-call rows (Storyboard Set Screenplay 2.9s, Generate Keyframe 18.1s, 'Worked for 18.1s'), and the composer has an '@ to add an asset' input and a model picker. It is a distinct selection-plus-agent-trace pattern, and the text is legible. The lower half of the canvas is empty, so it is not a favorite.","favorite":false,"preview":"media/references/nodetool-screen_storyboard.png","previewSha256":"64cf82cda290155b65d602b33badd3a11fc30cbf54089050b02dfb50bac67d49","previewSource":"https://raw.githubusercontent.com/nodetool-ai/nodetool/937b76fa5e6c873ad8e72d005076285a4a4dbf4d/marketing/public/screen_storyboard.png","previewWidth":1680,"previewHeight":800,"website":"https://github.com/nodetool-ai/nodetool/blob/937b76fa5e6c873ad8e72d005076285a4a4dbf4d/README.md","collection":"nodetool-original","creator":"NodeTool","creatorUrl":"https://github.com/nodetool-ai/nodetool","repository":"https://github.com/nodetool-ai/nodetool","commit":"937b76fa5e6c873ad8e72d005076285a4a4dbf4d","codeUrl":"https://github.com/nodetool-ai/nodetool/blob/937b76fa5e6c873ad8e72d005076285a4a4dbf4d/web/src/components/storyboard/StoryboardBoard.tsx","platform":"Web/desktop · React authoring workspace","access":"Public original AGPL source · cloud/model-provider access and compute costs separate; not executed","license":"AGPL-3.0, exact LICENSE.txt retained. Generated/example artwork, models, provider services and dependencies have separate rights; no blanket asset reuse grant.","sourceResolution":"references/nodetool-original-source-evidence.json","sourcePinNote":"Original actual-app screenshot Git blob and SHA256 verified, distinct from excluded surface-* look-alike marketing posters. Renderer paths provide provenance, not an exact screenshot-build claim. No creator code, model generation, video or device connections executed."},{"id":"webzibition--noho","name":"Noho","collection":"webzibition","creator":"Noho · original site","creatorAttribution":"Site identity from the publisher listing; individual design author not independently verified","category":"Full websites & portfolios","why":"Chocolate-brown page with colourful cut-out furniture and people at playful angles and a short statement; warm palette.","useFor":"Study the original website’s composition and presentation; code availability is unverified.","website":"https://noho.ink/","codeUrl":"","repository":"","sourceFiles":[],"commit":"","access":"Design reference · public source not traced","license":"Website and preview rights belong to their respective owners; no source or reuse license verified","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited; original website returned HTTP200; screenshot may predate the current live design","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"Codrops Webzibition → original website","added":"2026-10-20","preview":"media/references/webzibition--noho.webp","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/08/noho-1200x649.jpg.webp?x67708","previewType":"Codrops publisher screenshot of the linked original website; not a fresh live capture","previewWidth":1200,"previewHeight":649,"previewSha256":"3bd1d49677b7e0fb64b17d1e0e9a3d28e93a770222c3bca814d16d7a00ee7326","previewAnimated":false,"publisherIndex":"https://tympanus.net/codrops/webzibition/","publisherRecord":"post-119397","pageTitle":"Noho","pageCheckedAt":"2026-10-20T05:54:32.868906+00:00","pageAvailability":"HTTP200; same-domain original website","retrievedAt":"2026-10-20T05:54:32.868906+00:00"},{"id":"aceternity--noise-background","name":"Noise Background","collection":"aceternity","creator":"Aceternity UI · Manu Arora","category":"Typography & effects","why":"Original typography & effects reference from Aceternity UI · Manu Arora.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://ui.aceternity.com/components/noise-background","codeUrl":"https://ui.aceternity.com/components/noise-background","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Reddit library leads → original Aceternity component catalog","added":"2026-10-20","previewSource":"https://assets.aceternity.com/noise-background.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","preview":"media/references/aceternity--noise-background.webp","previewWidth":2048,"previewHeight":1440,"previewSha256":"894295f7dec2e1cfecc235eb5a3a6873c97f46fd8e94dd5760333843a354e0b7","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"21st--nevsky118--not-found","name":"Not found","collection":"21st-community","creator":"nevsky118","category":"Navigation & search","why":"Original navigation & search reference from nevsky118.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@nevsky118/components/not-found","codeUrl":"https://21st.dev/@nevsky118/components/not-found","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community search catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_nevsky118/not-found/default/preview.1738157638216.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"nevsky118","sourceCategory":"search","creatorPublicationUrl":"https://21st.dev/@nevsky118/components/not-found","preview":"media/references/21st--nevsky118--not-found.png","previewWidth":960,"previewHeight":688,"previewSha256":"d010e7d2c7bac041644fd17dece7430442ba8c4b21d30ca366d10b178d4aae60","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@nevsky118/components/not-found"},{"id":"21st--kevingirelli--not-found","name":"Not Found","collection":"21st-community","creator":"kevingirelli","category":"Feedback & states","why":"Original feedback & states reference from kevingirelli.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@kevingirelli/components/not-found","codeUrl":"https://21st.dev/@kevingirelli/components/not-found","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community empty-state catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/kevingirelli/not-found/default/preview.1791039810757-d98a6047-8798-479d-b346-f8e444f49d9b.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"kevingirelli","sourceCategory":"empty-state","creatorPublicationUrl":"https://21st.dev/@kevingirelli/components/not-found","preview":"media/references/21st--kevingirelli--not-found.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"431e972ef7fabfb56b251bfe4e73cca164bded45bcb34194b9cd50c21612fd12","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@kevingirelli/components/not-found"},{"id":"21st--efferd--not-found-2","name":"not found 2","collection":"21st-community","creator":"Efferd","category":"Cards & layouts","why":"Original cards & layouts reference from Efferd.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@efferd/components/not-found-2","codeUrl":"https://21st.dev/@efferd/components/not-found-2","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Featured by publisher; creator preview indexed; not runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community featured catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/sshahaider/not-found-2/default/preview.1770406102409.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"efferd","sourceCategory":"featured","creatorPublicationUrl":"https://21st.dev/@efferd/components/not-found-2","preview":"media/references/21st--efferd--not-found-2.png","previewWidth":960,"previewHeight":540,"previewSha256":"b3e4464b7f0b719d538918efb4f5535cc26eade07aa98aa675bfe5c18e167e41","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@efferd/components/not-found-2"},{"id":"aceternity--notch","name":"Notch","collection":"aceternity","creator":"Aceternity UI · Manu Arora","category":"Cards & layouts","why":"Original cards & layouts reference from Aceternity UI · Manu Arora.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://ui.aceternity.com/components/notch","codeUrl":"https://ui.aceternity.com/components/notch","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Reddit library leads → original Aceternity component catalog","added":"2026-10-20","previewSource":"https://assets.aceternity.com/components/notch.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","preview":"media/references/aceternity--notch.webp","previewWidth":2200,"previewHeight":1638,"previewSha256":"0112c31fa29362e0f755c70d7494160b128a892ba0a72d6e1b9e875e8dafbb05","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"webzibition--nothin","name":"Nothin’","collection":"webzibition","creator":"Nothin’ · original site","creatorAttribution":"Site identity from the publisher listing; individual design author not independently verified","category":"Editorial & typography","why":"Huge black geometric 'NOTHIN'' on white with a tiny nav and tagline; as minimal as type-only gets.","useFor":"Study the original website’s composition and presentation; code availability is unverified.","website":"https://www.noth.in/","codeUrl":"","repository":"","sourceFiles":[],"commit":"","access":"Design reference · public source not traced","license":"Website and preview rights belong to their respective owners; no source or reuse license verified","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited; original website returned HTTP200; screenshot may predate the current live design","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"Codrops Webzibition → original website","added":"2026-10-20","preview":"media/references/webzibition--nothin.webp","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/07/nothin-1200x649.jpg.webp?x67708","previewType":"Codrops publisher screenshot of the linked original website; not a fresh live capture","previewWidth":1200,"previewHeight":649,"previewSha256":"da3c5f536fdbf01c9fe15136a1a963ed6f26f15952fb85a9c512a92a6e7957f9","previewAnimated":false,"publisherIndex":"https://tympanus.net/codrops/webzibition/","publisherRecord":"post-117395","pageTitle":"Nothin' | Home","pageCheckedAt":"2026-10-20T05:54:32.868906+00:00","pageAvailability":"HTTP200; same-domain original website","retrievedAt":"2026-10-20T05:54:32.868906+00:00"},{"id":"21st--ruixen.ui--notification-button","name":"Notification Button","collection":"21st-community","creator":"Ruixen","category":"Feedback & states","why":"Original feedback & states reference from Ruixen.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@ruixen.ui/components/notification-button","codeUrl":"https://21st.dev/@ruixen.ui/components/notification-button","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community notification catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/ruixen.ui/notification-button/default/preview.1758559993958.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"ruixen.ui","sourceCategory":"notification","creatorPublicationUrl":"https://21st.dev/@ruixen.ui/components/notification-button","preview":"media/references/21st--ruixen.ui--notification-button.png","previewWidth":819,"previewHeight":577,"previewSha256":"c3aa90bd7a9de01e951f0ce446ffa9318dcb2724add7453b71b75e2c3c1951af","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@ruixen.ui/components/notification-button"},{"id":"21st--chetanverma16--notification-popover","name":"Notification Popover","collection":"21st-community","creator":"Chetan Verma","category":"Feedback & states","why":"Original feedback & states reference from Chetan Verma.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@chetanverma16/components/notification-popover/notification-popover","codeUrl":"https://21st.dev/@chetanverma16/components/notification-popover/notification-popover","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community notification catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_2rc5PfL1BTeoSaeKi50f3UeVfRn/notification-popover/notification-popover/preview.png?v=1","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"chetanverma16","sourceCategory":"notification","creatorPublicationUrl":"https://21st.dev/@chetanverma16/components/notification-popover/notification-popover","preview":"media/references/21st--chetanverma16--notification-popover.png","previewWidth":960,"previewHeight":621,"previewSha256":"1d2b85664c951ac72ee8187136fdeafb16addb0cf7cc783e5992cd94b9ed3682","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@chetanverma16/components/notification-popover"},{"id":"beui-native--number","name":"Number Animation · Native","collection":"beui-native","category":"React Native","why":"Rolling tickers and count-ups.","useFor":"Original React Native component from the creator’s public library. Image reference with original demo and source links.","sourceFiles":["sources/beui-native/code/src/components/number/animated-number.tsx","sources/beui-native/code/src/components/number/index.ts","sources/beui-native/code/src/components/number/number-ticker.tsx","sources/beui-native/code/src/components/number/use-glyph-cell.tsx"],"website":"https://beui.dev/react-native/number","repository":"https://github.com/starc007/beui-native","commit":"","license":"MIT","access":"Source saved","review":"Official creator catalog · not individually runtime-tested","favorite":false,"discovered":"Original creator library, linked from beUI","added":"2026-10-20","preview":"media/beui-native--number.jpg","previewSource":"https://media.beui.dev/clips/number-light.0d3e671377.jpg","previewType":"Creator’s original React Native recording poster","platform":"React Native","selectionType":"Creator library expansion","previewWidth":600,"previewHeight":1304,"previewAnimated":false,"previewVideo":"media/recordings/beui-native--number.mp4","videoSource":"https://media.beui.dev/clips/number-light.0d3e671377.mp4","videoType":"Unmodified original creator recording","videoMetadata":{"width":600,"height":1304,"duration":9.316667},"videoSha256":"0d3e67137783d5c718562fc1852f3e50180205610e9a9179a9d1b1c2612f99df","previewVideoSource":"https://media.beui.dev/clips/number-light.0d3e671377.mp4"},{"id":"21st--shadcnui-blocks--stats-06","name":"Numbers Stats Grid","collection":"21st-community","creator":"shadcnui-blocks","category":"Cards & layouts","why":"Original cards & layouts reference from shadcnui-blocks.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@shadcnui-blocks/components/stats-06","codeUrl":"https://21st.dev/@shadcnui-blocks/components/stats-06","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Featured by publisher; creator preview indexed; not runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community featured catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/shadcnui-blocks/stats-06/default/preview.1790049881104-772bd77b-e5fb-4e9e-b431-f829b47fbbbe.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"shadcnui-blocks","sourceCategory":"featured","creatorPublicationUrl":"https://21st.dev/@shadcnui-blocks/components/stats-06","preview":"media/references/21st--shadcnui-blocks--stats-06.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"cd3e4b413b6d4194161f58d37efbbe27e2d70dc47b0577c8e6e5122446027576","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@shadcnui-blocks/components/stats-06"},{"added":"2026-10-20","sourceFiles":[],"repository":"","commit":"","codeUrl":"","previewAnimated":false,"discovered":"Original X creator trails, native feature tour and primary motion tools · workflow-spatial review","selectionType":"Visually reviewed original reference","review":"Sonnet 5.5 Medium static visual review; provenance/source checks, not runtime, accessibility or full license/dependency audit","useFor":"Study the exact original reference and linked creator source. Respect its access and license terms.","id":"webzibition--obys-agency","name":"Obys Agency","category":"Navigation & search","why":"A vertical project strip with the active item framed by black bracket cut-outs, a greyed project index on the left and a Vertical/Horizontal/Grid layout switch at the bottom. A useful pattern for a project selector with a view-mode switch.","favorite":false,"collection":"webzibition","preview":"media/references/webzibition--obys-agency.jpg","previewSha256":"cab8e22dbe57815daa2f68973145e4a9e5b3df8dab15a4864281a0ec0dfcd539","website":"https://obys.agency/","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/04/Screen-Shot-2026-04-09-at-19.57.59.jpg","additionalOriginalImages":[],"creator":"Obys Agency · original site","creatorUrl":"https://obys.agency/","publisherIndex":"https://tympanus.net/codrops/webzibition/page/4/","access":"Demo reference · original website; public component source not traced","license":"Original website/image rights remain with their creators; no public code/reuse license established.","attributionNote":"Site/brand identified from original showcase and linked site. Separate designer/agency credit not independently traced.","previewType":"Original static website screenshot published in Codrops Webzibition; not a generated substitute","caseStudy":"https://tympanus.net/codrops/2026/05/14/designing-ourselves-the-new-obys-identity-and-website/","previewWidth":1440,"previewHeight":779},{"added":"2026-10-20","sourceFiles":[],"repository":"","commit":"","codeUrl":"","previewAnimated":false,"discovered":"Original X creator trails, native feature tour and primary motion tools · workflow-spatial review","selectionType":"Visually reviewed original reference","review":"Sonnet 5.5 Medium static visual review; provenance/source checks, not runtime, accessibility or full license/dependency audit","useFor":"Study the exact original reference and linked creator source. Respect its access and license terms.","id":"webzibition--off-menu","name":"Off Menu","category":"Galleries & transitions","why":"Circular thumbnails orbit a centred one-line statement on white, with a dotted radial progress indicator in the corner. A calm orbit gallery that keeps the copy readable.","favorite":false,"collection":"webzibition","preview":"media/references/webzibition--off-menu.jpg","previewSha256":"86eaeb30f19bc7638cef2c29fc5988b147d3b35f641ca1e98520b6d356157a5c","website":"https://www.offmenu.design/","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/04/Screen-Shot-2026-04-15-at-16.50.56.jpg","additionalOriginalImages":[],"creator":"Off Menu · original site","creatorUrl":"https://www.offmenu.design/","publisherIndex":"https://tympanus.net/codrops/webzibition/page/4/","access":"Demo reference · original website; public component source not traced","license":"Original website/image rights remain with their creators; no public code/reuse license established.","attributionNote":"Site/brand identified from original showcase and linked site. Separate designer/agency credit not independently traced.","previewType":"Original static website screenshot published in Codrops Webzibition; not a generated substitute","previewWidth":1440,"previewHeight":779},{"id":"21st--bundui--empty8","name":"Offline Empty State","collection":"21st-community","creator":"Bundui.io","category":"Feedback & states","why":"Original feedback & states reference from Bundui.io.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@bundui/components/empty8","codeUrl":"https://21st.dev/@bundui/components/empty8","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community empty-state catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/bundui/empty8/default/preview.1784797665045-4c7ea7e2-ce95-4636-8b7c-04de9903a16c.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"bundui","sourceCategory":"empty-state","creatorPublicationUrl":"https://21st.dev/@bundui/components/empty8","preview":"media/references/21st--bundui--empty8.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"e8eec94a1c6474c69d245659b085edd4cf611dc271d5be1125f2da05f71c0fed","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@bundui/components/empty8"},{"id":"codrops--on-scroll-clipped-sections","name":"On Scroll Clipped Sections","collection":"codrops-creative","creator":"Chakib Mazouni","creatorUrl":"https://tympanus.net/codrops/hub/author/jeanmazouni","category":"Galleries & transitions","styleTags":["grid","GSAP","parallax","scroll"],"why":"Photo panels clipped in white gutters with offset framing","useFor":"Study the original design and its linked implementation before adoption.","website":"https://onscroll-clipped-sections.vercel.app/","codeUrl":"https://github.com/J0SUKE/gsap-scrolltrigger","repository":"https://github.com/J0SUKE/gsap-scrolltrigger","sourceFiles":[],"commit":"","access":"Creator code page linked · HTTP 200; license/reuse terms not audited","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview selection; creator/demo/source links traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub · October 20 creator-depth review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/09/Screenshot-2025-09-23-at-06.24.28.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Aug 12, 2024","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T07:38:51.455636+00:00","preview":"media/references/codrops--on-scroll-clipped-sections.png","previewWidth":1600,"previewHeight":1202,"previewSha256":"7b241675ae99140ef6b9941542cb891e427aecf6f635cec4bb6499e5e8059471","previewAnimated":false,"sourcePageCheck":{"status":200,"resolvedUrl":"https://github.com/J0SUKE/gsap-scrolltrigger","checkedAt":"2026-10-20T07:40:33.442477+00:00"}},{"id":"codrops--on-scroll-3d-carousel","name":"On-Scroll 3D Carousel","collection":"codrops-creative","creator":"Manoela Ilic","creatorUrl":"https://tympanus.net/codrops/hub/author/crnacura","category":"Galleries & transitions","styleTags":["3d","carousel","gsap","page transition","scroll"],"why":"Fashion photo in a golden-yellow field with a black frame holding tilted portrait cards; strong colour contrast.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Development/3DCarousel","codeUrl":"https://github.com/codrops/3DCarousel/","repository":"https://github.com/codrops/3DCarousel/","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/05/scroll3dcarousel_featured_final-768x576.jpg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"May 7, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:54:42.821988+00:00","preview":"media/references/codrops--on-scroll-3d-carousel.jpg","previewWidth":768,"previewHeight":576,"previewSha256":"d468a21f6a4930b395b1b7bc301771cce89c1c053b8473557be1075fb92deb6e","previewAnimated":false},{"id":"codrops--on-scroll-expanding-image-animation-within-typography","name":"On-Scroll Expanding Image Animation within Typography","collection":"codrops-creative","creator":"Manoela Ilic","creatorUrl":"https://tympanus.net/codrops/hub/author/crnacura","category":"Editorial & typography","styleTags":["GSAP","scroll","typography"],"why":"Serif sentence with circular image words inline on lavender","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Development/ImageExpansionTypography/","codeUrl":"https://github.com/codrops/ImageExpansionTypography/","repository":"https://github.com/codrops/ImageExpansionTypography/","sourceFiles":[],"commit":"","access":"Creator code page linked · HTTP 200; license/reuse terms not audited","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview selection; creator/demo/source links traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub · October 20 creator-depth review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2024/04/expandimage_feat.jpg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Apr 2, 2024","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T07:38:51.455636+00:00","preview":"media/references/codrops--on-scroll-expanding-image-animation-within-typography.jpg","previewWidth":800,"previewHeight":600,"previewSha256":"86d045e4dbcdff9c8cfffa63d56d76100073ccd230abcbb2d7bc3889431eb94f","previewAnimated":false,"sourcePageCheck":{"status":200,"resolvedUrl":"https://github.com/codrops/ImageExpansionTypography/","checkedAt":"2026-10-20T07:40:36.478229+00:00"}},{"id":"codrops--on-scroll-horizontal-parallax-gallery","name":"On-Scroll Horizontal Parallax Gallery","collection":"codrops-creative","creator":"David Faure","creatorUrl":"https://tympanus.net/codrops/hub/author/davidfaure","category":"Galleries & transitions","styleTags":["parallax","scroll","three.js","webgl"],"why":"Original galleries & transitions reference published in the Codrops Creative Hub; inspect the image and original demo for its visual approach.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Tutorials/HorizontalParallaxGallery/index2.html","codeUrl":"https://github.com/davidfaure/horizontal-parallax-gallery-codrops","repository":"https://github.com/davidfaure/horizontal-parallax-gallery-codrops","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Contact-sheet preview reviewed with Sonnet 5.5 Medium; original publisher links traced; not runtime-tested","selectionType":"Preview-reviewed design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/02/Horizontal-Parallax-Gallery-768x576.webp","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Feb 19, 2026","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:23:38.056369+00:00","preview":"media/references/codrops--on-scroll-horizontal-parallax-gallery.webp","previewWidth":768,"previewHeight":576,"previewSha256":"657324580b991c8fb962293b068fbd1512a1e850449e0d17819e94e0511deb3a","previewAnimated":false},{"id":"codrops--on-scroll-shape-morph-animations","name":"On-Scroll Shape Morph Animations","collection":"codrops-creative","creator":"Manoela Ilic","creatorUrl":"https://tympanus.net/codrops/hub/author/crnacura","category":"Galleries & transitions","styleTags":["clip-path","GSAP","morphing","scroll"],"why":"Neon portrait cropped by an angled frame with pixel XTYNCT type","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Development/OnScrollShapeMorph","codeUrl":"https://github.com/codrops/OnScrollShapeMorph","repository":"https://github.com/codrops/OnScrollShapeMorph","sourceFiles":[],"commit":"","access":"Creator code page linked · HTTP 200; license/reuse terms not audited","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview selection; creator/demo/source links traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub · October 20 creator-depth review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2023/11/ShapeMorph-1.jpg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Nov 16, 2023","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T07:38:51.455636+00:00","preview":"media/references/codrops--on-scroll-shape-morph-animations.jpg","previewWidth":800,"previewHeight":600,"previewSha256":"c368044a91948d4dfafe395e5556d9c8f589aecdc84f8e7af1a9fdb831c063b1","previewAnimated":false,"sourcePageCheck":{"status":200,"resolvedUrl":"https://github.com/codrops/OnScrollShapeMorph","checkedAt":"2026-10-20T07:40:37.766177+00:00"}},{"id":"codrops--on-scroll-sliced-text-animation","name":"On-Scroll Sliced Text Animation","collection":"codrops-creative","creator":"Manoela Ilic","creatorUrl":"https://tympanus.net/codrops/hub/author/crnacura","category":"Typography & effects","styleTags":["GSAP","scroll","typography"],"why":"Red sliced BOLD type and huge SAVED cropped over black image panels","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Development/SlicedTextEffect","codeUrl":"https://github.com/codrops/SlicedTextEffect/","repository":"https://github.com/codrops/SlicedTextEffect/","sourceFiles":[],"commit":"","access":"Creator code page linked · HTTP 200; license/reuse terms not audited","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview selection; creator/demo/source links traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub · October 20 creator-depth review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2023/12/slicedtext_feat.jpg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Dec 5, 2023","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T07:38:51.455636+00:00","preview":"media/references/codrops--on-scroll-sliced-text-animation.jpg","previewWidth":800,"previewHeight":600,"previewSha256":"d714339514bab54e7ee80b788d98d77945cca32d305575915b91953388911ec1","previewAnimated":false,"sourcePageCheck":{"status":200,"resolvedUrl":"https://github.com/codrops/SlicedTextEffect/","checkedAt":"2026-10-20T07:40:39.448917+00:00"}},{"id":"codrops--on-scroll-svg-mask-transitions","name":"On-Scroll SVG Mask Transitions","collection":"codrops-creative","creator":"Hiroki Watanabe","creatorUrl":"https://tympanus.net/codrops/hub/author/hirokiwatanabe","category":"Galleries & transitions","styleTags":["gsap","mask","scroll","svg"],"why":"Original galleries & transitions reference published in the Codrops Creative Hub; inspect the image and original demo for its visual approach.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Tutorials/SVGMaskScrollTransition/","codeUrl":"https://github.com/Hiro-kiii/Scroll-Transition/","repository":"https://github.com/Hiro-kiii/Scroll-Transition/","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Contact-sheet preview reviewed with Sonnet 5.5 Medium; original publisher links traced; not runtime-tested","selectionType":"Preview-reviewed design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/03/kv-768x576.webp","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Mar 11, 2026","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:23:38.056369+00:00","preview":"media/references/codrops--on-scroll-svg-mask-transitions.webp","previewWidth":768,"previewHeight":576,"previewSha256":"877b7099b9327a3dec30cd1bd10531b7b0c7da984df720a6ced2439d0cc026a3","previewAnimated":false},{"id":"codrops--on-scroll-text-motion","name":"On-Scroll Text Motion","collection":"codrops-creative","creator":"Manoela Ilic","creatorUrl":"https://tympanus.net/codrops/hub/author/crnacura","category":"Editorial & typography","styleTags":["gsap","scroll","typography"],"why":"Original editorial & typography reference published in the Codrops Creative Hub; inspect the image and original demo for its visual approach.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Development/ScrollTextMotion/","codeUrl":"https://github.com/codrops/ScrollTextMotion","repository":"https://github.com/codrops/ScrollTextMotion","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Contact-sheet preview reviewed with Sonnet 5.5 Medium; original publisher links traced; not runtime-tested","selectionType":"Preview-reviewed design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/12/onscrolltextmotion-768x576.jpg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Dec 19, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:23:38.056369+00:00","preview":"media/references/codrops--on-scroll-text-motion.jpg","previewWidth":768,"previewHeight":576,"previewSha256":"4c0a07fd5e85b74c9539183a6d0a3973073a17b43c22a1c9e5449db56605b377","previewAnimated":false},{"id":"21st--amanshakya307--onboard-card","name":"Onboard Card","collection":"21st-community","creator":"Aman Shakya","category":"Human control","why":"Original human control reference from Aman Shakya.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@amanshakya307/components/onboard-card","codeUrl":"https://21st.dev/@amanshakya307/components/onboard-card","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community onboarding catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/amanshakya307/onboard-card/default/preview.1751713748630.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"amanshakya307","sourceCategory":"onboarding","creatorPublicationUrl":"https://21st.dev/@amanshakya307/components/onboard-card","preview":"media/references/21st--amanshakya307--onboard-card.png","previewWidth":738,"previewHeight":448,"previewSha256":"62fd169a604284ed33de26cf25f0706e1457858f37512f16764e301ecc4c2ac9","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@amanshakya307/components/onboard-card"},{"id":"21st--ravikatiyar162--onboarding-checklist","name":"Onboarding Checklist","collection":"21st-community","creator":"Ravi Katiyar","category":"Human control","why":"Original human control reference from Ravi Katiyar.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@ravikatiyar162/components/onboarding-checklist","codeUrl":"https://21st.dev/@ravikatiyar162/components/onboarding-checklist","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community onboarding catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_2zMtrqo9RMaaIn4f8F2z3oeY497/onboarding-checklist/default/preview.1789048140216.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"ravikatiyar162","sourceCategory":"onboarding","creatorPublicationUrl":"https://21st.dev/@ravikatiyar162/components/onboarding-checklist","preview":"media/references/21st--ravikatiyar162--onboarding-checklist.jpg","previewWidth":960,"previewHeight":641,"previewSha256":"27e0c00cea124081116c983f3acbfdd6546961ae15296e3d413bcc22fb942fa1","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@ravikatiyar162/components/onboarding-checklist"},{"id":"21st--ephraimduncan--onboarding-01","name":"Onboarding Checklist","collection":"21st-community","creator":"Ephraim Duncan","category":"Human control","why":"Original human control reference from Ephraim Duncan.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@ephraimduncan/components/onboarding-01","codeUrl":"https://21st.dev/@ephraimduncan/components/onboarding-01","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community onboarding catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_2vZexZytBe3Vo4fbfmzWgvCugbB/onboarding-01/default/preview.1790089754994.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"ephraimduncan","sourceCategory":"onboarding","creatorPublicationUrl":"https://21st.dev/@ephraimduncan/components/onboarding-01","preview":"media/references/21st--ephraimduncan--onboarding-01.jpg","previewWidth":960,"previewHeight":806,"previewSha256":"901699034b033a88966aad0ee3928e5dc11ebcddc56c95da9fcc7fb35039bfd3","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@ephraimduncan/components/onboarding-01"},{"id":"21st--patrick-xin--onboarding-dialog","name":"Onboarding Dialog","collection":"21st-community","creator":"Patrick Xin","category":"Human control","why":"Original human control reference from Patrick Xin.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@patrick-xin/components/onboarding-dialog","codeUrl":"https://21st.dev/@patrick-xin/components/onboarding-dialog","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community onboarding catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_2vlfsj9AXKGLNZ0kee0biSW1key/onboarding-dialog/default/preview.1789071026526.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"patrick-xin","sourceCategory":"onboarding","creatorPublicationUrl":"https://21st.dev/@patrick-xin/components/onboarding-dialog","preview":"media/references/21st--patrick-xin--onboarding-dialog.jpg","previewWidth":793,"previewHeight":595,"previewSha256":"2cecfb01c6d63c6bab774d258af8cb4e69f97221eda5562e4e54efad3745ef5b","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@patrick-xin/components/onboarding-dialog"},{"id":"21st--ravikatiyar162--onboarding-form","name":"Onboarding Form","collection":"21st-community","creator":"Ravi Katiyar","category":"Human control","why":"Original human control reference from Ravi Katiyar.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@ravikatiyar162/components/onboarding-form","codeUrl":"https://21st.dev/@ravikatiyar162/components/onboarding-form","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community onboarding catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/ravikatiyar162/onboarding-form/default/preview.1760504439549.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"ravikatiyar162","sourceCategory":"onboarding","creatorPublicationUrl":"https://21st.dev/@ravikatiyar162/components/onboarding-form","preview":"media/references/21st--ravikatiyar162--onboarding-form.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"3a6c448ecbe9ead8d144e20afb84511ac6f28242391888f5b199364a4eb76d5b","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@ravikatiyar162/components/onboarding-form"},{"id":"21st--isaiahbjork--onboarding-stages","name":"Onboarding Stages","collection":"21st-community","creator":"Isaiah","category":"Human control","why":"Original human control reference from Isaiah.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@isaiahbjork/components/onboarding-stages","codeUrl":"https://21st.dev/@isaiahbjork/components/onboarding-stages","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community onboarding catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_2tkbBPFWYn8YMjZNHwgIuP3yzvd/onboarding-stages/default/preview.1750806725509.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"isaiahbjork","sourceCategory":"onboarding","creatorPublicationUrl":"https://21st.dev/@isaiahbjork/components/onboarding-stages","preview":"media/references/21st--isaiahbjork--onboarding-stages.png","previewWidth":960,"previewHeight":715,"previewSha256":"5c6bfef19b7284deb3e90356d14cc3e72bae417b938b014e0d64bbd2dd549029","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@isaiahbjork/components/onboarding-stages"},{"id":"21st--cnippet-dev--onboarding-step-tracker","name":"Onboarding Step Tracker","collection":"21st-community","creator":"Cnippet","category":"Human control","why":"Original human control reference from Cnippet.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@cnippet-dev/components/onboarding-step-tracker","codeUrl":"https://21st.dev/@cnippet-dev/components/onboarding-step-tracker","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community onboarding catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_36Tbt0v8JdD4jEycmBFhR8tojnR/onboarding-step-tracker/default/preview.1787154103521.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"cnippet-dev","sourceCategory":"onboarding","creatorPublicationUrl":"https://21st.dev/@cnippet-dev/components/onboarding-step-tracker","preview":"media/references/21st--cnippet-dev--onboarding-step-tracker.jpg","previewWidth":960,"previewHeight":743,"previewSha256":"4134d23d095b0dfdcc9f916574f3edbb597eb6ff8208ef018ea794ceda6f1944","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@cnippet-dev/components/onboarding-step-tracker"},{"id":"21st--cnippet-dev--v-carousel-8","name":"Onboarding Steps Carousel","collection":"21st-community","creator":"Cnippet","category":"Human control","why":"Original human control reference from Cnippet.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@cnippet-dev/components/v-carousel-8","codeUrl":"https://21st.dev/@cnippet-dev/components/v-carousel-8","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community onboarding catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_36Tbt0v8JdD4jEycmBFhR8tojnR/v-carousel-8/default/preview.1787331964585.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"cnippet-dev","sourceCategory":"onboarding","creatorPublicationUrl":"https://21st.dev/@cnippet-dev/components/v-carousel-8","preview":"media/references/21st--cnippet-dev--v-carousel-8.png","previewWidth":960,"previewHeight":702,"previewSha256":"12c1a7a4d79ac7974b2735e86609bbab84cf334394449f8f3a43e6eeb62f2272","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@cnippet-dev/components/v-carousel-8"},{"id":"21st--ephraimduncan--onboarding-06","name":"Onboarding Timeline","collection":"21st-community","creator":"Ephraim Duncan","category":"Human control","why":"Deployment progress rail with three distinct states: checkmarks for done steps, a solid dot for the running step and a hollow ring for upcoming. Each row has a bold title, a muted timestamp or status, and a one-line description. Muted status text carries the progress, so it reads as an agent-run status pattern.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@ephraimduncan/components/onboarding-06","codeUrl":"https://21st.dev/@ephraimduncan/components/onboarding-06","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Sonnet 5.5 Medium individual full-image visual audit of original published preview; source access remains unverified, not runtime or accessibility tested","selectionType":"Individually visually reviewed creator-catalog reference","favorite":false,"discovered":"Creator-published 21st community onboarding catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_2vZexZytBe3Vo4fbfmzWgvCugbB/onboarding-06/default/preview.1790088891048.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"ephraimduncan","sourceCategory":"onboarding","creatorPublicationUrl":"https://21st.dev/@ephraimduncan/components/onboarding-06","preview":"media/references/21st--ephraimduncan--onboarding-06.png","previewWidth":960,"previewHeight":748,"previewSha256":"3bc76511d49f09832fe6417f9f971e35030d2d7bf48de6e398e1bf2eb716ec78","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@ephraimduncan/components/onboarding-06","qualityReview":"references/older-input-quality-curation.json"},{"id":"21st--ephraimduncan--onboarding-02","name":"Onboarding Workspace Setup","collection":"21st-community","creator":"Ephraim Duncan","category":"Human control","why":"Original human control reference from Ephraim Duncan.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@ephraimduncan/components/onboarding-02","codeUrl":"https://21st.dev/@ephraimduncan/components/onboarding-02","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community onboarding catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_2vZexZytBe3Vo4fbfmzWgvCugbB/onboarding-02/default/preview.1790089484642.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"ephraimduncan","sourceCategory":"onboarding","creatorPublicationUrl":"https://21st.dev/@ephraimduncan/components/onboarding-02","preview":"media/references/21st--ephraimduncan--onboarding-02.jpg","previewWidth":960,"previewHeight":761,"previewSha256":"c3ee3701e05a52a634d3641ae2cf0e7cfdaaad486162d3dcb9f725420cbc0daf","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@ephraimduncan/components/onboarding-02"},{"name":"Onlook · historical selection-to-code editor","collection":"onlook-original","creator":"Onlook contributors","creatorUrl":"https://github.com/onlook-dev","repository":"https://github.com/onlook-dev/onlook","commit":"4ad5be5043b23fbf80c30a539eb2528cd364830f","platform":"Web / Next.js + React + TypeScript · historical visual code editor","access":"Historical original public source · Apache2; newer private early-access product excluded","license":"Apache-2.0 original open-source visual editor. Selected PNG is byte-identical at its May29,2025 image-compression commit and current README; source pinned to that earlier repo revision. Current README explicitly distinguishes a newer private early-access product, which is not claimed as this implementation. Models/hosting/project artwork have separate rights.","id":"onlook-visual-editor","category":"Creative controls & effects","why":"Historical open-source Onlook visual editor (not the newer private early-access product). The full image shows the authoring shell itself: Design/Preview tabs, a floating property toolbar (auto sizing, fill, border, radius, layout, padding), a red selection box with handles on the NONNA heading in the canvas, and a Chat/Code pane whose highlighted h1 block (data-oid attributes) mirrors that selection. It is legible and distinctive as a design-to-code binding. The generated restaurant page is not counted as a separate reference. Other variants were weaker: onlook-text-styling is a good color-picker popover but a narrower crop of the same family; onlook-insert-div is a sparse five-icon toolbar; onlook-web-preview is a promo banner for the newer product.","favorite":false,"website":"https://github.com/onlook-dev/onlook/blob/423e2e924366419e418ee049093872d535eea41a/README.md","codeUrl":"https://github.com/onlook-dev/onlook/blob/4ad5be5043b23fbf80c30a539eb2528cd364830f/apps/web/client/src/app/project/[id]/_components/right-panel/dev-tab/index.tsx","sourceFiles":[],"review":"Sonnet5.5 Medium full-image visual review and researcher provenance/source checks; not runtime, motion, accessibility or full dependency-license audited","useFor":"Study the exact original static authoring/control interface and follow original source under its terms.","selectionType":"Individually visually reviewed original reference","discovered":"Original visual instruments and human review · visual-instruments pass","added":"2026-10-20","preview":"media/references/visual-instruments--onlook-code-connect.png","previewSha256":"f16a38b7d43fa32107f9642aac6238fc1f4778f2950d50322e8e18cb34fce42c","previewSource":"https://raw.githubusercontent.com/onlook-dev/onlook/423e2e924366419e418ee049093872d535eea41a/assets/code-connect.png","previewAnimated":false,"previewType":"Exact unmodified original creator static image","previewWidth":2066,"previewHeight":1532,"sourceResolution":"references/visual-instruments-source-resolution.json","sourcePinNote":"Original image bytes unchanged and source revisions independently pinned. Exact screenshot-build equality not claimed; partial evidence files are not a new complete archive. Related states grouped once, generated project content not separately accepted."},{"id":"ai-sdk-agents--openai-chat-image","name":"OpenAI image chat","collection":"ai-sdk-agents","creator":"AI SDK Agents · Cult","category":"Intent & input","why":"Original intent & input surface from the creator’s agent-interface catalog.","useFor":"Reference the original component and its creator’s implementation.","website":"https://www.aisdkagents.com/ai-components/openai-chat-image","codeUrl":"https://www.aisdkagents.com/ai-components/openai-chat-image","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · free/paid access not checked","license":"Creator terms apply; no source downloaded","review":"Original creator catalog inspected in Chrome; image saved; individual code access not tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Cult UI → original AI SDK Agents catalog","added":"2026-10-20","preview":"media/references/ai-sdk-agents--openai-chat-image.webp","previewSource":"https://www.aisdkagents.com/_next/image?url=%2Fai-components%2Fthumbnails%2Fopenai-chat-image-light.png&w=640&q=75&dpl=dpl_2BLHURNF6K3SZGxoc7Nmyo3CyTpJ","previewType":"Creator-published static component thumbnail","previewWidth":640,"previewHeight":400,"previewSha256":"4c225c72a1df1d46b7f40d1018b2aedbc140fdab59450d365e10ebff586c6cf9","previewAnimated":false,"sourceCategory":"Chat/Composer10","retrievedAt":"2026-10-20T05:01:21.388663+00:00"},{"id":"orbkit--shdr-23","preview":"media/references/orbkit--shdr-23.png","previewSha256":"e3e1e3af5e44533a8ff74d78608b391e2e62b8bf5b4f2f79dcca61da80125ad7","cropBox":[67,79,447,459],"name":"Orbkit SHDR-23","collection":"orbkit","category":"Shaders & materials","why":"Complete sphere rendered as blue scanline/pixel-grid texture; distinct digital-matrix material, unclipped.","favorite":false,"useFor":"Inspect the exact original preview and pinned creator code; reuse is governed by the original license and dependencies.","added":"2026-10-20","discovered":"Agents Kit upstream provenance → original creator website and repository · October 20 creator-depth review","selectionType":"Visually reviewed original reference","previewAnimated":false,"previewType":"Exact static screenshot crop of the creator’s published demo; no recreated rendering","review":"Sonnet-assisted static visual review, with full-image follow-up on six candidates; not runtime/accessibility audited","sourceFiles":[],"creator":"zzzzshawn","creatorUrl":"https://x.com/zzzzshawn/","website":"https://orbkit.zzzzshawn.cloud/","previewSource":"https://orbkit.zzzzshawn.cloud/","repository":"https://github.com/zzzzshawn/orbkit","commit":"5dbd641ee0d08a9135a2c13b75c4685c36b02150","codeUrl":"https://github.com/zzzzshawn/orbkit/blob/5dbd641ee0d08a9135a2c13b75c4685c36b02150/orbs/orbs/shdr-23.tsx","access":"Original creator code linked · MIT selected shader; not archived","license":"Selected creator-authored shader: MIT. Repository also contains 19 separately attributed non-commercial XorDev ports, excluded from this selection.","sourceEvidence":"references/orbkit-source-licenses.json","previewWidth":380,"previewHeight":380},{"id":"orbkit--shdr-33","preview":"media/references/orbkit--shdr-33-canvas.png","previewSha256":"a5a2db0c1624641e1eb990e4c2d82d8b394548965c94ec8490445e8a92376c98","cropBox":[97,57,417,377],"name":"Orbkit SHDR-33","collection":"orbkit","category":"Shaders & materials","why":"Complete sphere with glowing white-orange lobes and violet shadows radiating from the right on a dark core, finished with a fine dot-grid halftone texture; fully framed, no clipped chrome.","favorite":false,"useFor":"Inspect the exact original preview and pinned creator code; reuse is governed by the original license and dependencies.","added":"2026-10-20","discovered":"Agents Kit upstream provenance → original creator website and repository · October 20 creator-depth review","selectionType":"Visually reviewed original reference","previewAnimated":false,"previewType":"Exact static screenshot crop of the creator’s published demo; no recreated rendering","review":"Sonnet-assisted static visual review, with full-image follow-up on six candidates; not runtime/accessibility audited","sourceFiles":[],"creator":"zzzzshawn","creatorUrl":"https://x.com/zzzzshawn/","website":"https://orbkit.zzzzshawn.cloud/","previewSource":"https://orbkit.zzzzshawn.cloud/","repository":"https://github.com/zzzzshawn/orbkit","commit":"5dbd641ee0d08a9135a2c13b75c4685c36b02150","codeUrl":"https://github.com/zzzzshawn/orbkit/blob/5dbd641ee0d08a9135a2c13b75c4685c36b02150/orbs/orbs/shdr-33.tsx","access":"Original creator code linked · MIT selected shader; not archived","license":"Selected creator-authored shader: MIT. Repository also contains 19 separately attributed non-commercial XorDev ports, excluded from this selection.","sourceEvidence":"references/orbkit-source-licenses.json","previewWidth":320,"previewHeight":320},{"id":"21st--kavikatiyar--order-history","name":"Order History","collection":"21st-community","creator":"Kavi Katiyar","category":"Thinking & progress","why":"Original thinking & progress reference from Kavi Katiyar.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@kavikatiyar/components/order-history","codeUrl":"https://21st.dev/@kavikatiyar/components/order-history","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community timeline catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/kavikatiyar/order-history/default/preview.1758097678410.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"kavikatiyar","sourceCategory":"timeline","creatorPublicationUrl":"https://21st.dev/@kavikatiyar/components/order-history","preview":"media/references/21st--kavikatiyar--order-history.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"d0aa7fd8afc025bb1e20a60583b1fd44fa68d51915dd1394623ecbed49e8ff96","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@kavikatiyar/components/order-history"},{"id":"21st--javierdev0--order-tracking","name":"Order tracking","collection":"21st-community","creator":"Javi","category":"Thinking & progress","why":"Original thinking & progress reference from Javi.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@javierdev0/components/order-tracking","codeUrl":"https://21st.dev/@javierdev0/components/order-tracking","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community timeline catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_2rOaJzeYmWcsYVMWFS0A1Jq23sQ/order-tracking/default/preview.png?v=1","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"javierdev0","sourceCategory":"timeline","creatorPublicationUrl":"https://21st.dev/@javierdev0/components/order-tracking","preview":"media/references/21st--javierdev0--order-tracking.png","previewWidth":928,"previewHeight":804,"previewSha256":"7e04f27a797a955035d64c3b67a98971272661f49fa9bbbe93c828b17bb8e4ae","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@javierdev0/components/order-tracking"},{"id":"codrops--ordered-dithering-a-close-up-look","name":"Ordered Dithering – A Close-Up Look","collection":"codrops-creative","creator":"Damar Berlari","creatorUrl":"https://tympanus.net/codrops/hub/author/damar_berlari","category":"Spatial experiences","styleTags":["anime.js","dithering","three.js","webgl"],"why":"Original spatial experiences reference published in the Codrops Creative Hub; inspect the image and original demo for its visual approach.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://codepen.io/damarberlari/full/LENBEzy","codeUrl":"https://codepen.io/damarberlari/full/LENBEzy","repository":"","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Contact-sheet preview reviewed with Sonnet 5.5 Medium; original publisher links traced; not runtime-tested","selectionType":"Preview-reviewed design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/12/Screenshot-2025-12-02-at-08.30.35-768x577.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Dec 2, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:23:38.056369+00:00","preview":"media/references/codrops--ordered-dithering-a-close-up-look.png","previewWidth":768,"previewHeight":577,"previewSha256":"2de00e9f935513ee0a9d59843122fbcee74d3ee19ebce1285712b129d58e3a97","previewAnimated":false},{"id":"codrops--organic-radialgradients-shader","name":"Organic RadialGradients shader","collection":"codrops-creative","creator":"Chakib Mazouni","creatorUrl":"https://tympanus.net/codrops/hub/author/jeanmazouni","category":"Shaders & materials","styleTags":["glsl","gradient"],"why":"Warm orange-to-yellow concentric gradient bands with large white sans type; simple, bold colour field that holds a headline.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://organic-gradients-shader.vercel.app/","codeUrl":"https://github.com/J0SUKE/organic-gradients-shader","repository":"https://github.com/J0SUKE/organic-gradients-shader","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/08/Screenshot-2025-08-24-at-08.55.54-768x577.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Aug 24, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:54:42.821988+00:00","preview":"media/references/codrops--organic-radialgradients-shader.png","previewWidth":768,"previewHeight":577,"previewSha256":"a8af7c741da64315a127b973c0a3cd09425659277a0c015ff4e0001cd4449803","previewAnimated":false},{"id":"codrops--organic-text-distortion-effect-with-infinite-scrolling","name":"Organic Text Distortion Effect with Infinite Scrolling","collection":"codrops-creative","creator":"Jorge Toloza","creatorUrl":"https://tympanus.net/codrops/hub/author/jorgetloza","category":"Editorial & typography","styleTags":["distortion","scroll","typography"],"why":"Columns of fine text bending around a centered portrait and name on warm brown.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Tutorials/OrganicTextDistortion","codeUrl":"https://github.com/JorgeCapillo/infinite-scrolling-text-distortion","repository":"https://github.com/JorgeCapillo/infinite-scrolling-text-distortion","sourceFiles":[],"commit":"","access":"Creator code page linked · HTTP 200; license/reuse terms not audited","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview review; original demo/source attribution traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub · October 20 midday review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2024/10/Group-105.jpg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Nov 6, 2024","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T06:57:46.927245+00:00","preview":"media/references/codrops--organic-text-distortion-effect-with-infinite-scrolling.jpg","previewWidth":800,"previewHeight":600,"previewSha256":"4d0cc3a2738833bc9c2444f51751f0cf7758d07077a9cf88e5990808411a7190","previewAnimated":false,"observedPage":7,"sourcePageCheck":{"status":200,"resolvedUrl":"https://github.com/JorgeCapillo/infinite-scrolling-text-distortion","checkedAt":"2026-10-20T07:06:16.373648+00:00"}},{"id":"codrops--origami-12-free-animated-3d-objects","name":"Origami: 12 Free Animated 3D Objects","collection":"codrops-creative","creator":"deadrabbbbit","creatorUrl":"https://tympanus.net/codrops/hub/author/deadrabbbbit","category":"Spatial experiences","styleTags":["3D","React Three Fiber","Three.js","WebGL"],"why":"Labeled dark tiles present sculptural iridescent objects. The original asset collection is counted once, rather than as twelve variants.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Development/Origami","codeUrl":"https://github.com/d3adrabbit/origami","repository":"https://github.com/d3adrabbit/origami","sourceFiles":[],"commit":"","access":"Creator code page linked · HTTP 200; license/reuse terms not audited","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview selection; creator/demo/source links traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub · October 20 creator-depth review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2024/07/3dmotiongraphic-featured_2_mo.jpg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Jul 30, 2024","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T07:38:51.455636+00:00","preview":"media/references/codrops--origami-12-free-animated-3d-objects.jpg","previewWidth":800,"previewHeight":600,"previewSha256":"9f513fb6ca6a0182df5f67eebed5c60a47a40e80ed86e4db3280f5218529b018","previewAnimated":false,"sourcePageCheck":{"status":200,"resolvedUrl":"https://github.com/d3adrabbit/origami","checkedAt":"2026-10-20T07:40:40.289972+00:00"}},{"collection":"ossia-original","creator":"OSSIA / GBAP contributors","creatorUrl":"https://github.com/ossia/GBAP","repository":"https://github.com/ossia/GBAP","commit":"df9bc8e0767d58bda44fdb798c18b7a7f754cc45","website":"https://ossia.io/score-docs/processes/nodes.html","platform":"Native C++ / Qt · GBAP add-on","license":"AGPL-3.0 in the original GBAP repository. This widget is not plain MIT, core score GPL source or Avendish permissive concept definitions. Parent host, graphics dependencies and image reuse rights separate.","id":"ossia-node-interpolator","name":"OSSIA GBAP · geometric interpolation pad","category":"Creative controls & effects","why":"A 2D interpolation pad where three numbered anchor nodes and a blue input point blend into soft purple and teal regions in Voronoi mode, with Smooth and Normalize controls above. The control is the colour field itself, not a slider. It is the single ossia nodes/Voronoi entry; the plain-circles state is the same widget.","favorite":false,"codeUrl":"https://github.com/ossia/GBAP/blob/df9bc8e0767d58bda44fdb798c18b7a7f754cc45/Nodes/NodesWidget.hpp","sourceFiles":[],"access":"Public original source · exact licenses below; external services, add-ons and dependency access separate; not executed","review":"Sonnet5.5 Medium full-image visual review and researcher source/provenance checks; not runtime, motion, accessibility or complete dependency-license audited","useFor":"Study the exact original interface image and follow the original implementation under its stated license.","selectionType":"Individually visually reviewed original reference","discovered":"Original spatial and instrument interfaces · spatial-instruments review","added":"2026-10-20","preview":"media/references/spatial-instruments--ossia-nodes_voronoi.png","previewSha256":"657b6ac6eff9303b4c7afd16ec5181bba231b86102baf86b45173c246ba0d3b3","previewSource":"https://raw.githubusercontent.com/ossia/score-docs/afbbd9d18d53e7edd1f7e484a2131e78db1cb245/assets/images/reference/processes/nodes_voronoi.png","previewAnimated":false,"previewType":"Exact unmodified original creator static image","previewWidth":450,"previewHeight":508,"sourceResolution":"references/spatial-instruments-final-source-evidence.json","sourcePinNote":"Exact NodesWidget.hpp and NodesUi.hpp establish the original painted pad and control layout. Circular/Voronoi states count once. Documentation image revision and implementation revision are separately pinned; exact screenshot-build equality is not claimed."},{"collection":"ossia-original","creator":"OSSIA contributors","creatorUrl":"https://ossia.io","repository":"https://github.com/ossia/score","commit":"d349aefe40ddf8d93f4fcb6f2935b86fc4012dc5","website":"https://ossia.io/score-docs/quick-start/non-linear-timelines.html","platform":"Native C++ / Qt · OSSIA score","license":"GPL-3.0 distribution, with CeCILL contributions and third-party licenses separately described in the original LICENSE.txt. Documentation theme MIT notice is not an application-implementation or blanket image/asset license.","id":"ossia-nonlinear-timeline","name":"OSSIA · sensor-triggered nonlinear timeline","category":"Tools & execution","why":"A timeline where Fade in and Fade out curve boxes are chained by a dashed trigger link labelled 'From activity sensor'. Yellow trigger flags sit on the time ruler, and the inspector shows Scenario loop settings. Event-driven sequencing is shown as an actual layout rather than a linear track. It is the single nonlinear-timeline entry; the looping-scenario state is merged into it.","favorite":false,"codeUrl":"https://github.com/ossia/score/blob/d349aefe40ddf8d93f4fcb6f2935b86fc4012dc5/src/plugins/score-plugin-scenario/Scenario/Process/ScenarioView.cpp","sourceFiles":[],"access":"Public original source · exact licenses below; external services, add-ons and dependency access separate; not executed","review":"Sonnet5.5 Medium full-image visual review and researcher source/provenance checks; not runtime, motion, accessibility or complete dependency-license audited","useFor":"Study the exact original interface image and follow the original implementation under its stated license.","selectionType":"Individually visually reviewed original reference","discovered":"Original spatial and instrument interfaces · spatial-instruments review","added":"2026-10-20","preview":"media/references/spatial-instruments--ossia-state-machine.png","previewSha256":"ad9ccc1c00abd9f7a3526ae31a05ae59e066f23f11fd26613fc8b29fc0e321cd","previewSource":"https://raw.githubusercontent.com/ossia/score-docs/afbbd9d18d53e7edd1f7e484a2131e78db1cb245/assets/images/quick-start/non-linear-timeline/state-machine.png","previewAnimated":false,"previewType":"Exact unmodified original creator static image","previewWidth":1570,"previewHeight":902,"sourceResolution":"references/spatial-instruments-final-source-evidence.json","sourcePinNote":"Original timeline renderer and full license notice retained as evidence. Sensor-triggered and loop states count once. Historical score3.0 screenshot is not claimed to match this later source build."},{"id":"beui-native--otp-input","name":"OTP Input · Native","collection":"beui-native","category":"React Native","why":"Digits roll into slots, with SMS autofill.","useFor":"Original React Native component from the creator’s public library. Image reference with original demo and source links.","sourceFiles":["sources/beui-native/code/src/components/otp-input/index.ts","sources/beui-native/code/src/components/otp-input/otp-input.tsx"],"website":"https://beui.dev/react-native/otp-input","repository":"https://github.com/starc007/beui-native","commit":"","license":"MIT","access":"Source saved","review":"Official creator catalog · not individually runtime-tested","favorite":false,"discovered":"Original creator library, linked from beUI","added":"2026-10-20","preview":"media/beui-native--otp-input.jpg","previewSource":"https://media.beui.dev/clips/otp-input-light.fb81b064ce.jpg","previewType":"Creator’s original React Native recording poster","platform":"React Native","selectionType":"Creator library expansion","previewWidth":600,"previewHeight":1304,"previewAnimated":false,"previewVideo":"media/recordings/beui-native--otp-input.mp4","videoSource":"https://media.beui.dev/clips/otp-input-light.fb81b064ce.mp4","videoType":"Unmodified original creator recording","videoMetadata":{"width":600,"height":1304,"duration":7.15},"videoSha256":"fb81b064ce563827704f849bca255bb8dbdc6317482688ab873abc3d4a6cd609","previewVideoSource":"https://media.beui.dev/clips/otp-input-light.fb81b064ce.mp4"},{"id":"21st--olewandowski1--oversized-404-numeral","name":"Oversized 404 Numeral","collection":"21st-community","creator":"Oliver","category":"Feedback & states","why":"Original feedback & states reference from Oliver.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@olewandowski1/components/oversized-404-numeral","codeUrl":"https://21st.dev/@olewandowski1/components/oversized-404-numeral","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community empty-state catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_registry_7ovr_1782691739820/oversized-404-numeral/default/preview.1790091270129.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"olewandowski1","sourceCategory":"empty-state","creatorPublicationUrl":"https://21st.dev/@olewandowski1/components/oversized-404-numeral","preview":"media/references/21st--olewandowski1--oversized-404-numeral.png","previewWidth":960,"previewHeight":762,"previewSha256":"0eb8a2cf6b86479360ff8ee6879a9bc1d51abdfc0492a45382625399defe3ab5","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@olewandowski1/components/oversized-404-numeral"},{"id":"codrops--overwrite-dynamic-tweens","name":"Overwrite / Dynamic Tweens","collection":"codrops-creative","creator":"GSAP","creatorUrl":"https://tympanus.net/codrops/hub/author/gsap","category":"Creative controls & effects","styleTags":["button","gsap","hover","magnetic"],"why":"Original creative controls & effects reference published in the Codrops Creative Hub; inspect the image and original demo for its visual approach.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://codepen.io/GreenSock/full/azmKBBJ","codeUrl":"https://codepen.io/GreenSock/full/azmKBBJ","repository":"","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Contact-sheet preview reviewed with Sonnet 5.5 Medium; original publisher links traced; not runtime-tested","selectionType":"Preview-reviewed design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/05/Screenshot-2026-05-01-at-15.31.46-768x577.png.webp","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Apr 3, 2026","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:23:38.056369+00:00","preview":"media/references/codrops--overwrite-dynamic-tweens.webp","previewWidth":768,"previewHeight":577,"previewSha256":"ab5aa2dea08e4b35fefeb9f1b2e34648b47e9328fd3d893e5b5e66957013c349","previewAnimated":false},{"id":"codrops--page-transitions-with-webgpu-and-vanillajs","name":"Page Transitions with WebGPU and VanillaJS","collection":"codrops-creative","creator":"Ben Paine","creatorUrl":"https://tympanus.net/codrops/hub/author/benpaine","category":"Galleries & transitions","styleTags":["carousel","page transition","webgpu"],"why":"Original galleries & transitions reference published in the Codrops Creative Hub; inspect the image and original demo for its visual approach.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://page-transitions-with-webgpu-vanilla-js.crnacura.workers.dev/","codeUrl":"https://github.com/bnpne/page-transitions-with-webgpu-vanilla-js","repository":"https://github.com/bnpne/page-transitions-with-webgpu-vanilla-js","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Contact-sheet preview reviewed with Sonnet 5.5 Medium; original publisher links traced; not runtime-tested","selectionType":"Preview-reviewed design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/06/pagetrans_benpaine_cover-768x576.png.webp","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Jun 30, 2026","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:23:38.056369+00:00","preview":"media/references/codrops--page-transitions-with-webgpu-and-vanillajs.webp","previewWidth":768,"previewHeight":576,"previewSha256":"44b5c5e7691f3c7150f0317ff498b5111f62cb0129ac49ed3c1797c4246ef949","previewAnimated":false},{"id":"21st--antdesign--pagination-ant","name":"Pagination Ant","collection":"21st-community","creator":"antdesign","category":"Forms & controls","why":"Original forms & controls reference from antdesign.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@antdesign/components/pagination-ant/jumper","codeUrl":"https://21st.dev/@antdesign/components/pagination-ant/jumper","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community input catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/larsen66/pagination-ant/jumper/preview.1758093863798.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"antdesign","sourceCategory":"input","creatorPublicationUrl":"https://21st.dev/@antdesign/components/pagination-ant/jumper","preview":"media/references/21st--antdesign--pagination-ant.png","previewWidth":935,"previewHeight":598,"previewSha256":"be593a15dbeecfb92319451b9f93a8177f053c716fb8f4a3049bb7c155a3b44e","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@antdesign/components/pagination-ant"},{"id":"codrops--palmers-draggable-product-grid","name":"Palmer’s Draggable Product Grid","collection":"codrops-creative","creator":"Joffrey Spitzer","creatorUrl":"https://tympanus.net/codrops/hub/author/joffreyspitzer","category":"Galleries & transitions","styleTags":["draggable","gsap"],"why":"Evenly spaced ceramic vases cut out on pure white make a product grid driven entirely by the objects' colour and silhouette.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Tutorials/PalmerDraggableGrid/","codeUrl":"https://github.com/joffreysp/draggable-grid","repository":"https://github.com/joffreysp/draggable-grid","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/08/thumbnail-768x576.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Sep 1, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:54:42.821988+00:00","preview":"media/references/codrops--palmers-draggable-product-grid.png","previewWidth":768,"previewHeight":576,"previewSha256":"3688eae9053041a5720134bf5a11252b33356162cb67935fe15c51e65b84a5d4","previewAnimated":false},{"id":"aceternity--parallax-hero-images","name":"Parallax Hero Images","collection":"aceternity","creator":"Aceternity UI · Manu Arora","category":"Cards & layouts","why":"Original cards & layouts reference from Aceternity UI · Manu Arora.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://ui.aceternity.com/components/parallax-hero-images","codeUrl":"https://ui.aceternity.com/components/parallax-hero-images","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Reddit library leads → original Aceternity component catalog","added":"2026-10-20","previewSource":"https://assets.aceternity.com/components/parallax-hero-images-2.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","preview":"media/references/aceternity--parallax-hero-images.webp","previewWidth":2200,"previewHeight":1204,"previewSha256":"680ae6c86288a649a163f857dacda3cf559975c8b53b2fc75d59ef4e84427a28","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"codrops--parallax-image-layers","name":"Parallax Image Layers","collection":"codrops-creative","creator":"Osmo","creatorUrl":"https://tympanus.net/codrops/hub/author/osmo","category":"Galleries & transitions","styleTags":["GSAP","parallax","scroll"],"why":"Bold 'Parallax' title set between mountain foreground and sky layers so the lettering partly passes behind the peak.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://codepen.io/osmosupply/full/NWQevrB","codeUrl":"https://codepen.io/osmosupply/pen/NWQevrB","repository":"","sourceFiles":[],"commit":"","access":"Creator code linked · access unverified (source response recorded)","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview review; original demo/source attribution traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub · October 20 midday review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2024/11/image-2025-01-05-at-23.55.28.jpg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Nov 12, 2024","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T06:57:46.927245+00:00","preview":"media/references/codrops--parallax-image-layers.jpg","previewWidth":975,"previewHeight":720,"previewSha256":"940c183143b2e666c06baf856c2fb28b7854c44175af84af865378fb193e4cff","previewAnimated":false,"observedPage":7,"sourcePageCheck":{"status":403,"resolvedUrl":"https://codepen.io/osmosupply/pen/NWQevrB","checkedAt":"2026-10-20T07:06:14.719165+00:00"}},{"id":"21st--yingwuyi6l6--particle-title","name":"Particle Title","collection":"21st-community","creator":"saki","category":"Conversation craft","why":"Original conversation craft reference from saki.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@yingwuyi6l6/components/particle-title","codeUrl":"https://21st.dev/@yingwuyi6l6/components/particle-title","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community ai-chat catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_3KAgNhj9qreyNpMlk6WizQ49Msl/particle-title/default/preview.1791972857375.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"yingwuyi6l6","sourceCategory":"ai-chat","creatorPublicationUrl":"https://21st.dev/@yingwuyi6l6/components/particle-title","preview":"media/references/21st--yingwuyi6l6--particle-title.png","previewWidth":782,"previewHeight":583,"previewSha256":"67373c4d5b40f1df74641d2d95be6ba88e6d495f6962de8c167a604bf329b98c","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@yingwuyi6l6/components/particle-title"},{"id":"codrops--particles-morphing","name":"Particles morphing","collection":"codrops-creative","creator":"Pavel Mazhuga","creatorUrl":"https://tympanus.net/codrops/hub/author/pavel","category":"Creative controls & effects","styleTags":["particles","Three.js","TSL","WebGL","webgpu"],"why":"Point-cloud form with a compact parameter panel of labeled sliders docked bottom-right.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://pavelmazhuga.com/lab/particles-morphing-2/webgpu","codeUrl":"https://github.com/pavel-mazhuga/portfolio/tree/ad2a2fc9006c02dc09ddb8793d64332436cc956f/frontend/src/features/experiments/particles-morphing-2","repository":"https://github.com/pavel-mazhuga/portfolio/tree/main/src/app/lab/particles-morphing-2/webgpu","sourceFiles":[],"commit":"ad2a2fc9006c02dc09ddb8793d64332436cc956f","access":"Creator code page linked · HTTP 200; license/reuse terms not audited","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview review; original demo/source attribution traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub · October 20 midday review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/02/Screenshot-2025-02-28-at-20.48.14.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Feb 28, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T06:57:46.927245+00:00","preview":"media/references/codrops--particles-morphing.png","previewWidth":1600,"previewHeight":1202,"previewSha256":"0bdad687cc4b103cfedb9182f7e25a4744e6d29374b483e5eae67ff871001b66","previewAnimated":false,"observedPage":6,"originalPublisherSourceLink":"https://github.com/pavel-mazhuga/portfolio/tree/main/src/app/lab/particles-morphing-2/webgpu","sourceResolution":"Original repository moved the experiment into frontend/src/features/experiments; README and Demo.ts inspected as inert text, no creator code executed.","sourcePageCheck":{"status":200,"resolvedUrl":"https://github.com/pavel-mazhuga/portfolio/tree/ad2a2fc9006c02dc09ddb8793d64332436cc956f/frontend/src/features/experiments/particles-morphing-2","checkedAt":"2026-10-20T07:08:46.519919+00:00"}},{"id":"21st--8starlabs--partition-bar","name":"Partition Bar","collection":"21st-community","creator":"8starlabs","category":"Dashboards & data","why":"Original dashboards & data reference from 8starlabs.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@8starlabs/components/partition-bar","codeUrl":"https://21st.dev/@8starlabs/components/partition-bar","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community data-visualization catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/8starlabs/partition-bar/default/preview.1788813428561-46d40967-3f71-4602-98af-e141719a9f6c.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"8starlabs","sourceCategory":"data-visualization","creatorPublicationUrl":"https://21st.dev/@8starlabs/components/partition-bar","preview":"media/references/21st--8starlabs--partition-bar.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"32ba9ac9d483d8835072efc50cb573be679584ae3b8f942d042dde7d08a0714a","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@8starlabs/components/partition-bar"},{"id":"21st--jsnmhbl--path-to-resilience-orbital-timeline","name":"Path to Resilience Orbital Timeline","collection":"21st-community","creator":"jason-mohabali","category":"Thinking & progress","why":"Original thinking & progress reference from jason-mohabali.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@jsnmhbl/components/path-to-resilience-orbital-timeline","codeUrl":"https://21st.dev/@jsnmhbl/components/path-to-resilience-orbital-timeline","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community timeline catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/pathtoreisliencebv234/path-to-resilience-orbital-timeline/default/preview.1789199778756-d2089610-296b-4576-973b-d1cad425624e.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"jsnmhbl","sourceCategory":"timeline","creatorPublicationUrl":"https://21st.dev/@jsnmhbl/components/path-to-resilience-orbital-timeline","preview":"media/references/21st--jsnmhbl--path-to-resilience-orbital-timeline.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"655f0c7593700c1f0ec0a6b059e59c16e30159fb07f65c605fdd65328ca9cba2","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@jsnmhbl/components/path-to-resilience-orbital-timeline"},{"id":"codrops--paths-control-points","name":"Paths & Control Points","collection":"codrops-creative","creator":"Ross Anderson","creatorUrl":"https://tympanus.net/codrops/hub/author/rossanderson","category":"Galleries & transitions","styleTags":["gsap","scroll","svg"],"why":"Original galleries & transitions reference published in the Codrops Creative Hub; inspect the image and original demo for its visual approach.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://codepen.io/betawaxx/full/JoGZQLZ","codeUrl":"https://codepen.io/betawaxx/full/JoGZQLZ","repository":"","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Contact-sheet preview reviewed with Sonnet 5.5 Medium; original publisher links traced; not runtime-tested","selectionType":"Preview-reviewed design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/12/Screenshot-2025-12-18-at-09.07.47-768x577.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Oct 27, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:23:38.056369+00:00","preview":"media/references/codrops--paths-control-points.png","previewWidth":768,"previewHeight":577,"previewSha256":"c97024885f7e747778e28d9f71b8e92145962903914ca80430116f9e15a39ada","previewAnimated":false},{"id":"21st--felipemenezes098--card-14","name":"Payment Form Card","collection":"21st-community","creator":"felipemenezes098","category":"Cards & layouts","why":"Original cards & layouts reference from felipemenezes098.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@felipemenezes098/components/card-14","codeUrl":"https://21st.dev/@felipemenezes098/components/card-14","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community card catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/felipemenezes098/card-14/default/preview.1787230323230-fdd48a93-1084-46b8-9a92-a075e6c487e6.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"felipemenezes098","sourceCategory":"card","creatorPublicationUrl":"https://21st.dev/@felipemenezes098/components/card-14","preview":"media/references/21st--felipemenezes098--card-14.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"5ebecedebf9c2e363920b878a046bde0a6f5b6d26135665e3d807c5784ff424e","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@felipemenezes098/components/card-14"},{"id":"21st--andrewlu0--pdf-viewer","name":"PDF Viewer","collection":"21st-community","creator":"Andrew Luo","category":"Navigation & search","why":"Original navigation & search reference from Andrew Luo.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@andrewlu0/components/pdf-viewer","codeUrl":"https://21st.dev/@andrewlu0/components/pdf-viewer","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community sidebar catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_2sUpDx8JMTC3m5cKaN6Z3Uhc8Q4/pdf-viewer/default/preview.1786970181768.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"andrewlu0","sourceCategory":"sidebar","creatorPublicationUrl":"https://21st.dev/@andrewlu0/components/pdf-viewer","preview":"media/references/21st--andrewlu0--pdf-viewer.jpg","previewWidth":960,"previewHeight":789,"previewSha256":"a3da4223fa2a03782f3508490c2e617cee033aca3049aab13418667c59674831","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@andrewlu0/components/pdf-viewer"},{"id":"penpot--design-system","name":"Penpot design systems workspace","category":"Tools & execution","why":"Token themes, sets and named color chips sit beside a component-variant popover and an Inspect/Code panel. The workspace connects visual tokens, component properties and CSS in one dense composition; original promotional overlays and partial board crops remain visible.","favorite":false,"collection":"penpot","creator":"Kaleidos / Penpot contributors","creatorUrl":"https://github.com/penpot","website":"https://penpot.app/","repository":"https://github.com/penpot/penpot","commit":"ecfa350470bf92ac2a8ac5e5696c58d155264092","codeUrl":"https://github.com/penpot/penpot/tree/ecfa350470bf92ac2a8ac5e5696c58d155264092/frontend/src/app/main/ui/workspace","sourceFiles":[],"platform":"Web","access":"Original public workspace source linked and pinned; no Enterprise source claim","license":"MPL-2.0 · Copyright KALEIDOS SUBSIDIARY SL; depicted artwork/asset terms remain separate","review":"Sonnet 5.5 Medium full-image visual review plus researcher original-source checks; static judgment, no runtime, motion, accessibility or complete dependency audit","useFor":"Study the exact original creator image and linked implementation under its original terms.","selectionType":"Individually visually reviewed original reference","discovered":"Primary creator repository/docs discovery · operational-input review","added":"2026-10-20","preview":"media/references/penpot--design-system.jpg","previewSha256":"8f1bf8989cca95d70b1c62d8e8345a4445d0e8fa4dfcafe04fd14e9dbbe15ad6","previewSource":"https://github.com/user-attachments/assets/cce75ad6-f783-473f-8803-da9eb8255fef","previewAnimated":false,"previewType":"Exact unmodified original creator-published static image","sourceResolution":"references/operational-input-source-evidence.json","sourcePinNote":"Current pinned original source; exact screenshot-build revision is not established. Selected files are provenance evidence, not a complete component archive.","previewWidth":1920,"previewHeight":1080},{"id":"21st--syeddhasnainn--permission-grant","name":"Permission Grant","collection":"21st-community","creator":"Syed Hasnain","category":"Human control","why":"Original human control reference from Syed Hasnain.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@syeddhasnainn/components/permission-grant","codeUrl":"https://21st.dev/@syeddhasnainn/components/permission-grant","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community ai-chat catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/syeddhasnainn/permission-grant/default/preview.1791400859213-9bc03efd-1fdc-4a5a-a902-84eb606af1af.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"syeddhasnainn","sourceCategory":"ai-chat","creatorPublicationUrl":"https://21st.dev/@syeddhasnainn/components/permission-grant","preview":"media/references/21st--syeddhasnainn--permission-grant.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"785385486451fc83466d156dad427b812dcd1c253252755ae4fc57cbde3fdf18","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@syeddhasnainn/components/permission-grant"},{"id":"phoenix-original--workspace","name":"Phoenix trace inspection workspace","category":"Tools & execution","why":"One trace list/detail family, grouped once. The detail state overlays the span list with a status/cost/latency header strip, a compact span tree, and Info/Attributes/Events tabs with syntax-highlighted output. The list state (workspace-2) is redundant with it and is not a separate unit.","favorite":false,"collection":"phoenix-original","creator":"Arize Phoenix","creatorUrl":"https://github.com/Arize-ai/phoenix","website":"https://arize.com/docs/phoenix/tracing/llm-traces","repository":"https://github.com/Arize-ai/phoenix","commit":"8ac3cafc2822f5523813c2d8168c1fca40d50e8b","codeUrl":"https://github.com/Arize-ai/phoenix/blob/8ac3cafc2822f5523813c2d8168c1fca40d50e8b/js/app/src/pages/trace/TraceDetails.tsx","sourceFiles":[],"platform":"Web","access":"Public source viewable · ELv2 restrictions and original IP notice apply; not MIT/Apache","license":"Elastic License 2.0, Arize AI; IP_NOTICE includes patent protection notice.","review":"Sonnet 5.5 Medium full-image visual review and researcher provenance/source checks; no runtime, motion, accessibility or full dependency-license audit","useFor":"Study exact original creator imagery and primary links under stated access/license terms.","selectionType":"Individually visually reviewed original reference","discovered":"Primary creator documentation and official image-only press kit · voice-trace review","added":"2026-10-20","preview":"media/references/phoenix-original--workspace-1.png","previewSha256":"5709da3339625a6c75bd85d1c4355ea07a357a17d0af0c6ec4c93c220c464248","previewSource":"https://raw.githubusercontent.com/Arize-ai/phoenix/8ac3cafc2822f5523813c2d8168c1fca40d50e8b/docs/phoenix/integrations/vector-databases/images/phoenix-trace-detail.png","previewAnimated":false,"previewType":"Exact unmodified original creator-published static image","sourceResolution":"references/voice-trace-source-evidence.json","sourcePinNote":"Pinned source is current provenance, not an exact screenshot-build claim. Selected renderer/notice/docs files are evidence, not complete component archives. Documentation source is not proprietary app implementation.","previewWidth":2560,"previewHeight":1370},{"id":"21st--intentui--pie-chart","name":"Pie Chart","collection":"21st-community","creator":"Intent UI","category":"Dashboards & data","why":"Original dashboards & data reference from Intent UI.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@intentui/components/pie-chart","codeUrl":"https://21st.dev/@intentui/components/pie-chart","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community data-visualization catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/larsen66/pie-chart/default/preview.1750537391648.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"intentui","sourceCategory":"data-visualization","creatorPublicationUrl":"https://21st.dev/@intentui/components/pie-chart","preview":"media/references/21st--intentui--pie-chart.png","previewWidth":960,"previewHeight":600,"previewSha256":"4b31df93b9c8b8843b51fc11457f8887f81fa80d439fb960f1853932a4f4bbeb","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@intentui/components/pie-chart"},{"id":"21st--anubra266--pin-input","name":"Pin Input","collection":"21st-community","creator":"Abraham","category":"Forms & controls","why":"Original forms & controls reference from Abraham.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@anubra266/components/pin-input/pin-input-masked","codeUrl":"https://21st.dev/@anubra266/components/pin-input/pin-input-masked","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community input catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_anubra266/pin-input/pin-input-masked/preview.1786537406370.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"anubra266","sourceCategory":"input","creatorPublicationUrl":"https://21st.dev/@anubra266/components/pin-input/pin-input-masked","preview":"media/references/21st--anubra266--pin-input.jpg","previewWidth":728,"previewHeight":552,"previewSha256":"47fbd0985f7c777d0fb0129353e38706b510d1c6ed910930c64b817e34b97290","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@anubra266/components/pin-input"},{"id":"codrops--pinned-image-mask-reveal-on-scroll","name":"Pinned image mask reveal on scroll","collection":"codrops-creative","creator":"gridmorphic","creatorUrl":"https://tympanus.net/codrops/hub/author/gridmorphic","category":"Galleries & transitions","styleTags":["gsap","mask","scroll"],"why":"Peach editorial layout where a rounded image window sits beside serif copy and a pill button; warm, readable image-plus-text pairing.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://codepen.io/gridmorphic/full/WbQPRwv","codeUrl":"https://codepen.io/gridmorphic/full/WbQPRwv","repository":"","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/10/Screenshot-2025-10-03-at-05.54.03-768x577.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Sep 5, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:54:42.821988+00:00","preview":"media/references/codrops--pinned-image-mask-reveal-on-scroll.png","previewWidth":768,"previewHeight":577,"previewSha256":"2571df116b199adeb3e2b405924daaae89eb678d01891242086c92a1548e05aa","previewAnimated":false},{"id":"pipecat-ui--dtmf-keypad","name":"Pipecat DTMF Keypad","collection":"pipecat-ui","creator":"Pipecat · Daily","category":"Forms & controls","why":"Clean dark keypad grid with letter sublabels, a digit field with backspace, and a full-width Send action.","useFor":"Inspect the original demo and unchanged source before adoption.","website":"https://ui.pipecat.ai/docs/components/dtmf-keypad","codeUrl":"https://github.com/pipecat-ai/pipecat-ui/blob/f1c9470b6d385ededf0acb6ed5e2f18a66966fdf/packages/registry/src/components/dtmf-keypad.tsx","repository":"https://github.com/pipecat-ai/pipecat-ui","sourceFiles":["sources/pipecat-ui/code/packages/registry/src/components/dtmf-keypad.tsx","sources/pipecat-ui/code/packages/registry/src/components/dtmf-keypad.stories.tsx"],"commit":"f1c9470b6d385ededf0acb6ed5e2f18a66966fdf","access":"Source saved","license":"BSD-2-Clause (original Daily license notice preserved in pinned archive)","review":"Original published sample captured; exact pinned component/example source archived; not runtime/accessibility audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"Category gap research → primary creator GitHub README → original documentation · October 20 midday review","added":"2026-10-20","preview":"media/references/pipecat-ui--dtmf-keypad.jpg","previewSource":"https://ui.pipecat.ai/docs/components/dtmf-keypad","previewType":"Exact static capture of the creator’s published demo; no session connection","previewWidth":694,"previewHeight":359,"previewSha256":"db01a848dc50d5cc464f450be485909737416ccf6f601149704364d2eda20939","previewAnimated":false,"rawCapture":"evidence/pipecat-dtmf-keypad-full.jpg","captureBounds":{"left":288,"top":276,"right":982,"bottom":635},"previewState":"Original published sample state","retrievedAt":"2026-10-20T06:55:52.189984+00:00","sourcePageCheck":{"status":200,"resolvedUrl":"https://github.com/pipecat-ai/pipecat-ui/blob/f1c9470b6d385ededf0acb6ed5e2f18a66966fdf/packages/registry/src/components/dtmf-keypad.tsx","checkedAt":"2026-10-20T07:06:22.608556+00:00"}},{"id":"pipecat-ui--metrics","name":"Pipecat Metrics","collection":"pipecat-ui","creator":"Pipecat · Daily","category":"Artifacts & evidence","why":"Latency chart with large headline numbers per service and a Performance/Usage tab switch over a line plot with dot markers.","useFor":"Inspect the original demo and unchanged source before adoption.","website":"https://ui.pipecat.ai/docs/blocks/metrics","codeUrl":"https://github.com/pipecat-ai/pipecat-ui/blob/f1c9470b6d385ededf0acb6ed5e2f18a66966fdf/packages/registry/src/blocks/metrics/metrics.tsx","repository":"https://github.com/pipecat-ai/pipecat-ui","sourceFiles":["sources/pipecat-ui/code/packages/registry/src/blocks/metrics/metrics.tsx","sources/pipecat-ui/code/packages/registry/src/blocks/metrics/metrics.stories.tsx","sources/pipecat-ui/code/packages/registry/src/blocks/metrics/performance.tsx","sources/pipecat-ui/code/packages/registry/src/blocks/metrics/usage.tsx","sources/pipecat-ui/code/packages/registry/src/blocks/metrics/chart.tsx"],"commit":"f1c9470b6d385ededf0acb6ed5e2f18a66966fdf","access":"Source saved","license":"BSD-2-Clause (original Daily license notice preserved in pinned archive)","review":"Original published sample captured; exact pinned component/example source archived; not runtime/accessibility audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"Category gap research → primary creator GitHub README → original documentation · October 20 midday review","added":"2026-10-20","preview":"media/references/pipecat-ui--metrics.jpg","previewSource":"https://ui.pipecat.ai/docs/blocks/metrics","previewType":"Exact static capture of the creator’s published demo; no session connection","previewWidth":694,"previewHeight":416,"previewSha256":"bce3773f51134c78f3b55434d271a1efc0f89a98a259a37d001e9b292ccc8a0f","previewAnimated":false,"rawCapture":"evidence/pipecat-metrics-full.jpg","captureBounds":{"left":288,"top":304,"right":982,"bottom":720},"previewState":"Original published sample state","retrievedAt":"2026-10-20T06:55:52.189984+00:00","sourcePageCheck":{"status":200,"resolvedUrl":"https://github.com/pipecat-ai/pipecat-ui/blob/f1c9470b6d385ededf0acb6ed5e2f18a66966fdf/packages/registry/src/blocks/metrics/metrics.tsx","checkedAt":"2026-10-20T07:06:21.687003+00:00"}},{"id":"codrops--pixel-image-effect-with-three-js","name":"Pixel Image Effect with Three.js","collection":"codrops-creative","creator":"Chakib Mazouni","creatorUrl":"https://tympanus.net/codrops/hub/author/jeanmazouni","category":"Galleries & transitions","styleTags":["astro","barba.js","gsap","scroll","three.js","webgl"],"why":"Original galleries & transitions reference published in the Codrops Creative Hub; inspect the image and original demo for its visual approach.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://pixelimageeffect.pages.dev/","codeUrl":"https://github.com/J0SUKE/gsap-threejs-codrops","repository":"https://github.com/J0SUKE/gsap-threejs-codrops","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Contact-sheet preview reviewed with Sonnet 5.5 Medium; original publisher links traced; not runtime-tested","selectionType":"Preview-reviewed design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/01/pixel_featured-768x576.webp","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Feb 2, 2026","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:23:38.056369+00:00","preview":"media/references/codrops--pixel-image-effect-with-three-js.webp","previewWidth":768,"previewHeight":576,"previewSha256":"004ab9c2fa80c0484b01e16ebace5e033c6033428075d0d6ccb40f13f2c1c545","previewAnimated":false},{"id":"codrops--pixel-scan-effect-with-vfx-js","name":"Pixel Scan effect with VFX-JS","collection":"codrops-creative","creator":"Amagi","creatorUrl":"https://tympanus.net/codrops/hub/author/amagi","category":"Typography & effects","styleTags":["scroll","VFX-JS","WebGL"],"why":"Logo mid-scan breaking into pixel blocks with RGB fringing","useFor":"Study the original design and its linked implementation before adoption.","website":"https://codepen.io/fand/full/MWMBdbj","codeUrl":"https://codepen.io/fand/pen/MWMBdbj","repository":"","sourceFiles":[],"commit":"","access":"Creator code linked · access unverified (source response recorded)","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview selection; creator/demo/source links traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub · October 20 creator-depth review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/07/Screenshot-2025-07-05-at-07.00.48.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Aug 29, 2024","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T07:38:51.455636+00:00","preview":"media/references/codrops--pixel-scan-effect-with-vfx-js.png","previewWidth":1600,"previewHeight":1202,"previewSha256":"357305a8eaffa0922867cfd2a3bfe0eb048ccb026a2653bb583f407fc6a8e653","previewAnimated":false,"sourcePageCheck":{"status":403,"resolvedUrl":"https://codepen.io/fand/pen/MWMBdbj","checkedAt":"2026-10-20T07:40:31.403942+00:00"}},{"id":"aceternity--pixelated-canvas","name":"Pixelated Canvas","collection":"aceternity","creator":"Aceternity UI · Manu Arora","category":"Cards & layouts","why":"Original cards & layouts reference from Aceternity UI · Manu Arora.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://ui.aceternity.com/components/pixelated-canvas","codeUrl":"https://ui.aceternity.com/components/pixelated-canvas","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Reddit library leads → original Aceternity component catalog","added":"2026-10-20","previewSource":"https://assets.aceternity.com/pixelated-canvas.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","preview":"media/references/aceternity--pixelated-canvas.webp","previewWidth":2048,"previewHeight":1440,"previewSha256":"d8f822aec6fa9680862e786152bb264a137723099bf3d0cd6f28ab9ca34403c3","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"codrops--pixelated-image-reveal-osmo","name":"Pixelated Image Reveal – Osmo","collection":"codrops-creative","creator":"Osmo","creatorUrl":"https://tympanus.net/codrops/hub/author/osmo","category":"Galleries & transitions","styleTags":["GSAP","hover"],"why":"Red pixel-block mask around a monochrome portrait gives a bold reveal composition","useFor":"Study the original design and its linked implementation before adoption.","website":"https://codepen.io/osmosupply/full/OJKjWNz","codeUrl":"https://codepen.io/osmosupply/pen/OJKjWNz","repository":"","sourceFiles":[],"commit":"","access":"Creator code linked · access unverified (source response recorded)","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview selection; creator/demo/source links traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub · October 20 creator-depth review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2024/10/image-2025-01-05-at-23.56.30.jpg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Oct 20, 2024","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T07:38:51.455636+00:00","preview":"media/references/codrops--pixelated-image-reveal-osmo.jpg","previewWidth":883,"previewHeight":701,"previewSha256":"87059ff7dda4d60b1ece31d24adb53916e1777cea7146f0a748ff3dbf4a0b522","previewAnimated":false,"sourcePageCheck":{"status":403,"resolvedUrl":"https://codepen.io/osmosupply/pen/OJKjWNz","checkedAt":"2026-10-20T07:40:32.176411+00:00"}},{"id":"agent-elements--plan-tool","name":"Plan Tool","collection":"agent-elements","category":"Human control","why":"A plan is an object with a detailed view and an approval action. This makes review part of the run instead of prose the user must reinterpret.","useFor":"Review before execution.","sourceFiles":["sources/agent-elements/code/lib/agent-ui/components/tools/plan-tool.tsx"],"website":"https://agent-elements.21st.dev/docs/plan-tool","repository":"https://github.com/21st-dev/agent-elements","commit":"b04b36cb6381a1dd1a0e86cc7c90564ddcd56d37","license":"MIT","access":"Source saved","review":"Live gallery + source","favorite":false,"discovered":"Independent research","added":"2026-10-20","preview":"media/screenshots/agent-elements--plan-tool.jpg","previewType":"Screenshot of the creator’s published web demo","previewSource":"https://agent-elements.21st.dev/docs/plan-tool","capturedAt":"2026-10-20T03:53:51.269Z","previewWidth":684,"previewHeight":450,"previewAnimated":false},{"name":"Plane · workflow approval transitions","collection":"plane-product-original","creator":"Plane","creatorUrl":"https://plane.so/","platform":"Web · commercial workflow approvals","access":"Paid reference · shown approval flows require Enterprise Grid; app implementation source not established","license":"Official docs mark approval flows, conditions and custom workflows Enterprise Grid; Business transitions are separately scoped. No matching commercial implementation or source-reuse grant established. Public Community edition source is not substituted for this paid interface.","id":"plane-workflow-approval","category":"Human control","why":"Workflow state list with a Testing row expanded to an Approval rule: on approve move to Ready for Release, on reject move to In Development, approver avatars, and a side States picker with approve/reject sections. It shows transitions and approval gating in one composition. Kept as one Plane family. Plane docs attribute approvals to the paid Enterprise Grid tier, and no Community source is substituted.","favorite":false,"website":"https://docs.plane.so/workflows-and-approvals/workflows","repository":"","commit":"","codeUrl":"","sourceFiles":[],"review":"Sonnet5.5 Medium full-image visual review and researcher original-source/access checks; not runtime, accessibility, motion, security or full dependency-license audited","useFor":"Study the exact original static authoring/control image and follow primary creator/source under its terms.","selectionType":"Individually visually reviewed original reference","discovered":"Original form authoring and human review · review-forms pass","added":"2026-10-20","preview":"media/references/review-forms--review-form-3-4.webp","previewSha256":"d6b01dd422310accdffb2c6e8e2925bda8c13a1f44f9f86f3597273a82996650","previewSource":"https://media.docs.plane.so/workflows/approval-flow.webp#hero","previewAnimated":false,"previewType":"Exact unmodified original creator static image","previewWidth":2486,"previewHeight":1320,"sourceResolution":"references/review-forms-source-resolution.json","sourcePinNote":"Original image bytes unchanged, no generated/upscaled replacement. Literal Raycast blob URLs are explicitly declared by official image src query, not invented higher-resolution URLs. Original docs and source pins are independent; no exact screenshot-build match claimed. Partial source evidence is not a new complete archive."},{"id":"react-aria--plant-form","name":"Plant entry form","collection":"react-aria","creator":"Adobe · React Aria","category":"Forms & controls","why":"Unsubmitted demo dialog showing a dense dark form with a drop/paste image zone beside a focused combobox (visible focus ring), a text field, three select triggers, a segmented mm/dd/yyyy date field with calendar button, and a Cancel/Add action pair with a clear primary. Useful as a still reference for field grouping, label placement and focus styling; it shows no submission or validation behavior.","useFor":"Inspect the original creator demo and implementation before adoption.","website":"https://react-aria.adobe.com/examples/crud","codeUrl":"https://react-aria.adobe.com/examples/crud","repository":"https://github.com/adobe/react-spectrum","sourceFiles":[],"commit":"797762ed3526ea12f089e321bd3891066affad70","access":"Public original docs code linked · implementation not archived","license":"Apache-2.0 (original repository license notice preserved)","review":"Sonnet-assisted static visual review; original demo captured; not runtime/accessibility audited","selectionType":"Visually reviewed original component","favorite":false,"discovered":"Category gap research → official creator documentation","added":"2026-10-20","preview":"media/references/react-aria--plant-form.jpg","previewSource":"https://react-aria.adobe.com/examples/crud","previewType":"Static capture of the published demo; source snapshot pinned separately","previewWidth":450,"previewHeight":648,"previewSha256":"fb7a130ead7b7b14d6396ccacc915bafb6e0926ea130529e946fa1de4e7d2e3f","previewAnimated":false,"rawCapture":"evidence/aria-plant-form-full.jpg","captureBounds":{"left":293,"top":100,"right":743,"bottom":748},"emptyPaddingCrop":null,"retrievedAt":"2026-10-20T06:40:03.546448+00:00","licenseSource":"https://raw.githubusercontent.com/adobe/react-spectrum/797762ed3526ea12f089e321bd3891066affad70/LICENSE","licenseSha256":"7dfe6526888bac51759c99f9a51262ba2711a8c12a067f2181609dd9a4066b84"},{"id":"codrops--playing-with-light-and-refraction-in-three-js-warping-3d-text-inside-a-glass-torus","name":"Playing with Light and Refraction in Three.js: Warping 3D Text Inside a Glass Torus","collection":"codrops-creative","creator":"Matt Park","creatorUrl":"https://tympanus.net/codrops/hub/author/mattpark","category":"Editorial & typography","styleTags":["3D","glass","React Three Fiber","reflection","refraction","Three.js","WebGL"],"why":"Chunky lavender lettering forms a circular band, with bright outer faces and a dark inner edge. The published tutorial explores circular 3D text and refraction.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Tutorials/TransmissionMaterial/","codeUrl":"","repository":"","sourceFiles":[],"commit":"","access":"Demo reference · original code link returned 404; no public source traced","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview review; original demo/source attribution traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub · October 20 midday review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/03/Transmission_feat.jpg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Mar 13, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T06:57:46.927245+00:00","preview":"media/references/codrops--playing-with-light-and-refraction-in-three-js-warping-3d-text-inside-a-glass-torus.jpg","previewWidth":800,"previewHeight":600,"previewSha256":"2185675f6163c28d6ff525e0eeb21c5754eb375e16448217d6681db38306432b","previewAnimated":false,"observedPage":6,"sourcePageCheck":{"status":404,"resolvedUrl":"https://github.com/mattverse/what-i-love/tree/main/07-circular-text","checkedAt":"2026-10-20T07:06:19.853424+00:00"},"unavailableOriginalSourceLink":"https://github.com/mattverse/what-i-love/tree/main/07-circular-text"},{"id":"aceternity--pointer-highlight","name":"Pointer Highlight","collection":"aceternity","creator":"Aceternity UI · Manu Arora","category":"Cards & layouts","why":"Original cards & layouts reference from Aceternity UI · Manu Arora.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://ui.aceternity.com/components/pointer-highlight","codeUrl":"https://ui.aceternity.com/components/pointer-highlight","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Reddit library leads → original Aceternity component catalog","added":"2026-10-20","previewSource":"https://assets.aceternity.com/pointer-highlight.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","preview":"media/references/aceternity--pointer-highlight.webp","previewWidth":2048,"previewHeight":1440,"previewSha256":"1ca0e2760cdb82bb67b197b67f42791a7626fd70f49c293dc2c98b10ee6775e8","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"codrops--prada","name":"Prada","collection":"codrops-creative","creator":"MisterPrada","creatorUrl":"https://tympanus.net/codrops/hub/author/alexhuliuk","category":"Editorial & typography","styleTags":["GSAP","particles","Three.js","typography","WebGL"],"why":"Logotype built from fine dust-like particles on black, edges dissolving into noise.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://logo.misterprada.com/","codeUrl":"https://github.com/MisterPrada/logo-particles-template","repository":"https://github.com/MisterPrada/logo-particles-template","sourceFiles":[],"commit":"","access":"Creator code page linked · HTTP 200; license/reuse terms not audited","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview review; original demo/source attribution traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub · October 20 midday review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/02/Screenshot-2025-02-20-at-06.54.55.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Feb 19, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T06:57:46.927245+00:00","preview":"media/references/codrops--prada.png","previewWidth":1600,"previewHeight":1202,"previewSha256":"59345863787abaa3302856efcb5c22034474d1d49a5259252e064a29605f7d54","previewAnimated":false,"observedPage":6,"sourcePageCheck":{"status":200,"resolvedUrl":"https://github.com/MisterPrada/logo-particles-template","checkedAt":"2026-10-20T07:06:17.341028+00:00"}},{"id":"webzibition--preymaker","name":"Preymaker","collection":"webzibition","creator":"Preymaker · original site","creatorAttribution":"Site identity from the publisher listing; individual design author not independently verified","category":"Full websites & portfolios","why":"Monochrome close-up of feathers filling the screen with small white headline; tactile texture and restrained type.","useFor":"Study the original website’s composition and presentation; code availability is unverified.","website":"https://preymaker.com/","codeUrl":"","repository":"","sourceFiles":[],"commit":"","access":"Design reference · public source not traced","license":"Website and preview rights belong to their respective owners; no source or reuse license verified","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited; original website returned HTTP200; screenshot may predate the current live design","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"Codrops Webzibition → original website","added":"2026-10-20","preview":"media/references/webzibition--preymaker.png","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/10/preymaker.com_-1200x649.png?x67708","previewType":"Codrops publisher screenshot of the linked original website; not a fresh live capture","previewWidth":1200,"previewHeight":649,"previewSha256":"4f82254aebf9c2521f0d80ad4b147ccc465df46a87602f82d3a2135b17466ea4","previewAnimated":false,"publisherIndex":"https://tympanus.net/codrops/webzibition/","publisherRecord":"post-123550","pageTitle":"Preymaker","pageCheckedAt":"2026-10-20T05:54:32.868906+00:00","pageAvailability":"HTTP200; same-domain original website","retrievedAt":"2026-10-20T05:54:32.868906+00:00"},{"id":"21st--shadcnspace--slider-06","name":"Price Range Slider","collection":"21st-community","creator":"ShadcnSpace","category":"Forms & controls","why":"Original forms & controls reference from ShadcnSpace.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@shadcnspace/components/slider-06","codeUrl":"https://21st.dev/@shadcnspace/components/slider-06","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community form catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/shadcnspace/slider-06/default/preview.1788812402476-6b30a264-9044-412e-b881-e45e64b532d6.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"shadcnspace","sourceCategory":"form","creatorPublicationUrl":"https://21st.dev/@shadcnspace/components/slider-06","preview":"media/references/21st--shadcnspace--slider-06.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"fbbd21b17c6cf8b11c0f4c45f03fd684762b2dac1db41969eaddcfc22a3a008b","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@shadcnspace/components/slider-06"},{"id":"21st--efferd--pricing-card","name":"Pricing Card","collection":"21st-community","creator":"Efferd","category":"Cards & layouts","why":"Original cards & layouts reference from Efferd.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@efferd/components/pricing-card/multi-cards","codeUrl":"https://21st.dev/@efferd/components/pricing-card/multi-cards","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community card catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/sshahaider/pricing-card/multi-cards/preview.1754744357834.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"efferd","sourceCategory":"card","creatorPublicationUrl":"https://21st.dev/@efferd/components/pricing-card/multi-cards","preview":"media/references/21st--efferd--pricing-card.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"da1a2ddbf1a15b62b2316518d9c4477cfc69a4d17d94eabd808f89c21f09c5e3","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@efferd/components/pricing-card"},{"id":"21st--prebuiltui--pricing-cards","name":"Pricing Cards","collection":"21st-community","creator":"prebuiltui","category":"Cards & layouts","why":"Original cards & layouts reference from prebuiltui.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@prebuiltui/components/pricing-cards/gradient-pricing-card","codeUrl":"https://21st.dev/@prebuiltui/components/pricing-cards/gradient-pricing-card","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community card catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/larsen66/pricing-cards/gradient-pricing-card/preview.1757656710832.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"prebuiltui","sourceCategory":"card","creatorPublicationUrl":"https://21st.dev/@prebuiltui/components/pricing-cards/gradient-pricing-card","preview":"media/references/21st--prebuiltui--pricing-cards.png","previewWidth":718,"previewHeight":526,"previewSha256":"28daef4cc8ef7f8c2f8ff48faec9e482ff75af65b7353ddb64f98e20ec782ab9","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@prebuiltui/components/pricing-cards"},{"id":"21st--uilayout.contact--pricing-section-3","name":"Pricing Section","collection":"21st-community","creator":"ui layout","category":"Cards & layouts","why":"Original cards & layouts reference from ui layout.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@uilayout.contact/components/pricing-section-3","codeUrl":"https://21st.dev/@uilayout.contact/components/pricing-section-3","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Featured by publisher; creator preview indexed; not runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community featured catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_2zAsvSHo1IeJGKtSjJ3uR1N1Cd7/pricing-section-3/default/preview.1787183181144.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"uilayout.contact","sourceCategory":"featured","creatorPublicationUrl":"https://21st.dev/@uilayout.contact/components/pricing-section-3","preview":"media/references/21st--uilayout.contact--pricing-section-3.png","previewWidth":960,"previewHeight":735,"previewSha256":"826fd92d220680d71340925c3c155340f1e5c5f2a77b4810bc26ced0b1edaa61","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@uilayout.contact/components/pricing-section-3"},{"id":"21st--sean0205--pro-feature-alert","name":"Pro Feature Alert","collection":"21st-community","creator":"Sean Hello","category":"Feedback & states","why":"Original feedback & states reference from Sean Hello.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@sean0205/components/pro-feature-alert","codeUrl":"https://21st.dev/@sean0205/components/pro-feature-alert","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community notification catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/sean0205/pro-feature-alert/default/preview.1790060573770-96cb9b34-80d7-42e1-ae0b-43b828b43edb.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"sean0205","sourceCategory":"notification","creatorPublicationUrl":"https://21st.dev/@sean0205/components/pro-feature-alert","preview":"media/references/21st--sean0205--pro-feature-alert.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"49ff73be5baf32f80d5a5071c03dcf01e9533df01f1aa21304f0d4d3c7954607","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@sean0205/components/pro-feature-alert"},{"id":"codrops--procedural-leaf-growth-with-three-js","name":"Procedural Leaf Growth with Three.js","collection":"codrops-creative","creator":"Nikolay Likomanov","creatorUrl":"https://tympanus.net/codrops/hub/author/nikolay_likomanov","category":"Shaders & materials","styleTags":["glsl","procedural","three.js","webgl"],"why":"Delicate pastel feather-like leaves on pale blue; an organic, illustrative material look rather than the usual glossy 3D.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://codepen.io/onload/full/bNVxOrZ","codeUrl":"https://codepen.io/onload/full/bNVxOrZ","repository":"","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/09/Screenshot-2025-09-28-at-06.37.32-768x577.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Aug 29, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:54:42.821988+00:00","preview":"media/references/codrops--procedural-leaf-growth-with-three-js.png","previewWidth":768,"previewHeight":577,"previewSha256":"3abebfae70c77bcfe535f4359ca43689591e5cf99576e0a12c95686aba849820","previewAnimated":false},{"id":"21st--shadcnui-blocks--timeline-05","name":"Process Timeline","collection":"21st-community","creator":"shadcnui-blocks","category":"Thinking & progress","why":"Original thinking & progress reference from shadcnui-blocks.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@shadcnui-blocks/components/timeline-05","codeUrl":"https://21st.dev/@shadcnui-blocks/components/timeline-05","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community timeline catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/shadcnui-blocks/timeline-05/default/preview.1789972934699-4d7c5529-cf3f-4dbc-8164-ccdd84b0c9dc.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"shadcnui-blocks","sourceCategory":"timeline","creatorPublicationUrl":"https://21st.dev/@shadcnui-blocks/components/timeline-05","preview":"media/references/21st--shadcnui-blocks--timeline-05.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"780390d445f0af1ee017f163f4ed33b8323fc6f12946aa104ec696309cc1b973","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@shadcnui-blocks/components/timeline-05"},{"id":"21st--hyperiux--timeline","name":"Product Timeline","collection":"21st-community","creator":"Hyperiux Vault","category":"Thinking & progress","why":"Original thinking & progress reference from Hyperiux Vault.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@hyperiux/components/timeline","codeUrl":"https://21st.dev/@hyperiux/components/timeline","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community timeline catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/hyperiux/timeline/default/preview.1789984830897-437e75fb-2661-4d71-9dca-053df95e0256.jpg","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"hyperiux","sourceCategory":"timeline","creatorPublicationUrl":"https://21st.dev/@hyperiux/components/timeline","preview":"media/references/21st--hyperiux--timeline.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"8fbdf879c65a0df0cc4c6215c23638c8d7dda0f1fd7ecdd6b3831d527edd29dc","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@hyperiux/components/timeline"},{"id":"21st--laziekiki--product-tour","name":"Product Tour","collection":"21st-community","creator":"Kiki","category":"Human control","why":"Product tour popover over a dimmed dashboard. The card has a title, a short body, a pill-style step indicator (one long active segment and five small dots), a close button and a dark 'Next →' button. A 'Replay tour' control sits in the sidebar. It shows onboarding guidance layered over real app context.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@laziekiki/components/product-tour","codeUrl":"https://21st.dev/@laziekiki/components/product-tour","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Sonnet 5.5 Medium individual full-image visual audit of original published preview; source access remains unverified, not runtime or accessibility tested","selectionType":"Individually visually reviewed creator-catalog reference","favorite":false,"discovered":"Creator-published 21st community onboarding catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_3J39TADh2eUXcUqIKX6ozU6RE62/product-tour/default/preview.1789035375065.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"laziekiki","sourceCategory":"onboarding","creatorPublicationUrl":"https://21st.dev/@laziekiki/components/product-tour","preview":"media/references/21st--laziekiki--product-tour.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"2f940d4248f617fb2c90f4c73cf642d6a111452e2c9af9b7efd6c7512cac18a5","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@laziekiki/components/product-tour","qualityReview":"references/older-input-quality-curation.json"},{"id":"21st--shadcnspace--product-tour-popover","name":"Product Tour Popover","collection":"21st-community","creator":"ShadcnSpace","category":"Human control","why":"Original human control reference from ShadcnSpace.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@shadcnspace/components/product-tour-popover","codeUrl":"https://21st.dev/@shadcnspace/components/product-tour-popover","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community onboarding catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_38qAOtph5HovpSn2yjNYXjbTOm2/product-tour-popover/default/preview.1790152371510.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"shadcnspace","sourceCategory":"onboarding","creatorPublicationUrl":"https://21st.dev/@shadcnspace/components/product-tour-popover","preview":"media/references/21st--shadcnspace--product-tour-popover.jpg","previewWidth":618,"previewHeight":466,"previewSha256":"5c24fd6b17a5509328982307f6050d8be76337220bb5acf79054dadda5a4334d","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@shadcnspace/components/product-tour-popover"},{"id":"21st--shadcn--progress","name":"Progress","collection":"21st-community","creator":"shadcn","category":"Thinking & progress","why":"Original thinking & progress reference from shadcn.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@shadcn/components/progress","codeUrl":"https://21st.dev/@shadcn/components/progress","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community progress catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_shadcn/progress/826/preview.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"shadcn","sourceCategory":"progress","creatorPublicationUrl":"https://21st.dev/@shadcn/components/progress","preview":"media/references/21st--shadcn--progress.png","previewWidth":960,"previewHeight":670,"previewSha256":"f9ed455c14c6a2a8137e8a7c625cd0cdeea200358e711ef14b49189d46ccee12","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@shadcn/components/progress"},{"id":"21st--anubra266--progress-1","name":"Progress","collection":"21st-community","creator":"Abraham","category":"Thinking & progress","why":"Original thinking & progress reference from Abraham.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@anubra266/components/progress-1/linear-sizes-progress","codeUrl":"https://21st.dev/@anubra266/components/progress-1/linear-sizes-progress","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community progress catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/larsen66/progress-1/linear-sizes-progress/preview.1756196274177.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"anubra266","sourceCategory":"progress","creatorPublicationUrl":"https://21st.dev/@anubra266/components/progress-1/linear-sizes-progress","preview":"media/references/21st--anubra266--progress-1.png","previewWidth":960,"previewHeight":648,"previewSha256":"561f1e2464b3102dabaaaac47d08fcbb727f8b77192c11ded202ffcadd71d339","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@anubra266/components/progress-1"},{"id":"21st--shugar--progress","name":"Progress","collection":"21st-community","creator":"tigran tumasov","category":"Thinking & progress","why":"Original thinking & progress reference from tigran tumasov.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@shugar/components/progress/dynamic-colors","codeUrl":"https://21st.dev/@shugar/components/progress/dynamic-colors","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community progress catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/shugar/progress/dynamic-colors/preview.1751618999928.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"shugar","sourceCategory":"progress","creatorPublicationUrl":"https://21st.dev/@shugar/components/progress/dynamic-colors","preview":"media/references/21st--shugar--progress.png","previewWidth":960,"previewHeight":645,"previewSha256":"387226bf8f14f4959e04844613043bbd18361c1bb3edd7a72a260c088a4fbf25","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@shugar/components/progress"},{"id":"21st--preetsuthar17--progress","name":"Progress","collection":"21st-community","creator":"Preet Suthar","category":"Thinking & progress","why":"Original thinking & progress reference from Preet Suthar.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@preetsuthar17/components/progress","codeUrl":"https://21st.dev/@preetsuthar17/components/progress","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community progress catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_2rWolCuRnJW3DRiuQ5JHrl5kj8a/progress/default/preview.1788375243159.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"preetsuthar17","sourceCategory":"progress","creatorPublicationUrl":"https://21st.dev/@preetsuthar17/components/progress","preview":"media/references/21st--preetsuthar17--progress.png","previewWidth":960,"previewHeight":729,"previewSha256":"c139006b41ec00dfed1ebfa782c87b167683df8a689a1eaadb200db665181995","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@preetsuthar17/components/progress"},{"id":"21st--olivier_1b6cd5bc--progress-1","name":"Progress","collection":"21st-community","creator":"Bar","category":"Thinking & progress","why":"Original thinking & progress reference from Bar.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@olivier_1b6cd5bc/components/progress-1/meter","codeUrl":"https://21st.dev/@olivier_1b6cd5bc/components/progress-1/meter","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community progress catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/larsen66/progress-1/meter/preview.1753379121356.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"olivier_1b6cd5bc","sourceCategory":"progress","creatorPublicationUrl":"https://21st.dev/@olivier_1b6cd5bc/components/progress-1/meter","preview":"media/references/21st--olivier_1b6cd5bc--progress-1.png","previewWidth":940,"previewHeight":678,"previewSha256":"1792201c706bf23a4a22ee2db88475a526dc96482ee38db3aaeaa1be002043c6","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@olivier_1b6cd5bc/components/progress-1"},{"id":"21st--kavikatiyar--progress","name":"Progress","collection":"21st-community","creator":"Kavi Katiyar","category":"Thinking & progress","why":"Original thinking & progress reference from Kavi Katiyar.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@kavikatiyar/components/progress","codeUrl":"https://21st.dev/@kavikatiyar/components/progress","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community progress catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/kavikatiyar/progress/default/preview.1758071118032.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"kavikatiyar","sourceCategory":"progress","creatorPublicationUrl":"https://21st.dev/@kavikatiyar/components/progress","preview":"media/references/21st--kavikatiyar--progress.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"2a25277494c4eb4388703d394397e79e248542b36b7ada94bdaaf4b755e0d240","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@kavikatiyar/components/progress"},{"id":"21st--coss.com--progress","name":"Progress","collection":"21st-community","creator":"coss","category":"Thinking & progress","why":"Original thinking & progress reference from coss.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@coss.com/components/progress/with-formatted-value","codeUrl":"https://21st.dev/@coss.com/components/progress/with-formatted-value","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community progress catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/larsen66/progress/with-formatted-value/preview.1774442104237.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"coss.com","sourceCategory":"progress","creatorPublicationUrl":"https://21st.dev/@coss.com/components/progress/with-formatted-value","preview":"media/references/21st--coss.com--progress.jpg","previewWidth":800,"previewHeight":600,"previewSha256":"bc2a3b26a214c5bb7c675b1cc57e528255c3f274af48cdb7d90694075fc58862","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@coss.com/components/progress"},{"id":"21st--hero_ui--heroui-progress-bar","name":"Progress Bar","collection":"21st-community","creator":"Hero Ui","category":"Thinking & progress","why":"Original thinking & progress reference from Hero Ui.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@hero_ui/components/heroui-progress-bar/colors","codeUrl":"https://21st.dev/@hero_ui/components/heroui-progress-bar/colors","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community upload-download catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_hero_ui/heroui-progress-bar/colors/preview.1787332804027.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"hero_ui","sourceCategory":"upload-download","creatorPublicationUrl":"https://21st.dev/@hero_ui/components/heroui-progress-bar/colors","preview":"media/references/21st--hero_ui--heroui-progress-bar.png","previewWidth":960,"previewHeight":830,"previewSha256":"bbe22581a64ad7474ffecccd8fca19bb5e9d97306c54cbe8c4465ddbf1727c43","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@hero_ui/components/heroui-progress-bar"},{"id":"21st--sean0205--c-stepper-11","name":"Progress Bar Stepper","collection":"21st-community","creator":"Sean Hello","category":"Thinking & progress","why":"Original thinking & progress reference from Sean Hello.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@sean0205/components/c-stepper-11","codeUrl":"https://21st.dev/@sean0205/components/c-stepper-11","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community onboarding catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/sean0205/c-stepper-11/default/preview.1790121902969-73629a4a-ec44-4cbf-850a-ac6248c442a0.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"sean0205","sourceCategory":"onboarding","creatorPublicationUrl":"https://21st.dev/@sean0205/components/c-stepper-11","preview":"media/references/21st--sean0205--c-stepper-11.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"2cc069538fcaeec1ef46021c40530db02758a45f70884b5459894b7e56ec5000","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@sean0205/components/c-stepper-11"},{"id":"21st--makviesainte--progress-metric-card","name":"Progress Metric Card","collection":"21st-community","creator":"Mak VieSAinte","category":"Thinking & progress","why":"Original thinking & progress reference from Mak VieSAinte.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@makviesainte/components/progress-metric-card","codeUrl":"https://21st.dev/@makviesainte/components/progress-metric-card","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community card catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/makviesainte/progress-metric-card/default/preview.1782062854405.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"makviesainte","sourceCategory":"card","creatorPublicationUrl":"https://21st.dev/@makviesainte/components/progress-metric-card","preview":"media/references/21st--makviesainte--progress-metric-card.png","previewWidth":829,"previewHeight":604,"previewSha256":"d6ec980ba4d94f1d12c69a50659650b937ef292f167aec4e05fa6b55d981dd3e","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@makviesainte/components/progress-metric-card"},{"id":"affectui--progress-tracker","name":"Progress Tracker","collection":"affectui","category":"Thinking & progress","why":"An original animated checklist makes completed steps and the remaining work legible.","useFor":"Supporting interaction and motion craft for agent products.","sourceFiles":["sources/affectui/code/components/progress-tracker.tsx"],"website":"https://www.affectui.com/components/progress-tracker","repository":"https://github.com/flohoeller/affectui","commit":"cc799e7e438efcea8d484fa27932405ea60bff9a","license":"MIT","access":"Source saved","review":"Original creator recording + exact source","favorite":false,"discovered":"X bookmarks","added":"2026-10-20","preview":"media/stills/affectui--progress-tracker.png","previewSource":"https://www.affectui.com/components/progress-tracker","previewType":"Still frame from creator’s original animation","previewOriginalAsset":"media/affectui--progress-tracker.webp","previewFrameIndex":31,"previewWidth":960,"previewHeight":599,"previewAnimated":false,"previewVideo":"media/recordings/affectui--progress-tracker.mp4","videoSource":"https://github.com/flohoeller/affectui/blob/cc799e7e438efcea8d484fa27932405ea60bff9a/.github/assets/showcase/progress-tracker-light.webp","videoType":"MP4 transcode of creator’s original animation; original asset preserved","videoMetadata":{"width":960,"height":600,"duration":6},"videoSha256":"0d221cf9d8fea6c3006f077fd6ee00c06aadc1806b4de5256d97ead1710218a2","videoOriginalAsset":"media/affectui--progress-tracker.webp","videoOriginalSha256":"71af548e1402e6d62d93c04c4e0e368e10a01f4c078403345d9079b13d8def29","videoDerivation":"Exact decoded creator frames and timing, H.264 encoding; at most one pixel of edge padding for browser compatibility. No upscaling or invented frames.","previewVideoSource":"https://github.com/flohoeller/affectui/blob/cc799e7e438efcea8d484fa27932405ea60bff9a/.github/assets/showcase/progress-tracker-light.webp"},{"id":"codrops--progressive-blur-effect-using-webgl-with-ogl-and-glsl-shaders","name":"Progressive Blur Effect using WebGL with OGL and GLSL Shaders","collection":"codrops-creative","creator":"Jorge Toloza","creatorUrl":"https://tympanus.net/codrops/hub/author/jorgetloza","category":"Shaders & materials","styleTags":["blur","glsl","OGL","scroll","WebGL"],"why":"Photo edge blurring progressively into sharp areas beside a small image on beige","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Tutorials/WebGLProgressiveBlur/","codeUrl":"https://github.com/JorgeCapillo/webgl-progressive-blur","repository":"https://github.com/JorgeCapillo/webgl-progressive-blur","sourceFiles":[],"commit":"","access":"Creator code page linked · HTTP 200; license/reuse terms not audited","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview selection; creator/demo/source links traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub · October 20 creator-depth review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2024/06/WebglProgressiveBlurFeatured.jpg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Jul 2, 2024","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T07:38:51.455636+00:00","preview":"media/references/codrops--progressive-blur-effect-using-webgl-with-ogl-and-glsl-shaders.jpg","previewWidth":800,"previewHeight":600,"previewSha256":"5126d99fc3d5a9fe3cf166173109db91dc3bb98872776b6c3890da81db20a497","previewAnimated":false,"observedOriginalDemoUrl":"http://tympanus.net/Tutorials/WebGLProgressiveBlur/","redirectVerification":"Observed HTTP demo link followed to HTTPS in normal Chrome navigation.","sourcePageCheck":{"status":200,"resolvedUrl":"https://github.com/JorgeCapillo/webgl-progressive-blur","checkedAt":"2026-10-20T07:40:34.340174+00:00"}},{"id":"21st--pate1kiran--progressive-blur-modal","name":"Progressive Blur Modal","collection":"21st-community","creator":"pate1kiran","category":"Human control","why":"Original human control reference from pate1kiran.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@pate1kiran/components/progressive-blur-modal","codeUrl":"https://21st.dev/@pate1kiran/components/progressive-blur-modal","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community modal catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_pate1kiran/progressive-blur-modal/default/preview.1789066358166.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"pate1kiran","sourceCategory":"modal","creatorPublicationUrl":"https://21st.dev/@pate1kiran/components/progressive-blur-modal","preview":"media/references/21st--pate1kiran--progressive-blur-modal.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"a376a408f46185d0bcf13891223fb3eb2d7f2be65f790fb510d02c8bfb706f0f","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@pate1kiran/components/progressive-blur-modal"},{"id":"21st--ravikatiyar162--project-card","name":"Project Card","collection":"21st-community","creator":"Ravi Katiyar","category":"Cards & layouts","why":"Original cards & layouts reference from Ravi Katiyar.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@ravikatiyar162/components/project-card","codeUrl":"https://21st.dev/@ravikatiyar162/components/project-card","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community card catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/ravikatiyar162/project-card/default/preview.1756028031594.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"ravikatiyar162","sourceCategory":"card","creatorPublicationUrl":"https://21st.dev/@ravikatiyar162/components/project-card","preview":"media/references/21st--ravikatiyar162--project-card.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"18d9d5fc7e57e234faadb1d69b0277017e4c26f529a770e403aebbe77962502f","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@ravikatiyar162/components/project-card"},{"id":"21st--cnippet-dev--promise-toast","name":"Promise Toast","collection":"21st-community","creator":"Cnippet","category":"Feedback & states","why":"Original feedback & states reference from Cnippet.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@cnippet-dev/components/promise-toast","codeUrl":"https://21st.dev/@cnippet-dev/components/promise-toast","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community notification catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/cnippet.dev/promise-toast/default/preview.1786660993010-c3261deb-756b-476d-8ffa-bb9ca19cb35a.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"cnippet-dev","sourceCategory":"notification","creatorPublicationUrl":"https://21st.dev/@cnippet-dev/components/promise-toast","preview":"media/references/21st--cnippet-dev--promise-toast.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"57e79e3d57e509a4490239ecbd8ea07871f0d73706278a15e0ff5660a78c2499","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@cnippet-dev/components/promise-toast"},{"id":"21st--marcellinleclercq--prompt-bar","name":"Prompt Bar","collection":"21st-community","creator":"Marcellin Leclercq","category":"Conversation craft","why":"Original conversation craft reference from Marcellin Leclercq.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@marcellinleclercq/components/prompt-bar","codeUrl":"https://21st.dev/@marcellinleclercq/components/prompt-bar","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community ai-chat catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_3DyiRaaHcLC03c3muJMXvjDw74u/prompt-bar/default/preview.1789735794932.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"marcellinleclercq","sourceCategory":"ai-chat","creatorPublicationUrl":"https://21st.dev/@marcellinleclercq/components/prompt-bar","preview":"media/references/21st--marcellinleclercq--prompt-bar.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"35e4ef8dbbb1026ab3544e8209fab44cf37e6eb050d6079eca500c91d3337695","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@marcellinleclercq/components/prompt-bar"},{"id":"21st--luv-jeri_c92deb60--prompt-bond","name":"Prompt Bond","collection":"21st-community","creator":"Sanjay Kumar","category":"Conversation craft","why":"Original conversation craft reference from Sanjay Kumar.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@luv-jeri_c92deb60/components/prompt-bond","codeUrl":"https://21st.dev/@luv-jeri_c92deb60/components/prompt-bond","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community ai-chat catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_3KW6Oj1QC9S2YdFe5GWCVMoh9AR/prompt-bond/default/preview.1791888428250.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"luv-jeri_c92deb60","sourceCategory":"ai-chat","creatorPublicationUrl":"https://21st.dev/@luv-jeri_c92deb60/components/prompt-bond","preview":"media/references/21st--luv-jeri_c92deb60--prompt-bond.jpg","previewWidth":960,"previewHeight":887,"previewSha256":"1d0efd331f662ecc5e4a8d3ec62ee9db818f88eff6cd5b3ae636aece1e3846ac","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@luv-jeri_c92deb60/components/prompt-bond"},{"id":"beui--prompt-input","name":"Prompt Input","collection":"beui","category":"Intent & input","why":"A growing composer keeps attachments and actions close to the prompt without separating them into a distant toolbar.","useFor":"Chat and agent task entry.","sourceFiles":["sources/beui/code/components/agents/prompt-input.tsx"],"website":"https://beui.dev/components/agents/prompt-input","repository":"https://github.com/starc007/ui-components","commit":"6b5a00a5687214be8fd12fb0b6a78678d4dc96e0","license":"MIT","access":"Source saved","review":"Creator documentation + exact source; library expansion","favorite":false,"discovered":"Independent research","added":"2026-10-20","selectionType":"Creator library expansion","preview":"media/screenshots/beui--prompt-input.jpg","previewType":"Screenshot of the creator’s published web demo","previewSource":"https://beui.dev/components/agents/prompt-input","capturedAt":"2026-10-20T04:20:52.213Z","captureWidth":1232,"captureHeight":440,"previewWidth":1232,"previewHeight":440,"previewAnimated":false},{"id":"ai-sdk-agents--prompt-input","name":"Prompt input","collection":"ai-sdk-agents","creator":"AI SDK Agents · Cult","category":"Intent & input","why":"Original intent & input surface from the creator’s agent-interface catalog.","useFor":"Reference the original component and its creator’s implementation.","website":"https://www.aisdkagents.com/ai-components/prompt-input","codeUrl":"https://www.aisdkagents.com/ai-components/prompt-input","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · free/paid access not checked","license":"Creator terms apply; no source downloaded","review":"Original creator catalog inspected in Chrome; image saved; individual code access not tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Cult UI → original AI SDK Agents catalog","added":"2026-10-20","preview":"media/references/ai-sdk-agents--prompt-input.webp","previewSource":"https://www.aisdkagents.com/_next/image?url=%2Fai-components%2Fthumbnails%2Fprompt-input-light.png&w=640&q=75&dpl=dpl_2BLHURNF6K3SZGxoc7Nmyo3CyTpJ","previewType":"Creator-published static component thumbnail","previewWidth":640,"previewHeight":400,"previewSha256":"12ff2307250ab37b8ac1ebde56a24f6246687f7f9adb62cfb13545bd3e8af6b5","previewAnimated":false,"sourceCategory":"Chat/Composer10","retrievedAt":"2026-10-20T05:01:21.388663+00:00"},{"id":"ai-elements--prompt-input","name":"Prompt Input","collection":"ai-elements","creator":"Vercel · AI Elements","category":"Intent & input","why":"Compact composer card with placeholder text, a plus button, Search and model chips on one toolbar row and a blue send button at the right.","useFor":"Inspect the original creator demo and implementation before adoption.","website":"https://elements.ai-sdk.dev/components/prompt-input","codeUrl":"https://github.com/vercel/ai-elements/blob/ca8be600bfd01b3131f9bf6134b51602a71f4374/packages/elements/src/prompt-input.tsx","repository":"https://github.com/vercel/ai-elements","sourceFiles":["sources/ai-elements/code/packages/elements/src/prompt-input.tsx","sources/ai-elements/code/packages/examples/src/prompt-input.tsx"],"commit":"ca8be600bfd01b3131f9bf6134b51602a71f4374","access":"Source saved","license":"Apache-2.0 (original repository license notice preserved)","review":"Sonnet-assisted static visual review; original demo captured; not runtime/accessibility audited","selectionType":"Visually reviewed original component","favorite":false,"discovered":"Category gap research → official creator documentation","added":"2026-10-20","preview":"media/references/ai-elements--prompt-input.jpg","previewSource":"https://elements.ai-sdk.dev/components/prompt-input","previewType":"Static capture of the published demo; source snapshot pinned separately","previewWidth":685,"previewHeight":139,"previewSha256":"a7fca86059ced082873a114310518212dec756a3edff2294681db1a5d3cb86b2","previewAnimated":false,"rawCapture":"evidence/elements-prompt-input-full.jpg","captureBounds":{"left":289,"top":157,"right":982,"bottom":748},"emptyPaddingCrop":{"left":3,"top":3,"right":688,"bottom":142},"retrievedAt":"2026-10-20T06:40:03.546448+00:00"},{"id":"beui-native--prompt-input","name":"Prompt Input · Native","collection":"beui-native","category":"React Native","why":"A chat composer with attachments, voice and stop.","useFor":"Original React Native component from the creator’s public library. Image reference with original demo and source links.","sourceFiles":["sources/beui-native/code/src/components/prompt-input/index.ts","sources/beui-native/code/src/components/prompt-input/prompt-input.tsx"],"website":"https://beui.dev/react-native/prompt-input","repository":"https://github.com/starc007/beui-native","commit":"","license":"MIT","access":"Source saved","review":"Official creator catalog · not individually runtime-tested","favorite":false,"discovered":"Original creator library, linked from beUI","added":"2026-10-20","preview":"media/beui-native--prompt-input.jpg","previewSource":"https://media.beui.dev/clips/prompt-input-light.0cf8ebeac3.jpg","previewType":"Creator’s original React Native recording poster","platform":"React Native","selectionType":"Creator library expansion","previewWidth":600,"previewHeight":1304,"previewAnimated":false,"previewVideo":"media/recordings/beui-native--prompt-input.mp4","videoSource":"https://media.beui.dev/clips/prompt-input-light.0cf8ebeac3.mp4","videoType":"Unmodified original creator recording","videoMetadata":{"width":600,"height":1304,"duration":12.183333},"videoSha256":"0cf8ebeac3dc52076a8b15485845a1ad4e42ea85ed217f1f363f934f925fcf1b","previewVideoSource":"https://media.beui.dev/clips/prompt-input-light.0cf8ebeac3.mp4"},{"id":"prompt-kit--reasoning","name":"Prompt Kit Reasoning","collection":"prompt-kit","category":"Thinking & progress","why":"A restrained disclosure lets process detail coexist with the final answer. Useful baseline for reducing visual noise.","useFor":"Readable thinking summaries.","sourceFiles":["sources/prompt-kit/code/components/prompt-kit/reasoning.tsx"],"website":"https://www.prompt-kit.com/docs/reasoning","repository":"https://github.com/ibelick/prompt-kit","commit":"5a9496635cc0e1bf7679fe2a9e35d9b36b99c08a","license":"MIT","access":"Source saved","review":"Source located + documentation","favorite":false,"discovered":"Independent research","added":"2026-10-20","preview":"media/screenshots/prompt-kit--reasoning.jpg","previewType":"Screenshot of the creator’s published web demo","previewSource":"https://www.prompt-kit.com/docs/reasoning","capturedAt":"2026-10-20T04:01:18.300Z","previewWidth":502,"previewHeight":300,"previewAnimated":false},{"id":"prompt-kit--tool","name":"Prompt Kit Tool","collection":"prompt-kit","category":"Tools & execution","why":"Composable tool states provide a small surface to theme instead of forcing a complete chat layout.","useFor":"Custom agent conversations.","sourceFiles":["sources/prompt-kit/code/components/prompt-kit/tool.tsx"],"website":"https://www.prompt-kit.com/docs/tool","repository":"https://github.com/ibelick/prompt-kit","commit":"5a9496635cc0e1bf7679fe2a9e35d9b36b99c08a","license":"MIT","access":"Source saved","review":"Source located + documentation","favorite":false,"discovered":"Independent research","added":"2026-10-20","preview":"media/screenshots/prompt-kit--tool.jpg","previewType":"Screenshot of the creator’s published web demo","previewSource":"https://www.prompt-kit.com/docs/tool","capturedAt":"2026-10-20T04:01:23.403Z","previewWidth":502,"previewHeight":350,"previewAnimated":false},{"id":"21st--mmrahmanbappi--model-picker-prompt","name":"Prompt with Model Picker","collection":"21st-community","creator":"mmrahmanbappi","category":"Conversation craft","why":"Original conversation craft reference from mmrahmanbappi.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@mmrahmanbappi/components/model-picker-prompt","codeUrl":"https://21st.dev/@mmrahmanbappi/components/model-picker-prompt","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community ai-chat catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/mmrahmanbappi/model-picker-prompt/default/preview.1792138614081-d5e84b2d-f898-4522-8ad3-9310205c0753.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"mmrahmanbappi","sourceCategory":"ai-chat","creatorPublicationUrl":"https://21st.dev/@mmrahmanbappi/components/model-picker-prompt","preview":"media/references/21st--mmrahmanbappi--model-picker-prompt.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"48e68e334f323468d0b52e15db70acb135f0b5f717d41afa9369102923ca44e0","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@mmrahmanbappi/components/model-picker-prompt"},{"id":"21st--ibelick--promt-input-with-actions","name":"Promt Input with Actions","collection":"21st-community","creator":"Julien Thibeaut","category":"Conversation craft","why":"Original conversation craft reference from Julien Thibeaut.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@ibelick/components/promt-input-with-actions/prompt-input-with-suggestions","codeUrl":"https://21st.dev/@ibelick/components/promt-input-with-actions/prompt-input-with-suggestions","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community ai-chat catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/larsen66/promt-input-with-actions/prompt-input-with-suggestions/preview.1755906580165.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"ibelick","sourceCategory":"ai-chat","creatorPublicationUrl":"https://21st.dev/@ibelick/components/promt-input-with-actions/prompt-input-with-suggestions","preview":"media/references/21st--ibelick--promt-input-with-actions.png","previewWidth":960,"previewHeight":605,"previewSha256":"d2a87ce0fa5ac35c2a55c9435124b578131e8a3026dd5c462bae596b4672bde0","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@ibelick/components/promt-input-with-actions"},{"id":"codrops--proximity-scale-grid","name":"Proximity Scale Grid","collection":"codrops-creative","creator":"GSAP","creatorUrl":"https://tympanus.net/codrops/hub/author/gsap","category":"Creative controls & effects","styleTags":["gsap","hover","proximity"],"why":"Original creative controls & effects reference published in the Codrops Creative Hub; inspect the image and original demo for its visual approach.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://codepen.io/GreenSock/full/zxKyeEm","codeUrl":"https://codepen.io/GreenSock/full/zxKyeEm","repository":"","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Contact-sheet preview reviewed with Sonnet 5.5 Medium; original publisher links traced; not runtime-tested","selectionType":"Preview-reviewed design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/05/Screenshot-2026-05-01-at-15.28.34-768x577.png.webp","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Apr 15, 2026","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:23:38.056369+00:00","preview":"media/references/codrops--proximity-scale-grid.webp","previewWidth":768,"previewHeight":577,"previewSha256":"033beb997eff3e3cb06a2f00d8e976462badbbc452369aededb8d67730835ca7","previewAnimated":false},{"id":"21st--amitgajare2--proximity-sidebar","name":"Proximity Sidebar","collection":"21st-community","creator":"amitgajare2","category":"Navigation & search","why":"Original navigation & search reference from amitgajare2.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@amitgajare2/components/proximity-sidebar","codeUrl":"https://21st.dev/@amitgajare2/components/proximity-sidebar","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community sidebar catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_registry_amitgajare2_1790346078721/proximity-sidebar/default/preview.1790359600550.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"amitgajare2","sourceCategory":"sidebar","creatorPublicationUrl":"https://21st.dev/@amitgajare2/components/proximity-sidebar","preview":"media/references/21st--amitgajare2--proximity-sidebar.jpg","previewWidth":960,"previewHeight":716,"previewSha256":"47aca22ae4568aceffcf38aa785b95074e12c9b4f35a5b0a80d99da4c0b75355","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@amitgajare2/components/proximity-sidebar"},{"id":"codrops--ps1-inspired-jitter-shader-with-react-three-fiber","name":"PS1-Inspired Jitter Shader with React-Three-Fiber","collection":"codrops-creative","creator":"Oguzhan Tufenk","creatorUrl":"https://tympanus.net/codrops/hub/author/oguzhantufenk","category":"Shaders & materials","styleTags":["glsl","React Three Fiber","Three.js","WebGL"],"why":"Low-poly PS1 character on a faded checker floor shows the retro vertex-snap look","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Tutorials/ps1-jitter-shader","codeUrl":"https://github.com/oguzhantufenk/ps1-jitter-shader","repository":"https://github.com/oguzhantufenk/ps1-jitter-shader","sourceFiles":[],"commit":"","access":"Creator code page linked · HTTP 200; license/reuse terms not audited","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview selection; creator/demo/source links traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub · October 20 creator-depth review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2024/09/thumbnail.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Sep 3, 2024","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T07:38:51.455636+00:00","preview":"media/references/codrops--ps1-inspired-jitter-shader-with-react-three-fiber.png","previewWidth":800,"previewHeight":600,"previewSha256":"4e4e1e230db28bd8e5df21c3ad3040c54fd87385166de58e82a7ce4e032f0452","previewAnimated":false,"sourcePageCheck":{"status":200,"resolvedUrl":"https://github.com/oguzhantufenk/ps1-jitter-shader","checkedAt":"2026-10-20T07:40:42.898971+00:00"}},{"id":"webzibition--psp-production","name":"PSP Production","collection":"webzibition","creator":"PSP Production · original site","creatorAttribution":"Site identity from the publisher listing; individual design author not independently verified","category":"Full websites & portfolios","why":"Warm cinematic still of people in a sunlit room with a compact black list panel and text overlay; film-studio feel.","useFor":"Study the original website’s composition and presentation; code availability is unverified.","website":"https://productionportugal.com/","codeUrl":"","repository":"","sourceFiles":[],"commit":"","access":"Design reference · public source not traced","license":"Website and preview rights belong to their respective owners; no source or reuse license verified","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited; original website returned HTTP200; screenshot may predate the current live design","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"Codrops Webzibition → original website","added":"2026-10-20","preview":"media/references/webzibition--psp-production.png","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/10/productionportugal.com_-1200x649.png?x67708","previewType":"Codrops publisher screenshot of the linked original website; not a fresh live capture","previewWidth":1200,"previewHeight":649,"previewSha256":"d3cdb2a189df45f9bfbe94c85bcb914fc776ffb3cbdac5973954489a1a30c69e","previewAnimated":false,"publisherIndex":"https://tympanus.net/codrops/webzibition/","publisherRecord":"post-124390","pageTitle":"Production Portugal: Your trusted film production company in Portugal and Spain","pageCheckedAt":"2026-10-20T05:54:32.868906+00:00","pageAvailability":"HTTP200; same-domain original website","retrievedAt":"2026-10-20T05:54:32.868906+00:00"},{"id":"codrops--puddle-in-rain","name":"Puddle in rain","collection":"codrops-creative","creator":"Faraz Shaikh","creatorUrl":"https://tympanus.net/codrops/hub/author/farazzshaikh","category":"Shaders & materials","styleTags":["glsl","rain","react three fiber","three.js","water","webgl"],"why":"Photoreal wet pavement with warm reflected light and rain streaks; a convincing surface study.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://faraz-portfolio.github.io/demo-2023-rain-puddle/","codeUrl":"https://github.com/Faraz-Portfolio/demo-2023-rain-puddle/tree/main","repository":"https://github.com/Faraz-Portfolio/demo-2023-rain-puddle/tree/main","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/06/Screenshot-2025-06-20-at-06.32.29-768x577.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Jun 20, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:54:42.821988+00:00","preview":"media/references/codrops--puddle-in-rain.png","previewWidth":768,"previewHeight":577,"previewSha256":"672bba0f46b0bd895aca03fb978ae856393258b19af14f19da37749f38b32904","previewAnimated":false},{"id":"codrops--pure-css-3d-cat","name":"Pure CSS 3D Cat","collection":"codrops-creative","creator":"Julia Miocene","creatorUrl":"https://tympanus.net/codrops/hub/author/julia_miocene","category":"Spatial experiences","styleTags":["3D","CSS Only"],"why":"Faceted blue cat on white with a broad ground shadow; a readable low-poly silhouette and tonal planes for an illustrative 3D asset.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://codepen.io/miocene/full/QwLOQBB","codeUrl":"https://codepen.io/miocene/pen/QwLOQBB","repository":"","sourceFiles":[],"commit":"","access":"Creator code linked · access unverified (source response recorded)","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview review; original demo/source attribution traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub · October 20 midday review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/01/Screenshot-2025-01-07-at-11.00.24.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Jan 4, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T06:57:46.927245+00:00","preview":"media/references/codrops--pure-css-3d-cat.png","previewWidth":1600,"previewHeight":1202,"previewSha256":"8c860f07175e517446eafacec97140eeba5f7ac963824bfcef8a3a3d15ea9a2a","previewAnimated":false,"observedPage":6,"sourcePageCheck":{"status":403,"resolvedUrl":"https://codepen.io/miocene/pen/QwLOQBB","checkedAt":"2026-10-20T07:06:14.593780+00:00"}},{"id":"codrops--pure-css-moka-pot","name":"Pure CSS Moka Pot","collection":"codrops-creative","creator":"Ben Evans","creatorUrl":"https://tympanus.net/codrops/hub/author/ben_evans","category":"Spatial experiences","styleTags":["3D","CSS Only"],"why":"Faceted lavender moka pot with a dark angular handle, lit planes and a broad ground shadow; an original CSS illustration asset.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://codepen.io/ivorjetski/full/yLGQYJo","codeUrl":"https://codepen.io/ivorjetski/pen/yLGQYJo","repository":"","sourceFiles":[],"commit":"","access":"Creator code linked · access unverified (source response recorded)","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview selection; creator/demo/source links traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub · October 20 creator-depth review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/01/Screenshot-2025-01-07-at-11.49.39.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Oct 5, 2023","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T07:38:51.455636+00:00","preview":"media/references/codrops--pure-css-moka-pot.png","previewWidth":1600,"previewHeight":1202,"previewSha256":"0e28a73b583b8757932ac222ee1f27882bb689607090ff1dbaf34fa210a413a8","previewAnimated":false,"sourcePageCheck":{"status":403,"resolvedUrl":"https://codepen.io/ivorjetski/pen/yLGQYJo","checkedAt":"2026-10-20T07:40:31.797899+00:00"}},{"id":"webzibition--px-push","name":"PX PUSH","collection":"webzibition","creator":"PX PUSH · original site","creatorAttribution":"Site identity from the publisher listing; individual design author not independently verified","category":"Full websites & portfolios","why":"Blue sky with soft clouds and sliced edge-cropped heading 'On-Demand Design' plus a small black card; fresh airy palette.","useFor":"Study the original website’s composition and presentation; code availability is unverified.","website":"https://pxpush.com/","codeUrl":"","repository":"","sourceFiles":[],"commit":"","access":"Design reference · public source not traced","license":"Website and preview rights belong to their respective owners; no source or reuse license verified","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited; original website returned HTTP200; screenshot may predate the current live design","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"Codrops Webzibition → original website","added":"2026-10-20","preview":"media/references/webzibition--px-push.webp","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/07/pxpush-1200x649.jpg.webp?x67708","previewType":"Codrops publisher screenshot of the linked original website; not a fresh live capture","previewWidth":1200,"previewHeight":649,"previewSha256":"44be19207b0cf55c9cf99ef21d5a2700089c2e7d5e7a2d7ff59ce91a64da6f6d","previewAnimated":false,"publisherIndex":"https://tympanus.net/codrops/webzibition/","publisherRecord":"post-117429","pageTitle":"PX PUSH — Design subscription service","pageCheckedAt":"2026-10-20T05:54:32.868906+00:00","pageAvailability":"HTTP200; same-domain original website","retrievedAt":"2026-10-20T05:54:32.868906+00:00"},{"id":"21st--olewandowski1--roadmap-4","name":"Quarterly Roadmap Columns","collection":"21st-community","creator":"Oliver","category":"Thinking & progress","why":"Original thinking & progress reference from Oliver.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@olewandowski1/components/roadmap-4","codeUrl":"https://21st.dev/@olewandowski1/components/roadmap-4","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community timeline catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/7ovr/roadmap-4/default/preview.1790079865848-79ad3008-7646-435e-b98f-385a832181ca.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"olewandowski1","sourceCategory":"timeline","creatorPublicationUrl":"https://21st.dev/@olewandowski1/components/roadmap-4","preview":"media/references/21st--olewandowski1--roadmap-4.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"d94696a7587d7043ef48d8bac05dedfcb6042dab7707250509c618dbcbb6df90","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@olewandowski1/components/roadmap-4"},{"id":"ai-elements--question","name":"Question","collection":"ai-elements","creator":"Vercel · AI Elements","category":"Intent & input","why":"Agent question card pairing outlined choice chips (Authentication, Database, Payments) with a free-text requirements box and a trailing Answer button.","useFor":"Inspect the original creator demo and implementation before adoption.","website":"https://elements.ai-sdk.dev/components/question","codeUrl":"https://github.com/vercel/ai-elements/blob/ca8be600bfd01b3131f9bf6134b51602a71f4374/packages/elements/src/question.tsx","repository":"https://github.com/vercel/ai-elements","sourceFiles":["sources/ai-elements/code/packages/elements/src/question.tsx","sources/ai-elements/code/packages/examples/src/question.tsx"],"commit":"ca8be600bfd01b3131f9bf6134b51602a71f4374","access":"Source saved","license":"Apache-2.0 (original repository license notice preserved)","review":"Sonnet-assisted static visual review; original demo captured; not runtime/accessibility audited","selectionType":"Visually reviewed original component","favorite":false,"discovered":"Category gap research → official creator documentation","added":"2026-10-20","preview":"media/references/ai-elements--question.jpg","previewSource":"https://elements.ai-sdk.dev/components/question","previewType":"Static capture of the published demo; source snapshot pinned separately","previewWidth":685,"previewHeight":300,"previewSha256":"6f0ff4439f62283206d46ae69cf4c04701d50887cee590c51535890352be1efc","previewAnimated":false,"rawCapture":"evidence/elements-question-full.jpg","captureBounds":{"left":289,"top":157,"right":982,"bottom":748},"emptyPaddingCrop":{"left":3,"top":3,"right":688,"bottom":303},"retrievedAt":"2026-10-20T06:40:03.546448+00:00"},{"id":"agent-elements--question-tool","name":"Question Tool","collection":"agent-elements","category":"Human control","why":"Single, multiple and free-text choices live in a compact stepper. Answer structure is explicit and the run can preserve the response.","useFor":"Clarification during execution.","sourceFiles":["sources/agent-elements/code/lib/agent-ui/components/question/question-tool.tsx"],"website":"https://agent-elements.21st.dev/docs/question-tool","repository":"https://github.com/21st-dev/agent-elements","commit":"b04b36cb6381a1dd1a0e86cc7c90564ddcd56d37","license":"MIT","access":"Source saved","review":"Live gallery + source","favorite":false,"discovered":"Independent research","added":"2026-10-20","preview":"media/screenshots/agent-elements--question-tool.jpg","previewType":"Screenshot of the creator’s published web demo","previewSource":"https://agent-elements.21st.dev/docs/question-tool","capturedAt":"2026-10-20T03:53:59.929Z","previewWidth":684,"previewHeight":450,"previewAnimated":false},{"id":"21st--uiable--questionnaire","name":"Questionnaire","collection":"21st-community","creator":"uiable","category":"Human control","why":"Original human control reference from uiable.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@uiable/components/questionnaire","codeUrl":"https://21st.dev/@uiable/components/questionnaire","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community onboarding catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/uiable/questionnaire/default/preview.1789989012039-5df3cd59-4f00-4850-acd6-2f859856aa88.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"uiable","sourceCategory":"onboarding","creatorPublicationUrl":"https://21st.dev/@uiable/components/questionnaire","preview":"media/references/21st--uiable--questionnaire.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"736d1e0f06f7de53e712de88a201e5f1ba1bb930ef667a5d019794389a72c08f","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@uiable/components/questionnaire"},{"id":"ai-elements--queue","name":"Queue","collection":"ai-elements","creator":"Vercel · AI Elements","category":"Agent orchestration","why":"Two collapsible groups, 7 Queued and 5 Todo, with radio-dot rows, an inline image thumbnail, struck-through completed items and muted sub-descriptions.","useFor":"Inspect the original creator demo and implementation before adoption.","website":"https://elements.ai-sdk.dev/components/queue","codeUrl":"https://github.com/vercel/ai-elements/blob/ca8be600bfd01b3131f9bf6134b51602a71f4374/packages/elements/src/queue.tsx","repository":"https://github.com/vercel/ai-elements","sourceFiles":["sources/ai-elements/code/packages/elements/src/queue.tsx","sources/ai-elements/code/packages/examples/src/queue.tsx"],"commit":"ca8be600bfd01b3131f9bf6134b51602a71f4374","access":"Source saved","license":"Apache-2.0 (original repository license notice preserved)","review":"Sonnet-assisted static visual review; original demo captured; not runtime/accessibility audited","selectionType":"Visually reviewed original component","favorite":false,"discovered":"Category gap research → official creator documentation","added":"2026-10-20","preview":"media/references/ai-elements--queue.jpg","previewSource":"https://elements.ai-sdk.dev/components/queue","previewType":"Static capture of the published demo; source snapshot pinned separately","previewWidth":685,"previewHeight":444,"previewSha256":"161b495f74dd240da8e6c48eddaa756b7f1e164fdd3bf7b02dd4dd271f699f72","previewAnimated":false,"rawCapture":"evidence/elements-queue-full.jpg","captureBounds":{"left":289,"top":157,"right":982,"bottom":748},"emptyPaddingCrop":{"left":3,"top":3,"right":688,"bottom":447},"retrievedAt":"2026-10-20T06:40:03.546448+00:00"},{"id":"21st--syeddhasnainn--quota-banner","name":"Quota Banner","collection":"21st-community","creator":"Syed Hasnain","category":"Conversation craft","why":"Original conversation craft reference from Syed Hasnain.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@syeddhasnainn/components/quota-banner","codeUrl":"https://21st.dev/@syeddhasnainn/components/quota-banner","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community ai-chat catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/syeddhasnainn/quota-banner/default/preview.1791401156872-47283c0f-79a4-41f0-aac9-cbc0334de3fa.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"syeddhasnainn","sourceCategory":"ai-chat","creatorPublicationUrl":"https://21st.dev/@syeddhasnainn/components/quota-banner","preview":"media/references/21st--syeddhasnainn--quota-banner.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"4af89b711ceddad83db3c7c869ca2503c2dc888436116c678080b67e8d27ccf5","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@syeddhasnainn/components/quota-banner"},{"id":"codrops--r3f-experimental-carousels","name":"R3F Experimental Carousels","collection":"codrops-creative","creator":"Colin Demouge","creatorUrl":"https://tympanus.net/codrops/hub/author/colindemouge","category":"Shaders & materials","styleTags":["carousel","glsl","infinite","react three fiber","scroll","three.js","webgl"],"why":"Original shaders & materials reference published in the Codrops Creative Hub; inspect the image and original demo for its visual approach.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Tutorials/R3FExperimentalCarousels","codeUrl":"https://github.com/colindmg/r3f-experimental-carousel","repository":"https://github.com/colindmg/r3f-experimental-carousel","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Contact-sheet preview reviewed with Sonnet 5.5 Medium; original publisher links traced; not runtime-tested","selectionType":"Preview-reviewed design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/11/Carousel_Featured-768x576.jpg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Nov 26, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:23:38.056369+00:00","preview":"media/references/codrops--r3f-experimental-carousels.jpg","previewWidth":768,"previewHeight":576,"previewSha256":"595e075c7a42f8a6dd9739cc345c2b37bf76174ba0bff8398880e356801ff35b","previewAnimated":false},{"id":"codrops--r3f-lenticular-material","name":"R3F Lenticular Material","collection":"codrops-creative","creator":"Wawa Sensei","creatorUrl":"https://tympanus.net/codrops/hub/author/wawa_sensei","category":"Shaders & materials","styleTags":["draggable","lenticular","react","three.js","tsl","webgl"],"why":"Fantasy illustration seen through fine vertical ridges that tint and split the image, like a lenticular print.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://lenticular.wawasensei.dev/","codeUrl":"https://github.com/wass08/r3f-lenticular-material","repository":"https://github.com/wass08/r3f-lenticular-material","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/07/Screenshot-2025-07-18-at-17.41.23-768x577.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Jul 18, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:54:42.821988+00:00","preview":"media/references/codrops--r3f-lenticular-material.png","previewWidth":768,"previewHeight":577,"previewSha256":"78cfcbb96cf9a3ab70cc44951fa0939feaa72d52cc89b251161c47abacceeb25","previewAnimated":false},{"id":"codrops--r3f-sketch-material","name":"R3F Sketch Material","collection":"codrops-creative","creator":"Abhishek Verma","creatorUrl":"https://tympanus.net/codrops/hub/author/abhishek_verma","category":"Shaders & materials","styleTags":["glsl","react three fiber","three.js","webgl"],"why":"Original shaders & materials reference published in the Codrops Creative Hub; inspect the image and original demo for its visual approach.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://r3f-sketch-material.vercel.app/","codeUrl":"https://github.com/abhishekmill/R3FSketchMaterial","repository":"https://github.com/abhishekmill/R3FSketchMaterial","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Contact-sheet preview reviewed with Sonnet 5.5 Medium; original publisher links traced; not runtime-tested","selectionType":"Preview-reviewed design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/10/r3fsketch_cover-768x576.jpg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Oct 11, 2026","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:23:38.056369+00:00","preview":"media/references/codrops--r3f-sketch-material.jpg","previewWidth":768,"previewHeight":576,"previewSha256":"abd9b40b5c6e6fe00b7bbb038391815792281ec7a16f0bfc735bbc265563663d","previewAnimated":false},{"id":"21st--airbnb-visx--radar-chart","name":"Radar chart","collection":"21st-community","creator":"Airbnb","category":"Dashboards & data","why":"Original dashboards & data reference from Airbnb.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@airbnb-visx/components/radar-chart","codeUrl":"https://21st.dev/@airbnb-visx/components/radar-chart","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community data-visualization catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_airbnb/radar-chart/default/preview.1748457829863.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"airbnb-visx","sourceCategory":"data-visualization","creatorPublicationUrl":"https://21st.dev/@airbnb-visx/components/radar-chart","preview":"media/references/21st--airbnb-visx--radar-chart.png","previewWidth":960,"previewHeight":769,"previewSha256":"fe4b0c30cac43a5c5b3bd2a8c5811d452f08ae0b9d96b0028a5c3321a581e500","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@airbnb-visx/components/radar-chart"},{"id":"21st--sean0205--c-chart-24","name":"Radar Score Chart","collection":"21st-community","creator":"Sean Hello","category":"Dashboards & data","why":"Original dashboards & data reference from Sean Hello.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@sean0205/components/c-chart-24","codeUrl":"https://21st.dev/@sean0205/components/c-chart-24","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community data-visualization catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/sean0205/c-chart-24/default/preview.1790213118428-8603d30f-3d6e-4326-a916-24fa748c396d.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"sean0205","sourceCategory":"data-visualization","creatorPublicationUrl":"https://21st.dev/@sean0205/components/c-chart-24","preview":"media/references/21st--sean0205--c-chart-24.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"a3c729f01aa75c5db3b54a49a14b10dc973bdfeadeb9101a685250ec27f050d3","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@sean0205/components/c-chart-24"},{"id":"21st--anubra266--radio-group","name":"Radio Group","collection":"21st-community","creator":"Abraham","category":"Cards & layouts","why":"Original cards & layouts reference from Abraham.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@anubra266/components/radio-group/radio-group-grid","codeUrl":"https://21st.dev/@anubra266/components/radio-group/radio-group-grid","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community grid catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/larsen66/radio-group/radio-group-grid/preview.1756195294393.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"anubra266","sourceCategory":"grid","creatorPublicationUrl":"https://21st.dev/@anubra266/components/radio-group/radio-group-grid","preview":"media/references/21st--anubra266--radio-group.png","previewWidth":960,"previewHeight":779,"previewSha256":"5f00ce2a6f80fc8da878a229283b93d1f825d95475242d6c4ebf645ff47b6c81","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@anubra266/components/radio-group"},{"id":"21st--shadcn--radio-group","name":"Radio Group","collection":"21st-community","creator":"shadcn","category":"Forms & controls","why":"Original forms & controls reference from shadcn.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@shadcn/components/radio-group","codeUrl":"https://21st.dev/@shadcn/components/radio-group","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community form catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_shadcn/radio-group/default/preview.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"shadcn","sourceCategory":"form","creatorPublicationUrl":"https://21st.dev/@shadcn/components/radio-group","preview":"media/references/21st--shadcn--radio-group.png","previewWidth":680,"previewHeight":486,"previewSha256":"6d33464f8e87c4ffdd5d2c989ce521545bc8fb666a26a04c078942bcaa9c9441","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@shadcn/components/radio-group"},{"id":"beui-native--radio","name":"Radio Group · Native","collection":"beui-native","category":"React Native","why":"One dot glides to the option you pick.","useFor":"Original React Native component from the creator’s public library. Image reference with original demo and source links.","sourceFiles":["sources/beui-native/code/src/components/radio/index.ts","sources/beui-native/code/src/components/radio/radio.tsx"],"website":"https://beui.dev/react-native/radio","repository":"https://github.com/starc007/beui-native","commit":"","license":"MIT","access":"Source saved","review":"Official creator catalog · not individually runtime-tested","favorite":false,"discovered":"Original creator library, linked from beUI","added":"2026-10-20","preview":"media/beui-native--radio.jpg","previewSource":"https://media.beui.dev/clips/radio-light.71d2371ade.jpg","previewType":"Creator’s original React Native recording poster","platform":"React Native","selectionType":"Creator library expansion","previewWidth":600,"previewHeight":1304,"previewAnimated":false,"previewVideo":"media/recordings/beui-native--radio.mp4","videoSource":"https://media.beui.dev/clips/radio-light.71d2371ade.mp4","videoType":"Unmodified original creator recording","videoMetadata":{"width":600,"height":1304,"duration":5.883333},"videoSha256":"71d2371ade4ce117bf9c01f7f0830085398caf5f1384150cd412dee9d2e3ec41","previewVideoSource":"https://media.beui.dev/clips/radio-light.71d2371ade.mp4"},{"id":"beui-native--range-slider","name":"Range Slider · Native","collection":"beui-native","category":"React Native","why":"A bar thumb that glides between steps.","useFor":"Original React Native component from the creator’s public library. Image reference with original demo and source links.","sourceFiles":["sources/beui-native/code/src/components/range-slider/index.ts","sources/beui-native/code/src/components/range-slider/range-slider.tsx"],"website":"https://beui.dev/react-native/range-slider","repository":"https://github.com/starc007/beui-native","commit":"","license":"MIT","access":"Source saved","review":"Official creator catalog · not individually runtime-tested","favorite":false,"discovered":"Original creator library, linked from beUI","added":"2026-10-20","preview":"media/beui-native--range-slider.jpg","previewSource":"https://media.beui.dev/clips/range-slider-light.da0024393e.jpg","previewType":"Creator’s original React Native recording poster","platform":"React Native","selectionType":"Creator library expansion","previewWidth":600,"previewHeight":1304,"previewAnimated":false,"previewVideo":"media/recordings/beui-native--range-slider.mp4","videoSource":"https://media.beui.dev/clips/range-slider-light.da0024393e.mp4","videoType":"Unmodified original creator recording","videoMetadata":{"width":600,"height":1304,"duration":12.316667},"videoSha256":"da0024393ee5cef3480e4f040d5966be79f60cd287444bfc9b1590826ef5850b","previewVideoSource":"https://media.beui.dev/clips/range-slider-light.da0024393e.mp4"},{"id":"codrops-original--rapidimagehovermenu","name":"Rapid Image Hover Menu","category":"Navigation & search","why":"Large thin high-contrast serif name list on warm off-white; the active row WILMA QUEST turns red and a tilted portrait photo sits over the list with a small cursor disc and '2021 WEST END NEW YORK' label, showing the hover-image menu clearly.","favorite":false,"collection":"codrops-creative","creator":"Codrops","creatorUrl":"https://github.com/codrops","website":"https://tympanus.net/Tutorials/RapidImageHoverMenu/","repository":"https://github.com/codrops/RapidImageHoverMenu","commit":"f05e29e46b51c4e461d02a6317d07277713a9fc9","codeUrl":"https://github.com/codrops/RapidImageHoverMenu/tree/f05e29e46b51c4e461d02a6317d07277713a9fc9/src","sourceFiles":[],"platform":"Web","access":"Original public source linked and pinned · MIT; not a complete archived component package","license":"MIT · original notice bytes preserved; image/font/dependency terms remain separate","review":"Sonnet 5.5 Medium full-image visual review plus researcher source/provenance checks; not runtime, motion or accessibility tested","useFor":"Study the exact original image and linked creator source. Respect its source, asset and access terms.","selectionType":"Individually visually reviewed original reference","discovered":"Original GitHub creator repository discovery · spatial-operational review","added":"2026-10-20","preview":"media/references/codrops-original--rapidimagehovermenu.jpg","previewSha256":"972349a9a664ba7de985f4ec9cec460f1aa5228635aea5dbfc93def6724febdf","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2020/07/rapid_feat.jpg","previewAnimated":false,"previewType":"Exact original creator-published static feature image","sourceResolution":"references/spatial-operational-source-resolution.json","sourcePinNote":"Current pinned original source, not a claim of exact screenshot-build revision.","additionalOriginalImages":[],"previewWidth":800,"previewHeight":600},{"id":"21st--astralyxdev--rate-limit-meter","name":"Rate Limit Meter","collection":"21st-community","creator":"astralyxdev","category":"Dashboards & data","why":"Original dashboards & data reference from astralyxdev.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@astralyxdev/components/rate-limit-meter","codeUrl":"https://21st.dev/@astralyxdev/components/rate-limit-meter","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community dashboard catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/astralyxdev/rate-limit-meter/default/preview.1791300784476-16f600c2-7bd8-4360-96ad-aa0364b2aefa.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"astralyxdev","sourceCategory":"dashboard","creatorPublicationUrl":"https://21st.dev/@astralyxdev/components/rate-limit-meter","preview":"media/references/21st--astralyxdev--rate-limit-meter.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"d1141ad6943761c97e8252701644df7b241b26f6a8f3b7bc74e4b8cea7655b0d","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@astralyxdev/components/rate-limit-meter"},{"name":"Raycast · app-scoped dictation style editor","collection":"raycast-product-original","creator":"Raycast","creatorUrl":"https://www.raycast.com/","platform":"Native desktop · dictation configuration","access":"Paid reference · Raycast Pro Exclusive; core dictation implementation source unavailable in inspected sources","license":"Official Dictation manual says Pro Exclusive. No core-app implementation or code-reuse grant established; public extensions not substituted. Desktop/mobile/history/settings states count once, not one per platform. Original image unchanged; no dictation or permissions used.","id":"raycast-dictation","category":"Voice & presence","why":"Dictation family: the Create Style dialog shows how spoken output is shaped by a user-written prompt of concrete rewrite rules (casing, slang, 'say X -> write Y', emoji). The style is scoped to specific apps via Slack/Front/Claude/Chrome/Messages chips, and Save Style has a shortcut hint. It is a concrete, useful composition, unlike a waveform, activity graph or empty history list. Judged statically from the official native-pixel image only. No runtime, privacy/security behavior, permissions or entitlement claims; Pro Exclusive page, app source unavailable.","favorite":false,"website":"https://manual.raycast.com/ai/dictation","repository":"","commit":"","codeUrl":"","sourceFiles":[],"review":"Sonnet5.5 Medium full-image visual review and researcher original-source/access checks; not runtime, accessibility, motion, security or full dependency-license audited","useFor":"Study the exact original static authoring/control image and follow primary creator/source under its terms.","selectionType":"Individually visually reviewed original reference","discovered":"Original form authoring and human review · review-forms pass","added":"2026-10-20","preview":"media/references/review-forms--raycast-2-1.png","previewSha256":"db77b70471bcee5f62005af6c620a9a5e7828e0f066c54fd6f879d7667829ffe","previewSource":"https://fz1sd71lwhbqy6sh.public.blob.vercel-storage.com/raycast/images/app/ai/mac-dictation-customstyle.png","previewAnimated":false,"previewType":"Exact unmodified original creator static image","previewWidth":1540,"previewHeight":1614,"sourceResolution":"references/review-forms-source-resolution.json","sourcePinNote":"Original image bytes unchanged, no generated/upscaled replacement. Literal Raycast blob URLs are explicitly declared by official image src query, not invented higher-resolution URLs. Original docs and source pins are independent; no exact screenshot-build match claimed. Partial source evidence is not a new complete archive."},{"added":"2026-10-20","sourceFiles":[],"repository":"","commit":"","codeUrl":"https://reactflow.dev/ui/templates/ai-workflow-editor","previewAnimated":false,"discovered":"Original X creator trails, native feature tour and primary motion tools · workflow-spatial review","selectionType":"Visually reviewed original reference","review":"Sonnet 5.5 Medium static visual review; provenance/source checks, not runtime, accessibility or full license/dependency audit","useFor":"Study the exact original reference and linked creator source. Respect its access and license terms.","id":"react-flow-pro--workflow-family","name":"React Flow AI workflow editor","category":"Agent orchestration","why":"Draggable node palette on the left. Nodes carry real parameters: system and prompt inputs, a model select, a temperature slider and a result preview. Dashed edges run from text nodes through Generate Text into Generate Image.","favorite":false,"collection":"react-flow-pro","preview":"media/references/react-flow--ai-workflow-editor.png","previewSha256":"a409681a89979740d19ec945b72ccfbce8d181a530a378d33cd2d6150f7cc3aa","website":"https://reactflow.dev/ui/templates/ai-workflow-editor","previewSource":"https://ai-workflow-editor.reactflow.dev/workflow","additionalOriginalImages":["media/references/react-flow--workflow-editor.png"],"creator":"xyflow / React Flow","creatorUrl":"https://reactflow.dev/","access":"Paid · React Flow Pro template; exact source not purchased or downloaded","license":"React Flow Pro template terms apply and were not audited. The free xyflow MIT core is not the source of this paid template.","previewType":"Exact original creator-hosted initial graph screenshot; no workflow/model execution, keys or sessions","previewWidth":1036,"previewHeight":847},{"id":"affectui--reaction-bar","name":"Reaction Bar","collection":"affectui","category":"Conversation craft","why":"Compact reactions use rolling counts and clear selected states without disturbing the surrounding content.","useFor":"Supporting interaction and motion craft for agent products.","sourceFiles":["sources/affectui/code/components/reaction-bar.tsx"],"website":"https://www.affectui.com/components/reaction-bar","repository":"https://github.com/flohoeller/affectui","commit":"cc799e7e438efcea8d484fa27932405ea60bff9a","license":"MIT","access":"Source saved","review":"Original creator recording + exact source","favorite":false,"discovered":"X bookmarks","added":"2026-10-20","preview":"media/stills/affectui--reaction-bar.png","previewSource":"https://www.affectui.com/components/reaction-bar","previewType":"Still frame from creator’s original animation","previewOriginalAsset":"media/affectui--reaction-bar.webp","previewFrameIndex":14,"previewWidth":958,"previewHeight":599,"previewAnimated":false,"previewVideo":"media/recordings/affectui--reaction-bar.mp4","videoSource":"https://github.com/flohoeller/affectui/blob/cc799e7e438efcea8d484fa27932405ea60bff9a/.github/assets/showcase/reaction-bar-light.webp","videoType":"MP4 transcode of creator’s original animation; original asset preserved","videoMetadata":{"width":958,"height":600,"duration":3},"videoSha256":"f9e2f826524a110a87661d10cd0374621751457c5dc6973e166ee897e74ab814","videoOriginalAsset":"media/affectui--reaction-bar.webp","videoOriginalSha256":"44e6af7bd25d9ef3cabbba107382f75a15aa0f8d8d4acb9f3217fe97367bc2b2","videoDerivation":"Exact decoded creator frames and timing, H.264 encoding; at most one pixel of edge padding for browser compatibility. No upscaling or invented frames.","previewVideoSource":"https://github.com/flohoeller/affectui/blob/cc799e7e438efcea8d484fa27932405ea60bff9a/.github/assets/showcase/reaction-bar-light.webp"},{"id":"codrops--reaction-diffusion","name":"Reaction Diffusion","collection":"codrops-creative","creator":"Amanda Ghassaei","creatorUrl":"https://tympanus.net/codrops/hub/author/amanda_ghassaei","category":"Shaders & materials","styleTags":["gpu io","reaction diffusion","WebGL"],"why":"A grayscale photo dissolves into labyrinth stripes that break into round dots at the edge, a pattern-formation material with a clear stripe-to-dot gradient.","useFor":"Study the original image and linked creator source; respect its license and access terms.","website":"https://apps.amandaghassaei.com/gpu-io/examples/reaction-diffusion/","codeUrl":"https://github.com/amandaghassaei/gpu-io/tree/14a60817291f7ffaa68db531de647567ec321a18/examples/reaction-diffusion","repository":"https://github.com/amandaghassaei/gpu-io","sourceFiles":[],"commit":"14a60817291f7ffaa68db531de647567ec321a18","access":"Original code linked and revision pinned · not archived; root MIT","license":"Original repository MIT; root license checked where present. Assets and dependency terms not fully audited.","review":"Sonnet 5.5 Medium static visual review and researcher source/provenance checks; not runtime, accessibility or full dependency-license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"Original input and spatial creator trails · input-spatial review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/10/Screenshot-2025-10-21-at-06.51.02.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Oct 21, 2022","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T08:26:33.379151+00:00","preview":"media/references/codrops--reaction-diffusion.png","previewWidth":1600,"previewHeight":1202,"previewSha256":"0ddb76bb2dfb3f91dfd227fee0bf793ccc7143b2cf692a32e0f0aeade7b7a4ef","previewAnimated":false,"sourcePageCheck":{"status":200,"resolvedUrl":"https://github.com/amandaghassaei/gpu-io/tree/main/examples/reaction-diffusion","checkedAt":"2026-10-20T08:29:15.054767+00:00"},"observedOriginalCodeUrl":"https://github.com/amandaghassaei/gpu-io/tree/main/examples/reaction-diffusion","sourcePinNote":"Current public original source pinned; screenshot build revision is not claimed.","sourceLicenseEvidence":"references/source-license-evidence/amandaghassaei--gpu-io/LICENSE.txt"},{"id":"codrops--reall3dviewer","name":"Reall3dViewer","collection":"codrops-creative","creator":"reall3d","creatorUrl":"https://tympanus.net/codrops/hub/author/reall3d","category":"Spatial experiences","styleTags":["3D","Three.js","tool","WebGL"],"why":"Photoreal splat-scan of a pagoda shown as an explorable object on black.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://reall3d.com/reall3dviewer/index.html","codeUrl":"https://github.com/reall3d-com/Reall3dViewer","repository":"https://github.com/reall3d-com/Reall3dViewer","sourceFiles":[],"commit":"","access":"Creator code page linked · HTTP 200; license/reuse terms not audited","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview review; original demo/source attribution traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub · October 20 midday review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/10/Screenshot-2025-10-18-at-08.30.06.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Feb 26, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T06:57:46.927245+00:00","preview":"media/references/codrops--reall3dviewer.png","previewWidth":1600,"previewHeight":1202,"previewSha256":"5c5f9055662cc1eeabc85014ee11593257e444bf1659cfc349867a44e6c93d88","previewAnimated":false,"observedPage":6,"sourcePageCheck":{"status":200,"resolvedUrl":"https://github.com/reall3d-com/Reall3dViewer","checkedAt":"2026-10-20T07:06:22.513811+00:00"}},{"id":"beui--loading-states","name":"Reasoning & Progress","collection":"beui","category":"Thinking & progress","why":"Different loading treatments suit different information: a short status, a live timer, or changing reasoning phrases. Do not fake percentage precision.","useFor":"Unknown-duration work with concise status summaries.","sourceFiles":["sources/beui/code/components/agents/loading-states/agent-progress.tsx","sources/beui/code/components/agents/loading-states/reasoning-text.tsx","sources/beui/code/components/agents/loading-states/thinking-shimmer.tsx","sources/beui/code/components/agents/loading-states/index.ts"],"website":"https://beui.dev/components/agents/loading-states","repository":"https://github.com/starc007/ui-components","commit":"6b5a00a5687214be8fd12fb0b6a78678d4dc96e0","license":"MIT","access":"Source saved","review":"Source located + documentation","favorite":false,"discovered":"Independent research","added":"2026-10-20","preview":"media/screenshots/beui--loading-states.jpg","previewType":"Screenshot of the creator’s published web demo","previewSource":"https://beui.dev/components/agents/loading-states#reasoning-text-preview","capturedAt":"2026-10-20T03:44:59.838Z","previewWidth":732,"previewHeight":281,"previewAnimated":false},{"id":"21st--olewandowski1--activity-1","name":"Recent Activity Card","collection":"21st-community","creator":"Oliver","category":"Dashboards & data","why":"Original dashboards & data reference from Oliver.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@olewandowski1/components/activity-1","codeUrl":"https://21st.dev/@olewandowski1/components/activity-1","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community dashboard catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_registry_7ovr_1782691739820/activity-1/default/preview.1789990214727.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"olewandowski1","sourceCategory":"dashboard","creatorPublicationUrl":"https://21st.dev/@olewandowski1/components/activity-1","preview":"media/references/21st--olewandowski1--activity-1.png","previewWidth":960,"previewHeight":774,"previewSha256":"6e2e841e225a066ba4408915ca92229132fd6f632a91c4ee465bb02bfa824cde","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@olewandowski1/components/activity-1"},{"id":"codrops--reflection-scroll-effect","name":"Reflection Scroll Effect","collection":"codrops-creative","creator":"Manoela Ilic","creatorUrl":"https://tympanus.net/codrops/hub/author/crnacura","category":"Galleries & transitions","styleTags":["GSAP","reflection","scroll"],"why":"Spotlit portrait panels mirrored below giant blue BIST type","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Development/ReflectionScroll/","codeUrl":"https://github.com/codrops/ReflectionScroll","repository":"https://github.com/codrops/ReflectionScroll","sourceFiles":[],"commit":"","access":"Creator code page linked · HTTP 200; license/reuse terms not audited","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview selection; creator/demo/source links traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub · October 20 creator-depth review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2024/02/reflectionscroll_feat.jpg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Feb 15, 2024","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T07:38:51.455636+00:00","preview":"media/references/codrops--reflection-scroll-effect.jpg","previewWidth":800,"previewHeight":600,"previewSha256":"92939f0a931314dd4de4cd90c5e08a0a992ffb97b1512855648e5fb1a8a1dffc","previewAnimated":false,"sourcePageCheck":{"status":200,"resolvedUrl":"https://github.com/codrops/ReflectionScroll","checkedAt":"2026-10-20T07:40:38.812210+00:00"}},{"id":"codrops--relighting-images-with-three-js","name":"Relighting Images with Three.js","collection":"codrops-creative","creator":"Dominik Fojcik","creatorUrl":"https://tympanus.net/codrops/hub/author/dominikfojcik","category":"Galleries & transitions","styleTags":["3d","three.js","tsl","webgpu"],"why":"Original galleries & transitions reference published in the Codrops Creative Hub; inspect the image and original demo for its visual approach.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Tutorials/RelightingImages","codeUrl":"https://github.com/DGFX/codrops-relightning-images","repository":"https://github.com/DGFX/codrops-relightning-images","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Contact-sheet preview reviewed with Sonnet 5.5 Medium; original publisher links traced; not runtime-tested","selectionType":"Preview-reviewed design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/08/mother-768x576.png.webp","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Aug 19, 2026","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:23:38.056369+00:00","preview":"media/references/codrops--relighting-images-with-three-js.webp","previewWidth":768,"previewHeight":576,"previewSha256":"757b04414d3379552ac57b2e8db07836f943b58422cd78affee62fad08e86cab","previewAnimated":false},{"id":"codrops--rendering-html-into-a-canvas","name":"Rendering HTML into a canvas","collection":"codrops-creative","creator":"Cullen Webber","creatorUrl":"https://tympanus.net/codrops/hub/author/cullenwebber","category":"Spatial experiences","styleTags":["three.js","webgl"],"why":"Original spatial experiences reference published in the Codrops Creative Hub; inspect the image and original demo for its visual approach.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://cullenwebber.github.io/three-html-to-canvas/","codeUrl":"https://github.com/cullenwebber/three-html-to-canvas","repository":"https://github.com/cullenwebber/three-html-to-canvas","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Contact-sheet preview reviewed with Sonnet 5.5 Medium; original publisher links traced; not runtime-tested","selectionType":"Preview-reviewed design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/04/Screenshot-2026-04-12-at-07.39.41-768x577.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Apr 12, 2026","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:23:38.056369+00:00","preview":"media/references/codrops--rendering-html-into-a-canvas.png","previewWidth":768,"previewHeight":577,"previewSha256":"cca3c129eb7c61d0792e5fd21fdd4f4162e006360c88a6377bd4e35234c36ff5","previewAnimated":false},{"id":"codrops--repetition-image-animation","name":"Repetition Image Animation","collection":"codrops-creative","creator":"BL/S®","creatorUrl":"https://tympanus.net/codrops/hub/author/blackleadstudio","category":"Galleries & transitions","styleTags":["draggable","hover","repetition"],"why":"Green corridor photo repeated as a receding stack inside a tall card with a pill control bar; a strong single-image rhythm idea.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://codepen.io/blacklead-studio/full/QwjGRmo","codeUrl":"https://codepen.io/blacklead-studio/full/QwjGRmo","repository":"","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/08/Screenshot-2025-08-01-at-07.35.29-768x577.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Jul 30, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:54:42.821988+00:00","preview":"media/references/codrops--repetition-image-animation.png","previewWidth":768,"previewHeight":577,"previewSha256":"e66d67a8f0b6e6f9c0a016599924325663177cb91683223ccc73b61cb9f03dd4","previewAnimated":false},{"id":"rerun-original--timeline","name":"Rerun temporal stream inspection","category":"Dashboards & data","why":"A distinct interface idea from the spatial viewer. A Streams panel has a collapsible entity hierarchy (camera/, image/, transform, view_coordinates, points). Each entity has its own lane of dense event dots against a tick ruler with a #200 marker. A vertical cursor line crosses all lanes, and a visible break in the data separates two stretches of events. The full-size crop is large and legible. The playback-controls crop (timeline-1) is rejected as a sparse button strip and not counted. Dual MIT/Apache source; data assets are separate.","favorite":false,"collection":"rerun-original","creator":"Rerun Technologies","creatorUrl":"https://rerun.io","website":"https://rerun.io/docs/reference/viewer/timeline","repository":"https://github.com/rerun-io/rerun","commit":"a9880d034f7ffa8d0b8255147dafcdfcc6afca2d","codeUrl":"https://github.com/rerun-io/rerun/blob/a9880d034f7ffa8d0b8255147dafcdfcc6afca2d/crates/panels/re_time_panel/src/lib.rs","sourceFiles":[],"platform":"Rust egui · native / WebAssembly viewer","access":"Public original viewer source · linked pinned implementation, not a complete component archive; dataset/model licensing not inferred","license":"MIT OR Apache-2.0 per workspace/package declaration. Original LICENSE-MIT and LICENSE-APACHE preserved; model/data/dependency terms separate.","review":"Sonnet 5.5 Medium full-image visual review and researcher source/notice/provenance checks; no runtime, motion, accessibility or full dependency-license audit","useFor":"Study exact original creator images and primary source links under stated access/license terms.","selectionType":"Individually visually reviewed original reference","discovered":"Original creator repositories, published documentation and credited creative projects · spatial-orchestration review","added":"2026-10-20","preview":"media/references/rerun-original--timeline-2.png","previewSha256":"6809158701e1633908cbefeed339a90b5750cba72d7e067dc48d5ea8fbf47b08","previewSource":"https://static.rerun.io/streams/376becde1280bcbc993add31cf37df0539622651/full.png","previewAnimated":false,"previewType":"Exact unmodified original creator/publisher static image","sourceResolution":"references/spatial-orchestration-source-evidence.json","sourcePinNote":"Pinned source provides provenance, not an exact screenshot-build claim. Selected notices/docs/renderers are evidence, not complete component archives; no creator code executed.","previewWidth":2986,"previewHeight":594},{"id":"21st--reshaped--reshaped-badge","name":"Reshaped Badge","collection":"21st-community","creator":"reshaped","category":"Feedback & states","why":"Original feedback & states reference from reshaped.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@reshaped/components/reshaped-badge/rounded","codeUrl":"https://21st.dev/@reshaped/components/reshaped-badge/rounded","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community notification catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_reshaped/reshaped-badge/rounded/preview.1785930296688.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"reshaped","sourceCategory":"notification","creatorPublicationUrl":"https://21st.dev/@reshaped/components/reshaped-badge/rounded","preview":"media/references/21st--reshaped--reshaped-badge.png","previewWidth":372,"previewHeight":291,"previewSha256":"bfc70fbae69eea2114700547b7d2346155bb9667b4d907817e084ef605837d2e","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@reshaped/components/reshaped-badge"},{"id":"21st--reshaped--reshaped-file-upload","name":"Reshaped File upload","collection":"21st-community","creator":"reshaped","category":"Artifacts & evidence","why":"Original artifacts & evidence reference from reshaped.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@reshaped/components/reshaped-file-upload/trigger","codeUrl":"https://21st.dev/@reshaped/components/reshaped-file-upload/trigger","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community upload-download catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/larsen66/reshaped-file-upload/trigger/preview.1783429597917.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"reshaped","sourceCategory":"upload-download","creatorPublicationUrl":"https://21st.dev/@reshaped/components/reshaped-file-upload/trigger","preview":"media/references/21st--reshaped--reshaped-file-upload.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"d875c445a624be4b269440a3887e82f96c8b75a8eb665a56afed572ef10c31a7","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@reshaped/components/reshaped-file-upload"},{"id":"21st--reshaped--reshaped-progress-bar","name":"Reshaped Progress bar","collection":"21st-community","creator":"reshaped","category":"Thinking & progress","why":"Original thinking & progress reference from reshaped.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@reshaped/components/reshaped-progress-bar","codeUrl":"https://21st.dev/@reshaped/components/reshaped-progress-bar","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community progress catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/larsen66/reshaped-progress-bar/default/preview.1783440560086.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"reshaped","sourceCategory":"progress","creatorPublicationUrl":"https://21st.dev/@reshaped/components/reshaped-progress-bar","preview":"media/references/21st--reshaped--reshaped-progress-bar.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"a979064aa18aa2dc06e1ea71a7cc8e139e684347dd56d671a1b017b0141d7a3a","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@reshaped/components/reshaped-progress-bar"},{"id":"21st--preetsuthar17--resizable","name":"Resizable","collection":"21st-community","creator":"Preet Suthar","category":"Navigation & search","why":"Original navigation & search reference from Preet Suthar.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@preetsuthar17/components/resizable","codeUrl":"https://21st.dev/@preetsuthar17/components/resizable","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community sidebar catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_2rWolCuRnJW3DRiuQ5JHrl5kj8a/resizable/default/preview.1788375187604.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"preetsuthar17","sourceCategory":"sidebar","creatorPublicationUrl":"https://21st.dev/@preetsuthar17/components/resizable","preview":"media/references/21st--preetsuthar17--resizable.png","previewWidth":960,"previewHeight":729,"previewSha256":"8edd74dd83039e840dc3f3bb5745ee4ff86dc3de5c222a65f4a940601f3ed3f8","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@preetsuthar17/components/resizable"},{"id":"aceternity--resizable-navbar","name":"Resizable Navbar","collection":"aceternity","creator":"Aceternity UI · Manu Arora","category":"Cards & layouts","why":"Original cards & layouts reference from Aceternity UI · Manu Arora.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://ui.aceternity.com/components/resizable-navbar","codeUrl":"https://ui.aceternity.com/components/resizable-navbar","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Reddit library leads → original Aceternity component catalog","added":"2026-10-20","previewSource":"https://assets.aceternity.com/resizable-navbar.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","preview":"media/references/aceternity--resizable-navbar.webp","previewWidth":2048,"previewHeight":1440,"previewSha256":"b7f16fdf57b3df45ea64c62a127ec3235c06eebf5e27a3e96f58e82a76b558ee","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"21st--sensewood8--responsive-hero-banner","name":"Responsive Hero Banner","collection":"21st-community","creator":"Saifullah Channa","category":"Cards & layouts","why":"Original cards & layouts reference from Saifullah Channa.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@sensewood8/components/responsive-hero-banner","codeUrl":"https://21st.dev/@sensewood8/components/responsive-hero-banner","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Featured by publisher; creator preview indexed; not runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community featured catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/sensewood8/responsive-hero-banner/default/preview.1768644363827.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"sensewood8","sourceCategory":"featured","creatorPublicationUrl":"https://21st.dev/@sensewood8/components/responsive-hero-banner","preview":"media/references/21st--sensewood8--responsive-hero-banner.png","previewWidth":960,"previewHeight":559,"previewSha256":"6a859ab828654a73419818009baaad12f52e9e704f34c221a53f2c3281e27329","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@sensewood8/components/responsive-hero-banner"},{"id":"21st--astralyxdev--result","name":"Result","collection":"21st-community","creator":"astralyxdev","category":"Feedback & states","why":"Original feedback & states reference from astralyxdev.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@astralyxdev/components/result","codeUrl":"https://21st.dev/@astralyxdev/components/result","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community empty-state catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/astralyxdev/result/default/preview.1791302544646-0c8179d7-b6fb-4402-a1c4-4184269aed45.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"astralyxdev","sourceCategory":"empty-state","creatorPublicationUrl":"https://21st.dev/@astralyxdev/components/result","preview":"media/references/21st--astralyxdev--result.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"3eefe6da24011676fb640dbe23c611f3a5a16f7070bbd68266e31cfa5ee2509b","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@astralyxdev/components/result"},{"name":"Retool Classic · schema-bound form authoring","collection":"retool-original","creator":"Retool","creatorUrl":"https://retool.com/","platform":"Web · historical classic form editor","access":"Demo reference · original historical editor screenshot; implementation source not established; plan entitlement unverified","license":"No public Retool classic-editor implementation or reuse license established. The documented react-jsonschema-form dependency is not the Retool editor source. Classic Form/JSON Schema states count once; generated table/form content is context for the original editor controls.","id":"retool-classic-form-builder","category":"Forms & controls","why":"Table plus a generated 'Create new deal' JSON Schema form on the canvas, with the Edit submit handler popover (action, query, method, debounce) and the inspector's UI schema, default data and event handlers all legible. It is a concrete form-authoring composition. The Form and JSON Schema states count once. The public rjsf library is not Retool editor source.","favorite":false,"website":"https://docs.retool.com/classic-apps/guides/forms-inputs/json-schema-form","repository":"","commit":"","codeUrl":"","sourceFiles":[],"review":"Sonnet5.5 Medium full-image visual review and researcher original-source/access checks; not runtime, accessibility, motion, security or full dependency-license audited","useFor":"Study the exact original static authoring/control image and follow primary creator/source under its terms.","selectionType":"Individually visually reviewed original reference","discovered":"Original form authoring and human review · review-forms pass","added":"2026-10-20","preview":"media/references/review-forms--retool-classic-3-3.png","previewSha256":"2e7e5b8e8de64795d7fdb6e593b2f6439a0d6695fccd358f6c7a106bea912996","previewSource":"https://docs.retool.com/assets/images/submit-event-handler-82527ccab73f3fedd317540d905b5023.png","previewAnimated":false,"previewType":"Exact unmodified original creator static image","previewWidth":1800,"previewHeight":957,"sourceResolution":"references/review-forms-source-resolution.json","sourcePinNote":"Original image bytes unchanged, no generated/upscaled replacement. Literal Raycast blob URLs are explicitly declared by official image src query, not invented higher-resolution URLs. Original docs and source pins are independent; no exact screenshot-build match claimed. Partial source evidence is not a new complete archive."},{"id":"codrops--retro-futuristic-radio-buttons-with-gsap","name":"Retro futuristic radio buttons with GSAP","collection":"codrops-creative","creator":"Josh Dillon","creatorUrl":"https://tympanus.net/codrops/hub/author/josh_dillon","category":"Forms & controls","styleTags":["button","GSAP"],"why":"Skewed pill radio buttons where the selected option glows blue with scanline glitch.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://codepen.io/jdillon/full/qEWOGxm","codeUrl":"https://codepen.io/jdillon/pen/qEWOGxm","repository":"","sourceFiles":[],"commit":"","access":"Creator code linked · access unverified (source response recorded)","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview review; original demo/source attribution traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub · October 20 midday review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2024/12/image-13.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Dec 4, 2024","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T06:57:46.927245+00:00","preview":"media/references/codrops--retro-futuristic-radio-buttons-with-gsap.png","previewWidth":640,"previewHeight":440,"previewSha256":"8a80c611d2813227e950ce476a9753463306c574a390640313e3156931f01a2b","previewAnimated":false,"observedPage":7,"sourcePageCheck":{"status":403,"resolvedUrl":"https://codepen.io/jdillon/pen/qEWOGxm","checkedAt":"2026-10-20T07:06:13.224584+00:00"}},{"id":"21st--sean0205--reui-autocomplete","name":"ReUI Autocomplete","collection":"21st-community","creator":"Sean Hello","category":"Navigation & search","why":"Original navigation & search reference from Sean Hello.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@sean0205/components/reui-autocomplete/search-results","codeUrl":"https://21st.dev/@sean0205/components/reui-autocomplete/search-results","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community search catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_2wdgsmfD3BNOOm4oOqUDUS9IXZI/reui-autocomplete/search-results/preview.1785323542069.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"sean0205","sourceCategory":"search","creatorPublicationUrl":"https://21st.dev/@sean0205/components/reui-autocomplete/search-results","preview":"media/references/21st--sean0205--reui-autocomplete.png","previewWidth":960,"previewHeight":623,"previewSha256":"bd33dfa7f93d86217a42f27f270bf5e0ad4f5d8a7ddb3f6630abe52506d6c439","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@sean0205/components/reui-autocomplete"},{"id":"webzibition--ricardo-chance","name":"Ricardo Chance","collection":"webzibition","creator":"Ricardo Chance · original site","creatorAttribution":"Site identity from the publisher listing; individual design author not independently verified","category":"Full websites & portfolios","why":"Dark violet page with a four-point star glow and italic serif 'I build web experiences people remember'; elegant and sparse.","useFor":"Study the original website’s composition and presentation; code availability is unverified.","website":"https://www.ricardochance.com/","codeUrl":"","repository":"","sourceFiles":[],"commit":"","access":"Design reference · public source not traced","license":"Website and preview rights belong to their respective owners; no source or reuse license verified","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited; original website returned HTTP200; screenshot may predate the current live design","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"Codrops Webzibition → original website","added":"2026-10-20","preview":"media/references/webzibition--ricardo-chance.webp","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/07/rchance-1200x649.jpg.webp?x67708","previewType":"Codrops publisher screenshot of the linked original website; not a fresh live capture","previewWidth":1200,"previewHeight":649,"previewSha256":"cb3ce37db8218af0462d154716c850a4334576582faa15d009e9e5e177ee2f95","previewAnimated":false,"publisherIndex":"https://tympanus.net/codrops/webzibition/","publisherRecord":"post-117783","pageTitle":"Ricardo Chance — Design Engineer & Creative Developer","pageCheckedAt":"2026-10-20T05:54:32.868906+00:00","pageAvailability":"HTTP200; same-domain original website","retrievedAt":"2026-10-20T05:54:32.868906+00:00"},{"id":"21st--kuratlielia--ridgeline","name":"Ridgeline Chart","collection":"21st-community","creator":"kuratlielia","category":"Dashboards & data","why":"Original dashboards & data reference from kuratlielia.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@kuratlielia/components/ridgeline","codeUrl":"https://21st.dev/@kuratlielia/components/ridgeline","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community data-visualization catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_registry_kuratlielia_1790903117010/ridgeline/default/preview.1791498371896.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"kuratlielia","sourceCategory":"data-visualization","creatorPublicationUrl":"https://21st.dev/@kuratlielia/components/ridgeline","preview":"media/references/21st--kuratlielia--ridgeline.jpg","previewWidth":854,"previewHeight":666,"previewSha256":"dbe92d2b56337a9e406ca10ed046434ed90d7508dd2acdaad083c4ce3c4cafd4","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@kuratlielia/components/ridgeline"},{"id":"rive-original--timeline","name":"Rive original animation timeline","category":"Spatial & motion","why":"Readable animation-authoring surface. It shows an Animations list with State Machine, Hand Off and Hand Loop, a keyframe timeline with a frame ruler and per-object tracks (Group 3, Custom Shape, Group), a default-interpolation picker with a curve preview, and an empty 'Select a key' panel. It also shows the working artboard beside the finished artboard. The specific idea is keyframe tracks tied to an interpolation curve picker. This is a still of the authoring UI and does not demonstrate motion or playback.","favorite":false,"collection":"rive-editor","creator":"Rive","creatorUrl":"https://rive.app/","website":"https://rive.app/docs/editor/interface-overview/overview","repository":"","commit":"","codeUrl":"","sourceFiles":[],"platform":"Web","access":"Original creator documentation · editor implementation unavailable in inspected public source; product plan terms apply","license":"Editor implementation/reuse license not established. Original creator documentation images only; open-source runtime licenses do not grant editor source.","review":"Sonnet 5.5 Medium full-image visual review plus researcher source/notice checks; no runtime, motion, accessibility or complete dependency-license audit","useFor":"Study the exact original creator image and linked creator resources under their stated access and license terms.","selectionType":"Individually visually reviewed original reference","discovered":"Original creator docs/site and pinned primary source discovery · spatial-voice-controls review","added":"2026-10-20","preview":"media/references/rive-original--timeline.png","previewSha256":"6e6f73f8428373eae8a1bedad6cb9098ec6305facbf9be156b4c3a8d8e04834b","previewSource":"https://mintcdn.com/rive/BNg-rw8GSAY54Vvz/images/timeline.png?fit=max&auto=format&n=BNg-rw8GSAY54Vvz&q=85&s=07b991dcf266887212dc11657ba4c636","previewAnimated":false,"previewType":"Exact unmodified original creator-published static image","sourceResolution":"references/spatial-voice-source-evidence.json","sourcePinNote":"Documentation provenance only; no editor implementation or runtime-source substitution claimed.","documentationRepository":"https://github.com/rive-app/rive-docs","documentationCommit":"ba6ed0672ac085a46ca1fac91f726f0a5564b2a2","previewWidth":2816,"previewHeight":1628},{"id":"rive-original--stage","name":"Rive original stage and inspector","category":"Tools & execution","why":"A gradient artboard and ShaderDemo script sit side by side, with scene hierarchy, assets, inspector and state-machine controls around them. The useful reference is the arrangement of code, canvas and state feedback inside one editor; its implementation source is not available here.","favorite":false,"collection":"rive-editor","creator":"Rive","creatorUrl":"https://rive.app/","website":"https://rive.app/docs/editor/interface-overview/overview","repository":"","commit":"","codeUrl":"","sourceFiles":[],"platform":"Web","access":"Original creator documentation · editor implementation unavailable in inspected public source; product plan terms apply","license":"Editor implementation/reuse license not established. Original creator documentation images only; open-source runtime licenses do not grant editor source.","review":"Sonnet 5.5 Medium full-image visual review plus researcher source/notice checks; no runtime, motion, accessibility or complete dependency-license audit","useFor":"Study the exact original creator image and linked creator resources under their stated access and license terms.","selectionType":"Individually visually reviewed original reference","discovered":"Original creator docs/site and pinned primary source discovery · spatial-voice-controls review","added":"2026-10-20","preview":"media/references/rive-original--stage-1.png","previewSha256":"e2ed6752d01baa3e8650543a53c1f17a79b4788c0c41f109ac0964a390c555f3","previewSource":"https://mintcdn.com/rive/pwk3GqUgisWbhN3v/images/editor/interface/viewport.png?fit=max&auto=format&n=pwk3GqUgisWbhN3v&q=85&s=25b95ce34876a682c1375ba36057da94","previewAnimated":false,"previewType":"Exact unmodified original creator-published static image","sourceResolution":"references/spatial-voice-source-evidence.json","sourcePinNote":"Documentation provenance only; no editor implementation or runtime-source substitution claimed.","documentationRepository":"https://github.com/rive-app/rive-docs","documentationCommit":"ba6ed0672ac085a46ca1fac91f726f0a5564b2a2","previewWidth":3456,"previewHeight":2088},{"name":"Rivet · graph test-suite workspace","collection":"rivet-original","creator":"Ironclad / Rivet contributors","creatorUrl":"https://github.com/Ironclad","repository":"https://github.com/Ironclad/rivet","commit":"b783278bda72e8eca7431702a532fcf02e35f367","platform":"Desktop Tauri / React · agent development","license":"MIT, copyright2023 Ironclad. Original notice retained. Model providers, plugins, third-party dependencies and remote services have separate terms.","id":"rivet-trivet-ui","category":"Tools & execution","why":"Test-suite screen: graph/validator pickers, pass-checked test-case row, stacked Input / Expected Output / Test Result editors.","favorite":false,"website":"https://github.com/Ironclad/rivet/blob/b783278bda72e8eca7431702a532fcf02e35f367/README.md","codeUrl":"https://github.com/Ironclad/rivet/blob/b783278bda72e8eca7431702a532fcf02e35f367/packages/app/src/components/trivet/Trivet.tsx","sourceFiles":[],"access":"Public original source · exact licensing below; service/model/edition access unverified; not executed","review":"Sonnet5.5 Medium full-image visual review and researcher source/provenance checks; not runtime, motion, accessibility or complete dependency-license audited","useFor":"Study the exact original static image and follow the creator's original source/site under its stated access terms.","selectionType":"Individually visually reviewed original reference","discovered":"Original voice and survey-control interfaces · voice-forms review","added":"2026-10-20","preview":"media/references/voice-forms--rivet-trivet-ui.png","previewSha256":"63cd491171959b6855a3f045325b924abd43aa0926b789df03ab804c45f9c324","previewSource":"https://raw.githubusercontent.com/Ironclad/rivet/b783278bda72e8eca7431702a532fcf02e35f367/packages/docs/docs/assets/trivet-ui.png","previewAnimated":false,"previewType":"Exact unmodified original creator static image","previewWidth":1722,"previewHeight":1388,"sourceResolution":"references/voice-forms-source-resolution.json","sourcePinNote":"Original image preserved without cropping, upscaling or generated replacement. Published docs/blog image and inspected source revision are separately pinned; exact screenshot-build equality is not claimed. Partial source/notice evidence is not a complete component archive."},{"name":"Rivet · graph-and-inspector workspace","collection":"rivet-original","creator":"Ironclad / Rivet contributors","creatorUrl":"https://github.com/Ironclad","repository":"https://github.com/Ironclad/rivet","commit":"b783278bda72e8eca7431702a532fcf02e35f367","platform":"Desktop Tauri / React · graph workspace","license":"MIT, copyright2023 Ironclad. Original NodeCanvas/NodeEditor source and exact docs image retained as provenance. Provider/model and dependency terms separate.","id":"rivet-interface-overview-annotated","category":"Agent orchestration","why":"Three-pane agent IDE: graph list sidebar, node canvas with ports, node-editor panel with variant and split controls.","favorite":false,"website":"https://github.com/Ironclad/rivet/blob/b783278bda72e8eca7431702a532fcf02e35f367/README.md","codeUrl":"https://github.com/Ironclad/rivet/blob/b783278bda72e8eca7431702a532fcf02e35f367/packages/app/src/components/NodeCanvas.tsx","sourceFiles":[],"access":"Public original source · exact licensing below; service/model/edition access unverified; not executed","review":"Sonnet5.5 Medium full-image visual review and researcher source/provenance checks; not runtime, motion, accessibility or complete dependency-license audited","useFor":"Study the exact original static image and follow the creator's original source/site under its stated access terms.","selectionType":"Individually visually reviewed original reference","discovered":"Original voice and survey-control interfaces · voice-forms review","added":"2026-10-20","preview":"media/references/voice-forms--rivet-interface-overview-annotated.png","previewSha256":"cf39447e3b6ee1fa698dbc03e0836065bc72d1e875dfab36265613e1df680a62","previewSource":"https://raw.githubusercontent.com/Ironclad/rivet/b783278bda72e8eca7431702a532fcf02e35f367/packages/docs/docs/user-guide/assets/interface-overview-annotated.png","previewAnimated":false,"previewType":"Exact unmodified original creator static image","previewWidth":3248,"previewHeight":2112,"sourceResolution":"references/voice-forms-source-resolution.json","sourcePinNote":"Original image preserved without cropping, upscaling or generated replacement. Published docs/blog image and inspected source revision are separately pinned; exact screenshot-build equality is not claimed. Partial source/notice evidence is not a complete component archive."},{"name":"Rivet · loop value-flow inspection","collection":"rivet-original","creator":"Ironclad / Rivet contributors","creatorUrl":"https://github.com/Ironclad","repository":"https://github.com/Ironclad/rivet","commit":"b783278bda72e8eca7431702a532fcf02e35f367","platform":"Desktop Tauri / React · annotated original graph","license":"MIT, copyright2023 Ironclad. Original creator documentation annotation illustrates two loop iterations, counted once. This is not a claim of an animated runtime trace or screenshot-build match.","id":"rivet-loop-controller","category":"Agent orchestration","why":"Node graph with a Loop Controller whose colored A/B arrows trace values through each iteration.","favorite":false,"website":"https://github.com/Ironclad/rivet/blob/b783278bda72e8eca7431702a532fcf02e35f367/README.md","codeUrl":"https://github.com/Ironclad/rivet/blob/b783278bda72e8eca7431702a532fcf02e35f367/packages/app/src/components/LoopControllerNodePorts.tsx","sourceFiles":[],"access":"Public original source · exact licensing below; service/model/edition access unverified; not executed","review":"Sonnet5.5 Medium full-image visual review and researcher source/provenance checks; not runtime, motion, accessibility or complete dependency-license audited","useFor":"Study the exact original static image and follow the creator's original source/site under its stated access terms.","selectionType":"Individually visually reviewed original reference","discovered":"Original voice and survey-control interfaces · voice-forms review","added":"2026-10-20","preview":"media/references/voice-forms--rivet-loop-controller-iteration-2.png","previewSha256":"ad21f4763d03c97cd8fb091e5e2284ac5f6ec02ee832f93311650cbcc4ce3862","previewSource":"https://raw.githubusercontent.com/Ironclad/rivet/b783278bda72e8eca7431702a532fcf02e35f367/packages/docs/docs/user-guide/assets/loop-controller-iteration-2.png","previewAnimated":false,"previewType":"Exact unmodified original creator static image","previewWidth":982,"previewHeight":570,"sourceResolution":"references/voice-forms-source-resolution.json","sourcePinNote":"Original image preserved without cropping, upscaling or generated replacement. Published docs/blog image and inspected source revision are separately pinned; exact screenshot-build equality is not claimed. Partial source/notice evidence is not a complete component archive."},{"id":"codrops--rolling-text","name":"Rolling text","collection":"codrops-creative","creator":"GSAP","creatorUrl":"https://tympanus.net/codrops/hub/author/gsap","category":"Editorial & typography","styleTags":["gsap","typography"],"why":"Original editorial & typography reference published in the Codrops Creative Hub; inspect the image and original demo for its visual approach.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://codepen.io/GreenSock/full/dPMjJWv","codeUrl":"https://codepen.io/GreenSock/full/dPMjJWv","repository":"","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Contact-sheet preview reviewed with Sonnet 5.5 Medium; original publisher links traced; not runtime-tested","selectionType":"Preview-reviewed design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/12/Screenshot-2025-12-09-at-12.53.33-768x577.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Dec 1, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:23:38.056369+00:00","preview":"media/references/codrops--rolling-text.png","previewWidth":768,"previewHeight":577,"previewSha256":"091c4c452e5933a12c1be6a1e54eb1f13a1a41fff80cdaef381b07012a71eddc","previewAnimated":false},{"id":"webzibition--room-pillar","name":"Room & Pillar","collection":"webzibition","creator":"Room & Pillar · original site","creatorAttribution":"Site identity from the publisher listing; individual design author not independently verified","category":"Full websites & portfolios","why":"Dark page with a textured rock object behind large 'Empowering Innovation' type and a lime CTA; strong object-plus-headline hero.","useFor":"Study the original website’s composition and presentation; code availability is unverified.","website":"https://www.roomandpillar.com/","codeUrl":"","repository":"","sourceFiles":[],"commit":"","access":"Design reference · public source not traced","license":"Website and preview rights belong to their respective owners; no source or reuse license verified","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited; original website returned HTTP200; screenshot may predate the current live design","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"Codrops Webzibition → original website","added":"2026-10-20","preview":"media/references/webzibition--room-pillar.png","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/10/www.roomandpillar.com_-1200x649.png?x67708","previewType":"Codrops publisher screenshot of the linked original website; not a fresh live capture","previewWidth":1200,"previewHeight":649,"previewSha256":"26836637dfea049cb4d9c6748ae879c531c3581ad21e36e9858d956a777d3c95","previewAnimated":false,"publisherIndex":"https://tympanus.net/codrops/webzibition/","publisherRecord":"post-124388","pageTitle":"Home | Room & Pillar","pageCheckedAt":"2026-10-20T05:54:32.868906+00:00","pageAvailability":"HTTP200; same-domain original website","retrievedAt":"2026-10-20T05:54:32.868906+00:00"},{"id":"codrops--rotating-twisted-3d-typography-with-three-js-and-shaders","name":"Rotating Twisted 3D Typography with Three.js and Shaders","collection":"codrops-creative","creator":"Yuri Artiukh","creatorUrl":"https://tympanus.net/codrops/hub/author/akella","category":"Typography & effects","styleTags":["3D","glsl","Three.js","typography","WebGL"],"why":"Extruded blue-violet letters wrap into a twisted ring around a dark void, so type becomes a 3D loop object.","useFor":"Study the original image and linked creator source; respect its license and access terms.","website":"https://tympanus.net/Development/TwistedText/","codeUrl":"https://github.com/akella/twistedText/tree/6b222f011f645d2c4ffed2a1c4b579111edc8a3d","repository":"https://github.com/akella/twistedText","sourceFiles":[],"commit":"6b222f011f645d2c4ffed2a1c4b579111edc8a3d","access":"Original code linked and revision pinned · not archived; root license unverified","license":"Original repository UNVERIFIED; root license checked where present. Assets and dependency terms not fully audited.","review":"Sonnet 5.5 Medium static visual review and researcher source/provenance checks; not runtime, accessibility or full dependency-license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"Original input and spatial creator trails · input-spatial review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2023/01/circulartext.jpg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Jan 20, 2023","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T08:26:33.379151+00:00","preview":"media/references/codrops--rotating-twisted-3d-typography-with-three-js-and-shaders.jpg","previewWidth":800,"previewHeight":600,"previewSha256":"e3ac8a9b97287017327e10f9d742f1c00e57ee9cb08917d815a7fdd4b3fecdc6","previewAnimated":false,"observedOriginalDemoUrl":"http://tympanus.net/Development/TwistedText/","redirectVerification":"Normal Chrome navigation followed the observed original link to HTTPS.","sourcePageCheck":{"status":200,"resolvedUrl":"https://github.com/akella/twistedText","checkedAt":"2026-10-20T08:29:13.883299+00:00"},"observedOriginalCodeUrl":"https://github.com/akella/twistedText","sourcePinNote":"Current public original source pinned; screenshot build revision is not claimed."},{"id":"codrops--rough-clay-tsl-texture","name":"Rough Clay TSL Texture","collection":"codrops-creative","creator":"Pavel Boytchev","creatorUrl":"https://tympanus.net/codrops/hub/author/pavel_boytchev","category":"Shaders & materials","styleTags":["Three.js","TSL","WebGL"],"why":"Matte peach sphere with a hand-pressed clay surface and soft studio shadow.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://boytchev.github.io/tsl-textures/online/rough-clay.html","codeUrl":"https://github.com/boytchev/tsl-textures/blob/main/src/rough-clay.js","repository":"https://github.com/boytchev/tsl-textures/blob/main/src/rough-clay.js","sourceFiles":[],"commit":"","access":"Creator code page linked · HTTP 200; license/reuse terms not audited","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview review; original demo/source attribution traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub · October 20 midday review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2024/12/image-2024-12-30-at-12.17.32.jpg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Dec 30, 2024","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T06:57:46.927245+00:00","preview":"media/references/codrops--rough-clay-tsl-texture.jpg","previewWidth":807,"previewHeight":628,"previewSha256":"cb0243b7c21776556cc3a45a8173cb2e0ad30c57413ae8696bb8f220f32bf019","previewAnimated":false,"observedPage":6,"sourcePageCheck":{"status":200,"resolvedUrl":"https://github.com/boytchev/tsl-textures/blob/main/src/rough-clay.js","checkedAt":"2026-10-20T07:06:19.093858+00:00"}},{"id":"21st--ruixen.ui--ruixen-bento-cards","name":"Ruixen Bento Cards","collection":"21st-community","creator":"Ruixen","category":"Cards & layouts","why":"Original cards & layouts reference from Ruixen.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@ruixen.ui/components/ruixen-bento-cards","codeUrl":"https://21st.dev/@ruixen.ui/components/ruixen-bento-cards","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community grid catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_2y5Wd5l713ZIFYjX19aZXSyXd6b/ruixen-bento-cards/default/preview.1785494290366.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"ruixen.ui","sourceCategory":"grid","creatorPublicationUrl":"https://21st.dev/@ruixen.ui/components/ruixen-bento-cards","preview":"media/references/21st--ruixen.ui--ruixen-bento-cards.png","previewWidth":960,"previewHeight":733,"previewSha256":"5f0a31e6739d516ab57270db23b05d0cb455b60226b12d06b91735fc8e286180","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@ruixen.ui/components/ruixen-bento-cards"},{"id":"21st--ruixen.ui--ruixen-footer03","name":"Ruixen Footer 03","collection":"21st-community","creator":"Ruixen","category":"Cards & layouts","why":"Original cards & layouts reference from Ruixen.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@ruixen.ui/components/ruixen-footer03","codeUrl":"https://21st.dev/@ruixen.ui/components/ruixen-footer03","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community grid catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/ruixen.ui/ruixen-footer03/default/preview.1788796394612-83d41672-c102-45d9-a1f2-6eaa5f50e4ba.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"ruixen.ui","sourceCategory":"grid","creatorPublicationUrl":"https://21st.dev/@ruixen.ui/components/ruixen-footer03","preview":"media/references/21st--ruixen.ui--ruixen-footer03.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"c5d281184c314e64d0ee9eb205dec5643c98c1303cbc6adf276d8521b1fd9d05","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@ruixen.ui/components/ruixen-footer03"},{"id":"codrops--rybitten-svg-color-sphere","name":"RYBitten SVG Color Sphere","collection":"codrops-creative","creator":"David Aerne","creatorUrl":"https://tympanus.net/codrops/hub/author/david_aerne","category":"Spatial experiences","styleTags":["3d","color","svg"],"why":"Original spatial experiences reference published in the Codrops Creative Hub; inspect the image and original demo for its visual approach.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://codepen.io/meodai/full/PwZpjMW","codeUrl":"https://codepen.io/meodai/full/PwZpjMW","repository":"","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Contact-sheet preview reviewed with Sonnet 5.5 Medium; original publisher links traced; not runtime-tested","selectionType":"Preview-reviewed design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/10/Screenshot-2025-10-20-at-07.11.44-768x577.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Oct 7, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:23:38.056369+00:00","preview":"media/references/codrops--rybitten-svg-color-sphere.png","previewWidth":768,"previewHeight":577,"previewSha256":"9823a8daf3f59d840c0d6893e410325de128a758fd1085e7ef1e87aaf86a1c62","previewAnimated":false},{"id":"21st--waleedkibhen--saa-s-template","name":"SaaS Template","collection":"21st-community","creator":"vvisedev Crafts","category":"Cards & layouts","why":"Original cards & layouts reference from vvisedev Crafts.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@waleedkibhen/components/saa-s-template","codeUrl":"https://21st.dev/@waleedkibhen/components/saa-s-template","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Featured by publisher; creator preview indexed; not runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community featured catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/waleedkibhen/saa-s-template/default/preview.1760472833620.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"waleedkibhen","sourceCategory":"featured","creatorPublicationUrl":"https://21st.dev/@waleedkibhen/components/saa-s-template","preview":"media/references/21st--waleedkibhen--saa-s-template.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"a1196b765eecf313b77a62404c2410ce87393d3b200138d75a363512e43f93e4","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@waleedkibhen/components/saa-s-template"},{"id":"codrops--sandboard","name":"Sandboard","collection":"codrops-creative","creator":"Scott Sun","creatorUrl":"https://tympanus.net/codrops/hub/author/scott_sun","category":"Spatial experiences","styleTags":["simulation","webgpu"],"why":"Original spatial experiences reference published in the Codrops Creative Hub; inspect the image and original demo for its visual approach.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://sand.scottsun.io/","codeUrl":"https://github.com/scottstts/Sandboard","repository":"https://github.com/scottstts/Sandboard","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Contact-sheet preview reviewed with Sonnet 5.5 Medium; original publisher links traced; not runtime-tested","selectionType":"Preview-reviewed design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/10/sand_cover-768x576.jpg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Sep 19, 2026","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:23:38.056369+00:00","preview":"media/references/codrops--sandboard.jpg","previewWidth":768,"previewHeight":576,"previewSha256":"b5cfd60bd68a7af62372e658b7f078b7e0553d13b2dc635e3305ae2862d7adbc","previewAnimated":false},{"id":"21st--bklitai--sankey-chart","name":"Sankey Diagram","collection":"21st-community","creator":"bklitai","category":"Dashboards & data","why":"Original dashboards & data reference from bklitai.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@bklitai/components/sankey-chart","codeUrl":"https://21st.dev/@bklitai/components/sankey-chart","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community data-visualization catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/bklitai/sankey-chart/default/preview.1790091990765.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"bklitai","sourceCategory":"data-visualization","creatorPublicationUrl":"https://21st.dev/@bklitai/components/sankey-chart","preview":"media/references/21st--bklitai--sankey-chart.jpg","previewWidth":960,"previewHeight":785,"previewSha256":"2f562ac0199397d0148045021d43eb56ad5cc6e34cf858b8dcb6411d7332c7a7","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@bklitai/components/sankey-chart"},{"id":"webzibition--santioni-spirits","name":"Santioni Spirits","collection":"webzibition","creator":"Santioni Spirits · original site","creatorAttribution":"Site identity from the publisher listing; individual design author not independently verified","category":"Full websites & portfolios","why":"Ornate serif 'THE NOOTTURNO EXPERIENCE' in cream on a wavy dark texture; luxury drinks-brand tone.","useFor":"Study the original website’s composition and presentation; code availability is unverified.","website":"https://santionispirits.com/","codeUrl":"","repository":"","sourceFiles":[],"commit":"","access":"Design reference · public source not traced","license":"Website and preview rights belong to their respective owners; no source or reuse license verified","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited; original website returned HTTP200; screenshot may predate the current live design","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"Codrops Webzibition → original website","added":"2026-10-20","preview":"media/references/webzibition--santioni-spirits.webp","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/07/Santioni-Spirits-1200x649.jpg.webp?x67708","previewType":"Codrops publisher screenshot of the linked original website; not a fresh live capture","previewWidth":1200,"previewHeight":649,"previewSha256":"a22915c9caf93382465f800edbd86ca9168146187071117e023de4db3ebead6e","previewAnimated":false,"publisherIndex":"https://tympanus.net/codrops/webzibition/","publisherRecord":"post-117311","pageTitle":"Santioni Spirits | Cocktails to Indulge Now, Atone Later","pageCheckedAt":"2026-10-20T05:54:32.868906+00:00","pageAvailability":"HTTP200; same-domain original website","retrievedAt":"2026-10-20T05:54:32.868906+00:00"},{"id":"codrops--satisfying-curly-cursor","name":"Satisfying curly cursor","collection":"codrops-creative","creator":"Ksenia Kondrashova","creatorUrl":"https://tympanus.net/codrops/hub/author/ksenia","category":"Creative controls & effects","styleTags":["canvas","cursor"],"why":"A heavy black stroke curls into a loop with a thin tether line back to the pointer, so the cursor reads as a physical pen on a plain white field.","useFor":"Study the original image and linked creator source; respect its license and access terms.","website":"https://codepen.io/ksenia-k/full/rNoBgbV","codeUrl":"https://codepen.io/ksenia-k/pen/rNoBgbV","repository":"","sourceFiles":[],"commit":"","access":"Original CodePen code linked · access unverified (403 response); source not archived","license":"Original creator terms not verified; do not infer a reuse license from a public preview.","review":"Sonnet 5.5 Medium static visual review and researcher source/provenance checks; not runtime, accessibility or full dependency-license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"Original input and spatial creator trails · input-spatial review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/06/Screenshot-2025-06-01-at-06.58.18.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Aug 17, 2023","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T08:26:33.379151+00:00","preview":"media/references/codrops--satisfying-curly-cursor.png","previewWidth":1600,"previewHeight":1202,"previewSha256":"7a8560bcd7dabe134c93c7078716aaafc06a1155030986134acbb12a99083804","previewAnimated":false,"sourcePageCheck":{"status":403,"resolvedUrl":"https://codepen.io/ksenia-k/pen/rNoBgbV","checkedAt":"2026-10-20T08:29:12.466605+00:00"}},{"id":"aceternity--scales","name":"Scales","collection":"aceternity","creator":"Aceternity UI · Manu Arora","category":"Cards & layouts","why":"Original cards & layouts reference from Aceternity UI · Manu Arora.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://ui.aceternity.com/components/scales","codeUrl":"https://ui.aceternity.com/components/scales","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Reddit library leads → original Aceternity component catalog","added":"2026-10-20","previewSource":"https://assets.aceternity.com/components/scales.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","preview":"media/references/aceternity--scales.webp","previewWidth":1142,"previewHeight":1056,"previewSha256":"57716cf4d4ea181d2b9f7630ae2c64ccb56f0d021477eea7a7fafa5ce6aed2ce","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"21st--olewandowski1--error-5","name":"Scheduled Maintenance Page","collection":"21st-community","creator":"Oliver","category":"Feedback & states","why":"Original feedback & states reference from Oliver.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@olewandowski1/components/error-5","codeUrl":"https://21st.dev/@olewandowski1/components/error-5","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community empty-state catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_registry_7ovr_1782691739820/error-5/default/preview.1790093492324.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"olewandowski1","sourceCategory":"empty-state","creatorPublicationUrl":"https://21st.dev/@olewandowski1/components/error-5","preview":"media/references/21st--olewandowski1--error-5.png","previewWidth":960,"previewHeight":746,"previewSha256":"e5b2ae941a7a76c03217e261be784e2487ba533d71342ebc26e653f5732b6adf","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@olewandowski1/components/error-5"},{"id":"ai-elements--schema-display","name":"Schema Display","collection":"ai-elements","creator":"Vercel · AI Elements","category":"Artifacts & evidence","why":"API endpoint spec with a blue POST badge and path, collapsible Parameters and Request Body sections, and type/required/path/query pill tags with nested fields.","useFor":"Inspect the original creator demo and implementation before adoption.","website":"https://elements.ai-sdk.dev/components/schema-display","codeUrl":"https://github.com/vercel/ai-elements/blob/ca8be600bfd01b3131f9bf6134b51602a71f4374/packages/elements/src/schema-display.tsx","repository":"https://github.com/vercel/ai-elements","sourceFiles":["sources/ai-elements/code/packages/elements/src/schema-display.tsx","sources/ai-elements/code/packages/examples/src/schema-display.tsx"],"commit":"ca8be600bfd01b3131f9bf6134b51602a71f4374","access":"Source saved","license":"Apache-2.0 (original repository license notice preserved)","review":"Sonnet-assisted static visual review; original demo captured; not runtime/accessibility audited","selectionType":"Visually reviewed original component","favorite":false,"discovered":"Category gap research → official creator documentation","added":"2026-10-20","preview":"media/references/ai-elements--schema-display.jpg","previewSource":"https://elements.ai-sdk.dev/components/schema-display","previewType":"Static capture of the published demo; source snapshot pinned separately","previewWidth":693,"previewHeight":591,"previewSha256":"de7065eb61ba25f894509c168018a43337f60a71a6e39610ecf09a4e62e45f7c","previewAnimated":false,"rawCapture":"evidence/elements-schema-display-full.jpg","captureBounds":{"left":289,"top":157,"right":982,"bottom":748},"emptyPaddingCrop":null,"retrievedAt":"2026-10-20T06:40:03.546448+00:00"},{"id":"codrops--scroll-king","name":"Scroll King","collection":"codrops-creative","creator":"Ben Evans","creatorUrl":"https://tympanus.net/codrops/hub/author/ben_evans","category":"Spatial & motion","styleTags":["3D","CSS Only","scroll"],"why":"Tilted 3D playing card with crisp print detail on crimson gradient","useFor":"Study the original design and its linked implementation before adoption.","website":"https://codepen.io/ivorjetski/full/VwOraXv","codeUrl":"https://codepen.io/ivorjetski/pen/VwOraXv","repository":"","sourceFiles":[],"commit":"","access":"Creator code linked · access unverified (source response recorded)","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview selection; creator/demo/source links traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub · October 20 creator-depth review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/01/Screenshot-2025-01-07-at-11.46.59.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Jun 13, 2024","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T07:38:51.455636+00:00","preview":"media/references/codrops--scroll-king.png","previewWidth":1600,"previewHeight":1202,"previewSha256":"07204ea4ef26fd3294c353fe51ea62e6c6e26b61e3ccfe42333c90cce39d7f0d","previewAnimated":false,"sourcePageCheck":{"status":403,"resolvedUrl":"https://codepen.io/ivorjetski/pen/VwOraXv","checkedAt":"2026-10-20T07:40:31.772862+00:00"}},{"id":"codrops--scroll-based-svg-filter-animations-on-text","name":"Scroll-based SVG Filter Animations on Text","collection":"codrops-creative","creator":"Manoela Ilic","creatorUrl":"https://tympanus.net/codrops/hub/author/crnacura","category":"Typography & effects","styleTags":["distortion","filter","GSAP","scroll","svg","typography"],"why":"Eroded pixel-filter display type DREAMS over layered pink portrait cutouts","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Development/OnScrollSVGFilterText","codeUrl":"https://github.com/codrops/OnScrollSVGFilterText/","repository":"https://github.com/codrops/OnScrollSVGFilterText/","sourceFiles":[],"commit":"","access":"Creator code page linked · HTTP 200; license/reuse terms not audited","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview selection; creator/demo/source links traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub · October 20 creator-depth review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2024/08/svgfilter_text.jpg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Aug 22, 2024","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T07:38:51.455636+00:00","preview":"media/references/codrops--scroll-based-svg-filter-animations-on-text.jpg","previewWidth":800,"previewHeight":600,"previewSha256":"4fc9aef117e7657d205bd0a19782726d321f35841b5b3847cc6ac3007a0f4106","previewAnimated":false,"sourcePageCheck":{"status":200,"resolvedUrl":"https://github.com/codrops/OnScrollSVGFilterText/","checkedAt":"2026-10-20T07:40:37.413556+00:00"}},{"id":"codrops--scroll-driven-3d-cube-gallery-in-webflow-with-gsap","name":"Scroll-Driven 3D Cube Gallery in Webflow with GSAP","collection":"codrops-creative","creator":"Francesco Castronuovo","creatorUrl":"https://tympanus.net/codrops/hub/author/francescocastronuovo","category":"Galleries & transitions","styleTags":["3d","cube","gsap","scroll","webflow"],"why":"Original galleries & transitions reference published in the Codrops Creative Hub; inspect the image and original demo for its visual approach.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://gsap-cubic-scrollable-image-gallery.webflow.io/","codeUrl":"","repository":"","sourceFiles":[],"commit":"","access":"Demo reference · no public code linked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Contact-sheet preview reviewed with Sonnet 5.5 Medium; original publisher links traced; not runtime-tested","selectionType":"Preview-reviewed design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/05/Webflow_GSAP_Cube-768x576.webp","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"May 26, 2026","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:23:38.056369+00:00","preview":"media/references/codrops--scroll-driven-3d-cube-gallery-in-webflow-with-gsap.webp","previewWidth":768,"previewHeight":576,"previewSha256":"ff0bc3f1747010bbdca0959f8aece2779bbf9fe9527910bed24b4cb3b27f6f77","previewAnimated":false},{"id":"codrops--scroll-driven-3d-gallery-along-blender-path-with-three-js-and-gsap","name":"Scroll-Driven 3D Gallery Along Blender Path with Three.js and GSAP","collection":"codrops-creative","creator":"Gaspard Hedde","creatorUrl":"https://tympanus.net/codrops/hub/author/gaspardhedde","category":"Galleries & transitions","styleTags":["gsap","scroll","three.js","webgl"],"why":"Original galleries & transitions reference published in the Codrops Creative Hub; inspect the image and original demo for its visual approach.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Tutorials/CurveGallery/","codeUrl":"https://github.com/gaspoorf/curve-gallery","repository":"https://github.com/gaspoorf/curve-gallery","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Contact-sheet preview reviewed with Sonnet 5.5 Medium; original publisher links traced; not runtime-tested","selectionType":"Preview-reviewed design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/07/curvegallery_cover-768x576.png.webp","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Jul 7, 2026","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:23:38.056369+00:00","preview":"media/references/codrops--scroll-driven-3d-gallery-along-blender-path-with-three-js-and-gsap.webp","previewWidth":768,"previewHeight":576,"previewSha256":"ddcea7e0fc1af4cc52d55c5632bc88d84be7c6de163940ed38a3832283e7ade5","previewAnimated":false},{"id":"codrops--scroll-driven-3d-image-tube-with-r3f","name":"Scroll-Driven 3D Image Tube with R3F","collection":"codrops-creative","creator":"Matis Dené","creatorUrl":"https://tympanus.net/codrops/hub/author/matisdene","category":"Galleries & transitions","styleTags":["3d","infinite","react three fiber","scroll","three.js","webgl"],"why":"Original galleries & transitions reference published in the Codrops Creative Hub; inspect the image and original demo for its visual approach.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Tutorials/3DImageTubeR3F/","codeUrl":"https://github.com/matdn/helmet","repository":"https://github.com/matdn/helmet","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Contact-sheet preview reviewed with Sonnet 5.5 Medium; original publisher links traced; not runtime-tested","selectionType":"Preview-reviewed design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/02/3DTubeR3F-768x576.webp","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Feb 17, 2026","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:23:38.056369+00:00","preview":"media/references/codrops--scroll-driven-3d-image-tube-with-r3f.webp","previewWidth":768,"previewHeight":576,"previewSha256":"b9cdf5a6c347914a4b6eb1117dd866cb044c6957543dc85e91f4cd9b938006d5","previewAnimated":false},{"id":"codrops--scroll-driven-svg-graph-animation-with-gsap","name":"Scroll-Driven SVG Graph Animation with GSAP","collection":"codrops-creative","creator":"Tom Miller","creatorUrl":"https://tympanus.net/codrops/hub/author/creativeocean","category":"Galleries & transitions","styleTags":["gsap","scroll","svg"],"why":"Original galleries & transitions reference published in the Codrops Creative Hub; inspect the image and original demo for its visual approach.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Tutorials/ScrollGraph/","codeUrl":"","repository":"","sourceFiles":[],"commit":"","access":"Demo reference · no public code linked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Contact-sheet preview reviewed with Sonnet 5.5 Medium; original publisher links traced; not runtime-tested","selectionType":"Preview-reviewed design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/05/GraphAnimation-768x576.webp","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"May 21, 2026","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:23:38.056369+00:00","preview":"media/references/codrops--scroll-driven-svg-graph-animation-with-gsap.webp","previewWidth":768,"previewHeight":576,"previewSha256":"57a8d7b26b17403b8a2ea3a82722cf4d2d2e09896a3bccaa5e521bf9ceca4ebf","previewAnimated":false},{"id":"codrops--scroll-synced-image-slideshow-with-timed-cues-and-keyhole-effect","name":"Scroll-Synced Image Slideshow with Timed Cues and Keyhole Effect","collection":"codrops-creative","creator":"Luis Riancho","creatorUrl":"https://tympanus.net/codrops/hub/author/luis_riancho","category":"Galleries & transitions","styleTags":["gsap","scroll","slideshow"],"why":"Muted dark scene with centred 'Grid Bloom' caption inside a thin frame; moody slideshow with a minimal text overlay.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://codepen.io/luis-lessrain/full/vEOzMRX","codeUrl":"https://codepen.io/luis-lessrain/full/vEOzMRX","repository":"","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/10/Screenshot-2025-10-28-at-05.38.18-768x577.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Jun 19, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:54:42.821988+00:00","preview":"media/references/codrops--scroll-synced-image-slideshow-with-timed-cues-and-keyhole-effect.png","previewWidth":768,"previewHeight":577,"previewSha256":"755a9388ff48cc913689dc932f2bd81c3665b9a2113f2e8944f4a86da7facda7","previewAnimated":false},{"id":"codrops--scrollsynced-carousel","name":"ScrollSynced Carousel","collection":"codrops-creative","creator":"Luis Riancho","creatorUrl":"https://tympanus.net/codrops/hub/author/luis_riancho","category":"Galleries & transitions","styleTags":["carousel","gsap","scroll"],"why":"Plum-toned editorial cards with serif headline 'Fragments of a Digital Collapse' and small action buttons; moody story carousel.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://codepen.io/luis-lessrain/full/dPPOGaZ","codeUrl":"https://codepen.io/luis-lessrain/full/dPPOGaZ","repository":"","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/09/Screenshot-2025-09-07-at-07.24.45-768x577.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Apr 23, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:54:42.821988+00:00","preview":"media/references/codrops--scrollsynced-carousel.png","previewWidth":768,"previewHeight":577,"previewSha256":"61e78b5f2870b7224447d511cc6ce36c85492f22a4bdca845b329f1ab41fa328","previewAnimated":false},{"id":"codrops--scrolltrigger-gsap-section","name":"ScrollTrigger GSAP Section","collection":"codrops-creative","creator":"Moussa Mamadou","creatorUrl":"https://tympanus.net/codrops/hub/author/moussa_mamadou","category":"Galleries & transitions","styleTags":["clip-path","GSAP","scroll"],"why":"Oversized cropped headline letters straddling a split of two full-bleed photos, with small side copy.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://codepen.io/moussamamadou/full/WbNepNG","codeUrl":"https://codepen.io/moussamamadou/pen/WbNepNG","repository":"","sourceFiles":[],"commit":"","access":"Creator code linked · access unverified (source response recorded)","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview review; original demo/source attribution traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub · October 20 midday review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/09/Screenshot-2025-09-21-at-09.46.05.jpg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Feb 25, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T06:57:46.927245+00:00","preview":"media/references/codrops--scrolltrigger-gsap-section.jpg","previewWidth":1600,"previewHeight":1202,"previewSha256":"e09936b58587238e6b701ff6fe5d137f36b71861c7fc82cb46ebc9024ab5f25b","previewAnimated":false,"observedPage":6,"sourcePageCheck":{"status":403,"resolvedUrl":"https://codepen.io/moussamamadou/pen/WbNepNG","checkedAt":"2026-10-20T07:06:13.518858+00:00"}},{"id":"codrops--scrubbed-bento-gallery","name":"Scrubbed Bento Gallery","collection":"codrops-creative","creator":"GSAP","creatorUrl":"https://tympanus.net/codrops/hub/author/gsap","category":"Cards & layouts","styleTags":["GSAP","scroll"],"why":"Dense bento of colorful 3D and photo tiles around a scalloped hero","useFor":"Study the original design and its linked implementation before adoption.","website":"https://codepen.io/GreenSock/full/vYMzKZx","codeUrl":"https://codepen.io/GreenSock/pen/vYMzKZx","repository":"","sourceFiles":[],"commit":"","access":"Creator code linked · access unverified (source response recorded)","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview selection; creator/demo/source links traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub · October 20 creator-depth review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/12/Screenshot-2025-12-14-at-17.59.59.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Apr 16, 2024","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T07:38:51.455636+00:00","preview":"media/references/codrops--scrubbed-bento-gallery.png","previewWidth":1600,"previewHeight":1202,"previewSha256":"ebe38e3cb1a82aedc1c38298d6b964015bda24db98b510a52aee6ed9f6ab978f","previewAnimated":false,"sourcePageCheck":{"status":403,"resolvedUrl":"https://codepen.io/GreenSock/pen/vYMzKZx","checkedAt":"2026-10-20T07:40:30.310207+00:00"}},{"id":"21st--jolbol1--searchfield","name":"Search Field [react-aria-components]","collection":"21st-community","creator":"James Shopland","category":"Navigation & search","why":"Original navigation & search reference from James Shopland.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@jolbol1/components/searchfield","codeUrl":"https://21st.dev/@jolbol1/components/searchfield","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community search catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_jolbol1/searchfield/default/preview.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"jolbol1","sourceCategory":"search","creatorPublicationUrl":"https://21st.dev/@jolbol1/components/searchfield","preview":"media/references/21st--jolbol1--searchfield.png","previewWidth":618,"previewHeight":508,"previewSha256":"a6924dfa2aad41d7c500968235728b83f2dfae129eea9a392c29cdb41519a2c8","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@jolbol1/components/searchfield"},{"id":"21st--serafimcloud--search-tool","name":"Search Tool","collection":"21st-community","creator":"Serafim","category":"Conversation craft","why":"Original conversation craft reference from Serafim.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@serafimcloud/components/search-tool/pending-search","codeUrl":"https://21st.dev/@serafimcloud/components/search-tool/pending-search","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community ai-chat catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_2nElBLvklOKlAURm6W1PTu6yYFh/search-tool/pending-search/preview.1786067024752.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:51:40.290057+00:00","creatorHandle":"serafimcloud","sourceCategory":"ai-chat","creatorPublicationUrl":"https://21st.dev/@serafimcloud/components/search-tool/pending-search","canonicalComponentUrl":"https://21st.dev/@serafimcloud/components/search-tool","preview":"media/references/21st--serafimcloud--search-tool.png","previewWidth":700,"previewHeight":558,"previewSha256":"dfdd72ce7756b301dbb323ac3731a7f20be73274bc039e351b4489765dfa1400","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:51:40.290057+00:00"},{"id":"21st--ruixen.ui--search-with-category","name":"Search With Category","collection":"21st-community","creator":"Ruixen","category":"Navigation & search","why":"Original navigation & search reference from Ruixen.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@ruixen.ui/components/search-with-category","codeUrl":"https://21st.dev/@ruixen.ui/components/search-with-category","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community search catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_2y5Wd5l713ZIFYjX19aZXSyXd6b/search-with-category/default/preview.1789982979291.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"ruixen.ui","sourceCategory":"search","creatorPublicationUrl":"https://21st.dev/@ruixen.ui/components/search-with-category","preview":"media/references/21st--ruixen.ui--search-with-category.jpg","previewWidth":960,"previewHeight":626,"previewSha256":"184320853208f19ce490ebcf9c2cf476fb5ce36f59dbf844e06081ecb91329f0","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@ruixen.ui/components/search-with-category"},{"id":"21st--shadcnspace--stepper-04","name":"Segmented Progress Pill Stepper","collection":"21st-community","creator":"ShadcnSpace","category":"Thinking & progress","why":"Original thinking & progress reference from ShadcnSpace.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@shadcnspace/components/stepper-04","codeUrl":"https://21st.dev/@shadcnspace/components/stepper-04","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community onboarding catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/shadcnspace/stepper-04/default/preview.1789987281137-176cce06-450d-411f-a171-e6eb2e390b48.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"shadcnspace","sourceCategory":"onboarding","creatorPublicationUrl":"https://21st.dev/@shadcnspace/components/stepper-04","preview":"media/references/21st--shadcnspace--stepper-04.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"dbb3b39859d014a3093e9817ee14dd4b46ddd3250ed1d02d462539aa76165130","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@shadcnspace/components/stepper-04"},{"id":"21st--anubra266--select-1","name":"Select","collection":"21st-community","creator":"Abraham","category":"Forms & controls","why":"Original forms & controls reference from Abraham.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@anubra266/components/select-1/category-filter","codeUrl":"https://21st.dev/@anubra266/components/select-1/category-filter","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community form catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/larsen66/select-1/category-filter/preview.1756191967727.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"anubra266","sourceCategory":"form","creatorPublicationUrl":"https://21st.dev/@anubra266/components/select-1/category-filter","preview":"media/references/21st--anubra266--select-1.png","previewWidth":960,"previewHeight":678,"previewSha256":"279722a8ea08320b3364e250ee7965de3d85663e5cc0bf62dbb251b54cb9a4ef","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@anubra266/components/select-1"},{"id":"beui-native--select","name":"Select · Native","collection":"beui-native","category":"React Native","why":"A panel that unfolds out of its trigger.","useFor":"Original React Native component from the creator’s public library. Image reference with original demo and source links.","sourceFiles":["sources/beui-native/code/src/components/select/index.ts","sources/beui-native/code/src/components/select/select.tsx"],"website":"https://beui.dev/react-native/select","repository":"https://github.com/starc007/beui-native","commit":"","license":"MIT","access":"Source saved","review":"Official creator catalog · not individually runtime-tested","favorite":false,"discovered":"Original creator library, linked from beUI","added":"2026-10-20","preview":"media/beui-native--select.jpg","previewSource":"https://media.beui.dev/clips/select-light.6ffd368149.jpg","previewType":"Creator’s original React Native recording poster","platform":"React Native","selectionType":"Creator library expansion","previewWidth":600,"previewHeight":1304,"previewAnimated":false,"previewVideo":"media/recordings/beui-native--select.mp4","videoSource":"https://media.beui.dev/clips/select-light.6ffd368149.mp4","videoType":"Unmodified original creator recording","videoMetadata":{"width":600,"height":1304,"duration":6.066667},"videoSha256":"6ffd368149f48ee6a9b88ee100e070f4e95fab5f1bf4f4c90767ff37a04902c8","previewVideoSource":"https://media.beui.dev/clips/select-light.6ffd368149.mp4"},{"id":"21st--cnippet-dev--settings-sidebar-accordion","name":"Settings Sidebar Accordion","collection":"21st-community","creator":"Cnippet","category":"Navigation & search","why":"Original navigation & search reference from Cnippet.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@cnippet-dev/components/settings-sidebar-accordion","codeUrl":"https://21st.dev/@cnippet-dev/components/settings-sidebar-accordion","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community sidebar catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_36Tbt0v8JdD4jEycmBFhR8tojnR/settings-sidebar-accordion/default/preview.1787156612264.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"cnippet-dev","sourceCategory":"sidebar","creatorPublicationUrl":"https://21st.dev/@cnippet-dev/components/settings-sidebar-accordion","preview":"media/references/21st--cnippet-dev--settings-sidebar-accordion.jpg","previewWidth":764,"previewHeight":632,"previewSha256":"e2ecea4d1e1a221f042e443872591044bef5feedc8d33555c52e04348554cfd1","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@cnippet-dev/components/settings-sidebar-accordion"},{"id":"21st--felipemenezes098--settings-2","name":"Settings Sidebar Layout","collection":"21st-community","creator":"felipemenezes098","category":"Navigation & search","why":"Original navigation & search reference from felipemenezes098.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@felipemenezes098/components/settings-2","codeUrl":"https://21st.dev/@felipemenezes098/components/settings-2","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community sidebar catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/felipemenezes098/settings-2/default/preview.1789971527030-4019c188-bab1-46e6-a5ef-6c6f9c23724c.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"felipemenezes098","sourceCategory":"sidebar","creatorPublicationUrl":"https://21st.dev/@felipemenezes098/components/settings-2","preview":"media/references/21st--felipemenezes098--settings-2.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"6453ee7c5e2d8bc96a21abb86c82abf18c4450a273bb1f07aab6b1a261f3b588","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@felipemenezes098/components/settings-2"},{"id":"cult-ui--shadow-card","name":"Shadow card","collection":"cult-ui","creator":"Cult UI · nolly studio","category":"Cards & layouts","why":"Original cards & layouts reference from Cult UI · nolly studio.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://www.cult-ui.com/docs/components/shadow-card","codeUrl":"https://github.com/nolly-studio/cult-ui/blob/7f031dc812f7bda10213bab62752dd6d080297ff/apps/www/registry/default/ui/shadow-card.tsx","repository":"https://github.com/nolly-studio/cult-ui","sourceFiles":["sources/cult-ui/code/apps/www/registry/default/ui/shadow-card.tsx","sources/cult-ui/code/apps/www/registry/default/example/shadow-card-demo.tsx","sources/cult-ui/code/apps/www/content/docs/components/shadow-card.mdx"],"commit":"7f031dc812f7bda10213bab62752dd6d080297ff","access":"Source saved","license":"MIT (original LICENSE.md preserved; Copyright 2023 Jordan-Gilliam)","review":"Exact component, demo and documentation matched in creator repository; source byte-verified; not runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Original Cult UI library linked by community research","added":"2026-10-20","previewSource":"https://www.cult-ui.com/_next/image?url=%2Fcult-pro-component-images%2Fshadow-card-demo-light.png&w=1080&q=75","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","preview":"media/references/cult-ui--shadow-card.png","previewWidth":1080,"previewHeight":675,"previewSha256":"035e5e26cbeb0323ba731758ff3b672b28a8a8ff4571950a2841ef61db69de70","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","sourceVerifiedAt":"2026-10-20T05:12:02.451212+00:00","sourceVerificationUrl":"https://www.cult-ui.com/docs/components/shadow-card"},{"id":"codrops--shape-lens-blur-effect-with-sdfs-and-webgl","name":"Shape Lens Blur Effect with SDFs and WebGL","collection":"codrops-creative","creator":"Guillaume Lanier","creatorUrl":"https://tympanus.net/codrops/hub/author/giom","category":"Shaders & materials","styleTags":["Three.js","WebGL"],"why":"Rounded-square SDF lens with sharp rim and smeared white falloff","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Tutorials/SDFLensBlur/","codeUrl":"https://github.com/guilanier/codrops-sdf-lensblur","repository":"https://github.com/guilanier/codrops-sdf-lensblur","sourceFiles":[],"commit":"","access":"Creator code page linked · HTTP 200; license/reuse terms not audited","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview selection; creator/demo/source links traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub · October 20 creator-depth review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2024/06/sdfblur.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Jun 12, 2024","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T07:38:51.455636+00:00","preview":"media/references/codrops--shape-lens-blur-effect-with-sdfs-and-webgl.png","previewWidth":800,"previewHeight":600,"previewSha256":"e59f797f9621ccd409b1480b6298dbddac37cfecc065bcbf576fa3e6c5fc0414","previewAnimated":false,"observedOriginalDemoUrl":"http://tympanus.net/Tutorials/SDFLensBlur/","redirectVerification":"Observed HTTP demo link followed to HTTPS in normal Chrome navigation.","sourcePageCheck":{"status":200,"resolvedUrl":"https://github.com/guilanier/codrops-sdf-lensblur","checkedAt":"2026-10-20T07:40:40.653515+00:00"}},{"id":"21st--dillionverma--shine-border","name":"Shine Border","collection":"21st-community","creator":"Dillion Verma","category":"Cards & layouts","why":"Original cards & layouts reference from Dillion Verma.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@dillionverma/components/shine-border","codeUrl":"https://21st.dev/@dillionverma/components/shine-border","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community card catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_magicui/shine-border/824/preview.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"dillionverma","sourceCategory":"card","creatorPublicationUrl":"https://21st.dev/@dillionverma/components/shine-border","preview":"media/references/21st--dillionverma--shine-border.png","previewWidth":960,"previewHeight":732,"previewSha256":"9610fa5ddb165839a7dc819d544f0f0e22c18a2c5d964c6458012ec76df7074c","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@dillionverma/components/shine-border"},{"id":"21st--wensity--sidebar","name":"Sidebar","collection":"21st-community","creator":"Wensity Labs","category":"Cards & layouts","why":"Original cards & layouts reference from Wensity Labs.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@wensity/components/sidebar","codeUrl":"https://21st.dev/@wensity/components/sidebar","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Featured by publisher; creator preview indexed; not runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community featured catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/wensity/sidebar/default/preview.1790303578745-d63aca4c-6635-4c7d-b8e4-4fa0a2538765.jpg","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"wensity","sourceCategory":"featured","creatorPublicationUrl":"https://21st.dev/@wensity/components/sidebar","preview":"media/references/21st--wensity--sidebar.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"280c9181f1083b144c1ae625427aebc5854ae524a37b98246b30221ee1f1438a","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@wensity/components/sidebar"},{"id":"21st--andrewlu0--sidebar","name":"Sidebar","collection":"21st-community","creator":"Andrew Luo","category":"Navigation & search","why":"Original navigation & search reference from Andrew Luo.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@andrewlu0/components/sidebar/sidebar-demo","codeUrl":"https://21st.dev/@andrewlu0/components/sidebar/sidebar-demo","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community sidebar catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_2sUpDx8JMTC3m5cKaN6Z3Uhc8Q4/sidebar/default/preview.1740068916305.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"andrewlu0","sourceCategory":"sidebar","creatorPublicationUrl":"https://21st.dev/@andrewlu0/components/sidebar/sidebar-demo","preview":"media/references/21st--andrewlu0--sidebar.png","previewWidth":960,"previewHeight":775,"previewSha256":"b302acf8d45a2691cd1d838650653241e5573167bd9b98c67f29064f01d16dfc","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@andrewlu0/components/sidebar"},{"id":"21st--uniquesonu--sidebar","name":"Sidebar","collection":"21st-community","creator":"Sonu kumar","category":"Navigation & search","why":"Original navigation & search reference from Sonu kumar.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@uniquesonu/components/sidebar","codeUrl":"https://21st.dev/@uniquesonu/components/sidebar","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community sidebar catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/uniquesonu/sidebar/default/preview.1785194012970-da6feec3-bae3-4bab-ae78-5a8d61a40c11.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"uniquesonu","sourceCategory":"sidebar","creatorPublicationUrl":"https://21st.dev/@uniquesonu/components/sidebar","preview":"media/references/21st--uniquesonu--sidebar.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"5e57bd6d3cdee72e5fed0ac3d35c703e01205caf5a13857c8606ffbe3c94b04d","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@uniquesonu/components/sidebar"},{"id":"21st--shadcn--sidebar","name":"Sidebar","collection":"21st-community","creator":"shadcn","category":"Dashboards & data","why":"Original dashboards & data reference from shadcn.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@shadcn/components/sidebar","codeUrl":"https://21st.dev/@shadcn/components/sidebar","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community dashboard catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_shadcn/sidebar/default/preview.png?v=1","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"shadcn","sourceCategory":"dashboard","creatorPublicationUrl":"https://21st.dev/@shadcn/components/sidebar","preview":"media/references/21st--shadcn--sidebar.png","previewWidth":960,"previewHeight":812,"previewSha256":"88830da89e38a2f732c774c949787b4814ad5c6e4c634c7a52de450c88600c34","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@shadcn/components/sidebar"},{"id":"21st--uiable--uiable-sidebar-1","name":"Sidebar 1","collection":"21st-community","creator":"uiable","category":"Navigation & search","why":"Original navigation & search reference from uiable.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@uiable/components/uiable-sidebar-1","codeUrl":"https://21st.dev/@uiable/components/uiable-sidebar-1","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community sidebar catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/uiable/uiable-sidebar-1/default/preview.1783730726986.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"uiable","sourceCategory":"sidebar","creatorPublicationUrl":"https://21st.dev/@uiable/components/uiable-sidebar-1","preview":"media/references/21st--uiable--uiable-sidebar-1.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"81c2e7249d977e3a1bf4c6dbc29463cd1e9e3e7651dc64177e3e9233d249a887","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@uiable/components/uiable-sidebar-1"},{"id":"21st--inference-sh--sidebar-light","name":"Sidebar Light","collection":"21st-community","creator":"inference-sh","category":"Navigation & search","why":"Original navigation & search reference from inference-sh.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@inference-sh/components/sidebar-light","codeUrl":"https://21st.dev/@inference-sh/components/sidebar-light","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community sidebar catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/inference-sh/sidebar-light/default/preview.1783729093009.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"inference-sh","sourceCategory":"sidebar","creatorPublicationUrl":"https://21st.dev/@inference-sh/components/sidebar-light","preview":"media/references/21st--inference-sh--sidebar-light.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"9c7e122d1ddabdec3a127bc75d091b39ae64856184aee9fa443fd7b66c1589f2","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@inference-sh/components/sidebar-light"},{"id":"21st--uiable--sidebar-5","name":"Sidebar with Search and Profile","collection":"21st-community","creator":"uiable","category":"Navigation & search","why":"Original navigation & search reference from uiable.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@uiable/components/sidebar-5","codeUrl":"https://21st.dev/@uiable/components/sidebar-5","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community sidebar catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/uiable/sidebar-5/default/preview.1789980815670-87ed3eb9-2efb-43b7-9754-3d5237752e44.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"uiable","sourceCategory":"sidebar","creatorPublicationUrl":"https://21st.dev/@uiable/components/sidebar-5","preview":"media/references/21st--uiable--sidebar-5.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"f61e4ad737c21f0c102dc7a00a7e66c36e7b1f9a18362bfb232b4d0c3431efc0","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@uiable/components/sidebar-5"},{"id":"21st--preetsuthar17--sign-up-block","name":"Sign Up BLock","collection":"21st-community","creator":"Preet Suthar","category":"Forms & controls","why":"Original forms & controls reference from Preet Suthar.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@preetsuthar17/components/sign-up-block","codeUrl":"https://21st.dev/@preetsuthar17/components/sign-up-block","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community input catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_2rWolCuRnJW3DRiuQ5JHrl5kj8a/sign-up-block/default/preview.1786649136897.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"preetsuthar17","sourceCategory":"input","creatorPublicationUrl":"https://21st.dev/@preetsuthar17/components/sign-up-block","preview":"media/references/21st--preetsuthar17--sign-up-block.png","previewWidth":960,"previewHeight":790,"previewSha256":"cfecbf73efcb21058a560f022787faa707d13bd297ff885fdfe6ed461a8c16da","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@preetsuthar17/components/sign-up-block"},{"id":"webzibition--signal-a","name":"Signal-A","collection":"webzibition","creator":"Signal-A · original site","creatorAttribution":"Site identity from the publisher listing; individual design author not independently verified","category":"Editorial & typography","why":"Mixed serif and bold sans uppercase paragraph at huge scale on white with small mono meta text; type-only hero.","useFor":"Study the original website’s composition and presentation; code availability is unverified.","website":"https://signal-a.studio/","codeUrl":"","repository":"","sourceFiles":[],"commit":"","access":"Design reference · public source not traced","license":"Website and preview rights belong to their respective owners; no source or reuse license verified","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited; original website returned HTTP200; screenshot may predate the current live design","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"Codrops Webzibition → original website","added":"2026-10-20","preview":"media/references/webzibition--signal-a.webp","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/09/signal-a-1200x649.png.webp?x67708","previewType":"Codrops publisher screenshot of the linked original website; not a fresh live capture","previewWidth":1200,"previewHeight":649,"previewSha256":"3ea05a99d9c6d92a90cc84c41fef3c5064b8ca6bbb03a34434fd2cdf13eadb21","previewAnimated":false,"publisherIndex":"https://tympanus.net/codrops/webzibition/","publisherRecord":"post-120480","pageTitle":"Signal-A Studio • Award–Winning Web Design & Product Design Studio","pageCheckedAt":"2026-10-20T05:54:32.868906+00:00","pageAvailability":"HTTP200; same-domain original website","retrievedAt":"2026-10-20T05:54:32.868906+00:00"},{"id":"21st--bhomikproductivitylab--sign-in-page","name":"SignInPage","collection":"21st-community","creator":"Bhomik","category":"Forms & controls","why":"Original forms & controls reference from Bhomik.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@bhomikproductivitylab/components/sign-in-page","codeUrl":"https://21st.dev/@bhomikproductivitylab/components/sign-in-page","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community form catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_323ftjMSfwD7ApwHiRpKhYqnkW3/sign-in-page/default/preview.1786466195126.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"bhomikproductivitylab","sourceCategory":"form","creatorPublicationUrl":"https://21st.dev/@bhomikproductivitylab/components/sign-in-page","preview":"media/references/21st--bhomikproductivitylab--sign-in-page.png","previewWidth":884,"previewHeight":634,"previewSha256":"5a705b6a81a9d339e83c5f0ae6f158642a8b7adef85f36a6283a4af8e53b9db2","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@bhomikproductivitylab/components/sign-in-page"},{"id":"21st--bhomikproductivitylab--sign-up-page","name":"SignUpPage","collection":"21st-community","creator":"Bhomik","category":"Forms & controls","why":"Original forms & controls reference from Bhomik.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@bhomikproductivitylab/components/sign-up-page","codeUrl":"https://21st.dev/@bhomikproductivitylab/components/sign-up-page","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community form catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/bhomikproductivitylab/sign-up-page/default/preview.1759132242612.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"bhomikproductivitylab","sourceCategory":"form","creatorPublicationUrl":"https://21st.dev/@bhomikproductivitylab/components/sign-up-page","preview":"media/references/21st--bhomikproductivitylab--sign-up-page.png","previewWidth":960,"previewHeight":642,"previewSha256":"4f241bb2e0abb49efad30c368e3b7f42f3b70f0c883850cf7a8ec4fc73990bfa","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@bhomikproductivitylab/components/sign-up-page"},{"id":"21st--xubohuah--simple-growth-tree","name":"Simple Growth Tree","collection":"21st-community","creator":"Kain Xu","category":"Navigation & search","why":"Original navigation & search reference from Kain Xu.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@xubohuah/components/simple-growth-tree","codeUrl":"https://21st.dev/@xubohuah/components/simple-growth-tree","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community file-tree catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/xubohuah/simple-growth-tree/default/preview.1752920993094.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"xubohuah","sourceCategory":"file-tree","creatorPublicationUrl":"https://21st.dev/@xubohuah/components/simple-growth-tree","preview":"media/references/21st--xubohuah--simple-growth-tree.png","previewWidth":960,"previewHeight":735,"previewSha256":"05e443d6ffa0eb4c1ca9186545fa0691a16994c4d868b32ad402b68da756e1cb","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@xubohuah/components/simple-growth-tree"},{"id":"codrops--simple-three-js-matcap-demo","name":"Simple Three.js matcap demo","collection":"codrops-creative","creator":"Ksenia Kondrashova","creatorUrl":"https://tympanus.net/codrops/hub/author/ksenia","category":"Shaders & materials","styleTags":["Three.js","WebGL"],"why":"Translucent glossy mesh with a row of matcap swatches as the material picker","useFor":"Study the original design and its linked implementation before adoption.","website":"https://codepen.io/ksenia-k/full/ExqgveK","codeUrl":"https://codepen.io/ksenia-k/pen/ExqgveK","repository":"","sourceFiles":[],"commit":"","access":"Creator code linked · access unverified (source response recorded)","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview selection; creator/demo/source links traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub · October 20 creator-depth review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/01/10211145-d71f-5bc8-88bc-3cc71e6c319a.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Oct 8, 2024","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T07:38:51.455636+00:00","preview":"media/references/codrops--simple-three-js-matcap-demo.png","previewWidth":858,"previewHeight":576,"previewSha256":"0b6ba98fdfb6d07430634152e1d3ed688653539ed6fe42c89fc25d3029c5252a","previewAnimated":false,"sourcePageCheck":{"status":403,"resolvedUrl":"https://codepen.io/ksenia-k/pen/ExqgveK","checkedAt":"2026-10-20T07:40:31.804439+00:00"}},{"id":"21st--educalvolpz--siri-orb","name":"Siri Orb","collection":"21st-community","creator":"Edu Calvo","category":"Conversation craft","why":"Original conversation craft reference from Edu Calvo.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@educalvolpz/components/siri-orb","codeUrl":"https://21st.dev/@educalvolpz/components/siri-orb","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community ai-chat catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_2s2o9RwN7OoP4Na42lJREy96Xua/siri-orb/default/preview.1787322506945.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"educalvolpz","sourceCategory":"ai-chat","creatorPublicationUrl":"https://21st.dev/@educalvolpz/components/siri-orb","preview":"media/references/21st--educalvolpz--siri-orb.png","previewWidth":960,"previewHeight":671,"previewSha256":"38dd89775afbf7e302cbc780292976f29a73da4f40457101cec35706241c3eee","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@educalvolpz/components/siri-orb"},{"id":"codrops--skeleton-fluid-reveal","name":"Skeleton Fluid Reveal","collection":"codrops-creative","creator":"Cullen Webber","creatorUrl":"https://tympanus.net/codrops/hub/author/cullenwebber","category":"Shaders & materials","styleTags":["hover","three.js","webgl","webgpu","x-ray"],"why":"Original shaders & materials reference published in the Codrops Creative Hub; inspect the image and original demo for its visual approach.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Tutorials/SkeletonFluidReveal/","codeUrl":"https://github.com/cullenwebber/three-skull","repository":"https://github.com/cullenwebber/three-skull","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Contact-sheet preview reviewed with Sonnet 5.5 Medium; original publisher links traced; not runtime-tested","selectionType":"Preview-reviewed design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/03/ThreeJS-Fluid-Reveal-1-768x576.webp","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Mar 23, 2026","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:23:38.056369+00:00","preview":"media/references/codrops--skeleton-fluid-reveal.webp","previewWidth":768,"previewHeight":576,"previewSha256":"bd52e348cefa5f7ede5b843b1275d0b83dc3b22a47d6a0ad6479e1e4762cfb86","previewAnimated":false},{"id":"21st--animbits--loaders-skeleton","name":"Skeleton Loader","collection":"21st-community","creator":"animbits","category":"Cards & layouts","why":"Original cards & layouts reference from animbits.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@animbits/components/loaders-skeleton","codeUrl":"https://21st.dev/@animbits/components/loaders-skeleton","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community card catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_registry_animbits_1783710080732/loaders-skeleton/default/preview.1788369892385.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"animbits","sourceCategory":"card","creatorPublicationUrl":"https://21st.dev/@animbits/components/loaders-skeleton","preview":"media/references/21st--animbits--loaders-skeleton.png","previewWidth":960,"previewHeight":765,"previewSha256":"895f15e2eb4398bf55040ce06b4f6303902721eb9b1b2d7de44e56c24f2d9d8e","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@animbits/components/loaders-skeleton"},{"id":"codrops--sketch-023-background-theme-picker","name":"Sketch 023: Background/Theme Picker","collection":"codrops-creative","creator":"Manoela Ilic","creatorUrl":"https://tympanus.net/codrops/hub/author/crnacura","category":"Forms & controls","styleTags":["GSAP","page transition","svg"],"why":"A \"Choose a theme\" pill over a full-bleed grid of gradient tiles that fades out toward the top-left, with one selected tile outlined, so the swatch field is the picker itself.","useFor":"Study the original image and linked creator source; respect its license and access terms.","website":"https://tympanus.net/Sketches/023-theme-picker/","codeUrl":"https://github.com/codrops/codrops-sketches/tree/bbf47ca34766fd2ca5f97d8b376d2eca148bf48f/023-theme-picker","repository":"https://github.com/codrops/codrops-sketches","sourceFiles":[],"commit":"bbf47ca34766fd2ca5f97d8b376d2eca148bf48f","access":"Original code linked and revision pinned · not archived; root MIT","license":"Original repository MIT; root license checked where present. Assets and dependency terms not fully audited.","review":"Sonnet 5.5 Medium static visual review and researcher source/provenance checks; not runtime, accessibility or full dependency-license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"Original input and spatial creator trails · input-spatial review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2022/12/Sketch-23.jpg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Dec 20, 2022","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T08:26:33.379151+00:00","preview":"media/references/codrops--sketch-023-background-theme-picker.jpg","previewWidth":800,"previewHeight":600,"previewSha256":"3b373f905d0ae77584f17a6a8b49e9dea088fd30555ffd723d8ef40e57946e67","previewAnimated":false,"sourcePageCheck":{"status":200,"resolvedUrl":"https://github.com/codrops/codrops-sketches/tree/main/023-theme-picker","checkedAt":"2026-10-20T08:29:26.155325+00:00"},"observedOriginalCodeUrl":"https://github.com/codrops/codrops-sketches/tree/main/023-theme-picker","sourcePinNote":"Current public original source pinned; screenshot build revision is not claimed.","sourceLicenseEvidence":"references/source-license-evidence/codrops--codrops-sketches/LICENSE"},{"id":"codrops--sketchy-pencil-effect-with-three-js-post-processing","name":"Sketchy Pencil Effect with Three.js Post-Processing","collection":"codrops-creative","creator":"Maya Nedeljković Batić","creatorUrl":"https://tympanus.net/codrops/hub/author/maya","category":"Shaders & materials","styleTags":["postprocessing","Three.js","WebGL"],"why":"A twisted torus-knot rendered as stippled pencil hatching in plum on cream, an unusual non-photoreal material treatment of a 3D object.","useFor":"Study the original image and linked creator source; respect its license and access terms.","website":"https://tympanus.net/Tutorials/PencilLines/","codeUrl":"https://github.com/mayacoda/pencil-lines/tree/35680c15ec0b02951c92c3274a27c89be05a3faf","repository":"https://github.com/mayacoda/pencil-lines","sourceFiles":[],"commit":"35680c15ec0b02951c92c3274a27c89be05a3faf","access":"Original code linked and revision pinned · not archived; root MIT","license":"Original repository MIT; root license checked where present. Assets and dependency terms not fully audited.","review":"Sonnet 5.5 Medium static visual review and researcher source/provenance checks; not runtime, accessibility or full dependency-license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"Original input and spatial creator trails · input-spatial review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2022/11/PencilLines.jpg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Nov 29, 2022","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T08:26:33.379151+00:00","preview":"media/references/codrops--sketchy-pencil-effect-with-three-js-post-processing.jpg","previewWidth":800,"previewHeight":600,"previewSha256":"5cedcedd0de04f96f4e5ff502be8bda4e531f1d1728a0caddbbb4cb153d96730","previewAnimated":false,"sourcePageCheck":{"status":200,"resolvedUrl":"https://github.com/mayacoda/pencil-lines","checkedAt":"2026-10-20T08:29:28.503218+00:00"},"observedOriginalCodeUrl":"https://github.com/mayacoda/pencil-lines","sourcePinNote":"Current public original source pinned; screenshot build revision is not claimed.","sourceLicenseEvidence":"references/source-license-evidence/mayacoda--pencil-lines/LICENSE"},{"id":"ai-sdk-agents--slash-command-menu","name":"Slash command menu","collection":"ai-sdk-agents","creator":"AI SDK Agents · Cult","category":"Intent & input","why":"Original intent & input surface from the creator’s agent-interface catalog.","useFor":"Reference the original component and its creator’s implementation.","website":"https://www.aisdkagents.com/ai-components/slash-command-menu","codeUrl":"https://www.aisdkagents.com/ai-components/slash-command-menu","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · free/paid access not checked","license":"Creator terms apply; no source downloaded","review":"Original creator catalog inspected in Chrome; image saved; individual code access not tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Cult UI → original AI SDK Agents catalog","added":"2026-10-20","preview":"media/references/ai-sdk-agents--slash-command-menu.webp","previewSource":"https://www.aisdkagents.com/_next/image?url=%2Fai-components%2Fthumbnails%2Fslash-command-menu-light.png&w=640&q=75&dpl=dpl_2BLHURNF6K3SZGxoc7Nmyo3CyTpJ","previewType":"Creator-published static component thumbnail","previewWidth":640,"previewHeight":400,"previewSha256":"57b0a4b9e3326bae5c60e01a744c8da4de85e51b632bf9265976ee30d3850a2e","previewAnimated":false,"sourceCategory":"Chat/Composer10","retrievedAt":"2026-10-20T05:01:21.388663+00:00"},{"id":"codrops--slice-viewer","name":"Slice Viewer","collection":"codrops-creative","creator":"Vladimir Angelov","creatorUrl":"https://tympanus.net/codrops/hub/author/vladimir_angelov","category":"Artifacts & evidence","styleTags":["PicoGL.js","react","WebGL"],"why":"Grayscale scan slice with crosshair guides and a small coordinate/value readout in the corner, an inspection-viewer layout.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://vangelov.github.io/slice-viewer/","codeUrl":"https://github.com/vangelov/slice-viewer","repository":"https://github.com/vangelov/slice-viewer","sourceFiles":[],"commit":"","access":"Creator code page linked · HTTP 200; license/reuse terms not audited","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview review; original demo/source attribution traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub · October 20 midday review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/06/Screenshot-2025-06-01-at-07.19.51.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Mar 1, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T06:57:46.927245+00:00","preview":"media/references/codrops--slice-viewer.png","previewWidth":1600,"previewHeight":1202,"previewSha256":"e7b2490af723efeb8ba4304dcab1a11617fdde5fc4193fc20b5bcce2911db8eb","previewAnimated":false,"observedPage":6,"sourcePageCheck":{"status":200,"resolvedUrl":"https://github.com/vangelov/slice-viewer","checkedAt":"2026-10-20T07:06:23.679508+00:00"}},{"id":"21st--wensity--slider","name":"Slider","collection":"21st-community","creator":"Wensity Labs","category":"Forms & controls","why":"Three stacked cards show slider variants: a single thumb, a dual-thumb price range with a filled segment between handles, and sized/tone tracks including a gradient fill. Each card pairs a bold title with a muted usage hint, and the white-ringed black thumbs are crisp. It is a useful comparison of control states.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@wensity/components/slider","codeUrl":"https://21st.dev/@wensity/components/slider","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Sonnet 5.5 Medium individual full-image visual audit of original published preview; source access remains unverified, not runtime or accessibility tested","selectionType":"Individually visually reviewed creator-catalog reference","favorite":false,"discovered":"Creator-published 21st community input catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/wensity/slider/default/preview.1790294656195-54a8c983-2e76-484e-86f1-9e96b4903c02.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"wensity","sourceCategory":"input","creatorPublicationUrl":"https://21st.dev/@wensity/components/slider","preview":"media/references/21st--wensity--slider.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"105386502db0b2d573993bf834cda8a4c9e56e4478e7eb9456abf60726b5f6ff","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@wensity/components/slider","qualityReview":"references/older-input-quality-curation.json"},{"id":"21st--ruixen.ui--smart-assist-input","name":"Smart Assist Input","collection":"21st-community","creator":"Ruixen","category":"Forms & controls","why":"Original forms & controls reference from Ruixen.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@ruixen.ui/components/smart-assist-input","codeUrl":"https://21st.dev/@ruixen.ui/components/smart-assist-input","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community input catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/ruixen.ui/smart-assist-input/default/preview.1757064616684.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"ruixen.ui","sourceCategory":"input","creatorPublicationUrl":"https://21st.dev/@ruixen.ui/components/smart-assist-input","preview":"media/references/21st--ruixen.ui--smart-assist-input.png","previewWidth":960,"previewHeight":637,"previewSha256":"b400e99a26668713dc327d873a719583b5bb7aaced9c17804a4d36ff1543b5b6","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@ruixen.ui/components/smart-assist-input"},{"id":"affectui--smart-recommendation","name":"Smart Recommendation","collection":"affectui","category":"Human control","why":"Confidence, alternatives and undo give a suggestion an actual decision structure. Worth adapting beyond the usual accept/reject pair.","useFor":"Reversible recommendations with real alternatives.","sourceFiles":["sources/affectui/code/components/smart-recommendation.tsx"],"website":"https://www.affectui.com/components/smart-recommendation","repository":"https://github.com/flohoeller/affectui","commit":"cc799e7e438efcea8d484fa27932405ea60bff9a","license":"MIT","access":"Source saved","review":"Source located + documentation","favorite":false,"discovered":"X bookmarks","added":"2026-10-20","preview":"media/screenshots/affectui--smart-recommendation.jpg","previewType":"Screenshot of the creator’s published web demo","previewSource":"https://www.affectui.com/components/smart-recommendation","capturedAt":"2026-10-20T04:00:43.791Z","previewWidth":624,"previewHeight":430,"previewAnimated":false},{"id":"codrops--soccer-preloader","name":"Soccer Preloader","collection":"codrops-creative","creator":"Jon Kantner","creatorUrl":"https://tympanus.net/codrops/hub/author/jonkantner","category":"Feedback & states","styleTags":["preloader","spinner","svg"],"why":"Ball with a curved red-and-blue trail and fading dots on pale grey, a simple characterful loading mark.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://codepen.io/jkantner/full/wvVNrzN","codeUrl":"https://codepen.io/jkantner/pen/wvVNrzN","repository":"","sourceFiles":[],"commit":"","access":"Creator code linked · access unverified (source response recorded)","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview review; original demo/source attribution traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub · October 20 midday review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2024/12/image-21.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Nov 13, 2024","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T06:57:46.927245+00:00","preview":"media/references/codrops--soccer-preloader.png","previewWidth":926,"previewHeight":624,"previewSha256":"931f60737ff8be8e0d3f52b6f559006c1704fe08855f0c6a5ed141201cded285","previewAnimated":false,"observedPage":7,"sourcePageCheck":{"status":403,"resolvedUrl":"https://codepen.io/jkantner/pen/wvVNrzN","checkedAt":"2026-10-20T07:06:13.238011+00:00"}},{"id":"21st--wasifgee0012--social-links","name":"Social Links","collection":"21st-community","creator":"Wasif Bin Nasir","category":"Navigation & search","why":"Original navigation & search reference from Wasif Bin Nasir.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@wasifgee0012/components/social-links","codeUrl":"https://21st.dev/@wasifgee0012/components/social-links","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community sidebar catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_31QQzJfQqLZ0srJOQN5pE0OBKgO/social-links/default/preview.1785943693781.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"wasifgee0012","sourceCategory":"sidebar","creatorPublicationUrl":"https://21st.dev/@wasifgee0012/components/social-links","preview":"media/references/21st--wasifgee0012--social-links.jpg","previewWidth":496,"previewHeight":408,"previewSha256":"b6c993a1b56916c724d16729936d766acf74f6e164584bf55a6d33b7a9460474","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@wasifgee0012/components/social-links"},{"id":"21st--n1m4mz--sonar-grid","name":"Sonar Grid","collection":"21st-community","creator":"NIMA MZ","category":"Cards & layouts","why":"Original cards & layouts reference from NIMA MZ.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@n1m4mz/components/sonar-grid","codeUrl":"https://21st.dev/@n1m4mz/components/sonar-grid","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Featured by publisher; creator preview indexed; not runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community featured catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/n1m4mz/sonar-grid/default/preview.1788783135997-ce798b9e-0e81-4ed1-9980-2d0f2d444f6c.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"n1m4mz","sourceCategory":"featured","creatorPublicationUrl":"https://21st.dev/@n1m4mz/components/sonar-grid","preview":"media/references/21st--n1m4mz--sonar-grid.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"bb58b1742e01d30e681eae35fb7492ca08eedae514d37bb3c611ec0c069cd65b","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@n1m4mz/components/sonar-grid"},{"id":"codrops--sonification-v2","name":"Sonification V2","collection":"codrops-creative","creator":"Luis Riancho","creatorUrl":"https://tympanus.net/codrops/hub/author/luis_riancho","category":"Creative controls & effects","styleTags":["audio"],"why":"Pixelated image grid beside a dense synth control panel (volume, speed, oscillator, scale), mapping picture to sound.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://codepen.io/luis-lessrain/full/pvoELWE","codeUrl":"https://codepen.io/luis-lessrain/pen/pvoELWE","repository":"","sourceFiles":[],"commit":"","access":"Creator code linked · access unverified (source response recorded)","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview review; original demo/source attribution traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub · October 20 midday review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/09/Screenshot-2025-09-07-at-07.14.25.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Feb 25, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T06:57:46.927245+00:00","preview":"media/references/codrops--sonification-v2.png","previewWidth":1600,"previewHeight":1202,"previewSha256":"6fa9c8a7f65597cd7214740d87e52f95115b2cca4fd4335e69d8a48f24ae1b2d","previewAnimated":false,"observedPage":6,"sourcePageCheck":{"status":403,"resolvedUrl":"https://codepen.io/luis-lessrain/pen/pvoELWE","checkedAt":"2026-10-20T07:06:13.229636+00:00"}},{"id":"21st--shadcn--sonner","name":"Sonner","collection":"21st-community","creator":"shadcn","category":"Feedback & states","why":"Original feedback & states reference from shadcn.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@shadcn/components/sonner","codeUrl":"https://21st.dev/@shadcn/components/sonner","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community notification catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_shadcn/sonner/886/preview.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"shadcn","sourceCategory":"notification","creatorPublicationUrl":"https://21st.dev/@shadcn/components/sonner","preview":"media/references/21st--shadcn--sonner.png","previewWidth":782,"previewHeight":540,"previewSha256":"53752d4482ff2e7d95d40f5cc92fe7ab86e19da5bbb46ad85b097c8cda958064","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@shadcn/components/sonner"},{"id":"21st--ibrandify--source-lens","name":"Source Lens","collection":"21st-community","creator":"Waqar H. Syed","category":"Conversation craft","why":"Original conversation craft reference from Waqar H. Syed.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@ibrandify/components/source-lens","codeUrl":"https://21st.dev/@ibrandify/components/source-lens","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community ai-chat catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/ibrandify/source-lens/default/preview.1791819876059-8ee25576-05fd-4d67-b59c-c6a9665cd4ef.jpg","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"ibrandify","sourceCategory":"ai-chat","creatorPublicationUrl":"https://21st.dev/@ibrandify/components/source-lens","preview":"media/references/21st--ibrandify--source-lens.jpg","previewWidth":720,"previewHeight":677,"previewSha256":"ca10d18ba5ce6bae769acb1310b619f49c9757e4b144f6d0484f5154351baa2e","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@ibrandify/components/source-lens"},{"id":"21st--shadcn--spinner","name":"Spinner","collection":"21st-community","creator":"shadcn","category":"Feedback & states","why":"Original feedback & states reference from shadcn.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@shadcn/components/spinner/empty-spinner","codeUrl":"https://21st.dev/@shadcn/components/spinner/empty-spinner","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community empty-state catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_shadcn/spinner/empty-spinner/preview.1786459184632.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"shadcn","sourceCategory":"empty-state","creatorPublicationUrl":"https://21st.dev/@shadcn/components/spinner/empty-spinner","preview":"media/references/21st--shadcn--spinner.jpg","previewWidth":418,"previewHeight":304,"previewSha256":"8603485d394a4682d9408204ef67002b3ee1a8de9a4998d4f0c0e820af3e8e39","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@shadcn/components/spinner"},{"id":"21st--maxim.bort.devel--splashed-push-notifications","name":"Splashed Push Notifications","collection":"21st-community","creator":"Maxim Bortnikov","category":"Feedback & states","why":"Original feedback & states reference from Maxim Bortnikov.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@maxim.bort.devel/components/splashed-push-notifications","codeUrl":"https://21st.dev/@maxim.bort.devel/components/splashed-push-notifications","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community notification catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_2y2drtMewFmNG5frU3Xkd1R9rsu/splashed-push-notifications/default/preview.1789065329361.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"maxim.bort.devel","sourceCategory":"notification","creatorPublicationUrl":"https://21st.dev/@maxim.bort.devel/components/splashed-push-notifications","preview":"media/references/21st--maxim.bort.devel--splashed-push-notifications.jpg","previewWidth":960,"previewHeight":679,"previewSha256":"34a66c4cc337a238e9da5d05857a7b058c09f7d198bc872d5ce9523ab148c873","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@maxim.bort.devel/components/splashed-push-notifications"},{"name":"Spline · scene hierarchy and3D inspector","collection":"spline-original","creator":"Spline","creatorUrl":"https://spline.design/","repository":"","commit":"","platform":"Web / desktop ·3D scene editor","access":"Demo reference · original editor screenshot; implementation source not established; feature/plan entitlement unverified","license":"No public editor implementation or reuse license established in inspected primary documentation. Public runtime/export/docs or generated scene code is not the editor implementation. Creator docs annotations remain unchanged.","id":"spline-workspace","category":"Creative controls & effects","why":"Scene hierarchy, stage tabs and a wide3D viewport sit beside lighting, effects, variables and material controls in one legible editor.","favorite":false,"website":"https://docs.spline.design/basics/understanding-splines-ui","codeUrl":"","sourceFiles":[],"review":"Sonnet5.5 Medium full-image visual review and researcher provenance/source checks; not runtime, motion, accessibility or complete dependency-license audited","useFor":"Study the exact original static interface image and follow the creator's original source/site under its terms.","selectionType":"Individually visually reviewed original reference","discovered":"Original spatial and motion-authoring controls · motion-controls review","added":"2026-10-20","preview":"media/references/motion-controls--spline-editor-2026.png","previewSha256":"9e5c3bb396c4fa6673fb8a64311210b0e2ad0ce1a9f6febbee4189591abd3896","previewSource":"https://cdn.spline.design/_assets/docs/understanding-splines-ui-editor-v2.png","previewAnimated":false,"previewType":"Exact unmodified original creator static image","previewWidth":4160,"previewHeight":2480,"sourceResolution":"references/motion-controls-source-resolution.json","sourcePinNote":"Original static bytes preserved without generated replacement or upscale. Public image and inspected source revisions are separately pinned; exact screenshot-build equality not claimed. Selected source/notice files are partial provenance, not complete component archives."},{"id":"codrops--splittext-scrambletext","name":"SplitText & ScrambleText","collection":"codrops-creative","creator":"Anas Eser","creatorUrl":"https://tympanus.net/codrops/hub/author/anas_eser","category":"Creative controls & effects","styleTags":["gsap","typography"],"why":"Black hero 'Encrypt Your Ideas' with a pill input and Decrypt button showing scrambled characters; text input as the interaction.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://codepen.io/anas-frontdev/full/JooLOmz","codeUrl":"https://codepen.io/anas-frontdev/full/JooLOmz","repository":"","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/09/Screenshot-2025-09-07-at-07.20.56-768x577.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"May 3, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:54:42.821988+00:00","preview":"media/references/codrops--splittext-scrambletext.png","previewWidth":768,"previewHeight":577,"previewSha256":"9d7be2926b0f84219605890562a383ec19371daa77cc1fab8d91757a67402409","previewAnimated":false},{"id":"codrops--spotify-visualiser","name":"Spotify visualiser","collection":"codrops-creative","creator":"Chakib Mazouni","creatorUrl":"https://tympanus.net/codrops/hub/author/jeanmazouni","category":"Spatial experiences","styleTags":["canvas","grid","gsap","infinite","spotify","three.js","visualizer","webgl"],"why":"Original spatial experiences reference published in the Codrops Creative Hub; inspect the image and original demo for its visual approach.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://spotify-visualiser-three.vercel.app/","codeUrl":"https://github.com/J0SUKE/spotify-visualiser","repository":"https://github.com/J0SUKE/spotify-visualiser","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Contact-sheet preview reviewed with Sonnet 5.5 Medium; original publisher links traced; not runtime-tested","selectionType":"Preview-reviewed design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/12/Screenshot-2025-12-04-at-05.39.03-768x577.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Dec 2, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:23:38.056369+00:00","preview":"media/references/codrops--spotify-visualiser.png","previewWidth":768,"previewHeight":577,"previewSha256":"2ab360f4c535fbfaad0055a27ca7eb5da95f5f91bb396375a197bde550b09e8e","previewAnimated":false},{"id":"aceternity--squiggly-text","name":"Squiggly Text","collection":"aceternity","creator":"Aceternity UI · Manu Arora","category":"Typography & effects","why":"Large bold white headline with a single orange word ('drinks') whose edges are jittered and hand-wobbled, with a few other glyphs also rough. A specific emphasis-by-distortion typography idea on a black field. Animation and reduced-motion handling are unverified.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://ui.aceternity.com/components/squiggly-text","codeUrl":"https://ui.aceternity.com/components/squiggly-text","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Sonnet 5.5 Medium individual full-image audit of original published preview; source access remains unverified, no runtime/motion/accessibility audit","selectionType":"Individually visually reviewed creator-catalog reference","favorite":false,"discovered":"Reddit library leads → original Aceternity component catalog","added":"2026-10-20","previewSource":"https://assets.aceternity.com/components/squiggly-text.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","preview":"media/references/aceternity--squiggly-text.webp","previewWidth":2200,"previewHeight":1209,"previewSha256":"d37e88ad4082cba283e9a44f64213b90d6ac363f7aebc3a832efdea8ec21da35","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","qualityReview":"references/older-expressive-quality-curation.json"},{"id":"ai-elements--stack-trace","name":"Stack Trace","collection":"ai-elements","creator":"Vercel · AI Elements","category":"Tools & execution","why":"Error header with red warning icon, TypeError in red and copy/collapse controls above dimmed monospace frames, with the app frame in bold.","useFor":"Inspect the original creator demo and implementation before adoption.","website":"https://elements.ai-sdk.dev/components/stack-trace","codeUrl":"https://github.com/vercel/ai-elements/blob/ca8be600bfd01b3131f9bf6134b51602a71f4374/packages/elements/src/stack-trace.tsx","repository":"https://github.com/vercel/ai-elements","sourceFiles":["sources/ai-elements/code/packages/elements/src/stack-trace.tsx","sources/ai-elements/code/packages/examples/src/stack-trace.tsx"],"commit":"ca8be600bfd01b3131f9bf6134b51602a71f4374","access":"Source saved","license":"Apache-2.0 (original repository license notice preserved)","review":"Sonnet-assisted static visual review; original demo captured; not runtime/accessibility audited","selectionType":"Visually reviewed original component","favorite":false,"discovered":"Category gap research → official creator documentation","added":"2026-10-20","preview":"media/references/ai-elements--stack-trace.jpg","previewSource":"https://elements.ai-sdk.dev/components/stack-trace","previewType":"Static capture of the published demo; source snapshot pinned separately","previewWidth":685,"previewHeight":343,"previewSha256":"0cb6e283facba092dc194fe1114ffbf01fe42457e21218cc121d62efd28b2ffb","previewAnimated":false,"rawCapture":"evidence/elements-stack-trace-full.jpg","captureBounds":{"left":289,"top":157,"right":982,"bottom":748},"emptyPaddingCrop":{"left":3,"top":3,"right":688,"bottom":346},"retrievedAt":"2026-10-20T06:40:03.546448+00:00"},{"id":"21st--reuno-ui--stacked-dialog","name":"Stacked Dialog","collection":"21st-community","creator":"reuno-ui","category":"Human control","why":"Original human control reference from reuno-ui.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@reuno-ui/components/stacked-dialog","codeUrl":"https://21st.dev/@reuno-ui/components/stacked-dialog","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community modal catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_skiper-ui/stacked-dialog/default/preview.1788886586302.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"reuno-ui","sourceCategory":"modal","creatorPublicationUrl":"https://21st.dev/@reuno-ui/components/stacked-dialog","preview":"media/references/21st--reuno-ui--stacked-dialog.png","previewWidth":960,"previewHeight":718,"previewSha256":"22a8473054d698e171dd516b17bfb66611fbc2debc2b15b29ad9548978ff5ba1","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@reuno-ui/components/stacked-dialog"},{"id":"codrops--staggered-3d-grid-animations-with-scroll-triggered-effects","name":"Staggered (3D) Grid Animations with Scroll-Triggered Effects","collection":"codrops-creative","creator":"Manoela Ilic","creatorUrl":"https://tympanus.net/codrops/hub/author/crnacura","category":"Galleries & transitions","styleTags":["3D","grid","GSAP","scroll","typography"],"why":"Offset tilted image columns with a cropped multilingual name band layered across","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Development/Staggered3DGridAnimations/","codeUrl":"https://github.com/codrops/Staggered3DGridAnimations","repository":"https://github.com/codrops/Staggered3DGridAnimations","sourceFiles":[],"commit":"","access":"Creator code page linked · HTTP 200; license/reuse terms not audited","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview selection; creator/demo/source links traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub · October 20 creator-depth review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2024/10/staggered3d.jpg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Oct 16, 2024","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T07:38:51.455636+00:00","preview":"media/references/codrops--staggered-3d-grid-animations-with-scroll-triggered-effects.jpg","previewWidth":800,"previewHeight":600,"previewSha256":"160a0bc01529aa0ae37d75ba10720a22648795f92c6090bbb9a09fefce2be8fa","previewAnimated":false,"sourcePageCheck":{"status":200,"resolvedUrl":"https://github.com/codrops/Staggered3DGridAnimations","checkedAt":"2026-10-20T07:40:39.766346+00:00"}},{"id":"21st--efferd--testimonials-3","name":"Staggered Testimonials Grid","collection":"21st-community","creator":"Efferd","category":"Cards & layouts","why":"Original cards & layouts reference from Efferd.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@efferd/components/testimonials-3","codeUrl":"https://21st.dev/@efferd/components/testimonials-3","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community grid catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_2tWTE0rCrloVAVylFPYfp10xU92/testimonials-3/default/preview.1787931263173.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"efferd","sourceCategory":"grid","creatorPublicationUrl":"https://21st.dev/@efferd/components/testimonials-3","preview":"media/references/21st--efferd--testimonials-3.png","previewWidth":960,"previewHeight":619,"previewSha256":"8003868a3d750cec552289579b6f3c60730b53d46a0bf9ebd1894568a9dc7a96","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@efferd/components/testimonials-3"},{"id":"ai-sdk-agents--starter-prompts","name":"Starter prompts","collection":"ai-sdk-agents","creator":"AI SDK Agents · Cult","category":"Intent & input","why":"Original intent & input surface from the creator’s agent-interface catalog.","useFor":"Reference the original component and its creator’s implementation.","website":"https://www.aisdkagents.com/ai-components/starter-prompts","codeUrl":"https://www.aisdkagents.com/ai-components/starter-prompts","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · free/paid access not checked","license":"Creator terms apply; no source downloaded","review":"Original creator catalog inspected in Chrome; image saved; individual code access not tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Cult UI → original AI SDK Agents catalog","added":"2026-10-20","preview":"media/references/ai-sdk-agents--starter-prompts.webp","previewSource":"https://www.aisdkagents.com/_next/image?url=%2Fai-components%2Fthumbnails%2Fstarter-prompts-vertical-light.png&w=640&q=75&dpl=dpl_2BLHURNF6K3SZGxoc7Nmyo3CyTpJ","previewType":"Creator-published static component thumbnail","previewWidth":640,"previewHeight":400,"previewSha256":"cfc4655cc838f95abc3dd63a8c5a83f580c188220931dee3008cedd905b9c155","previewAnimated":false,"sourceCategory":"Chat/Composer10","retrievedAt":"2026-10-20T05:01:21.388663+00:00"},{"id":"aceternity--stateful-button","name":"Stateful Button","collection":"aceternity","creator":"Aceternity UI · Manu Arora","category":"Cards & layouts","why":"Original cards & layouts reference from Aceternity UI · Manu Arora.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://ui.aceternity.com/components/stateful-button","codeUrl":"https://ui.aceternity.com/components/stateful-button","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Reddit library leads → original Aceternity component catalog","added":"2026-10-20","previewSource":"https://assets.aceternity.com/stateful-button.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","preview":"media/references/aceternity--stateful-button.webp","previewWidth":2048,"previewHeight":1440,"previewSha256":"3f807fd33d7354bb788dc9ba1c98f2454c3df2535bd79799c339262835aec9c4","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"21st--sean0205--statistics-card-10","name":"Statistics Card 10","collection":"21st-community","creator":"Sean Hello","category":"Dashboards & data","why":"Original dashboards & data reference from Sean Hello.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@sean0205/components/statistics-card-10","codeUrl":"https://21st.dev/@sean0205/components/statistics-card-10","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community dashboard catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/sean0205/statistics-card-10/default/preview.1753168295511.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"sean0205","sourceCategory":"dashboard","creatorPublicationUrl":"https://21st.dev/@sean0205/components/statistics-card-10","preview":"media/references/21st--sean0205--statistics-card-10.png","previewWidth":960,"previewHeight":861,"previewSha256":"1fcfaec1622b435ffeef674f396fb4506aadf73bf7c8ca243a391f53441093fe","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@sean0205/components/statistics-card-10"},{"id":"21st--sean0205--statistics-card-2","name":"Statistics Card 2","collection":"21st-community","creator":"Sean Hello","category":"Dashboards & data","why":"Original dashboards & data reference from Sean Hello.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@sean0205/components/statistics-card-2","codeUrl":"https://21st.dev/@sean0205/components/statistics-card-2","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community dashboard catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/sean0205/statistics-card-2/default/preview.1753104706690.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"sean0205","sourceCategory":"dashboard","creatorPublicationUrl":"https://21st.dev/@sean0205/components/statistics-card-2","preview":"media/references/21st--sean0205--statistics-card-2.png","previewWidth":960,"previewHeight":771,"previewSha256":"27ce6a5749446992c01b00a3b54ff2680e374f7aa989a463fdbd50b5589b3f11","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@sean0205/components/statistics-card-2"},{"id":"21st--sean0205--statistics-card-7","name":"Statistics Card 7","collection":"21st-community","creator":"Sean Hello","category":"Dashboards & data","why":"Original dashboards & data reference from Sean Hello.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@sean0205/components/statistics-card-7","codeUrl":"https://21st.dev/@sean0205/components/statistics-card-7","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community dashboard catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/sean0205/statistics-card-7/default/preview.1753372970551.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"sean0205","sourceCategory":"dashboard","creatorPublicationUrl":"https://21st.dev/@sean0205/components/statistics-card-7","preview":"media/references/21st--sean0205--statistics-card-7.png","previewWidth":960,"previewHeight":784,"previewSha256":"b57683d95a846a710b69a80035277140313f48e72f0c910b17dc6271f1c018ff","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@sean0205/components/statistics-card-7"},{"id":"21st--meschacirung--stats","name":"Stats","collection":"21st-community","creator":"Méschac Irung","category":"Cards & layouts","why":"Original cards & layouts reference from Méschac Irung.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@meschacirung/components/stats/stats-info","codeUrl":"https://21st.dev/@meschacirung/components/stats/stats-info","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community grid catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/meschacirung/stats/stats-info/preview.1785191202349-a0d97a9a-33b7-4e87-a8e5-4c1951689142.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"meschacirung","sourceCategory":"grid","creatorPublicationUrl":"https://21st.dev/@meschacirung/components/stats/stats-info","preview":"media/references/21st--meschacirung--stats.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"5701e4d9874ceae235b3fee5a8cb16b0251481274ecd2b0a32972554a6192851","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@meschacirung/components/stats"},{"id":"21st--kuratlielia--stats-band","name":"Stats Band","collection":"21st-community","creator":"kuratlielia","category":"Dashboards & data","why":"Original dashboards & data reference from kuratlielia.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@kuratlielia/components/stats-band","codeUrl":"https://21st.dev/@kuratlielia/components/stats-band","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community dashboard catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_registry_kuratlielia_1790903117010/stats-band/default/preview.1791497748303.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"kuratlielia","sourceCategory":"dashboard","creatorPublicationUrl":"https://21st.dev/@kuratlielia/components/stats-band","preview":"media/references/21st--kuratlielia--stats-band.jpg","previewWidth":960,"previewHeight":718,"previewSha256":"c63e151e09797f8686bf29ccae4e35f6b1e05c9c405da1eb692e8a164d5df606","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@kuratlielia/components/stats-band"},{"id":"21st--uilayout.contact--stats-bento","name":"Stats Bento","collection":"21st-community","creator":"ui layout","category":"Cards & layouts","why":"Original cards & layouts reference from ui layout.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@uilayout.contact/components/stats-bento","codeUrl":"https://21st.dev/@uilayout.contact/components/stats-bento","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Featured by publisher; creator preview indexed; not runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community featured catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_2zAsvSHo1IeJGKtSjJ3uR1N1Cd7/stats-bento/default/preview.1788454353339.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"uilayout.contact","sourceCategory":"featured","creatorPublicationUrl":"https://21st.dev/@uilayout.contact/components/stats-bento","preview":"media/references/21st--uilayout.contact--stats-bento.png","previewWidth":858,"previewHeight":614,"previewSha256":"b13763eb9c66012a900516eb352adaf9a5525ca7016daefc7410590a5e8032b1","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@uilayout.contact/components/stats-bento"},{"id":"21st--ephraimduncan--stats-cards-with-links","name":"Stats cards with links","collection":"21st-community","creator":"Ephraim Duncan","category":"Dashboards & data","why":"Original dashboards & data reference from Ephraim Duncan.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@ephraimduncan/components/stats-cards-with-links/stats-cards-with-circular-progress","codeUrl":"https://21st.dev/@ephraimduncan/components/stats-cards-with-links/stats-cards-with-circular-progress","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community dashboard catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/larsen66/stats-cards-with-links/stats-cards-with-circular-progress/preview.1753307424371.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"ephraimduncan","sourceCategory":"dashboard","creatorPublicationUrl":"https://21st.dev/@ephraimduncan/components/stats-cards-with-links/stats-cards-with-circular-progress","preview":"media/references/21st--ephraimduncan--stats-cards-with-links.png","previewWidth":935,"previewHeight":693,"previewSha256":"0062a0c52ace4218e5dbc98ff99626cf205e6ae6c469dd4b9f0fae21def1fe1a","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@ephraimduncan/components/stats-cards-with-links"},{"id":"21st--shadcnui-blocks--stats-04","name":"Stats Grid","collection":"21st-community","creator":"shadcnui-blocks","category":"Cards & layouts","why":"Original cards & layouts reference from shadcnui-blocks.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@shadcnui-blocks/components/stats-04","codeUrl":"https://21st.dev/@shadcnui-blocks/components/stats-04","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community grid catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/shadcnui-blocks/stats-04/default/preview.1790049880105-6ae2f026-69e0-48d9-b5ed-9dba62a8f02f.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"shadcnui-blocks","sourceCategory":"grid","creatorPublicationUrl":"https://21st.dev/@shadcnui-blocks/components/stats-04","preview":"media/references/21st--shadcnui-blocks--stats-04.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"d32dfe2935708ff3e0aa5275a9e5c50723389b8e6381b8dcf07aa733ad2dd6ef","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@shadcnui-blocks/components/stats-04"},{"id":"21st--tommyjepsen--stats-section-with-text","name":"Stats Section with Text","collection":"21st-community","creator":"Tommy Jepsen","category":"Cards & layouts","why":"Original cards & layouts reference from Tommy Jepsen.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@tommyjepsen/components/stats-section-with-text","codeUrl":"https://21st.dev/@tommyjepsen/components/stats-section-with-text","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community grid catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_2nElBLvklOKlAURm6W1PTu6yYFh/stats-section-with-text/default/preview.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"tommyjepsen","sourceCategory":"grid","creatorPublicationUrl":"https://21st.dev/@tommyjepsen/components/stats-section-with-text","preview":"media/references/21st--tommyjepsen--stats-section-with-text.png","previewWidth":960,"previewHeight":779,"previewSha256":"3c8951689b38e495ecd249342500f69d5445198b96e01cc6ef140db2b918972d","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@tommyjepsen/components/stats-section-with-text"},{"id":"21st--edwinvakayil--status-dot","name":"Status Dot","collection":"21st-community","creator":"Edwin Vakayil","category":"Feedback & states","why":"Original feedback & states reference from Edwin Vakayil.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@edwinvakayil/components/status-dot","codeUrl":"https://21st.dev/@edwinvakayil/components/status-dot","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community notification catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/edwinvakayil/status-dot/default/preview.1787118765275-08d56095-d020-47d7-8f6d-57298e1205af.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"edwinvakayil","sourceCategory":"notification","creatorPublicationUrl":"https://21st.dev/@edwinvakayil/components/status-dot","preview":"media/references/21st--edwinvakayil--status-dot.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"1fd88a7ed6d2d36c4a81d2bc72d95c7ce0b23c70f9a270036f15c9e90611ec8b","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@edwinvakayil/components/status-dot"},{"id":"21st--olewandowski1--roadmap-1","name":"Status Roadmap Board","collection":"21st-community","creator":"Oliver","category":"Thinking & progress","why":"Original thinking & progress reference from Oliver.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@olewandowski1/components/roadmap-1","codeUrl":"https://21st.dev/@olewandowski1/components/roadmap-1","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community progress catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/7ovr/roadmap-1/default/preview.1790080602337-426c781e-ca6d-41c5-b3b9-8e60d0e0b54d.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"olewandowski1","sourceCategory":"progress","creatorPublicationUrl":"https://21st.dev/@olewandowski1/components/roadmap-1","preview":"media/references/21st--olewandowski1--roadmap-1.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"d168b1edac29bf80febef434b6ed4466ca1c7f119aa5d23880a103801b827ebf","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@olewandowski1/components/roadmap-1"},{"id":"21st--ziegfiroyt--onboarding9","name":"Step Onboarding Wizard","collection":"21st-community","creator":"uğur sözen","category":"Human control","why":"Original human control reference from uğur sözen.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@ziegfiroyt/components/onboarding9","codeUrl":"https://21st.dev/@ziegfiroyt/components/onboarding9","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community onboarding catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/ziegfiroyt/onboarding9/default/preview.1790087072613-3599e25e-3014-41fb-b679-21c39786bbd0.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"ziegfiroyt","sourceCategory":"onboarding","creatorPublicationUrl":"https://21st.dev/@ziegfiroyt/components/onboarding9","preview":"media/references/21st--ziegfiroyt--onboarding9.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"29ccb5f92efb25bee9b5d0c30802c72c0a2a9f0523875b3d8d0372227a550950","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@ziegfiroyt/components/onboarding9"},{"id":"webzibition--stephanie-bruce","name":"Stephanie Bruce","collection":"webzibition","creator":"Stephanie Bruce · original site","creatorAttribution":"Site identity from the publisher listing; individual design author not independently verified","category":"Full websites & portfolios","why":"Off-white page with dense statement text on the left and branding project collage with 'SS24' type on the right; polished editorial portfolio.","useFor":"Study the original website’s composition and presentation; code availability is unverified.","website":"https://stephaniebruce.co/","codeUrl":"","repository":"","sourceFiles":[],"commit":"","access":"Design reference · public source not traced","license":"Website and preview rights belong to their respective owners; no source or reuse license verified","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited; original website returned HTTP200; screenshot may predate the current live design","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"Codrops Webzibition → original website","added":"2026-10-20","preview":"media/references/webzibition--stephanie-bruce.webp","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/09/StephanieBruce-1200x649.png.webp?x67708","previewType":"Codrops publisher screenshot of the linked original website; not a fresh live capture","previewWidth":1200,"previewHeight":649,"previewSha256":"7c61e785e9bd8e63fadc54d4db3308217691eaf933f24c769c4b3f9c360c2089","previewAnimated":false,"publisherIndex":"https://tympanus.net/codrops/webzibition/","publisherRecord":"post-121972","pageTitle":"stephaniebruce.co","pageCheckedAt":"2026-10-20T05:54:32.868906+00:00","pageAvailability":"HTTP200; same-domain original website","retrievedAt":"2026-10-20T05:54:32.868906+00:00"},{"id":"21st--corr--stepper","name":"Stepper","collection":"21st-community","creator":"corr","category":"Thinking & progress","why":"Original thinking & progress reference from corr.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@corr/components/stepper","codeUrl":"https://21st.dev/@corr/components/stepper","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community onboarding catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/corr/stepper/default/preview.1789988654749-0893ec09-b0ac-420d-be3a-3b7111baa958.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"corr","sourceCategory":"onboarding","creatorPublicationUrl":"https://21st.dev/@corr/components/stepper","preview":"media/references/21st--corr--stepper.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"5dfee88ff7bcc0bbbce81d52f6cd289ce94f8e6c18e1089562688a1d36f1a69d","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@corr/components/stepper"},{"id":"21st--kevingirelli--stepper","name":"Stepper","collection":"21st-community","creator":"kevingirelli","category":"Thinking & progress","why":"Original thinking & progress reference from kevingirelli.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@kevingirelli/components/stepper","codeUrl":"https://21st.dev/@kevingirelli/components/stepper","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community onboarding catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_registry_kevingirelli_1790903224160/stepper/default/preview.1791206206769.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"kevingirelli","sourceCategory":"onboarding","creatorPublicationUrl":"https://21st.dev/@kevingirelli/components/stepper","preview":"media/references/21st--kevingirelli--stepper.jpg","previewWidth":960,"previewHeight":691,"previewSha256":"afc42ae2aa04b18f96f5c244d88a5e736c26c75663bb5a379a9f42ae1f322cc3","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@kevingirelli/components/stepper"},{"id":"21st--shadcnspace--stepper-01","name":"Stepper with Square Badges","collection":"21st-community","creator":"ShadcnSpace","category":"Thinking & progress","why":"Original thinking & progress reference from ShadcnSpace.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@shadcnspace/components/stepper-01","codeUrl":"https://21st.dev/@shadcnspace/components/stepper-01","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community onboarding catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/shadcnspace/stepper-01/default/preview.1789986786825-6fc7c015-c74b-4e1a-b38a-085d3cdd6380.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"shadcnspace","sourceCategory":"onboarding","creatorPublicationUrl":"https://21st.dev/@shadcnspace/components/stepper-01","preview":"media/references/21st--shadcnspace--stepper-01.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"e6389371ee6688fb4682a370c6954248007cc80cfe520ee2381206db279bd47f","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@shadcnspace/components/stepper-01"},{"id":"21st--anubra266--steps","name":"Steps","collection":"21st-community","creator":"Abraham","category":"Thinking & progress","why":"Original thinking & progress reference from Abraham.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@anubra266/components/steps/steps-descriptions","codeUrl":"https://21st.dev/@anubra266/components/steps/steps-descriptions","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community progress catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/larsen66/steps/steps-descriptions/preview.1756154461807.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"anubra266","sourceCategory":"progress","creatorPublicationUrl":"https://21st.dev/@anubra266/components/steps/steps-descriptions","preview":"media/references/21st--anubra266--steps.png","previewWidth":960,"previewHeight":508,"previewSha256":"d8e276eebb8feb0375c16afb7cd3a17a12d3ac2f1745051cfbe3234febd64715","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@anubra266/components/steps"},{"added":"2026-10-20","sourceFiles":[],"repository":"","commit":"","codeUrl":"","previewAnimated":false,"discovered":"Original X creator trails, native feature tour and primary motion tools · workflow-spatial review","selectionType":"Visually reviewed original reference","review":"Sonnet 5.5 Medium static visual review; provenance/source checks, not runtime, accessibility or full license/dependency audit","useFor":"Study the exact original reference and linked creator source. Respect its access and license terms.","id":"webzibition--steven-com","name":"Steven.com","category":"Spatial experiences","why":"Curved labels ('Creator Media / Communities / Products / Technology') run around a beveled dial ring with flow arrows, a portrait at the centre and a local clock. It shows a system diagram as a physical machined object.","favorite":false,"collection":"webzibition","preview":"media/references/webzibition--steven-com.jpg","previewSha256":"58a240f6d38973b9c48807ac00dfd1f7b80756a2d3f6208400c602e6f42aad13","website":"https://steven.com/","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/05/steven.jpg","additionalOriginalImages":[],"creator":"Steven.com · original site","creatorUrl":"https://steven.com/","publisherIndex":"https://tympanus.net/codrops/webzibition/page/3/","access":"Demo reference · original website; public component source not traced","license":"Original website/image rights remain with their creators; no public code/reuse license established.","attributionNote":"Site/brand identified from original showcase and linked site. Separate designer/agency credit not independently traced.","previewType":"Original static website screenshot published in Codrops Webzibition; not a generated substitute","previewWidth":1440,"previewHeight":779},{"id":"aceternity--sticky-banner","name":"Sticky Banner","collection":"aceternity","creator":"Aceternity UI · Manu Arora","category":"Cards & layouts","why":"Original cards & layouts reference from Aceternity UI · Manu Arora.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://ui.aceternity.com/components/sticky-banner","codeUrl":"https://ui.aceternity.com/components/sticky-banner","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Reddit library leads → original Aceternity component catalog","added":"2026-10-20","previewSource":"https://assets.aceternity.com/sticky-banner.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","preview":"media/references/aceternity--sticky-banner.webp","previewWidth":2048,"previewHeight":1440,"previewSha256":"810a997c3011c9369c91f677b2b27ab828e32390b5e9659b8b9c4f8d8aa783ed","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"beui--streaming-response","name":"Streaming Response","collection":"beui","category":"Thinking & progress","why":"Progressive response rendering gives an agent output a stable, readable surface while it arrives.","useFor":"Readable streamed answers.","sourceFiles":["sources/beui/code/components/agents/streaming-response.tsx"],"website":"https://beui.dev/components/agents/streaming-response","repository":"https://github.com/starc007/ui-components","commit":"6b5a00a5687214be8fd12fb0b6a78678d4dc96e0","license":"MIT","access":"Source saved","review":"Creator documentation + exact source; library expansion","favorite":false,"discovered":"Independent research","added":"2026-10-20","selectionType":"Creator library expansion","preview":"media/screenshots/beui--streaming-response.jpg","previewType":"Screenshot of the creator’s published web demo","previewSource":"https://beui.dev/components/agents/streaming-response","capturedAt":"2026-10-20T04:22:35.264Z","captureWidth":1232,"captureHeight":580,"captureX":304,"captureY":345,"previewWidth":1232,"previewHeight":580,"previewAnimated":false},{"id":"beui-native--streaming-response","name":"Streaming Response · Native","collection":"beui-native","category":"React Native","why":"A reply that streams in, then settles with actions.","useFor":"Original React Native component from the creator’s public library. Image reference with original demo and source links.","sourceFiles":["sources/beui-native/code/src/components/streaming-response/index.ts","sources/beui-native/code/src/components/streaming-response/streaming-response.tsx"],"website":"https://beui.dev/react-native/streaming-response","repository":"https://github.com/starc007/beui-native","commit":"","license":"MIT","access":"Source saved","review":"Official creator catalog · not individually runtime-tested","favorite":false,"discovered":"Original creator library, linked from beUI","added":"2026-10-20","preview":"media/beui-native--streaming-response.jpg","previewSource":"https://media.beui.dev/clips/streaming-response-light.74c6506b3b.jpg","previewType":"Creator’s original React Native recording poster","platform":"React Native","selectionType":"Creator library expansion","previewWidth":600,"previewHeight":1304,"previewAnimated":false,"previewVideo":"media/recordings/beui-native--streaming-response.mp4","videoSource":"https://media.beui.dev/clips/streaming-response-light.74c6506b3b.mp4","videoType":"Unmodified original creator recording","videoMetadata":{"width":600,"height":1304,"duration":11.8},"videoSha256":"74c6506b3b83eb1412cbfe28343c23d7225c16526b796369a7a3646a658e90f8","previewVideoSource":"https://media.beui.dev/clips/streaming-response-light.74c6506b3b.mp4"},{"id":"21st--arihantcodes_1f7b8c4d--streaming-text","name":"Streaming Text","collection":"21st-community","creator":"Arihant jain","category":"Conversation craft","why":"Original conversation craft reference from Arihant jain.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@arihantcodes_1f7b8c4d/components/streaming-text","codeUrl":"https://21st.dev/@arihantcodes_1f7b8c4d/components/streaming-text","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community ai-chat catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/arihantcodes_1f7b8c4d/streaming-text/default/preview.1789956716527-19d7b509-6a9f-457e-b1d6-e460aa3582ea.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"arihantcodes_1f7b8c4d","sourceCategory":"ai-chat","creatorPublicationUrl":"https://21st.dev/@arihantcodes_1f7b8c4d/components/streaming-text","preview":"media/references/21st--arihantcodes_1f7b8c4d--streaming-text.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"6146e6b905c61c8475d9650f593c48911e7345b040e564f7e45ab93e164bd201","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@arihantcodes_1f7b8c4d/components/streaming-text"},{"id":"21st--theshanelevine--streaming-text","name":"Streaming Text","collection":"21st-community","creator":"theshanelevine","category":"Conversation craft","why":"Original conversation craft reference from theshanelevine.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@theshanelevine/components/streaming-text","codeUrl":"https://21st.dev/@theshanelevine/components/streaming-text","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community ai-chat catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_registry_theshanelevine_1785470434583/streaming-text/default/preview.1787589708623.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:55:11.791497+00:00","creatorHandle":"theshanelevine","sourceCategory":"ai-chat","creatorPublicationUrl":"https://21st.dev/@theshanelevine/components/streaming-text","canonicalComponentUrl":"https://21st.dev/@theshanelevine/components/streaming-text","preview":"media/references/21st--theshanelevine--streaming-text.png","previewWidth":960,"previewHeight":723,"previewSha256":"307659f67cbe5d415f26a135322af758bb20000f9cafdac7eea73758f1d1ab8c","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:55:11.791497+00:00"},{"id":"codrops--stylized-water-effects-with-react-three-fiber","name":"Stylized Water Effects with React Three Fiber","collection":"codrops-creative","creator":"Thalles Lopes","creatorUrl":"https://tympanus.net/codrops/hub/author/thalleslopesm","category":"Shaders & materials","styleTags":["3D","React Three Fiber","Three.js","WebGL"],"why":"Toon-shaded island with soft white foam lines and a shoreline gradient on flat turquoise water.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Tutorials/StylizedWater/","codeUrl":"https://github.com/thaslle/stylized-water","repository":"https://github.com/thaslle/stylized-water","sourceFiles":[],"commit":"","access":"Creator code page linked · HTTP 200; license/reuse terms not audited","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview review; original demo/source attribution traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub · October 20 midday review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/02/stylized-water-with-react-three-fiber.jpg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Mar 4, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T06:57:46.927245+00:00","preview":"media/references/codrops--stylized-water-effects-with-react-three-fiber.jpg","previewWidth":800,"previewHeight":600,"previewSha256":"84e44fabf1cd8a51a0ae21c934697e9a7e8d5e76f047d2ea46c851c5199b85c2","previewAnimated":false,"observedPage":6,"sourcePageCheck":{"status":200,"resolvedUrl":"https://github.com/thaslle/stylized-water","checkedAt":"2026-10-20T07:06:22.985807+00:00"}},{"id":"agent-elements--subagent-tool","name":"Subagent Tool","collection":"agent-elements","category":"Agent orchestration","why":"Delegation becomes a named work unit in the tool stream rather than a mysterious spinner. Useful bridge between a full tree and a plain transcript.","useFor":"Sub-agent work inside chat.","sourceFiles":["sources/agent-elements/code/lib/agent-ui/components/tools/subagent-tool.tsx"],"website":"https://agent-elements.21st.dev/docs/subagent-tool","repository":"https://github.com/21st-dev/agent-elements","commit":"b04b36cb6381a1dd1a0e86cc7c90564ddcd56d37","license":"MIT","access":"Source saved","review":"Live gallery + source","favorite":false,"discovered":"Independent research","added":"2026-10-20","preview":"media/screenshots/agent-elements--subagent-tool.jpg","previewType":"Screenshot of the creator’s published web demo","previewSource":"https://agent-elements.21st.dev/docs/subagent-tool","capturedAt":"2026-10-20T03:54:08.664Z","previewWidth":684,"previewHeight":450,"previewAnimated":false},{"id":"21st--cnippet-dev--v-alert-5","name":"Success Alert","collection":"21st-community","creator":"Cnippet","category":"Feedback & states","why":"Original feedback & states reference from Cnippet.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@cnippet-dev/components/v-alert-5","codeUrl":"https://21st.dev/@cnippet-dev/components/v-alert-5","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community notification catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_36Tbt0v8JdD4jEycmBFhR8tojnR/v-alert-5/default/preview.1788363461574.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"cnippet-dev","sourceCategory":"notification","creatorPublicationUrl":"https://21st.dev/@cnippet-dev/components/v-alert-5","preview":"media/references/21st--cnippet-dev--v-alert-5.png","previewWidth":960,"previewHeight":716,"previewSha256":"c2fdbd9709c9f11872c486fd1d34cbda7b2e58947fcaf9868db4391e71afa6a0","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@cnippet-dev/components/v-alert-5"},{"id":"21st--nexus-ui--suggestions","name":"Suggestions","collection":"21st-community","creator":"nexus-ui","category":"Conversation craft","why":"Original conversation craft reference from nexus-ui.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@nexus-ui/components/suggestions","codeUrl":"https://21st.dev/@nexus-ui/components/suggestions","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community ai-chat catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/nexus-ui/suggestions/default/preview.1788813431234-ab3464e9-2338-42fc-bac4-53580d9d7b61.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"nexus-ui","sourceCategory":"ai-chat","creatorPublicationUrl":"https://21st.dev/@nexus-ui/components/suggestions","preview":"media/references/21st--nexus-ui--suggestions.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"cafa40525233274d1f57d5f092635e7b9c4db98e95ae392d3202b268d8136f0f","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@nexus-ui/components/suggestions"},{"id":"21st--dhxwhy--sun-moon-theme-toggle","name":"Sun Moon Dark Mode Theme Toggle","collection":"21st-community","creator":"DHxWhy","category":"Cards & layouts","why":"Original cards & layouts reference from DHxWhy.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@dhxwhy/components/sun-moon-theme-toggle","codeUrl":"https://21st.dev/@dhxwhy/components/sun-moon-theme-toggle","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Featured by publisher; creator preview indexed; not runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community featured catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/dhxwhy/sun-moon-theme-toggle/default/preview.1791436755106-d79117a7-6907-4815-a9ea-17ac391bad7e.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"dhxwhy","sourceCategory":"featured","creatorPublicationUrl":"https://21st.dev/@dhxwhy/components/sun-moon-theme-toggle","preview":"media/references/21st--dhxwhy--sun-moon-theme-toggle.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"f2742d598b9a98484dce4054837f9bd3d5cdb1caea50bd648d0bed15882bd043","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@dhxwhy/components/sun-moon-theme-toggle"},{"id":"superwhisper-original--modes","name":"Superwhisper native mode editor","category":"Intent & input","why":"Native macOS mode editor showing a natural-language custom instructions field, Context source checkboxes (Application, Copied text, Selected text) and an open searchable Voice Model picker with favourites, NEW/EN badges and download/cloud/installed status icons. Dense but legible and shows several specific controls in one view. The other editor states are the same family, and the standalone models library table repeats the model-selection function.","favorite":false,"collection":"superwhisper-original","creator":"Superwhisper","creatorUrl":"https://superwhisper.com","website":"https://superwhisper.com/docs/modes/custom","repository":"","commit":"","codeUrl":"","sourceFiles":[],"platform":"Native macOS","access":"Paid · shown AI/context/realtime/meeting features require Pro after limited free trial; native app implementation unavailable, public documentation is not app code","license":"Proprietary application; original creator documentation images. No application source or component-reuse license established.","review":"Sonnet 5.5 Medium full-image visual review and researcher provenance/source checks; no runtime, motion, accessibility or full dependency-license audit","useFor":"Study exact original creator imagery and primary links under stated access/license terms.","selectionType":"Individually visually reviewed original reference","discovered":"Primary creator documentation and official image-only press kit · voice-trace review","added":"2026-10-20","preview":"media/references/superwhisper-original--modes-3.png","previewSha256":"0d56b07194bd8ee83392416286d54e511ba62a28705d1fc8d8bdd4b41707cd45","previewSource":"https://raw.githubusercontent.com/superultrainc/superwhisper-docs/19f607bd16b55c4c825ebc6382f2e6e4c0d64356/images/screens/mac/modes-editor-voice-model.png","previewAnimated":false,"previewType":"Exact unmodified original creator-published static image","sourceResolution":"references/voice-trace-source-evidence.json","sourcePinNote":"Pinned source is current provenance, not an exact screenshot-build claim. Selected renderer/notice/docs files are evidence, not complete component archives. Documentation source is not proprietary app implementation.","documentationRepository":"https://github.com/superultrainc/superwhisper-docs","documentationCommit":"19f607bd16b55c4c825ebc6382f2e6e4c0d64356","previewWidth":1758,"previewHeight":1192},{"id":"superwhisper-original--history","name":"Superwhisper transcription workbench","category":"Tools & execution","why":"Native macOS history entry with an inline waveform player, Original/Segmented toggle, action icons and a popup menu to reprocess the recording with another mode (Voice to text, Message, Custom). Visible idea: re-run a past transcription through a different mode. Legible and well cropped. The plain list and the detail/report-issue panel are weaker, generic states of the same family.","favorite":false,"collection":"superwhisper-original","creator":"Superwhisper","creatorUrl":"https://superwhisper.com","website":"https://superwhisper.com/docs/get-started/history","repository":"","commit":"","codeUrl":"","sourceFiles":[],"platform":"Native macOS","access":"Paid · shown AI/context/realtime/meeting features require Pro after limited free trial; native app implementation unavailable, public documentation is not app code","license":"Proprietary application; original creator documentation images. No application source or component-reuse license established.","review":"Sonnet 5.5 Medium full-image visual review and researcher provenance/source checks; no runtime, motion, accessibility or full dependency-license audit","useFor":"Study exact original creator imagery and primary links under stated access/license terms.","selectionType":"Individually visually reviewed original reference","discovered":"Primary creator documentation and official image-only press kit · voice-trace review","added":"2026-10-20","preview":"media/references/superwhisper-original--history-3.png","previewSha256":"7f77d8e27da4a855d57c36bdbe0338068ad6312b7a5c35dc6a1684cee592a520","previewSource":"https://raw.githubusercontent.com/superultrainc/superwhisper-docs/19f607bd16b55c4c825ebc6382f2e6e4c0d64356/images/screens/mac/history-process-again.png","previewAnimated":false,"previewType":"Exact unmodified original creator-published static image","sourceResolution":"references/voice-trace-source-evidence.json","sourcePinNote":"Pinned source is current provenance, not an exact screenshot-build claim. Selected renderer/notice/docs files are evidence, not complete component archives. Documentation source is not proprietary app implementation.","documentationRepository":"https://github.com/superultrainc/superwhisper-docs","documentationCommit":"19f607bd16b55c4c825ebc6382f2e6e4c0d64356","previewWidth":1722,"previewHeight":1062},{"id":"surveyjs-original--designer","name":"SurveyJS survey designer","category":"Forms & controls","why":"A searchable question toolbox, a page-design canvas and a property grid form a three-pane authoring surface. Tabs switch between design, preview, themes, logic, JSON and translations; the device-preview state stays in this one family.","favorite":false,"collection":"surveyjs-creator","creator":"Devsoft Baltic / SurveyJS","creatorUrl":"https://github.com/surveyjs/survey-creator","website":"https://surveyjs.io/survey-creator/documentation/end-user-guide/user-interface","repository":"","commit":"41bb5d13127b0d963ad2a96bfcc040944fb9b103","codeUrl":"https://github.com/surveyjs/survey-creator/tree/41bb5d13127b0d963ad2a96bfcc040944fb9b103/packages/survey-creator-core/src","sourceFiles":[],"platform":"Web","access":"Paid · Survey Creator commercial developer license required; public source is viewable and linked, not mirrored as component code","license":"Commercial SurveyJS Creator developer EULA, Copyright 2015–2026 Devsoft Baltic OÜ. Not the MIT SurveyJS Form Library.","review":"Sonnet 5.5 Medium full-image visual review plus researcher source/notice checks; no runtime, motion, accessibility or complete dependency-license audit","useFor":"Study the exact original creator image and linked creator resources under their stated access and license terms.","selectionType":"Individually visually reviewed original reference","discovered":"Original creator docs/site and pinned primary source discovery · spatial-voice-controls review","added":"2026-10-20","preview":"media/references/surveyjs-original--designer-1.png","previewSha256":"2e78c99c71caada9c723ff2962006742a43237d7589b84a9df22c7616d64dad1","previewSource":"https://cdn.surveyjs.io/surveyjs-io-app-data/DocsEditor/images/survey-creator-tabs-designer.png","previewAnimated":false,"previewType":"Exact unmodified original creator-published static image","sourceResolution":"references/spatial-voice-source-evidence.json","sourcePinNote":"Current pinned original source, not an exact screenshot-build claim. Selected source/notice files are provenance evidence, not complete component archives.","relatedLibraryRepository":"https://github.com/surveyjs/survey-creator","previewWidth":1544,"previewHeight":732},{"id":"surveyjs-original--themes","name":"SurveyJS theme editor","category":"Creative controls & effects","why":"Theme editor with a dark-themed NPS survey preview (numbered rating circles, checkboxes) beside a settings panel: theme dropdown, Light/Dark and Default/Without Panels segmented toggles, and accent and background colour fields with swatches and hex values.","favorite":false,"collection":"surveyjs-creator","creator":"Devsoft Baltic / SurveyJS","creatorUrl":"https://github.com/surveyjs/survey-creator","website":"https://surveyjs.io/survey-creator/documentation/end-user-guide/user-interface","repository":"","commit":"41bb5d13127b0d963ad2a96bfcc040944fb9b103","codeUrl":"https://github.com/surveyjs/survey-creator/blob/41bb5d13127b0d963ad2a96bfcc040944fb9b103/packages/survey-creator-core/src/components/tabs/theme-builder.ts","sourceFiles":[],"platform":"Web","access":"Paid · Survey Creator commercial developer license required; public source is viewable and linked, not mirrored as component code","license":"Commercial SurveyJS Creator developer EULA, Copyright 2015–2026 Devsoft Baltic OÜ. Not the MIT SurveyJS Form Library.","review":"Sonnet 5.5 Medium full-image visual review plus researcher source/notice checks; no runtime, motion, accessibility or complete dependency-license audit","useFor":"Study the exact original creator image and linked creator resources under their stated access and license terms.","selectionType":"Individually visually reviewed original reference","discovered":"Original creator docs/site and pinned primary source discovery · spatial-voice-controls review","added":"2026-10-20","preview":"media/references/surveyjs-original--themes.png","previewSha256":"0a4df3ae8c5336897dfa50893a4fd57e22aa21bd012be3be71d0c4f455f25be6","previewSource":"https://cdn.surveyjs.io/surveyjs-io-app-data/DocsEditor/images/theme-editor.png","previewAnimated":false,"previewType":"Exact unmodified original creator-published static image","sourceResolution":"references/spatial-voice-source-evidence.json","sourcePinNote":"Current pinned original source, not an exact screenshot-build claim. Selected source/notice files are provenance evidence, not complete component archives.","relatedLibraryRepository":"https://github.com/surveyjs/survey-creator","previewWidth":1920,"previewHeight":805},{"id":"surveyjs-original--translation","name":"SurveyJS translation workspace","category":"Forms & controls","why":"Multilingual string editor: a column grid with the same HTML text in English, French, German, Spanish and Italian side by side, with All Pages and Used Strings Only filters and import/export icons. A language list on the right has checkboxes, drag handles, translate and delete icons, and an add button. The bottom rows are clipped by the crop.","favorite":false,"collection":"surveyjs-creator","creator":"Devsoft Baltic / SurveyJS","creatorUrl":"https://github.com/surveyjs/survey-creator","website":"https://surveyjs.io/survey-creator/documentation/end-user-guide/user-interface","repository":"","commit":"41bb5d13127b0d963ad2a96bfcc040944fb9b103","codeUrl":"https://github.com/surveyjs/survey-creator/blob/41bb5d13127b0d963ad2a96bfcc040944fb9b103/packages/survey-creator-core/src/components/tabs/translation.ts","sourceFiles":[],"platform":"Web","access":"Paid · Survey Creator commercial developer license required; public source is viewable and linked, not mirrored as component code","license":"Commercial SurveyJS Creator developer EULA, Copyright 2015–2026 Devsoft Baltic OÜ. Not the MIT SurveyJS Form Library.","review":"Sonnet 5.5 Medium full-image visual review plus researcher source/notice checks; no runtime, motion, accessibility or complete dependency-license audit","useFor":"Study the exact original creator image and linked creator resources under their stated access and license terms.","selectionType":"Individually visually reviewed original reference","discovered":"Original creator docs/site and pinned primary source discovery · spatial-voice-controls review","added":"2026-10-20","preview":"media/references/surveyjs-original--translation.png","previewSha256":"bb2d9571127cdafda6c16b537ede09301ca8930465d1adeb497daadc9c1dc29e","previewSource":"https://cdn.surveyjs.io/surveyjs-io-app-data/DocsEditor/images/survey-creator-translation-tab.png","previewAnimated":false,"previewType":"Exact unmodified original creator-published static image","sourceResolution":"references/spatial-voice-source-evidence.json","sourcePinNote":"Current pinned original source, not an exact screenshot-build claim. Selected source/notice files are provenance evidence, not complete component archives.","relatedLibraryRepository":"https://github.com/surveyjs/survey-creator","previewWidth":1544,"previewHeight":584},{"id":"surveyjs-original--logic","name":"SurveyJS visual logic authoring","category":"Forms & controls","why":"Visual rule builder that reads as a sentence: 'If [question chip] [Equals chip]' with an answer dropdown card, then an and/or operator popover on an added condition row with a delete icon, a 'then Select action' chip and a Done button. Colour-coded chips distinguish question, operator and action. Condition-state variants are folded into this one family.","favorite":false,"collection":"surveyjs-creator","creator":"Devsoft Baltic / SurveyJS","creatorUrl":"https://github.com/surveyjs/survey-creator","website":"https://surveyjs.io/survey-creator/documentation/end-user-guide/user-interface","repository":"","commit":"41bb5d13127b0d963ad2a96bfcc040944fb9b103","codeUrl":"https://github.com/surveyjs/survey-creator/blob/41bb5d13127b0d963ad2a96bfcc040944fb9b103/packages/survey-creator-core/src/components/tabs/logic-ui.ts","sourceFiles":[],"platform":"Web","access":"Paid · Survey Creator commercial developer license required; public source is viewable and linked, not mirrored as component code","license":"Commercial SurveyJS Creator developer EULA, Copyright 2015–2026 Devsoft Baltic OÜ. Not the MIT SurveyJS Form Library.","review":"Sonnet 5.5 Medium full-image visual review plus researcher source/notice checks; no runtime, motion, accessibility or complete dependency-license audit","useFor":"Study the exact original creator image and linked creator resources under their stated access and license terms.","selectionType":"Individually visually reviewed original reference","discovered":"Original creator docs/site and pinned primary source discovery · spatial-voice-controls review","added":"2026-10-20","preview":"media/references/surveyjs-original--logic-2.png","previewSha256":"18fc4dd1c6b3cb98753b2704131dba48e4e79bd1cb884b08a43c85d20082791a","previewSource":"https://cdn.surveyjs.io/surveyjs-io-app-data/DocsEditor/images/survey-creator-multiple-conditions.png","previewAnimated":false,"previewType":"Exact unmodified original creator-published static image","sourceResolution":"references/spatial-voice-source-evidence.json","sourcePinNote":"Current pinned original source, not an exact screenshot-build claim. Selected source/notice files are provenance evidence, not complete component archives.","relatedLibraryRepository":"https://github.com/surveyjs/survey-creator","previewWidth":772,"previewHeight":705},{"id":"beui-native--swipeable-list","name":"Swipeable List · Native","collection":"beui-native","category":"React Native","why":"Rows that swipe to reveal actions.","useFor":"Original React Native component from the creator’s public library. Image reference with original demo and source links.","sourceFiles":["sources/beui-native/code/src/components/swipeable-list/index.ts","sources/beui-native/code/src/components/swipeable-list/swipeable-list.tsx"],"website":"https://beui.dev/react-native/swipeable-list","repository":"https://github.com/starc007/beui-native","commit":"","license":"MIT","access":"Source saved","review":"Official creator catalog · not individually runtime-tested","favorite":false,"discovered":"Original creator library, linked from beUI","added":"2026-10-20","preview":"media/beui-native--swipeable-list.jpg","previewSource":"https://media.beui.dev/clips/swipeable-list-light.70546afcf5.jpg","previewType":"Creator’s original React Native recording poster","platform":"React Native","selectionType":"Creator library expansion","previewWidth":600,"previewHeight":1304,"previewAnimated":false,"previewVideo":"media/recordings/beui-native--swipeable-list.mp4","videoSource":"https://media.beui.dev/clips/swipeable-list-light.70546afcf5.mp4","videoType":"Unmodified original creator recording","videoMetadata":{"width":600,"height":1304,"duration":7.083333},"videoSha256":"70546afcf5c2e1b38545e8fba103b3c55775d6b108ba7428db45a1cb96a43773","previewVideoSource":"https://media.beui.dev/clips/swipeable-list-light.70546afcf5.mp4"},{"id":"beui-native--switch","name":"Switch · Native","collection":"beui-native","category":"React Native","why":"A weighty thumb that squishes and stretches.","useFor":"Original React Native component from the creator’s public library. Image reference with original demo and source links.","sourceFiles":["sources/beui-native/code/src/components/switch/index.ts","sources/beui-native/code/src/components/switch/switch.tsx"],"website":"https://beui.dev/react-native/switch","repository":"https://github.com/starc007/beui-native","commit":"","license":"MIT","access":"Source saved","review":"Official creator catalog · not individually runtime-tested","favorite":false,"discovered":"Original creator library, linked from beUI","added":"2026-10-20","preview":"media/beui-native--switch.jpg","previewSource":"https://media.beui.dev/clips/switch-light.f02eb6d2bc.jpg","previewType":"Creator’s original React Native recording poster","platform":"React Native","selectionType":"Creator library expansion","previewWidth":600,"previewHeight":1304,"previewAnimated":false,"previewVideo":"media/recordings/beui-native--switch.mp4","videoSource":"https://media.beui.dev/clips/switch-light.f02eb6d2bc.mp4","videoType":"Unmodified original creator recording","videoMetadata":{"width":600,"height":1304,"duration":6.5},"videoSha256":"f02eb6d2bc04d3b28af4b42d8eb8b2d08307409b64466e7e503dcdcc1dc5ae1e","previewVideoSource":"https://media.beui.dev/clips/switch-light.f02eb6d2bc.mp4"},{"id":"21st--ibelick--system-message","name":"System Message","collection":"21st-community","creator":"Julien Thibeaut","category":"Conversation craft","why":"Original conversation craft reference from Julien Thibeaut.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@ibelick/components/system-message","codeUrl":"https://21st.dev/@ibelick/components/system-message","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community ai-chat catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/ibelick/system-message/default/preview.1789959475401-50123bc7-7bfc-43fe-9634-1032df9fdaa5.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"ibelick","sourceCategory":"ai-chat","creatorPublicationUrl":"https://21st.dev/@ibelick/components/system-message","preview":"media/references/21st--ibelick--system-message.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"1ec54f3e0ed32340d590b560b07d4add1375f8b6639912471231021a59bc97a8","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@ibelick/components/system-message"},{"id":"21st--preetsuthar17--system-status-block","name":"System Status Block","collection":"21st-community","creator":"Preet Suthar","category":"Dashboards & data","why":"Original dashboards & data reference from Preet Suthar.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@preetsuthar17/components/system-status-block","codeUrl":"https://21st.dev/@preetsuthar17/components/system-status-block","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community dashboard catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_2rWolCuRnJW3DRiuQ5JHrl5kj8a/system-status-block/default/preview.1787178376276.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"preetsuthar17","sourceCategory":"dashboard","creatorPublicationUrl":"https://21st.dev/@preetsuthar17/components/system-status-block","preview":"media/references/21st--preetsuthar17--system-status-block.png","previewWidth":960,"previewHeight":740,"previewSha256":"60e97b00ac2b7a6e862cfc286594472563eacfd5a88657255f95570ba3427158","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@preetsuthar17/components/system-status-block"},{"id":"21st--originui--table","name":"Table","collection":"21st-community","creator":"Origin UI","category":"Dashboards & data","why":"Original dashboards & data reference from Origin UI.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@originui/components/table/table-with-vertical-lines","codeUrl":"https://21st.dev/@originui/components/table/table-with-vertical-lines","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community dashboard catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_originui/table/table-with-vertical-lines/preview.png?v=1","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"originui","sourceCategory":"dashboard","creatorPublicationUrl":"https://21st.dev/@originui/components/table/table-with-vertical-lines","preview":"media/references/21st--originui--table.png","previewWidth":960,"previewHeight":865,"previewSha256":"f5ed8a59ea895360740329f0686d86830c861b07f9d8d3e7949801b3c6dbeaa3","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@originui/components/table"},{"id":"21st--appica-dev--toc","name":"Table of Contents","collection":"21st-community","creator":"appica-dev","category":"Navigation & search","why":"Original navigation & search reference from appica-dev.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@appica-dev/components/toc","codeUrl":"https://21st.dev/@appica-dev/components/toc","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community sidebar catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_registry_appica-dev_1790790016927/toc/default/preview.1790808454423.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"appica-dev","sourceCategory":"sidebar","creatorPublicationUrl":"https://21st.dev/@appica-dev/components/toc","preview":"media/references/21st--appica-dev--toc.jpg","previewWidth":960,"previewHeight":685,"previewSha256":"b0979a73f6ac83cb7918f7364b0a22f55ed0553a793c796cc01396a2b09dd053","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@appica-dev/components/toc"},{"id":"21st--sean0205--tabs","name":"Tabs","collection":"21st-community","creator":"Sean Hello","category":"Feedback & states","why":"Original feedback & states reference from Sean Hello.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@sean0205/components/tabs/badge","codeUrl":"https://21st.dev/@sean0205/components/tabs/badge","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community notification catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/sean0205/tabs/badge/preview.1752749357400.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"sean0205","sourceCategory":"notification","creatorPublicationUrl":"https://21st.dev/@sean0205/components/tabs/badge","preview":"media/references/21st--sean0205--tabs.png","previewWidth":874,"previewHeight":646,"previewSha256":"5f9511e75657af6e2d6b5aa171f65ef59bf4d70109b6899e807542902d682a9a","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@sean0205/components/tabs"},{"id":"beui-native--tabs","name":"Tabs · Native","collection":"beui-native","category":"React Native","why":"Pill, segment and underline with a gliding indicator.","useFor":"Original React Native component from the creator’s public library. Image reference with original demo and source links.","sourceFiles":["sources/beui-native/code/src/components/tabs/index.ts","sources/beui-native/code/src/components/tabs/tabs.tsx"],"website":"https://beui.dev/react-native/tabs","repository":"https://github.com/starc007/beui-native","commit":"","license":"MIT","access":"Source saved","review":"Official creator catalog · not individually runtime-tested","favorite":false,"discovered":"Original creator library, linked from beUI","added":"2026-10-20","preview":"media/beui-native--tabs.jpg","previewSource":"https://media.beui.dev/clips/tabs-light.dde453bfa1.jpg","previewType":"Creator’s original React Native recording poster","platform":"React Native","selectionType":"Creator library expansion","previewWidth":600,"previewHeight":1304,"previewAnimated":false,"previewVideo":"media/recordings/beui-native--tabs.mp4","videoSource":"https://media.beui.dev/clips/tabs-light.dde453bfa1.mp4","videoType":"Unmodified original creator recording","videoMetadata":{"width":600,"height":1304,"duration":21.166667},"videoSha256":"dde453bfa1bff75da92aad343dbc43c3fe3352eb0deaedde1bd1b7d7adf1204a","previewVideoSource":"https://media.beui.dev/clips/tabs-light.dde453bfa1.mp4"},{"added":"2026-10-20","sourceFiles":[],"repository":"https://github.com/guitaripod/Tailscode","commit":"49ba24dff7218de2194c66a8a16e4f864bd5c03a","codeUrl":"https://github.com/guitaripod/Tailscode/blob/49ba24dff7218de2194c66a8a16e4f864bd5c03a/TailscodeWidget/LiveActivityViews.swift","previewAnimated":false,"discovered":"Original X creator trails, native feature tour and primary motion tools · workflow-spatial review","selectionType":"Visually reviewed original reference","review":"Sonnet 5.5 Medium static visual review; provenance/source checks, not runtime, accessibility or full license/dependency audit","useFor":"Study the exact original reference and linked creator source. Respect its access and license terms.","id":"tailscode--lock-screen","name":"Tailscode Lock Screen agent Live Activity","category":"Thinking & progress","why":"A Live Activity on the iPhone lock screen shows the task title, an orange hand icon with 'Awaiting your approval', the pending tool (Edit) and elapsed time. Agent status you can read without opening the app.","favorite":false,"collection":"tailscode","preview":"media/references/tailscode--phone-lock.webp","previewSha256":"7c3e1eba491a2ec856d1c119cccb80a9e19377c3c781498ce840568d8e7c9e71","website":"https://midgarcorp.cc/tailscode/","previewSource":"https://midgarcorp.cc/screenshots/tailscode/phone-lock.webp?v=11","additionalOriginalImages":[],"creator":"Markus · guitaripod / Midgar Oy","creatorUrl":"https://midgarcorp.cc/tailscode/","access":"Original GPL-3.0 source linked · native app; not a full archive; App Store Pro features sold separately","license":"GPL-3.0 original repository; exact LICENSE bytes and selected renderer bytes checked. UIKit iPhone/iPad; Swift GTK4 Linux, not React Native.","sourceResolution":"references/workflow-spatial-native-source-checks.json","sourcePinNote":"Pinned public renderer path, not a claim of exact screenshot-build revision.","previewType":"Exact original static screenshot from the creator’s built-in demo feature tour; canonical functional interface family","previewWidth":1320,"previewHeight":2868},{"added":"2026-10-20","sourceFiles":[],"repository":"https://github.com/guitaripod/Tailscode","commit":"49ba24dff7218de2194c66a8a16e4f864bd5c03a","codeUrl":"https://github.com/guitaripod/Tailscode/blob/49ba24dff7218de2194c66a8a16e4f864bd5c03a/Tailscode/Chat/ChatCells.swift#L1713","previewAnimated":false,"discovered":"Original X creator trails, native feature tour and primary motion tools · workflow-spatial review","selectionType":"Visually reviewed original reference","review":"Sonnet 5.5 Medium static visual review; provenance/source checks, not runtime, accessibility or full license/dependency audit","useFor":"Study the exact original reference and linked creator source. Respect its access and license terms.","id":"tailscode--question-card","name":"Tailscode Native agent question card","category":"Human control","why":"'The agent has a question' shows a small-caps topic label, then multi-select option cards each with a one-line trade-off (e.g. 'Highest traffic — fastest read on significance'), a free-text field and Skip/Answer. It is a structured clarification form inside the chat.","favorite":false,"collection":"tailscode","preview":"media/references/tailscode--phone-question.webp","previewSha256":"6bef0a159fc6ad29dd5c054135a89522bc8f60135f206c1d414421175497321f","website":"https://midgarcorp.cc/tailscode/","previewSource":"https://midgarcorp.cc/screenshots/tailscode/phone-question.webp?v=11","additionalOriginalImages":[],"creator":"Markus · guitaripod / Midgar Oy","creatorUrl":"https://midgarcorp.cc/tailscode/","access":"Original GPL-3.0 source linked · native app; not a full archive; App Store Pro features sold separately","license":"GPL-3.0 original repository; exact LICENSE bytes and selected renderer bytes checked. UIKit iPhone/iPad; Swift GTK4 Linux, not React Native.","sourceResolution":"references/workflow-spatial-native-source-checks.json","sourcePinNote":"Pinned public renderer path, not a claim of exact screenshot-build revision.","previewType":"Exact original static screenshot from the creator’s built-in demo feature tour; canonical functional interface family","previewWidth":1320,"previewHeight":2868},{"added":"2026-10-20","sourceFiles":[],"repository":"https://github.com/guitaripod/Tailscode","commit":"49ba24dff7218de2194c66a8a16e4f864bd5c03a","codeUrl":"https://github.com/guitaripod/Tailscode/blob/49ba24dff7218de2194c66a8a16e4f864bd5c03a/Tailscode/Chat/ChatCells.swift#L611","previewAnimated":false,"discovered":"Original X creator trails, native feature tour and primary motion tools · workflow-spatial review","selectionType":"Visually reviewed original reference","review":"Sonnet 5.5 Medium static visual review; provenance/source checks, not runtime, accessibility or full license/dependency audit","useFor":"Study the exact original reference and linked creator source. Respect its access and license terms.","id":"tailscode--permission-gate","name":"Tailscode Native permission gate with edit context","category":"Human control","why":"An 'Allow Edit?' card names the exact file (SettingsView.swift) and sits directly under the proposed red/green diff, with Allow once / Always / Deny as three tinted buttons. The header shows 'Awaiting your approval · 29:10'.","favorite":false,"collection":"tailscode","preview":"media/references/tailscode--phone-approval.webp","previewSha256":"05981a77ff5143b620900bd149137e6fa8dd54b3c6c9662b1639a16acc69658e","website":"https://midgarcorp.cc/tailscode/","previewSource":"https://midgarcorp.cc/screenshots/tailscode/phone-approval.webp?v=11","additionalOriginalImages":["media/references/tailscode--ipad-ws-approve.webp"],"creator":"Markus · guitaripod / Midgar Oy","creatorUrl":"https://midgarcorp.cc/tailscode/","access":"Original GPL-3.0 source linked · native app; not a full archive; App Store Pro features sold separately","license":"GPL-3.0 original repository; exact LICENSE bytes and selected renderer bytes checked. UIKit iPhone/iPad; Swift GTK4 Linux, not React Native.","sourceResolution":"references/workflow-spatial-native-source-checks.json","sourcePinNote":"Pinned public renderer path, not a claim of exact screenshot-build revision.","previewType":"Exact original static screenshot from the creator’s built-in demo feature tour; canonical functional interface family","previewWidth":1320,"previewHeight":2868},{"added":"2026-10-20","sourceFiles":[],"repository":"https://github.com/guitaripod/Tailscode","commit":"49ba24dff7218de2194c66a8a16e4f864bd5c03a","codeUrl":"https://github.com/guitaripod/Tailscode/blob/49ba24dff7218de2194c66a8a16e4f864bd5c03a/Tailscode/Git/GitDiffViewController.swift","previewAnimated":false,"discovered":"Original X creator trails, native feature tour and primary motion tools · workflow-spatial review","selectionType":"Visually reviewed original reference","review":"Sonnet 5.5 Medium static visual review; provenance/source checks, not runtime, accessibility or full license/dependency audit","useFor":"Study the exact original reference and linked creator source. Respect its access and license terms.","id":"tailscode--diff-reader","name":"Tailscode Native repository diff reader","category":"Artifacts & evidence","why":"The full git diff opens as a bottom sheet with a grabber handle, a +7 −2 summary, a hunk header and dual old/new line numbers with red and green rows. Real patch evidence is readable on a phone.","favorite":false,"collection":"tailscode","preview":"media/references/tailscode--phone-diff.webp","previewSha256":"c4ff181f335f6064715c9b6d50cba5a591396475d8dff4c9c1601d87f9004dcb","website":"https://midgarcorp.cc/tailscode/","previewSource":"https://midgarcorp.cc/screenshots/tailscode/phone-diff.webp?v=11","additionalOriginalImages":["media/references/tailscode--ipad-ws-diff.webp"],"creator":"Markus · guitaripod / Midgar Oy","creatorUrl":"https://midgarcorp.cc/tailscode/","access":"Original GPL-3.0 source linked · native app; not a full archive; App Store Pro features sold separately","license":"GPL-3.0 original repository; exact LICENSE bytes and selected renderer bytes checked. UIKit iPhone/iPad; Swift GTK4 Linux, not React Native.","sourceResolution":"references/workflow-spatial-native-source-checks.json","sourcePinNote":"Pinned public renderer path, not a claim of exact screenshot-build revision.","previewType":"Exact original static screenshot from the creator’s built-in demo feature tour; canonical functional interface family","previewWidth":1320,"previewHeight":2868},{"added":"2026-10-20","sourceFiles":[],"repository":"https://github.com/guitaripod/Tailscode","commit":"49ba24dff7218de2194c66a8a16e4f864bd5c03a","codeUrl":"https://github.com/guitaripod/Tailscode/blob/49ba24dff7218de2194c66a8a16e4f864bd5c03a/Tailscode/Usage/UsageViewController.swift","previewAnimated":false,"discovered":"Original X creator trails, native feature tour and primary motion tools · workflow-spatial review","selectionType":"Visually reviewed original reference","review":"Sonnet 5.5 Medium static visual review; provenance/source checks, not runtime, accessibility or full license/dependency audit","useFor":"Study the exact original reference and linked creator source. Respect its access and license terms.","id":"tailscode--usage-family","name":"Tailscode Native usage, quota and widget family","category":"Dashboards & data","why":"A ring gauge for the 'Tightest window' (62%, resets 2h 47m, 'Getting tight') sits above per-provider session/weekly bars. The month view adds a day-by-day bar chart, and the home-screen widgets reuse the same ring-plus-bars language.","favorite":false,"collection":"tailscode","preview":"media/references/tailscode--phone-limits.webp","previewSha256":"d017e5dd000aefb523c4487cc7d486813f71e6acf4fb97e447462443640b4308","website":"https://midgarcorp.cc/tailscode/","previewSource":"https://midgarcorp.cc/screenshots/tailscode/phone-limits.webp?v=11","additionalOriginalImages":["media/references/tailscode--phone-costs.webp","media/references/tailscode--widgets.webp"],"creator":"Markus · guitaripod / Midgar Oy","creatorUrl":"https://midgarcorp.cc/tailscode/","access":"Original GPL-3.0 source linked · native app; not a full archive; App Store Pro features sold separately","license":"GPL-3.0 original repository; exact LICENSE bytes and selected renderer bytes checked. UIKit iPhone/iPad; Swift GTK4 Linux, not React Native.","sourceResolution":"references/workflow-spatial-native-source-checks.json","sourcePinNote":"Pinned public renderer path, not a claim of exact screenshot-build revision.","previewType":"Exact original static screenshot from the creator’s built-in demo feature tour; canonical functional interface family","previewWidth":1320,"previewHeight":2868},{"collection":"tangent-original","creator":"suchnsuch / Tangent contributors","creatorUrl":"https://github.com/suchnsuch/Tangent","repository":"https://github.com/suchnsuch/Tangent","commit":"cb66e82b64d9c92a360ab28071e6d9a1631cec47","website":"https://github.com/suchnsuch/Tangent/blob/cb66e82b64d9c92a360ab28071e6d9a1631cec47/README.md","platform":"Desktop Electron / Svelte · navigation-history map","license":"Apache-2.0 at root and tangent-electron package. Typewriter forks, other submodules, fonts and content rights separate; original package/root notices retained.","id":"tangent-navigation-map","name":"Tangent · connected navigation-history map","category":"Navigation & search","why":"The map renders browsing history as a left-to-right branching trail: a timestamped root ('Today 6:22pm' beside 2023-10-22) fans out to The Sunken, Bastion and on to the current note Captain Elshvader. The walked route is a thick green path with outlined green nodes and a solid green current node. Visited notes sit in brighter, larger chips (Anat, Arvo Daltless, Naria Helles), while unvisited linked notes (The Wraiths, The Gondoliers, The Silkshore, The Windswept) are dimmed. Edges are color-coded by relationship (purple to Arvo Daltless, blue to Naria Helles), and the dark and 995px shots add a dashed blue link between Bombay and The Bluecoats. So it works as a history-plus-link map that shows where you came from, where you are and what else is adjacent, which note panes and a generic force graph don't do. Weaknesses: it reads partly like a mind-map tree, long edges run through chips (the line through The Bluecoats and the crossings near The Docks), and the type is small. The path-versus-dim hierarchy and the time anchor are still distinctive and useful enough to accept. The sliding-panel interface is excluded and not judged.","favorite":false,"codeUrl":"https://github.com/suchnsuch/Tangent/blob/cb66e82b64d9c92a360ab28071e6d9a1631cec47/apps/tangent-electron/src/app/views/Tangent/MapView.svelte","sourceFiles":[],"access":"Public original source · exact licenses below; external services, add-ons and dependency access separate; not executed","review":"Sonnet5.5 Medium full-image visual review and researcher source/provenance checks; not runtime, motion, accessibility or complete dependency-license audited","useFor":"Study the exact original interface image and follow the original implementation under its stated license.","selectionType":"Individually visually reviewed original reference","discovered":"Original spatial and instrument interfaces · spatial-instruments review","added":"2026-10-20","preview":"media/references/spatial-instruments--tangent-blades-map-dark-2x.jpg","previewSha256":"bf147e127e88dbb73e868a644ad4c1913785365f9c1dc20c4ad13a826dbe23b4","previewSource":"https://raw.githubusercontent.com/suchnsuch/Tangent/cb66e82b64d9c92a360ab28071e6d9a1631cec47/apps/tangent-website/static/shots/blades-map-dark-2x.jpeg","previewAnimated":false,"previewType":"Exact unmodified original creator static image","previewWidth":3072,"previewHeight":1728,"sourceResolution":"references/spatial-tangent-source-evidence.json","sourcePinNote":"Only the original connected navigation-history map is selected, once across dark/light states. Creator acknowledges general Obsidian influence and credits Andy Matuschak for sliding panels; those sliding-panel interfaces are excluded. Actual 2x repository asset is preserved, not upscaled. MapView/MapNodeView source checked; screenshot-build equality not claimed."},{"id":"21st--preetsuthar17--task-filters","name":"Task Filters","collection":"21st-community","creator":"Preet Suthar","category":"Navigation & search","why":"Original navigation & search reference from Preet Suthar.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@preetsuthar17/components/task-filters","codeUrl":"https://21st.dev/@preetsuthar17/components/task-filters","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community search catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/preetsuthar17/task-filters/default/preview.1787213654360-d40cd1fc-e929-4b19-8e72-9f16bf76a4b2.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"preetsuthar17","sourceCategory":"search","creatorPublicationUrl":"https://21st.dev/@preetsuthar17/components/task-filters","preview":"media/references/21st--preetsuthar17--task-filters.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"a571a883e488e3897bde01fa1d89e847d9657d0c49fa9263a3afdc2ef33a525d","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@preetsuthar17/components/task-filters"},{"id":"webzibition--tbwa-hakuhodo","name":"TBWA\\HAKUHODO","collection":"webzibition","creator":"TBWA\\HAKUHODO · original site","creatorAttribution":"Site identity from the publisher listing; individual design author not independently verified","category":"Editorial & typography","why":"Oversized lime and white repeating agency name over photo tiles in dark tones; loud tiled-type masthead.","useFor":"Study the original website’s composition and presentation; code availability is unverified.","website":"https://www.tbwahakuhodo.co.jp/","codeUrl":"","repository":"","sourceFiles":[],"commit":"","access":"Design reference · public source not traced","license":"Website and preview rights belong to their respective owners; no source or reuse license verified","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited; original website returned HTTP200; screenshot may predate the current live design","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"Codrops Webzibition → original website","added":"2026-10-20","preview":"media/references/webzibition--tbwa-hakuhodo.webp","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/08/tbw-1200x649.png.webp?x67708","previewType":"Codrops publisher screenshot of the linked original website; not a fresh live capture","previewWidth":1200,"previewHeight":649,"previewSha256":"a17daac49f869ec64c558dd6eb12e33c6012e352a872b759eeadd6c0858ad0dc","previewAnimated":false,"publisherIndex":"https://tympanus.net/codrops/webzibition/","publisherRecord":"post-120119","pageTitle":"TBWA\\HAKUHODO","pageCheckedAt":"2026-10-20T05:54:32.868906+00:00","pageAvailability":"HTTP200; same-domain original website","retrievedAt":"2026-10-20T05:54:32.868906+00:00"},{"id":"affectui--team-invite","name":"Team Invite","collection":"affectui","category":"Spatial & motion","why":"The original motion explains joining a team through a dragged identity and a resolved connection.","useFor":"Supporting interaction and motion craft for agent products.","sourceFiles":["sources/affectui/code/illustrations/team-invite.tsx"],"website":"https://www.affectui.com/illustrations/team-invite","repository":"https://github.com/flohoeller/affectui","commit":"cc799e7e438efcea8d484fa27932405ea60bff9a","license":"MIT","access":"Source saved","review":"Original creator recording + exact source","favorite":false,"discovered":"X bookmarks","added":"2026-10-20","preview":"media/stills/affectui--team-invite.png","previewSource":"https://www.affectui.com/illustrations/team-invite","previewType":"Still frame from creator’s original animation","previewOriginalAsset":"media/affectui--team-invite.webp","previewFrameIndex":25,"previewWidth":959,"previewHeight":599,"previewAnimated":false,"previewVideo":"media/recordings/affectui--team-invite.mp4","videoSource":"https://github.com/flohoeller/affectui/blob/cc799e7e438efcea8d484fa27932405ea60bff9a/.github/assets/showcase/team-invite-light.webp","videoType":"MP4 transcode of creator’s original animation; original asset preserved","videoMetadata":{"width":960,"height":600,"duration":5.48},"videoSha256":"054fa3c6576ee254fc9f6a6f57e3702e620b95630e43dc15b25bcc6948cd0ae6","videoOriginalAsset":"media/affectui--team-invite.webp","videoOriginalSha256":"ef02567b123c85b64309efaecb3fd0af789462b405bf99f9af8e2b168e8d2e92","videoDerivation":"Exact decoded creator frames and timing, H.264 encoding; at most one pixel of edge padding for browser compatibility. No upscaling or invented frames.","previewVideoSource":"https://github.com/flohoeller/affectui/blob/cc799e7e438efcea8d484fa27932405ea60bff9a/.github/assets/showcase/team-invite-light.webp"},{"id":"21st--preetsuthar17--team-invite","name":"Team Invite","collection":"21st-community","creator":"Preet Suthar","category":"Human control","why":"Permission-sharing dialog with the workspace header and member count, an invite field with a 'Can view' role dropdown and a disabled-looking Send Invite button. An access list below gives each member an avatar, an email and a per-row role selector, with an Owner badge on the first row. It is a dense, specific control arrangement for delegated access, though small in the sheet.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@preetsuthar17/components/team-invite","codeUrl":"https://21st.dev/@preetsuthar17/components/team-invite","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Sonnet 5.5 Medium individual full-image visual audit of original published preview; source access remains unverified, not runtime or accessibility tested","selectionType":"Individually visually reviewed creator-catalog reference","favorite":false,"discovered":"Creator-published 21st community modal catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_2rWolCuRnJW3DRiuQ5JHrl5kj8a/team-invite/default/preview.1787916305022.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"preetsuthar17","sourceCategory":"modal","creatorPublicationUrl":"https://21st.dev/@preetsuthar17/components/team-invite","preview":"media/references/21st--preetsuthar17--team-invite.png","previewWidth":960,"previewHeight":951,"previewSha256":"322519450f1e301bd36c62df05158d19b03ab6cbd6cc76598f7c1ba248e487da","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@preetsuthar17/components/team-invite","qualityReview":"references/older-input-quality-curation.json"},{"id":"codrops--telescope-zoom-animation-on-scroll-with-gsap","name":"Telescope Zoom Animation on Scroll with GSAP","collection":"codrops-creative","creator":"Joffrey Spitzer","creatorUrl":"https://tympanus.net/codrops/hub/author/joffreyspitzer","category":"Galleries & transitions","styleTags":["gsap","scroll","zoom"],"why":"Original galleries & transitions reference published in the Codrops Creative Hub; inspect the image and original demo for its visual approach.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Tutorials/TelescopeZoom/","codeUrl":"https://github.com/joffreysp/telescope-zoom","repository":"https://github.com/joffreysp/telescope-zoom","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Contact-sheet preview reviewed with Sonnet 5.5 Medium; original publisher links traced; not runtime-tested","selectionType":"Preview-reviewed design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/10/Telescopezoom-768x576.jpg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Oct 29, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:23:38.056369+00:00","preview":"media/references/codrops--telescope-zoom-animation-on-scroll-with-gsap.jpg","previewWidth":768,"previewHeight":576,"previewSha256":"c50788fb3bf66e08b95598a57281a313c8c42896a1e1e59f04fa6ff86ff55f05","previewAnimated":false},{"id":"ai-elements--terminal","name":"Terminal","collection":"ai-elements","creator":"Vercel · AI Elements","category":"Tools & execution","why":"Titled Build Output panel with copy and clear icons, green check lines, blue info and yellow warn tags, and a colour-aligned route/size table.","useFor":"Inspect the original creator demo and implementation before adoption.","website":"https://elements.ai-sdk.dev/components/terminal","codeUrl":"https://github.com/vercel/ai-elements/blob/ca8be600bfd01b3131f9bf6134b51602a71f4374/packages/elements/src/terminal.tsx","repository":"https://github.com/vercel/ai-elements","sourceFiles":["sources/ai-elements/code/packages/elements/src/terminal.tsx","sources/ai-elements/code/packages/examples/src/terminal.tsx"],"commit":"ca8be600bfd01b3131f9bf6134b51602a71f4374","access":"Source saved","license":"Apache-2.0 (original repository license notice preserved)","review":"Sonnet-assisted static visual review; original demo captured; not runtime/accessibility audited","selectionType":"Visually reviewed original component","favorite":false,"discovered":"Category gap research → official creator documentation","added":"2026-10-20","preview":"media/references/ai-elements--terminal.jpg","previewSource":"https://elements.ai-sdk.dev/components/terminal","previewType":"Static capture of the published demo; source snapshot pinned separately","previewWidth":685,"previewHeight":438,"previewSha256":"138324cc919f3ca6c930eb8f96b7fab8c63afb091a4f8e35f59a370e55922c37","previewAnimated":false,"rawCapture":"evidence/elements-terminal-full.jpg","captureBounds":{"left":289,"top":145,"right":982,"bottom":736},"emptyPaddingCrop":{"left":3,"top":4,"right":688,"bottom":442},"retrievedAt":"2026-10-20T06:40:03.546448+00:00"},{"id":"21st--prebuiltui--testimonial","name":"Testimonial","collection":"21st-community","creator":"prebuiltui","category":"Cards & layouts","why":"Original cards & layouts reference from prebuiltui.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@prebuiltui/components/testimonial/testimonial-with-outer-border","codeUrl":"https://21st.dev/@prebuiltui/components/testimonial/testimonial-with-outer-border","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community card catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_prebuiltui/testimonial/testimonial-with-outer-border/preview.1785940103527.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"prebuiltui","sourceCategory":"card","creatorPublicationUrl":"https://21st.dev/@prebuiltui/components/testimonial/testimonial-with-outer-border","preview":"media/references/21st--prebuiltui--testimonial.png","previewWidth":846,"previewHeight":561,"previewSha256":"5fea3701837afcca3bf31db17cd7ff313956cc16daca3b1708e33c45114a2f0f","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@prebuiltui/components/testimonial"},{"id":"21st--uilayout.contact--testimonial","name":"testimonial","collection":"21st-community","creator":"ui layout","category":"Cards & layouts","why":"Original cards & layouts reference from ui layout.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@uilayout.contact/components/testimonial","codeUrl":"https://21st.dev/@uilayout.contact/components/testimonial","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community grid catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_2zAsvSHo1IeJGKtSjJ3uR1N1Cd7/testimonial/default/preview.1785944842901.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"uilayout.contact","sourceCategory":"grid","creatorPublicationUrl":"https://21st.dev/@uilayout.contact/components/testimonial","preview":"media/references/21st--uilayout.contact--testimonial.png","previewWidth":786,"previewHeight":577,"previewSha256":"de6644b3d39fe627cf76e9752174eb2a57108b96d945cec7b752651c70e3afc6","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@uilayout.contact/components/testimonial"},{"id":"21st--efferd--testimonials-section","name":"Testimonials Section","collection":"21st-community","creator":"Efferd","category":"Cards & layouts","why":"Original cards & layouts reference from Efferd.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@efferd/components/testimonials-section","codeUrl":"https://21st.dev/@efferd/components/testimonials-section","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community grid catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/sshahaider/testimonials-section/default/preview.1757677151700.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"efferd","sourceCategory":"grid","creatorPublicationUrl":"https://21st.dev/@efferd/components/testimonials-section","preview":"media/references/21st--efferd--testimonials-section.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"abf20157844108a6cd846d688eecc852ce01e1fef9915012e0771f54bb9b6401","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@efferd/components/testimonials-section"},{"id":"beui-native--text-animation","name":"Text Animation · Native","collection":"beui-native","category":"React Native","why":"Reveals, sweeps, shimmers, cascades and scrambles.","useFor":"Original React Native component from the creator’s public library. Image reference with original demo and source links.","sourceFiles":["sources/beui-native/code/src/components/text-animation/chromatic-text-reveal.tsx","sources/beui-native/code/src/components/text-animation/index.ts","sources/beui-native/code/src/components/text-animation/text-cascade.tsx","sources/beui-native/code/src/components/text-animation/text-reveal.tsx","sources/beui-native/code/src/components/text-animation/text-scramble.tsx","sources/beui-native/code/src/components/text-animation/text-shimmer.tsx"],"website":"https://beui.dev/react-native/text-animation","repository":"https://github.com/starc007/beui-native","commit":"","license":"MIT","access":"Source saved","review":"Official creator catalog · not individually runtime-tested","favorite":false,"discovered":"Original creator library, linked from beUI","added":"2026-10-20","preview":"media/beui-native--text-animation.jpg","previewSource":"https://media.beui.dev/clips/text-animation-light.c49f6c8c07.jpg","previewType":"Creator’s original React Native recording poster","platform":"React Native","selectionType":"Creator library expansion","previewWidth":600,"previewHeight":1304,"previewAnimated":false,"previewVideo":"media/recordings/beui-native--text-animation.mp4","videoSource":"https://media.beui.dev/clips/text-animation-light.c49f6c8c07.mp4","videoType":"Unmodified original creator recording","videoMetadata":{"width":600,"height":1304,"duration":13.733333},"videoSha256":"c49f6c8c07e8897ca46020dd22c754d5c3d4325591a859a553da6f4553d5e4f8","previewVideoSource":"https://media.beui.dev/clips/text-animation-light.c49f6c8c07.mp4"},{"id":"21st--clevision--text-area","name":"Text Area","collection":"21st-community","creator":"Clevision","category":"Forms & controls","why":"Original forms & controls reference from Clevision.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@clevision/components/text-area/textarea-with-start-icon","codeUrl":"https://21st.dev/@clevision/components/text-area/textarea-with-start-icon","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community form catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/larsen66/text-area/textarea-with-start-icon/preview.1760583376922.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"clevision","sourceCategory":"form","creatorPublicationUrl":"https://21st.dev/@clevision/components/text-area/textarea-with-start-icon","preview":"media/references/21st--clevision--text-area.png","previewWidth":587,"previewHeight":655,"previewSha256":"bf3ac1f2d5491d224d478a41a3e102f3540a59871f919f1a939c9a8c52149e45","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@clevision/components/text-area"},{"id":"21st--cnippet-dev--text-generate-effect","name":"Text Generate Effect","collection":"21st-community","creator":"Cnippet","category":"Conversation craft","why":"Original conversation craft reference from Cnippet.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@cnippet-dev/components/text-generate-effect","codeUrl":"https://21st.dev/@cnippet-dev/components/text-generate-effect","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community ai-chat catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/cnippet.dev/text-generate-effect/default/preview.1784704304064-e78681fd-c756-4756-873f-6cd36ec825c5.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"cnippet-dev","sourceCategory":"ai-chat","creatorPublicationUrl":"https://21st.dev/@cnippet-dev/components/text-generate-effect","preview":"media/references/21st--cnippet-dev--text-generate-effect.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"85c972259a7199dd53fe453c184b4e409cd1cf87d3d4daf9792f22621be75a19","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@cnippet-dev/components/text-generate-effect"},{"id":"aceternity--text-hover-effect","name":"Text Hover Effect","collection":"aceternity","creator":"Aceternity UI · Manu Arora","category":"Typography & effects","why":"Original typography & effects reference from Aceternity UI · Manu Arora.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://ui.aceternity.com/components/text-hover-effect","codeUrl":"https://ui.aceternity.com/components/text-hover-effect","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Reddit library leads → original Aceternity component catalog","added":"2026-10-20","previewSource":"https://assets.aceternity.com/text-hover-effect.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","preview":"media/references/aceternity--text-hover-effect.webp","previewWidth":2048,"previewHeight":1440,"previewSha256":"48686f539bc03f0b7ec6613a7f239478aee2f604d34e97729e9c2df0312be49c","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"codrops--text-trail-effect-on-mousemove","name":"Text Trail Effect on Mousemove","collection":"codrops-creative","creator":"Kiril Bernard Tucker","creatorUrl":"https://tympanus.net/codrops/hub/author/kiril_bernard_tucker","category":"Typography & effects","styleTags":["GSAP","Motion Trail","repetition","typography"],"why":"The word \"move\" is followed by progressively outlined, offset copies trailing below it, a clean echo effect that shows motion history in type.","useFor":"Study the original image and linked creator source; respect its license and access terms.","website":"https://codepen.io/kirilbt/full/XWZojKG","codeUrl":"https://codepen.io/kirilbt/pen/XWZojKG","repository":"","sourceFiles":[],"commit":"","access":"Original CodePen code linked · access unverified (403 response); source not archived","license":"Original creator terms not verified; do not infer a reuse license from a public preview.","review":"Sonnet 5.5 Medium static visual review and researcher source/provenance checks; not runtime, accessibility or full dependency-license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"Original input and spatial creator trails · input-spatial review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/09/Screenshot-2025-09-18-at-09.37.07.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Jun 18, 2022","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T08:26:33.379151+00:00","preview":"media/references/codrops--text-trail-effect-on-mousemove.png","previewWidth":1600,"previewHeight":1202,"previewSha256":"56e9d2f0c6e1455543a3971db6f36bf2db2a5e723bdc7c27bb7b09673450033d","previewAnimated":false,"sourcePageCheck":{"status":403,"resolvedUrl":"https://codepen.io/kirilbt/pen/XWZojKG","checkedAt":"2026-10-20T08:29:12.451389+00:00"}},{"id":"21st--shadcnspace--textarea-with-icon","name":"Textarea with icon","collection":"21st-community","creator":"ShadcnSpace","category":"Forms & controls","why":"Original forms & controls reference from ShadcnSpace.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@shadcnspace/components/textarea-with-icon","codeUrl":"https://21st.dev/@shadcnspace/components/textarea-with-icon","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community input catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/larsen66/textarea-with-icon/default/preview.1772710498004.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"shadcnspace","sourceCategory":"input","creatorPublicationUrl":"https://21st.dev/@shadcnspace/components/textarea-with-icon","preview":"media/references/21st--shadcnspace--textarea-with-icon.png","previewWidth":960,"previewHeight":697,"previewSha256":"15e3f676c9ef49fff448a8fa9fa46a6d54ad7845ba311e9ce347431229534fb3","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@shadcnspace/components/textarea-with-icon"},{"id":"codrops--the-boiler-room","name":"The Boiler Room","collection":"codrops-creative","creator":"Isaac Mason","creatorUrl":"https://tympanus.net/codrops/hub/author/isaacmason","category":"Spatial experiences","styleTags":["physics","three.js","webgl"],"why":"Original spatial experiences reference published in the Codrops Creative Hub; inspect the image and original demo for its visual approach.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://isaac-mason.github.io/the-boiler-room/","codeUrl":"https://github.com/isaac-mason/the-boiler-room","repository":"https://github.com/isaac-mason/the-boiler-room","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Contact-sheet preview reviewed with Sonnet 5.5 Medium; original publisher links traced; not runtime-tested","selectionType":"Preview-reviewed design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/10/boiler_cover-768x576.jpg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Jul 10, 2026","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:23:38.056369+00:00","preview":"media/references/codrops--the-boiler-room.jpg","previewWidth":768,"previewHeight":576,"previewSha256":"56a9ed8fdf74c0269915dd3bad97b189845f80f8533224e95e6e09daf2d6dbae","previewAnimated":false},{"id":"21st--felipemenezes098--the-dialog","name":"The Dialog","collection":"21st-community","creator":"felipemenezes098","category":"Human control","why":"Original human control reference from felipemenezes098.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@felipemenezes098/components/the-dialog/stacked-actions","codeUrl":"https://21st.dev/@felipemenezes098/components/the-dialog/stacked-actions","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community modal catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/larsen66/the-dialog/stacked-actions/preview.1779999436821.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"felipemenezes098","sourceCategory":"modal","creatorPublicationUrl":"https://21st.dev/@felipemenezes098/components/the-dialog/stacked-actions","preview":"media/references/21st--felipemenezes098--the-dialog.png","previewWidth":960,"previewHeight":727,"previewSha256":"5c6bea1e57c69787861bc492563d7e65708db9f4a76d252a61e0d6942452c887","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@felipemenezes098/components/the-dialog"},{"id":"21st--felipemenezes098--the-input","name":"The Input","collection":"21st-community","creator":"felipemenezes098","category":"Navigation & search","why":"Original navigation & search reference from felipemenezes098.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@felipemenezes098/components/the-input/with-addon","codeUrl":"https://21st.dev/@felipemenezes098/components/the-input/with-addon","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community search catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/larsen66/the-input/with-addon/preview.1780003626696.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"felipemenezes098","sourceCategory":"search","creatorPublicationUrl":"https://21st.dev/@felipemenezes098/components/the-input/with-addon","preview":"media/references/21st--felipemenezes098--the-input.png","previewWidth":960,"previewHeight":763,"previewSha256":"8c2637ecb57c77870a01be8fe934a24bd550e70505a2200bd771dc84720f1bfd","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@felipemenezes098/components/the-input"},{"added":"2026-10-20","sourceFiles":[],"repository":"","commit":"","codeUrl":"","previewAnimated":false,"discovered":"Original X creator trails, native feature tour and primary motion tools · workflow-spatial review","selectionType":"Visually reviewed original reference","review":"Sonnet 5.5 Medium static visual review; provenance/source checks, not runtime, accessibility or full license/dependency audit","useFor":"Study the exact original reference and linked creator source. Respect its access and license terms.","id":"webzibition--the-lookback","name":"THE LOOKBACK","category":"Galleries & transitions","why":"A horizontal photo strip is scrubbed along a tick-mark timeline ruler with month labels, under heavy grotesque type that overlaps the images. A good model for a chronological archive.","favorite":false,"collection":"webzibition","preview":"media/references/webzibition--the-lookback.webp","previewSha256":"2ee56f32949f7b1ea4911e310d91d5ea6871fab9108d55761e91e0568fa0caf9","website":"https://tlb.betteroff.studio/","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/03/tlb.betteroff.studio_.jpg.webp","additionalOriginalImages":[],"creator":"THE LOOKBACK · original site","creatorUrl":"https://tlb.betteroff.studio/","publisherIndex":"https://tympanus.net/codrops/webzibition/page/4/","access":"Demo reference · original website; public component source not traced","license":"Original website/image rights remain with their creators; no public code/reuse license established.","attributionNote":"Site/brand identified from original showcase and linked site. Separate designer/agency credit not independently traced.","previewType":"Original static website screenshot published in Codrops Webzibition; not a generated substitute","caseStudy":"https://tympanus.net/codrops/2026/03/03/the-lookback-a-digital-capsule-for-better-off-studios-creative-past/","previewWidth":1440,"previewHeight":779},{"id":"webzibition--the-romans","name":"The Romans","collection":"webzibition","creator":"The Romans · original site","creatorAttribution":"Site identity from the publisher listing; individual design author not independently verified","category":"Editorial & typography","why":"Black page with huge italic condensed white-and-yellow type 'BYE BYE BORING PR... HELLO THE ROMANS'; high-energy agency voice.","useFor":"Study the original website’s composition and presentation; code availability is unverified.","website":"https://www.wearetheromans.com/","codeUrl":"","repository":"","sourceFiles":[],"commit":"","access":"Design reference · public source not traced","license":"Website and preview rights belong to their respective owners; no source or reuse license verified","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited; original website returned HTTP200; screenshot may predate the current live design","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"Codrops Webzibition → original website","added":"2026-10-20","preview":"media/references/webzibition--the-romans.png","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/10/www.wearetheromans.com_-1200x649.png?x67708","previewType":"Codrops publisher screenshot of the linked original website; not a fresh live capture","previewWidth":1200,"previewHeight":649,"previewSha256":"eb4f5bbdeb7a38035dc2c2072f993d6610a7518297ab5225f5fff41f2c8155cb","previewAnimated":false,"publisherIndex":"https://tympanus.net/codrops/webzibition/","publisherRecord":"post-123273","pageTitle":"The Romans","pageCheckedAt":"2026-10-20T05:54:32.868906+00:00","pageAvailability":"HTTP200; same-domain original website","retrievedAt":"2026-10-20T05:54:32.868906+00:00"},{"id":"theatre-original--extension-workspace","name":"Theatre.js original extension workflows","category":"Tools & execution","why":"A snapshot tool window combines grouped transform/space toggles with a wireframe viewport and a camera-preview inset. The active controls and live-scene composition are visible in the original static image; runtime behavior is untested.","favorite":false,"collection":"theatre-js","creator":"Theatre.js contributors","creatorUrl":"https://github.com/theatre-js/theatre","website":"https://www.theatrejs.com/","repository":"https://github.com/theatre-js/theatre","commit":"6ea82b938ea49609489f6377ded693ccc6ee8f5b","codeUrl":"https://github.com/theatre-js/theatre/blob/6ea82b938ea49609489f6377ded693ccc6ee8f5b/packages/r3f/src/extension/components/SnapshotEditor.tsx","sourceFiles":[],"platform":"Web","access":"Original public source linked and pinned; no complete component archive saved","license":"R3F package Apache-2.0; hosted Studio uses AGPL-3.0-only. Both exact package notices are preserved; external model/texture terms remain separate.","review":"Sonnet 5.5 Medium full-image visual review plus researcher source/notice checks; no runtime, motion, accessibility or complete dependency-license audit","useFor":"Study the exact original creator image and linked creator resources under their stated access and license terms.","selectionType":"Individually visually reviewed original reference","discovered":"Original creator docs/site and pinned primary source discovery · spatial-voice-controls review","added":"2026-10-20","preview":"media/references/theatre-homepage--theatre-original--extension-workspace-2.png","previewSha256":"a4963722b996405918cfcb34d364f20a78e9e85a6cd1ec9988c04fb61a6b903a","previewSource":"https://www.theatrejs.com/images/landing-page/custom-tools.png","previewAnimated":false,"previewType":"Exact unmodified original creator-published static image","sourceResolution":"references/spatial-voice-source-evidence.json","sourcePinNote":"Current pinned original source, not an exact screenshot-build claim. Selected source/notice files are provenance evidence, not complete component archives.","previewWidth":2400,"previewHeight":1384},{"id":"theatre-original--sequencer","name":"Theatre.js original sequencer","category":"Creative controls & effects","why":"Original Theatre.js easing-preset popover: a numeric cubic-bezier field, a grid of preset curve thumbnails and a large draggable-handle curve editor, laid over keyframe tracks and curve lanes. It is legible at 644x372 and shows an exact authoring interface with a distinctive idea. The bottom row of presets is cut off by the image crop, but six presets, the value field and the handles are visible. The dope-sheet and graph-editor crops are the same motion-authoring family and count once. Sequencer-1 is a clean but generic track list. Sequencer-2 is bare curves with no UI chrome.","favorite":false,"collection":"theatre-js","creator":"Theatre.js contributors","creatorUrl":"https://github.com/theatre-js/theatre","website":"https://www.theatrejs.com/","repository":"https://github.com/theatre-js/theatre","commit":"6ea82b938ea49609489f6377ded693ccc6ee8f5b","codeUrl":"https://github.com/theatre-js/theatre/tree/6ea82b938ea49609489f6377ded693ccc6ee8f5b/packages/studio/src/panels/SequenceEditorPanel/DopeSheet/Right/BasicKeyframedTrack/KeyframeEditor/CurveEditorPopover","sourceFiles":[],"platform":"Web","access":"Original public source linked and pinned; no complete component archive saved","license":"Studio AGPL-3.0-only; root/core Apache-2.0 does not replace Studio licensing. Public 0.7 package source linked; newer private development is not claimed.","review":"Sonnet 5.5 Medium full-image visual review plus researcher source/notice checks; no runtime, motion, accessibility or complete dependency-license audit","useFor":"Study the exact original creator image and linked creator resources under their stated access and license terms.","selectionType":"Individually visually reviewed original reference","discovered":"Original creator docs/site and pinned primary source discovery · spatial-voice-controls review","added":"2026-10-20","preview":"media/references/theatre-homepage--theatre-original--sequencer-3.png","previewSha256":"e0af59d646a011b80e342144c7d38a9256d58e482250502770b66c2b4fe7ad3c","previewSource":"https://www.theatrejs.com/images/landing-page/easing-presets.png","previewAnimated":false,"previewType":"Exact unmodified original creator-published static image","sourceResolution":"references/spatial-voice-source-evidence.json","sourcePinNote":"Current pinned original source, not an exact screenshot-build claim. Selected source/notice files are provenance evidence, not complete component archives.","previewWidth":644,"previewHeight":372},{"sourceFiles":[],"review":"Sonnet 5.5 Medium full-image visual review plus researcher original-source/provenance checks; no runtime, accessibility, motion or complete dependency-license audit","useFor":"Study the original creator design and follow the primary links under the stated access/license terms.","selectionType":"Individually visually reviewed original reference","discovered":"Original designer posts and primary creative-tool repositories · designer-tools review","added":"2026-10-20","previewAnimated":false,"previewType":"Exact unmodified original creator static image","id":"thibaud-dani-morales","name":"Thibaud Allie · Dani Morales editorial portfolio","category":"Editorial & typography","why":"The Dani Morales N°004 page has a large high-contrast serif headline ('DANI MORALES IS A NEW YORK CITY BASED FASHION STYLIST') set against a tall portrait, with a small metadata row and a body-text block below. The headline and image are legible at 400px. The stacked N°003 and the 'Editorial/Commission' title states are the same system, so the group counts once.","favorite":false,"preview":"media/references/original-designer--thibaud-10845391.png","previewSha256":"70fd2784d5fe725ad245c0f560ba15e07566cdd01bdad42a7f341461fcdaadb6","previewSource":"https://cdn.dribbble.com/userupload/26559380/file/original-c65620b287baf1b3a4dc9cf9887d6670.png?resize=400x0","previewWidth":400,"previewHeight":300,"website":"https://dribbble.com/shots/10845391-Dani-Morales-N-004","collection":"thibaud-allie-original","creator":"Thibaud Allie","creatorUrl":"https://dribbble.com/thibaudallie","repository":"","commit":"","codeUrl":"","platform":"Original website/editorial design reference","access":"Original creator design post · public implementation source unavailable","license":"Reuse license unverified; publication is not a code, image, photography or typeface reuse grant.","sourceResolution":"references/designer-operational-observations.json","sourcePinNote":"Exact 400px creator-profile image preserved with its original query and SHA256. Individual post fetch returned 202, so no full-resolution media, live implementation or public code is claimed. Related states count once."},{"sourceFiles":[],"review":"Sonnet 5.5 Medium full-image visual review plus researcher original-source/provenance checks; no runtime, accessibility, motion or complete dependency-license audit","useFor":"Study the original creator design and follow the primary links under the stated access/license terms.","selectionType":"Individually visually reviewed original reference","discovered":"Original designer posts and primary creative-tool repositories · designer-tools review","added":"2026-10-20","previewAnimated":false,"previewType":"Exact unmodified original creator static image","id":"thibaud-7077211","name":"Thibaud Allie · Folio—19 archive typography","category":"Editorial & typography","why":"The Folio—19 cover has a huge serif 'Folio—19' title on a cream header with small metadata columns, and the 'Archived Works 16/19' overlay type runs across a monochrome portrait. The type scale contrast is strong and the title and overlay are legible. The cropped bottom reads as a deliberate editorial crop.","favorite":false,"preview":"media/references/original-designer--thibaud-7077211.jpg","previewSha256":"e852b0e2cf9faeec27dd18dd29cde2e38ae28437a0f0c0b57dd37242f33e677d","previewSource":"https://cdn.dribbble.com/userupload/24698213/file/original-61798b64212c2cead64a4c30ac2f211f.jpg?resize=400x0","previewWidth":400,"previewHeight":300,"website":"https://dribbble.com/shots/7077211-Folio-19","collection":"thibaud-allie-original","creator":"Thibaud Allie","creatorUrl":"https://dribbble.com/thibaudallie","repository":"","commit":"","codeUrl":"","platform":"Original website/editorial design reference","access":"Original creator design post · public implementation source unavailable","license":"Reuse license unverified; publication is not a code, image, photography or typeface reuse grant.","sourceResolution":"references/designer-operational-observations.json","sourcePinNote":"Exact 400px creator-profile image preserved with its original query and SHA256. Individual post fetch returned 202, so no full-resolution media, live implementation or public code is claimed. Related states count once."},{"sourceFiles":[],"review":"Sonnet 5.5 Medium full-image visual review plus researcher original-source/provenance checks; no runtime, accessibility, motion or complete dependency-license audit","useFor":"Study the original creator design and follow the primary links under the stated access/license terms.","selectionType":"Individually visually reviewed original reference","discovered":"Original designer posts and primary creative-tool repositories · designer-tools review","added":"2026-10-20","previewAnimated":false,"previewType":"Exact unmodified original creator static image","id":"thibaud-21556671","name":"Thibaud Allie · Lupo Pizza expressive type","category":"Typography & effects","why":"Lupo's hero uses oversized italic red condensed type running off both edges of the panel, with sticker-style pizza and alien illustrations and small black nav copy in the corners. The headline reads clearly and the bold two-colour typographic treatment stands apart from the rest of this batch.","favorite":false,"preview":"media/references/original-designer--thibaud-21556671.png","previewSha256":"892c6ae8585734065e6da26b0c5666a942ac3708a5fbcb927601253536af8350","previewSource":"https://cdn.dribbble.com/userupload/7287705/file/still-795a8d4179d5a81491d80b93980a5caf.png?resize=400x0","previewWidth":400,"previewHeight":300,"website":"https://dribbble.com/shots/21556671-LUPO-PIZZA","collection":"thibaud-allie-original","creator":"Thibaud Allie","creatorUrl":"https://dribbble.com/thibaudallie","repository":"","commit":"","codeUrl":"","platform":"Original website/editorial design reference","access":"Original creator design post · public implementation source unavailable","license":"Reuse license unverified; publication is not a code, image, photography or typeface reuse grant.","sourceResolution":"references/designer-operational-observations.json","sourcePinNote":"Exact 400px creator-profile image preserved with its original query and SHA256. Individual post fetch returned 202, so no full-resolution media, live implementation or public code is claimed. Related states count once."},{"id":"21st--theshanelevine--thinking","name":"Thinking","collection":"21st-community","creator":"theshanelevine","category":"Thinking & progress","why":"Original thinking & progress reference from theshanelevine.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@theshanelevine/components/thinking","codeUrl":"https://21st.dev/@theshanelevine/components/thinking","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community ai-chat catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_registry_theshanelevine_1785470434583/thinking/default/preview.1787589610673.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:51:40.290057+00:00","creatorHandle":"theshanelevine","sourceCategory":"ai-chat","creatorPublicationUrl":"https://21st.dev/@theshanelevine/components/thinking","canonicalComponentUrl":"https://21st.dev/@theshanelevine/components/thinking","preview":"media/references/21st--theshanelevine--thinking.png","previewWidth":960,"previewHeight":729,"previewSha256":"0f1ccb518d8b3b1e0e2c6826cdb34b07ab438212d8fcae1e2fdea609ac725532","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:51:40.290057+00:00"},{"id":"affectui--thinking-loader","name":"Thinking Loader","collection":"affectui","category":"Thinking & progress","why":"An eight-ray spinner and restrained shimmer turn into a resolved state. Small enough to support the content rather than dominate it.","useFor":"Compact unknown-duration waits.","sourceFiles":["sources/affectui/code/components/thinking-loader.tsx"],"website":"https://www.affectui.com/components/thinking-loader","repository":"https://github.com/flohoeller/affectui","commit":"cc799e7e438efcea8d484fa27932405ea60bff9a","license":"MIT","access":"Source saved","review":"Source located + documentation","favorite":false,"discovered":"X bookmarks","added":"2026-10-20","preview":"media/screenshots/affectui--thinking-loader.jpg","previewType":"Screenshot of the creator’s published web demo","previewSource":"https://www.affectui.com/components/thinking-loader","capturedAt":"2026-10-20T04:00:50.690Z","previewWidth":624,"previewHeight":330,"previewAnimated":false},{"id":"21st--yogesharc--thinking-orbs","name":"Thinking Orbs","collection":"21st-community","creator":"Yogesh","category":"Thinking & progress","why":"Original thinking & progress reference from Yogesh.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@yogesharc/components/thinking-orbs","codeUrl":"https://21st.dev/@yogesharc/components/thinking-orbs","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community ai-chat catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_3K4oM4ax2rL9BVw24vPMoBPujHh/thinking-orbs/default/preview.1790854908265.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"yogesharc","sourceCategory":"ai-chat","creatorPublicationUrl":"https://21st.dev/@yogesharc/components/thinking-orbs","preview":"media/references/21st--yogesharc--thinking-orbs.jpg","previewWidth":960,"previewHeight":815,"previewSha256":"64497c532c6886b581300978c0cf271593a83dde0ce2bd465360822d6db0879c","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@yogesharc/components/thinking-orbs"},{"id":"21st--larsen66--thinking-orbs","name":"Thinking Orbs","collection":"21st-community","creator":"21st","category":"Thinking & progress","why":"Original thinking & progress reference from 21st.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@larsen66/components/thinking-orbs","codeUrl":"https://21st.dev/@larsen66/components/thinking-orbs","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community ai-chat catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_jakubantalik/thinking-orbs/default/preview.1785927658703.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"larsen66","sourceCategory":"ai-chat","creatorPublicationUrl":"https://21st.dev/@larsen66/components/thinking-orbs","preview":"media/references/21st--larsen66--thinking-orbs.png","previewWidth":816,"previewHeight":606,"previewSha256":"d4e4239355ec64a3d08de15f64c34e470b9e2da96fb87ef9dbd0613915c28677","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@larsen66/components/thinking-orbs"},{"id":"21st--dhxwhy--thinking-prompt-input","name":"Thinking Prompt Input","collection":"21st-community","creator":"DHxWhy","category":"Thinking & progress","why":"Original thinking & progress reference from DHxWhy.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@dhxwhy/components/thinking-prompt-input","codeUrl":"https://21st.dev/@dhxwhy/components/thinking-prompt-input","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community ai-chat catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_35e5ygDqQuDYzujLgyG9331zPPO/thinking-prompt-input/default/preview.1791805811936.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"dhxwhy","sourceCategory":"ai-chat","creatorPublicationUrl":"https://21st.dev/@dhxwhy/components/thinking-prompt-input","preview":"media/references/21st--dhxwhy--thinking-prompt-input.jpg","previewWidth":960,"previewHeight":763,"previewSha256":"22032e38305011a23387f078b25f332191d5c53c86b77fe04be58c3fc1ee338e","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@dhxwhy/components/thinking-prompt-input"},{"id":"21st--odysseyui--components-ai-thought-chain","name":"Thought Chain","collection":"21st-community","creator":"odysseyui","category":"Conversation craft","why":"Original conversation craft reference from odysseyui.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@odysseyui/components/components-ai-thought-chain","codeUrl":"https://21st.dev/@odysseyui/components/components-ai-thought-chain","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community ai-chat catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/odysseyui/components-ai-thought-chain/default/preview.1790076050448-9ea2502b-72af-4777-ad5b-c424c8c7ee4c.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"odysseyui","sourceCategory":"ai-chat","creatorPublicationUrl":"https://21st.dev/@odysseyui/components/components-ai-thought-chain","preview":"media/references/21st--odysseyui--components-ai-thought-chain.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"db77416268bb10c1580f09fdd7c03b0b40e8544facdf873e27b1e88437b99ba7","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@odysseyui/components/components-ai-thought-chain"},{"id":"21st--nexus-ui--thread","name":"Thread","collection":"21st-community","creator":"nexus-ui","category":"Conversation craft","why":"Original conversation craft reference from nexus-ui.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@nexus-ui/components/thread","codeUrl":"https://21st.dev/@nexus-ui/components/thread","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community ai-chat catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_registry_nexus-ui_1783492392202/thread/default/preview.1789037782821.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"nexus-ui","sourceCategory":"ai-chat","creatorPublicationUrl":"https://21st.dev/@nexus-ui/components/thread","preview":"media/references/21st--nexus-ui--thread.png","previewWidth":960,"previewHeight":682,"previewSha256":"6648821ae7f1838c47e937a3cf1191e8de0a149334d390a2ac40b383b2870269","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@nexus-ui/components/thread"},{"id":"codrops--three-text","name":"three-text","collection":"codrops-creative","creator":"Jeremy Tribby","creatorUrl":"https://tympanus.net/codrops/hub/author/jeremy_tribby","category":"Editorial & typography","styleTags":["three.js","typography","webgl"],"why":"Original editorial & typography reference published in the Codrops Creative Hub; inspect the image and original demo for its visual approach.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://countertype.com/tools/three-text/demo","codeUrl":"https://github.com/countertype/three-text","repository":"https://github.com/countertype/three-text","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Contact-sheet preview reviewed with Sonnet 5.5 Medium; original publisher links traced; not runtime-tested","selectionType":"Preview-reviewed design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/11/Screenshot-2025-11-07-at-07.07.26-768x577.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Nov 3, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:23:38.056369+00:00","preview":"media/references/codrops--three-text.png","previewWidth":768,"previewHeight":577,"previewSha256":"b9bba4a8181781556549c7be492845e8b3ce115fa925a95b1cc10905fa3088bc","previewAnimated":false},{"sourceFiles":[],"platform":"Web · Three.js / WebGPU / WebGL","added":"2026-10-20","previewAnimated":false,"useFor":"Inspect the exact original still and creator source. Example code and included asset terms are separate.","review":"Sonnet 5.5 Medium full-image static visual review plus original source/credit checks; no code execution, runtime, motion or accessibility audit","sourcePinNote":"Original source and screenshot Git blobs verified at the pinned commit; not a claim of exact screenshot-build revision.","selectionType":"Individually visually reviewed original spatial/material reference","discovered":"Official spatial source examples followed to original creators · spatial-operational three-spatial review","id":"three--webgpu_compute_cloth","name":"Three.js draped cloth simulation","category":"Shaders & materials","why":"A white cloth sheet drapes over a hidden sphere, with soft folds, a rippled upper edge and gentle shading over a purple-to-tan gradient background.","favorite":false,"collection":"three-js","creator":"Three.js authors and contributors","creatorUrl":"https://github.com/mrdoob/three.js","website":"https://threejs.org/examples/webgpu_compute_cloth.html","repository":"https://github.com/mrdoob/three.js","commit":"f67dcda032208b367f5965bbd835c16f839909c8","codeUrl":"https://github.com/mrdoob/three.js/blob/f67dcda032208b367f5965bbd835c16f839909c8/examples/webgpu_compute_cloth.html","access":"Original MIT example source linked and pinned · imported model/texture/addon terms remain separate; no complete source archive","license":"MIT · original three.js LICENSE preserved; third-party model, texture and addon rights are not covered by a blanket asset-license claim","preview":"media/references/three--webgpu_compute_cloth.jpg","previewSource":"https://raw.githubusercontent.com/mrdoob/three.js/f67dcda032208b367f5965bbd835c16f839909c8/examples/screenshots/webgpu_compute_cloth.jpg","previewSha256":"d5dd5f4733755be2f26efb72ddb259423bbaaff3bdb1f5cb9bb43eea14ba71db","previewWidth":400,"previewHeight":250,"previewType":"Original official400×250 static example screenshot, unchanged; not upscaled or4K","sourceResolution":"references/three-spatial-candidates.json","originalCredits":[{"text":"","url":"https://threejs.org/"},{"text":"three.js","url":"https://threejs.org/"}],"additionalOriginalImages":[]},{"sourceFiles":[],"platform":"Web · Three.js / WebGPU / WebGL","added":"2026-10-20","previewAnimated":false,"useFor":"Inspect the exact original still and creator source. Example code and included asset terms are separate.","review":"Sonnet 5.5 Medium full-image static visual review plus original source/credit checks; no code execution, runtime, motion or accessibility audit","sourcePinNote":"Original source and screenshot Git blobs verified at the pinned commit; not a claim of exact screenshot-build revision.","selectionType":"Individually visually reviewed original spatial/material reference","discovered":"Official spatial source examples followed to original creators · spatial-operational three-spatial review","id":"three-family--water","name":"Three.js ocean material","category":"Shaders & materials","why":"Dark ocean surface with fine ripple detail and a low sunset glow whose glitter path leads to the horizon; a single box at the water surface gives scale.","favorite":false,"collection":"three-js","creator":"Three.js authors and contributors","creatorUrl":"https://github.com/mrdoob/three.js","website":"https://threejs.org/examples/webgl_shaders_ocean.html","repository":"https://github.com/mrdoob/three.js","commit":"f67dcda032208b367f5965bbd835c16f839909c8","codeUrl":"https://github.com/mrdoob/three.js/blob/f67dcda032208b367f5965bbd835c16f839909c8/examples/webgl_shaders_ocean.html","access":"Original MIT example source linked and pinned · imported model/texture/addon terms remain separate; no complete source archive","license":"MIT · original three.js LICENSE preserved; third-party model, texture and addon rights are not covered by a blanket asset-license claim","preview":"media/references/three--webgl_shaders_ocean.jpg","previewSource":"https://raw.githubusercontent.com/mrdoob/three.js/f67dcda032208b367f5965bbd835c16f839909c8/examples/screenshots/webgl_shaders_ocean.jpg","previewSha256":"bf5775c4454c117bd7ea644afa84d30c0d46f397307c9e433b0654ff15025823","previewWidth":400,"previewHeight":250,"previewType":"Original official400×250 static example screenshot, unchanged; not upscaled or4K","sourceResolution":"references/three-spatial-candidates.json","originalCredits":[{"text":"three.js","url":"https://threejs.org"}],"additionalOriginalImages":[]},{"sourceFiles":[],"platform":"Web · Three.js / WebGPU / WebGL","added":"2026-10-20","previewAnimated":false,"useFor":"Inspect the exact original still and creator source. Example code and included asset terms are separate.","review":"Sonnet 5.5 Medium full-image static visual review plus original source/credit checks; no code execution, runtime, motion or accessibility audit","sourcePinNote":"Original source and screenshot Git blobs verified at the pinned commit; not a claim of exact screenshot-build revision.","selectionType":"Individually visually reviewed original spatial/material reference","discovered":"Official spatial source examples followed to original creators · spatial-operational three-spatial review","id":"three--webgpu_tsl_compute_attractors_particles","name":"Three.js particle attractor field","category":"Spatial experiences","why":"A tilted plane of violet particle dust has three small attractor markers wrapped in thin gizmo spheres and orbit rings; the glowing orange cores read as gravity wells in the field.","favorite":false,"collection":"three-js","creator":"Three.js authors and contributors","creatorUrl":"https://github.com/mrdoob/three.js","website":"https://threejs.org/examples/webgpu_tsl_compute_attractors_particles.html","repository":"https://github.com/mrdoob/three.js","commit":"f67dcda032208b367f5965bbd835c16f839909c8","codeUrl":"https://github.com/mrdoob/three.js/blob/f67dcda032208b367f5965bbd835c16f839909c8/examples/webgpu_tsl_compute_attractors_particles.html","access":"Original MIT example source linked and pinned · imported model/texture/addon terms remain separate; no complete source archive","license":"MIT · original three.js LICENSE preserved; third-party model, texture and addon rights are not covered by a blanket asset-license claim","preview":"media/references/three--webgpu_tsl_compute_attractors_particles.jpg","previewSource":"https://raw.githubusercontent.com/mrdoob/three.js/f67dcda032208b367f5965bbd835c16f839909c8/examples/screenshots/webgpu_tsl_compute_attractors_particles.jpg","previewSha256":"bd7c3ef66e9eff61e00a8d9270be2cec66aebc1fdb2894780b4d6583486167eb","previewWidth":400,"previewHeight":250,"previewType":"Original official400×250 static example screenshot, unchanged; not upscaled or4K","sourceResolution":"references/three-spatial-candidates.json","originalCredits":[{"text":"","url":"https://threejs.org/"},{"text":"three.js","url":"https://threejs.org/"}],"additionalOriginalImages":[]},{"sourceFiles":[],"platform":"Web · Three.js / WebGPU / WebGL","added":"2026-10-20","previewAnimated":false,"useFor":"Inspect the exact original still and creator source. Example code and included asset terms are separate.","review":"Sonnet 5.5 Medium full-image static visual review plus original source/credit checks; no code execution, runtime, motion or accessibility audit","sourcePinNote":"Original source and screenshot Git blobs verified at the pinned commit; not a claim of exact screenshot-build revision.","selectionType":"Individually visually reviewed original spatial/material reference","discovered":"Official spatial source examples followed to original creators · spatial-operational three-spatial review","id":"three-family--physical-material","name":"Three.js physical finish comparison","category":"Shaders & materials","why":"Four spheres show distinct physical finishes against a blurred street environment: glossy blue with a sharp window reflection, carbon-fibre weave under clearcoat, dimpled white golf-ball texture, and wet red lacquer.","favorite":false,"collection":"three-js","creator":"Three.js authors and contributors","creatorUrl":"https://github.com/mrdoob/three.js","website":"https://threejs.org/examples/webgl_materials_physical_clearcoat.html","repository":"https://github.com/mrdoob/three.js","commit":"f67dcda032208b367f5965bbd835c16f839909c8","codeUrl":"https://github.com/mrdoob/three.js/blob/f67dcda032208b367f5965bbd835c16f839909c8/examples/webgl_materials_physical_clearcoat.html","access":"Original MIT example source linked and pinned · imported model/texture/addon terms remain separate; no complete source archive","license":"MIT · original three.js LICENSE preserved; third-party model, texture and addon rights are not covered by a blanket asset-license claim","preview":"media/references/three--webgl_materials_physical_clearcoat.jpg","previewSource":"https://raw.githubusercontent.com/mrdoob/three.js/f67dcda032208b367f5965bbd835c16f839909c8/examples/screenshots/webgl_materials_physical_clearcoat.jpg","previewSha256":"5c5785e025e4d2a8843dd526c82ce5380b93dc43f131f77ffc633915a9e542dc","previewWidth":400,"previewHeight":250,"previewType":"Original official400×250 static example screenshot, unchanged; not upscaled or4K","sourceResolution":"references/three-spatial-candidates.json","originalCredits":[{"text":"three.js","url":"https://threejs.org"}],"additionalOriginalImages":["media/references/three--webgl_materials_physical_transmission.jpg","media/references/three--webgl_materials_physical_transmission_alpha.jpg"]},{"sourceFiles":[],"platform":"Web · Three.js / WebGPU / WebGL","added":"2026-10-20","previewAnimated":false,"useFor":"Inspect the exact original still and creator source. Example code and included asset terms are separate.","review":"Sonnet 5.5 Medium full-image static visual review plus original source/credit checks; no code execution, runtime, motion or accessibility audit","sourcePinNote":"Original source and screenshot Git blobs verified at the pinned commit; not a claim of exact screenshot-build revision.","selectionType":"Individually visually reviewed original spatial/material reference","discovered":"Official spatial source examples followed to original creators · spatial-operational three-spatial review","id":"three-family--shader-editor","name":"Three.js procedural material comparison","category":"Shaders & materials","why":"Four material outputs—teal cellular, frosted marble, mossy stone and translucent blue—share matching pedestals on a dark perspective grid. This is a material-output comparison; the node editor is not shown.","favorite":false,"collection":"three-js","creator":"Three.js authors and contributors","creatorUrl":"https://github.com/mrdoob/three.js","website":"https://threejs.org/examples/webgpu_tsl_graph.html","repository":"https://github.com/mrdoob/three.js","commit":"f67dcda032208b367f5965bbd835c16f839909c8","codeUrl":"https://github.com/mrdoob/three.js/blob/f67dcda032208b367f5965bbd835c16f839909c8/examples/webgpu_tsl_graph.html","access":"Original MIT example source linked and pinned · imported model/texture/addon terms remain separate; no complete source archive","license":"MIT · original three.js LICENSE preserved; third-party model, texture and addon rights are not covered by a blanket asset-license claim","preview":"media/references/three--webgpu_tsl_graph.jpg","previewSource":"https://raw.githubusercontent.com/mrdoob/three.js/f67dcda032208b367f5965bbd835c16f839909c8/examples/screenshots/webgpu_tsl_graph.jpg","previewSha256":"79f1a82b4794d6759682abd50d30b38ecba57a1debc671601ad8e165dc600ec9","previewWidth":400,"previewHeight":250,"previewType":"Original official400×250 static example screenshot, unchanged; not upscaled or4K","sourceResolution":"references/three-spatial-candidates.json","originalCredits":[{"text":"","url":"https://threejs.org/"},{"text":"three.js","url":"https://threejs.org/"},{"text":"www.tsl-graph.xyz","url":"https://www.tsl-graph.xyz/"}],"additionalOriginalImages":["media/references/three--webgpu_tsl_editor.jpg"]},{"id":"codrops--three-js-runic-alphabet","name":"Three.js Runic Alphabet","collection":"codrops-creative","creator":"Anton Bobrov","creatorUrl":"https://tympanus.net/codrops/hub/author/anton_bobrov","category":"Typography & effects","styleTags":["particles","Three.js","typography","WebGL"],"why":"Glowing particle-built rune glyph on dark teal","useFor":"Study the original design and its linked implementation before adoption.","website":"https://antonbobrov.github.io/threejs-runic-alphabet/","codeUrl":"https://github.com/antonbobrov/threejs-runic-alphabet","repository":"https://github.com/antonbobrov/threejs-runic-alphabet","sourceFiles":[],"commit":"","access":"Creator code page linked · HTTP 200; license/reuse terms not audited","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview selection; creator/demo/source links traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub · October 20 creator-depth review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/12/Screenshot-2025-12-28-at-08.00.56.png.webp","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Apr 16, 2024","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T07:38:51.455636+00:00","preview":"media/references/codrops--three-js-runic-alphabet.webp","previewWidth":1600,"previewHeight":1202,"previewSha256":"04a6da2deafdb4a50f70e21ad2f3fc5cae3dcddd8048a8e0458d6d5d7ce5ca23","previewAnimated":false,"sourcePageCheck":{"status":200,"resolvedUrl":"https://github.com/antonbobrov/threejs-runic-alphabet","checkedAt":"2026-10-20T07:40:34.729474+00:00"}},{"sourceFiles":[],"platform":"Web · Three.js / WebGPU / WebGL","added":"2026-10-20","previewAnimated":false,"useFor":"Inspect the exact original still and creator source. Example code and included asset terms are separate.","review":"Sonnet 5.5 Medium full-image static visual review plus original source/credit checks; no code execution, runtime, motion or accessibility audit","sourcePinNote":"Original source and screenshot Git blobs verified at the pinned commit; not a claim of exact screenshot-build revision.","selectionType":"Individually visually reviewed original spatial/material reference","discovered":"Official spatial source examples followed to original creators · spatial-operational three-spatial review","id":"three--css3d_periodictable","name":"Three.js spatial element cards","category":"Spatial experiences","why":"Teal-outlined element tiles float at different depths on black, with the nearer tiles larger and more legible (Co, Nd, Bk, Xe, Te) and distant ones fading small. This is a depth-scaled card field made from DOM-style tiles.","favorite":false,"collection":"three-js","creator":"Three.js authors and contributors","creatorUrl":"https://github.com/mrdoob/three.js","website":"https://threejs.org/examples/css3d_periodictable.html","repository":"https://github.com/mrdoob/three.js","commit":"f67dcda032208b367f5965bbd835c16f839909c8","codeUrl":"https://github.com/mrdoob/three.js/blob/f67dcda032208b367f5965bbd835c16f839909c8/examples/css3d_periodictable.html","access":"Original MIT example source linked and pinned · imported model/texture/addon terms remain separate; no complete source archive","license":"MIT · original three.js LICENSE preserved; third-party model, texture and addon rights are not covered by a blanket asset-license claim","preview":"media/references/three--css3d_periodictable.jpg","previewSource":"https://raw.githubusercontent.com/mrdoob/three.js/f67dcda032208b367f5965bbd835c16f839909c8/examples/screenshots/css3d_periodictable.jpg","previewSha256":"ebe3ba72a8373b1ac0262f87a1b14fe594f011fa5bef5a9fd2f19a408fdd9772","previewWidth":400,"previewHeight":250,"previewType":"Original official400×250 static example screenshot, unchanged; not upscaled or4K","sourceResolution":"references/three-spatial-candidates.json","originalCredits":[{"text":"three.js","url":"https://threejs.org"}],"additionalOriginalImages":[]},{"sourceFiles":[],"platform":"Web · Three.js / WebGPU / WebGL","added":"2026-10-20","previewAnimated":false,"useFor":"Inspect the exact original still and creator source. Example code and included asset terms are separate.","review":"Sonnet 5.5 Medium full-image static visual review plus original source/credit checks; no code execution, runtime, motion or accessibility audit","sourcePinNote":"Original source and screenshot Git blobs verified at the pinned commit; not a claim of exact screenshot-build revision.","selectionType":"Individually visually reviewed original spatial/material reference","discovered":"Official spatial source examples followed to original creators · spatial-operational three-spatial review","id":"three-family--weather","name":"Three.js weather corridor","category":"Spatial experiences","why":"Dense rain streaks frame both sides of a black corridor, with small splash marks on the floor and a grey monkey-head model at the far end, giving strong depth and a one-point perspective.","favorite":false,"collection":"three-js","creator":"Three.js authors and contributors","creatorUrl":"https://github.com/mrdoob/three.js","website":"https://threejs.org/examples/webgpu_compute_particles_rain.html","repository":"https://github.com/mrdoob/three.js","commit":"f67dcda032208b367f5965bbd835c16f839909c8","codeUrl":"https://github.com/mrdoob/three.js/blob/f67dcda032208b367f5965bbd835c16f839909c8/examples/webgpu_compute_particles_rain.html","access":"Original MIT example source linked and pinned · imported model/texture/addon terms remain separate; no complete source archive","license":"MIT · original three.js LICENSE preserved; third-party model, texture and addon rights are not covered by a blanket asset-license claim","preview":"media/references/three--webgpu_compute_particles_rain.jpg","previewSource":"https://raw.githubusercontent.com/mrdoob/three.js/f67dcda032208b367f5965bbd835c16f839909c8/examples/screenshots/webgpu_compute_particles_rain.jpg","previewSha256":"2df0ec3a785875908440d488f7fa55761e9b27fe59c0d6f74595974b09bb27cb","previewWidth":400,"previewHeight":250,"previewType":"Original official400×250 static example screenshot, unchanged; not upscaled or4K","sourceResolution":"references/three-spatial-candidates.json","originalCredits":[{"text":"","url":"https://threejs.org/"},{"text":"three.js","url":"https://threejs.org/"}],"additionalOriginalImages":["media/references/three--webgpu_compute_particles_snow.jpg"]},{"id":"21st--airbnb-visx--threshold","name":"Threshold","collection":"21st-community","creator":"Airbnb","category":"Dashboards & data","why":"Original dashboards & data reference from Airbnb.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@airbnb-visx/components/threshold","codeUrl":"https://21st.dev/@airbnb-visx/components/threshold","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community data-visualization catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/larsen66/threshold/default/preview.1747928934740.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"airbnb-visx","sourceCategory":"data-visualization","creatorPublicationUrl":"https://21st.dev/@airbnb-visx/components/threshold","preview":"media/references/21st--airbnb-visx--threshold.png","previewWidth":960,"previewHeight":739,"previewSha256":"ebb7ddd9ec042a51308f4a1da2c7f5599299ba846f8714b6c2e27a716baf5f20","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@airbnb-visx/components/threshold"},{"id":"codrops-original--thumbfulltransition","name":"Thumb Full Transition","category":"Galleries & transitions","why":"Editorial article page with a bold serif 'Gnostic Love' headline, a full-bleed salmon-toned portrait band and two-column small text, flanked by neighbouring portrait thumbnails with numbered caption; shows the thumb-to-full layout with refined typographic hierarchy.","favorite":false,"collection":"codrops-creative","creator":"Codrops","creatorUrl":"https://github.com/codrops","website":"https://tympanus.net/Development/ThumbFullTransition/","repository":"https://github.com/codrops/ThumbFullTransition","commit":"6ae767e260e0696b9c4555832f8941d427dea33b","codeUrl":"https://github.com/codrops/ThumbFullTransition/tree/6ae767e260e0696b9c4555832f8941d427dea33b/src","sourceFiles":[],"platform":"Web","access":"Original public source linked and pinned · MIT; not a complete archived component package","license":"MIT · original notice bytes preserved; image/font/dependency terms remain separate","review":"Sonnet 5.5 Medium full-image visual review plus researcher source/provenance checks; not runtime, motion or accessibility tested","useFor":"Study the exact original image and linked creator source. Respect its source, asset and access terms.","selectionType":"Individually visually reviewed original reference","discovered":"Original GitHub creator repository discovery · spatial-operational review","added":"2026-10-20","preview":"media/references/codrops-original--thumbfulltransition.jpg","previewSha256":"df0dfb458aab717b1c984b67f197d7f5fc18002c6fea63e4e40179808476135a","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2020/08/ThumbToFull_featured-1.jpg","previewAnimated":false,"previewType":"Exact original creator-published static feature image","sourceResolution":"references/spatial-operational-source-resolution.json","sourcePinNote":"Current pinned original source, not a claim of exact screenshot-build revision.","additionalOriginalImages":[],"previewWidth":800,"previewHeight":600},{"id":"codrops--thumbnail-flow-animation-with-gsap-motionpath","name":"Thumbnail Flow Animation with GSAP MotionPath","collection":"codrops-creative","creator":"Iqbal Muthahhary","creatorUrl":"https://tympanus.net/codrops/hub/author/iqbalmuthahhary","category":"Creative controls & effects","styleTags":["gsap","motionpath","stack"],"why":"Original creative controls & effects reference published in the Codrops Creative Hub; inspect the image and original demo for its visual approach.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Tutorials/MotionPathTransition/","codeUrl":"https://github.com/Ibaliqbal/codrops-motion-path-transition","repository":"https://github.com/Ibaliqbal/codrops-motion-path-transition","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Contact-sheet preview reviewed with Sonnet 5.5 Medium; original publisher links traced; not runtime-tested","selectionType":"Preview-reviewed design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/06/motionpath-768x576.webp","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Jun 4, 2026","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:23:38.056369+00:00","preview":"media/references/codrops--thumbnail-flow-animation-with-gsap-motionpath.webp","previewWidth":768,"previewHeight":576,"previewSha256":"eafde6266ed8923b9ec2e6f19ff1abb359c13fc7b1828e8fd43d7cd1fb8460ea","previewAnimated":false},{"id":"21st--ibrandify--thumbnail-image-viewer","name":"Thumbnail image viewer","collection":"21st-community","creator":"Waqar H. Syed","category":"Cards & layouts","why":"Original cards & layouts reference from Waqar H. Syed.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@ibrandify/components/thumbnail-image-viewer","codeUrl":"https://21st.dev/@ibrandify/components/thumbnail-image-viewer","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Featured by publisher; creator preview indexed; not runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community featured catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/ibrandify/thumbnail-image-viewer/default/preview.1791665247719-28f654c3-85af-4276-b8aa-e1db40b7da4d.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"ibrandify","sourceCategory":"featured","creatorPublicationUrl":"https://21st.dev/@ibrandify/components/thumbnail-image-viewer","preview":"media/references/21st--ibrandify--thumbnail-image-viewer.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"b3799d277744b317ad46b4d05a0a1420dd4998d0598ab8d27674a631faca8de7","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@ibrandify/components/thumbnail-image-viewer"},{"id":"codrops-original--tilescroll","name":"Tile Scroll","category":"Spatial experiences","why":"Large white serif 'Neurotic culture' title over a dark perspective-tilted plane of moody tinted photographs receding in depth; legible static view of a 3D tile-wall scroll composition.","favorite":false,"collection":"codrops-creative","creator":"Codrops","creatorUrl":"https://github.com/codrops","website":"https://tympanus.net/Development/TileScroll/","repository":"https://github.com/codrops/TileScroll","commit":"5b65daea2c25e4ddb09052af58c55548a56cce3c","codeUrl":"https://github.com/codrops/TileScroll/tree/5b65daea2c25e4ddb09052af58c55548a56cce3c/src","sourceFiles":[],"platform":"Web","access":"Original public source linked and pinned · MIT; not a complete archived component package","license":"MIT · original notice bytes preserved; image/font/dependency terms remain separate","review":"Sonnet 5.5 Medium full-image visual review plus researcher source/provenance checks; not runtime, motion or accessibility tested","useFor":"Study the exact original image and linked creator source. Respect its source, asset and access terms.","selectionType":"Individually visually reviewed original reference","discovered":"Original GitHub creator repository discovery · spatial-operational review","added":"2026-10-20","preview":"media/references/codrops-original--tilescroll.jpg","previewSha256":"af0058a59054cd9ea49a7a30391ec3c0802f3470cba8a5f20c2151faca112f9f","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2020/10/ScrollAnimationLocomotive.jpg","previewAnimated":false,"previewType":"Exact original creator-published static feature image","sourceResolution":"references/spatial-operational-source-resolution.json","sourcePinNote":"Current pinned original source, not a claim of exact screenshot-build revision.","additionalOriginalImages":[],"previewWidth":800,"previewHeight":600},{"id":"21st--lukacho--tiles","name":"Tiles","collection":"21st-community","creator":"lukacho/ui","category":"Cards & layouts","why":"Original cards & layouts reference from lukacho/ui.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@lukacho/components/tiles","codeUrl":"https://21st.dev/@lukacho/components/tiles","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community grid catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_lukacho/tiles/988/preview.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"lukacho","sourceCategory":"grid","creatorPublicationUrl":"https://21st.dev/@lukacho/components/tiles","preview":"media/references/21st--lukacho--tiles.png","previewWidth":960,"previewHeight":748,"previewSha256":"739d21a488672eb19c157a1e5d2772eadc4ad41c56d2269e20694333af0af237","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@lukacho/components/tiles"},{"id":"21st--preetsuthar17--timeline","name":"Timeline","collection":"21st-community","creator":"Preet Suthar","category":"Thinking & progress","why":"Original thinking & progress reference from Preet Suthar.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@preetsuthar17/components/timeline","codeUrl":"https://21st.dev/@preetsuthar17/components/timeline","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community timeline catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_2rWolCuRnJW3DRiuQ5JHrl5kj8a/timeline/default/preview.1786561092292.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"preetsuthar17","sourceCategory":"timeline","creatorPublicationUrl":"https://21st.dev/@preetsuthar17/components/timeline","preview":"media/references/21st--preetsuthar17--timeline.png","previewWidth":960,"previewHeight":778,"previewSha256":"3441aa4a0dd6f00416283fbaaa3ac0b3255245aa970b3f0c414d1d38344de6ee","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@preetsuthar17/components/timeline"},{"id":"21st--nyxbui--timeline","name":"Timeline","collection":"21st-community","creator":"Nyxb UI","category":"Thinking & progress","why":"Original thinking & progress reference from Nyxb UI.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@nyxbui/components/timeline","codeUrl":"https://21st.dev/@nyxbui/components/timeline","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community timeline catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_nyxbui/timeline/default/preview.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"nyxbui","sourceCategory":"timeline","creatorPublicationUrl":"https://21st.dev/@nyxbui/components/timeline","preview":"media/references/21st--nyxbui--timeline.png","previewWidth":960,"previewHeight":778,"previewSha256":"b5614bb5b8596f6734104e356f25c1c60367fc5c12d672dfe8707944c4996b76","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@nyxbui/components/timeline"},{"id":"21st--slide-cn--timeline","name":"Timeline","collection":"21st-community","creator":"slide-cn","category":"Thinking & progress","why":"Original thinking & progress reference from slide-cn.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@slide-cn/components/timeline","codeUrl":"https://21st.dev/@slide-cn/components/timeline","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community timeline catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/slide-cn/timeline/default/preview.1789960564301-88a04004-296e-44ca-a688-c1b292e04ad3.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"slide-cn","sourceCategory":"timeline","creatorPublicationUrl":"https://21st.dev/@slide-cn/components/timeline","preview":"media/references/21st--slide-cn--timeline.jpg","previewWidth":960,"previewHeight":719,"previewSha256":"0bbf1967d69566fe3240fa94bc737c5475c064ec20021851537494173358065a","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@slide-cn/components/timeline"},{"id":"21st--cubby-ui--timeline","name":"Timeline","collection":"21st-community","creator":"cubby-ui","category":"Cards & layouts","why":"Original cards & layouts reference from cubby-ui.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@cubby-ui/components/timeline","codeUrl":"https://21st.dev/@cubby-ui/components/timeline","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Featured by publisher; creator preview indexed; not runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community featured catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/cubby-ui/timeline/default/preview.1789960266184-d8fcdc0d-1c82-48a8-bfde-3572fb88be97.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"cubby-ui","sourceCategory":"featured","creatorPublicationUrl":"https://21st.dev/@cubby-ui/components/timeline","preview":"media/references/21st--cubby-ui--timeline.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"e71a23008294c2f2b6e83b60a4586726dd6b92607d1cf8a363b08931fe403484","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@cubby-ui/components/timeline"},{"id":"21st--nayan_radadiya6--timeline-rail","name":"Timeline Rail","collection":"21st-community","creator":"nayan_radadiya6","category":"Thinking & progress","why":"Original thinking & progress reference from nayan_radadiya6.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@nayan_radadiya6/components/timeline-rail","codeUrl":"https://21st.dev/@nayan_radadiya6/components/timeline-rail","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community timeline catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/larsen66/timeline-rail/default/preview.1756507139925.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"nayan_radadiya6","sourceCategory":"timeline","creatorPublicationUrl":"https://21st.dev/@nayan_radadiya6/components/timeline-rail","preview":"media/references/21st--nayan_radadiya6--timeline-rail.png","previewWidth":960,"previewHeight":648,"previewSha256":"bf97ac595a00e18eb7389d124a0bb0d19d20aff5d38287edf7a88b6c8e6bc2a5","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@nayan_radadiya6/components/timeline-rail"},{"id":"tldraw-original--chat","name":"tldraw chat","category":"Intent & input","why":"The composer holds prior sketches and annotated photos above the message field, with separate upload/annotation and whiteboard-sketch actions. The original flat documentation screenshot labels those controls and shows image context inside the conversation.","favorite":false,"collection":"tldraw","creator":"tldraw Inc.","creatorUrl":"https://github.com/tldraw","website":"https://tldraw.dev/starter-kits/chat","repository":"https://github.com/tldraw/tldraw","commit":"5e46744c5daa35aaa94b46f32e7ec7a2088cc1f3","codeUrl":"https://github.com/tldraw/tldraw/tree/5e46744c5daa35aaa94b46f32e7ec7a2088cc1f3/templates/chat","sourceFiles":[],"platform":"Web","access":"Original public MIT chat-template source linked; SDK production license is separate; no service/API session used","license":"Chat template MIT · Copyright 2024 tldraw Inc.; underlying SDK uses separate tldraw license and production requires a license key","review":"Sonnet 5.5 Medium full-image visual review plus researcher original-source checks; static judgment, no runtime, motion, accessibility or complete dependency audit","useFor":"Study the exact original creator image and linked implementation under its original terms.","selectionType":"Individually visually reviewed original reference","discovered":"Primary creator repository/docs discovery · operational-input review","added":"2026-10-20","preview":"media/references/tldraw-original--chat-2.png","previewSha256":"5cf77811952d3cdec13b42f1df5deebedaa43a610ee65c7b7b02c70ad5501207","previewSource":"https://raw.githubusercontent.com/tldraw/tldraw/5e46744c5daa35aaa94b46f32e7ec7a2088cc1f3/apps/docs/public/images/starter-kits/chat-screenshot.png","previewAnimated":false,"previewType":"Exact unmodified original creator-published static image","sourceResolution":"references/operational-input-source-evidence.json","sourcePinNote":"Current pinned original source; exact screenshot-build revision is not established. Selected files are provenance evidence, not a complete component archive.","previewWidth":4324,"previewHeight":2734},{"id":"21st--shugar--toast","name":"Toast","collection":"21st-community","creator":"tigran tumasov","category":"Feedback & states","why":"Original feedback & states reference from tigran tumasov.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@shugar/components/toast/with-a-link","codeUrl":"https://21st.dev/@shugar/components/toast/with-a-link","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community notification catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/shugar/toast/with-a-link/preview.1752230648566.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"shugar","sourceCategory":"notification","creatorPublicationUrl":"https://21st.dev/@shugar/components/toast/with-a-link","preview":"media/references/21st--shugar--toast.png","previewWidth":960,"previewHeight":670,"previewSha256":"0e58daa4174e2d17416738df424faa45c2f439a34bad4abb79746a5686f4c623","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@shugar/components/toast"},{"id":"beui-native--todo-list","name":"Todo List · Native","collection":"beui-native","category":"React Native","why":"A plan whose marks morph as tasks finish.","useFor":"Original React Native component from the creator’s public library. Image reference with original demo and source links.","sourceFiles":["sources/beui-native/code/src/components/todo-list/index.ts","sources/beui-native/code/src/components/todo-list/todo-list.tsx"],"website":"https://beui.dev/react-native/todo-list","repository":"https://github.com/starc007/beui-native","commit":"","license":"MIT","access":"Source saved","review":"Official creator catalog · not individually runtime-tested","favorite":false,"discovered":"Original creator library, linked from beUI","added":"2026-10-20","preview":"media/beui-native--todo-list.jpg","previewSource":"https://media.beui.dev/clips/todo-list-light.d699bca1ba.jpg","previewType":"Creator’s original React Native recording poster","platform":"React Native","selectionType":"Creator library expansion","previewWidth":600,"previewHeight":1304,"previewAnimated":false,"previewVideo":"media/recordings/beui-native--todo-list.mp4","videoSource":"https://media.beui.dev/clips/todo-list-light.d699bca1ba.mp4","videoType":"Unmodified original creator recording","videoMetadata":{"width":600,"height":1304,"duration":13},"videoSha256":"d699bca1ba520cfc415d926c22df29303f70f1a1231d7c84e9b7ba17a84b74c8","previewVideoSource":"https://media.beui.dev/clips/todo-list-light.d699bca1ba.mp4"},{"id":"21st--airbnb-visx--toggle-nav","name":"Toggle nav","collection":"21st-community","creator":"Airbnb","category":"Navigation & search","why":"Original navigation & search reference from Airbnb.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@airbnb-visx/components/toggle-nav","codeUrl":"https://21st.dev/@airbnb-visx/components/toggle-nav","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community sidebar catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_airbnb/toggle-nav/default/preview.1748457795479.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"airbnb-visx","sourceCategory":"sidebar","creatorPublicationUrl":"https://21st.dev/@airbnb-visx/components/toggle-nav","preview":"media/references/21st--airbnb-visx--toggle-nav.png","previewWidth":960,"previewHeight":769,"previewSha256":"7dd3f5638d463a8dc818113cc1697cf73a38c2a21dfe48277a555d07e86f972f","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@airbnb-visx/components/toggle-nav"},{"id":"codrops--toggle-neon","name":"Toggle Neon","collection":"codrops-creative","creator":"Álvaro Montoro","creatorUrl":"https://tympanus.net/codrops/hub/author/alvaro_montoro","category":"Forms & controls","styleTags":["CSS Only","toggle"],"why":"Recessed switch with cyan neon rim on grey; tactile control","useFor":"Study the original design and its linked implementation before adoption.","website":"https://codepen.io/alvaromontoro/full/ExMvdxV","codeUrl":"https://codepen.io/alvaromontoro/pen/ExMvdxV","repository":"","sourceFiles":[],"commit":"","access":"Creator code linked · access unverified (source response recorded)","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview selection; creator/demo/source links traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub · October 20 creator-depth review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2024/01/image-2025-01-04-at-16.33.11.jpg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Jan 23, 2024","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T07:38:51.455636+00:00","preview":"media/references/codrops--toggle-neon.jpg","previewWidth":920,"previewHeight":644,"previewSha256":"6cb34d317c56081468b162e6a1bafc332014c487c397d8444b12334725bfe92c","previewAnimated":false,"sourcePageCheck":{"status":403,"resolvedUrl":"https://codepen.io/alvaromontoro/pen/ExMvdxV","checkedAt":"2026-10-20T07:40:30.694221+00:00"}},{"id":"codrops--toggle-pill","name":"Toggle Pill","collection":"codrops-creative","creator":"Álvaro Montoro","creatorUrl":"https://tympanus.net/codrops/hub/author/alvaro_montoro","category":"Forms & controls","styleTags":["checkbox","CSS Only","toggle"],"why":"Chip toggles in slide/grow/bounce styles with a disabled row","useFor":"Study the original design and its linked implementation before adoption.","website":"https://codepen.io/alvaromontoro/full/OJqOVyO","codeUrl":"https://codepen.io/alvaromontoro/pen/OJqOVyO","repository":"","sourceFiles":[],"commit":"","access":"Creator code linked · access unverified (source response recorded)","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview selection; creator/demo/source links traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub · October 20 creator-depth review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2024/01/image-2025-01-04-at-16.29.59.jpg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Jan 26, 2024","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T07:38:51.455636+00:00","preview":"media/references/codrops--toggle-pill.jpg","previewWidth":877,"previewHeight":662,"previewSha256":"cb5c3fd673daee94a17960b22d76a8d58599b112603cc4f3b65c5eb0347b8bea","previewAnimated":false,"sourcePageCheck":{"status":403,"resolvedUrl":"https://codepen.io/alvaromontoro/pen/OJqOVyO","checkedAt":"2026-10-20T07:40:30.700122+00:00"}},{"id":"21st--diarmuradi--pricing-7","name":"Toggle Pricing Cards","collection":"21st-community","creator":"Diar Muradi","category":"Cards & layouts","why":"Original cards & layouts reference from Diar Muradi.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@diarmuradi/components/pricing-7","codeUrl":"https://21st.dev/@diarmuradi/components/pricing-7","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Featured by publisher; creator preview indexed; not runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community featured catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/diarmuradi/pricing-7/default/preview.1789237013772-7cca4b9d-bf60-4495-968e-889ffd5cfea0.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"diarmuradi","sourceCategory":"featured","creatorPublicationUrl":"https://21st.dev/@diarmuradi/components/pricing-7","preview":"media/references/21st--diarmuradi--pricing-7.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"e3b599e402976d7727c27ff70767812853082365aa3202dada01190fd328192e","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@diarmuradi/components/pricing-7"},{"id":"beui--tool-approval","name":"Tool Approval","collection":"beui","category":"Human control","why":"Expandable parameters and allow-once/remember/deny controls make permission scope inspectable. A practical pattern with a clear decision boundary.","useFor":"Reviewing a concrete tool action.","sourceFiles":["sources/beui/code/components/agents/tool-approval.tsx"],"website":"https://beui.dev/components/agents/tool-approval","repository":"https://github.com/starc007/ui-components","commit":"6b5a00a5687214be8fd12fb0b6a78678d4dc96e0","license":"MIT","access":"Source saved","review":"Source located + documentation","favorite":false,"discovered":"Independent research","added":"2026-10-20","preview":"media/screenshots/beui--tool-approval.jpg","previewType":"Screenshot of the creator’s published web demo","previewSource":"https://beui.dev/components/agents/tool-approval","capturedAt":"2026-10-20T03:49:15.711Z","previewWidth":733,"previewHeight":435,"previewAnimated":false},{"id":"beui-native--tool-approval","name":"Tool Approval · Native","collection":"beui-native","category":"React Native","why":"Hold to let an agent run a tool.","useFor":"Original React Native component from the creator’s public library. Image reference with original demo and source links.","sourceFiles":["sources/beui-native/code/src/components/tool-approval/index.ts","sources/beui-native/code/src/components/tool-approval/tool-approval.tsx"],"website":"https://beui.dev/react-native/tool-approval","repository":"https://github.com/starc007/beui-native","commit":"","license":"MIT","access":"Source saved","review":"Official creator catalog · not individually runtime-tested","favorite":false,"discovered":"Original creator library, linked from beUI","added":"2026-10-20","preview":"media/beui-native--tool-approval.jpg","previewSource":"https://media.beui.dev/clips/tool-approval-light.542b8d3a9d.jpg","previewType":"Creator’s original React Native recording poster","platform":"React Native","selectionType":"Creator library expansion","previewWidth":600,"previewHeight":1304,"previewAnimated":false,"previewVideo":"media/recordings/beui-native--tool-approval.mp4","videoSource":"https://media.beui.dev/clips/tool-approval-light.542b8d3a9d.mp4","videoType":"Unmodified original creator recording","videoMetadata":{"width":600,"height":1304,"duration":11.016667},"videoSha256":"542b8d3a9dd0b85d07fa14fef3f5e85cfed759a8f01fe7e69a7eaf03a3adad64","previewVideoSource":"https://media.beui.dev/clips/tool-approval-light.542b8d3a9d.mp4"},{"id":"21st--heygaia--tool-calls-section","name":"Tool Calls Section","collection":"21st-community","creator":"heygaia","category":"Conversation craft","why":"Original conversation craft reference from heygaia.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@heygaia/components/tool-calls-section","codeUrl":"https://21st.dev/@heygaia/components/tool-calls-section","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community ai-chat catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/heygaia/tool-calls-section/default/preview.1784355239570-9dfb4cde-306f-4cc5-b38f-120aaba6acc9.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"heygaia","sourceCategory":"ai-chat","creatorPublicationUrl":"https://21st.dev/@heygaia/components/tool-calls-section","preview":"media/references/21st--heygaia--tool-calls-section.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"522535fa97deda94f6d3980f28a95fd06ebd539fc09607902f874cb093aba726","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@heygaia/components/tool-calls-section"},{"id":"21st--alwurts--tool-invocation","name":"Tool Invocation","collection":"21st-community","creator":"Alwurts","category":"Conversation craft","why":"Original conversation craft reference from Alwurts.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@Alwurts/components/tool-invocation","codeUrl":"https://21st.dev/@Alwurts/components/tool-invocation","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community ai-chat catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/Alwurts/tool-invocation/default/preview.1783696455812.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"Alwurts","sourceCategory":"ai-chat","creatorPublicationUrl":"https://21st.dev/@Alwurts/components/tool-invocation","preview":"media/references/21st--alwurts--tool-invocation.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"333d5322e3154c014aaeed14c7a28f028fef700a6ba7ffb92c6b985d2231848f","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@Alwurts/components/tool-invocation"},{"id":"beui--tool-result","name":"Tool Result","collection":"beui","category":"Tools & execution","why":"An execution result collapses to a compact summary while retaining terminal output and request detail.","useFor":"Keeping evidence attached to a tool action.","sourceFiles":["sources/beui/code/components/agents/tool-result.tsx"],"website":"https://beui.dev/components/agents/tool-result","repository":"https://github.com/starc007/ui-components","commit":"6b5a00a5687214be8fd12fb0b6a78678d4dc96e0","license":"MIT","access":"Source saved","review":"Creator documentation + exact source; library expansion","favorite":false,"discovered":"Independent research","added":"2026-10-20","selectionType":"Creator library expansion","preview":"media/screenshots/beui--tool-result.jpg","previewType":"Screenshot of the creator’s published web demo","previewSource":"https://beui.dev/components/agents/tool-result","capturedAt":"2026-10-20T04:21:19.565Z","captureWidth":1232,"captureHeight":410,"captureX":304,"captureY":436,"previewWidth":1232,"previewHeight":410,"previewAnimated":false},{"id":"beui-native--tool-result","name":"Tool Result · Native","collection":"beui-native","category":"React Native","why":"Output that streams in, then folds into a result.","useFor":"Original React Native component from the creator’s public library. Image reference with original demo and source links.","sourceFiles":["sources/beui-native/code/src/components/tool-result/index.ts","sources/beui-native/code/src/components/tool-result/tool-result.tsx"],"website":"https://beui.dev/react-native/tool-result","repository":"https://github.com/starc007/beui-native","commit":"","license":"MIT","access":"Source saved","review":"Official creator catalog · not individually runtime-tested","favorite":false,"discovered":"Original creator library, linked from beUI","added":"2026-10-20","preview":"media/beui-native--tool-result.jpg","previewSource":"https://media.beui.dev/clips/tool-result-light.74a9391674.jpg","previewType":"Creator’s original React Native recording poster","platform":"React Native","selectionType":"Creator library expansion","previewWidth":600,"previewHeight":1304,"previewAnimated":false,"previewVideo":"media/recordings/beui-native--tool-result.mp4","videoSource":"https://media.beui.dev/clips/tool-result-light.74a9391674.mp4","videoType":"Unmodified original creator recording","videoMetadata":{"width":600,"height":1304,"duration":7.916667},"videoSha256":"74a9391674c0309a01004c2971f61775c3439188da461a2a9ca8fcaa19f95d73","previewVideoSource":"https://media.beui.dev/clips/tool-result-light.74a9391674.mp4"},{"id":"21st--cnippet-dev--cnippet-toolbar","name":"Toolbar","collection":"21st-community","creator":"Cnippet","category":"Navigation & search","why":"Original navigation & search reference from Cnippet.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@cnippet-dev/components/cnippet-toolbar/data-table","codeUrl":"https://21st.dev/@cnippet-dev/components/cnippet-toolbar/data-table","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community search catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_36Tbt0v8JdD4jEycmBFhR8tojnR/cnippet-toolbar/data-table/preview.1785922678069.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"cnippet-dev","sourceCategory":"search","creatorPublicationUrl":"https://21st.dev/@cnippet-dev/components/cnippet-toolbar/data-table","preview":"media/references/21st--cnippet-dev--cnippet-toolbar.png","previewWidth":628,"previewHeight":407,"previewSha256":"5f47b7ffe775c372ad0db94ff15941ca358fb9204b14b60bf4e73de77154eba3","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@cnippet-dev/components/cnippet-toolbar"},{"id":"aceternity--tooltip-card","name":"Tooltip Card","collection":"aceternity","creator":"Aceternity UI · Manu Arora","category":"Cards & layouts","why":"Original cards & layouts reference from Aceternity UI · Manu Arora.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://ui.aceternity.com/components/tooltip-card","codeUrl":"https://ui.aceternity.com/components/tooltip-card","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Reddit library leads → original Aceternity component catalog","added":"2026-10-20","previewSource":"https://assets.aceternity.com/tooltip-card.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","preview":"media/references/aceternity--tooltip-card.webp","previewWidth":2048,"previewHeight":1440,"previewSha256":"77fb8ef30eca2d3361ddaef1e855e0eb790afd1f8244ea58de42805f7c8a7aa3","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"name":"TouchOSC · control-surface authoring and message log","collection":"touchosc-product-original","creator":"Hexler Limited","creatorUrl":"https://hexler.net/touchosc","platform":"Native desktop / mobile · control-surface editor","access":"Paid reference · commercial license; unrestricted desktop trial offered; app implementation source unavailable","license":"Original Hexler TouchOSC product/manual image. Official site distinguishes one-time desktop single-user license from separately licensed mobile store versions; all include editor/runtime. No application source/reuse grant established. Public layouts/scripts/TouchOSC Bridge are not the app editor implementation. No MIDI/OSC/network/device/session used.","id":"touchosc-surface-editor","category":"Tools & execution","why":"Clean full editor still: canvas with rulers and selection handles on a live surface, tab strip of open documents, a navigator minimap, a property inspector with collapsible Values/Messages sections color-coded by protocol, and a bottom MIDI/OSC/LOCAL/SCRIPT log. Spatial canvas, inspector and traffic log are organized as one authoring workspace. The play button is a run-mode switch, not video.","favorite":false,"website":"https://hexler.net/touchosc/manual/complete","repository":"","commit":"","codeUrl":"","sourceFiles":[],"review":"Sonnet5.5 Medium full-image visual review and researcher original-source/access/duplicate checks; static-only, no runtime/motion/accessibility/full dependency-license audit","useFor":"Study exact original spatial/authoring control organization and follow primary creator/source under its terms.","selectionType":"Individually visually reviewed original reference","discovered":"Original spatial and expressive control interfaces · spatial-craft pass","added":"2026-10-20","preview":"media/references/expressive-craft--touchosc-screens-07.png","previewSha256":"159f07ac782e4bcf35e7168bdfd8e123b8b12c1885e3267db3c29f71e9b1f817","previewSource":"https://hexler.net/gfx/_software/touchosc-screens-07.png","previewAnimated":false,"previewType":"Exact unmodified original creator static image","previewWidth":1478,"previewHeight":1323,"sourceResolution":"references/spatial-craft-source-resolution.json","sourcePinNote":"Exact original image bytes unchanged. Code/source pin is independent of screenshot revision; no screenshot-build equivalence asserted. Partial license/source evidence is not a new complete archive. No generated/upscaled media or creator code execution."},{"id":"aceternity--tracing-beam","name":"Tracing Beam","collection":"aceternity","creator":"Aceternity UI · Manu Arora","category":"Typography & effects","why":"Original typography & effects reference from Aceternity UI · Manu Arora.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://ui.aceternity.com/components/tracing-beam","codeUrl":"https://ui.aceternity.com/components/tracing-beam","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Reddit library leads → original Aceternity component catalog","added":"2026-10-20","previewSource":"https://assets.aceternity.com/cloudinary_bkp/Tracing_Beam_npujte.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","preview":"media/references/aceternity--tracing-beam.webp","previewWidth":2048,"previewHeight":1440,"previewSha256":"32a73dd3686dcffc3cd0e36062b9d2008d8db2272bf6519acaeaa38c626c7f30","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"webzibition--trajectory","name":"Trajectory","collection":"webzibition","creator":"Trajectory · original site","creatorAttribution":"Site identity from the publisher listing; individual design author not independently verified","category":"Full websites & portfolios","why":"Pastel peach-and-blue sky with a paper plane and 'Intelligence in motion' heading; unusually soft AI product page.","useFor":"Study the original website’s composition and presentation; code availability is unverified.","website":"https://www.trajectory.ai/","codeUrl":"","repository":"","sourceFiles":[],"commit":"","access":"Design reference · public source not traced","license":"Website and preview rights belong to their respective owners; no source or reuse license verified","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited; original website returned HTTP200; screenshot may predate the current live design","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"Codrops Webzibition → original website","added":"2026-10-20","preview":"media/references/webzibition--trajectory.webp","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/09/trajectory-1200x649.png.webp?x67708","previewType":"Codrops publisher screenshot of the linked original website; not a fresh live capture","previewWidth":1200,"previewHeight":649,"previewSha256":"5c0fb8992ed769195703f96fbb97420a6f664e5fc55633f1c1d5da6d35cdd273","previewAnimated":false,"publisherIndex":"https://tympanus.net/codrops/webzibition/","publisherRecord":"post-120441","pageTitle":"Trajectory","pageCheckedAt":"2026-10-20T05:54:32.868906+00:00","pageAvailability":"HTTP200; same-domain original website","retrievedAt":"2026-10-20T05:54:32.868906+00:00"},{"id":"21st--haydenbleasel--tree","name":"Tree","collection":"21st-community","creator":"Hayden Bleasel","category":"Navigation & search","why":"Original navigation & search reference from Hayden Bleasel.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@haydenbleasel/components/tree/custom-icons","codeUrl":"https://21st.dev/@haydenbleasel/components/tree/custom-icons","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community file-tree catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_2rdQLmsxuhvWx0tfvW2jDPWI7CY/tree/custom-icons/preview.1785518658221.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"haydenbleasel","sourceCategory":"file-tree","creatorPublicationUrl":"https://21st.dev/@haydenbleasel/components/tree/custom-icons","preview":"media/references/21st--haydenbleasel--tree.png","previewWidth":960,"previewHeight":821,"previewSha256":"bebc17dc76e3c3d3522dcfb30dae4b1d7dd2f4c38e3dd50b168ddddbcb47a266","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@haydenbleasel/components/tree"},{"id":"21st--jolbol1--tree-2","name":"Tree","collection":"21st-community","creator":"James Shopland","category":"Navigation & search","why":"Original navigation & search reference from James Shopland.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@jolbol1/components/tree-2","codeUrl":"https://21st.dev/@jolbol1/components/tree-2","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community file-tree catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/larsen66/tree/default/preview.1754523723629.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"jolbol1","sourceCategory":"file-tree","creatorPublicationUrl":"https://21st.dev/@jolbol1/components/tree-2","preview":"media/references/21st--jolbol1--tree-2.png","previewWidth":654,"previewHeight":520,"previewSha256":"98dd984a1467c490e2ff915cfac57a84136bc86fa8a00462622ad853949af1ab","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@jolbol1/components/tree-2"},{"id":"21st--originui--tree","name":"Tree","collection":"21st-community","creator":"Origin UI","category":"Navigation & search","why":"Original navigation & search reference from Origin UI.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@originui/components/tree/menu-navigation-tree","codeUrl":"https://21st.dev/@originui/components/tree/menu-navigation-tree","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community file-tree catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_originui/tree/menu-navigation-tree/preview.1786999250355.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"originui","sourceCategory":"file-tree","creatorPublicationUrl":"https://21st.dev/@originui/components/tree/menu-navigation-tree","preview":"media/references/21st--originui--tree.png","previewWidth":960,"previewHeight":892,"previewSha256":"7e421d7db61444aac8167ee69187860e41c8d7b9e7337a54f4d06a1a232a1597","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@originui/components/tree"},{"id":"21st--nikolas-sapa--tree-box-drawing","name":"Tree Box Drawing","collection":"21st-community","creator":"nikolas-sapa","category":"Navigation & search","why":"Original navigation & search reference from nikolas-sapa.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@nikolas-sapa/components/tree-box-drawing","codeUrl":"https://21st.dev/@nikolas-sapa/components/tree-box-drawing","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community sidebar catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/nikolas-sapa/tree-box-drawing/default/preview.1790530496693-3d21aa9d-f962-44a4-a539-e51a81f85963.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"nikolas-sapa","sourceCategory":"sidebar","creatorPublicationUrl":"https://21st.dev/@nikolas-sapa/components/tree-box-drawing","preview":"media/references/21st--nikolas-sapa--tree-box-drawing.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"fb33159fb3d5f08fbf73639072dd83c3cc489f38eac631368bb0abaac58fc8cc","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@nikolas-sapa/components/tree-box-drawing"},{"id":"21st--uilayout.contact--tree-code-viewer","name":"Tree Code Viewer","collection":"21st-community","creator":"ui layout","category":"Navigation & search","why":"Original navigation & search reference from ui layout.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@uilayout.contact/components/tree-code-viewer","codeUrl":"https://21st.dev/@uilayout.contact/components/tree-code-viewer","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community file-tree catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_2zAsvSHo1IeJGKtSjJ3uR1N1Cd7/tree-code-viewer/default/preview.1790891494506.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"uilayout.contact","sourceCategory":"file-tree","creatorPublicationUrl":"https://21st.dev/@uilayout.contact/components/tree-code-viewer","preview":"media/references/21st--uilayout.contact--tree-code-viewer.jpg","previewWidth":960,"previewHeight":598,"previewSha256":"2aebd3f570ba987f9033cefe1b07ed57ec757df652e60c8255e12b1b5e21fcf3","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@uilayout.contact/components/tree-code-viewer"},{"id":"21st--shailendrakumar19999--tree-folder-structure","name":"Tree Folder structure","collection":"21st-community","creator":"Shailendra Kumar","category":"Navigation & search","why":"Original navigation & search reference from Shailendra Kumar.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@shailendrakumar19999/components/tree-folder-structure","codeUrl":"https://21st.dev/@shailendrakumar19999/components/tree-folder-structure","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community file-tree catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_2ytgKTOYdmIWPc7GkqzOLR96ZKe/tree-folder-structure/default/preview.1787251300905.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"shailendrakumar19999","sourceCategory":"file-tree","creatorPublicationUrl":"https://21st.dev/@shailendrakumar19999/components/tree-folder-structure","preview":"media/references/21st--shailendrakumar19999--tree-folder-structure.jpg","previewWidth":960,"previewHeight":733,"previewSha256":"31510a51fd4b69e0203be7d9275426704b7f016468801a62c95491af420685b9","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@shailendrakumar19999/components/tree-folder-structure"},{"id":"21st--arihantcodes_1f7b8c4d--tree-nav","name":"Tree Nav","collection":"21st-community","creator":"Arihant jain","category":"Navigation & search","why":"Original navigation & search reference from Arihant jain.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@arihantcodes_1f7b8c4d/components/tree-nav","codeUrl":"https://21st.dev/@arihantcodes_1f7b8c4d/components/tree-nav","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community sidebar catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/arihantcodes_1f7b8c4d/tree-nav/default/preview.1790144958101-3bb4ef7d-f5b0-49b0-bb44-a8ba5ecaea13.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"arihantcodes_1f7b8c4d","sourceCategory":"sidebar","creatorPublicationUrl":"https://21st.dev/@arihantcodes_1f7b8c4d/components/tree-nav","preview":"media/references/21st--arihantcodes_1f7b8c4d--tree-nav.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"0883364fb0a414829b0337981bc369663d4c182d4e4316524fbb99b07cd411b9","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@arihantcodes_1f7b8c4d/components/tree-nav"},{"id":"21st--ruixen.ui--tree-node-tooltip","name":"Tree Node Tooltip","collection":"21st-community","creator":"Ruixen","category":"Navigation & search","why":"Original navigation & search reference from Ruixen.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@ruixen.ui/components/tree-node-tooltip","codeUrl":"https://21st.dev/@ruixen.ui/components/tree-node-tooltip","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community file-tree catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_2y5Wd5l713ZIFYjX19aZXSyXd6b/tree-node-tooltip/default/preview.1786475786320.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"ruixen.ui","sourceCategory":"file-tree","creatorPublicationUrl":"https://21st.dev/@ruixen.ui/components/tree-node-tooltip","preview":"media/references/21st--ruixen.ui--tree-node-tooltip.png","previewWidth":556,"previewHeight":448,"previewSha256":"42ab453cdf62467a2df5baab456eb89d39b2aa796961d78120b603deec2de863","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@ruixen.ui/components/tree-node-tooltip"},{"id":"21st--anubra266--tree-view","name":"Tree View","collection":"21st-community","creator":"Abraham","category":"Navigation & search","why":"Original navigation & search reference from Abraham.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@anubra266/components/tree-view","codeUrl":"https://21st.dev/@anubra266/components/tree-view","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community file-tree catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_anubra266/tree-view/default/preview.1788372964703.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"anubra266","sourceCategory":"file-tree","creatorPublicationUrl":"https://21st.dev/@anubra266/components/tree-view","preview":"media/references/21st--anubra266--tree-view.png","previewWidth":960,"previewHeight":753,"previewSha256":"f5a3d0e0a912c43e235719bd6e7e4150cb55c42470b99680875fe654ccc6cb14","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@anubra266/components/tree-view"},{"id":"21st--preetsuthar17--tree-view","name":"Tree View","collection":"21st-community","creator":"Preet Suthar","category":"Navigation & search","why":"Original navigation & search reference from Preet Suthar.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@preetsuthar17/components/tree-view","codeUrl":"https://21st.dev/@preetsuthar17/components/tree-view","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community file-tree catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/preetsuthar17/tree-view/default/preview.1749807259570.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"preetsuthar17","sourceCategory":"file-tree","creatorPublicationUrl":"https://21st.dev/@preetsuthar17/components/tree-view","preview":"media/references/21st--preetsuthar17--tree-view.png","previewWidth":960,"previewHeight":672,"previewSha256":"668246c202ef1fc03e4a031c3600e595b94457716b8cb7afbf65627ce026aabc","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@preetsuthar17/components/tree-view"},{"id":"webzibition--trevor-noah","name":"Trevor Noah","collection":"webzibition","creator":"Trevor Noah · original site","creatorAttribution":"Site identity from the publisher listing; individual design author not independently verified","category":"Full websites & portfolios","why":"Hot-pink name type over a paper-cut head collage with media icons on navy; lively celebrity page.","useFor":"Study the original website’s composition and presentation; code availability is unverified.","website":"https://www.trevornoah.com/","codeUrl":"","repository":"","sourceFiles":[],"commit":"","access":"Design reference · public source not traced","license":"Website and preview rights belong to their respective owners; no source or reuse license verified","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited; original website returned HTTP200; screenshot may predate the current live design","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"Codrops Webzibition → original website","added":"2026-10-20","preview":"media/references/webzibition--trevor-noah.webp","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/07/Screen-Shot-2026-07-24-at-10.57.40-1200x649.jpg.webp?x67708","previewType":"Codrops publisher screenshot of the linked original website; not a fresh live capture","previewWidth":1200,"previewHeight":649,"previewSha256":"956516468a916e84e7cf0df22dc527216ce06fc4ca7ffad0e63eef83ff6f17c3","previewAnimated":false,"publisherIndex":"https://tympanus.net/codrops/webzibition/","publisherRecord":"post-117934","pageTitle":"Trevor Noah - Comedian, Author & Host | Official Site","pageCheckedAt":"2026-10-20T05:54:32.868906+00:00","pageAvailability":"HTTP200; same-domain original website","retrievedAt":"2026-10-20T05:54:32.868906+00:00"},{"id":"codrops--trinity","name":"Trinity","collection":"codrops-creative","creator":"Thibaut Lefrançois","creatorUrl":"https://tympanus.net/codrops/hub/author/thibautlefrancois","category":"Spatial experiences","styleTags":["glitch","postprocessing","React Three Fiber","Three.js"],"why":"Iridescent CD in a cracked jewel case tilted in 3D on a green scanline backdrop, with a small 'drag and click' hint at the bottom.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://trinity-exp.netlify.app/","codeUrl":"https://github.com/thibautlfr/trinity","repository":"https://github.com/thibautlfr/trinity","sourceFiles":[],"commit":"","access":"Creator code page linked · HTTP 200; license/reuse terms not audited","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview review; original demo/source attribution traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub · October 20 midday review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/10/trinity_cover.jpg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Jan 20, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T06:57:46.927245+00:00","preview":"media/references/codrops--trinity.jpg","previewWidth":800,"previewHeight":600,"previewSha256":"4f86fdb70c06f142431146fab72fd5945610be0c2863abdcf2ad7f62fc88e70e","previewAnimated":false,"observedPage":6,"sourcePageCheck":{"status":200,"resolvedUrl":"https://github.com/thibautlfr/trinity","checkedAt":"2026-10-20T07:06:23.731428+00:00"}},{"id":"codrops--tsl-texture-for-watermelons","name":"TSL Texture for Watermelons","collection":"codrops-creative","creator":"Pavel Boytchev","creatorUrl":"https://tympanus.net/codrops/hub/author/pavel_boytchev","category":"Shaders & materials","styleTags":["Three.js","TSL","WebGL"],"why":"Row of procedural watermelon skins with different stripe patterns, showing material variation on identical spheres.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://boytchev.github.io/tsl-textures/online/watermelon.html","codeUrl":"https://github.com/boytchev/tsl-textures/blob/main/src/watermelon.js","repository":"https://github.com/boytchev/tsl-textures/blob/main/src/watermelon.js","sourceFiles":[],"commit":"","access":"Creator code page linked · HTTP 200; license/reuse terms not audited","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview review; original demo/source attribution traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub · October 20 midday review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2024/12/watermelon.jpg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Dec 26, 2024","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T06:57:46.927245+00:00","preview":"media/references/codrops--tsl-texture-for-watermelons.jpg","previewWidth":1600,"previewHeight":1200,"previewSha256":"8459219a55b5e36d524ba824f2e2356260e2e3b42fe2c9977f6b1bc75c8c720b","previewAnimated":false,"observedPage":6,"sourcePageCheck":{"status":200,"resolvedUrl":"https://github.com/boytchev/tsl-textures/blob/main/src/watermelon.js","checkedAt":"2026-10-20T07:06:19.113672+00:00"}},{"id":"codrops--turning-3d-models-to-voxel-art-with-three-js","name":"Turning 3D Models to Voxel Art with Three.js","collection":"codrops-creative","creator":"Ksenia Kondrashova","creatorUrl":"https://tympanus.net/codrops/hub/author/ksenia","category":"Spatial experiences","styleTags":["GSAP","Three.js","WebGL"],"why":"A smooth low-poly apple beside its voxelised twin on a pink cube grid makes a before/after of a model-to-blocks conversion legible at a glance.","useFor":"Study the original image and linked creator source; respect its license and access terms.","website":"https://tympanus.net/Tutorials/Voxelizer/","codeUrl":"https://github.com/uuuulala/Threejs-voxel-art-tutorial/tree/4cc9f04b8cbdcd703b295146f7b3fcdb11c648e7","repository":"https://github.com/uuuulala/Threejs-voxel-art-tutorial","sourceFiles":[],"commit":"4cc9f04b8cbdcd703b295146f7b3fcdb11c648e7","access":"Original code linked and revision pinned · not archived; root MIT","license":"Original repository MIT; root license checked where present. Assets and dependency terms not fully audited.","review":"Sonnet 5.5 Medium static visual review and researcher source/provenance checks; not runtime, accessibility or full dependency-license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"Original input and spatial creator trails · input-spatial review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2023/03/voxelizer.jpg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Mar 28, 2023","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T08:26:33.379151+00:00","preview":"media/references/codrops--turning-3d-models-to-voxel-art-with-three-js.jpg","previewWidth":800,"previewHeight":600,"previewSha256":"c9e2d9bdf268bd6186e54cf804306597817ae434359b92467bacc67ab90d7759","previewAnimated":false,"observedOriginalDemoUrl":"http://tympanus.net/Tutorials/Voxelizer/","redirectVerification":"Normal Chrome navigation followed the observed original link to HTTPS.","sourcePageCheck":{"status":200,"resolvedUrl":"https://github.com/uuuulala/Threejs-voxel-art-tutorial/","checkedAt":"2026-10-20T08:29:31.108784+00:00"},"observedOriginalCodeUrl":"https://github.com/uuuulala/Threejs-voxel-art-tutorial/","sourcePinNote":"Current public original source pinned; screenshot build revision is not claimed.","sourceLicenseEvidence":"references/source-license-evidence/uuuulala--Threejs-voxel-art-tutorial/LICENSE"},{"id":"codrops--unwoven","name":"Unwoven","collection":"codrops-creative","creator":"Clément Grellier","creatorUrl":"https://tympanus.net/codrops/hub/author/clementgrellier","category":"Spatial experiences","styleTags":["marquee","three.js","webgl"],"why":"Original spatial experiences reference published in the Codrops Creative Hub; inspect the image and original demo for its visual approach.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Development/Unwoven/","codeUrl":"https://github.com/clementgrellier/unwoven","repository":"https://github.com/clementgrellier/unwoven","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Contact-sheet preview reviewed with Sonnet 5.5 Medium; original publisher links traced; not runtime-tested","selectionType":"Preview-reviewed design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/09/unvowen_cover_demo-768x575.png.webp","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Sep 5, 2026","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:23:38.056369+00:00","preview":"media/references/codrops--unwoven.webp","previewWidth":768,"previewHeight":575,"previewSha256":"449d36b12c62891c76b0eacfc2aaae35774e2919692f851db9ee1be0fada7833","previewAnimated":false},{"id":"21st--ephraimduncan--upload-1","name":"upload","collection":"21st-community","creator":"Ephraim Duncan","category":"Artifacts & evidence","why":"Original artifacts & evidence reference from Ephraim Duncan.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@ephraimduncan/components/upload-1","codeUrl":"https://21st.dev/@ephraimduncan/components/upload-1","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community upload-download catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_2vZexZytBe3Vo4fbfmzWgvCugbB/upload-1/default/preview.1748455815045.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"ephraimduncan","sourceCategory":"upload-download","creatorPublicationUrl":"https://21st.dev/@ephraimduncan/components/upload-1","preview":"media/references/21st--ephraimduncan--upload-1.png","previewWidth":960,"previewHeight":522,"previewSha256":"f8afcd016b23430505e3af8ad5c728fbce82462b83d0fa40cae8411333f86704","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@ephraimduncan/components/upload-1"},{"id":"21st--ephraimduncan--upload","name":"Upload","collection":"21st-community","creator":"Ephraim Duncan","category":"Artifacts & evidence","why":"Original artifacts & evidence reference from Ephraim Duncan.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@ephraimduncan/components/upload","codeUrl":"https://21st.dev/@ephraimduncan/components/upload","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community upload-download catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_2vZexZytBe3Vo4fbfmzWgvCugbB/upload/default/preview.1748456436064.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"ephraimduncan","sourceCategory":"upload-download","creatorPublicationUrl":"https://21st.dev/@ephraimduncan/components/upload","preview":"media/references/21st--ephraimduncan--upload.png","previewWidth":960,"previewHeight":522,"previewSha256":"254f34794fe42269dab7db778549b1559039f79a68f42c06b616beeface48625","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@ephraimduncan/components/upload"},{"id":"21st--utilcn--upload-multiple-files","name":"Upload Multiple Files","collection":"21st-community","creator":"utilcn","category":"Artifacts & evidence","why":"Original artifacts & evidence reference from utilcn.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@utilcn/components/upload-multiple-files","codeUrl":"https://21st.dev/@utilcn/components/upload-multiple-files","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community upload-download catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/utilcn/upload-multiple-files/default/preview.1784753900711-f1b5d0f9-51c6-4108-9cad-279e14c211a6.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"utilcn","sourceCategory":"upload-download","creatorPublicationUrl":"https://21st.dev/@utilcn/components/upload-multiple-files","preview":"media/references/21st--utilcn--upload-multiple-files.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"b73023753743a7ecee066e430632faf35a3a481e10eeb224b1a9c213930714fe","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@utilcn/components/upload-multiple-files"},{"id":"21st--olewandowski1--roadmap-3","name":"Upvotable Roadmap","collection":"21st-community","creator":"Oliver","category":"Thinking & progress","why":"Original thinking & progress reference from Oliver.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@olewandowski1/components/roadmap-3","codeUrl":"https://21st.dev/@olewandowski1/components/roadmap-3","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community progress catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_registry_7ovr_1782691739820/roadmap-3/default/preview.1790088977241.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"olewandowski1","sourceCategory":"progress","creatorPublicationUrl":"https://21st.dev/@olewandowski1/components/roadmap-3","preview":"media/references/21st--olewandowski1--roadmap-3.png","previewWidth":960,"previewHeight":737,"previewSha256":"11ff17deecce5f35e6e03568675f73e95a6d14ada91795cab1e23230fc3603c1","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@olewandowski1/components/roadmap-3"},{"id":"21st--kuratlielia--usage-meter","name":"Usage Meter","collection":"21st-community","creator":"kuratlielia","category":"Thinking & progress","why":"Original thinking & progress reference from kuratlielia.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@kuratlielia/components/usage-meter","codeUrl":"https://21st.dev/@kuratlielia/components/usage-meter","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community progress catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_registry_kuratlielia_1790903117010/usage-meter/default/preview.1790977886811.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"kuratlielia","sourceCategory":"progress","creatorPublicationUrl":"https://21st.dev/@kuratlielia/components/usage-meter","preview":"media/references/21st--kuratlielia--usage-meter.jpg","previewWidth":960,"previewHeight":713,"previewSha256":"67c46f1204dfad7d5bd0d73173031c3fa2ec354f184b16f840cde0b0e8708618","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@kuratlielia/components/usage-meter"},{"id":"21st--danielpetho--use-screen-size","name":"useScreenSize","collection":"21st-community","creator":"Daniel Petho","category":"Cards & layouts","why":"Original cards & layouts reference from Daniel Petho.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@danielpetho/components/use-screen-size","codeUrl":"https://21st.dev/@danielpetho/components/use-screen-size","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community card catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_danielpetho/use-screen-size/832/preview.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"danielpetho","sourceCategory":"card","creatorPublicationUrl":"https://21st.dev/@danielpetho/components/use-screen-size","preview":"media/references/21st--danielpetho--use-screen-size.png","previewWidth":960,"previewHeight":768,"previewSha256":"08db673ddb09f4fa2163999330de3c2cea7885a7673958bee97444ea4aeacbba","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@danielpetho/components/use-screen-size"},{"id":"webzibition--velour-productions","name":"Velour Productions","collection":"webzibition","creator":"Velour Productions · original site","creatorAttribution":"Site identity from the publisher listing; individual design author not independently verified","category":"Editorial & typography","why":"Giant condensed 'WE GIVE YOU A POINT OF VIEW' with colourful cut-out images in red, blue and black; punchy production-house type.","useFor":"Study the original website’s composition and presentation; code availability is unverified.","website":"https://velourproductions.com/","codeUrl":"","repository":"","sourceFiles":[],"commit":"","access":"Design reference · public source not traced","license":"Website and preview rights belong to their respective owners; no source or reuse license verified","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited; original website returned HTTP200; screenshot may predate the current live design","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"Codrops Webzibition → original website","added":"2026-10-20","preview":"media/references/webzibition--velour-productions.webp","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/09/velourproductions-1200x649.png.webp?x67708","previewType":"Codrops publisher screenshot of the linked original website; not a fresh live capture","previewWidth":1200,"previewHeight":649,"previewSha256":"a81cbf569d886cc84ed024ab94c9a8a63c9272baaa9e4f412da1bac6098ea241","previewAnimated":false,"publisherIndex":"https://tympanus.net/codrops/webzibition/","publisherRecord":"post-121442","pageTitle":"Velour Productions | Vancouver Video & Photography","pageCheckedAt":"2026-10-20T05:54:32.868906+00:00","pageAvailability":"HTTP200; same-domain original website","retrievedAt":"2026-10-20T05:54:32.868906+00:00"},{"id":"21st--ln-dev7--how-it-works-02","name":"Vertical How It Works Timeline","collection":"21st-community","creator":"LN","category":"Human control","why":"Vertical four-step process: an eyebrow label and a centred two-line headline above a rail of numbered nodes, each joined to an outlined card with an icon tile, title and description. The rail fades dashed at the end. Numbering sits outside the cards, which gives a clear sequence structure.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@ln-dev7/components/how-it-works-02","codeUrl":"https://21st.dev/@ln-dev7/components/how-it-works-02","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Sonnet 5.5 Medium individual full-image visual audit of original published preview; source access remains unverified, not runtime or accessibility tested","selectionType":"Individually visually reviewed creator-catalog reference","favorite":false,"discovered":"Creator-published 21st community onboarding catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/ln-dev7/how-it-works-02/default/preview.1788990723431-9d798c71-5ff4-49d1-ad85-830dce2e94aa.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"ln-dev7","sourceCategory":"onboarding","creatorPublicationUrl":"https://21st.dev/@ln-dev7/components/how-it-works-02","preview":"media/references/21st--ln-dev7--how-it-works-02.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"421a54d5f8cf427e70c8bc8c210d8e3adc1b5b01731288341a87ddc1f593268b","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@ln-dev7/components/how-it-works-02","qualityReview":"references/older-input-quality-curation.json"},{"id":"codrops--vertical-zoom-slideshow","name":"Vertical Zoom Slideshow","collection":"codrops-creative","creator":"Filip Zrnzevic","creatorUrl":"https://tympanus.net/codrops/hub/author/filip","category":"Galleries & transitions","styleTags":["draggable","gsap","scroll","slideshow"],"why":"Deep red 'Cosmic Series' slide with title and counter above a thumbnail strip with a waveform-like rule.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://codepen.io/filipz/full/yyyBwXP","codeUrl":"https://codepen.io/filipz/full/yyyBwXP","repository":"","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/09/Screenshot-2025-09-08-at-07.10.52-768x577.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Apr 15, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:54:42.821988+00:00","preview":"media/references/codrops--vertical-zoom-slideshow.png","previewWidth":768,"previewHeight":577,"previewSha256":"462899a35e6f9dee70513bc4358ff47ada951fe360b6c0de55a45e4038cc1353","previewAnimated":false},{"id":"codrops--vfx-js-scroll-animation","name":"VFX-JS scroll animation","collection":"codrops-creative","creator":"Amagi","creatorUrl":"https://tympanus.net/codrops/hub/author/amagi","category":"Typography & effects","styleTags":["scroll","VFX-JS","WebGL"],"why":"Glitching RGB-fragmented 'Your' standing over a dark forest bridge","useFor":"Study the original design and its linked implementation before adoption.","website":"https://codepen.io/fand/full/PorYXaq","codeUrl":"https://codepen.io/fand/pen/PorYXaq","repository":"","sourceFiles":[],"commit":"","access":"Creator code linked · access unverified (source response recorded)","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview selection; creator/demo/source links traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub · October 20 creator-depth review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/07/Screenshot-2025-07-05-at-07.03.52.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Jul 6, 2024","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T07:38:51.455636+00:00","preview":"media/references/codrops--vfx-js-scroll-animation.png","previewWidth":1600,"previewHeight":1202,"previewSha256":"13c50f49bc2d604afd24a21f17f95b09a3856b5b43a805d9f9b1d5481cf69bd5","previewAnimated":false,"sourcePageCheck":{"status":403,"resolvedUrl":"https://codepen.io/fand/pen/PorYXaq","checkedAt":"2026-10-20T07:40:31.432626+00:00"}},{"id":"21st--preetsuthar17--video-player","name":"Video Player","collection":"21st-community","creator":"Preet Suthar","category":"Thinking & progress","why":"Original thinking & progress reference from Preet Suthar.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@preetsuthar17/components/video-player","codeUrl":"https://21st.dev/@preetsuthar17/components/video-player","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community progress catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/preetsuthar17/video-player/default/preview.1752658489427.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"preetsuthar17","sourceCategory":"progress","creatorPublicationUrl":"https://21st.dev/@preetsuthar17/components/video-player","preview":"media/references/21st--preetsuthar17--video-player.png","previewWidth":960,"previewHeight":662,"previewSha256":"e3b685b41dfbf6780eeca25a08c31b1c554ab491f55354df85102ddfba2d54d5","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@preetsuthar17/components/video-player"},{"id":"21st--isaiahbjork--video-upload-card","name":"Video Upload Card","collection":"21st-community","creator":"Isaiah","category":"Artifacts & evidence","why":"Original artifacts & evidence reference from Isaiah.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@isaiahbjork/components/video-upload-card","codeUrl":"https://21st.dev/@isaiahbjork/components/video-upload-card","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community upload-download catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_2tkbBPFWYn8YMjZNHwgIuP3yzvd/video-upload-card/default/preview.1789047191307.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"isaiahbjork","sourceCategory":"upload-download","creatorPublicationUrl":"https://21st.dev/@isaiahbjork/components/video-upload-card","preview":"media/references/21st--isaiahbjork--video-upload-card.png","previewWidth":960,"previewHeight":760,"previewSha256":"3ed3bc66cbe382106a7dfa7cee013ab2c26ed28e24ff52548b6383f0cb741ed7","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@isaiahbjork/components/video-upload-card"},{"id":"21st--molecule-lab-rushil--vignette-grid-background","name":"Vignette Grid Background","collection":"21st-community","creator":"Rushil Dhinoja","category":"Cards & layouts","why":"Original cards & layouts reference from Rushil Dhinoja.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@molecule-lab-rushil/components/vignette-grid-background","codeUrl":"https://21st.dev/@molecule-lab-rushil/components/vignette-grid-background","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community grid catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/molecule-lab-rushil/vignette-grid-background/default/preview.1755260765587.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"molecule-lab-rushil","sourceCategory":"grid","creatorPublicationUrl":"https://21st.dev/@molecule-lab-rushil/components/vignette-grid-background","preview":"media/references/21st--molecule-lab-rushil--vignette-grid-background.png","previewWidth":960,"previewHeight":628,"previewSha256":"6e988d811268067c6e0558e4bb8153bbda5dbe3a58ce91ac6f20928123e98517","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@molecule-lab-rushil/components/vignette-grid-background"},{"id":"beui--voice-orb","name":"Voice Orb","collection":"beui","category":"Voice & presence","why":"An expressive focal point can make listening and speaking states immediately recognizable. Keep the state signal useful and support reduced motion.","useFor":"Voice interfaces and ambient agent presence.","sourceFiles":["sources/beui/code/components/agents/voice-orb.tsx"],"website":"https://beui.dev/components/agents/voice-orb","repository":"https://github.com/starc007/ui-components","commit":"6b5a00a5687214be8fd12fb0b6a78678d4dc96e0","license":"MIT","access":"Source saved","review":"Source located + documentation","favorite":false,"discovered":"Independent research","added":"2026-10-20","preview":"media/screenshots/beui--voice-orb.jpg","previewType":"Screenshot of the creator’s published web demo","previewSource":"https://beui.dev/components/agents/voice-orb","capturedAt":"2026-10-20T03:48:50.101Z","previewWidth":732,"previewHeight":368,"previewAnimated":false},{"id":"beui-native--voice-orb","name":"Voice Orb · Native","collection":"beui-native","category":"React Native","why":"A liquid sphere that moves with your voice.","useFor":"Original React Native component from the creator’s public library. Image reference with original demo and source links.","sourceFiles":["sources/beui-native/code/src/components/voice-orb/index.ts","sources/beui-native/code/src/components/voice-orb/voice-orb.tsx"],"website":"https://beui.dev/react-native/voice-orb","repository":"https://github.com/starc007/beui-native","commit":"","license":"MIT","access":"Source saved","review":"Official creator catalog · not individually runtime-tested","favorite":false,"discovered":"Original creator library, linked from beUI","added":"2026-10-20","preview":"media/beui-native--voice-orb.jpg","previewSource":"https://media.beui.dev/clips/voice-orb-light.569f3674af.jpg","previewType":"Creator’s original React Native recording poster","platform":"React Native","selectionType":"Creator library expansion","previewWidth":600,"previewHeight":1304,"previewAnimated":false,"previewVideo":"media/recordings/beui-native--voice-orb.mp4","videoSource":"https://media.beui.dev/clips/voice-orb-light.569f3674af.mp4","videoType":"Unmodified original creator recording","videoMetadata":{"width":600,"height":1304,"duration":16.45},"videoSha256":"569f3674af88afb382b9fac2c8c73012cf292765af33270b707456855a6180ef","previewVideoSource":"https://media.beui.dev/clips/voice-orb-light.569f3674af.mp4"},{"id":"ai-sdk-agents--voice-session","name":"Voice session","collection":"ai-sdk-agents","creator":"AI SDK Agents · Cult","category":"Voice & presence","why":"Original voice & presence surface from the creator’s agent-interface catalog.","useFor":"Reference the original component and its creator’s implementation.","website":"https://www.aisdkagents.com/ai-components/voice-session","codeUrl":"https://www.aisdkagents.com/ai-components/voice-session","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · free/paid access not checked","license":"Creator terms apply; no source downloaded","review":"Original creator catalog inspected in Chrome; image saved; individual code access not tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Cult UI → original AI SDK Agents catalog","added":"2026-10-20","preview":"media/references/ai-sdk-agents--voice-session.webp","previewSource":"https://www.aisdkagents.com/_next/image?url=%2Fai-components%2Fthumbnails%2Fvoice-session-light.png&w=640&q=75&dpl=dpl_2BLHURNF6K3SZGxoc7Nmyo3CyTpJ","previewType":"Creator-published static component thumbnail","previewWidth":640,"previewHeight":400,"previewSha256":"2be800b44057e9a21abfc9d14c6e8a1c0c4220eb80063cdfc5400b37756dd3f1","previewAnimated":false,"sourceCategory":"Chat/Composer10","retrievedAt":"2026-10-20T05:01:21.388663+00:00"},{"id":"voicebox-generation-studio","name":"Voicebox · voice profiles, speech composer and history","category":"Voice & presence","why":"Voice-profile card grid beside a generation history list, with a text composer (language and model selectors) and a gold waveform playback bar. Dense but legible, with a clear gold accent hierarchy. Static audio UI only, no video player.","favorite":false,"collection":"voicebox-original","creator":"Jamie Pine / Voicebox contributors","creatorUrl":"https://voicebox.sh/","website":"https://github.com/jamiepine/voicebox/blob/8af7efe62fab8d33e2a5dfbedabaa45f68a5184f/README.md","repository":"https://github.com/jamiepine/voicebox","commit":"8af7efe62fab8d33e2a5dfbedabaa45f68a5184f","codeUrl":"https://github.com/jamiepine/voicebox/blob/8af7efe62fab8d33e2a5dfbedabaa45f68a5184f/app/src/components/Generation/FloatingGenerateBox.tsx","sourceFiles":[],"platform":"Native desktop / Tauri Rust · React TypeScript frontend","access":"Original public source · MIT application; models, voice samples, artwork and data rights separate","license":"MIT, copyright2026 Voicebox Contributors. Actual original app by Jamie Pine; README states Capy-assisted development. Tauri/Rust and React, not Electron or React Native. Model licenses, depicted voice identities/samples and artwork rights are separate; no model, audio, voice cloning, microphone, capture or session used. Selected renderer/source and screenshot independently pinned, not an exact screenshot-build claim.","review":"Claude Sonnet5.5 Medium exact full-image visual review plus researcher primary-source/access/quality review; static judgment only, no runtime/motion/accessibility or full dependency-license audit","useFor":"Study original voice-authoring information hierarchy, speaker-to-clip association and persistent generation controls.","selectionType":"Individually visually reviewed original reference","discovered":"Original voice authoring and portfolio discovery · voice-portfolio pass","added":"2026-10-20","preview":"media/references/voice-portfolio--voicebox-1.webp","previewSha256":"6d61136ab60961c6aeb6cdb32cb56a35e31589980d83e4b1970cec7e178817f1","previewSource":"https://raw.githubusercontent.com/jamiepine/voicebox/8af7efe62fab8d33e2a5dfbedabaa45f68a5184f/.github/assets/app-screenshot-1.webp","previewAnimated":false,"previewType":"Exact unmodified original creator static image","previewWidth":2912,"previewHeight":1744,"sourceResolution":"references/voice-portfolio-source-resolution.json","sourcePinNote":"Original static bytes and Git blobs verified; no generated/upscaled replacement or video. Audio timeline is app UI only, no audio downloaded. Partial source/notice evidence is not a complete archive or exact screenshot-build proof."},{"id":"codrops--vortex-gallery","name":"Vortex Gallery","collection":"codrops-creative","creator":"Chakib Mazouni","creatorUrl":"https://tympanus.net/codrops/hub/author/jeanmazouni","category":"Galleries & transitions","styleTags":["3D","GSAP","scroll","Three.js","WebGL"],"why":"Vintage posters swirled around a central hero poster on a white field, with the hero kept upright and legible.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://vortex-gallery.vercel.app/","codeUrl":"https://github.com/J0SUKE/vortex-gallery","repository":"https://github.com/J0SUKE/vortex-gallery","sourceFiles":[],"commit":"","access":"Creator code page linked · HTTP 200; license/reuse terms not audited","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview review; original demo/source attribution traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub · October 20 midday review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/09/Screenshot-2025-09-23-at-06.14.39.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Jan 23, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T06:57:46.927245+00:00","preview":"media/references/codrops--vortex-gallery.png","previewWidth":1600,"previewHeight":1202,"previewSha256":"5b4fcc778f005d1727da7c273fe3a3d6902b7253d12416f481f747b438b53da5","previewAnimated":false,"observedPage":6,"sourcePageCheck":{"status":200,"resolvedUrl":"https://github.com/J0SUKE/vortex-gallery","checkedAt":"2026-10-20T07:06:16.144491+00:00"}},{"id":"codrops--vortex-glass-sphere-with-tsl","name":"Vortex Glass Sphere with TSL","collection":"codrops-creative","creator":"MisterPrada","creatorUrl":"https://tympanus.net/codrops/hub/author/alexhuliuk","category":"Shaders & materials","styleTags":["3D","glass","GSAP","procedural","Three.js","TSL","WebGL","webgpu"],"why":"Glass sphere housing a glowing orange vortex, with clear glass highlights over a dark inner swirl.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Tutorials/VortexGlassSphere/","codeUrl":"https://github.com/MisterPrada/vortex-glass-sphere","repository":"https://github.com/MisterPrada/vortex-glass-sphere","sourceFiles":[],"commit":"","access":"Creator code page linked · HTTP 200; license/reuse terms not audited","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview review; original demo/source attribution traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub · October 20 midday review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/03/vortex_featured.jpg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Mar 10, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T06:57:46.927245+00:00","preview":"media/references/codrops--vortex-glass-sphere-with-tsl.jpg","previewWidth":1200,"previewHeight":900,"previewSha256":"e692f6eb3bdd0ebbd716df3661dd100d3b53028c838d54c9d5ceb3eb1fe6f345","previewAnimated":false,"observedPage":6,"observedOriginalDemoUrl":"http://tympanus.net/Tutorials/VortexGlassSphere","redirectVerification":"Normal Chrome navigation followed the observed HTTP link to this HTTPS demo.","sourcePageCheck":{"status":200,"resolvedUrl":"https://github.com/MisterPrada/vortex-glass-sphere","checkedAt":"2026-10-20T07:06:17.386292+00:00"}},{"name":"Vuo · event and image port inspection","collection":"vuo-original","creator":"Kosada / Vuo contributors","creatorUrl":"https://vuo.org/","repository":"https://github.com/vuo/vuo","commit":"791382c0fe4dd6a282a19cd0d8108c2002ad8a02","platform":"Native macOS / C++ / Qt · visual-program debugger","license":"Selected editor source LGPL version2-or-later, copyright2012–2026 Kosada Incorporated, verified in file headers. MIT applies to non-Pro nodes/example compositions, not the whole editor. Third-party dependencies and Pro/binary entitlements separate.","id":"vuo-event-inspection","category":"Tools & execution","why":"Port popovers expose event throttling, the last value, event rate and an image preview with pixel-format details directly beside the data-flow graph.","favorite":false,"website":"https://github.com/vuo/vuo/blob/791382c0fe4dd6a282a19cd0d8108c2002ad8a02/documentation/image/portpopovers.png","codeUrl":"https://github.com/vuo/vuo/blob/791382c0fe4dd6a282a19cd0d8108c2002ad8a02/editor/VuoPortPopover.cc","sourceFiles":[],"access":"Public original editor source · exact terms below; Pro/binary/dependency entitlements separate","review":"Sonnet5.5 Medium full-image visual review and researcher provenance/source checks; not runtime, motion, accessibility or full dependency-license audited","useFor":"Study the exact original static authoring/control interface and follow original source under its terms.","selectionType":"Individually visually reviewed original reference","discovered":"Original visual instruments and human review · visual-instruments pass","added":"2026-10-20","preview":"media/references/visual-instruments--vuo-portpopovers.png","previewSha256":"34783ab8688451a156ad6ec29a76d2751591a8a9be1bf502a2e6a8ff03bc72e7","previewSource":"https://raw.githubusercontent.com/vuo/vuo/791382c0fe4dd6a282a19cd0d8108c2002ad8a02/documentation/image/portpopovers.png","previewAnimated":false,"previewType":"Exact unmodified original creator static image","previewWidth":2272,"previewHeight":1054,"sourceResolution":"references/visual-instruments-source-resolution.json","sourcePinNote":"Original image bytes unchanged and source revisions independently pinned. Exact screenshot-build equality not claimed; partial evidence files are not a new complete archive. Related states grouped once, generated project content not separately accepted."},{"id":"webzibition--warm-fuzzy","name":"Warm & Fuzzy","collection":"webzibition","creator":"Warm & Fuzzy · original site","creatorAttribution":"Site identity from the publisher listing; individual design author not independently verified","category":"Full websites & portfolios","why":"Saturated food-and-drink imagery with a bold outlined headline and character; very high-colour, playful studio page.","useFor":"Study the original website’s composition and presentation; code availability is unverified.","website":"https://www.warmnfuzzy.tv/","codeUrl":"","repository":"","sourceFiles":[],"commit":"","access":"Design reference · public source not traced","license":"Website and preview rights belong to their respective owners; no source or reuse license verified","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited; original website returned HTTP200; screenshot may predate the current live design","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"Codrops Webzibition → original website","added":"2026-10-20","preview":"media/references/webzibition--warm-fuzzy.webp","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/07/warmfuzzy-1200x649.jpg.webp?x67708","previewType":"Codrops publisher screenshot of the linked original website; not a fresh live capture","previewWidth":1200,"previewHeight":649,"previewSha256":"b6c2341469378769478b1d895e8dad5ee413fb19da7351a5ea9f0d3fc551fa82","previewAnimated":false,"publisherIndex":"https://tympanus.net/codrops/webzibition/","publisherRecord":"post-117627","pageTitle":"Warm & Fuzzy | Home","pageCheckedAt":"2026-10-20T05:54:32.868906+00:00","pageAvailability":"HTTP200; same-domain original website","retrievedAt":"2026-10-20T05:54:32.868906+00:00"},{"id":"21st--molecule-lab-rushil--warp-dialog","name":"Warp Dialog","collection":"21st-community","creator":"Rushil Dhinoja","category":"Human control","why":"Original human control reference from Rushil Dhinoja.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@molecule-lab-rushil/components/warp-dialog","codeUrl":"https://21st.dev/@molecule-lab-rushil/components/warp-dialog","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community modal catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/molecule-lab-rushil/warp-dialog/default/preview.1754242659080.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"molecule-lab-rushil","sourceCategory":"modal","creatorPublicationUrl":"https://21st.dev/@molecule-lab-rushil/components/warp-dialog","preview":"media/references/21st--molecule-lab-rushil--warp-dialog.png","previewWidth":960,"previewHeight":690,"previewSha256":"ef26b433d00e4633d0c40e7991a05cb33b75c50289666b40e23d541b206ff8e0","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@molecule-lab-rushil/components/warp-dialog"},{"id":"codrops--waterball","name":"Waterball","collection":"codrops-creative","creator":"matsuoka-601","creatorUrl":"https://tympanus.net/codrops/hub/author/matsuoka_601","category":"Shaders & materials","styleTags":["fluid","particles","water","webgpu"],"why":"Blob of saturated blue ink with soft internal gradients on a grey ground.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://waterball.netlify.app/","codeUrl":"https://github.com/matsuoka-601/waterball","repository":"https://github.com/matsuoka-601/waterball","sourceFiles":[],"commit":"","access":"Creator code page linked · HTTP 200; license/reuse terms not audited","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview review; original demo/source attribution traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub · October 20 midday review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/02/Screenshot-2025-02-03-at-21.42.51.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Feb 3, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T06:57:46.927245+00:00","preview":"media/references/codrops--waterball.png","previewWidth":1600,"previewHeight":1202,"previewSha256":"7e1fd8be75acc5bc49c2adf645776805d0c92ffbb5b6d5b166bb1c4b76489345","previewAnimated":false,"observedPage":6,"sourcePageCheck":{"status":200,"resolvedUrl":"https://github.com/matsuoka-601/waterball","checkedAt":"2026-10-20T07:06:19.957659+00:00"}},{"id":"codrops--wave-2d","name":"Wave 2D","collection":"codrops-creative","creator":"Amanda Ghassaei","creatorUrl":"https://tympanus.net/codrops/hub/author/amanda_ghassaei","category":"Shaders & materials","styleTags":["3D","fluid","simulation","Three.js","water","wave","WebGL"],"why":"A wireframe displacement mesh floats above the shaded caustic-water surface it drives, showing the geometry and the material side by side.","useFor":"Study the original image and linked creator source; respect its license and access terms.","website":"https://apps.amandaghassaei.com/gpu-io/examples/wave2d/","codeUrl":"https://github.com/amandaghassaei/gpu-io/tree/14a60817291f7ffaa68db531de647567ec321a18/examples/wave2d","repository":"https://github.com/amandaghassaei/gpu-io","sourceFiles":[],"commit":"14a60817291f7ffaa68db531de647567ec321a18","access":"Original code linked and revision pinned · not archived; root MIT","license":"Original repository MIT; root license checked where present. Assets and dependency terms not fully audited.","review":"Sonnet 5.5 Medium static visual review and researcher source/provenance checks; not runtime, accessibility or full dependency-license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"Original input and spatial creator trails · input-spatial review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/10/Screenshot-2025-10-21-at-08.38.14.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Oct 21, 2022","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T08:26:33.379151+00:00","preview":"media/references/codrops--wave-2d.png","previewWidth":1600,"previewHeight":1202,"previewSha256":"3e1de041777e6814296fff24276f5a0b6423cff8063913f6a9a6ceccc5c5e3d7","previewAnimated":false,"sourcePageCheck":{"status":200,"resolvedUrl":"https://github.com/amandaghassaei/gpu-io/tree/main/examples/wave2d","checkedAt":"2026-10-20T08:29:15.344811+00:00"},"observedOriginalCodeUrl":"https://github.com/amandaghassaei/gpu-io/tree/main/examples/wave2d","sourcePinNote":"Current public original source pinned; screenshot build revision is not claimed.","sourceLicenseEvidence":"references/source-license-evidence/amandaghassaei--gpu-io/LICENSE.txt"},{"id":"codrops--wavy-lines-svg-version","name":"Wavy Lines SVG Version","collection":"codrops-creative","creator":"Antoine Wodniack","creatorUrl":"https://tympanus.net/codrops/hub/author/antoine_wodniack","category":"Shaders & materials","styleTags":["cursor","noise","svg"],"why":"Dense black parallel lines on red bent into a smooth fold, giving a relief surface from only linework.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://codepen.io/wodniack/full/abeMZXQ","codeUrl":"https://codepen.io/wodniack/pen/abeMZXQ","repository":"","sourceFiles":[],"commit":"","access":"Creator code linked · access unverified (source response recorded)","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview review; original demo/source attribution traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub · October 20 midday review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2024/12/image-18.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Nov 14, 2024","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T06:57:46.927245+00:00","preview":"media/references/codrops--wavy-lines-svg-version.png","previewWidth":844,"previewHeight":581,"previewSha256":"012c184da2a03edc7cc5a7e0351a256e0c19caeb0eabfe5349fd7836ec9727b0","previewAnimated":false,"observedPage":7,"sourcePageCheck":{"status":403,"resolvedUrl":"https://codepen.io/wodniack/pen/abeMZXQ","checkedAt":"2026-10-20T07:06:15.362690+00:00"}},{"id":"21st--user_xn1cklas--weather-card","name":"Weather Card","collection":"21st-community","creator":"user_xn1cklas","category":"Dashboards & data","why":"Original dashboards & data reference from user_xn1cklas.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@user_xn1cklas/components/weather-card","codeUrl":"https://21st.dev/@user_xn1cklas/components/weather-card","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community dashboard catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/larsen66/weather-card/default/preview.1757008326833.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"user_xn1cklas","sourceCategory":"dashboard","creatorPublicationUrl":"https://21st.dev/@user_xn1cklas/components/weather-card","preview":"media/references/21st--user_xn1cklas--weather-card.png","previewWidth":960,"previewHeight":739,"previewSha256":"fb7d12068f3ce1dde42436953cb14ae2d69b2c48e5c6daa1b151a073864c50b1","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@user_xn1cklas/components/weather-card"},{"id":"21st--fahadyaseen001--weather-widget","name":"Weather Widget","collection":"21st-community","creator":"Fahad Yaseen","category":"Cards & layouts","why":"Original cards & layouts reference from Fahad Yaseen.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@fahadyaseen001/components/weather-widget/weather-widget-demo","codeUrl":"https://21st.dev/@fahadyaseen001/components/weather-widget/weather-widget-demo","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community card catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/user_2tXjPHvLJb5RnBTS11EgQH5TYSh/weather-widget/default/preview.1740774943616.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"fahadyaseen001","sourceCategory":"card","creatorPublicationUrl":"https://21st.dev/@fahadyaseen001/components/weather-widget/weather-widget-demo","preview":"media/references/21st--fahadyaseen001--weather-widget.png","previewWidth":618,"previewHeight":452,"previewSha256":"ac49dfab489b0668137202240fc8b04ed00122cc0d7fce0eefda285625ed49f0","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@fahadyaseen001/components/weather-widget"},{"id":"aceternity--webcam-pixel-grid","name":"Webcam Pixel Grid","collection":"aceternity","creator":"Aceternity UI · Manu Arora","category":"Cards & layouts","why":"Original cards & layouts reference from Aceternity UI · Manu Arora.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://ui.aceternity.com/components/webcam-pixel-grid","codeUrl":"https://ui.aceternity.com/components/webcam-pixel-grid","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Reddit library leads → original Aceternity component catalog","added":"2026-10-20","previewSource":"https://assets.aceternity.com/webcam-pixel-grid.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","preview":"media/references/aceternity--webcam-pixel-grid.webp","previewWidth":2048,"previewHeight":1440,"previewSha256":"5f6636d0c170b1c144804d2031ffa1da7a6ee1487a523eecf099f83100cf5935","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"codrops--webgl-backgrounds-with-bayer-dithering","name":"WebGL Backgrounds with Bayer Dithering","collection":"codrops-creative","creator":"Seva Dolgopolov","creatorUrl":"https://tympanus.net/codrops/hub/author/zavalit","category":"Shaders & materials","styleTags":["dithering","three.js","webgl"],"why":"Gold dithered halftone cloud behind the word 'Diamonds'; a gritty print-like texture that still leaves the headline clear.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Tutorials/BayerDithering","codeUrl":"https://github.com/zavalit/bayer-dithering-webgl-demo","repository":"https://github.com/zavalit/bayer-dithering-webgl-demo","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/07/bayerdithering-768x576.jpeg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Jul 30, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:54:42.821988+00:00","preview":"media/references/codrops--webgl-backgrounds-with-bayer-dithering.jpg","previewWidth":768,"previewHeight":576,"previewSha256":"fc704c87230951bb1f08a2c2531ac9ac18d76932fbfb99cd056052e784c751f2","previewAnimated":false},{"id":"codrops--webgl-fluid-simulation-with-your-text","name":"WebGL Fluid Simulation With Your Text","collection":"codrops-creative","creator":"Ksenia Kondrashova","creatorUrl":"https://tympanus.net/codrops/hub/author/ksenia","category":"Shaders & materials","styleTags":["cursor","fluid","glsl","WebGL"],"why":"Red-magenta fluid smear with text ghosted inside it on white","useFor":"Study the original design and its linked implementation before adoption.","website":"https://codepen.io/ksenia-k/full/MWMObrY","codeUrl":"https://codepen.io/ksenia-k/pen/MWMObrY","repository":"","sourceFiles":[],"commit":"","access":"Creator code linked · access unverified (source response recorded)","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview selection; creator/demo/source links traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub · October 20 creator-depth review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2024/08/image-2025-01-05-at-23.41.30.jpg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Aug 13, 2024","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T07:38:51.455636+00:00","preview":"media/references/codrops--webgl-fluid-simulation-with-your-text.jpg","previewWidth":922,"previewHeight":624,"previewSha256":"7703863eba59193a99706ecd4bbd7b06c1c3d635a82c8fabce807f22c74f87fb","previewAnimated":false,"sourcePageCheck":{"status":403,"resolvedUrl":"https://codepen.io/ksenia-k/pen/MWMObrY","checkedAt":"2026-10-20T07:40:32.107486+00:00"}},{"id":"codrops--webgl-image-ring","name":"WebGL Image Ring","collection":"codrops-creative","creator":"alphardex","creatorUrl":"https://tympanus.net/codrops/hub/author/alphardex","category":"Galleries & transitions","styleTags":["circular","draggable","glsl","scroll","three.js","webgl"],"why":"Ring of small photos orbiting a big 'RING' title on black with a one-line instruction; simple circular gallery.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://codepen.io/alphardex/full/XJJGzOy","codeUrl":"https://codepen.io/alphardex/full/XJJGzOy","repository":"","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/09/Screenshot-2025-09-03-at-07.19.09-768x577.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"May 16, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:54:42.821988+00:00","preview":"media/references/codrops--webgl-image-ring.png","previewWidth":768,"previewHeight":577,"previewSha256":"1fcf42a6f528b31eb0bb055b5faec99ae84014e6e3cbe013f53daac029cd76c3","previewAnimated":false},{"id":"codrops--webgl-magazine","name":"WebGL Magazine","collection":"codrops-creative","creator":"Chakib Mazouni","creatorUrl":"https://tympanus.net/codrops/hub/author/jeanmazouni","category":"Galleries & transitions","styleTags":["3d","gsap","scroll","three.js","webgl"],"why":"Original galleries & transitions reference published in the Codrops Creative Hub; inspect the image and original demo for its visual approach.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://webgl-magazine.vercel.app/","codeUrl":"https://github.com/J0SUKE/webgl-magazine","repository":"https://github.com/J0SUKE/webgl-magazine","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Contact-sheet preview reviewed with Sonnet 5.5 Medium; original publisher links traced; not runtime-tested","selectionType":"Preview-reviewed design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/09/Screenshot-2025-09-23-at-06.09.01-768x577.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Sep 23, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:23:38.056369+00:00","preview":"media/references/codrops--webgl-magazine.png","previewWidth":768,"previewHeight":577,"previewSha256":"a16a9d1def3f84e766cc10d3f2b548ee74e4b941622adece711db95eb3f0ec89","previewAnimated":false},{"id":"codrops--webgl-rotating-image-gallery-using-ogl-and-glsl-shaders","name":"WebGL Rotating Image Gallery using OGL and GLSL Shaders","collection":"codrops-creative","creator":"Oluwaseyi Oluwadare","creatorUrl":"https://tympanus.net/codrops/hub/author/oluwaseyi","category":"Galleries & transitions","styleTags":["glsl","infinite","OGL","scroll","slideshow","WebGL"],"why":"Stacked portrait strips twisting around a vertical axis on cream, a shader-bent image column.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Tutorials/RotatingSlideshow/","codeUrl":"https://github.com/oluwadareseyi/webgl-rotating-image-gallery","repository":"https://github.com/oluwadareseyi/webgl-rotating-image-gallery","sourceFiles":[],"commit":"","access":"Creator code page linked · HTTP 200; license/reuse terms not audited","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview review; original demo/source attribution traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub · October 20 midday review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2024/12/rotatedgallery.jpg","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Dec 3, 2024","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T06:57:46.927245+00:00","preview":"media/references/codrops--webgl-rotating-image-gallery-using-ogl-and-glsl-shaders.jpg","previewWidth":800,"previewHeight":600,"previewSha256":"5c3dfd7b3e9c7f1718df5016ed1d9e29cf8de1647d9b2c05544b297504eb618a","previewAnimated":false,"observedPage":7,"sourcePageCheck":{"status":200,"resolvedUrl":"https://github.com/oluwadareseyi/webgl-rotating-image-gallery","checkedAt":"2026-10-20T07:06:20.743179+00:00"}},{"id":"motion-original--scrollspiral","name":"WebGL Scroll Spiral","category":"Shaders & materials","why":"Three overlapping dark panels show different generative surfaces: black ink-like radial strands on grey, a glossy indigo metallic swirl, and a dense triangular kaleidoscope lattice. They sit over a blue triangle pattern with small monospace demo lists, so the rendered textures themselves are the reference.","favorite":false,"collection":"codrops-creative","creator":"Xoihazard / Codrops","creatorUrl":"https://github.com/codrops/ScrollSpiral","website":"https://tympanus.net/Development/ScrollSpiral/","repository":"https://github.com/codrops/ScrollSpiral","commit":"3889131fea11ce6b818a1f7e2299cf100f56180d","codeUrl":"https://github.com/codrops/ScrollSpiral/blob/3889131fea11ce6b818a1f7e2299cf100f56180d/index.html","sourceFiles":[],"platform":"Web","access":"Public original code link · custom reuse restrictions; not MIT and not mirrored as a reusable component package","license":"CUSTOM RESTRICTED Codrops terms: integration/build-upon permitted, no as-is sale/redistribution/republication or pluginized resale; original README notice preserved. Separate libraries/images/fonts must be licensed independently.","review":"Sonnet 5.5 Medium full-image visual review and researcher source/notice/provenance checks; no runtime, motion, accessibility or full dependency-license audit","useFor":"Study exact original creator images and primary source links under stated access/license terms.","selectionType":"Individually visually reviewed original reference","discovered":"Original creator repositories, published documentation and credited creative projects · spatial-orchestration review","added":"2026-10-20","preview":"media/references/motion-original--scrollspiral.jpg","previewSha256":"d63d357ffbd19b6b2d5d34cbc99caa721c0d2ec2a68113081832a9e59ecf6101","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2017/04/WebGLScrollSpiral_800x600.jpg","previewAnimated":false,"previewType":"Exact unmodified original creator/publisher static image","sourceResolution":"references/spatial-orchestration-source-evidence.json","sourcePinNote":"Pinned source provides provenance, not an exact screenshot-build claim. Selected notices/docs/renderers are evidence, not complete component archives; no creator code executed.","assetCredits":"- [Official regl website](http://regl.party)\n- Images copyright by [RuleByArt](https://creativemarket.com/RuleByArt?u=codrops). Purchase on Creative Market: [Flight](https://creativemarket.com/RuleByArt/468537-Flight?u=codrops) and [Surface Shapes](https://creativemarket.com/RuleByArt/32279-Surface-Shapes?u=codrops)","previewWidth":800,"previewHeight":600},{"id":"codrops--webgl-shader-techniques-for-dynamic-image-transitions","name":"WebGL Shader Techniques for Dynamic Image Transitions","collection":"codrops-creative","creator":"Arlind Aliu","creatorUrl":"https://tympanus.net/codrops/hub/author/arlindaliu","category":"Galleries & transitions","styleTags":["glsl","WebGL"],"why":"Full-frame photo revealed through an organic liquid-edged black mask.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://tympanus.net/Tutorials/ShaderImageReveal","codeUrl":"https://github.com/Arrlindii/Shader-Image-Transition","repository":"https://github.com/Arrlindii/Shader-Image-Transition","sourceFiles":[],"commit":"","access":"Creator code page linked · HTTP 200; license/reuse terms not audited","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview review; original demo/source attribution traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub · October 20 midday review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/01/imagereveal_feat.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Jan 22, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T06:57:46.927245+00:00","preview":"media/references/codrops--webgl-shader-techniques-for-dynamic-image-transitions.png","previewWidth":800,"previewHeight":600,"previewSha256":"6b2fe622a75540ce8fe34d4c9698290d2e8137eda52291022631b018a7b03620","previewAnimated":false,"observedPage":6,"sourcePageCheck":{"status":200,"resolvedUrl":"https://github.com/Arrlindii/Shader-Image-Transition","checkedAt":"2026-10-20T07:06:16.141866+00:00"}},{"id":"21st--shadcnspace--card-12","name":"Weekly Fitness Card","collection":"21st-community","creator":"ShadcnSpace","category":"Dashboards & data","why":"Original dashboards & data reference from ShadcnSpace.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@shadcnspace/components/card-12","codeUrl":"https://21st.dev/@shadcnspace/components/card-12","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community dashboard catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/shadcnspace/card-12/default/preview.1789956990342-f83e8db6-67e9-401c-aa94-8ac9ae0e1839.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"shadcnspace","sourceCategory":"dashboard","creatorPublicationUrl":"https://21st.dev/@shadcnspace/components/card-12","preview":"media/references/21st--shadcnspace--card-12.jpg","previewWidth":960,"previewHeight":720,"previewSha256":"91bc7ff4d1fddd6bcfbbb2e285dee6478f132ecc349af936cb62ec3d9e49c136","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@shadcnspace/components/card-12"},{"id":"webzibition--white-desert","name":"White Desert","collection":"webzibition","creator":"White Desert · original site","creatorAttribution":"Site identity from the publisher listing; individual design author not independently verified","category":"Full websites & portfolios","why":"Penguin photo with giant white 'ANTARCTICA' across the lower half on a pale sky; scale and cropping carry the page.","useFor":"Study the original website’s composition and presentation; code availability is unverified.","website":"https://white-desert.com/","codeUrl":"","repository":"","sourceFiles":[],"commit":"","access":"Design reference · public source not traced","license":"Website and preview rights belong to their respective owners; no source or reuse license verified","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited; original website returned HTTP200; screenshot may predate the current live design","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"Codrops Webzibition → original website","added":"2026-10-20","preview":"media/references/webzibition--white-desert.webp","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/08/antartica-1200x649.jpg.webp?x67708","previewType":"Codrops publisher screenshot of the linked original website; not a fresh live capture","previewWidth":1200,"previewHeight":649,"previewSha256":"14dd5626ec024eb25585aa917eab23b22a4a76949aa295591d253507b74cc58b","previewAnimated":false,"publisherIndex":"https://tympanus.net/codrops/webzibition/","publisherRecord":"post-118887","pageTitle":"Luxury Adventures in Antarctica | White Desert","pageCheckedAt":"2026-10-20T05:54:32.868906+00:00","pageAvailability":"HTTP200; same-domain original website","retrievedAt":"2026-10-20T05:54:32.868906+00:00"},{"name":"Windmill · contextual approval form and flow status","collection":"windmill-original","creator":"Windmill Labs","creatorUrl":"https://www.windmill.dev/","repository":"","commit":"e6c8ef18a11f079083138a991543f7e273d4e511","codeUrl":"https://github.com/windmill-labs/windmill/blob/e6c8ef18a11f079083138a991543f7e273d4e511/frontend/src/routes/(styled)/approve/[workspace]/[job]/[resume]/[hmac]/+page.svelte","platform":"Web / Svelte · approval form and suspended workflow review","access":"Paid reference · approval forms Cloud/Enterprise only; public frontend source is not backend/edition entitlement","license":"Root notice: AGPLv3 by default, Apache2 clients/specs, proprietary enterprise-flagged backend and positively license-checked frontend snippets. FlowModuleSuspend.svelte explicitly gates approval forms on enterpriseLicense. No blanket AGPL/MIT claim for paid form code. Official Community binaries also contain non-public/proprietary code with separate use/distribution restrictions; compiling non-enterprise source differs. Current frontend source and historical Windmill EE1.121.0 screenshot are not an exact build match. No real run, approval, Slack/Teams service or account connected.","id":"windmill-approval-controls","category":"Human control","why":"The approval page puts a Running (1 of 2) status card with received/started/by/run-id beside a Flow arguments table. Below it sit an Action field with a required-field error and a red Disapprove/Cancel button opposite a grey Approve/Resume button, then a Flow details graph preview, so the reviewer sees context, inputs and the decision together. Static original-image judgment only; the page shows an EE build tag and the docs mark approval forms Cloud/Enterprise only.","favorite":false,"website":"https://www.windmill.dev/docs/flows/flow_approval","sourceFiles":[],"review":"Sonnet5.5 Medium exact full-image visual review and researcher original-source/access/quality checks; no runtime, motion, accessibility or full dependency-license audit","useFor":"Study the exact original input/type/approval composition and follow primary creator/source under its terms.","selectionType":"Individually visually reviewed original reference","discovered":"Original expressive input, typography and approval interfaces · input-type pass","added":"2026-10-20","preview":"media/references/input-approval--approval-0-24.webp","previewSha256":"f4f12cb08dde61c606623ff85a6fcf65a42054307873efd152ec551069b83b79","previewSource":"https://www.windmill.dev/assets/images/tuto_approval_page.png-e3ffb616d359f022a0c3140eb0ab2029.webp","previewAnimated":false,"previewType":"Exact unmodified original creator static image","previewWidth":2880,"previewHeight":1712,"sourceResolution":"references/input-type-source-resolution.json","sourcePinNote":"Exact original bytes unchanged, no generated/upscaled replacement. Partial notices/source/docs evidence is not a complete component archive. Screenshot/source revisions independently pinned; no exact screenshot-build or runtime claim.","relatedLibraryRepository":"https://github.com/windmill-labs/windmill"},{"id":"wispr-original--notetaker","name":"Wispr Flow notetaker","category":"Voice & presence","why":"A day agenda of upcoming meetings with colored left rails, tinted avatar tiles and an 'in 3 min' countdown on the next one sits beside a featured serif meeting card with a split Join + Start button, so recording is tied to the calendar. An 'Ask anything' field leads the page and the notes list sits below under My notes / Shared with me tabs. The Mac and Windows versions are grouped once. The original live-transcript/notes screenshot is grouped into this meeting workflow, not counted again.","favorite":false,"collection":"wispr-original","creator":"Wispr","creatorUrl":"https://wisprflow.ai","website":"https://wisprflow.ai/media-kit","repository":"","commit":"","codeUrl":"","sourceFiles":[],"platform":"Desktop macOS / Windows","access":"Source unavailable · commercial app with free/paid tiers; specific feature entitlement unverified","license":"Proprietary application. Original official press-kit image; no implementation or component-reuse license established.","review":"Sonnet 5.5 Medium full-image visual review and researcher provenance/source checks; no runtime, motion, accessibility or full dependency-license audit","useFor":"Study exact original creator imagery and primary links under stated access/license terms.","selectionType":"Individually visually reviewed original reference","discovered":"Primary creator documentation and official image-only press kit · voice-trace review","added":"2026-10-20","preview":"media/references/wispr-original--notetaker-1.png","previewSha256":"221832879e6d06c0cec6a0a484dc0ed73b58a5ae4fca42accfa4913546b4cc42","previewSource":"https://cdn.prod.website-files.com/682f84b3838c89f8ff7667db/6aa9929365f23aad3ee7cdbc_Product%20UI%20-%20Windows%20Launch%20v2.zip","previewAnimated":false,"previewType":"Exact unmodified original creator-published static image","sourceResolution":"references/voice-trace-source-evidence.json","sourcePinNote":"Pinned source is current provenance, not an exact screenshot-build claim. Selected renderer/notice/docs files are evidence, not complete component archives. Documentation source is not proprietary app implementation.","previewArchiveMember":"Product UI - Windows Launch v2/Windows-Notetaker.png","previewArchiveSha256":"0a8d2b94a6f19055069b626262f4c6009cb7f0cea02c601e3a102c38844c71e3","previewWidth":3414,"previewHeight":2250},{"id":"wispr-original--snippets","name":"Wispr Flow snippets","category":"Intent & input","why":"A hero panel teaches the feature with three spoken-phrase to expansion chip pairs joined by arrows (a quoted italic phrase becomes a name, a URL or a link), followed by an add button. Below it is a compact trigger-arrow-result list. The spoken-trigger-to-output mapping is shown concretely instead of being explained. The Dictionary screen uses the same hero-plus-list pattern and is rejected as redundant.","favorite":false,"collection":"wispr-original","creator":"Wispr","creatorUrl":"https://wisprflow.ai","website":"https://wisprflow.ai/media-kit","repository":"","commit":"","codeUrl":"","sourceFiles":[],"platform":"Desktop macOS / Windows","access":"Source unavailable · commercial app with free/paid tiers; specific feature entitlement unverified","license":"Proprietary application. Original official press-kit image; no implementation or component-reuse license established.","review":"Sonnet 5.5 Medium full-image visual review and researcher provenance/source checks; no runtime, motion, accessibility or full dependency-license audit","useFor":"Study exact original creator imagery and primary links under stated access/license terms.","selectionType":"Individually visually reviewed original reference","discovered":"Primary creator documentation and official image-only press kit · voice-trace review","added":"2026-10-20","preview":"media/references/wispr-original--snippets.png","previewSha256":"58b7931e52ac0473fbcdacb718ddfdadd4fad8b7e1729382203560bfe12e522e","previewSource":"https://cdn.prod.website-files.com/682f84b3838c89f8ff7667db/6aa9929365f23aad3ee7cdbc_Product%20UI%20-%20Windows%20Launch%20v2.zip","previewAnimated":false,"previewType":"Exact unmodified original creator-published static image","sourceResolution":"references/voice-trace-source-evidence.json","sourcePinNote":"Pinned source is current provenance, not an exact screenshot-build claim. Selected renderer/notice/docs files are evidence, not complete component archives. Documentation source is not proprietary app implementation.","previewArchiveMember":"Product UI - Windows Launch v2/Snippets.png","previewArchiveSha256":"0a8d2b94a6f19055069b626262f4c6009cb7f0cea02c601e3a102c38844c71e3","previewWidth":2280,"previewHeight":1500},{"id":"codrops--wonjyou-hero-and-h2-guides","name":"wonjyou (hero and h2 guides)","collection":"codrops-creative","creator":"Carl Schooff","creatorUrl":"https://tympanus.net/codrops/hub/author/carl_schooff","category":"Editorial & typography","styleTags":["gsap","typography"],"why":"Original editorial & typography reference published in the Codrops Creative Hub; inspect the image and original demo for its visual approach.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://codepen.io/snorkltv/full/xbZwyog/bc11bfaceea7fa4a1c7a9cb4257c18aa","codeUrl":"https://codepen.io/snorkltv/full/xbZwyog/bc11bfaceea7fa4a1c7a9cb4257c18aa","repository":"","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Contact-sheet preview reviewed with Sonnet 5.5 Medium; original publisher links traced; not runtime-tested","selectionType":"Preview-reviewed design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/09/Screenshot-2025-09-27-at-08.12.08-768x577.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Sep 27, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:23:38.056369+00:00","preview":"media/references/codrops--wonjyou-hero-and-h2-guides.png","previewWidth":768,"previewHeight":577,"previewSha256":"476ee11bc2093726abbc7d6cd847d21360a51ab845257d033d70effd47ce1494","previewAnimated":false},{"id":"aceternity--world-map","name":"World Map","collection":"aceternity","creator":"Aceternity UI · Manu Arora","category":"Cards & layouts","why":"Original cards & layouts reference from Aceternity UI · Manu Arora.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://ui.aceternity.com/components/world-map","codeUrl":"https://ui.aceternity.com/components/world-map","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Reddit library leads → original Aceternity component catalog","added":"2026-10-20","previewSource":"https://assets.aceternity.com/world-map.webp","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","preview":"media/references/aceternity--world-map.webp","previewWidth":2048,"previewHeight":1440,"previewSha256":"fe7b30b12e4781380531c4058fc894e989e6614b14d096cd2fa3b6c98d02a75e","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00"},{"id":"codrops--x-ray-visualizer","name":"X-Ray Visualizer","collection":"codrops-creative","creator":"Chakib Mazouni","creatorUrl":"https://tympanus.net/codrops/hub/author/jeanmazouni","category":"Shaders & materials","styleTags":["gsap","three.js","visualizer","webgl","x-ray"],"why":"Greyscale X-ray skull revealed inside a photographed head; a masked-reveal idea that carries clear meaning.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://x-ray-visualizer-threejs-yh19.vercel.app/","codeUrl":"https://github.com/J0SUKE/X-Ray-Visualizer-Threejs","repository":"https://github.com/J0SUKE/X-Ray-Visualizer-Threejs","sourceFiles":[],"commit":"","access":"Creator source linked · access not individually checked","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/07/Screenshot-2025-07-07-at-07.52.32-768x577.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Jul 7, 2025","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T05:54:42.821988+00:00","preview":"media/references/codrops--x-ray-visualizer.png","previewWidth":768,"previewHeight":577,"previewSha256":"af66a9adb9e861e8b93a20eaf3abe1bd134fd53ee879f4e6a1222004bcbbc4e1","previewAnimated":false},{"id":"webzibition--yannice-berthault","name":"Yannice Berthault","collection":"webzibition","creator":"Yannice Berthault · original site","creatorAttribution":"Site identity from the publisher listing; individual design author not independently verified","category":"Full websites & portfolios","why":"White canvas with product and portrait cut-outs scattered at different sizes around a small name label; spacious collage portfolio.","useFor":"Study the original website’s composition and presentation; code availability is unverified.","website":"https://www.yanniceberthault.com/","codeUrl":"","repository":"","sourceFiles":[],"commit":"","access":"Design reference · public source not traced","license":"Website and preview rights belong to their respective owners; no source or reuse license verified","review":"Original publisher preview reviewed with Sonnet 5.5 Medium; not runtime/accessibility/license audited; original website returned HTTP200; screenshot may predate the current live design","selectionType":"Preview-reviewed original design reference","favorite":false,"discovered":"Codrops Webzibition → original website","added":"2026-10-20","preview":"media/references/webzibition--yannice-berthault.png","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2026/10/www.yanniceberthault.com_-1200x649.png?x67708","previewType":"Codrops publisher screenshot of the linked original website; not a fresh live capture","previewWidth":1200,"previewHeight":649,"previewSha256":"84b7cd1653889c7d0b5903b162c1d71720bd40d1ca4eaee614cb05985514fbc7","previewAnimated":false,"publisherIndex":"https://tympanus.net/codrops/webzibition/","publisherRecord":"post-123417","pageTitle":"Yannice Berthault - Digital Art & Creative Direction","pageCheckedAt":"2026-10-20T05:54:32.868906+00:00","pageAvailability":"HTTP200; same-domain original website","retrievedAt":"2026-10-20T05:54:32.868906+00:00"},{"id":"21st--airbnb-visx--zoom","name":"Zoom","collection":"21st-community","creator":"Airbnb","category":"Dashboards & data","why":"Original dashboards & data reference from Airbnb.","useFor":"Compare the original image and creator’s implementation before adoption.","website":"https://21st.dev/@airbnb-visx/components/zoom","codeUrl":"https://21st.dev/@airbnb-visx/components/zoom","repository":"","sourceFiles":[],"commit":"","access":"Creator source page linked · access unverified","license":"Check the original creator’s terms; no source downloaded","review":"Creator-hosted preview indexed; not individually runtime-tested","selectionType":"Creator catalog expansion","favorite":false,"discovered":"Creator-published 21st community data-visualization catalog","added":"2026-10-20","previewSource":"https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=960,quality=75,format=webp/https://cdn.21st.dev/larsen66/zoom/default/preview.1747927770786.png","previewType":"Creator-published component preview image","retrievedAt":"2026-10-20T04:47:34.155411+00:00","creatorHandle":"airbnb-visx","sourceCategory":"data-visualization","creatorPublicationUrl":"https://21st.dev/@airbnb-visx/components/zoom","preview":"media/references/21st--airbnb-visx--zoom.png","previewWidth":960,"previewHeight":781,"previewSha256":"7af83b638a6232c34fd9dad2822e84cc2fac327c417f00a95c53f136abc0afc7","previewAnimated":false,"pageAvailability":"HTTP 200 on collection pass","pageCheckedAt":"2026-10-20T04:47:34.155411+00:00","canonicalComponentUrl":"https://21st.dev/@airbnb-visx/components/zoom"},{"id":"codrops--pixel-canvas-web-component","name":"＜pixel-canvas＞ Web Component","collection":"codrops-creative","creator":"Ryan Mulligan","creatorUrl":"https://tympanus.net/codrops/hub/author/ryan","category":"Forms & controls","styleTags":["canvas","hover"],"why":"Row of dark icon tiles where the focused tile shows a fine pixel-dot field and outline.","useFor":"Study the original design and its linked implementation before adoption.","website":"https://codepen.io/hexagoncircle/full/KwPpdBZ","codeUrl":"https://codepen.io/hexagoncircle/pen/KwPpdBZ","repository":"","sourceFiles":[],"commit":"","access":"Creator code linked · access unverified (source response recorded)","license":"Check original repository/creator terms; no code downloaded for this reference","review":"Sonnet-assisted static preview review; original demo/source attribution traced; not runtime/accessibility/license audited","selectionType":"Visually reviewed original reference","favorite":false,"discovered":"X design-community research → Codrops Creative Hub · October 20 midday review","added":"2026-10-20","previewSource":"https://tympanus.net/codrops/wp-content/uploads/2025/05/Screenshot-2025-05-31-at-05.22.04.png","previewType":"Original static thumbnail published with the creator’s Codrops demo","publishedDate":"Dec 1, 2024","publisherIndex":"https://tympanus.net/codrops/hub/all/","retrievedAt":"2026-10-20T06:57:46.927245+00:00","preview":"media/references/codrops--pixel-canvas-web-component.png","previewWidth":1600,"previewHeight":1202,"previewSha256":"abdb1ea56d5a81186f7dd60d0b9e8972dae88751e47b5e8d70208380a36e8877","previewAnimated":false,"observedPage":7,"sourcePageCheck":{"status":403,"resolvedUrl":"https://codepen.io/hexagoncircle/pen/KwPpdBZ","checkedAt":"2026-10-20T07:06:12.753731+00:00"}}],"packages":[{"id":"affectui","repository":"https://github.com/flohoeller/affectui","commit":"cc799e7e438efcea8d484fa27932405ea60bff9a","archiveUrl":"https://codeload.github.com/flohoeller/affectui/zip/cc799e7e438efcea8d484fa27932405ea60bff9a","archiveSha256":"df668b77e4036af26cddfaf20021234d125b549027f92f0543d6d25562d32364","archiveBytes":3668773,"license":"MIT","retrievedAt":"2026-10-20T02:58:05.963350+00:00","extractedFiles":63,"status":"downloaded","note":"Exact upstream archive; text/source files also extracted for browsing. No upstream code executed."},{"id":"beui","repository":"https://github.com/starc007/ui-components","commit":"6b5a00a5687214be8fd12fb0b6a78678d4dc96e0","archiveUrl":"https://codeload.github.com/starc007/ui-components/zip/6b5a00a5687214be8fd12fb0b6a78678d4dc96e0","archiveSha256":"1a3260115337dee4a21994ec6a3b36a0bed4fe165e1054eebeaf79c70cc87c88","archiveBytes":7817168,"license":"MIT","retrievedAt":"2026-10-20T02:58:09.792643+00:00","extractedFiles":684,"status":"downloaded","note":"Exact upstream archive; text/source files also extracted for browsing. No upstream code executed."},{"id":"agent-elements","repository":"https://github.com/21st-dev/agent-elements","commit":"b04b36cb6381a1dd1a0e86cc7c90564ddcd56d37","archiveUrl":"https://codeload.github.com/21st-dev/agent-elements/zip/b04b36cb6381a1dd1a0e86cc7c90564ddcd56d37","archiveSha256":"af8dbf42ca47701415155c4caefac19aedd69f00a9884b4b159459cc949bc5eb","archiveBytes":718099,"license":"MIT","retrievedAt":"2026-10-20T02:58:04.359595+00:00","extractedFiles":154,"status":"downloaded","note":"Exact upstream archive; text/source files also extracted for browsing. No upstream code executed."},{"id":"agent-prism","repository":"https://github.com/evilmartians/agent-prism","commit":"4fd371b5e4f25acd04278e94a0d4b21e543eb42c","archiveUrl":"https://codeload.github.com/evilmartians/agent-prism/zip/4fd371b5e4f25acd04278e94a0d4b21e543eb42c","archiveSha256":"f238bc9276b52da95c7fbcbef97f845210c7a897c5be2712825016afd2e203d0","archiveBytes":16295693,"license":"MIT","retrievedAt":"2026-10-20T02:58:18.306021+00:00","extractedFiles":292,"status":"downloaded","note":"Exact upstream archive; text/source files also extracted for browsing. No upstream code executed."},{"id":"kokonutui","repository":"https://github.com/kokonut-labs/kokonutui","commit":"a70783604c9d9758d5bf405286f22d2870ed301f","archiveUrl":"https://codeload.github.com/kokonut-labs/kokonutui/zip/a70783604c9d9758d5bf405286f22d2870ed301f","archiveSha256":"c2dbb0b66f4cebdbc9aaaf2a97f2f36bdb99ef469861c0b7c0dc569e82c46473","archiveBytes":6958155,"license":"MIT","retrievedAt":"2026-10-20T02:58:13.898605+00:00","extractedFiles":577,"status":"downloaded","note":"Exact upstream archive; text/source files also extracted for browsing. No upstream code executed."},{"id":"kitn-ui","repository":"https://github.com/kitn-ai/ui","commit":"5901bc5f56bf5fb6d9994b5225624d98f172824a","archiveUrl":"https://codeload.github.com/kitn-ai/ui/zip/5901bc5f56bf5fb6d9994b5225624d98f172824a","archiveSha256":"7591faa50a31615b02ef56ed3979d1db35219e7af9a7451522c662efafa574d8","archiveBytes":26118142,"license":"MIT + Apache-2.0 third-party files; see LICENSE and packages/ui/NOTICE","retrievedAt":"2026-10-20T02:58:23.649569+00:00","extractedFiles":2479,"status":"downloaded","note":"Exact upstream archive; text/source files also extracted for browsing. No upstream code executed."},{"id":"nothing-design","repository":"https://github.com/dominikmartn/nothing-design-skill","commit":"74affbb786af098b18503467b205c10a7df30126","archiveUrl":"https://codeload.github.com/dominikmartn/nothing-design-skill/zip/74affbb786af098b18503467b205c10a7df30126","archiveSha256":"45ebb06c16b2205aeaee23832b1d9437bdfda5b70c0d8f0a48b1a96a7e134f22","archiveBytes":1608273,"license":"MIT","retrievedAt":"2026-10-20T02:58:13.081881+00:00","extractedFiles":6,"status":"downloaded","note":"Exact upstream archive; text/source files also extracted for browsing. No upstream code executed."},{"id":"prompt-kit","repository":"https://github.com/ibelick/prompt-kit","commit":"5a9496635cc0e1bf7679fe2a9e35d9b36b99c08a","archiveUrl":"https://codeload.github.com/ibelick/prompt-kit/zip/5a9496635cc0e1bf7679fe2a9e35d9b36b99c08a","archiveSha256":"f29911e4e6956eb278ff023e9def163be488f28860d516281735516d37510ea1","archiveBytes":534988,"license":"MIT","retrievedAt":"2026-10-20T02:59:19.535366+00:00","extractedFiles":225,"status":"downloaded","note":"Exact upstream archive; text/source files also extracted for browsing. No upstream code executed."},{"id":"ai-elements","repository":"https://github.com/vercel/ai-elements","commit":"ca8be600bfd01b3131f9bf6134b51602a71f4374","archiveUrl":"https://codeload.github.com/vercel/ai-elements/zip/ca8be600bfd01b3131f9bf6134b51602a71f4374","archiveSha256":"480d5b395692c74ca2d23e177fa3c9dd04367bff8fb7fc58e391bef6010a6918","archiveBytes":1635967,"license":"Apache-2.0 (verified in saved LICENSE)","retrievedAt":"2026-10-20T02:59:20.018567+00:00","extractedFiles":562,"status":"downloaded","note":"Exact upstream archive; text/source files also extracted for browsing. No upstream code executed."},{"id":"shapeshift","registry":"https://lab.anishfn.ink/r/shapeshift.json","status":"downloaded","extractedFiles":2,"license":"No explicit license verified; public registry source, check creator terms before reuse","sha256":"56e682633495cbb418ed1d5da649247b3ea436a6d753a0b499b4737718f49003","dependencies":["motion"],"registryDependencies":["utils"],"retrievedAt":"2026-10-20T02:59:20.144320+00:00"},{"id":"beui-native","registry":"https://github.com/starc007/ui-components/blob/6b5a00a5687214be8fd12fb0b6a78678d4dc96e0/lib/native/catalog.json","repository":"https://github.com/starc007/beui-native","status":"downloaded","extractedFiles":97,"license":"MIT","sha256":"38c21d1fe960a46afd82a520b54166fff3a700f789bbc91f70b2d7af958735ff","generatedFrom":"https://github.com/starc007/beui-native@0.1.0","retrievedAt":"2026-10-20T03:55:28.387228+00:00","note":"Exact creator-published catalog and source file content; published preview URLs belong to this native catalog, not its web equivalents."},{"id":"elevenlabs-ui","repository":"https://github.com/elevenlabs/ui","commit":"3a28ebab197f8cfa599934f52db12ad1396e54f4","archiveUrl":"https://codeload.github.com/elevenlabs/ui/zip/3a28ebab197f8cfa599934f52db12ad1396e54f4","archiveSha256":"3d18f89e2734d74e976b1e19ad9ac2f99d96518d075e1092782b24ab9abeb438","archiveBytes":14288513,"license":"MIT","retrievedAt":"2026-10-20T04:16:34.246994+00:00","extractedFiles":330,"status":"downloaded","note":"Exact upstream archive; text/source files also extracted for browsing. No upstream code executed."},{"id":"assistant-ui","repository":"https://github.com/assistant-ui/assistant-ui","commit":"0a6d4cb49bd7749e7e708448708e325c88752531","archiveUrl":"https://codeload.github.com/assistant-ui/assistant-ui/zip/0a6d4cb49bd7749e7e708448708e325c88752531","archiveSha256":"adbdd2dced64a53992a058b872031336d7f65048ffa47d8c98b6ea7f763f3435","archiveBytes":59388885,"license":"MIT","retrievedAt":"2026-10-20T04:17:08.701400+00:00","extractedFiles":6914,"status":"downloaded","note":"Exact upstream archive; text/source files also extracted for browsing. No upstream code executed."},{"id":"cult-ui","repository":"https://github.com/nolly-studio/cult-ui","commit":"7f031dc812f7bda10213bab62752dd6d080297ff","archiveUrl":"https://codeload.github.com/nolly-studio/cult-ui/zip/7f031dc812f7bda10213bab62752dd6d080297ff","archiveSha256":"70a0aa1afc220318dca9e60cf82d96e97258edb3e291a148037dd00af4631061","archiveBytes":45729549,"license":"MIT","retrievedAt":"2026-10-20T05:11:24.225263+00:00","extractedFiles":1524,"status":"downloaded","note":"Exact upstream archive; text/source files also extracted for browsing. No upstream code executed."},{"id":"pipecat-ui","repository":"https://github.com/pipecat-ai/pipecat-ui","commit":"f1c9470b6d385ededf0acb6ed5e2f18a66966fdf","archiveUrl":"https://codeload.github.com/pipecat-ai/pipecat-ui/zip/f1c9470b6d385ededf0acb6ed5e2f18a66966fdf","archiveSha256":"028a76f363e71d65709360bbe4592e1b9479482cc9df0ac1360ea45655d8ead6","archiveBytes":619197,"license":"BSD-2-Clause","retrievedAt":"2026-10-20T06:55:52.189984+00:00","extractedFiles":286,"status":"downloaded","note":"Exact upstream archive; text/source files also extracted for browsing. No upstream code executed."},{"id":"beautiful-ui","repository":"https://github.com/slev12397/beautiful-ui","commit":"44a274e598395ab61e7c96c26fda2758780253b7","archiveUrl":"https://codeload.github.com/slev12397/beautiful-ui/zip/44a274e598395ab61e7c96c26fda2758780253b7","archiveSha256":"aa8a25efa700f0fa708c0db0dc77c39c0134d95c63ec2919fa213934e5a9ab90","archiveBytes":458052,"license":"MIT","retrievedAt":"2026-10-20T07:28:29.471715+00:00","extractedFiles":89,"status":"downloaded","note":"Exact upstream archive; text/source files also extracted for browsing. No upstream code executed."},{"id":"livekit-ui","repository":"https://github.com/livekit/components-js","commit":"706c3a294bf03dabbe4f89b8868fcccfb1f6cbd4","archiveUrl":"https://codeload.github.com/livekit/components-js/zip/706c3a294bf03dabbe4f89b8868fcccfb1f6cbd4","archiveSha256":"c4b7f1f9238f62b5ddfcedb5461133c56869dbc37362b9d9b0dee0178ed9d671","archiveBytes":5472275,"license":"Apache-2.0","retrievedAt":"2026-10-20T08:01:21.312838+00:00","extractedFiles":589,"status":"downloaded","note":"Exact upstream archive; text/source files also extracted for browsing. No upstream code executed."},{"id":"boardui","repository":"https://github.com/BoardUI/boardui","commit":"ec5c5eb3e29c2441be63b9422cd54f411ef23466","archiveUrl":"https://codeload.github.com/BoardUI/boardui/zip/ec5c5eb3e29c2441be63b9422cd54f411ef23466","archiveSha256":"de6e25671ee8e7e4363ad73aab2ac3f244055f44c5e5d70f91cc4d1186c1fcd2","archiveBytes":9680009,"license":"MIT","retrievedAt":"2026-10-20T08:01:23.634627+00:00","extractedFiles":131,"status":"downloaded","note":"Exact upstream archive; text/source files also extracted for browsing. No upstream code executed."},{"id":"agenttrace-ui","repository":"https://github.com/NikitaKharya09/agenttrace-ui","commit":"02b7a85eace5d918cc26bbb1ab5c2a8704182f4f","archiveUrl":"https://codeload.github.com/NikitaKharya09/agenttrace-ui/zip/02b7a85eace5d918cc26bbb1ab5c2a8704182f4f","archiveSha256":"62d68fbc6a4809ca7d17b0411cd53a05b0858804d3b184ad396816a5a0026d9d","archiveBytes":3656210,"license":"MIT","retrievedAt":"2026-10-20T08:01:22.399283+00:00","extractedFiles":19,"status":"downloaded","note":"Exact upstream archive; text/source files also extracted for browsing. No upstream code executed."},{"id":"blocks-so","repository":"https://github.com/ephraimduncan/blocks","commit":"3f759d5171c2391253ec4c772e9e5b3db2bc7c7f","archiveUrl":"https://codeload.github.com/ephraimduncan/blocks/zip/3f759d5171c2391253ec4c772e9e5b3db2bc7c7f","archiveSha256":"b801591cb6fb0d71380782e2291d059c5aaf9aa0c37e7c0f9386b2acb4f3dc34","archiveBytes":3174206,"license":"MIT","retrievedAt":"2026-10-20T08:07:37.086254+00:00","extractedFiles":327,"status":"downloaded","note":"Exact upstream archive; text/source files also extracted for browsing. No upstream code executed."}],"revision":"ffb0ebe79762da6812b1ec97"}