Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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! 🙂

devongovett's profile picture

Devon Govett

41,692 subscribers

54,731 Aufrufe • vor 7 Monaten •via X (Twitter)

Wissenschaft & Technologie
LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

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.
0:10

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

556,923 Aufrufe • vor 3 Monaten

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!
0:17

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 Aufrufe • vor 4 Monaten

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 🌟
0:11

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 Aufrufe • vor 1 Jahr

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

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

David Mráz

65,482 Aufrufe • vor 5 Monaten

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
0:13

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,404 Aufrufe • vor 1 Jahr

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
0:19

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 Aufrufe • vor 2 Jahren

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.
0:13

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 Aufrufe • vor 1 Jahr

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.
0:10

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

273,724 Aufrufe • vor 14 Tagen

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 🧵
0:14

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,407 Aufrufe • vor 1 Monat

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.
0:14

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 Aufrufe • vor 8 Monaten

🔧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.
0:12

🔧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 Aufrufe • vor 1 Jahr

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 👇
0:19

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 Aufrufe • vor 1 Monat

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
0:19

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 Aufrufe • vor 10 Monaten

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!
0:14

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 Aufrufe • vor 8 Monaten

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)
0:19

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 Aufrufe • vor 2 Jahren

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)
0:15

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 Aufrufe • vor 1 Jahr

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.
0:19

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 Aufrufe • vor 7 Monaten

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
0:13

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 Aufrufe • vor 6 Monaten

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):
0:16

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 Aufrufe • vor 2 Jahren

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 ↓
0:14

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 Aufrufe • vor 2 Monaten