正在加载视频...

视频加载失败

返回首页

Introducing Storefront UI 2.0 - our eCommerce UI Library. After 700k+ downloads & thousands of live stores with v1, we've learned a thing or two: 👉 now supports Vue and React 👉 performance 95-100 on Lighthouse 👉 WCAG 2 compliancy out of the box

useAlokai's profile picture

Alokai

4,876 subscribers

141,490 次观看 • 3 年前 •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

10 条评论

Jonathan Bakebwa (hiring) 的头像
Jonathan Bakebwa (hiring)3 年前

@VSFdevelopers @vuejs @reactjs Congrats on the release! Just looked at the codebase and it looks interesting! Have you had the chance to look at @zag_js? (It implements state-machine driven UI components). We're using this to build at @chakra_ui HQ. Might be interesting for you!

sergii 的头像
sergii3 年前

@VSFdevelopers @vuejs @reactjs Great job @StorefrontUI team and everyone in @VSFdevelopers! This is a huge achievement!

Saran Pariyar 的头像
Saran Pariyar3 年前

@VSFdevelopers @vuejs @reactjs Cool!

Alokai 的头像
Alokai3 年前

@vuejs @reactjs 🚀

Filip Rakowski 的头像
Filip Rakowski3 年前

@VSFdevelopers @vuejs @reactjs I'm sooooooooo excited! I probably won't sleep today

Piotr Gacek 🐟 的头像
Piotr Gacek 🐟3 年前

@VSFdevelopers @vuejs @reactjs VSF to Vue:

Alokai 的头像
Alokai3 年前

@vuejs @reactjs haha, we still love @vuejs 💚 but our hearts can carry love for multi frameworks 👀💙

Marc Backes 的头像
Marc Backes3 年前

@VSFdevelopers @vuejs @reactjs This is amazing 🤩

Rafał Surowiecki 的头像
Rafał Surowiecki3 年前

@VSFdevelopers @vuejs @reactjs Awesome!

Alokai 的头像
Alokai3 年前

@vuejs @reactjs 🚀💥

相关视频

Updates keep rolling out on Shido DEX. New UI upgrades are live with enhanced user experience. Trade thousand of tokens across 5 networks with deep liquidity and minimal slippage. Cross-chain swaps, limit orders and staking platform. Trade now 👉
2:26

Updates keep rolling out on Shido DEX. New UI upgrades are live with enhanced user experience. Trade thousand of tokens across 5 networks with deep liquidity and minimal slippage. Cross-chain swaps, limit orders and staking platform. Trade now 👉

Shido

48,351 次观看 • 2 年前

Is this a 3D cinematic website? 🎥 👀 What Makes a Winner? #104 Awwwards Site of the day and its tech stack. 💿 Front-end: - ThreeJS ( - TailwindCSS ( - React - React Router 🧰Utility stack: - Google Font API - Open Graph - HTTP/2 💡 Lighthouse: - Performance 54 out of 100. - Accessibility 100 out of 100. - Best Practises 96 out of 100. - SEO 91 out of 100. 💡 Lighthouse mobile: - Performance 31 out of 100. - Accessibility 100 out of 100. - Best Practises 96 out of 100. - SEO 91 out of 100. 🔗 (by Uprising) Today we are looking at a great cinematic-alike website made by Uprising! Feel free to explore this site that showcases ton of a great portfolio items. 👏 👉🏻 Support me and build the MVP or enterprise websites with ready-to-build boilerplate at Please consider like, repost and comment, it will help me to build more content like this. 🙏 #backend #uiux #uiuxdesign #CSS #buildinpublic #HTML #typescript #WordPress #vue #nuxtjs #react #nextjs
0:45

Is this a 3D cinematic website? 🎥 👀 What Makes a Winner? #104 Awwwards Site of the day and its tech stack. 💿 Front-end: - ThreeJS ( - TailwindCSS ( - React - React Router 🧰Utility stack: - Google Font API - Open Graph - HTTP/2 💡 Lighthouse: - Performance 54 out of 100. - Accessibility 100 out of 100. - Best Practises 96 out of 100. - SEO 91 out of 100. 💡 Lighthouse mobile: - Performance 31 out of 100. - Accessibility 100 out of 100. - Best Practises 96 out of 100. - SEO 91 out of 100. 🔗 (by Uprising) Today we are looking at a great cinematic-alike website made by Uprising! Feel free to explore this site that showcases ton of a great portfolio items. 👏 👉🏻 Support me and build the MVP or enterprise websites with ready-to-build boilerplate at Please consider like, repost and comment, it will help me to build more content like this. 🙏 #backend #uiux #uiuxdesign #CSS #buildinpublic #HTML #typescript #WordPress #vue #nuxtjs #react #nextjs

