Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

Now in your stack: Storefront Web Components 🧩 Add commerce blocks to any website: • Integrate with embeddable building blocks • Customize using CSS

Shopify Developers

64,282 subscribers

44,465 views • 1 year ago •via X (Twitter)

Science & Technology

Anya Rossi• Live Now

Private livecam show

6 Comments

Shopify Developers1 year ago

Plug Storefront Web Components to your website:

UserInterface2 years ago

Unlocking the Power of Blog Networks: The Benefits of Publishing Your Articles #blogging #marketing #seo

Itamar Stollman1 year ago

Is she an AI avatar?

Shopify Developers1 year ago

no, but she’s got dev mode enabled 😉

Francesco Ciulla1 year ago

hey @lizkenyon07 , long time no see!

Ralfs Lagzda1 year ago

Will the components support apps?

Related Videos

Building a Nike E-commerce Website using HTML, CSS, JavaScript with Stripe Payment Integration

Building a Nike E-commerce Website using HTML, CSS, JavaScript with Stripe Payment Integration

Dhanian 🗯️

13,672 views • 1 year ago

Grab your blocks, and get ready to level up your building! ⛏️ Get the World Builder Add-On here:

Grab your blocks, and get ready to level up your building! ⛏️ Get the World Builder Add-On here:

Oreville Studios 🥑

32,406 views • 1 year ago

Introducing Code Blocks A set of UI components & utilities to show your code beautifully. ✓ Copy-Paste. 100% free. ✓ Shiki or Sugar-High for syntax highlighter. ✓ Add components with shadcn /ui CLI. ✓ Docs built with Next.js + Base UI ✨

Introducing Code Blocks A set of UI components & utilities to show your code beautifully. ✓ Copy-Paste. 100% free. ✓ Shiki or Sugar-High for syntax highlighter. ✓ Add components with shadcn /ui CLI. ✓ Docs built with Next.js + Base UI ✨

Pablo

17,916 views • 4 months ago

agent neo now makes videos. it can work as flexible components across all your projects. create storyboards, video clips & more - all designed to work as building blocks in your websites, docs & whatever else you're cooking up!

agent neo now makes videos. it can work as flexible components across all your projects. create storyboards, video clips & more - all designed to work as building blocks in your websites, docs & whatever else you're cooking up!

Flowith

76,815 views • 1 year ago

Easily customize your website, dig into specific elements, and get AI generative fixes for CSS bugs with AI Assistance in #ChromeDevTools:

Easily customize your website, dig into specific elements, and get AI generative fixes for CSS bugs with AI Assistance in #ChromeDevTools:

Chrome for Developers

25,960 views • 1 year ago

Build and customize complex AI applications with a flexible framework in this new short course, Building AI Applications with Haystack. Created in collaboration with deepset, makers of Haystack, and taught by Tuana, who is the developer relations lead for Haystack at deepset. Generative AI technology is changing rapidly and it can be challenging to integrate APIs from different LLMs, vector databases, and various tools such as web search. In this course, you will learn how to use the Haystack framework to make your development process more modular, allowing you to manage complexity and focus more on building your application. In detail, you’ll: - Build a RAG pipeline using Haystack’s main building blocks – components, pipelines, and document stores. - Create custom components in your pipeline by building a Hacker News summarizer that extends your app’s ability to access APIs. - Use conditional routing to create a branching pipeline with a fallback to web search mechanism when the LLM does not have the necessary context to respond to the user's query. - Build a self-reflecting agent for named entity recognition that loops using an output validator custom component. - Create a chat agent using OpenAI's function-calling capabilities which allow you to provide Haystack pipelines as tools to the LLM, enhancing that agent's capabilities. By the end of this course, you will learn a high-level orchestration framework that can help make your applications flexible, extendible, and maintainable, even as the technology stack changes, new user needs arise, and you add new features to your application. Please sign up here:

Build and customize complex AI applications with a flexible framework in this new short course, Building AI Applications with Haystack. Created in collaboration with deepset, makers of Haystack, and taught by Tuana, who is the developer relations lead for Haystack at deepset. Generative AI technology is changing rapidly and it can be challenging to integrate APIs from different LLMs, vector databases, and various tools such as web search. In this course, you will learn how to use the Haystack framework to make your development process more modular, allowing you to manage complexity and focus more on building your application. In detail, you’ll: - Build a RAG pipeline using Haystack’s main building blocks – components, pipelines, and document stores. - Create custom components in your pipeline by building a Hacker News summarizer that extends your app’s ability to access APIs. - Use conditional routing to create a branching pipeline with a fallback to web search mechanism when the LLM does not have the necessary context to respond to the user's query. - Build a self-reflecting agent for named entity recognition that loops using an output validator custom component. - Create a chat agent using OpenAI's function-calling capabilities which allow you to provide Haystack pipelines as tools to the LLM, enhancing that agent's capabilities. By the end of this course, you will learn a high-level orchestration framework that can help make your applications flexible, extendible, and maintainable, even as the technology stack changes, new user needs arise, and you add new features to your application. Please sign up here:

Andrew Ng

