Video yükleniyor...

Video Yüklenemedi

Bu video yüklenirken bir sorun oluştu. Bu geçici bir ağ sorunundan kaynaklanıyor olabilir veya video kullanılamıyor olabilir.

Ana Sayfaya Dön

React Aria has built-in support for drag and drop. This kanban board is only ~100 lines, and even supports keyboard accessibility with no additional code needed! 🙂

Devon Govett

41,692 subscribers

54,731 görüntüleme • 7 ay önce •via X (Twitter)

Bilim & Teknoloji

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

This is crazy !! Cursor now has built a Kanban board where you can just drop in tasks and the agent will pick those up and complete them.

This is crazy !! Cursor now has built a Kanban board where you can just drop in tasks and the agent will pick those up and complete them.

Parth Jadhav

557,046 görüntüleme • 3 ay önce

This simple HTML app has a drag-and-drop canvas, 20+ text effects, 3D extrusion, and perspective transforms for your 'text behind image'. 😎 Crazy part: The ML backend is ~50 lines of Python Built with gradio.Server ➡️ bring any frontend you want!

This simple HTML app has a drag-and-drop canvas, 20+ text effects, 3D extrusion, and perspective transforms for your 'text behind image'. 😎 Crazy part: The ML backend is ~50 lines of Python Built with gradio.Server ➡️ bring any frontend you want!

Gradio

11,744 görüntüleme • 4 ay önce

Drag-and-drop UI to build AI agents! Langflow is a powerful visual tool for building and deploying AI-powered agents and workflows—without writing any code. Supports all major LLMs, vector DBs, etc. 100% open-source, 62k+ stars 🌟

Drag-and-drop UI to build AI agents! Langflow is a powerful visual tool for building and deploying AI-powered agents and workflows—without writing any code. Supports all major LLMs, vector DBs, etc. 100% open-source, 62k+ stars 🌟

Akshay 🚀

208,002 görüntüleme • 1 yıl önce

Sidebar for AI application built with React and TypeScript 🚀 Code in the comments and within Atheros Pass 🧑‍💻

Sidebar for AI application built with React and TypeScript 🚀 Code in the comments and within Atheros Pass 🧑‍💻

David Mráz

65,482 görüntüleme • 5 ay önce

Testing controlled neodrag in svelte and react and I'm again so disappointed in React. it just stutters so terribly. React code here is using useMemo and useCallback, svelte code has absolutely no such requirements. Left: Svelte. Right: React

Testing controlled neodrag in svelte and react and I'm again so disappointed in React. it just stutters so terribly. React code here is using useMemo and useCallback, svelte code has absolutely no such requirements. Left: Svelte. Right: React

{PuruVijay}.svelte

100,435 görüntüleme • 1 yıl önce

Code Connect is now out of beta and with new improvements (!!) → Code Connect snippets in the component playground → A new and faster setup process → Support for React, React Native, SwiftUI, Compose, and more coming soon → Now available for supported UI Kits #Config2024

Code Connect is now out of beta and with new improvements (!!) → Code Connect snippets in the component playground → A new and faster setup process → Support for React, React Native, SwiftUI, Compose, and more coming soon → Now available for supported UI Kits #Config2024

Figma

66,439 görüntüleme • 2 yıl önce

Build AI Agents and connect them to 100,000+ APIs with Postman's AI Agent Builder. It has a drag-and-drop visual interface to build agent workflows with no code.

Build AI Agents and connect them to 100,000+ APIs with Postman's AI Agent Builder. It has a drag-and-drop visual interface to build agent workflows with no code.

Shubham Saboo

152,567 görüntüleme • 1 yıl önce

New component: Questionnaire. Use it to build multi-step question flows, like agents asking follow-up questions. Supports single and multiple choice, freeform answers, skippable and conditional steps, controlled and resumable state, custom progress, bring-your-own validation, full keyboard navigation with answer shortcuts, ssr-ready, accessible and composable. Available for Base UI, Radix, React Aria in all styles. Also available as unstyled headless in shadcn/react.

New component: Questionnaire. Use it to build multi-step question flows, like agents asking follow-up questions. Supports single and multiple choice, freeform answers, skippable and conditional steps, controlled and resumable state, custom progress, bring-your-own validation, full keyboard navigation with answer shortcuts, ssr-ready, accessible and composable. Available for Base UI, Radix, React Aria in all styles. Also available as unstyled headless in shadcn/react.

shadcn

275,128 görüntüleme • 21 gün önce

We showed react-native-bottom-sheet at App.js, and it's ready to use today, built with support from Gobi. The sheet host, gestures, snapping and scrolling all run in native code, so drags stay smooth even when the JS thread is busy. Let's do a deep dive 🧵

We showed react-native-bottom-sheet at App.js, and it's ready to use today, built with support from Gobi. The sheet host, gestures, snapping and scrolling all run in native code, so drags stay smooth even when the JS thread is busy. Let's do a deep dive 🧵

Software Mansion

19,625 görüntüleme • 1 ay önce

Build powerful workflows (no code required). With Agent Designer in Gemini Enterprise, you can orchestrate complex, specialized automations using a simple drag-and-drop interface.

Build powerful workflows (no code required). With Agent Designer in Gemini Enterprise, you can orchestrate complex, specialized automations using a simple drag-and-drop interface.

Google Cloud

9,654,974 görüntüleme • 8 ay önce