Matthew Husák

20,958 次观看 • 2 年前

We are witnessing a fundamental shift in how software is built. Over the decades, UI was static and predictable. But AI is changing the fundamental nature of the interface. We are moving away from fixed UI and toward a new standard: Generative UI. Generative UI lets agents participate in the UI, not just the conversation. It’s a dynamic participant in the user experience. Depending on the complexity of your app, Generative UI generally falls into three categories: 1. Static (AG-UI): UI is chosen from a fixed set of hand-built components 2. Open-Ended (MCP Apps): agent sends arbitrary content like raw HTML or iframes for total flexibility. 3. Declarative (A2UI): agent and frontend communicate via a structured UI spec for dynamic widgets and forms. The AG-UI Protocol by CopilotKit is the real breakthrough. AG-UI acts as the universal transport layer. It provides the integrations and middleware for every Gen-UI spec, making it trivial to bring dynamic components into your existing app. CopilotKit provides the go-to ecosystem for building agentic applications and is the React client of AG-UI. It is designed to be deeply integrated, allowing developers to bring their own frameworks or protocols to the table. Play around with different types of Generative UI here → Check out the video attached to see Generative UI in action. Appreciate the CopilotKit team for collaborating with me on this deep dive.
0:33

We are witnessing a fundamental shift in how software is built. Over the decades, UI was static and predictable. But AI is changing the fundamental nature of the interface. We are moving away from fixed UI and toward a new standard: Generative UI. Generative UI lets agents participate in the UI, not just the conversation. It’s a dynamic participant in the user experience. Depending on the complexity of your app, Generative UI generally falls into three categories: 1. Static (AG-UI): UI is chosen from a fixed set of hand-built components 2. Open-Ended (MCP Apps): agent sends arbitrary content like raw HTML or iframes for total flexibility. 3. Declarative (A2UI): agent and frontend communicate via a structured UI spec for dynamic widgets and forms. The AG-UI Protocol by CopilotKit is the real breakthrough. AG-UI acts as the universal transport layer. It provides the integrations and middleware for every Gen-UI spec, making it trivial to bring dynamic components into your existing app. CopilotKit provides the go-to ecosystem for building agentic applications and is the React client of AG-UI. It is designed to be deeply integrated, allowing developers to bring their own frameworks or protocols to the table. Play around with different types of Generative UI here → Check out the video attached to see Generative UI in action. Appreciate the CopilotKit team for collaborating with me on this deep dive.

Pratham

33,920 次观看 • 7 个月前

🚨 CoNexus is now public. Our v1 launch brings >100 infinitely generative story games across 18 genres to everyone, free of charge. Just a ref code + email, and you're in. 🌐 Check out the future of storytelling 👉 Comment “IN” to receive a ref code.
1:03

🚨 CoNexus is now public. Our v1 launch brings >100 infinitely generative story games across 18 genres to everyone, free of charge. Just a ref code + email, and you're in. 🌐 Check out the future of storytelling 👉 Comment “IN” to receive a ref code.

DGRS Labs

16,942 次观看 • 1 年前

With the help of our community, we are excited to announce PyTorch Lightning 2.0🎉🎉 Install now 👉 Highlights Include: ⚡️ Commitment to backward compatibility in the 2.0 series ⚡️Simplified abstraction layers, removed legacy functionality, integrations out of the main repo. This improves the project's readability and debugging experience. ⚡️Introducing Fabric! Scale any PyTorch model with just a few lines of code. #PyTorch #PyTorchLightning
0:33

With the help of our community, we are excited to announce PyTorch Lightning 2.0🎉🎉 Install now 👉 Highlights Include: ⚡️ Commitment to backward compatibility in the 2.0 series ⚡️Simplified abstraction layers, removed legacy functionality, integrations out of the main repo. This improves the project's readability and debugging experience. ⚡️Introducing Fabric! Scale any PyTorch model with just a few lines of code. #PyTorch #PyTorchLightning