53,788 views • 1 year ago

🚀 Introducing Motion Copilot! - Describe your animation in any language & watch it turn into keyframes. - Overcome creative blocks and save hours of tedious work. - Collaborate with AI to refine & customize to perfection. Try on Lottie Creator today! 👉

🚀 Introducing Motion Copilot! - Describe your animation in any language & watch it turn into keyframes. - Overcome creative blocks and save hours of tedious work. - Collaborate with AI to refine & customize to perfection. Try on Lottie Creator today! 👉

LottieFiles

71,819 views • 2 years ago

Just shipped a big batch of 82 shadcn blocks to speed up your e‑commerce and landing page builds in our Figma kit and React. [1] 55 New E‑commerce Blocks: checkouts, incentives, order summaries, product headers/lists/filters, sale sections, carts, navbars, and examples.

Just shipped a big batch of 82 shadcn blocks to speed up your e‑commerce and landing page builds in our Figma kit and React. [1] 55 New E‑commerce Blocks: checkouts, incentives, order summaries, product headers/lists/filters, sale sections, carts, navbars, and examples.

Matt

19,259 views • 6 months ago

In v2, you can easily add user generated, no code building blocks (avatars, 3D, logic blocks etc). Here's me updating the parameters of an AI NPC behavior attached to an avatar (VRM). Soon they'll be shareable; creative composability at its finest and at your fingertips.

rayan ᴏɴᴄʏʙᴇʀ

10,510 views • 1 year ago

Today at #GoogleIO, I shared how we’ve been laying the building blocks for the future of agentic commerce with Universal Commerce Protocol (UCP), Agent Payments Protocol (AP2), and our new Universal Cart.

Today at #GoogleIO, I shared how we’ve been laying the building blocks for the future of agentic commerce with Universal Commerce Protocol (UCP), Agent Payments Protocol (AP2), and our new Universal Cart.

Vidhya Srinivasan

40,193 views • 1 month ago

Automations is live on Product Hunt 😸! 🚀 🛠️ Build powerful workflows for your GTM team 🤖 Use AI blocks for intelligent automation 🔗 Integrate & orchestrate with tools in your stack We’ll be answering comments & questions all day. Check us out! Link in thread👇

Automations is live on Product Hunt 😸! 🚀 🛠️ Build powerful workflows for your GTM team 🤖 Use AI blocks for intelligent automation 🔗 Integrate & orchestrate with tools in your stack We’ll be answering comments & questions all day. Check us out! Link in thread👇

Attio

28,815 views • 2 years ago

HAHAHAHAHAH. Seattle residents are now building WALLS on their blocks to keep out criminals.

HAHAHAHAHAH. Seattle residents are now building WALLS on their blocks to keep out criminals.

End Wokeness

703,556 views • 1 month ago

How to calculate the number of blocks for your building project © Stephen Akano

How to calculate the number of blocks for your building project © Stephen Akano

BSAT Properties

342,330 views • 3 months ago

"Basically it's like Lego blocks. If you're a developer, we give you the basic element of the blocks that you can customize your solution with." Learn about Ava Protocol with Chris @ Ava Protocol in this 3 minute clip from Infinite Layers. powered by 🔋

"Basically it's like Lego blocks. If you're a developer, we give you the basic element of the blocks that you can customize your solution with." Learn about Ava Protocol with Chris @ Ava Protocol in this 3 minute clip from Infinite Layers. powered by 🔋

BuildOnEigen

14,482 views • 1 year ago

ALL 18 OF THE MAVS BLOCKS TODAY 👋 🏀 Most blocks in franchise history 🏀 Most blocks by any team since Nov. 2022

ALL 18 OF THE MAVS BLOCKS TODAY 👋 🏀 Most blocks in franchise history 🏀 Most blocks by any team since Nov. 2022

NBA

332,481 views • 1 year ago

here’s CSS GUI ( by Components AI) using GPT-4 to create website markup from a prompt and then expose the styles to be edited generatively

here’s CSS GUI ( by Components AI) using GPT-4 to create website markup from a prompt and then expose the styles to be edited generatively

harley turan

17,328 views • 3 years ago

🫱‍🫲 Create and play together using "Beam" blocks! Beam blocks make it possible to create collaborative #OctoStudio projects using Bluetooth. Send or receive a beam from any phone nearby to make something happen. ➡️ Download and learn more at

🫱‍🫲 Create and play together using "Beam" blocks! Beam blocks make it possible to create collaborative #OctoStudio projects using Bluetooth. Send or receive a beam from any phone nearby to make something happen. ➡️ Download and learn more at

OctoStudio

10,182 views • 2 years ago

I built "google" for searching shadcn blocks on the web I indexed a few shadcn blocks sites shadcnblocks @tailark cult-ui Jordan efferd ui Shaban I don't know what to name this tool, any idea?

I built "google" for searching shadcn blocks on the web I indexed a few shadcn blocks sites shadcnblocks @tailark cult-ui Jordan efferd ui Shaban I don't know what to name this tool, any idea?

Ali Bey

23,742 views • 6 months ago