{"items":[{"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,"accessKind":"linked","mediaType":"image"},{"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,"accessKind":"linked","mediaType":"image"},{"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","accessKind":"linked","mediaType":"image"},{"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","accessKind":"none","mediaType":"image"},{"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"},"accessKind":"linked","mediaType":"image"},{"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","accessKind":"none","mediaType":"image"},{"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,"accessKind":"none","mediaType":"image"},{"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"},"accessKind":"linked","mediaType":"image"},{"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,"accessKind":"none","mediaType":"image"},{"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","accessKind":"none","mediaType":"image"},{"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","accessKind":"linked","mediaType":"image"},{"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","accessKind":"linked","mediaType":"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","accessKind":"linked","mediaType":"image"},{"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"},"accessKind":"linked","mediaType":"image"},{"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,"accessKind":"linked","mediaType":"image"},{"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,"accessKind":"linked","mediaType":"image"},{"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","accessKind":"saved","mediaType":"image"},{"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,"accessKind":"saved","mediaType":"image"},{"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,"accessKind":"paid","mediaType":"image"},{"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,"accessKind":"paid","mediaType":"image"},{"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","accessKind":"saved","mediaType":"video"},{"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,"accessKind":"saved","mediaType":"image"},{"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"},"accessKind":"linked","mediaType":"image"},{"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,"accessKind":"saved","mediaType":"image"},{"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","accessKind":"linked","mediaType":"image"},{"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,"accessKind":"linked","mediaType":"image"},{"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,"accessKind":"linked","mediaType":"image"},{"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,"accessKind":"saved","mediaType":"image"},{"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,"accessKind":"saved","mediaType":"image"},{"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,"accessKind":"saved","mediaType":"image"},{"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,"accessKind":"saved","mediaType":"image"},{"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.","accessKind":"linked","mediaType":"image"},{"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.","accessKind":"linked","mediaType":"image"},{"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,"accessKind":"paid","mediaType":"image"},{"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","accessKind":"linked","mediaType":"image"},{"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,"accessKind":"linked","mediaType":"image"},{"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,"accessKind":"linked","mediaType":"image"},{"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.","accessKind":"none","mediaType":"image"},{"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","accessKind":"linked","mediaType":"image"},{"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","accessKind":"linked","mediaType":"image"},{"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.","accessKind":"linked","mediaType":"image"},{"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,"accessKind":"linked","mediaType":"image"},{"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"},"accessKind":"linked","mediaType":"image"},{"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","accessKind":"linked","mediaType":"image"},{"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,"accessKind":"saved","mediaType":"image"},{"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"},"accessKind":"linked","mediaType":"image"},{"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,"accessKind":"linked","mediaType":"image"},{"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"},"accessKind":"linked","mediaType":"image"},{"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.","accessKind":"linked","mediaType":"image"},{"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,"accessKind":"linked","mediaType":"image"},{"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"},"accessKind":"linked","mediaType":"image"},{"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,"accessKind":"linked","mediaType":"image"},{"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,"accessKind":"linked","mediaType":"image"},{"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","accessKind":"none","mediaType":"image"},{"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"},"accessKind":"linked","mediaType":"image"},{"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.","accessKind":"none","mediaType":"image"},{"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.","accessKind":"linked","mediaType":"image"},{"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"},"accessKind":"linked","mediaType":"image"},{"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,"accessKind":"linked","mediaType":"image"},{"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,"accessKind":"linked","mediaType":"image"}],"total":1261,"limit":60,"offset":0,"facets":{"groups":[{"id":"all","name":"All references","count":1261},{"id":"websites","name":"Websites","count":56},{"id":"components","name":"Components","count":361},{"id":"interactions","name":"Motion & interaction","count":258},{"id":"agents","name":"AI interfaces","count":357},{"id":"typography","name":"Typography","count":80},{"id":"mobile","name":"Mobile","count":37},{"id":"other","name":"More references","count":112}],"categories":[{"name":"Agent orchestration","count":27},{"name":"Artifacts & evidence","count":47},{"name":"Cards & layouts","count":181},{"name":"Community references","count":1},{"name":"Conversation craft","count":75},{"name":"Creative controls & effects","count":47},{"name":"Dashboards & data","count":111},{"name":"Editorial & typography","count":42},{"name":"Feedback & states","count":28},{"name":"Forms & controls","count":46},{"name":"Full websites & portfolios","count":56},{"name":"Galleries & transitions","count":81},{"name":"Human control","count":53},{"name":"Intent & input","count":25},{"name":"Navigation & search","count":106},{"name":"React Native","count":37},{"name":"Shaders & materials","count":62},{"name":"Spatial & motion","count":19},{"name":"Spatial experiences","count":49},{"name":"Thinking & progress","count":71},{"name":"Tools & execution","count":32},{"name":"Typography & effects","count":38},{"name":"Voice & presence","count":27}],"sources":[{"id":"abraham-mobile","name":"Abraham John · @Abmankendrick","count":1},{"id":"aceternity","name":"Aceternity UI · Manu Arora","count":63},{"id":"react-aria","name":"Adobe · React Aria","count":5},{"id":"affectui","name":"affectui","count":21},{"id":"agent-elements","name":"agent-elements","count":5},{"id":"agent-prism","name":"agent-prism","count":1},{"id":"ai-sdk-agents","name":"AI SDK Agents · Cult","count":13},{"id":"phoenix-original","name":"Arize Phoenix","count":1},{"id":"assistant-ui","name":"assistant-ui","count":1},{"id":"typebot-original","name":"Baptiste Arno / Typebot","count":1},{"id":"beui","name":"beui","count":18},{"id":"beui-native","name":"beui-native","count":37},{"id":"boardui-pro","name":"BoardUI","count":5},{"id":"budibase","name":"Budibase contributors","count":1},{"id":"cavalry-original","name":"Cavalry / Scene Group","count":1},{"id":"raffi","name":"Chmouel Boudjnah · @chmouel","count":1},{"id":"christophe-choffel","name":"Christophe Choffel · ULuIQ12","count":1},{"id":"copilotkit-original","name":"CopilotKit","count":2},{"id":"cult-ui","name":"Cult UI · nolly studio","count":8},{"id":"macparakeet","name":"Daniel Moon / moona3k","count":2},{"id":"surveyjs-creator","name":"Devsoft Baltic / SurveyJS","count":4},{"id":"x-design","name":"Dom · @dominikmartn","count":2},{"id":"approvals-ui","name":"Dylan Mérigaud","count":1},{"id":"elevenlabs-product-original","name":"ElevenLabs","count":1},{"id":"elevenlabs-ui","name":"elevenlabs-ui","count":8},{"id":"blocks-so","name":"Ephraim Duncan · Blocks.so","count":3},{"id":"excalidraw","name":"Excalidraw contributors","count":1},{"id":"flowise-original","name":"FlowiseAI","count":3},{"id":"webzibition","name":"FORMAT · original site","count":71},{"id":"formbricks-original","name":"Formbricks GmbH","count":2},{"id":"monaspace-original","name":"GitHub Next / Lettermatic","count":1},{"id":"a2ui","name":"Google / A2UI project contributors","count":2},{"id":"granola-original","name":"Granola / Mehedi","count":1},{"id":"graphite-original","name":"Graphite contributors","count":1},{"id":"touchosc-product-original","name":"Hexler Limited","count":1},{"id":"hume-original","name":"Hume AI","count":1},{"id":"orca-original","name":"Hundredrabbits","count":1},{"id":"rivet-original","name":"Ironclad / Rivet contributors","count":3},{"id":"libraries-dev","name":"Jakub Antalik","count":2},{"id":"interfere","name":"Jakub Krehel and Paul Faivret · Interfere","count":1},{"id":"voicebox-original","name":"Jamie Pine / Voicebox contributors","count":2},{"id":"blockbench-original","name":"Jannis Petersen / Blockbench contributors","count":3},{"id":"dust3d-original","name":"Jeremy Hu / Dust3D Project","count":1},{"id":"penpot","name":"Kaleidos / Penpot contributors","count":1},{"id":"kitn-ui","name":"kitn-ui","count":1},{"id":"kokonutui","name":"kokonutui","count":5},{"id":"codrops-creative","name":"Konstantin Denerz","count":269},{"id":"vuo-original","name":"Kosada / Vuo contributors","count":2},{"id":"langflow","name":"Langflow contributors","count":2},{"id":"langfuse-original","name":"Langfuse","count":4},{"id":"dify","name":"LangGenius / Dify contributors","count":1},{"id":"livekit-ui","name":"LiveKit","count":2},{"id":"tailscode","name":"Markus · guitaripod / Midgar Oy","count":9},{"id":"easing-wizard","name":"Matthias Martin","count":1},{"id":"enve-original","name":"Maurycy Liebner","count":1},{"id":"autogen-studio","name":"Microsoft Research / AutoGen contributors","count":1},{"id":"imports","name":"Motion","count":5},{"id":"motion-canvas-original","name":"Motion Canvas","count":1},{"id":"n8n-original","name":"n8n / Production AI Playbook team","count":1},{"id":"agenttrace-ui","name":"Nikita Kharya","count":1},{"id":"nocobase","name":"NocoBase contributors","count":2},{"id":"nodetool-original","name":"NodeTool","count":3},{"id":"onlook-original","name":"Onlook contributors","count":1},{"id":"openai-cs-agents","name":"OpenAI","count":1},{"id":"21st-community","name":"OrcDev","count":469},{"id":"ossia-original","name":"OSSIA / GBAP and Avendish contributors","count":3},{"id":"pipecat-ui","name":"Pipecat · Daily","count":5},{"id":"plane-product-original","name":"Plane","count":1},{"id":"leva","name":"Poimandres contributors","count":1},{"id":"prompt-kit","name":"prompt-kit","count":2},{"id":"raycast-product-original","name":"Raycast","count":2},{"id":"rerun-original","name":"Rerun Technologies","count":2},{"id":"retool-original","name":"Retool","count":2},{"id":"rive-editor","name":"Rive","count":2},{"id":"material-maker-original","name":"Rodolphe Suescun / Material Maker contributors","count":3},{"id":"bespoke-original","name":"Ryan Challinor / Bespoke contributors","count":2},{"id":"shadcnblocks","name":"Shadcnblocks · Rob","count":77},{"id":"beautiful-ui","name":"Shane Levine · Turbo","count":9},{"id":"shapeshift","name":"shapeshift","count":1},{"id":"kando-original","name":"Simon Schneegans / Kando contributors","count":2},{"id":"spline-original","name":"Spline","count":1},{"id":"nomad-product-original","name":"Stéphane Ginier / Hexanomad","count":1},{"id":"tangent-original","name":"suchnsuch / Tangent contributors","count":1},{"id":"superwhisper-original","name":"Superwhisper","count":4},{"id":"careless-whisper","name":"Tesseric","count":2},{"id":"theatre-js","name":"Theatre.js contributors","count":2},{"id":"thibaud-allie-original","name":"Thibaud Allie","count":4},{"id":"three-js","name":"Three.js authors and contributors","count":8},{"id":"tldraw","name":"tldraw Inc.","count":1},{"id":"triplex","name":"Triplex / Poimandres contributors","count":2},{"id":"typeform-original","name":"Typeform","count":1},{"id":"inspect-original","name":"UK AI Security Institute / Meridian Labs","count":1},{"id":"cables-original","name":"undefined development / cables","count":2},{"id":"vapi-original","name":"Vapi engineering team","count":1},{"id":"ai-elements","name":"Vercel · AI Elements","count":16},{"id":"pindrop","name":"watzon / Pindrop Contributors","count":1},{"id":"windmill-original","name":"Windmill Labs","count":1},{"id":"wispr-original","name":"Wispr","count":3},{"id":"x","name":"x","count":2},{"id":"react-flow-pro","name":"xyflow / React Flow","count":1},{"id":"orbkit","name":"zzzzshawn","count":5}]},"summary":{"selectedPatterns":1261,"downloadedPackages":20,"patternsWithSource":136,"paidReferences":30,"conceptsWithoutSource":5,"archiveBytes":207822154,"patternsWithVisuals":1260,"patternsWithVideo":47,"patternsWithCodeLinks":1138,"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":5}}