Lightning AI ⚡️

76,975 次观看 • 3 年前

Anthropic's most viral feature is now open-source! Until now, Anthropic's Generative UI capabilities only existed inside its own products. CopilotKit🪁 just shipped Open Generative UI, an open-source implementation of Claude Artifacts that works in any app. The agent generates HTML/SVG at runtime, and CopilotKit streams it token-by-token into a sandboxed iframe inside the app's chat. So the user can watch the UI assemble itself in real time, not after the full response is ready. The sandbox is fully isolated with no access to the parent app, the DOM, or user data. So if the agent hallucinates broken markup or unexpected JavaScript, nothing leaks outside the iframe. Under the hood, the agent does not select from pre-built components. Instead, it generates arbitrary visuals from scratch every time. The output is unconstrained by default, but you can shape it by defining prompt-based skills that teach the agent specific visual formats or guidelines. For instance, a skill prompt can guide the agent toward producing a Chart.js dashboard with proper axis labels and responsive sizing, or an interactive 3D model with rotation controls. The video below shows this in action, and the output quality you see actually comes from the skills layer. Open Generative UI runs on AG-UI, so it works out of the box with LangGraph, CrewAI, Mastra, Google ADK, AWS Strands, and more. It also ships with a standalone MCP server that plugs into Claude Code, Cursor, or any MCP-compatible client. And the entire stack is built on top of CopilotKit, the open-source frontend framework for agents and generative UI. 30k+ GitHub stars, with SDKs for React, Next.js, Angular, and Vue. I have shared the GitHub repo and a live playground in the replies!
0:53

Anthropic's most viral feature is now open-source! Until now, Anthropic's Generative UI capabilities only existed inside its own products. CopilotKit🪁 just shipped Open Generative UI, an open-source implementation of Claude Artifacts that works in any app. The agent generates HTML/SVG at runtime, and CopilotKit streams it token-by-token into a sandboxed iframe inside the app's chat. So the user can watch the UI assemble itself in real time, not after the full response is ready. The sandbox is fully isolated with no access to the parent app, the DOM, or user data. So if the agent hallucinates broken markup or unexpected JavaScript, nothing leaks outside the iframe. Under the hood, the agent does not select from pre-built components. Instead, it generates arbitrary visuals from scratch every time. The output is unconstrained by default, but you can shape it by defining prompt-based skills that teach the agent specific visual formats or guidelines. For instance, a skill prompt can guide the agent toward producing a Chart.js dashboard with proper axis labels and responsive sizing, or an interactive 3D model with rotation controls. The video below shows this in action, and the output quality you see actually comes from the skills layer. Open Generative UI runs on AG-UI, so it works out of the box with LangGraph, CrewAI, Mastra, Google ADK, AWS Strands, and more. It also ships with a standalone MCP server that plugs into Claude Code, Cursor, or any MCP-compatible client. And the entire stack is built on top of CopilotKit, the open-source frontend framework for agents and generative UI. 30k+ GitHub stars, with SDKs for React, Next.js, Angular, and Vue. I have shared the GitHub repo and a live playground in the replies!

Akshay 🚀

87,048 次观看 • 3 个月前

Two spin legends. One epic episode! When Ravichandran Ashwin & Harbhajan Singh get together, expect a googly of laughter and a whole lot of cricket stories! 😂 🎥 Watch the latest episode of #CheekySingles LIVE NOW on JioHotstar! 👉
0:40

Two spin legends. One epic episode! When Ravichandran Ashwin & Harbhajan Singh get together, expect a googly of laughter and a whole lot of cricket stories! 😂 🎥 Watch the latest episode of #CheekySingles LIVE NOW on JioHotstar! 👉

Star Sports

15,573 次观看 • 26 天前

“It’s such a cool atmosphere on the first tee box of a @RyderCup” Rory McIlroy 🏆🇮🇹 The world number two caught up with Di Stewart on our Why Golf podcast about the build-up to the Ryder Cup 🎙 Listen & watch here 👉
1:03

“It’s such a cool atmosphere on the first tee box of a @RyderCup” Rory McIlroy 🏆🇮🇹 The world number two caught up with Di Stewart on our Why Golf podcast about the build-up to the Ryder Cup 🎙 Listen & watch here 👉

IMG Golf Events