🔧Speed, efficiency, and low fees—XOS is built for seamless transactions. 👇Drop your code or address in the comments, and we’ll randomly reward lucky participants with extra Spin chances.

🔧Speed, efficiency, and low fees—XOS is built for seamless transactions. 👇Drop your code or address in the comments, and we’ll randomly reward lucky participants with extra Spin chances.

XOS

118,463 görüntüleme • 1 yıl önce

Claude Code v2.1.198 ships a new built-in skill: /dataviz It loads chart and dashboard design guidance directly into context: chart type selection, layout rules, and visual hierarchy for data-heavy UIs It also includes a runnable color-palette validator, so Claude can check contrast and accessibility programmatically instead of guessing No install needed, it comes with the CLI 👇

Claude Code v2.1.198 ships a new built-in skill: /dataviz It loads chart and dashboard design guidance directly into context: chart type selection, layout rules, and visual hierarchy for data-heavy UIs It also includes a runnable color-palette validator, so Claude can check contrast and accessibility programmatically instead of guessing No install needed, it comes with the CLI 👇

Daniel San

88,420 görüntüleme • 1 ay önce

Introducing Dexter. An open source financial agent in ~200 lines of code. Think: Claude Code, but for finance. What Dexter does today: • plans tasks • runs on its own • validates its work • researches stocks It’s built with OSS tools like for managing LLMs, prompts, outputs, etc. No coding experience needed to run. Goal: build the best financial agent and share every line of code along the way. Next: evals, starting with

Introducing Dexter. An open source financial agent in ~200 lines of code. Think: Claude Code, but for finance. What Dexter does today: • plans tasks • runs on its own • validates its work • researches stocks It’s built with OSS tools like for managing LLMs, prompts, outputs, etc. No coding experience needed to run. Goal: build the best financial agent and share every line of code along the way. Next: evals, starting with

Virat Singh

317,703 görüntüleme • 10 ay önce

And of course the pinball table works in AR! Thanks to the amazing REACT-three/xr library. Only a 100 lines of code or so to wire it up. Load it up on your fav headset to play it in your space!

And of course the pinball table works in AR! Thanks to the amazing REACT-three/xr library. Only a 100 lines of code or so to wire it up. Load it up on your fav headset to play it in your space!

Daniel Beauchamp

46,197 görüntüleme • 9 ay önce

Happy to OSS gpt-fast, a fast and hackable implementation of transformer inference in <1000 lines of native PyTorch with support for quantization, speculative decoding, TP, Nvidia/AMD support, and more! Code: Blog: (1/12)

Happy to OSS gpt-fast, a fast and hackable implementation of transformer inference in <1000 lines of native PyTorch with support for quantization, speculative decoding, TP, Nvidia/AMD support, and more! Code: Blog: (1/12)

Horace He

476,969 görüntüleme • 2 yıl önce

This is how plug-and-play Shopify sections look on the free Dawn theme No apps needed. Just drag, drop, and fully customize to match your brand Comment “31” and I’ll show you how to do it (must be following)

Burkisoy

24,327 görüntüleme • 1 yıl önce

Getting close with this one! Initial merged work will only support moving splits to other split locations, but eventually will support dragging out to new windows and tabs. This isn't merged, there's still polish to do (it is on a pushed branch though). Drag source had to be AppKit (NSDraggingSource) but drop target and all the drop zone overlays I was able to use SwiftUI completely.

Getting close with this one! Initial merged work will only support moving splits to other split locations, but eventually will support dragging out to new windows and tabs. This isn't merged, there's still polish to do (it is on a pushed branch though). Drag source had to be AppKit (NSDraggingSource) but drop target and all the drop zone overlays I was able to use SwiftUI completely.

Mitchell Hashimoto

59,618 görüntüleme • 8 ay önce

An 100% open-source rival to n8n just launched. Sim is a drag-and-drop platform for building agentic workflows that runs entirely on your local machine. → Visual, Figma-like canvas interface → Works with any local LLM via Ollama → Native MCP support to connect 100+ tools

An 100% open-source rival to n8n just launched. Sim is a drag-and-drop platform for building agentic workflows that runs entirely on your local machine. → Visual, Figma-like canvas interface → Works with any local LLM via Ollama → Native MCP support to connect 100+ tools

Oliver Prompts

77,286 görüntüleme • 7 ay önce

Cleaning up your data frame is a snap with Data Wrangler. Drop missing values, see a diff of what will be changed and even get the generated code for the drop. Get Data Wrangler here (yes, it's free):

Cleaning up your data frame is a snap with Data Wrangler. Drop missing values, see a diff of what will be changed and even get the generated code for the drop. Get Data Wrangler here (yes, it's free):

Visual Studio Code

48,584 görüntüleme • 2 yıl önce

I just spent roughly 15 hours on this navigation component so you don’t have to. and just dropped into the vault 🎉 one thing i really like about this one is the morphing motion, but also something people often overlook: accessibility. it’s fully responsive, keyboard accessible, and built so everyone can actually use it. also, no dependencies. Just vanilla HTML, CSS and JavaScript. you can test and play around with it, link in the comments ↓

I just spent roughly 15 hours on this navigation component so you don’t have to. and just dropped into the vault 🎉 one thing i really like about this one is the morphing motion, but also something people often overlook: accessibility. it’s fully responsive, keyboard accessible, and built so everyone can actually use it. also, no dependencies. Just vanilla HTML, CSS and JavaScript. you can test and play around with it, link in the comments ↓

FHILY👑

11,733 görüntüleme • 2 ay önce