https://vibrant.design/feed/b8iicfm-interactive-character-motion2026-07-28T11:47:36.377Zhttps://cdn.vibrant.design/videos/b8iicfm/card/poster.jpg?v=35b3525f6556https://cdn.vibrant.design/videos/b8iicfm/card/poster.jpg?v=35b3525f6556Interactive Character MotionAn experimental motion design showcasing character animation in Rive.https://cdn.vibrant.design/videos/b8iicfm/card/720p.mp4?v=35b3525f655672026-07-24T13:24:57.286Z https://vibrant.design/website/hadrtek-shaders-com2026-07-28T11:47:38.246Zhttps://cdn.vibrant.design/videos/hadrtek/card/poster.jpg?v=be00a6e5d1d1https://cdn.vibrant.design/videos/hadrtek/card/poster.jpg?v=be00a6e5d1d1Shaders — The design platform for web shadersComponent library for creative WebGPU effects in modern frontend frameworks. Compose interactive visuals for Vue, React, Svelte, Solid & JS.https://cdn.vibrant.design/videos/hadrtek/card/720p.mp4?v=be00a6e5d1d1222026-07-24T13:26:18.913Z https://vibrant.design/feed/r63eh4u-token-spend-machine-hero2026-07-28T11:47:35.585Zhttps://cdn.vibrant.design/videos/r63eh4u/card/poster.jpg?v=aabc7140f5a7https://cdn.vibrant.design/videos/r63eh4u/card/poster.jpg?v=aabc7140f5a7Vercel Open SourceA playful open source page hero featuring a sticker-covered token-spend machine.https://cdn.vibrant.design/videos/r63eh4u/card/720p.mp4?v=aabc7140f5a7112026-07-24T13:32:57.845Z https://vibrant.design/feed/m00kkko-quirky-design-element2026-07-28T11:47:34.829Zhttps://cdn.vibrant.design/videos/m00kkko/card/poster.jpg?v=50ce0e07a1c7https://cdn.vibrant.design/videos/m00kkko/card/poster.jpg?v=50ce0e07a1c7Listening LoaderA quirky, abstract design element.https://cdn.vibrant.design/videos/m00kkko/card/720p.mp4?v=50ce0e07a1c7132026-07-24T15:03:26.130Z https://vibrant.design/feed/fv1e9oq-geometric-typography2026-07-28T11:47:34.012Zhttps://cdn.vibrant.design/videos/fv1e9oq/card/poster.jpg?v=d73fb2793e18https://cdn.vibrant.design/videos/fv1e9oq/card/poster.jpg?v=d73fb2793e18Click Drag InteractionKinetic typography with geometric shapes.https://cdn.vibrant.design/videos/fv1e9oq/card/720p.mp4?v=d73fb2793e18162026-07-24T15:09:17.660Z https://vibrant.design/feed/x3zf5op-interface-craft-onboarding-refinement2026-07-28T11:47:33.187Zhttps://cdn.vibrant.design/videos/x3zf5op/card/poster.jpg?v=81ee157c9c36https://cdn.vibrant.design/videos/x3zf5op/card/poster.jpg?v=81ee157c9c36Interface Craft OnboardingRefined onboarding for Interface Crafthttps://cdn.vibrant.design/videos/x3zf5op/card/720p.mp4?v=81ee157c9c36102026-07-24T15:27:43.726Z https://vibrant.design/feed/h77a8py-cinema-mobile-app-ui-exploration2026-07-28T11:47:32.335Zhttps://cdn.vibrant.design/videos/h77a8py/card/poster.jpg?v=1098084c060ehttps://cdn.vibrant.design/videos/h77a8py/card/poster.jpg?v=1098084c060eCinema Mobile AppExploration of cinema mobile app ticket purchase interaction.https://cdn.vibrant.design/videos/h77a8py/card/720p.mp4?v=1098084c060e192026-07-24T15:40:53.344Z https://vibrant.design/website/7uaim1d-shopify-design2026-07-28T11:47:30.027Zhttps://cdn.vibrant.design/videos/7uaim1d/card/poster.jpg?v=92bc7a2d638ehttps://cdn.vibrant.design/videos/7uaim1d/card/poster.jpg?v=92bc7a2d638eShopify DesignMake the new normal.https://cdn.vibrant.design/videos/7uaim1d/card/720p.mp4?v=92bc7a2d638e202026-07-24T16:00:56.777Z https://vibrant.design/website/39l2ltz-www-curated-supply2026-07-28T11:46:59.652Zhttps://cdn.vibrant.design/videos/39l2ltz/card/poster.jpg?v=65c9d8a17fa6https://cdn.vibrant.design/videos/39l2ltz/card/poster.jpg?v=65c9d8a17fa6Curated SupplyDiscover curated, well-designed products. Premium tech, homeware and lifestyle essentials that blend form, function and quiet luxury.https://cdn.vibrant.design/videos/39l2ltz/card/720p.mp4?v=65c9d8a17fa6162026-07-24T16:21:17.622Z https://vibrant.design/website/2o32tca-www-trevornoah-com2026-07-28T11:47:28.690Zhttps://cdn.vibrant.design/videos/2o32tca/card/poster.jpg?v=aafbe4ae38d0https://cdn.vibrant.design/videos/2o32tca/card/poster.jpg?v=aafbe4ae38d0Trevor NoahComedian, podcaster, presenter, humanitarian and #1 New York Times bestselling author. Trevor Noah asks questions and sparks conversations.https://cdn.vibrant.design/videos/2o32tca/card/720p.mp4?v=aafbe4ae38d0302026-07-24T19:11:38.920Z https://vibrant.design/website/oiuikgd-landonorris-com2026-07-28T11:47:29.274Zhttps://cdn.vibrant.design/videos/oiuikgd/card/poster.jpg?v=8eb58857c612https://cdn.vibrant.design/videos/oiuikgd/card/poster.jpg?v=8eb58857c612Lando NorrisOfficial hub for British racing star Lando Norris: breaking news, 2025 race wins, exclusive merch, videos and behind-the-scenes access.https://cdn.vibrant.design/videos/oiuikgd/card/720p.mp4?v=8eb58857c612322026-07-24T19:29:14.773Z https://vibrant.design/feed/ngmwpzb-animated-border-beam-component2026-07-28T11:47:27.197Zhttps://cdn.vibrant.design/videos/ngmwpzb/card/poster.jpg?v=68d543ec9dddhttps://cdn.vibrant.design/videos/ngmwpzb/card/poster.jpg?v=68d543ec9dddBorder BeamAnimated border beam component for React with multiple types and color variants.https://cdn.vibrant.design/videos/ngmwpzb/card/720p.mp4?v=68d543ec9ddd152026-07-24T19:35:03.610Z https://vibrant.design/feed/91rbbpg-agi-has-attitude2026-07-28T11:47:26.510Zhttps://cdn.vibrant.design/videos/91rbbpg/card/poster.jpg?v=07e8e789d915https://cdn.vibrant.design/videos/91rbbpg/card/poster.jpg?v=07e8e789d915Text SelectionAnimated short film about AGI with a sassy personality.https://cdn.vibrant.design/videos/91rbbpg/card/720p.mp4?v=07e8e789d915132026-07-24T19:42:40.497Z https://vibrant.design/feed/r2hmt0c-design-concept-exploration2026-07-28T11:47:25.800Zhttps://cdn.vibrant.design/images/r2hmt0c/cover/720.webp?v=03ea0456deda https://vibrant.design/feed/rybtrd4-framer-motion-design2026-07-28T11:47:25.178Zhttps://cdn.vibrant.design/videos/rybtrd4/card/poster.jpg?v=3c8775646a73https://cdn.vibrant.design/videos/rybtrd4/card/poster.jpg?v=3c8775646a73Framer's Motion DesignA dynamic animation created for Framer, showcasing motion design capabilities.https://cdn.vibrant.design/videos/rybtrd4/card/1080p.mp4?v=3c8775646a73162026-07-25T06:15:02.593Z https://vibrant.design/feed/dwbbmzm-ui-design-experiments2026-07-28T11:47:08.507Zhttps://cdn.vibrant.design/videos/dwbbmzm/card/poster.jpg?v=12c6cead3d68https://cdn.vibrant.design/videos/dwbbmzm/card/poster.jpg?v=12c6cead3d68Carousel Hover EffectExploring new design concepts and interactions.https://cdn.vibrant.design/videos/dwbbmzm/card/1080p.mp4?v=12c6cead3d68202026-07-25T06:19:13.942Z https://vibrant.design/feed/bkxaety-liquid-metal-app-design2026-07-28T11:47:07.865Zhttps://cdn.vibrant.design/videos/bkxaety/card/poster.jpg?v=1cf05cc27592https://cdn.vibrant.design/videos/bkxaety/card/poster.jpg?v=1cf05cc27592Liquid Metal GlassExploring the concept of liquid metal as a design element in app design.https://cdn.vibrant.design/videos/bkxaety/card/1440p.mp4?v=1cf05cc27592262026-07-25T06:24:28.163Z https://vibrant.design/feed/o7xjpdv-micro-animated-ui-elements2026-07-28T11:47:07.167Zhttps://cdn.vibrant.design/videos/o7xjpdv/card/poster.jpg?v=c2d2653edea0https://cdn.vibrant.design/videos/o7xjpdv/card/poster.jpg?v=c2d2653edea0Bento Grid ExplorationA set of micro-animated UI elements designed to add subtle interactions to digital products.https://cdn.vibrant.design/videos/o7xjpdv/card/1440p.mp4?v=c2d2653edea0152026-07-25T08:38:57.173Z https://vibrant.design/feed/8e6iqr5-button-becomes-page2026-07-28T11:47:06.457Zhttps://cdn.vibrant.design/videos/8e6iqr5/card/poster.jpg?v=27bb56ab8e12https://cdn.vibrant.design/videos/8e6iqr5/card/poster.jpg?v=27bb56ab8e12Button Layout EffectsInteractive button transforms into a new page without navigation, creating a seamless user experience.https://cdn.vibrant.design/videos/8e6iqr5/card/1080p.mp4?v=27bb56ab8e12172026-07-25T08:44:13.428Z https://vibrant.design/feed/m8y6xjz-product-design-differentiator2026-07-28T11:47:05.766Zhttps://cdn.vibrant.design/videos/m8y6xjz/card/poster.jpg?v=d7a60cc8d221https://cdn.vibrant.design/videos/m8y6xjz/card/poster.jpg?v=d7a60cc8d221Dashboard LayoutThe key to a successful product lies in its design, where taste and style can make it unstoppable.https://cdn.vibrant.design/videos/m8y6xjz/card/1440p.mp4?v=d7a60cc8d221112026-07-25T08:45:08.291Z https://vibrant.design/feed/mmcns9f-compute-powered-web-effects2026-07-28T11:47:05.129Zhttps://cdn.vibrant.design/videos/mmcns9f/card/poster.jpg?v=c8c8c3fe763chttps://cdn.vibrant.design/videos/mmcns9f/card/poster.jpg?v=c8c8c3fe763cShader BlocksA collection of 7 new web sections with compute-powered effects, including ParticleField and InkFlow, for rapid prototyping and deployment.https://cdn.vibrant.design/videos/mmcns9f/card/1440p.mp4?v=c8c8c3fe763c622026-07-25T08:52:15.340Z https://vibrant.design/website/m4736ov-accessgrid-com2026-07-28T11:47:04.065Zhttps://cdn.vibrant.design/videos/m4736ov/card/poster.jpg?v=abcf8f8db79chttps://cdn.vibrant.design/videos/m4736ov/card/poster.jpg?v=abcf8f8db79cAccess Grid Hardware PageAccessGrid provides APIs for managing NFC access passes on mobile devices with MIFARE DESFire compatibility. Create and manage secure digital access credentials for your organization.https://cdn.vibrant.design/videos/m4736ov/card/1440p.mp4?v=abcf8f8db79c192026-07-25T09:34:41.508Z https://vibrant.design/feed/rll22y1-dithered-charts-library2026-07-28T11:46:55.638Zhttps://cdn.vibrant.design/videos/rll22y1/card/poster.jpg?v=ae4a01bfd710https://cdn.vibrant.design/videos/rll22y1/card/poster.jpg?v=ae4a01bfd710Dithered Charts LibraryA library of gorgeous dithered charts built from the ground up, with a tiny engine.https://cdn.vibrant.design/videos/rll22y1/card/360p.mp4?v=ae4a01bfd710132026-07-26T08:35:47.591Z https://vibrant.design/website/opq7vyj-axiom-co2026-07-28T11:46:51.410Zhttps://cdn.vibrant.design/videos/opq7vyj/card/poster.jpg?v=a1985b8c3a03https://cdn.vibrant.design/videos/opq7vyj/card/poster.jpg?v=a1985b8c3a03Axiom WebsiteThe modern machine data platform — Petabyte-scale, schema-less ingest on a fully managed event store, so you keep every byte without the operational cost of running it yourself.https://cdn.vibrant.design/videos/opq7vyj/card/1440p.mp4?v=a1985b8c3a03222026-07-27T15:25:11.572Z https://vibrant.design/feed/5bba5bc-tornado-text-reveal2026-07-28T11:46:35.636Zhttps://cdn.vibrant.design/videos/5bba5bc/card/poster.jpg?v=8d9e537bffafhttps://cdn.vibrant.design/videos/5bba5bc/card/poster.jpg?v=8d9e537bffafTornado Text RevealA dynamic text animation that creates a tornado effect by revealing text in a swirling motion.https://cdn.vibrant.design/videos/5bba5bc/card/1080p.mp4?v=8d9e537bffaf102026-07-27T15:26:18.351Z https://vibrant.design/feed/b7scnq5-gooey-morphing-select2026-07-28T11:46:31.964Zhttps://cdn.vibrant.design/videos/b7scnq5/card/poster.jpg?v=da22971702e7https://cdn.vibrant.design/videos/b7scnq5/card/poster.jpg?v=da22971702e7Gooey Morphing SelectA satisfying UI element with morphing animations, perfect for interactive design.https://cdn.vibrant.design/videos/b7scnq5/card/360p.mp4?v=da22971702e762026-07-27T15:33:18.756Z https://vibrant.design/feed/t8906y4-ascii-page-transition2026-07-28T11:46:25.882Zhttps://cdn.vibrant.design/videos/t8906y4/card/poster.jpg?v=6a15a8597b54https://cdn.vibrant.design/videos/t8906y4/card/poster.jpg?v=6a15a8597b54ASCII Page TransitionA simple and creative way to transition between web pages using ASCII art.https://cdn.vibrant.design/videos/t8906y4/card/1440p.mp4?v=6a15a8597b5472026-07-27T15:34:53.785Z https://vibrant.design/feed/x7k5g5e-dither-effect-experiment2026-07-28T11:46:15.253Zhttps://cdn.vibrant.design/videos/x7k5g5e/card/poster.jpg?v=75e1d317f717https://cdn.vibrant.design/videos/x7k5g5e/card/poster.jpg?v=75e1d317f717Dither Effect ExperimentA short animation showcasing the dither effect in a humorous way.https://cdn.vibrant.design/videos/x7k5g5e/card/720p.mp4?v=75e1d317f71772026-07-27T16:52:43.551Z https://vibrant.design/feed/mw3bxvc-pixel-art-revival2026-07-28T11:46:20.037Zhttps://cdn.vibrant.design/videos/mw3bxvc/card/poster.jpg?v=fae3799eeddahttps://cdn.vibrant.design/videos/mw3bxvc/card/poster.jpg?v=fae3799eeddaPixel Art WebsiteA web tool converts images and videos into pixel art.https://cdn.vibrant.design/videos/mw3bxvc/card/1440p.mp4?v=fae3799eedda102026-07-27T16:53:45.451Z https://vibrant.design/feed/a3m8z5r-ai-thinking-animations2026-07-28T11:46:11.636Zhttps://cdn.vibrant.design/videos/a3m8z5r/card/poster.jpg?v=a4a1d09aa90dhttps://cdn.vibrant.design/videos/a3m8z5r/card/poster.jpg?v=a4a1d09aa90dAI Thinking AnimationsA set of animations exploring a fun twist on AI thinking conceptshttps://cdn.vibrant.design/videos/a3m8z5r/card/1440p.mp4?v=a4a1d09aa90d162026-07-27T16:54:20.855Z https://vibrant.design/feed/9q6pbni-cosmic-wave-animation2026-07-28T11:46:03.247Zhttps://cdn.vibrant.design/videos/9q6pbni/card/poster.jpg?v=8d3d1a44cf9dhttps://cdn.vibrant.design/videos/9q6pbni/card/poster.jpg?v=8d3d1a44cf9dCosmic Wave AnimationA mesmerizing animation created using Processing's vector graphics capabilities, producing a dynamic, swirling pattern.https://cdn.vibrant.design/videos/9q6pbni/card/720p.mp4?v=8d3d1a44cf9d162026-07-27T16:54:52.178Z https://vibrant.design/feed/gkjdb4e-polished-snow-brand-imagery2026-07-28T11:45:59.063Zhttps://cdn.vibrant.design/images/gkjdb4e/gallery/720.webp?v=f761a27881fa https://vibrant.design/feed/ukh3k8m-email-client-interface2026-07-28T11:45:55.277Zhttps://cdn.vibrant.design/images/ukh3k8m/cover/720.webp?v=acaa9fbeb013 https://vibrant.design/feed/payb87z-font-creation-cautionary-tale2026-07-28T11:45:41.989Zhttps://cdn.vibrant.design/videos/payb87z/card/poster.jpg?v=e1cf93c9bf35https://cdn.vibrant.design/videos/payb87z/card/poster.jpg?v=e1cf93c9bf35Font Creation Cautionary TaleA humorous article warning against creating custom fonts, offering a free link to read for 48 hours.https://cdn.vibrant.design/videos/payb87z/card/720p.mp4?v=e1cf93c9bf35302026-07-27T17:01:24.285Z https://vibrant.design/feed/kmuukiu-polished-text-animations2026-07-28T11:45:36.734Zhttps://cdn.vibrant.design/videos/kmuukiu/card/poster.jpg?v=ad5af349ea53https://cdn.vibrant.design/videos/kmuukiu/card/poster.jpg?v=ad5af349ea53Polished Text AnimationsFramework agnostic text animation skill for AI agents, creating polished animations with timing and curves designed by professionals.https://cdn.vibrant.design/videos/kmuukiu/card/1440p.mp4?v=ad5af349ea53142026-07-27T17:12:26.264Z https://vibrant.design/feed/wao16ll-animated-everything2026-07-28T11:45:28.424Zhttps://cdn.vibrant.design/videos/wao16ll/card/poster.jpg?v=57cf844d8622https://cdn.vibrant.design/videos/wao16ll/card/poster.jpg?v=57cf844d8622Bento Grid ExplorationAnimated elements enhance user experience and engagement.https://cdn.vibrant.design/videos/wao16ll/card/1440p.mp4?v=57cf844d862252026-07-27T17:35:55.997Z https://vibrant.design/feed/7x41smh-x-money-landing-page2026-07-28T11:45:22.392Zhttps://cdn.vibrant.design/videos/7x41smh/card/poster.jpg?v=73ed513fc26chttps://cdn.vibrant.design/videos/7x41smh/card/poster.jpg?v=73ed513fc26cX Money Landing PageA new landing page is live, marking a milestone for X Money Premium & Premium+ subscribers.https://cdn.vibrant.design/videos/7x41smh/card/1080p.mp4?v=73ed513fc26c182026-07-28T06:47:58.641Z https://vibrant.design/feed/bpkwj8m-wireframe-experiments2026-07-28T11:45:14.677Zhttps://cdn.vibrant.design/videos/bpkwj8m/card/poster.jpg?v=08ad4a4c5e19https://cdn.vibrant.design/videos/bpkwj8m/card/poster.jpg?v=08ad4a4c5e19Wireframe Fun ExperimentsExploring creative uses of tokens in wireframe design.https://cdn.vibrant.design/videos/bpkwj8m/card/720p.mp4?v=08ad4a4c5e19142026-07-28T07:08:08.688Z https://vibrant.design/feed/fyqt9w2-portfolio-revisions2026-07-28T11:44:56.047Zhttps://cdn.vibrant.design/images/fyqt9w2/cover/720.webp?v=8a6afa3ea11a https://vibrant.design/website/l4accpy-neatlogs-com2026-07-28T16:09:28.588Zhttps://cdn.vibrant.design/videos/l4accpy/card/poster.jpg?v=b78b5a40badehttps://cdn.vibrant.design/videos/l4accpy/card/poster.jpg?v=b78b5a40badeneatlogsFrom trace analysis to automated task management, neatlogs provides all the tools your team needs to identify, understand, and fix AI agent issues efficiently.https://cdn.vibrant.design/videos/l4accpy/card/1440p.mp4?v=b78b5a40bade302026-07-28T16:09:28.588Z https://vibrant.design/feed/ymharak-before-and-after-transformations2026-07-28T16:14:42.506Zhttps://cdn.vibrant.design/videos/ymharak/card/poster.jpg?v=2ea5d1ea5338https://cdn.vibrant.design/videos/ymharak/card/poster.jpg?v=2ea5d1ea5338Before and After TransformationsJakub Krehel showcases his design skills with before and after examples of his work, highlighting the impact of new skills learned.https://cdn.vibrant.design/videos/ymharak/card/1440p.mp4?v=2ea5d1ea5338242026-07-28T16:14:42.506Z https://vibrant.design/website/ul5v6zv-press-stripe-com2026-07-29T06:57:12.643Zhttps://cdn.vibrant.design/videos/ul5v6zv/card/poster.jpg?v=00b527395316https://cdn.vibrant.design/videos/ul5v6zv/card/poster.jpg?v=00b527395316Stripe PressStripe Press produces works about technological, economic, and scientific advancement.https://cdn.vibrant.design/videos/ul5v6zv/card/1080p.mp4?v=00b527395316222026-07-29T06:57:12.643Z https://vibrant.design/feed/kfkhwqy-resizable-sidebar2026-07-29T06:57:46.559Zhttps://cdn.vibrant.design/videos/kfkhwqy/card/poster.jpg?v=9de245f8cd37https://cdn.vibrant.design/videos/kfkhwqy/card/poster.jpg?v=9de245f8cd37Resizable SidebarA customizable elastic sidebar using Motion primitives.https://cdn.vibrant.design/videos/kfkhwqy/card/1440p.mp4?v=9de245f8cd37212026-07-29T06:57:46.559Z https://vibrant.design/feed/hs28ia9-theming-ui-details2026-07-29T06:58:22.705Zhttps://cdn.vibrant.design/videos/hs28ia9/card/poster.jpg?v=8163805fa158https://cdn.vibrant.design/videos/hs28ia9/card/poster.jpg?v=8163805fa158Theming UI DetailsA designer showcases subtle theming elements in a UI, paying attention to often-overlooked details.https://cdn.vibrant.design/videos/hs28ia9/card/720p.mp4?v=8163805fa15852026-07-29T06:58:22.705Z https://vibrant.design/feed/wibzt15-offset-path-marquee2026-07-29T06:58:50.883Zhttps://cdn.vibrant.design/videos/wibzt15/card/poster.jpg?v=01ef195e2584https://cdn.vibrant.design/videos/wibzt15/card/poster.jpg?v=01ef195e2584Offset Path MarqueeA CSS marquee that follows any SVG path using the `offset-path` property.https://cdn.vibrant.design/videos/wibzt15/card/720p.mp4?v=01ef195e2584192026-07-29T06:58:50.883Z https://vibrant.design/feed/y4sgr9r-liquid-web-interface2026-07-29T07:23:11.692Zhttps://cdn.vibrant.design/videos/y4sgr9r/card/poster.jpg?v=20d869c7f913https://cdn.vibrant.design/videos/y4sgr9r/card/poster.jpg?v=20d869c7f913Liquid Web InterfaceWeb interface with dynamic liquid effectshttps://cdn.vibrant.design/videos/y4sgr9r/card/1080p.mp4?v=20d869c7f913252026-07-29T07:23:11.692Z https://vibrant.design/feed/bzywdmp-portfolio-svelte-astro2026-07-29T07:24:50.789Zhttps://cdn.vibrant.design/videos/bzywdmp/card/poster.jpg?v=5d4ea1838a25https://cdn.vibrant.design/videos/bzywdmp/card/poster.jpg?v=5d4ea1838a25Portfolio AnimationsDesigner rebuilt their portfolio using Astro and Svelte islands for a seamless and efficient experience.https://cdn.vibrant.design/videos/bzywdmp/card/720p.mp4?v=5d4ea1838a25252026-07-29T07:24:32.773Z https://vibrant.design/feed/n2r3u2b-spreadsheet-ui2026-07-30T09:12:03.263Zhttps://cdn.vibrant.design/images/n2r3u2b/cover/720.webp?v=3feb9c8fc607 https://vibrant.design/feed/tailark-ui2026-07-30T14:14:45.308Zhttps://cdn.vibrant.design/images/fx8nkae/cover/720.webp?v=17813fc397e0 https://vibrant.design/feed/koz4ghb-switch-ui2026-07-30T09:13:18.298Zhttps://cdn.vibrant.design/videos/koz4ghb/card/poster.jpg?v=14314d8c9f57https://cdn.vibrant.design/videos/koz4ghb/card/poster.jpg?v=14314d8c9f57Switch UIFigma prototype turned into a real prototype with interactive speed streak animation.https://cdn.vibrant.design/videos/koz4ghb/card/1080p.mp4?v=14314d8c9f57202026-07-30T09:13:18.298Z https://vibrant.design/website/0f9bjj1-why-zero-university2026-07-30T09:28:27.487Zhttps://cdn.vibrant.design/videos/0f9bjj1/card/poster.jpg?v=dc4bc90a40e0https://cdn.vibrant.design/videos/0f9bjj1/card/poster.jpg?v=dc4bc90a40e0Zero — Human Infrastructure to Get HiredZero is building human infrastructure for the AI era. Learn, build, and get hired through immersive, AI-native experiences designed by reverse-engineering real jobs.https://cdn.vibrant.design/videos/0f9bjj1/card/720p.mp4?v=dc4bc90a40e0302026-07-30T09:28:27.487Z https://vibrant.design/feed/591fph4-visual-identity-inspiration2026-07-30T09:35:37.996Zhttps://cdn.vibrant.design/videos/591fph4/card/poster.jpg?v=2498b035b59ahttps://cdn.vibrant.design/videos/591fph4/card/poster.jpg?v=2498b035b59aVisual Identity InspirationElegant and professional visual identities that showcase effective branding strategies.https://cdn.vibrant.design/videos/591fph4/card/1080p.mp4?v=2498b035b59a32026-07-30T09:35:37.996Z https://vibrant.design/feed/k99i9ml-radial-dropdown-interaction2026-07-30T09:36:06.817Zhttps://cdn.vibrant.design/videos/k99i9ml/card/poster.jpg?v=a21acae1bf64https://cdn.vibrant.design/videos/k99i9ml/card/poster.jpg?v=a21acae1bf64Radial Dropdown InteractionA radial dropdown design with a unique, degree-based navigation system.https://cdn.vibrant.design/videos/k99i9ml/card/720p.mp4?v=a21acae1bf64132026-07-30T09:36:06.817Z https://vibrant.design/feed/ebwfmkf-minimal-animated-footer2026-07-30T10:09:01.021Zhttps://cdn.vibrant.design/videos/ebwfmkf/card/poster.jpg?v=53037074f796https://cdn.vibrant.design/videos/ebwfmkf/card/poster.jpg?v=53037074f796Minimal Animated FooterAnimated footer design with subtle microinteractions.https://cdn.vibrant.design/videos/ebwfmkf/card/1080p.mp4?v=53037074f79672026-07-30T10:09:01.021Z https://vibrant.design/feed/qk7dvjq-instant-drop-menu2026-07-30T10:14:36.760Zhttps://cdn.vibrant.design/videos/qk7dvjq/card/poster.jpg?v=b2fa5be8484chttps://cdn.vibrant.design/videos/qk7dvjq/card/poster.jpg?v=b2fa5be8484cInstant Drop MenuA seamless and private file sharing experience for Mac users, leveraging iCloud for instant file transfer without third-party apps or sign-up requirements.https://cdn.vibrant.design/videos/qk7dvjq/card/1440p.mp4?v=b2fa5be8484c302026-07-30T10:14:36.760Z https://vibrant.design/feed/staggered-animation-technique2026-07-30T14:31:08.809Zhttps://cdn.vibrant.design/videos/v9ixb6a/card/poster.jpg?v=7279bb118505https://cdn.vibrant.design/videos/v9ixb6a/card/poster.jpg?v=7279bb118505Staggered Animation TechniqueA simple yet effective way to animate text entries, creating a visually appealing effect by staggering in longer text.https://cdn.vibrant.design/videos/v9ixb6a/card/1080p.mp4?v=7279bb118505142026-07-30T14:31:08.809Z https://vibrant.design/feed/gradient-illustration-onboarding2026-07-31T05:15:26.069Zhttps://cdn.vibrant.design/videos/y2ssc9i/card/poster.jpg?v=48d6f02df797https://cdn.vibrant.design/videos/y2ssc9i/card/poster.jpg?v=48d6f02df797Kinetic Typography StudyA dynamic exploration of text manipulation and motion.https://cdn.vibrant.design/videos/y2ssc9i/card/1440p.mp4?v=48d6f02df797162026-07-31T05:15:26.069Z https://vibrant.design/feed/background-404-page2026-07-31T09:52:28.673Zhttps://cdn.vibrant.design/videos/ta3v45i/card/poster.jpg?v=b5426aab4ecchttps://cdn.vibrant.design/videos/ta3v45i/card/poster.jpg?v=b5426aab4eccCreative 404 pageA simple and clean UI design with a focus on subtle animations and microinteractions.https://cdn.vibrant.design/videos/ta3v45i/card/1080p.mp4?v=b5426aab4ecc52026-07-31T09:52:28.673Z https://vibrant.design/feed/hero-intro-animation2026-07-31T09:54:10.097Zhttps://cdn.vibrant.design/videos/r30lq3x/card/poster.jpg?v=c9cbc7df9546https://cdn.vibrant.design/videos/r30lq3x/card/poster.jpg?v=c9cbc7df9546Hero Intro AnimationAnimated intro for a website or application, showcasing a dynamic and engaging entrance.https://cdn.vibrant.design/videos/r30lq3x/card/1440p.mp4?v=c9cbc7df954682026-07-31T09:54:03.589Z https://vibrant.design/feed/evlog-render-lab2026-07-31T18:15:44.710Zhttps://cdn.vibrant.design/videos/o0oki3n/card/poster.jpg?v=7de157587fcehttps://cdn.vibrant.design/videos/o0oki3n/card/poster.jpg?v=7de157587fceEvlog Render LabA tool for creating beautiful renders of document animations with customizable options and export capabilities.https://cdn.vibrant.design/videos/o0oki3n/card/720p.mp4?v=7de157587fce82026-07-31T18:15:44.710Z https://vibrant.design/feed/lumora-ai-pitch-deck2026-07-31T18:16:09.838Zhttps://cdn.vibrant.design/images/dvupdlz/cover/720.webp?v=aa9e8e7a3634 https://vibrant.design/feed/liquid-metal-to-gold2026-07-31T18:16:38.254Zhttps://cdn.vibrant.design/videos/siqguuh/card/poster.jpg?v=d9987fdbddf5https://cdn.vibrant.design/videos/siqguuh/card/poster.jpg?v=d9987fdbddf5Liquid Metal to GoldA liquid metal animation transformed into a liquid gold version, showcasing a seamless transition between two materials.https://cdn.vibrant.design/videos/siqguuh/card/1080p.mp4?v=d9987fdbddf5182026-07-31T18:16:38.254Z https://vibrant.design/feed/radial-animations-landing-page2026-07-31T18:18:33.692Zhttps://cdn.vibrant.design/videos/djrpcwa/card/poster.jpg?v=df807b457177https://cdn.vibrant.design/videos/djrpcwa/card/poster.jpg?v=df807b457177Blur Fade AnimationsA futuristic animation concept for a new launch, featuring a rocket ship blasting off into space.https://cdn.vibrant.design/videos/djrpcwa/card/1080p.mp4?v=df807b457177122026-07-31T18:18:33.692Z https://vibrant.design/feed/shader-range-slider2026-07-31T18:19:28.539Zhttps://cdn.vibrant.design/videos/obuklrj/card/poster.jpg?v=54472de3cdebhttps://cdn.vibrant.design/videos/obuklrj/card/poster.jpg?v=54472de3cdebShader RangeA vibrant, AI-generated animation with a futuristic feel.https://cdn.vibrant.design/videos/obuklrj/card/1440p.mp4?v=54472de3cdeb92026-07-31T18:19:28.539Z https://vibrant.design/feed/poster-art-exploration2026-07-31T18:20:43.137Zhttps://cdn.vibrant.design/images/c7oozh4/cover/720.webp?v=cbd2f33ed91d https://vibrant.design/feed/heatmap-ticket-ui2026-07-31T18:24:44.751Zhttps://cdn.vibrant.design/videos/ov4u65z/card/poster.jpg?v=80d2e317d5b1https://cdn.vibrant.design/videos/ov4u65z/card/poster.jpg?v=80d2e317d5b1Ticket UIAn interactive heatmap visualizes ticket data, providing a unique user experience.https://cdn.vibrant.design/videos/ov4u65z/card/1080p.mp4?v=80d2e317d5b1212026-07-31T18:24:44.751Z https://vibrant.design/feed/hero-sections-exploration2026-07-31T18:48:42.568Zhttps://cdn.vibrant.design/images/ig4fq19/cover/720.webp?v=994f1d2b23a8 https://vibrant.design/feed/icon-swap-vs-morph2026-08-01T08:45:17.494Zhttps://cdn.vibrant.design/videos/q282p2g/card/poster.jpg?v=ddb4ec710ef7https://cdn.vibrant.design/videos/q282p2g/card/poster.jpg?v=ddb4ec710ef7Icon Swap vs MorphExploring the difference between icon swapping and morphing in UI design.https://cdn.vibrant.design/videos/q282p2g/card/1080p.mp4?v=ddb4ec710ef7302026-08-01T08:45:17.494Z https://vibrant.design/feed/radial-mesh-gradient-animation2026-08-01T08:46:28.616Zhttps://cdn.vibrant.design/videos/0m6kkr6/card/poster.jpg?v=a26d567c6ff6https://cdn.vibrant.design/videos/0m6kkr6/card/poster.jpg?v=a26d567c6ff6Radial Mesh Gradient AnimationAnimated character design with fluid motion and detailed textures.https://cdn.vibrant.design/videos/0m6kkr6/card/720p.mp4?v=a26d567c6ff6102026-08-01T08:46:28.616Z https://vibrant.design/feed/retro-future-vibe2026-08-01T08:46:49.270Zhttps://cdn.vibrant.design/videos/nuvdv3a/card/poster.jpg?v=1da8c7603c0fhttps://cdn.vibrant.design/videos/nuvdv3a/card/poster.jpg?v=1da8c7603c0fRetro Future VibeA nostalgic visual exploration of old computer graphics, showcasing retro aesthetic and visual effects.https://cdn.vibrant.design/videos/nuvdv3a/card/720p.mp4?v=1da8c7603c0f62026-08-01T08:46:49.270Z https://vibrant.design/feed/flight-card-design2026-08-01T08:47:14.661Zhttps://cdn.vibrant.design/videos/ffx9hhy/card/poster.jpg?v=dbe161b82fe2https://cdn.vibrant.design/videos/ffx9hhy/card/poster.jpg?v=dbe161b82fe2Flight Card DesignAnimated card with a sense of movement, blending design and motion elements.https://cdn.vibrant.design/videos/ffx9hhy/card/1440p.mp4?v=dbe161b82fe2142026-08-01T08:47:14.661Z https://vibrant.design/feed/animated-folder-clean-up2026-08-01T08:47:33.743Zhttps://cdn.vibrant.design/videos/i4gp12y/card/poster.jpg?v=f34197f0aa66https://cdn.vibrant.design/videos/i4gp12y/card/poster.jpg?v=f34197f0aa66Animated Folder Clean UpA simple and intuitive animation of cleaning up a cluttered document folder.https://cdn.vibrant.design/videos/i4gp12y/card/1440p.mp4?v=f34197f0aa66272026-08-01T08:47:33.743Z https://vibrant.design/feed/liquid-glass-waves2026-08-01T08:47:57.730Zhttps://cdn.vibrant.design/videos/wthm8k4/card/poster.jpg?v=9d537b0ac679https://cdn.vibrant.design/videos/wthm8k4/card/poster.jpg?v=9d537b0ac679Liquid Glass WavesA mesmerizing animation of undulating glass waves, creating a soothing atmosphere.https://cdn.vibrant.design/videos/wthm8k4/card/1440p.mp4?v=9d537b0ac679152026-08-01T08:47:57.730Z https://vibrant.design/feed/webgl-raymarching-experiment2026-08-01T08:50:42.871Zhttps://cdn.vibrant.design/videos/ksmghpd/card/poster.jpg?v=20c03de1886chttps://cdn.vibrant.design/videos/ksmghpd/card/poster.jpg?v=20c03de1886cWebGL Raymarching ExperimentA dynamic 3D scene created using WebGL raymarching, showcasing a heightfield effect.https://cdn.vibrant.design/videos/ksmghpd/card/720p.mp4?v=20c03de1886c152026-08-01T08:50:42.871Z https://vibrant.design/feed/hero-startup-explorations2026-08-01T15:58:03.550Zhttps://cdn.vibrant.design/images/vaimgxh/cover/720.webp?v=dcc882933d78 https://vibrant.design/feed/n3xt-visuals2026-08-01T15:58:27.791Zhttps://cdn.vibrant.design/images/ygp53bo/cover/720.webp?v=618dd0273523 https://vibrant.design/feed/bento-grid-layout2026-08-01T15:59:00.352Zhttps://cdn.vibrant.design/images/z4147lz/cover/720.webp?v=7b63c54a0260 https://vibrant.design/feed/entangled-string-effect2026-08-01T16:01:51.048Zhttps://cdn.vibrant.design/videos/8kb847y/card/poster.jpg?v=70b59c7686a1https://cdn.vibrant.design/videos/8kb847y/card/poster.jpg?v=70b59c7686a1Entangled String EffectA modern, minimalist website showcasing the author's work and projects.https://cdn.vibrant.design/videos/8kb847y/card/1080p.mp4?v=70b59c7686a1232026-08-01T16:01:51.048Z https://vibrant.design/feed/vision-through-imagery2026-08-02T08:22:37.926Zhttps://cdn.vibrant.design/images/vhdtdxl/cover/720.webp?v=3c94ab69cc39 https://vibrant.design/feed/geometric-art2026-08-02T08:23:46.554Zhttps://cdn.vibrant.design/images/on9glpo/cover/720.webp?v=de7e2f65bd31 https://vibrant.design/feed/hero-sections-exploration-ii2026-08-02T08:25:02.381Zhttps://cdn.vibrant.design/images/i6hvxkp/cover/720.webp?v=1a9eaeabfef3 https://vibrant.design/feed/punched-boarding-pass2026-08-02T08:25:28.299Zhttps://cdn.vibrant.design/videos/8jpal7r/card/poster.jpg?v=d1508f560d70https://cdn.vibrant.design/videos/8jpal7r/card/poster.jpg?v=d1508f560d70Punched Boarding PassThis project showcases attention to detail in a boarding pass design, utilizing a Metal shader for a dynamic gold effect and a clever tear line technique.https://cdn.vibrant.design/videos/8jpal7r/card/1440p.mp4?v=d1508f560d7082026-08-02T08:25:28.299Z https://vibrant.design/feed/3d-motion-practice2026-08-03T11:05:13.898Zhttps://cdn.vibrant.design/videos/g79yh7i/card/poster.jpg?v=b5bed595ab5ahttps://cdn.vibrant.design/videos/g79yh7i/card/poster.jpg?v=b5bed595ab5a3D Motion PracticeA 3D motion graphics project showcasing practice and experimentation with 3D techniques.https://cdn.vibrant.design/videos/g79yh7i/card/1080p.mp4?v=b5bed595ab5a122026-08-03T11:05:13.898Z https://vibrant.design/feed/mind-blowing-math-animations2026-08-04T07:21:58.750Zhttps://cdn.vibrant.design/videos/tqaj2h8/card/poster.jpg?v=71ec81fb9424https://cdn.vibrant.design/videos/tqaj2h8/card/poster.jpg?v=71ec81fb9424Mind-Blowing Math AnimationsUsing three.js and math to create dynamic motion animations.https://cdn.vibrant.design/videos/tqaj2h8/card/1440p.mp4?v=71ec81fb9424302026-08-04T07:21:58.750Z https://vibrant.design/feed/filter-effect-experiment2026-08-04T07:22:22.653Zhttps://cdn.vibrant.design/videos/h1newdi/card/poster.jpg?v=ace0bf9801f3https://cdn.vibrant.design/videos/h1newdi/card/poster.jpg?v=ace0bf9801f3Filter Effect ExperimentA vibrant and dynamic filter effect that changes perception with each use.https://cdn.vibrant.design/videos/h1newdi/card/1440p.mp4?v=ace0bf9801f362026-08-04T07:22:22.653Z https://vibrant.design/feed/digital-travel-journal2026-08-04T07:22:46.681Zhttps://cdn.vibrant.design/videos/uc6me8h/card/poster.jpg?v=952fb9670166https://cdn.vibrant.design/videos/uc6me8h/card/poster.jpg?v=952fb9670166Digital Travel JournalA paper-free version of a travel journal that utilizes Three.js to create a digital experience.https://cdn.vibrant.design/videos/uc6me8h/card/720p.mp4?v=952fb9670166272026-08-04T07:22:46.681Z https://vibrant.design/feed/at10ju7-hero-section-concept2026-08-04T07:23:21.713Zhttps://cdn.vibrant.design/videos/at10ju7/card/poster.jpg?v=9079608bd0a1https://cdn.vibrant.design/videos/at10ju7/card/poster.jpg?v=9079608bd0a1Hero Section ConceptExploring the limits of minimalism, questioning perfection.https://cdn.vibrant.design/videos/at10ju7/card/1080p.mp4?v=9079608bd0a142026-08-04T07:23:21.713Z https://vibrant.design/feed/pebbles-link-sharing-game2026-08-04T07:23:43.439Zhttps://cdn.vibrant.design/videos/o9iykec/card/poster.jpg?v=8299012b4c66https://cdn.vibrant.design/videos/o9iykec/card/poster.jpg?v=8299012b4c66Pebbles Link Sharing GameA link sharing game with collectible geology elements, providing a satisfying experience.https://cdn.vibrant.design/videos/o9iykec/card/720p.mp4?v=8299012b4c66102026-08-04T07:23:43.439Z https://vibrant.design/feed/website-animation-boost2026-08-04T07:24:00.118Zhttps://cdn.vibrant.design/videos/ezq29eg/card/poster.jpg?v=fad45ccc2793https://cdn.vibrant.design/videos/ezq29eg/card/poster.jpg?v=fad45ccc2793Website Animation BoostAnimated website elements enhance user experience and engagement.https://cdn.vibrant.design/videos/ezq29eg/card/1440p.mp4?v=fad45ccc279352026-08-04T07:24:00.118Z https://vibrant.design/feed/ascii-motion-experiment2026-08-04T07:24:21.798Zhttps://cdn.vibrant.design/videos/3bmnwwr/card/poster.jpg?v=2cfea223d06ehttps://cdn.vibrant.design/videos/3bmnwwr/card/poster.jpg?v=2cfea223d06eASCII Motion ExperimentAnimated ASCII art in motion, showcasing a creative take on digital art.https://cdn.vibrant.design/videos/3bmnwwr/card/1440p.mp4?v=2cfea223d06e82026-08-04T07:24:21.798Z https://vibrant.design/feed/boxes-simulation2026-08-04T07:25:37.160Zhttps://cdn.vibrant.design/videos/ybo663z/card/poster.jpg?v=d4a7d445b14dhttps://cdn.vibrant.design/videos/ybo663z/card/poster.jpg?v=d4a7d445b14dBoxes SimulationA 28,000 agent simulation showcases lifelike emergent beauty through simple rules and seasonal behavior.https://cdn.vibrant.design/videos/ybo663z/card/1440p.mp4?v=d4a7d445b14d302026-08-04T07:25:37.160Z https://vibrant.design/feed/dialkit-update2026-08-04T07:25:59.145Zhttps://cdn.vibrant.design/videos/zeql63t/card/poster.jpg?v=194bb60ce7aahttps://cdn.vibrant.design/videos/zeql63t/card/poster.jpg?v=194bb60ce7aaDialKit UpdateA customizable UI component for dialing and adjusting settings, now with stable IDs and improved performance.https://cdn.vibrant.design/videos/zeql63t/card/1440p.mp4?v=194bb60ce7aa212026-08-04T07:25:59.145Z https://vibrant.design/feed/3d-interactive-examples2026-08-04T07:26:27.183Zhttps://cdn.vibrant.design/videos/e0oc7ct/card/poster.jpg?v=0021f88d91d3https://cdn.vibrant.design/videos/e0oc7ct/card/poster.jpg?v=0021f88d91d33D Interactive ExamplesTwo interactive 3D examples showcasing various techniques and effects.https://cdn.vibrant.design/videos/e0oc7ct/card/1080p.mp4?v=0021f88d91d3302026-08-04T07:26:27.183Z https://vibrant.design/feed/beige-product-design2026-08-04T07:26:55.988Zhttps://cdn.vibrant.design/images/dy7y3ou/cover/720.webp?v=5677943a4243 https://vibrant.design/feed/metallic-3d-logo-converter2026-08-04T07:27:18.856Zhttps://cdn.vibrant.design/images/kmwpntt/cover/720.webp?v=8fd5516a507b https://vibrant.design/feed/bio-research-lab-case-study2026-08-04T07:27:40.957Zhttps://cdn.vibrant.design/images/7y8d2si/cover/720.webp?v=3471dcff3b8b https://vibrant.design/feed/referral-card-design2026-08-04T07:29:19.302Zhttps://cdn.vibrant.design/images/ry94x21/cover/720.webp?v=bac61a245d0b https://vibrant.design/feed/dynamic-offgrid-ui2026-08-04T07:30:23.738Zhttps://cdn.vibrant.design/videos/26yx0ci/card/poster.jpg?v=e82d5fa79b23https://cdn.vibrant.design/videos/26yx0ci/card/poster.jpg?v=e82d5fa79b23Dynamic Offgrid UIElegant, futuristic interface design with subtle animations.https://cdn.vibrant.design/videos/26yx0ci/card/1440p.mp4?v=e82d5fa79b23182026-08-04T07:30:23.738Z https://vibrant.design/feed/interactive-personal-site2026-08-04T07:40:06.540Zhttps://cdn.vibrant.design/videos/hfv9tgv/card/poster.jpg?v=867e4c36b4b4https://cdn.vibrant.design/videos/hfv9tgv/card/poster.jpg?v=867e4c36b4b4Interactive Personal SiteA dynamic website with interactive elements, featuring a 3D bookshelf and cursor-following face.https://cdn.vibrant.design/videos/hfv9tgv/card/1080p.mp4?v=867e4c36b4b4212026-08-04T07:40:06.540Z https://vibrant.design/feed/assets-overview-carousel2026-08-04T08:09:03.333Zhttps://cdn.vibrant.design/videos/tk0s28d/card/poster.jpg?v=ffc59e1507fehttps://cdn.vibrant.design/videos/tk0s28d/card/poster.jpg?v=ffc59e1507feAssets Overview CarouselAn interactive carousel showcasing assets in a visually appealing wayhttps://cdn.vibrant.design/videos/tk0s28d/card/1440p.mp4?v=ffc59e1507fe72026-08-04T08:09:03.333Z https://vibrant.design/feed/machine-creative-summit2026-08-04T08:09:23.831Zhttps://cdn.vibrant.design/videos/2i4vm49/card/poster.jpg?v=7281726baccahttps://cdn.vibrant.design/videos/2i4vm49/card/poster.jpg?v=7281726baccaMachine Creative SummitA 5-minute demo event featuring designers in SF who create with machines.https://cdn.vibrant.design/videos/2i4vm49/card/1080p.mp4?v=7281726bacca282026-08-04T08:09:23.831Z https://vibrant.design/website/www-wavelength-cx2026-08-05T09:19:59.997Zhttps://cdn.vibrant.design/videos/fpysh0o/card/poster.jpg?v=a3b0b6b78ea6https://cdn.vibrant.design/videos/fpysh0o/card/poster.jpg?v=a3b0b6b78ea6WavelengthThe First AI-Native CRM purpose built for post-sales teams to track your customers’ journey from the moment they onboard till the day they expand.https://cdn.vibrant.design/videos/fpysh0o/card/1440p.mp4?v=a3b0b6b78ea6192026-08-05T09:19:59.997Z https://vibrant.design/feed/song-to-vinyl-wallpaper2026-08-05T11:55:54.392Zhttps://cdn.vibrant.design/videos/znrg5i2/card/poster.jpg?v=d72c73632b18https://cdn.vibrant.design/videos/znrg5i2/card/poster.jpg?v=d72c73632b18Song to Vinyl WallpaperAn app transforming songs into animated vinyl wallpapers, creating a unique and dynamic home screen experience.https://cdn.vibrant.design/videos/znrg5i2/card/1440p.mp4?v=d72c73632b18122026-08-05T11:55:54.392Z https://vibrant.design/feed/tiny-app-demo2026-08-05T11:56:21.168Zhttps://cdn.vibrant.design/videos/g9cwms1/card/poster.jpg?v=7b3bec9e7222https://cdn.vibrant.design/videos/g9cwms1/card/poster.jpg?v=7b3bec9e7222Tiny App DemoA small, interactive app created with Codex in a short amount of time.https://cdn.vibrant.design/videos/g9cwms1/card/720p.mp4?v=7b3bec9e7222132026-08-05T11:56:21.168Z https://vibrant.design/feed/hover-draggable-carousel2026-08-05T11:57:08.914Zhttps://cdn.vibrant.design/videos/h7s9ded/card/poster.jpg?v=f5f1872f8eb6https://cdn.vibrant.design/videos/h7s9ded/card/poster.jpg?v=f5f1872f8eb6Hover draggable carouselA careers page showcasing Raindrop AI's engineering team, featuring fun facts and a lighthearted tone.https://cdn.vibrant.design/videos/h7s9ded/card/1080p.mp4?v=f5f1872f8eb6212026-08-05T11:57:08.914Z https://vibrant.design/feed/cloudy-slider2026-08-05T11:58:44.576Zhttps://cdn.vibrant.design/videos/q7eblui/card/poster.jpg?v=52b7ec8638afhttps://cdn.vibrant.design/videos/q7eblui/card/poster.jpg?v=52b7ec8638afCloudy SliderA slider with a touch of whimsy, adding clouds to the user's experience.https://cdn.vibrant.design/videos/q7eblui/card/1080p.mp4?v=52b7ec8638af122026-08-05T11:58:44.576Z https://vibrant.design/feed/ultrahuman-workout-view2026-08-05T11:59:10.305Zhttps://cdn.vibrant.design/videos/towynoe/card/poster.jpg?v=bee5633c59c5https://cdn.vibrant.design/videos/towynoe/card/poster.jpg?v=bee5633c59c5Ultrahuman Workout ViewA high-energy workout mode interface with animated graphics and interactive elements.https://cdn.vibrant.design/videos/towynoe/card/1440p.mp4?v=bee5633c59c5282026-08-05T11:59:10.305Z https://vibrant.design/feed/breaking-down-visual-effects2026-08-05T11:59:33.947Zhttps://cdn.vibrant.design/videos/ntv0wn2/card/poster.jpg?v=b400bdb54092https://cdn.vibrant.design/videos/ntv0wn2/card/poster.jpg?v=b400bdb54092Breaking Down Visual EffectsAn interactive design that utilizes agents to explain visual effects, used in a blog post.https://cdn.vibrant.design/videos/ntv0wn2/card/1440p.mp4?v=b400bdb54092142026-08-05T11:59:33.947Z https://vibrant.design/feed/animated-sign-in-button2026-08-05T11:59:52.190Zhttps://cdn.vibrant.design/videos/el5ywov/card/poster.jpg?v=12b14d619c80https://cdn.vibrant.design/videos/el5ywov/card/poster.jpg?v=12b14d619c80Animated Sign-in ButtonThe default sign-in button was reimagined to convey a sense of anticipation and excitement.https://cdn.vibrant.design/videos/el5ywov/card/1440p.mp4?v=12b14d619c80172026-08-05T11:59:52.190Z https://vibrant.design/feed/bottom-recording-control2026-08-05T12:00:10.261Zhttps://cdn.vibrant.design/videos/o8vfi7j/card/poster.jpg?v=dbe554b86ecdhttps://cdn.vibrant.design/videos/o8vfi7j/card/poster.jpg?v=dbe554b86ecdBottom Recording ControlA compact, customizable control for audio recording and playback. It features a simple design with intuitive functionality.https://cdn.vibrant.design/videos/o8vfi7j/card/1440p.mp4?v=dbe554b86ecd42026-08-05T12:00:10.261Z https://vibrant.design/feed/claude-code-showdown2026-08-05T12:00:43.722Zhttps://cdn.vibrant.design/videos/5zk9w2m/card/poster.jpg?v=0ed1869f4ed7https://cdn.vibrant.design/videos/5zk9w2m/card/poster.jpg?v=0ed1869f4ed7Claude Code ShowdownA web agency's bold design choice, using GPT Image, Sd2, and Fable 5 in Claude Code, ditching Figma for a unique approach.https://cdn.vibrant.design/videos/5zk9w2m/card/1440p.mp4?v=0ed1869f4ed7652026-08-05T12:00:43.722Z https://vibrant.design/feed/sticker-interaction2026-08-05T12:00:57.670Zhttps://cdn.vibrant.design/videos/9ct6qky/card/poster.jpg?v=f794d0d2544bhttps://cdn.vibrant.design/videos/9ct6qky/card/poster.jpg?v=f794d0d2544bSticker InteractionA playful and interactive sticker design that responds to user input.https://cdn.vibrant.design/videos/9ct6qky/card/720p.mp4?v=f794d0d2544b172026-08-05T12:00:57.670Z https://vibrant.design/feed/72wyh8h-path-personal-website-builder2026-08-05T12:01:24.148Zhttps://cdn.vibrant.design/images/72wyh8h/cover/720.webp?v=9566ea9ef8fc https://vibrant.design/feed/minimal-ui-elements2026-08-05T12:01:49.378Zhttps://cdn.vibrant.design/images/o8bi0n2/cover/720.webp?v=83a9fa70545c https://vibrant.design/feed/stacked-photos-timeline2026-08-05T12:02:10.424Zhttps://cdn.vibrant.design/images/dwqbsrx/cover/720.webp?v=214218ccd082 https://vibrant.design/feed/confidential-file-animation2026-08-06T10:08:18.453Zhttps://cdn.vibrant.design/videos/ftioggw/card/poster.jpg?v=8ad40f49a2bchttps://cdn.vibrant.design/videos/ftioggw/card/poster.jpg?v=8ad40f49a2bcConfidential File AnimationA free confidential file animation component ranked #1 on Framer Marketplace, perfect for adding a touch of secrecy to digital projects.https://cdn.vibrant.design/videos/ftioggw/card/1440p.mp4?v=8ad40f49a2bc182026-08-06T10:08:18.453Z https://vibrant.design/feed/osmo-storytelling-studio2026-08-06T10:59:08.197Zhttps://cdn.vibrant.design/videos/ullt0ry/card/poster.jpg?v=557a46777609https://cdn.vibrant.design/videos/ullt0ry/card/poster.jpg?v=557a46777609Osmo Storytelling StudioA video platform that integrates Figma, code, and reference videos for editable motion.https://cdn.vibrant.design/videos/ullt0ry/card/1440p.mp4?v=557a46777609902026-08-06T10:59:08.197Z https://vibrant.design/feed/bottom-navbar-pill2026-08-06T11:13:00.388Zhttps://cdn.vibrant.design/videos/2cq837f/card/poster.jpg?v=12ad0d000807https://cdn.vibrant.design/videos/2cq837f/card/poster.jpg?v=12ad0d000807Bottom navbar pillA smooth drill-down menu animation with a modern twist.https://cdn.vibrant.design/videos/2cq837f/card/1440p.mp4?v=12ad0d00080792026-08-06T11:12:43.545Z https://vibrant.design/feed/experimental-design-lab2026-08-06T11:15:20.308Zhttps://cdn.vibrant.design/videos/0rt40cy/card/poster.jpg?v=d62f5948c601https://cdn.vibrant.design/videos/0rt40cy/card/poster.jpg?v=d62f5948c601Experimental Design LabA dynamic and interactive design project showcasing the fusion of custom skills, Higgsfield, Cursor, and creativity.https://cdn.vibrant.design/videos/0rt40cy/card/1440p.mp4?v=d62f5948c60132026-08-06T11:15:20.308Z https://vibrant.design/feed/mvtbhmo-phedon-papamichael-s-cinematography2026-08-06T11:19:46.546Zhttps://cdn.vibrant.design/videos/mvtbhmo/card/poster.jpg?v=afa82177e7edhttps://cdn.vibrant.design/videos/mvtbhmo/card/poster.jpg?v=afa82177e7edPhedon Papamichael's CinematographyNoted cinematographer Phedon Papamichael joins the Higgsfield Global Film Festival as a jury member, bringing his expertise in film to the event.https://cdn.vibrant.design/videos/mvtbhmo/card/1080p.mp4?v=afa82177e7ed222026-08-06T11:19:46.546Z https://vibrant.design/feed/human-ai-responses2026-08-07T06:51:59.237Zhttps://cdn.vibrant.design/videos/9lwzjvp/card/poster.jpg?v=f33dbe4995fahttps://cdn.vibrant.design/videos/9lwzjvp/card/poster.jpg?v=f33dbe4995faHuman AI ResponsesAn AI chat interface design concept that aims to make AI responses feel more human-like.https://cdn.vibrant.design/videos/9lwzjvp/card/1440p.mp4?v=f33dbe4995fa92026-08-07T06:51:59.237Z https://vibrant.design/feed/retro-breakfast-journal2026-08-07T06:52:23.662Zhttps://cdn.vibrant.design/videos/zfr9in4/card/poster.jpg?v=53e2eac49b5fhttps://cdn.vibrant.design/videos/zfr9in4/card/poster.jpg?v=53e2eac49b5fRetro Breakfast JournalA Breakfast Journal designed to mimic a retro typewriter, featuring animations and interactive elements.https://cdn.vibrant.design/videos/zfr9in4/card/1440p.mp4?v=53e2eac49b5f212026-08-07T06:52:23.662Z https://vibrant.design/feed/personal-site-book-page2026-08-07T06:53:13.347Zhttps://cdn.vibrant.design/videos/2w6wh4w/card/poster.jpg?v=cef5b7fab82chttps://cdn.vibrant.design/videos/2w6wh4w/card/poster.jpg?v=cef5b7fab82cPersonal Site Book PageA futuristic hero page with a dynamic background and text animation, showcasing a personal website's introduction.https://cdn.vibrant.design/videos/2w6wh4w/card/720p.mp4?v=cef5b7fab82c182026-08-07T06:53:13.347Z https://vibrant.design/feed/thinking-orbs-library-update2026-08-07T06:53:31.323Zhttps://cdn.vibrant.design/videos/tzsxp9u/card/poster.jpg?v=86404eb9e868https://cdn.vibrant.design/videos/tzsxp9u/card/poster.jpg?v=86404eb9e868Thinking Orbs Library UpdateThe Thinking Orbs library has been expanded with new features, including size variations, mode options, and a playground.https://cdn.vibrant.design/videos/tzsxp9u/card/1080p.mp4?v=86404eb9e868222026-08-07T06:53:31.323Z https://vibrant.design/feed/replit-design-era2026-08-07T06:53:53.720Zhttps://cdn.vibrant.design/videos/009ey6j/card/poster.jpg?v=f028761aaa59https://cdn.vibrant.design/videos/009ey6j/card/poster.jpg?v=f028761aaa59Replit Design EraA new design system for everyone, introducing the next era of design.https://cdn.vibrant.design/videos/009ey6j/card/720p.mp4?v=f028761aaa59712026-08-07T06:53:53.720Z https://vibrant.design/feed/card-design-exploration2026-08-07T06:54:09.663Zhttps://cdn.vibrant.design/videos/v2i70mo/card/poster.jpg?v=083f8c3c9cdehttps://cdn.vibrant.design/videos/v2i70mo/card/poster.jpg?v=083f8c3c9cdeCard Design ExplorationA design concept for a card, showcasing different elements and layouts.https://cdn.vibrant.design/videos/v2i70mo/card/720p.mp4?v=083f8c3c9cde122026-08-07T06:54:09.663Z https://vibrant.design/feed/date-picker-design2026-08-07T06:54:22.565Zhttps://cdn.vibrant.design/videos/qfu186g/card/poster.jpg?v=cbbafb8d8d10https://cdn.vibrant.design/videos/qfu186g/card/poster.jpg?v=cbbafb8d8d10Date Picker DesignA simple and intuitive date selection interface.https://cdn.vibrant.design/videos/qfu186g/card/1440p.mp4?v=cbbafb8d8d1072026-08-07T06:54:22.565Z https://vibrant.design/feed/paper-shaders-experiment2026-08-08T07:07:19.563Zhttps://cdn.vibrant.design/videos/bjf3ae4/card/poster.jpg?v=3f3d05c313f3https://cdn.vibrant.design/videos/bjf3ae4/card/poster.jpg?v=3f3d05c313f3Paper Shaders ExperimentThe designer utilized Paper Shaders for a visually appealing effect.https://cdn.vibrant.design/videos/bjf3ae4/card/720p.mp4?v=3f3d05c313f3112026-08-08T07:07:19.563Z https://vibrant.design/feed/nyc-ai-atlas2026-08-08T07:07:33.502Zhttps://cdn.vibrant.design/videos/lpd0b0d/card/poster.jpg?v=fd9ab3817dcehttps://cdn.vibrant.design/videos/lpd0b0d/card/poster.jpg?v=fd9ab3817dceNYC AI AtlasAn open source 3D map of top AI startups in New York City, providing a comprehensive visual representation of the city's AI landscape.https://cdn.vibrant.design/videos/lpd0b0d/card/1440p.mp4?v=fd9ab3817dce172026-08-08T07:07:33.502Z https://vibrant.design/feed/real-time-motion-graphics-tool2026-08-08T07:08:02.223Zhttps://cdn.vibrant.design/videos/lvlbb7j/card/poster.jpg?v=9134bc03b3c3https://cdn.vibrant.design/videos/lvlbb7j/card/poster.jpg?v=9134bc03b3c3Real-Time Motion Graphics ToolAnimated graphics and kinetic type come to life with real-time re-rendering capabilities, allowing for on-the-fly adjustments to palette and cuts.https://cdn.vibrant.design/videos/lvlbb7j/card/1440p.mp4?v=9134bc03b3c3232026-08-08T07:08:02.223Z https://vibrant.design/feed/qsubswm-experiential-labs-ai-launch2026-08-08T07:10:00.075Zhttps://cdn.vibrant.design/videos/qsubswm/card/poster.jpg?v=367ae4664940https://cdn.vibrant.design/videos/qsubswm/card/poster.jpg?v=367ae4664940Experiential Labs AI LaunchExplabs AI platform launches on Y Combinator, offering cost-effective and high-quality AI solutions.https://cdn.vibrant.design/videos/qsubswm/card/720p.mp4?v=367ae4664940662026-08-08T07:10:00.075Z https://vibrant.design/feed/airwwave-gesture-control2026-08-08T07:10:53.584Zhttps://cdn.vibrant.design/videos/w4v63dw/card/poster.jpg?v=e981125298e5https://cdn.vibrant.design/videos/w4v63dw/card/poster.jpg?v=e981125298e5Airwwave Gesture ControlInteractive sound FX engine controlled by camera hand gestures, providing a full range of creative possibilities.https://cdn.vibrant.design/videos/w4v63dw/card/720p.mp4?v=e981125298e5302026-08-08T07:10:53.584Z https://vibrant.design/feed/energy-ai-onboarding2026-08-08T07:11:28.935Zhttps://cdn.vibrant.design/videos/lciwpqk/card/poster.jpg?v=f2b574e8e831https://cdn.vibrant.design/videos/lciwpqk/card/poster.jpg?v=f2b574e8e831Energy AI OnboardingEnergy is launching an AI onboarding platform that accelerates user productivity, enabling people to complete days of work in hours.https://cdn.vibrant.design/videos/lciwpqk/card/1080p.mp4?v=f2b574e8e831732026-08-08T07:11:28.935Z https://vibrant.design/feed/backyard-designers-launch2026-08-08T07:11:54.044Zhttps://cdn.vibrant.design/videos/3h3orcq/card/poster.jpg?v=fd212aaa3e64https://cdn.vibrant.design/videos/3h3orcq/card/poster.jpg?v=fd212aaa3e64Backyard Designers LaunchA fun, interactive design team collaboration platform for creative professionals.https://cdn.vibrant.design/videos/3h3orcq/card/720p.mp4?v=fd212aaa3e64112026-08-08T07:11:54.044Z https://vibrant.design/feed/yc-api-for-ai-agents2026-08-08T07:12:27.603Zhttps://cdn.vibrant.design/videos/6fuj0we/card/poster.jpg?v=5156c1936807https://cdn.vibrant.design/videos/6fuj0we/card/poster.jpg?v=5156c1936807YC API for AI AgentsA web API that converts live data into structured data for AI agents, trusted by 400+ customers.https://cdn.vibrant.design/videos/6fuj0we/card/1080p.mp4?v=5156c1936807562026-08-08T07:12:27.603Z https://vibrant.design/feed/hover-state-design-tips2026-08-08T07:12:45.741Zhttps://cdn.vibrant.design/videos/ce0banc/card/poster.jpg?v=47d4683c11b1https://cdn.vibrant.design/videos/ce0banc/card/poster.jpg?v=47d4683c11b1Hover State Design TipsDiscover how to enhance user experience with interactive hover states on your website.https://cdn.vibrant.design/videos/ce0banc/card/720p.mp4?v=47d4683c11b1172026-08-08T07:12:45.741Z https://vibrant.design/feed/dropdown-animation2026-08-11T05:31:03.812Zhttps://cdn.vibrant.design/videos/ywll7nw/card/poster.jpg?v=e7648d52da9ahttps://cdn.vibrant.design/videos/ywll7nw/card/poster.jpg?v=e7648d52da9aDropdown AnimationA beautifully animated dropdown component with a smooth and responsive design.https://cdn.vibrant.design/videos/ywll7nw/card/1440p.mp4?v=e7648d52da9a42026-08-11T05:31:03.812Z https://vibrant.design/feed/holo-card-effect2026-08-11T05:31:20.779Zhttps://cdn.vibrant.design/videos/14f3ffz/card/poster.jpg?v=b310888f3199https://cdn.vibrant.design/videos/14f3ffz/card/poster.jpg?v=b310888f3199Holo Card EffectA holo card with a gyroscope effect, creating a dynamic and immersive experience.https://cdn.vibrant.design/videos/14f3ffz/card/1080p.mp4?v=b310888f3199172026-08-11T05:31:20.779Z https://vibrant.design/feed/vector-timeline-animations2026-08-11T05:31:34.669Zhttps://cdn.vibrant.design/videos/jdh9127/card/poster.jpg?v=ed1f55afd0c5https://cdn.vibrant.design/videos/jdh9127/card/poster.jpg?v=ed1f55afd0c5Vector Timeline AnimationsA design project that combines Figma vectors with Rive animations for a seamless experience.https://cdn.vibrant.design/videos/jdh9127/card/1440p.mp4?v=ed1f55afd0c5162026-08-11T05:31:34.669Z https://vibrant.design/feed/discover-playlists-ui2026-08-11T05:31:51.116Zhttps://cdn.vibrant.design/videos/gq70vai/card/poster.jpg?v=d8bcac847fb6https://cdn.vibrant.design/videos/gq70vai/card/poster.jpg?v=d8bcac847fb6Discover Playlists UIA modern and interactive music discovery interface.https://cdn.vibrant.design/videos/gq70vai/card/1440p.mp4?v=d8bcac847fb6282026-08-11T05:31:51.116Z https://vibrant.design/feed/journal-card-interaction2026-08-11T05:32:05.781Zhttps://cdn.vibrant.design/videos/gjw4ad7/card/poster.jpg?v=127c8f1c0a1dhttps://cdn.vibrant.design/videos/gjw4ad7/card/poster.jpg?v=127c8f1c0a1dJournal Card InteractionA journal card interaction design showcasing a collaboration between the designer and Shapes Lab HQ.https://cdn.vibrant.design/videos/gjw4ad7/card/1440p.mp4?v=127c8f1c0a1d302026-08-11T05:32:05.781Z https://vibrant.design/feed/creative-logo-exploration2026-08-11T05:32:26.755Zhttps://cdn.vibrant.design/videos/n51fzwj/card/poster.jpg?v=7ebf8d55c8c1https://cdn.vibrant.design/videos/n51fzwj/card/poster.jpg?v=7ebf8d55c8c1Creative Logo ExplorationA collection of diverse logos showcasing unique design approaches.https://cdn.vibrant.design/videos/n51fzwj/card/1440p.mp4?v=7ebf8d55c8c1172026-08-11T05:32:26.755Z https://vibrant.design/feed/cinematic-portfolio-teaser2026-08-11T05:32:45.447Zhttps://cdn.vibrant.design/videos/brd5at6/card/poster.jpg?v=c3dc308b3cd2https://cdn.vibrant.design/videos/brd5at6/card/poster.jpg?v=c3dc308b3cd2Cinematic Portfolio TeaserA cinematic trailer and coming soon page for an upcoming portfolio, showcasing the creator's skills and style.https://cdn.vibrant.design/videos/brd5at6/card/360p.mp4?v=c3dc308b3cd2122026-08-11T05:32:45.447Z https://vibrant.design/feed/free-flow-components2026-08-11T05:33:14.680Zhttps://cdn.vibrant.design/videos/52ril87/card/poster.jpg?v=af5c856d3527https://cdn.vibrant.design/videos/52ril87/card/poster.jpg?v=af5c856d3527Free-Flow ComponentsA collection of random, experimental UI components meant to spark creativity through aimless design exploration.https://cdn.vibrant.design/videos/52ril87/card/1440p.mp4?v=af5c856d3527112026-08-11T05:33:14.680Z https://vibrant.design/feed/animated-booking-calendar2026-08-11T05:33:39.458Zhttps://cdn.vibrant.design/videos/dyd1360/card/poster.jpg?v=cea28c3e9d4fhttps://cdn.vibrant.design/videos/dyd1360/card/poster.jpg?v=cea28c3e9d4fAnimated Booking CalendarA date range picker with interactive knobs and a spring effect, allowing for a smooth and intuitive user experience.https://cdn.vibrant.design/videos/dyd1360/card/1440p.mp4?v=cea28c3e9d4f392026-08-11T05:33:39.458Z https://vibrant.design/feed/text-dither-effect2026-08-11T05:33:51.321Zhttps://cdn.vibrant.design/videos/dy5qf14/card/poster.jpg?v=6c4198551ac2https://cdn.vibrant.design/videos/dy5qf14/card/poster.jpg?v=6c4198551ac2Text Dither EffectExperimental text animation using dither effecthttps://cdn.vibrant.design/videos/dy5qf14/card/1080p.mp4?v=6c4198551ac232026-08-11T05:33:51.321Z https://vibrant.design/feed/gooey-ui-effect2026-08-13T07:37:20.485Zhttps://cdn.vibrant.design/videos/tnsmram/card/poster.jpg?v=fa7e27cb95behttps://cdn.vibrant.design/videos/tnsmram/card/poster.jpg?v=fa7e27cb95beGooey UI EffectA liquid UI effect optimized for user interfaces, offering two types and built-in image melting functionality.https://cdn.vibrant.design/videos/tnsmram/card/1080p.mp4?v=fa7e27cb95be102026-08-13T07:37:20.485Z https://vibrant.design/feed/v79qfok-toggle-animation2026-08-17T05:31:12.539Zhttps://cdn.vibrant.design/videos/v79qfok/card/poster.jpg?v=178f96289475https://cdn.vibrant.design/videos/v79qfok/card/poster.jpg?v=178f96289475Toggle AnimationA simple and intuitive toggle animation that responds to user interaction.https://cdn.vibrant.design/videos/v79qfok/card/1440p.mp4?v=178f96289475132026-08-17T05:31:12.539Z https://vibrant.design/feed/paper-plane-email2026-08-17T05:31:26.522Zhttps://cdn.vibrant.design/videos/aioq8jp/card/poster.jpg?v=bddc08863f6chttps://cdn.vibrant.design/videos/aioq8jp/card/poster.jpg?v=bddc08863f6cPaper Plane EmailA creative solution to sending an email, replacing the traditional method with a fun and interactive gesture.https://cdn.vibrant.design/videos/aioq8jp/card/1440p.mp4?v=bddc08863f6c72026-08-17T05:31:26.522Z https://vibrant.design/feed/interactive-drawing-tool2026-08-17T05:31:51.111Zhttps://cdn.vibrant.design/videos/4v3ys0f/card/poster.jpg?v=5e65cfa943c4https://cdn.vibrant.design/videos/4v3ys0f/card/poster.jpg?v=5e65cfa943c4Interactive Drawing ToolA dynamic drawing tool with real-time editing and smoothing features.https://cdn.vibrant.design/videos/4v3ys0f/card/1440p.mp4?v=5e65cfa943c4302026-08-17T05:31:51.111Z https://vibrant.design/feed/orb-editor-update2026-08-17T05:32:07.296Zhttps://cdn.vibrant.design/videos/3ta4ok5/card/poster.jpg?v=97e08beca11dhttps://cdn.vibrant.design/videos/3ta4ok5/card/poster.jpg?v=97e08beca11dOrb Editor UpdateA user-friendly update to the orb editor allowing users to save custom presets for future use.https://cdn.vibrant.design/videos/3ta4ok5/card/1440p.mp4?v=97e08beca11d252026-08-17T05:32:07.296Z https://vibrant.design/feed/layered-flame-animation2026-08-17T05:32:19.855Zhttps://cdn.vibrant.design/videos/fxoqwg1/card/poster.jpg?v=336932e25676https://cdn.vibrant.design/videos/fxoqwg1/card/poster.jpg?v=336932e25676Layered Flame AnimationA mesmerizing animation of a flame composed of numerous layers, created through intricate design and technical skill.https://cdn.vibrant.design/videos/fxoqwg1/card/1080p.mp4?v=336932e2567612026-08-17T05:32:19.855Z https://vibrant.design/feed/quotient-bento-motion2026-08-17T05:32:34.298Zhttps://cdn.vibrant.design/videos/dkn8yg8/card/poster.jpg?v=036c131bbbd4https://cdn.vibrant.design/videos/dkn8yg8/card/poster.jpg?v=036c131bbbd4Quotient Bento MotionAnimated visuals showcasing Quotient's Bento concept.https://cdn.vibrant.design/videos/dkn8yg8/card/720p.mp4?v=036c131bbbd4112026-08-17T05:32:34.298Z https://vibrant.design/feed/infinite-liquid-carousel2026-08-17T05:32:52.819Zhttps://cdn.vibrant.design/videos/jy7btti/card/poster.jpg?v=20e5b0aeed1ehttps://cdn.vibrant.design/videos/jy7btti/card/poster.jpg?v=20e5b0aeed1eInfinite Liquid CarouselA real-time, infinite carousel of liquid glass tiles rendered in real time with WebGPU and TSL, each sitting on a curved grid that never ends.https://cdn.vibrant.design/videos/jy7btti/card/1440p.mp4?v=20e5b0aeed1e142026-08-17T05:32:52.819Z https://vibrant.design/feed/antigravity-design-workflow2026-08-17T05:33:08.592Zhttps://cdn.vibrant.design/videos/sdn4on1/card/poster.jpg?v=868125ac1e39https://cdn.vibrant.design/videos/sdn4on1/card/poster.jpg?v=868125ac1e39Antigravity Design WorkflowA rapid design process using AI and Figma to create a cohesive visual identity.https://cdn.vibrant.design/videos/sdn4on1/card/1440p.mp4?v=868125ac1e39302026-08-17T05:33:08.592Z https://vibrant.design/feed/open-sourced-carousel2026-08-17T05:33:46.584Zhttps://cdn.vibrant.design/videos/a6nylsp/card/poster.jpg?v=184128d26da5https://cdn.vibrant.design/videos/a6nylsp/card/poster.jpg?v=184128d26da5Open Sourced CarouselA developer shares an open-sourced carousel UI component, inviting others to use and build upon it.https://cdn.vibrant.design/videos/a6nylsp/card/1440p.mp4?v=184128d26da5302026-08-17T05:33:46.584Z https://vibrant.design/feed/procedural-ui-sound-kit2026-08-17T05:34:02.957Zhttps://cdn.vibrant.design/videos/vasxqw8/card/poster.jpg?v=2fdc04cee6adhttps://cdn.vibrant.design/videos/vasxqw8/card/poster.jpg?v=2fdc04cee6adProcedural UI Sound KitGenerates unique UI sound kits with thousands of curated sounds and personalized synthesis.https://cdn.vibrant.design/videos/vasxqw8/card/1440p.mp4?v=2fdc04cee6ad302026-08-17T05:34:02.957Z https://vibrant.design/feed/avian-super-intelligence2026-08-17T05:34:29.041Zhttps://cdn.vibrant.design/videos/zk8l7mg/card/poster.jpg?v=bd562de3a889https://cdn.vibrant.design/videos/zk8l7mg/card/poster.jpg?v=bd562de3a889Avian Super IntelligenceAn interactive AI visualization showcasing avian intelligence through a futuristic interface.https://cdn.vibrant.design/videos/zk8l7mg/card/1080p.mp4?v=bd562de3a889102026-08-17T05:34:29.041Z https://vibrant.design/feed/diagnosync-ai-features2026-08-17T05:34:52.861Zhttps://cdn.vibrant.design/videos/59m80gu/card/poster.jpg?v=58d6b30039b2https://cdn.vibrant.design/videos/59m80gu/card/poster.jpg?v=58d6b30039b2Diagnosync AI FeaturesInteractive AI-powered widgets showcase the capabilities of Diagnosync.https://cdn.vibrant.design/videos/59m80gu/card/360p.mp4?v=58d6b30039b2112026-08-17T05:34:52.861Z https://vibrant.design/feed/ethereal-cityscape2026-08-17T05:35:16.580Zhttps://cdn.vibrant.design/videos/xkr73rd/card/poster.jpg?v=bca28eb9a87ahttps://cdn.vibrant.design/videos/xkr73rd/card/poster.jpg?v=bca28eb9a87aEthereal CityscapeA serene and atmospheric animation of a cityscape at night, with soft colors and gentle movements.https://cdn.vibrant.design/videos/xkr73rd/card/1080p.mp4?v=bca28eb9a87a172026-08-17T05:35:16.580Z https://vibrant.design/feed/motion-corner-menu2026-08-17T05:35:35.263Zhttps://cdn.vibrant.design/videos/alwdwan/card/poster.jpg?v=cce6b98a7153https://cdn.vibrant.design/videos/alwdwan/card/poster.jpg?v=cce6b98a7153Motion Corner MenuA compact floating button that expands into a complete navigation panelhttps://cdn.vibrant.design/videos/alwdwan/card/720p.mp4?v=cce6b98a7153122026-08-17T05:35:35.263Z https://vibrant.design/feed/llanberis-drop-animation2026-08-17T05:36:12.953Zhttps://cdn.vibrant.design/videos/yp12g03/card/poster.jpg?v=e618b151a6e4https://cdn.vibrant.design/videos/yp12g03/card/poster.jpg?v=e618b151a6e4Llanberis Drop AnimationA stylized animation showcasing the town of Llanberis in Wales, with a focus on movement and fluidity.https://cdn.vibrant.design/videos/yp12g03/card/1440p.mp4?v=e618b151a6e4112026-08-17T05:36:12.953Z https://vibrant.design/feed/diffraction-grating-shader2026-08-17T05:36:32.403Zhttps://cdn.vibrant.design/videos/nlpvo1j/card/poster.jpg?v=7cc8c76a3b05https://cdn.vibrant.design/videos/nlpvo1j/card/poster.jpg?v=7cc8c76a3b05Diffraction Grating ShaderA shader created using Three.js with the help of AI, mimicking the effect of a diffraction grating.https://cdn.vibrant.design/videos/nlpvo1j/card/1440p.mp4?v=7cc8c76a3b05282026-08-17T05:36:32.403Z https://vibrant.design/feed/modern-website-revival2026-08-17T05:38:11.449Zhttps://cdn.vibrant.design/videos/f7pu31p/card/poster.jpg?v=b1b245722f40https://cdn.vibrant.design/videos/f7pu31p/card/poster.jpg?v=b1b245722f40Modern Website RevivalA design concept to revamp outdated websites, emphasizing the importance of a modern and professional online presence.https://cdn.vibrant.design/videos/f7pu31p/card/360p.mp4?v=b1b245722f40422026-08-17T05:38:11.449Z https://vibrant.design/feed/empty-state-exploration2026-08-17T05:38:28.320Zhttps://cdn.vibrant.design/videos/yfdj90k/card/poster.jpg?v=1211caeda23bhttps://cdn.vibrant.design/videos/yfdj90k/card/poster.jpg?v=1211caeda23bEmpty State ExplorationDesigning engaging empty states to improve user experiencehttps://cdn.vibrant.design/videos/yfdj90k/card/1080p.mp4?v=1211caeda23b62026-08-17T05:38:28.320Z https://vibrant.design/feed/figma-maxxing2026-08-17T05:39:08.450Zhttps://cdn.vibrant.design/images/r3q3568/cover/720.webp?v=b3e0dafe249b https://vibrant.design/feed/cloudflare-brand-refresh2026-08-25T05:33:50.934Zhttps://cdn.vibrant.design/videos/2hsts1y/card/poster.jpg?v=316bfc9da80fhttps://cdn.vibrant.design/videos/2hsts1y/card/poster.jpg?v=316bfc9da80fCloudflare Brand RefreshCloudflare introduces a new look with its existing global speed, highlighting its presence on the internet.https://cdn.vibrant.design/videos/2hsts1y/card/1080p.mp4?v=316bfc9da80f302026-08-25T05:33:50.934Z https://vibrant.design/feed/thinking-orbs-library2026-08-25T05:34:18.763Zhttps://cdn.vibrant.design/videos/yh9g9ec/card/poster.jpg?v=a79d1c65348fhttps://cdn.vibrant.design/videos/yh9g9ec/card/poster.jpg?v=a79d1c65348fThinking Orbs LibraryFree library for SwiftUI and React Native with various orb types, customizable playground, and dark/light mode support.https://cdn.vibrant.design/videos/yh9g9ec/card/1080p.mp4?v=a79d1c65348f282026-08-25T05:34:18.763Z https://vibrant.design/feed/loading-state-animation2026-08-25T05:34:39.642Zhttps://cdn.vibrant.design/videos/iygt271/card/poster.jpg?v=b32859fa417dhttps://cdn.vibrant.design/videos/iygt271/card/poster.jpg?v=b32859fa417dLoading State AnimationA simple yet effective loading state design added to a website.https://cdn.vibrant.design/videos/iygt271/card/360p.mp4?v=b32859fa417d72026-08-25T05:34:39.642Z https://vibrant.design/feed/thinking-orbs2026-08-25T05:35:57.361Zhttps://cdn.vibrant.design/videos/i3h4jc1/card/poster.jpg?v=1b2fbfff7fb9https://cdn.vibrant.design/videos/i3h4jc1/card/poster.jpg?v=1b2fbfff7fb9Thinking OrbsAnimated orbs that think and interact with users, showcasing potential design elements for various platforms.https://cdn.vibrant.design/videos/i3h4jc1/card/1080p.mp4?v=1b2fbfff7fb9302026-08-25T05:35:57.361Z https://vibrant.design/feed/ethereal-minimalism2026-08-25T05:36:34.347Zhttps://cdn.vibrant.design/videos/7a9dc1s/card/poster.jpg?v=7d06cf85b88fhttps://cdn.vibrant.design/videos/7a9dc1s/card/poster.jpg?v=7d06cf85b88fEthereal MinimalismA beautifully crafted design that showcases a soothing color palette and clean typography.https://cdn.vibrant.design/videos/7a9dc1s/card/1440p.mp4?v=7d06cf85b88f82026-08-25T05:36:34.347Z https://vibrant.design/feed/morphing-svg-icon2026-08-25T05:36:51.708Zhttps://cdn.vibrant.design/videos/s7to86j/card/poster.jpg?v=dbeb3d5117cchttps://cdn.vibrant.design/videos/s7to86j/card/poster.jpg?v=dbeb3d5117ccMorphing SVG IconAnimated SVG icon transformation using morphing technique, offering a surprising and engaging visual experience.https://cdn.vibrant.design/videos/s7to86j/card/1080p.mp4?v=dbeb3d5117cc112026-08-25T05:36:51.708Z https://vibrant.design/feed/agent-svg-animation2026-08-25T05:37:08.154Zhttps://cdn.vibrant.design/videos/kjgg7cg/card/poster.jpg?v=cf6c59dcd237https://cdn.vibrant.design/videos/kjgg7cg/card/poster.jpg?v=cf6c59dcd237Agent SVG AnimationTransforming SVG logos into interactive animations, creating engaging agent-like activities.https://cdn.vibrant.design/videos/kjgg7cg/card/1440p.mp4?v=cf6c59dcd23782026-08-25T05:37:08.154Z https://vibrant.design/feed/ephemeral-signature2026-08-25T05:37:23.766Zhttps://cdn.vibrant.design/videos/x3517by/card/poster.jpg?v=5567dba37271https://cdn.vibrant.design/videos/x3517by/card/poster.jpg?v=5567dba37271Ephemeral SignatureA delicate animation showcasing the erasure of a signature, blurring the lines between presence and absence.https://cdn.vibrant.design/videos/x3517by/card/1440p.mp4?v=5567dba37271302026-08-25T05:37:23.766Z https://vibrant.design/feed/claude-music-composition2026-08-25T05:37:47.587Zhttps://cdn.vibrant.design/videos/cmfvq2l/card/poster.jpg?v=0dc4089b4f95https://cdn.vibrant.design/videos/cmfvq2l/card/poster.jpg?v=0dc4089b4f95Claude Music CompositionInteractive music composition with AI assistant Claude.https://cdn.vibrant.design/videos/cmfvq2l/card/1440p.mp4?v=0dc4089b4f95302026-08-25T05:37:47.587Z https://vibrant.design/feed/loading-ui-animation2026-08-25T05:38:04.026Zhttps://cdn.vibrant.design/videos/pkhuunb/card/poster.jpg?v=075e224bbdc0https://cdn.vibrant.design/videos/pkhuunb/card/poster.jpg?v=075e224bbdc0Loading UI AnimationA series of creative loading animations showcasing various visual effects and interactions.https://cdn.vibrant.design/videos/pkhuunb/card/720p.mp4?v=075e224bbdc0202026-08-25T05:38:04.026Z https://vibrant.design/feed/live-image-canvas2026-08-25T05:38:17.310Zhttps://cdn.vibrant.design/videos/i0qvs64/card/poster.jpg?v=3ed2b2b5dee6https://cdn.vibrant.design/videos/i0qvs64/card/poster.jpg?v=3ed2b2b5dee6Live Image CanvasStream a live image of any element into a canvas for interactive effects.https://cdn.vibrant.design/videos/i0qvs64/card/720p.mp4?v=3ed2b2b5dee6282026-08-25T05:38:17.310Z https://vibrant.design/feed/motion-in-flames2026-08-25T05:38:44.473Zhttps://cdn.vibrant.design/videos/p8rxewz/card/poster.jpg?v=55ffd365a168https://cdn.vibrant.design/videos/p8rxewz/card/poster.jpg?v=55ffd365a168Motion in FlamesA dynamic animation of flames and motion, capturing energy and movement.https://cdn.vibrant.design/videos/p8rxewz/card/1440p.mp4?v=55ffd365a168102026-08-25T05:38:44.473Z https://vibrant.design/feed/interactive-stamp-animation2026-08-25T05:39:04.172Zhttps://cdn.vibrant.design/videos/0sjbvk2/card/poster.jpg?v=76ad8b201592https://cdn.vibrant.design/videos/0sjbvk2/card/poster.jpg?v=76ad8b201592Interactive Stamp AnimationA digital interactive stamp with video playback capabilities, allowing users to bring a personal touch to their digital communications.https://cdn.vibrant.design/videos/0sjbvk2/card/1440p.mp4?v=76ad8b201592302026-08-25T05:39:04.172Z https://vibrant.design/feed/minimalist-portfolio-reveal2026-08-25T05:39:17.075Zhttps://cdn.vibrant.design/videos/ypzhl4n/card/poster.jpg?v=0eef52711a1fhttps://cdn.vibrant.design/videos/ypzhl4n/card/poster.jpg?v=0eef52711a1fMinimalist Portfolio RevealA modern and simple portfolio design with a scrolling effect, showcasing the author's work in a clean and organized manner.https://cdn.vibrant.design/videos/ypzhl4n/card/1440p.mp4?v=0eef52711a1f92026-08-25T05:39:17.075Z https://vibrant.design/feed/animated-sidebar-menu2026-08-25T05:39:40.156Zhttps://cdn.vibrant.design/videos/30fhtv1/card/poster.jpg?v=3ed83775a4d5https://cdn.vibrant.design/videos/30fhtv1/card/poster.jpg?v=3ed83775a4d5Animated Sidebar MenuA beautifully animated sidebar menu with smooth transitions and microinteractions.https://cdn.vibrant.design/videos/30fhtv1/card/1440p.mp4?v=3ed83775a4d5102026-08-25T05:39:40.156Z https://vibrant.design/feed/virtual-try-on-template2026-08-25T05:39:57.765Zhttps://cdn.vibrant.design/videos/670xvei/card/poster.jpg?v=9d6958ee54c8https://cdn.vibrant.design/videos/670xvei/card/poster.jpg?v=9d6958ee54c8Virtual Try-On TemplateA Next.js template with AI-powered Virtual Try-On and Product Studio, along with a NestJS backend and admin dashboard.https://cdn.vibrant.design/videos/670xvei/card/1440p.mp4?v=9d6958ee54c8102026-08-25T05:39:57.765Z https://vibrant.design/feed/isvaabd-verdant-dither-monumentalism2026-08-25T05:42:04.649Zhttps://cdn.vibrant.design/images/isvaabd/cover/720.webp?v=9bfda7645f68 https://vibrant.design/feed/travel-memories-icon2026-08-25T05:42:34.656Zhttps://cdn.vibrant.design/images/8j304o4/cover/720.webp?v=a31d34ce7a99 https://vibrant.design/feed/agentic-coding-futures2026-08-25T05:43:01.076Zhttps://cdn.vibrant.design/videos/lpnxpq7/card/poster.jpg?v=9331be8bf41dhttps://cdn.vibrant.design/videos/lpnxpq7/card/poster.jpg?v=9331be8bf41dAgentic Coding FuturesExploring the intersection of AI and coding through a futuristic interface.https://cdn.vibrant.design/videos/lpnxpq7/card/720p.mp4?v=9331be8bf41d172026-08-25T05:43:01.076Z https://vibrant.design/feed/polished-ui-elements2026-08-25T05:43:43.109Zhttps://cdn.vibrant.design/videos/90zq0k8/card/poster.jpg?v=35100309befchttps://cdn.vibrant.design/videos/90zq0k8/card/poster.jpg?v=35100309befcPolished UI ElementsA set of refined UI components with attention to detail.https://cdn.vibrant.design/videos/90zq0k8/card/1440p.mp4?v=35100309befc132026-08-25T05:43:43.109Z https://vibrant.design/feed/motion-design-challenge2026-08-29T09:26:06.897Zhttps://cdn.vibrant.design/videos/fqlpivh/card/poster.jpg?v=1ad227bf6d33https://cdn.vibrant.design/videos/fqlpivh/card/poster.jpg?v=1ad227bf6d33Motion Design ChallengeA motion design experiment to try new techniqueshttps://cdn.vibrant.design/videos/fqlpivh/card/1080p.mp4?v=1ad227bf6d33102026-08-29T09:26:06.897Z https://vibrant.design/feed/seamless-transitions2026-08-29T09:26:24.593Zhttps://cdn.vibrant.design/videos/rz3nujd/card/poster.jpg?v=6fffab4a1edahttps://cdn.vibrant.design/videos/rz3nujd/card/poster.jpg?v=6fffab4a1edaSeamless TransitionsExperimental animation showcasing smooth transitions between states.https://cdn.vibrant.design/videos/rz3nujd/card/1080p.mp4?v=6fffab4a1eda162026-08-29T09:26:24.593Z https://vibrant.design/feed/deep-sea-research-robot2026-08-29T09:26:42.321Zhttps://cdn.vibrant.design/videos/rc4ku5r/card/poster.jpg?v=5260671bea69https://cdn.vibrant.design/videos/rc4ku5r/card/poster.jpg?v=5260671bea69Deep Sea Research RobotA jellyfish-inspired robot with hexagonal nanostructured tentacles designed to withstand extreme pressure.https://cdn.vibrant.design/videos/rc4ku5r/card/1440p.mp4?v=5260671bea69412026-08-29T09:26:42.321Z https://vibrant.design/feed/contribution-graph-visualization2026-08-29T09:26:57.072Zhttps://cdn.vibrant.design/videos/hj6ybqq/card/poster.jpg?v=4caea02b72f8https://cdn.vibrant.design/videos/hj6ybqq/card/poster.jpg?v=4caea02b72f8Contribution Graph VisualizationA dynamic graph showcasing contributions to a project over time.https://cdn.vibrant.design/videos/hj6ybqq/card/1440p.mp4?v=4caea02b72f872026-08-29T09:26:57.072Z https://vibrant.design/feed/welcome-animation2026-08-29T09:57:32.296Zhttps://cdn.vibrant.design/videos/49fcxlb/card/poster.jpg?v=db089b503e3ahttps://cdn.vibrant.design/videos/49fcxlb/card/poster.jpg?v=db089b503e3aWelcome AnimationA short, heartwarming animation for a new user.https://cdn.vibrant.design/videos/49fcxlb/card/1080p.mp4?v=db089b503e3a1822026-08-29T09:57:32.296Z https://vibrant.design/website/mikes-cv2026-08-30T04:38:19.722Zhttps://cdn.vibrant.design/videos/2p5c66v/card/poster.jpg?v=779e2637cfechttps://cdn.vibrant.design/videos/2p5c66v/card/poster.jpg?v=779e2637cfecMike BartonMultidisciplinary software designer based in Manchester, UKhttps://cdn.vibrant.design/videos/2p5c66v/card/1440p.mp4?v=779e2637cfec162026-08-30T04:38:19.722Z https://vibrant.design/website/natural-hero-section2026-09-12T14:12:13.605Zhttps://cdn.vibrant.design/images/nlmw1w9/cover/720.webp?v=ff65388536f0 https://vibrant.design/website/4ihpu0n-www-natural-com2026-09-12T14:12:31.072Zhttps://cdn.vibrant.design/videos/4ihpu0n/card/poster.jpg?v=b679e7cb4ea8https://cdn.vibrant.design/videos/4ihpu0n/card/poster.jpg?v=b679e7cb4ea8Natural — Powering agentic paymentsNatural is the agentic payments platform powering frictionless money movement between agents, businesses, and consumers.https://cdn.vibrant.design/videos/4ihpu0n/card/1440p.mp4?v=b679e7cb4ea8182026-09-01T06:01:24.268Z https://vibrant.design/website/natural-feature-section2026-09-12T14:12:20.077Zhttps://cdn.vibrant.design/images/z25aj5l/cover/720.webp?v=2b38012e0a27 https://vibrant.design/website/natural-feature-section-22026-09-12T14:12:25.275Zhttps://cdn.vibrant.design/images/ggljqo0/cover/720.webp?v=5fde09f9a15b https://vibrant.design/website/melius-com2026-09-01T06:53:25.246Zhttps://cdn.vibrant.design/videos/aduhkvp/card/poster.jpg?v=2530df01967dhttps://cdn.vibrant.design/videos/aduhkvp/card/poster.jpg?v=2530df01967dMelius – the creative canvas for agents and AI modelsThe creative canvas for agents. Describe what you want; Mel routes the right model, runs the workflow, and shows you every prompt — so you can steer until it lands.https://cdn.vibrant.design/videos/aduhkvp/card/1440p.mp4?v=2530df01967d142026-09-01T06:53:25.246Z https://vibrant.design/feed/jttsefn-minimal-social-feed2026-09-01T09:03:35.911Zhttps://cdn.vibrant.design/videos/jttsefn/card/poster.jpg?v=c4eb3ac84f67https://cdn.vibrant.design/videos/jttsefn/card/poster.jpg?v=c4eb3ac84f67Minimal Social FeedA simple and clean design for a social media feed.https://cdn.vibrant.design/videos/jttsefn/card/1080p.mp4?v=c4eb3ac84f6762026-09-01T09:03:35.911Z https://vibrant.design/website/mvac7gj-supercut-hero-section2026-09-02T07:20:07.955Zhttps://cdn.vibrant.design/videos/mvac7gj/card/poster.jpg?v=57a6baafb1f1https://cdn.vibrant.design/videos/mvac7gj/card/poster.jpg?v=57a6baafb1f1Supercut Hero SectionThis hero section showcases an AI video generation platform with dark background, sans-serif typography, animated logo carousel, and interactive product mockup displaying video samples.https://cdn.vibrant.design/videos/mvac7gj/card/1440p.mp4?v=57a6baafb1f162026-09-01T11:21:33.427Z https://vibrant.design/feed/suhgro4-2-5d-motion-test2026-09-01T11:49:37.764Zhttps://cdn.vibrant.design/videos/suhgro4/card/poster.jpg?v=cc6077a0b1b3https://cdn.vibrant.design/videos/suhgro4/card/poster.jpg?v=cc6077a0b1b32.5D Motion TestA short test of 2.5D motion graphics capabilities, featuring dynamic shapes and animations.https://cdn.vibrant.design/videos/suhgro4/card/1440p.mp4?v=cc6077a0b1b362026-09-01T11:49:37.764Z https://vibrant.design/feed/l3nu9hy-pixel-ripple-button2026-09-01T11:50:05.199Zhttps://cdn.vibrant.design/videos/l3nu9hy/card/poster.jpg?v=13cb6aa67800https://cdn.vibrant.design/videos/l3nu9hy/card/poster.jpg?v=13cb6aa67800Pixel Ripple ButtonA creative pixel art button effect with a ripple animation, perfect for interactive designs.https://cdn.vibrant.design/videos/l3nu9hy/card/1440p.mp4?v=13cb6aa67800202026-09-01T11:50:05.199Z https://vibrant.design/website/hifixnw-www-lightspark-com2026-09-02T08:08:31.617Zhttps://cdn.vibrant.design/videos/hifixnw/card/poster.jpg?v=014e4b7be336https://cdn.vibrant.design/videos/hifixnw/card/poster.jpg?v=014e4b7be336Lightspark — The API for moneyLightspark is the open infrastructure for moving money worldwide. One integration to send, receive, hold, spend, and convert money in any currency, fiat or stablecoin, across 65+ countries.https://cdn.vibrant.design/videos/hifixnw/card/1440p.mp4?v=014e4b7be336182026-09-02T08:08:31.617Z https://vibrant.design/website/fcco7w4-clerk-s-bento-grid2026-09-02T08:17:21.277Zhttps://cdn.vibrant.design/videos/fcco7w4/card/poster.jpg?v=cbae8e1829e5https://cdn.vibrant.design/videos/fcco7w4/card/poster.jpg?v=cbae8e1829e5Clerk's Bento GridClerk's dark-themed bento grid showcases authentication and user management tools through rounded cards, crisp typography, and subtle looping micro-animations that bring features like MFA and session management to life.https://cdn.vibrant.design/videos/fcco7w4/card/1440p.mp4?v=cbae8e1829e5142026-09-02T08:16:10.517Z https://vibrant.design/website/dwxceqe-stripe-s-pricing-section2026-09-02T08:42:00.218Zhttps://cdn.vibrant.design/images/dwxceqe/cover/720.webp?v=614699ac7d80 https://vibrant.design/website/67v7a8g-stripe-s-bento-grid2026-09-02T10:02:39.611Zhttps://cdn.vibrant.design/videos/67v7a8g/card/poster.jpg?v=83970aa82c54https://cdn.vibrant.design/videos/67v7a8g/card/poster.jpg?v=83970aa82c54Stripe's Bento GridThis bento grid feature section showcases Stripes financial products using clean white cards, vibrant pastel gradients, and smooth interactive hover animations.https://cdn.vibrant.design/videos/67v7a8g/card/1440p.mp4?v=83970aa82c5492026-09-02T10:02:39.611Z https://vibrant.design/website/0gdgrxh-calendly-s-cta2026-09-02T10:54:27.159Zhttps://cdn.vibrant.design/images/0gdgrxh/cover/720.webp?v=f645f71a9cae https://vibrant.design/website/ggyp5wp-provet-s-logo-cloud2026-09-21T07:35:18.387Zhttps://cdn.vibrant.design/images/ggyp5wp/cover/720.webp?v=d195d266c870 https://vibrant.design/website/9dry6si-mintlify-s-testimonials-section2026-09-02T11:05:22.700Zhttps://cdn.vibrant.design/images/9dry6si/cover/720.webp?v=294ce09c125e https://vibrant.design/website/am10beg-framer-s-logo-cloud2026-09-02T11:08:59.319Zhttps://cdn.vibrant.design/videos/am10beg/card/poster.jpg?v=a1ac8f240351https://cdn.vibrant.design/videos/am10beg/card/poster.jpg?v=a1ac8f240351Framer's Logo CloudHorizontal scroll carousel showcasing brand logos with background images that reveal on hover.https://cdn.vibrant.design/videos/am10beg/card/1440p.mp4?v=a1ac8f24035152026-09-02T11:08:59.319Z https://vibrant.design/website/raus9m8-strawberry-browser-s-faqs2026-09-04T07:06:23.248Zhttps://cdn.vibrant.design/videos/raus9m8/card/poster.jpg?v=83848d222f17https://cdn.vibrant.design/videos/raus9m8/card/poster.jpg?v=83848d222f17Strawberry Browser's FAQsThis interactive FAQ section displays questions in a clean two-column layout on an off-white background, revealing answers in animated dark chat bubbles when clicked.https://cdn.vibrant.design/videos/raus9m8/card/1440p.mp4?v=83848d222f1772026-09-04T07:06:23.248Z https://vibrant.design/website/9k3aq64-cursor-s-changelog-page2026-09-04T07:09:04.611Zhttps://cdn.vibrant.design/videos/9k3aq64/card/poster.jpg?v=aa726125df92https://cdn.vibrant.design/videos/9k3aq64/card/poster.jpg?v=aa726125df92Cursor's Changelog PageThis minimalist changelog section features a sticky left-aligned date timeline, clean sans-serif typography, and crisp UI mockups set against a soft off-white background.https://cdn.vibrant.design/videos/9k3aq64/card/1440p.mp4?v=aa726125df9282026-09-04T07:09:04.611Z https://vibrant.design/website/4y39xd3-framer-s-footer2026-09-04T07:15:26.374Zhttps://cdn.vibrant.design/images/4y39xd3/cover/720.webp?v=15834ed1467d https://vibrant.design/website/u7xs9qo-hardik-s-portfolio-hero-section2026-09-04T07:16:17.573Zhttps://cdn.vibrant.design/videos/u7xs9qo/card/poster.jpg?v=df2443c24949https://cdn.vibrant.design/videos/u7xs9qo/card/poster.jpg?v=df2443c24949Hardik's Portfolio Hero SectionI create clean, magnetic design that makes products feel effortless to use.https://cdn.vibrant.design/videos/u7xs9qo/card/1440p.mp4?v=df2443c2494962026-09-04T07:16:17.573Z https://vibrant.design/feed/ta43uxl-organized-photo-sorting2026-09-04T07:16:46.151Zhttps://cdn.vibrant.design/videos/ta43uxl/card/poster.jpg?v=87709fe60ca6https://cdn.vibrant.design/videos/ta43uxl/card/poster.jpg?v=87709fe60ca6Organized Photo SortingA simple and intuitive way to sort photos into folders.https://cdn.vibrant.design/videos/ta43uxl/card/1440p.mp4?v=87709fe60ca6272026-09-04T07:16:44.522Z https://vibrant.design/feed/aocov0c-customized-ui-ai-slop-ui2026-09-04T07:17:09.730Zhttps://cdn.vibrant.design/videos/aocov0c/card/poster.jpg?v=9da3f2174584https://cdn.vibrant.design/videos/aocov0c/card/poster.jpg?v=9da3f2174584Customized UI & AI Slop UIUnique blend of analog and digital design, combining paper sketches with interactive cursor elements.https://cdn.vibrant.design/videos/aocov0c/card/1080p.mp4?v=9da3f217458492026-09-04T07:17:07.998Z https://vibrant.design/feed/7xb7x1s-retargetable-spring-system2026-09-04T07:17:26.620Zhttps://cdn.vibrant.design/videos/7xb7x1s/card/poster.jpg?v=94a4fdb3ad6chttps://cdn.vibrant.design/videos/7xb7x1s/card/poster.jpg?v=94a4fdb3ad6cRetargetable Spring SystemA spring system that preserves velocity and provides a unified motion architecture for interactions.https://cdn.vibrant.design/videos/7xb7x1s/card/1440p.mp4?v=94a4fdb3ad6c302026-09-04T07:17:25.001Z https://vibrant.design/feed/rue6igx-thinking-orbs-evolved2026-09-04T07:17:43.132Zhttps://cdn.vibrant.design/videos/rue6igx/card/poster.jpg?v=ae21e23829bahttps://cdn.vibrant.design/videos/rue6igx/card/poster.jpg?v=ae21e23829baThinking Orbs EvolvedInteractive, web-based orbs that respond to user interaction, creating a mesmerizing experience.https://cdn.vibrant.design/videos/rue6igx/card/1440p.mp4?v=ae21e23829ba302026-09-04T07:17:41.454Z https://vibrant.design/website/yqclbi3-shotbase-com2026-09-04T07:21:40.414Zhttps://cdn.vibrant.design/videos/yqclbi3/card/poster.jpg?v=4bb0a07fab0chttps://cdn.vibrant.design/videos/yqclbi3/card/poster.jpg?v=4bb0a07fab0cShotbase — Capture, Record, Edit, and Share in One PlaceShotbase is a modern screen capture workspace for macOS. Capture, edit, organize, and share screenshots and recordings from one fast, streamlined workflow.https://cdn.vibrant.design/videos/yqclbi3/card/1440p.mp4?v=4bb0a07fab0c272026-09-04T07:21:39.379Z https://vibrant.design/feed/ssakoge-shotbase-screenshot-capture-tool2026-09-04T07:27:46.253Zhttps://cdn.vibrant.design/videos/ssakoge/card/poster.jpg?v=0abf3e341465https://cdn.vibrant.design/videos/ssakoge/card/poster.jpg?v=0abf3e341465Shotbase Screenshot Capture ToolLaunch visual for Shotbase, a Mac screenshot and screen recording tool with a moody dark blurred frame and glowing app icon.https://cdn.vibrant.design/videos/ssakoge/card/1080p.mp4?v=0abf3e341465582026-09-04T07:27:44.715Z https://vibrant.design/feed/fpd9ojb-docs7-comic-burst-logo-reveal2026-09-04T07:28:10.317Zhttps://cdn.vibrant.design/videos/fpd9ojb/card/poster.jpg?v=12acd7ec463chttps://cdn.vibrant.design/videos/fpd9ojb/card/poster.jpg?v=12acd7ec463cDocs7 Comic Burst Logo RevealA playful logo animation revealing Docs7 with an orange rounded square, comic-style explosion shapes, and bold type on a clean off-white background.https://cdn.vibrant.design/videos/fpd9ojb/card/1080p.mp4?v=12acd7ec463c1012026-09-04T07:28:08.779Z https://vibrant.design/feed/u7k1bii-gpt-6-astra-first-impressions2026-09-04T07:28:28.969Zhttps://cdn.vibrant.design/videos/u7k1bii/card/poster.jpg?v=e4bf8983f8c8https://cdn.vibrant.design/videos/u7k1bii/card/poster.jpg?v=e4bf8983f8c8GPT-6 Astra First ImpressionsA warm video still of two builders collaborating over a laptop, overlaid with bold white typography announcing GPT-6 Astra first impressions.https://cdn.vibrant.design/videos/u7k1bii/card/1080p.mp4?v=e4bf8983f8c8532026-09-04T07:28:27.779Z https://vibrant.design/feed/ggkbt9v-gpt-6-astra-cinematic-reveal2026-09-04T07:42:18.300Zhttps://cdn.vibrant.design/videos/ggkbt9v/card/poster.jpg?v=b1706c0aedf1https://cdn.vibrant.design/videos/ggkbt9v/card/poster.jpg?v=b1706c0aedf1GPT-6 Astra Cinematic RevealA moody cinematic teaser showing a lone figure in a dim room gazing at a dark screen with a single glowing point, introducing the Astra AI assistant.https://cdn.vibrant.design/videos/ggkbt9v/card/1080p.mp4?v=b1706c0aedf11632026-09-04T07:42:17.122Z https://vibrant.design/feed/kt5t1m9-foldable-iphone-concept-animation2026-09-10T04:01:33.706Zhttps://cdn.vibrant.design/videos/kt5t1m9/card/poster.jpg?v=efc0f170f02ahttps://cdn.vibrant.design/videos/kt5t1m9/card/poster.jpg?v=efc0f170f02aFoldable iPhone Concept AnimationA photoreal concept animation showing a foldable iPhone running iOS, with dynamic home screen widgets and app icons adapting to the bent flexible display.https://cdn.vibrant.design/videos/kt5t1m9/card/1440p.mp4?v=efc0f170f02a22026-09-10T04:01:32.376Z https://vibrant.design/feed/z4evgec-figma-shader-experiments2026-09-10T04:01:57.040Zhttps://cdn.vibrant.design/videos/z4evgec/card/poster.jpg?v=3c7bb0f934e9https://cdn.vibrant.design/videos/z4evgec/card/poster.jpg?v=3c7bb0f934e9Figma Shader ExperimentsA collection of playful Figma shaders featuring organic blob masks, chromatic edges, and soft generative backgrounds like the komorebi piece.https://cdn.vibrant.design/videos/z4evgec/card/1440p.mp4?v=3c7bb0f934e942026-09-10T04:01:55.711Z https://vibrant.design/feed/mfr84in-olympus-ai-landing-page2026-09-10T04:02:18.161Zhttps://cdn.vibrant.design/images/mfr84in/cover/720.webp?v=bc2e36926f8b https://vibrant.design/feed/nn362t6-iphone-duo-official-trailer2026-09-10T04:02:30.713Zhttps://cdn.vibrant.design/videos/nn362t6/card/poster.jpg?v=4b817f3ca251https://cdn.vibrant.design/videos/nn362t6/card/poster.jpg?v=4b817f3ca251iPhone Duo Official TrailerA minimal product trailer showcasing the iPhone Duo with clean studio lighting and soft monochrome backdrops.https://cdn.vibrant.design/videos/nn362t6/card/1080p.mp4?v=4b817f3ca251292026-09-10T04:02:29.270Z https://vibrant.design/feed/k4ehy5u-fluted-glass-effect-editor2026-09-10T04:02:56.418Zhttps://cdn.vibrant.design/videos/k4ehy5u/card/poster.jpg?v=5f6a634bbe06https://cdn.vibrant.design/videos/k4ehy5u/card/poster.jpg?v=5f6a634bbe06Fluted Glass Effect EditorA design tool interface showcasing a textured fluted glass effect distorting vibrant orange gradients with adjustable refraction, frost, and glare controls.https://cdn.vibrant.design/videos/k4ehy5u/card/1440p.mp4?v=5f6a634bbe0682026-09-10T04:02:55.200Z https://vibrant.design/feed/p0ypzrq-v0-one-click-integrations2026-09-10T04:03:16.570Zhttps://cdn.vibrant.design/videos/p0ypzrq/card/poster.jpg?v=54ab10be9a71https://cdn.vibrant.design/videos/p0ypzrq/card/poster.jpg?v=54ab10be9a71v0 One-Click IntegrationsMinimal black teaser introducing one-click Vercel integrations—Resend, MongoDB Atlas, Algolia, and Clerk—brought directly into the v0 chat workflow.https://cdn.vibrant.design/videos/p0ypzrq/card/1080p.mp4?v=54ab10be9a71132026-09-10T04:03:15.233Z https://vibrant.design/feed/5lhx0ff-sports-photo-gallery-interaction2026-09-10T04:03:40.482Zhttps://cdn.vibrant.design/videos/5lhx0ff/card/poster.jpg?v=f96b67af1fdehttps://cdn.vibrant.design/videos/5lhx0ff/card/poster.jpg?v=f96b67af1fdeSports Photo Gallery InteractionA minimal grid of vintage sports photography with an interactive hover element, blending monochrome and color imagery on a clean off-white layout.https://cdn.vibrant.design/videos/5lhx0ff/card/1440p.mp4?v=f96b67af1fde262026-09-10T04:03:39.259Z https://vibrant.design/feed/cb25tzm-minimal-portfolio-with-ai-imagery2026-09-10T04:04:04.330Zhttps://cdn.vibrant.design/videos/cb25tzm/card/poster.jpg?v=166ab0da9110https://cdn.vibrant.design/videos/cb25tzm/card/poster.jpg?v=166ab0da9110Minimal Portfolio With AI ImageryA clean minimal portfolio homepage featuring monochrome portrait, generous whitespace, and tidy typographic hierarchy with playful interactive elements.https://cdn.vibrant.design/videos/cb25tzm/card/1440p.mp4?v=166ab0da9110142026-09-10T04:04:03.028Z https://vibrant.design/feed/j1z9o6n-torq-car-diagnostic-landing2026-09-10T04:04:22.101Zhttps://cdn.vibrant.design/videos/j1z9o6n/card/poster.jpg?v=e8f57b4aff1ehttps://cdn.vibrant.design/videos/j1z9o6n/card/poster.jpg?v=e8f57b4aff1eTorq Car Diagnostic LandingA minimal product landing page presenting a thumb-sized OBD dongle with bold typography, blueprint grid details, and floating spec cards.https://cdn.vibrant.design/videos/j1z9o6n/card/1080p.mp4?v=e8f57b4aff1e302026-09-10T04:04:20.651Z https://vibrant.design/feed/w7uvxlm-minimal-mobile-interface-mockup2026-09-10T04:04:33.236Zhttps://cdn.vibrant.design/videos/w7uvxlm/card/poster.jpg?v=94dd5b5b230bhttps://cdn.vibrant.design/videos/w7uvxlm/card/poster.jpg?v=94dd5b5b230bMinimal Mobile Interface MockupA minimal mobile UI concept shown on an iPhone, featuring a light gray screen with a small black logo mark and generous whitespace.https://cdn.vibrant.design/videos/w7uvxlm/card/1080p.mp4?v=94dd5b5b230b192026-09-10T04:04:31.999Z https://vibrant.design/website/okpwbm7-cofounder-s-how-it-works-section2026-09-10T04:18:54.041Zhttps://cdn.vibrant.design/videos/okpwbm7/card/poster.jpg?v=c72cf40739adhttps://cdn.vibrant.design/videos/okpwbm7/card/poster.jpg?v=c72cf40739adCofounder's How it Works SectionCofounder is an AI company operating system for founders, coordinating engineering, sales, marketing, design, finance, and operations agents.https://cdn.vibrant.design/videos/okpwbm7/card/1440p.mp4?v=c72cf40739ad102026-09-10T04:18:54.041Z https://vibrant.design/website/vjj6t68-cloudflare-s-stats-section2026-09-10T04:27:15.420Zhttps://cdn.vibrant.design/videos/vjj6t68/card/poster.jpg?v=aec263fc80f1https://cdn.vibrant.design/videos/vjj6t68/card/poster.jpg?v=aec263fc80f1Cloudflare's Stats SectionWelcome to Cloudflare - Powering the next generation of applicationshttps://cdn.vibrant.design/videos/vjj6t68/card/1440p.mp4?v=aec263fc80f172026-09-10T04:27:15.420Z https://vibrant.design/website/h8b7i90-mobbin-s-integrations-section2026-09-10T04:27:45.002Zhttps://cdn.vibrant.design/videos/h8b7i90/card/poster.jpg?v=165700f72634https://cdn.vibrant.design/videos/h8b7i90/card/poster.jpg?v=165700f72634Mobbin's Integrations SectionSave hours of UI & UX research with our library of 400,000+ fully searchable mobile & web app screenshots.https://cdn.vibrant.design/videos/h8b7i90/card/1440p.mp4?v=165700f7263462026-09-10T04:27:45.002Z https://vibrant.design/website/6zy139l-natural-s-careers-page2026-09-12T14:12:02.977Zhttps://cdn.vibrant.design/videos/6zy139l/card/poster.jpg?v=fbde8da44049https://cdn.vibrant.design/videos/6zy139l/card/poster.jpg?v=fbde8da44049Natural's Careers PageJoin Natural and help build the financial infrastructure powering the agentic future.https://cdn.vibrant.design/videos/6zy139l/card/1440p.mp4?v=fbde8da4404982026-09-10T05:02:54.287Z https://vibrant.design/website/w9n3w8y-axiom-s-blog-page2026-09-10T05:03:38.746Zhttps://cdn.vibrant.design/videos/w9n3w8y/card/poster.jpg?v=c54b70dc973ehttps://cdn.vibrant.design/videos/w9n3w8y/card/poster.jpg?v=c54b70dc973eAxiom's Blog PageThe modern machine data platform — Petabyte-scale, schema-less ingest on a fully managed event store, so you keep every byte without the operational cost of running it yourself.https://cdn.vibrant.design/videos/w9n3w8y/card/1440p.mp4?v=c54b70dc973e72026-09-10T05:03:38.746Z https://vibrant.design/website/hyflfks-axiom-s-docs-page2026-09-10T05:04:00.011Zhttps://cdn.vibrant.design/videos/hyflfks/card/poster.jpg?v=a57496f772c5https://cdn.vibrant.design/videos/hyflfks/card/poster.jpg?v=a57496f772c5Axiom's Docs PageThis documentation hub features a clean grid layout with minimal typography, accented by a fleeting orange light streak animation across a stark white background.https://cdn.vibrant.design/videos/hyflfks/card/1440p.mp4?v=a57496f772c552026-09-10T05:04:00.011Z https://vibrant.design/website/lxmi0x7-clerk-s-404-page2026-09-10T05:04:28.709Zhttps://cdn.vibrant.design/videos/lxmi0x7/card/poster.jpg?v=35c11184bbeehttps://cdn.vibrant.design/videos/lxmi0x7/card/poster.jpg?v=35c11184bbeeClerk's 404 PageThe easiest way to add authentication and user management to your application. Purpose-built for React, Next.js, Remix, and “The Modern Web”.https://cdn.vibrant.design/videos/lxmi0x7/card/1440p.mp4?v=35c11184bbee42026-09-10T05:04:28.709Z https://vibrant.design/website/j03et94-clerk-s-sign-up-page2026-09-10T05:12:57.811Zhttps://cdn.vibrant.design/videos/j03et94/card/poster.jpg?v=857dae2df970https://cdn.vibrant.design/videos/j03et94/card/poster.jpg?v=857dae2df970Clerk's Sign Up PageThis clean split-screen sign-up page features a floating authentication card on the left and a minimalist testimonial on a soft, light-gray background.https://cdn.vibrant.design/videos/j03et94/card/1440p.mp4?v=857dae2df97052026-09-10T05:12:57.811Z https://vibrant.design/feed/h5jcvz5-kodor-quantum-brand-explorations2026-09-14T08:46:39.818Zhttps://cdn.vibrant.design/videos/h5jcvz5/card/poster.jpg?v=a818205466f6https://cdn.vibrant.design/videos/h5jcvz5/card/poster.jpg?v=a818205466f6Kodor Quantum Brand ExplorationsMinimal quantum computing brand explorations pairing soft grayscale layouts with iridescent floral imagery and glowing particle visuals.https://cdn.vibrant.design/videos/h5jcvz5/card/1440p.mp4?v=a818205466f6102026-09-14T08:46:38.283Z https://vibrant.design/feed/h5tqr64-cursor-projects-product-film2026-09-14T08:46:58.674Zhttps://cdn.vibrant.design/videos/h5tqr64/card/poster.jpg?v=8c7fa0726413https://cdn.vibrant.design/videos/h5tqr64/card/poster.jpg?v=8c7fa0726413Cursor Projects Product FilmA cinematic launch film introducing Cursor's persistent, agent-driven Projects workflow, set in a bright, natural-light studio workspace.https://cdn.vibrant.design/videos/h5tqr64/card/1080p.mp4?v=8c7fa0726413942026-09-14T08:46:57.542Z https://vibrant.design/feed/hh26als-ai-taste-gradient-teaser2026-09-14T08:47:19.078Zhttps://cdn.vibrant.design/videos/hh26als/card/poster.jpg?v=1dc9df4d4b62https://cdn.vibrant.design/videos/hh26als/card/poster.jpg?v=1dc9df4d4b62AI Taste Gradient TeaserA sleek black rounded panel floats over a vivid orange, pink, blue, and purple gradient, teasing that AI now has access to taste.https://cdn.vibrant.design/videos/hh26als/card/720p.mp4?v=1dc9df4d4b62302026-09-14T08:47:17.858Z https://vibrant.design/feed/6klapry-turbopuffer-cow-data-campaign2026-09-14T08:47:28.138Zhttps://cdn.vibrant.design/videos/6klapry/card/poster.jpg?v=8cad637db0cchttps://cdn.vibrant.design/videos/6klapry/card/poster.jpg?v=8cad637db0ccTurbopuffer Cow Data CampaignA playful brand campaign featuring a photographic Holstein cow in a green pasture, symbolizing data grazing and vector search accessibility.https://cdn.vibrant.design/videos/6klapry/card/1440p.mp4?v=8cad637db0cc732026-09-14T08:47:26.877Z https://vibrant.design/feed/bmfawjh-save-button-that-ages2026-09-14T08:47:36.771Zhttps://cdn.vibrant.design/videos/bmfawjh/card/poster.jpg?v=f3aea4da1944https://cdn.vibrant.design/videos/bmfawjh/card/poster.jpg?v=f3aea4da1944Save Button That AgesA blue pill-shaped Save button concept that visibly wears and ages with repeated use, adding tactile character to a familiar interface element.https://cdn.vibrant.design/videos/bmfawjh/card/1080p.mp4?v=f3aea4da1944102026-09-14T08:47:34.767Z https://vibrant.design/website/2g3763x-unitedcarriers-com2026-09-14T10:14:26.549Zhttps://cdn.vibrant.design/videos/2g3763x/card/poster.jpg?v=64b1b705e04dhttps://cdn.vibrant.design/videos/2g3763x/card/poster.jpg?v=64b1b705e04dUnited CarriersFreight forwarding, land transport, and customs brokerage, unified across APAC under one accountable team.https://cdn.vibrant.design/videos/2g3763x/card/1440p.mp4?v=64b1b705e04d302026-09-14T10:14:26.549Z https://vibrant.design/website/b9owrkn-cloudflare-startups-hero-section2026-09-14T10:40:31.829Zhttps://cdn.vibrant.design/videos/b9owrkn/card/poster.jpg?v=a6f9b90af062https://cdn.vibrant.design/videos/b9owrkn/card/poster.jpg?v=a6f9b90af062Cloudflare Startups Hero SectionThis startup program hero section features oversized, layered orange typography with colorful tech integration badges slowly orbiting along dotted vector paths.https://cdn.vibrant.design/videos/b9owrkn/card/1440p.mp4?v=a6f9b90af06262026-09-14T10:40:31.829Z https://vibrant.design/website/6sbf50k-rauno-me2026-09-14T15:49:14.042Zhttps://cdn.vibrant.design/videos/6sbf50k/card/poster.jpg?v=b600b52362a8https://cdn.vibrant.design/videos/6sbf50k/card/poster.jpg?v=b600b52362a8Rauno FreibergRauno Freiberg's portfolio showcases work in interaction design, including various projects and insights related to software design.https://cdn.vibrant.design/videos/6sbf50k/card/1440p.mp4?v=b600b52362a8152026-09-14T15:49:14.042Z https://vibrant.design/website/hw36cuj-giga-s-hero-section2026-09-14T17:34:15.113Zhttps://cdn.vibrant.design/videos/hw36cuj/card/poster.jpg?v=f223fe53ee14https://cdn.vibrant.design/videos/hw36cuj/card/poster.jpg?v=f223fe53ee14Giga's Hero SectionThis dark hero section features a typing dot-matrix headline and a glowing, animated line graph that dynamically visualizes improving business metrics over time.https://cdn.vibrant.design/videos/hw36cuj/card/1440p.mp4?v=f223fe53ee1462026-09-14T17:34:15.113Z https://vibrant.design/feed/m0bh60e-blueprint-grid-page-animation2026-09-15T08:28:20.828Zhttps://cdn.vibrant.design/videos/m0bh60e/card/poster.jpg?v=cfb388208502https://cdn.vibrant.design/videos/m0bh60e/card/poster.jpg?v=cfb388208502Blueprint Grid Page AnimationA vivid blue grid background with vertical white lines that animate as a long-scrolling page reveal.https://cdn.vibrant.design/videos/m0bh60e/card/720p.mp4?v=cfb388208502242026-09-15T08:28:19.666Z https://vibrant.design/feed/cil437m-blueprint-contact-page-details2026-09-15T08:28:26.618Zhttps://cdn.vibrant.design/videos/cil437m/card/poster.jpg?v=3c05cfecf7f0https://cdn.vibrant.design/videos/cil437m/card/poster.jpg?v=3c05cfecf7f0Blueprint Contact Page DetailsA vivid blue contact section styled like a blueprint sheet, featuring rulers, dotted world map with visitor markers, and playful micro-details.https://cdn.vibrant.design/videos/cil437m/card/1440p.mp4?v=3c05cfecf7f0152026-09-15T08:28:25.668Z https://vibrant.design/feed/zppg24u-linear-loops-trigger-reveal2026-09-15T08:28:34.565Zhttps://cdn.vibrant.design/videos/zppg24u/card/poster.jpg?v=9ed186577bd0https://cdn.vibrant.design/videos/zppg24u/card/poster.jpg?v=9ed186577bd0Linear Loops Trigger RevealA cinematic dark motion graphic announcing Linear Loops triggers, with glowing monospace type above a radiating dial arc and pulsing light.https://cdn.vibrant.design/videos/zppg24u/card/1080p.mp4?v=9ed186577bd0292026-09-15T08:28:33.328Z https://vibrant.design/feed/ai3b80r-ai-cinematic-sunset-landscapes2026-09-15T08:28:49.688Zhttps://cdn.vibrant.design/images/ai3b80r/cover/720.webp?v=a3365814d9a5 https://vibrant.design/feed/0f6fcj3-runeicons-og-image2026-09-15T08:28:54.978Zhttps://cdn.vibrant.design/images/0f6fcj3/cover/720.webp?v=164176c0b76f https://vibrant.design/feed/pcp7j3g-local-voice-dictation-pills2026-09-16T11:40:07.090Zhttps://cdn.vibrant.design/videos/pcp7j3g/card/poster.jpg?v=d3dc7b0b34bfhttps://cdn.vibrant.design/videos/pcp7j3g/card/poster.jpg?v=d3dc7b0b34bfLocal Voice Dictation PillsDark pill-shaped dictation components with animated waveform bars, copy and confirm actions, floating over a moody twilight landscape.https://cdn.vibrant.design/videos/pcp7j3g/card/1080p.mp4?v=d3dc7b0b34bf122026-09-16T11:40:05.542Z https://vibrant.design/feed/xd2vwkv-neolab-slogan-tee-typography2026-09-16T11:55:15.354Zhttps://cdn.vibrant.design/videos/xd2vwkv/card/poster.jpg?v=876ea505ff2bhttps://cdn.vibrant.design/videos/xd2vwkv/card/poster.jpg?v=876ea505ff2bNeolab Slogan Tee TypographyA launch video frame featuring a minimalist lowercase slogan t-shirt reading 'your favorite neolab's favorite neolab,' set against warm wooden slat walls.https://cdn.vibrant.design/videos/xd2vwkv/card/1080p.mp4?v=876ea505ff2b1762026-09-16T11:55:13.671Z https://vibrant.design/feed/s8dnbqq-camellia-bloom-timeline2026-09-16T11:55:37.133Zhttps://cdn.vibrant.design/videos/s8dnbqq/card/poster.jpg?v=e3ce5948ffcdhttps://cdn.vibrant.design/videos/s8dnbqq/card/poster.jpg?v=e3ce5948ffcdCamellia Bloom TimelineAn interactive editorial page visualizing the camellia bloom lifecycle across seasons with a scrubbable 42-day timeline and elegant serif typography.https://cdn.vibrant.design/videos/s8dnbqq/card/1440p.mp4?v=e3ce5948ffcd202026-09-16T11:55:35.708Z https://vibrant.design/feed/yspsu1m-kobra-motion-components-launch2026-09-16T11:55:52.959Zhttps://cdn.vibrant.design/videos/yspsu1m/card/poster.jpg?v=42fa000cb773https://cdn.vibrant.design/videos/yspsu1m/card/poster.jpg?v=42fa000cb773Kobra Motion Components LaunchMinimal black-and-white logo reveal introducing Kobra, a library of 80+ motion components with sound built as a shadcn/ui replacement.https://cdn.vibrant.design/videos/yspsu1m/card/1440p.mp4?v=42fa000cb773372026-09-16T11:55:51.638Z https://vibrant.design/feed/mn0v1qe-minimal-dark-render-sliders2026-09-16T11:56:06.332Zhttps://cdn.vibrant.design/videos/mn0v1qe/card/poster.jpg?v=1b2354614ae8https://cdn.vibrant.design/videos/mn0v1qe/card/poster.jpg?v=1b2354614ae8Minimal Dark Render SlidersA stark dark settings panel with minimal sliders for exposure, bloom, field of view, and samples in a 3D render tool.https://cdn.vibrant.design/videos/mn0v1qe/card/1440p.mp4?v=1b2354614ae8182026-09-16T11:56:04.847Z https://vibrant.design/feed/o790elv-open-source-floating-nav-dock2026-09-16T11:56:19.171Zhttps://cdn.vibrant.design/videos/o790elv/card/poster.jpg?v=37d04f09983dhttps://cdn.vibrant.design/videos/o790elv/card/poster.jpg?v=37d04f09983dOpen Source Floating Nav DockA minimal dark pill-shaped floating navigation dock with line icons that animates on hover, released as an open source component.https://cdn.vibrant.design/videos/o790elv/card/1440p.mp4?v=37d04f09983d82026-09-16T11:56:17.852Z https://vibrant.design/feed/lxl9m9c-invoice-date-picker-interaction2026-09-16T11:56:42.957Zhttps://cdn.vibrant.design/videos/lxl9m9c/card/poster.jpg?v=f25e77668fc8https://cdn.vibrant.design/videos/lxl9m9c/card/poster.jpg?v=f25e77668fc8Invoice Date Picker InteractionA minimal invoice payment UI featuring a smooth iOS-style scrolling date picker with pill-highlighted values, status tabs, and accent color options.https://cdn.vibrant.design/videos/lxl9m9c/card/720p.mp4?v=f25e77668fc892026-09-16T11:56:41.115Z https://vibrant.design/feed/7psodj1-ai-drawn-generative-animation2026-09-16T11:56:54.134Zhttps://cdn.vibrant.design/videos/7psodj1/card/poster.jpg?v=dc1c9a2ea525https://cdn.vibrant.design/videos/7psodj1/card/poster.jpg?v=dc1c9a2ea525AI-Drawn Generative AnimationA grainy blue orb with a deep purple center drawn frame-by-frame in JavaScript, set against a textured off-white paper background.https://cdn.vibrant.design/videos/7psodj1/card/1080p.mp4?v=dc1c9a2ea525282026-09-16T11:56:52.901Z https://vibrant.design/feed/7rldi3c-aspiration-ai-os-ultra2026-09-16T11:57:11.814Zhttps://cdn.vibrant.design/videos/7rldi3c/card/poster.jpg?v=a275aa738c7dhttps://cdn.vibrant.design/videos/7rldi3c/card/poster.jpg?v=a275aa738c7dAspiration AI OS UltraConcept AI operating system for a foldable iPhone, showing a Swiss-grid timeline of task blocks in muted olive, orange, and pink with bold date navigation.https://cdn.vibrant.design/videos/7rldi3c/card/1440p.mp4?v=a275aa738c7d52026-09-16T11:57:10.125Z https://vibrant.design/feed/b957ms0-aging-ui-toggle-switch2026-09-16T11:57:25.526Zhttps://cdn.vibrant.design/videos/b957ms0/card/poster.jpg?v=e6739869a64dhttps://cdn.vibrant.design/videos/b957ms0/card/poster.jpg?v=e6739869a64dAging UI Toggle SwitchA minimal toggle switch animation exploring how UI elements could age over time, rendered in soft grayscale on a clean white canvas.https://cdn.vibrant.design/videos/b957ms0/card/1080p.mp4?v=e6739869a64d122026-09-16T11:57:24.232Z https://vibrant.design/feed/wfpnt5r-pixel-buddy-character2026-09-16T11:57:40.535Zhttps://cdn.vibrant.design/videos/wfpnt5r/card/poster.jpg?v=142f3648133bhttps://cdn.vibrant.design/videos/wfpnt5r/card/poster.jpg?v=142f3648133bPixel Buddy CharacterA minimalist black-and-white pixel character—a teardrop shape with eyes and dotted texture—framed on a cream canvas.https://cdn.vibrant.design/videos/wfpnt5r/card/1080p.mp4?v=142f3648133b302026-09-16T11:57:39.090Z https://vibrant.design/feed/eehhh95-task-app-reward-motion2026-09-16T11:57:56.421Zhttps://cdn.vibrant.design/videos/eehhh95/card/poster.jpg?v=d28325e52fd9https://cdn.vibrant.design/videos/eehhh95/card/poster.jpg?v=d28325e52fd9Task App Reward MotionA habit-tracking mobile interface where completing tasks triggers playful progress rings, reward badges, and satisfying microinteractions.https://cdn.vibrant.design/videos/eehhh95/card/1440p.mp4?v=d28325e52fd942026-09-16T11:57:55.124Z https://vibrant.design/feed/zokj280-playful-illustrated-metro-card-designs2026-09-16T11:58:05.753Zhttps://cdn.vibrant.design/videos/zokj280/card/poster.jpg?v=fd1c746f9b60https://cdn.vibrant.design/videos/zokj280/card/poster.jpg?v=fd1c746f9b60Playful Illustrated Metro Card DesignsVibrant debit cards featuring playful line illustrations of a cricketer and cityscape, combining bold yellow and orange gradients with whimsical hand-drawn doodhttps://cdn.vibrant.design/videos/zokj280/card/1440p.mp4?v=fd1c746f9b6052026-09-16T11:58:04.292Z https://vibrant.design/feed/jqpwe9j-ai-tone-gradient-card-ui2026-09-16T11:58:20.893Zhttps://cdn.vibrant.design/videos/jqpwe9j/card/poster.jpg?v=08ca1863a600https://cdn.vibrant.design/videos/jqpwe9j/card/poster.jpg?v=08ca1863a600AI Tone Gradient Card UIVibrant gradient cards showcase an AI vs Human tone slider interface with warped edges and glowing color blends.https://cdn.vibrant.design/videos/jqpwe9j/card/1440p.mp4?v=08ca1863a600152026-09-16T11:58:18.993Z https://vibrant.design/feed/76q1clg-lavender-risograph-monumentalism2026-09-16T11:58:48.071Zhttps://cdn.vibrant.design/images/76q1clg/cover/720.webp?v=24bddd816bff https://vibrant.design/feed/bmjkuna-shader-driven-workflow-hero2026-09-17T09:00:10.020Zhttps://cdn.vibrant.design/videos/bmjkuna/card/poster.jpg?v=72807594cf3chttps://cdn.vibrant.design/videos/bmjkuna/card/poster.jpg?v=72807594cf3cShader-Driven Workflow HeroA minimal Cloudflare-style landing hero featuring an orange shader-rendered particle visualization that morphs workflow diagrams over a clean grid layout.https://cdn.vibrant.design/videos/bmjkuna/card/1440p.mp4?v=72807594cf3c152026-09-17T09:00:08.207Z https://vibrant.design/feed/pgsay4d-frame-controls-popover-ui2026-09-17T09:00:17.722Zhttps://cdn.vibrant.design/videos/pgsay4d/card/poster.jpg?v=0486e598fdb7https://cdn.vibrant.design/videos/pgsay4d/card/poster.jpg?v=0486e598fdb7Frame Controls Popover UIA clean design-tool popover with frame padding, corner, shadow, and cut controls beside a live hatched preview card.https://cdn.vibrant.design/videos/pgsay4d/card/1080p.mp4?v=0486e598fdb7302026-09-17T09:00:16.332Z https://vibrant.design/website/yovgmpb-griffin-the-bank-you-can-build-on2026-09-17T11:12:40.905Zhttps://cdn.vibrant.design/videos/yovgmpb/card/poster.jpg?v=1713c81048b3https://cdn.vibrant.design/videos/yovgmpb/card/poster.jpg?v=1713c81048b3Griffin's Hero SectionThis dark hero section showcases partner trust through elegant serif typography and an interactive logo grid that reveals floating testimonial cards upon hover.https://cdn.vibrant.design/videos/yovgmpb/card/1440p.mp4?v=1713c81048b3102026-09-17T10:47:17.604Z https://vibrant.design/website/chf53gf-gumloop-build-ai-agents-for-work2026-09-17T11:39:47.654Zhttps://cdn.vibrant.design/videos/chf53gf/card/poster.jpg?v=ffba8bb12300https://cdn.vibrant.design/videos/chf53gf/card/poster.jpg?v=ffba8bb12300Gumloop's Features SectionThis clean white hero section uses a split-screen layout with bold typography and a vertical tab system that transitions smoothly to showcase various AI agent mockups.https://cdn.vibrant.design/videos/chf53gf/card/1440p.mp4?v=ffba8bb1230052026-09-17T11:39:47.654Z https://vibrant.design/website/u3v2ccy-gumloop-s-hero-section2026-09-17T11:45:32.349Zhttps://cdn.vibrant.design/videos/u3v2ccy/card/poster.jpg?v=889bcfd8e0d7https://cdn.vibrant.design/videos/u3v2ccy/card/poster.jpg?v=889bcfd8e0d7Gumloop's Hero SectionThis minimalist, light-mode hero section features a bold headline above a detailed dashboard mockup showcasing user flows, analytics charts, and agent automation tools.https://cdn.vibrant.design/videos/u3v2ccy/card/1440p.mp4?v=889bcfd8e0d792026-09-17T11:45:32.349Z https://vibrant.design/website/j3npkq4-glide-s-hero-section2026-09-27T15:26:23.884Zhttps://cdn.vibrant.design/videos/j3npkq4/card/poster.jpg?v=c6000ef20d23https://cdn.vibrant.design/videos/j3npkq4/card/poster.jpg?v=c6000ef20d23Glide's Hero SectionInteractive hero section featuring tabbed content navigation with immersive 3D architectural building models creating depth and visual interest in the background.https://cdn.vibrant.design/videos/j3npkq4/card/1440p.mp4?v=c6000ef20d2392026-09-18T05:53:34.777Z https://vibrant.design/website/k7u6usn-glide-s-testimonials-section2026-09-18T05:54:17.481Zhttps://cdn.vibrant.design/videos/k7u6usn/card/poster.jpg?v=904326c54ddbhttps://cdn.vibrant.design/videos/k7u6usn/card/poster.jpg?v=904326c54ddbGlide's Testimonials SectionThis testimonial carousel showcases customer success stories using a horizontal grid of image cards that expand on hover to reveal quotes in clean white typography.https://cdn.vibrant.design/videos/k7u6usn/card/1440p.mp4?v=904326c54ddb82026-09-18T05:54:17.481Z https://vibrant.design/website/80g9vjk-cofounder-s-hero-section2026-09-18T11:36:11.800Zhttps://cdn.vibrant.design/images/80g9vjk/cover/720.webp?v=37a2c0d8201c https://vibrant.design/website/czx8m7r-equal-s-footer-section2026-09-18T11:36:22.093Zhttps://cdn.vibrant.design/images/czx8m7r/cover/720.webp?v=6e6d126f355b https://vibrant.design/website/pf4nyrc-equal-s-hero-section2026-09-18T11:36:58.530Zhttps://cdn.vibrant.design/images/pf4nyrc/cover/720.webp?v=2e301fbcb47d https://vibrant.design/feed/478ly8i-upstash-blob-serverless-storage2026-09-18T11:38:37.421Zhttps://cdn.vibrant.design/videos/478ly8i/card/poster.jpg?v=7404b1b62372https://cdn.vibrant.design/videos/478ly8i/card/poster.jpg?v=7404b1b62372Upstash Blob Serverless StorageA minimal launch video introducing Upstash Blob, a serverless file storage service for apps and AI agents, using clean lowercase typography on a soft off-whitehttps://cdn.vibrant.design/videos/478ly8i/card/1080p.mp4?v=7404b1b62372852026-09-18T11:38:35.489Z https://vibrant.design/website/pcyiyzl-beside-s-hero-section2026-09-18T11:39:38.880Zhttps://cdn.vibrant.design/videos/pcyiyzl/card/poster.jpg?v=7eca69536a86https://cdn.vibrant.design/videos/pcyiyzl/card/poster.jpg?v=7eca69536a86Beside's Hero SectionMinimal hero section featuring a layered dial element with subtle microinteractions and generous whitespace for elegant visual focus.https://cdn.vibrant.design/videos/pcyiyzl/card/1440p.mp4?v=7eca69536a8672026-09-18T11:39:38.880Z https://vibrant.design/website/2ynra7m-foglamp-s-hero-section2026-09-19T04:19:52.131Zhttps://cdn.vibrant.design/videos/2ynra7m/card/poster.jpg?v=cf3ccee5baa1https://cdn.vibrant.design/videos/2ynra7m/card/poster.jpg?v=cf3ccee5baa1Foglamp's Hero SectionDark hero section featuring a smooth fade-in animation that draws visitors into the design aesthetic.https://cdn.vibrant.design/videos/2ynra7m/card/1440p.mp4?v=cf3ccee5baa172026-09-19T04:17:28.688Z https://vibrant.design/website/8hk5fzt-foglamp-s-footer2026-09-19T04:17:58.993Zhttps://cdn.vibrant.design/videos/8hk5fzt/card/poster.jpg?v=e47a9614614dhttps://cdn.vibrant.design/videos/8hk5fzt/card/poster.jpg?v=e47a9614614dFoglamp's FooterThe missing observability layer for AI agents built on the Vercel AI SDK. Costs, latency, tokens, distributed traces, evals, and alerts for every generateText / streamText call — in two lines.https://cdn.vibrant.design/videos/8hk5fzt/card/1440p.mp4?v=e47a9614614d62026-09-19T04:17:58.993Z https://vibrant.design/website/2rvarpi-foglamp-s-faq-section2026-09-19T04:18:47.801Zhttps://cdn.vibrant.design/videos/2rvarpi/card/poster.jpg?v=53d3ec2df90bhttps://cdn.vibrant.design/videos/2rvarpi/card/poster.jpg?v=53d3ec2df90bFoglamp's FAQ sectionThis minimalist dark-mode FAQ section features a two-column layout where typing a custom question in the final row dynamically reveals the accordion answer.https://cdn.vibrant.design/videos/2rvarpi/card/1440p.mp4?v=53d3ec2df90b82026-09-19T04:18:47.801Z https://vibrant.design/website/hoj8obc-foglamp-s-pricing2026-09-19T04:23:22.730Zhttps://cdn.vibrant.design/images/hoj8obc/cover/720.webp?v=bc71f0c9e1b0 https://vibrant.design/website/indudmd-medusa-s-hero-section2026-09-21T07:17:18.200Zhttps://cdn.vibrant.design/videos/indudmd/card/poster.jpg?v=5f776d9f2a18https://cdn.vibrant.design/videos/indudmd/card/poster.jpg?v=5f776d9f2a18Medusa's Hero SectionThis minimalist developer hero section features bold sans-serif typography, a clean light layout, and interactive tabs showcasing code and dashboard previews.https://cdn.vibrant.design/videos/indudmd/card/1440p.mp4?v=5f776d9f2a1872026-09-21T07:17:18.200Z https://vibrant.design/website/nje3aoa-arcade-s-hero-section2026-09-21T07:17:52.329Zhttps://cdn.vibrant.design/videos/nje3aoa/card/poster.jpg?v=d722edf3dd01https://cdn.vibrant.design/videos/nje3aoa/card/poster.jpg?v=d722edf3dd01Arcade's Hero SectionCreate on-brand AI videos in minutes. Arcade's AI-powered platform helps 30k+ teams tell better product stories. Try free.,https://cdn.vibrant.design/videos/nje3aoa/card/1440p.mp4?v=d722edf3dd0152026-09-21T07:17:52.329Z https://vibrant.design/website/kypf0tk-deck-s-hero-section2026-09-21T07:18:19.424Zhttps://cdn.vibrant.design/videos/kypf0tk/card/poster.jpg?v=69707c0d8675https://cdn.vibrant.design/videos/kypf0tk/card/poster.jpg?v=69707c0d8675Deck's Hero SectionDeck pairs a unified API with computer-use AI agents, so you can automate any web-based task — even on portals with no API at all.https://cdn.vibrant.design/videos/kypf0tk/card/1440p.mp4?v=69707c0d867562026-09-21T07:18:19.424Z https://vibrant.design/website/taltt8n-agentwork-s-bento-grid2026-09-21T07:18:45.246Zhttps://cdn.vibrant.design/videos/taltt8n/card/poster.jpg?v=9c194f2c492bhttps://cdn.vibrant.design/videos/taltt8n/card/poster.jpg?v=9c194f2c492bAgentwork's Bento GridThis minimalist bento grid section explains tool integration and AI question-answering using clean typography, a light color palette, and smooth, synchronized vector animations.https://cdn.vibrant.design/videos/taltt8n/card/1440p.mp4?v=9c194f2c492b72026-09-21T07:18:45.246Z https://vibrant.design/feed/xlfls5m-holographic-webgpu-card2026-09-21T07:20:39.275Zhttps://cdn.vibrant.design/videos/xlfls5m/card/poster.jpg?v=7142d4eeeaeahttps://cdn.vibrant.design/videos/xlfls5m/card/poster.jpg?v=7142d4eeeaeaHolographic WebGPU CardA dark holographic collectible card with iridescent topographic lines and a Sierpinski triangle, revealing light effects as the pointer moves.https://cdn.vibrant.design/videos/xlfls5m/card/1440p.mp4?v=7142d4eeeaea62026-09-21T07:20:37.465Z https://vibrant.design/feed/s3w5q2j-koi-pond-portfolio-hero2026-09-21T07:20:51.824Zhttps://cdn.vibrant.design/videos/s3w5q2j/card/poster.jpg?v=1ee79aeb5392https://cdn.vibrant.design/videos/s3w5q2j/card/poster.jpg?v=1ee79aeb5392Koi Pond Portfolio HeroA personal portfolio featuring an animated koi pond hero with rippling water caustics, followed by a minimal editorial intro with an editable text-cursor microihttps://cdn.vibrant.design/videos/s3w5q2j/card/1440p.mp4?v=1ee79aeb5392182026-09-21T07:20:50.313Z https://vibrant.design/feed/rgiz3lf-emoji-physics-playground2026-09-21T07:21:02.336Zhttps://cdn.vibrant.design/videos/rgiz3lf/card/poster.jpg?v=e7653cc6b1c3https://cdn.vibrant.design/videos/rgiz3lf/card/poster.jpg?v=e7653cc6b1c3Emoji Physics PlaygroundA minimal browser app where dozens of Apple emojis tumble and pile up at the bottom of an empty canvas like physical objects.https://cdn.vibrant.design/videos/rgiz3lf/card/1440p.mp4?v=e7653cc6b1c3302026-09-21T07:21:00.843Z https://vibrant.design/website/xn5dt91-agentwork-s-feature-section2026-09-21T07:21:59.419Zhttps://cdn.vibrant.design/videos/xn5dt91/card/poster.jpg?v=200afa2cc459https://cdn.vibrant.design/videos/xn5dt91/card/poster.jpg?v=200afa2cc459Agentwork's Feature SectionAgentwork's Feature Section — Section design, curated on Vibrant Design.https://cdn.vibrant.design/videos/xn5dt91/card/1440p.mp4?v=200afa2cc45962026-09-21T07:21:59.419Z https://vibrant.design/feed/m2w672c-interactive-isometric-data-cards2026-09-21T07:22:13.836Zhttps://cdn.vibrant.design/videos/m2w672c/card/poster.jpg?v=f407b1c7f6dbhttps://cdn.vibrant.design/videos/m2w672c/card/poster.jpg?v=f407b1c7f6dbInteractive Isometric Data CardsThree stat cards with isometric wireframe charts—a bar graph, pie chart, and lighthouse clock—featuring orange accents and hover interactions on dark and creamhttps://cdn.vibrant.design/videos/m2w672c/card/1080p.mp4?v=f407b1c7f6db152026-09-21T07:22:12.602Z https://vibrant.design/website/br9puiu-www-shwn-design2026-09-21T09:08:34.649Zhttps://cdn.vibrant.design/videos/br9puiu/card/poster.jpg?v=0db38fd01fa0https://cdn.vibrant.design/videos/br9puiu/card/poster.jpg?v=0db38fd01fa0shawn.I'm Shawn, a design engineer based in Goa. I like building clean interfaces that feel effortless, with micro interactions that make products feel more alive.https://cdn.vibrant.design/videos/br9puiu/card/1440p.mp4?v=0db38fd01fa0232026-09-21T09:08:34.649Z https://vibrant.design/website/zggdkp6-skydive-s-footer2026-09-22T06:11:09.800Zhttps://cdn.vibrant.design/images/zggdkp6/cover/720.webp?v=7b2548ca4dee https://vibrant.design/website/f3xbgbk-www-skydive-com2026-09-22T06:12:38.968Zhttps://cdn.vibrant.design/videos/f3xbgbk/card/poster.jpg?v=b4c0b1d90774https://cdn.vibrant.design/videos/f3xbgbk/card/poster.jpg?v=b4c0b1d90774Skydive | Agents that live in the cloudSkydive lets you build AI agents in the cloud. Talk to them in Slack, email or iMessage. They use their own computer to do work for you.https://cdn.vibrant.design/videos/f3xbgbk/card/1440p.mp4?v=b4c0b1d90774192026-09-22T06:12:38.968Z https://vibrant.design/website/j8rfm3a-skydive-s-hero-section2026-09-22T06:13:44.630Zhttps://cdn.vibrant.design/videos/j8rfm3a/card/poster.jpg?v=311a5f03c145https://cdn.vibrant.design/videos/j8rfm3a/card/poster.jpg?v=311a5f03c145Skydive's Hero SectionCircular image assets with animated entrance sequencing into fading text overlay, demonstrating dynamic motion design for hero sections.https://cdn.vibrant.design/videos/j8rfm3a/card/1440p.mp4?v=311a5f03c14582026-09-22T06:13:44.630Z https://vibrant.design/website/cks556o-skydive-s-feature-section2026-09-22T06:14:26.949Zhttps://cdn.vibrant.design/videos/cks556o/card/poster.jpg?v=16186269da05https://cdn.vibrant.design/videos/cks556o/card/poster.jpg?v=16186269da05Skydive's Feature SectionSkydive lets you build AI agents in the cloud. Talk to them in Slack, email or iMessage. They use their own computer to do work for you.https://cdn.vibrant.design/videos/cks556o/card/1440p.mp4?v=16186269da05112026-09-22T06:14:26.949Z https://vibrant.design/website/zphtbq4-skydive-s-cta-section2026-09-22T06:14:48.843Zhttps://cdn.vibrant.design/images/zphtbq4/cover/720.webp?v=603afa98c578 https://vibrant.design/feed/6nq14ge-connect-customer-data-cards2026-09-22T06:21:29.260Zhttps://cdn.vibrant.design/videos/6nq14ge/card/poster.jpg?v=ceee459de43ahttps://cdn.vibrant.design/videos/6nq14ge/card/poster.jpg?v=ceee459de43aConnect Customer Data CardsA stacked card animation connecting customer health signals from various tools, set against a soft blurred natural gradient backdrop.https://cdn.vibrant.design/videos/6nq14ge/card/1440p.mp4?v=ceee459de43a152026-09-22T06:21:27.232Z https://vibrant.design/feed/0uof5ae-metricra-engraved-coastal-footer2026-09-22T06:21:46.760Zhttps://cdn.vibrant.design/videos/0uof5ae/card/poster.jpg?v=2022c051f5bfhttps://cdn.vibrant.design/videos/0uof5ae/card/poster.jpg?v=2022c051f5bfMetricra Engraved Coastal FooterA website footer pairing classic link columns with a monochromatic blue engraved illustration of a Mediterranean coastline, cathedral, and calm sea.https://cdn.vibrant.design/videos/0uof5ae/card/720p.mp4?v=2022c051f5bf82026-09-22T06:21:44.702Z https://vibrant.design/feed/mqfgg3b-switchyard-mcp-hero-section2026-09-22T06:22:04.203Zhttps://cdn.vibrant.design/videos/mqfgg3b/card/poster.jpg?v=b48a4c66bcc0https://cdn.vibrant.design/videos/mqfgg3b/card/poster.jpg?v=b48a4c66bcc0Switchyard MCP Hero SectionClean SaaS hero with bold centered typography and a connected node diagram linking AI tools through a central hub icon.https://cdn.vibrant.design/videos/mqfgg3b/card/720p.mp4?v=b48a4c66bcc062026-09-22T06:22:02.102Z https://vibrant.design/feed/mvn2ioy-onboarding-photo-selection2026-09-22T06:22:23.437Zhttps://cdn.vibrant.design/videos/mvn2ioy/card/poster.jpg?v=05644aed9ccahttps://cdn.vibrant.design/videos/mvn2ioy/card/poster.jpg?v=05644aed9ccaOnboarding Photo SelectionA simple and intuitive cover photo selection processhttps://cdn.vibrant.design/videos/mvn2ioy/card/1440p.mp4?v=05644aed9cca162026-09-22T06:22:20.742Z https://vibrant.design/feed/elg5qrv-morphing-navigation-component2026-09-22T06:25:20.890Zhttps://cdn.vibrant.design/videos/elg5qrv/card/poster.jpg?v=d6007ea5f181https://cdn.vibrant.design/videos/elg5qrv/card/poster.jpg?v=d6007ea5f181Morphing Navigation ComponentA smooth morphing navigation demo with pill-shaped menus and floating button layered over an immersive hero photo of a wavy terracotta building.https://cdn.vibrant.design/videos/elg5qrv/card/720p.mp4?v=d6007ea5f18192026-09-22T06:25:14.705Z https://vibrant.design/feed/rl9om9e-painterly-laundry-day-scene2026-09-22T06:25:26.443Zhttps://cdn.vibrant.design/videos/rl9om9e/card/poster.jpg?v=45f89df7bd07https://cdn.vibrant.design/videos/rl9om9e/card/poster.jpg?v=45f89df7bd07Painterly Laundry Day SceneA sunlit, painterly scene of shirts, towels, and socks drying on a clothesline beside a wicker basket, evoking a warm nostalgic summer afternoon.https://cdn.vibrant.design/videos/rl9om9e/card/1440p.mp4?v=45f89df7bd07142026-09-22T06:25:24.644Z https://vibrant.design/feed/xpzyym5-handhold-grainy-gradient-branding2026-09-22T06:25:36.204Zhttps://cdn.vibrant.design/videos/xpzyym5/card/poster.jpg?v=e8e6b3fc6c6ehttps://cdn.vibrant.design/videos/xpzyym5/card/poster.jpg?v=e8e6b3fc6c6eHandhold Grainy Gradient BrandingHandhold's brand visuals pair soft grainy gradient waves and 3D forms with minimal typography and clean UI cards for an AI agent product.https://cdn.vibrant.design/videos/xpzyym5/card/1440p.mp4?v=e8e6b3fc6c6e112026-09-22T06:25:34.540Z https://vibrant.design/feed/6f24nfj-minimal-product-ui-animations2026-09-22T06:25:49.098Zhttps://cdn.vibrant.design/videos/6f24nfj/card/poster.jpg?v=a866bf4c9665https://cdn.vibrant.design/videos/6f24nfj/card/poster.jpg?v=a866bf4c9665Minimal Product UI AnimationsLight, minimal interface animations showcasing a productivity app with checklist cards, progress bars, and skeleton loading rows in a clean monochrome style.https://cdn.vibrant.design/videos/6f24nfj/card/1440p.mp4?v=a866bf4c966532026-09-22T06:25:47.053Z https://vibrant.design/feed/8pk4jnh-animated-3d-fire-icon2026-09-22T06:25:58.301Zhttps://cdn.vibrant.design/videos/8pk4jnh/card/poster.jpg?v=5ecff053b64ahttps://cdn.vibrant.design/videos/8pk4jnh/card/poster.jpg?v=5ecff053b64aAnimated 3D Fire IconA glossy clay-style 3D flame icon with layered orange and yellow forms, generated via a single AI prompt and animated with looping motion.https://cdn.vibrant.design/videos/8pk4jnh/card/1440p.mp4?v=5ecff053b64a52026-09-22T06:25:56.686Z https://vibrant.design/feed/hqtdwyb-clued-detective-app-icon2026-09-22T06:26:08.793Zhttps://cdn.vibrant.design/videos/hqtdwyb/card/poster.jpg?v=d539d6decbd5https://cdn.vibrant.design/videos/hqtdwyb/card/poster.jpg?v=d539d6decbd5Clued Detective App IconA 3D app icon depicting a detective evidence board with pinned polaroids, red string, a magnifying glass, and a CLUED tape label on dark grid.https://cdn.vibrant.design/videos/hqtdwyb/card/1440p.mp4?v=d539d6decbd552026-09-22T06:26:07.328Z https://vibrant.design/feed/8hw28qj-procedural-flame-simulation2026-09-22T08:27:08.656Zhttps://cdn.vibrant.design/videos/8hw28qj/card/poster.jpg?v=2e93966a21e6https://cdn.vibrant.design/videos/8hw28qj/card/poster.jpg?v=2e93966a21e6Procedural Flame SimulationA soft procedural flame rendered as glowing orange and peach gradients rising through an airy white frame with subtle pixel noise.https://cdn.vibrant.design/videos/8hw28qj/card/1080p.mp4?v=2e93966a21e662026-09-22T08:27:07.043Z https://vibrant.design/feed/t3dtjdw-torq-car-diagnostics-landing2026-09-22T08:27:11.590Zhttps://cdn.vibrant.design/videos/t3dtjdw/card/poster.jpg?v=cc220c50542chttps://cdn.vibrant.design/videos/t3dtjdw/card/poster.jpg?v=cc220c50542cTorq Car Diagnostics LandingA minimal product landing page showcasing a thumb-sized OBD dongle with bold typography, crosshair guides, and floating spec cards.https://cdn.vibrant.design/videos/t3dtjdw/card/1080p.mp4?v=cc220c50542c302026-09-22T08:27:09.774Z https://vibrant.design/feed/5jqem2e-ledger-fintech-dashboard-cards2026-09-22T08:27:23.017Zhttps://cdn.vibrant.design/images/5jqem2e/cover/720.webp?v=c134e1767295 https://vibrant.design/feed/9gz5llc-meeh-reflection-landing-hero2026-09-22T08:27:31.678Zhttps://cdn.vibrant.design/images/9gz5llc/cover/720.webp?v=3a403a71f4b6 https://vibrant.design/website/lifimhf-imdaryl-com2026-09-23T16:26:12.078Zhttps://cdn.vibrant.design/videos/lifimhf/card/poster.jpg?v=21cd1d90a998https://cdn.vibrant.design/videos/lifimhf/card/poster.jpg?v=21cd1d90a998Daryl · Founding DesignerDaryl Patigas, founding designer at Lottielab, a browser-based tool for product animation. Born in Cebu, based in London.https://cdn.vibrant.design/videos/lifimhf/card/1440p.mp4?v=21cd1d90a998282026-09-23T16:26:12.078Z https://vibrant.design/website/g0okvzg-linkletter-s-hero-section2026-09-25T05:51:29.996Zhttps://cdn.vibrant.design/videos/g0okvzg/card/poster.jpg?v=b53ff43134abhttps://cdn.vibrant.design/videos/g0okvzg/card/poster.jpg?v=b53ff43134abLinkLetter's Hero SectionThis minimalist hero section introduces a newsletter service using centered serif typography, hand-drawn accent lines, and a warm, editorial terracotta-and-white color palette.https://cdn.vibrant.design/videos/g0okvzg/card/1440p.mp4?v=b53ff43134ab52026-09-25T05:51:29.996Z https://vibrant.design/feed/fu4yz5n-bg0-local-background-removal2026-09-26T06:33:02.777Zhttps://cdn.vibrant.design/videos/fu4yz5n/card/poster.jpg?v=b6f022e57e73https://cdn.vibrant.design/videos/fu4yz5n/card/poster.jpg?v=b6f022e57e73bg0 Local Background RemovalA dark, minimal landing page for a privacy-first background removal tool, featuring a drag-drop dropzone, keyboard shortcut guides, and a before/after cat demo.https://cdn.vibrant.design/videos/fu4yz5n/card/1080p.mp4?v=b6f022e57e73162026-09-26T06:32:58.420Z https://vibrant.design/website/14z2f1a-resurf-s-feature-section2026-09-26T06:35:02.380Zhttps://cdn.vibrant.design/videos/14z2f1a/card/poster.jpg?v=b4394da87400https://cdn.vibrant.design/videos/14z2f1a/card/poster.jpg?v=b4394da87400Resurf's Feature SectionMinimal hero section with tabbed interface showcasing subtle microinteractions and refined typography across clean white space.https://cdn.vibrant.design/videos/14z2f1a/card/1440p.mp4?v=b4394da8740052026-09-26T06:35:02.380Z https://vibrant.design/website/azzrrce-resurf-s-bento-grid2026-09-26T06:35:53.299Zhttps://cdn.vibrant.design/images/azzrrce/cover/720.webp?v=7198b3686379 https://vibrant.design/website/s0x2m91-mobbin-s-showcase-section2026-09-26T06:44:05.316Zhttps://cdn.vibrant.design/videos/s0x2m91/card/poster.jpg?v=1518b5b76cdahttps://cdn.vibrant.design/videos/s0x2m91/card/poster.jpg?v=1518b5b76cdaMobbin's Showcase SectionThis minimalist feature section showcases mobile UI patterns through an interactive, tabbed carousel of phone mockups on a clean white background.https://cdn.vibrant.design/videos/s0x2m91/card/1440p.mp4?v=1518b5b76cda72026-09-26T06:44:05.316Z https://vibrant.design/feed/s8ac07h-glitter-sticker-lettering-effect2026-09-28T06:05:33.479Zhttps://cdn.vibrant.design/videos/s8ac07h/card/poster.jpg?v=d5bff45bd939https://cdn.vibrant.design/videos/s8ac07h/card/poster.jpg?v=d5bff45bd939Glitter Sticker Lettering EffectPlayful holographic glitter sticker lettering reading "You're Absolutely Right" with rainbow bubble type, sparkles, and a die-cut sticker treatment.https://cdn.vibrant.design/videos/s8ac07h/card/1440p.mp4?v=d5bff45bd939132026-09-28T06:05:27.467Z https://vibrant.design/feed/rbmbk4t-stretch-carousel-scroll-effects2026-09-28T06:07:30.020Zhttps://cdn.vibrant.design/videos/rbmbk4t/card/poster.jpg?v=8e1d69219026https://cdn.vibrant.design/videos/rbmbk4t/card/poster.jpg?v=8e1d69219026Stretch Carousel Scroll EffectsAn interactive WebGL carousel showcasing six playful card distortion effects like stretch, bulge, shatter, and glitch across SwiftUI, React Native, and web.https://cdn.vibrant.design/videos/rbmbk4t/card/1080p.mp4?v=8e1d69219026302026-09-28T06:07:25.948Z https://vibrant.design/website/c7qm6ik-devin-ai-s-hero-section2026-09-28T06:22:31.026Zhttps://cdn.vibrant.design/videos/c7qm6ik/card/poster.jpg?v=c89a344f2cafhttps://cdn.vibrant.design/videos/c7qm6ik/card/poster.jpg?v=c89a344f2cafDevin AI's hero sectionClean, light-themed hero section introducing an AI software engineer with bold typography, minimalist buttons, and an active, real-time video demo of the product interface.https://cdn.vibrant.design/videos/c7qm6ik/card/1440p.mp4?v=c89a344f2caf52026-09-28T06:22:31.026Z https://vibrant.design/website/13543ty-devin-ai-s-logo-cloud2026-09-28T06:24:07.591Zhttps://cdn.vibrant.design/videos/13543ty/card/poster.jpg?v=ed4292ba7a3ehttps://cdn.vibrant.design/videos/13543ty/card/poster.jpg?v=ed4292ba7a3eDevin AI's Logo CloudA minimalist logo grid where hovering each client mark reveals a project image, turning a simple logo cloud into an interactive showcase.https://cdn.vibrant.design/videos/13543ty/card/1440p.mp4?v=ed4292ba7a3e72026-09-28T06:24:07.591Z https://vibrant.design/feed/mjing1e-kyoto-station-live-platform-map2026-09-28T09:41:59.065Zhttps://cdn.vibrant.design/videos/mjing1e/card/poster.jpg?v=54d791726496https://cdn.vibrant.design/videos/mjing1e/card/poster.jpg?v=54d791726496Kyoto Station Live Platform MapA train app screen showing an isometric live platform map of Kyoto Station with departing Shinkansen trains and real-time platform status.https://cdn.vibrant.design/videos/mjing1e/card/1440p.mp4?v=54d79172649682026-09-28T09:41:55.623Z https://vibrant.design/feed/bltzezw-minimal-history-timeline-explorer2026-09-28T09:42:09.530Zhttps://cdn.vibrant.design/videos/bltzezw/card/poster.jpg?v=b09ec37abc0fhttps://cdn.vibrant.design/videos/bltzezw/card/poster.jpg?v=b09ec37abc0fMinimal History Timeline ExplorerA minimal web app that visualizes historical events on a clean horizontal timeline with a centered prompt to add events, people, or eras.https://cdn.vibrant.design/videos/bltzezw/card/1440p.mp4?v=b09ec37abc0f132026-09-28T09:42:06.331Z https://vibrant.design/feed/59are8x-grainy-ace-of-diamonds-card2026-09-28T09:42:21.349Zhttps://cdn.vibrant.design/videos/59are8x/card/poster.jpg?v=7461dd6a293dhttps://cdn.vibrant.design/videos/59are8x/card/poster.jpg?v=7461dd6a293dGrainy Ace of Diamonds CardA playing card design featuring an ace of diamonds rendered in swirling red particle grain patterns against a clean white background.https://cdn.vibrant.design/videos/59are8x/card/1080p.mp4?v=7461dd6a293d32026-09-28T09:42:18.031Z https://vibrant.design/feed/20axp2a-northwind-crm-activity-interface2026-09-28T09:42:35.972Zhttps://cdn.vibrant.design/videos/20axp2a/card/poster.jpg?v=5cb52ec06940https://cdn.vibrant.design/videos/20axp2a/card/poster.jpg?v=5cb52ec06940Northwind CRM Activity InterfaceA minimal monochrome CRM record page with details sidebar, activity timeline tabs, and clean typographic hierarchy for explaining UX decisions.https://cdn.vibrant.design/videos/20axp2a/card/1080p.mp4?v=5cb52ec06940302026-09-28T09:42:32.224Z https://vibrant.design/feed/gucqu2h-melon-jelly-material-study2026-09-28T09:42:46.528Zhttps://cdn.vibrant.design/videos/gucqu2h/card/poster.jpg?v=2400c0fc6ac0https://cdn.vibrant.design/videos/gucqu2h/card/poster.jpg?v=2400c0fc6ac0Melon Jelly Material StudyAn interactive soft-body watermelon slice with jiggly jelly physics, editable firmness controls, and a playful editorial lab aesthetic.https://cdn.vibrant.design/videos/gucqu2h/card/1080p.mp4?v=2400c0fc6ac0182026-09-28T09:42:42.112Z https://vibrant.design/feed/aaizlh8-evolution-of-the-cursor2026-09-28T09:43:05.330Zhttps://cdn.vibrant.design/videos/aaizlh8/card/poster.jpg?v=d1a7316de44chttps://cdn.vibrant.design/videos/aaizlh8/card/poster.jpg?v=d1a7316de44cEvolution of the CursorA minimal animated timeline tracing the mouse cursor's history from Engelbart's 1968 NLS arrow to today, with a scrubbing tick-mark timeline.https://cdn.vibrant.design/videos/aaizlh8/card/1440p.mp4?v=d1a7316de44c132026-09-28T09:43:01.724Z https://vibrant.design/feed/t3wirsb-deep-sea-fish-swarm2026-09-28T09:43:19.186Zhttps://cdn.vibrant.design/videos/t3wirsb/card/poster.jpg?v=a6b6365b089dhttps://cdn.vibrant.design/videos/t3wirsb/card/poster.jpg?v=a6b6365b089dDeep Sea Fish SwarmAn immersive underwater simulation with thousands of fish schooling in glowing blue light, driven by WebGPU compute shaders and interactive mouse gestures.https://cdn.vibrant.design/videos/t3wirsb/card/1440p.mp4?v=a6b6365b089d272026-09-28T09:43:15.320Z https://vibrant.design/feed/ta8df5t-japanese-corporate-id-card-render2026-09-28T09:43:32.103Zhttps://cdn.vibrant.design/videos/ta8df5t/card/poster.jpg?v=e791f433d39bhttps://cdn.vibrant.design/videos/ta8df5t/card/poster.jpg?v=e791f433d39bJapanese Corporate ID Card RenderA monochrome 3D-rendered Japanese employee ID badge featuring bilingual typography, an anime portrait, OpenAI branding, and clean grid layout.https://cdn.vibrant.design/videos/ta8df5t/card/1440p.mp4?v=e791f433d39b112026-09-28T09:43:28.901Z https://vibrant.design/feed/khd2oto-monochrome-dot-grid-pattern2026-09-28T09:43:41.205Zhttps://cdn.vibrant.design/videos/khd2oto/card/poster.jpg?v=d629e0f5eef8https://cdn.vibrant.design/videos/khd2oto/card/poster.jpg?v=d629e0f5eef8Monochrome Dot Grid PatternA minimalist generative artwork featuring a grid of black dots on off-white, likely animating through subtle p5.js transformations.https://cdn.vibrant.design/videos/khd2oto/card/1080p.mp4?v=d629e0f5eef8302026-09-28T09:43:37.516Z https://vibrant.design/feed/xlnvk40-wellness-app-animated-onboarding2026-09-28T09:43:51.976Zhttps://cdn.vibrant.design/videos/xlnvk40/card/poster.jpg?v=15a253f59f4dhttps://cdn.vibrant.design/videos/xlnvk40/card/poster.jpg?v=15a253f59f4dWellness App Animated OnboardingMinimal health app screens with soft neutral tones, blurred glass overlays, and smooth animated transitions between splash, greeting, and dashboard views.https://cdn.vibrant.design/videos/xlnvk40/card/1080p.mp4?v=15a253f59f4d62026-09-28T09:43:47.498Z https://vibrant.design/feed/u0rmi05-dream-produce-sticker-type2026-09-28T09:44:14.857Zhttps://cdn.vibrant.design/images/u0rmi05/cover/680.webp?v=38fc354ebaf0 https://vibrant.design/website/5enm6f9-interfere-s-about-page2026-09-28T16:22:45.479Zhttps://cdn.vibrant.design/videos/5enm6f9/card/poster.jpg?v=b86f3a4c0265https://cdn.vibrant.design/videos/5enm6f9/card/poster.jpg?v=b86f3a4c0265Interfere's About PageThis minimalist about page features clean serif typography and a structured editorial layout, anchored by a soft, vibrant gradient glow at the bottom.https://cdn.vibrant.design/videos/5enm6f9/card/1440p.mp4?v=b86f3a4c026582026-09-28T16:22:45.479Z