15,641 次观看 • 2 年前

🔥Phase 2 of our Alpha Demo is now LIVE🔥 A new section of the map has been unveiled along with a new BOSS: The Rose Golem🌹 To celebrate, we're airdropping 5 winners who slay The Rose Golem!🪨 TO ENTER👇 👉Tweet a video of you slaying The Rose Golem 👉Tag us and 3 friends in your post 👉Join the Discord #BCG #thefabled #soulslike
0:38

🔥Phase 2 of our Alpha Demo is now LIVE🔥 A new section of the map has been unveiled along with a new BOSS: The Rose Golem🌹 To celebrate, we're airdropping 5 winners who slay The Rose Golem!🪨 TO ENTER👇 👉Tweet a video of you slaying The Rose Golem 👉Tag us and 3 friends in your post 👉Join the Discord #BCG #thefabled #soulslike

Trinity Of The Fabled

23,316 次观看 • 3 年前

Solchat V2 is now live! We've optimized the fee structure for creating message accounts and adding friends. The major update is the implementation of end-to-end encryption, ensuring that no one can track your messages, as everything is stored on-chain encrypted. Additionally, we have introduced a Solana gradient to our new V2 UI mobile optimized. We'll be incorporating V1 features into this V2 version soon, so stay tuned for our upcoming feature: group chats. $Chat with #Solchat on the #Solana blockchain
0:30

Solchat V2 is now live! We've optimized the fee structure for creating message accounts and adding friends. The major update is the implementation of end-to-end encryption, ensuring that no one can track your messages, as everything is stored on-chain encrypted. Additionally, we have introduced a Solana gradient to our new V2 UI mobile optimized. We'll be incorporating V1 features into this V2 version soon, so stay tuned for our upcoming feature: group chats. $Chat with #Solchat on the #Solana blockchain

SolChat

187,798 次观看 • 2 年前

Introducing SuperDesign.Dev The first open-source Design Agent that lives inside Cursor, Windsurf, or any IDE: 👉 Instantly spin up 10 different design in parallel 👉 Explore, fork, and iterate 10x faster 👉 Create new or iterate on your existing UI — all fully local JackJack and I shipped this as a quick weekend experiment to validate a hunch: design is the killer use case for parallel agents. Currently at V0.005 — a simple customization of the Claude Code SDK + static HTML generation. (We might be the first product powered by the Anthropic Claude Code SDK!) More coming soon: web app, mobile app, SVG generation, and more. GitHub: Try it out: ----- Upvote on Hacker News ❤️:
0:55

Introducing SuperDesign.Dev The first open-source Design Agent that lives inside Cursor, Windsurf, or any IDE: 👉 Instantly spin up 10 different design in parallel 👉 Explore, fork, and iterate 10x faster 👉 Create new or iterate on your existing UI — all fully local JackJack and I shipped this as a quick weekend experiment to validate a hunch: design is the killer use case for parallel agents. Currently at V0.005 — a simple customization of the Claude Code SDK + static HTML generation. (We might be the first product powered by the Anthropic Claude Code SDK!) More coming soon: web app, mobile app, SVG generation, and more. GitHub: Try it out: ----- Upvote on Hacker News ❤️:

Jason Zhou

49,435 次观看 • 1 年前

We wanted to show the performance and the insane power of the Static Hermes native FFI. But we don't yet support the all language features needed to compile React Native (soon though!), so we improvised. We imported the bindings for DearImGui (a popular C++ imperative game UI library that renders meshes), and Sokol (an amazing lightweight 3D backend in C) and wrote a small demo. "Imperative UI" means that the entire UI and the state of the screen is recreated on every frame, which suits our purposes to demonstrate SH very well. The demo runs 100% compiled native code. JavaScript runs in every frame and recreates the entire state of the screen. It is portable to all platforms, though the screen layout is not optimized for phone. We wrote the demo in C++ and in JS, to compare, and they both ran with the same performance. In the attached videos you can see the demo running at the stable screen refresh rate - 120Hz on my Mac, 60Hz on a old Moto G5 phone. It includes some widgets, an n-body simulation of planets, a playable game demo, etc.
0:55

We wanted to show the performance and the insane power of the Static Hermes native FFI. But we don't yet support the all language features needed to compile React Native (soon though!), so we improvised. We imported the bindings for DearImGui (a popular C++ imperative game UI library that renders meshes), and Sokol (an amazing lightweight 3D backend in C) and wrote a small demo. "Imperative UI" means that the entire UI and the state of the screen is recreated on every frame, which suits our purposes to demonstrate SH very well. The demo runs 100% compiled native code. JavaScript runs in every frame and recreates the entire state of the screen. It is portable to all platforms, though the screen layout is not optimized for phone. We wrote the demo in C++ and in JS, to compare, and they both ran with the same performance. In the attached videos you can see the demo running at the stable screen refresh rate - 120Hz on my Mac, 60Hz on a old Moto G5 phone. It includes some widgets, an n-body simulation of planets, a playable game demo, etc.

Tzvetan Mikov

826,175 次观看 • 2 年前

S.T.A.L.K.E.R. 2: Heart of Chornobyl is OUT NOW ☢️ 👉 Along with it, the two previous S.T.A.L.K.E.R. games are joining the GOG Preservation Program! Shadow of Chernobyl: Call of Pripyat: Grab these beautiful creations of GSC Game World on GOG and preserve them forever 💿 S.T.A.L.K.E.R. OFFICIAL
2:34

S.T.A.L.K.E.R. 2: Heart of Chornobyl is OUT NOW ☢️ 👉 Along with it, the two previous S.T.A.L.K.E.R. games are joining the GOG Preservation Program! Shadow of Chernobyl: Call of Pripyat: Grab these beautiful creations of GSC Game World on GOG and preserve them forever 💿 S.T.A.L.K.E.R. OFFICIAL

GOG.COM

28,468 次观看 • 1 年前

I'm so tired of managing paid listings on my directories 😫 Now, finally, Rapidforms helped me automate this: - I've built a two step form (100% nocode) - first step is the form for the listing - the second step is a stripe payment - after payment the listings is added to google sheet and goes live - it sends a notification to my email and to discord channel (out of the box via webhook) Now, the entire paid directory submission thing is 100% automated. Test it out here: Kudos to Sidi jeddou for building this feature into rapidforms.
0:21

I'm so tired of managing paid listings on my directories 😫 Now, finally, Rapidforms helped me automate this: - I've built a two step form (100% nocode) - first step is the form for the listing - the second step is a stripe payment - after payment the listings is added to google sheet and goes live - it sends a notification to my email and to discord channel (out of the box via webhook) Now, the entire paid directory submission thing is 100% automated. Test it out here: Kudos to Sidi jeddou for building this feature into rapidforms.

John Rush

13,942 次观看 • 1 年前

🚨‘Time Flies… 1994 – 2009’, Oasis' complete singles collection, will be re-released ahead of the Oasis Live '25 tour and to celebrate the 15th anniversary of the compilation! Quadruple vinyl deluxe box or double CD ▪️ Remastered audio▪️Vinyl Includes a limited edition print. Out 13th June, pre-order yours now 👉
0:25

🚨‘Time Flies… 1994 – 2009’, Oasis' complete singles collection, will be re-released ahead of the Oasis Live '25 tour and to celebrate the 15th anniversary of the compilation! Quadruple vinyl deluxe box or double CD ▪️ Remastered audio▪️Vinyl Includes a limited edition print. Out 13th June, pre-order yours now 👉

Oasis

406,784 次观看 • 1 年前

It's about to go DOWN 💯 The superstars of ONE SAMURAI 1 are locked in with less than 24 hours to go ⏰ Grab your PPV NOW so you don't miss out on a historic event TOMORROW! 🇯🇵 🔴 Watch ONE SAMURAI 1 LIVE on PPV 👉 #ONESAMURAI1 | Wed, Apr 29 at 2:30PM JST 🌏 Global PPV 👉 🇯🇵 Live on U-NEXT 🎟️ Tickets 👉
3:23

It's about to go DOWN 💯 The superstars of ONE SAMURAI 1 are locked in with less than 24 hours to go ⏰ Grab your PPV NOW so you don't miss out on a historic event TOMORROW! 🇯🇵 🔴 Watch ONE SAMURAI 1 LIVE on PPV 👉 #ONESAMURAI1 | Wed, Apr 29 at 2:30PM JST 🌏 Global PPV 👉 🇯🇵 Live on U-NEXT 🎟️ Tickets 👉

ONE Championship

187,607 次观看 • 4 个月前