Загрузка видео...

Не удалось загрузить видео

На главную

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 просмотров • 5 месяцев назад •via X (Twitter)

Наука и технологии
LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 0

Нет доступных комментариев

Здесь появятся комментарии из оригинального поста

Похожие видео

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

555,527 просмотров • 2 месяцев назад

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 просмотров • 3 месяцев назад

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 просмотров • 1 год назад

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,430 просмотров • 3 месяцев назад

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 просмотров • 1 год назад

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,436 просмотров • 2 лет назад

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 просмотров • 1 год назад

Just so you know. This approach also works in React Native This UI was not built with react code 👀
0:14

Just so you know. This approach also works in React Native This UI was not built with react code 👀

Dane Mackier

41,874 просмотров • 2 лет назад

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 просмотров • 7 месяцев назад

🔧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,439 просмотров • 1 год назад

mdp renders markdown presentations directly in your terminal, no browser needed. - Horizontal rulers separate slides - Supports headlines, code, quotes, and unordered lists - Inline bold, underline, and code formatting - Customizable colors, keybindings, and list types in config.h
0:14

mdp renders markdown presentations directly in your terminal, no browser needed. - Horizontal rulers separate slides - Supports headlines, code, quotes, and unordered lists - Inline bold, underline, and code formatting - Customizable colors, keybindings, and list types in config.h

GitHub Projects Community

16,337 просмотров • 1 месяц назад

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

87,645 просмотров • 9 дней назад

I built an iOS-style modal sheet with React Aria Components and Framer Motion! It uses gesture-driven animations to feel super smooth and natural on touch devices. It's a surprisingly small amount of code too. Check it out! 🤩
0:14

I built an iOS-style modal sheet with React Aria Components and Framer Motion! It uses gesture-driven animations to feel super smooth and natural on touch devices. It's a surprisingly small amount of code too. Check it out! 🤩

Devon Govett

182,609 просмотров • 3 лет назад

📸 [NEW] Add images to your streams! Just drag and drop photos into Studio, and we'll create the scenes for you. Supports PNG, JPEG, GIF, and HEIC. Easy and free with Studio 2.0.
0:19

📸 [NEW] Add images to your streams! Just drag and drop photos into Studio, and we'll create the scenes for you. Supports PNG, JPEG, GIF, and HEIC. Easy and free with Studio 2.0.

Restream

15,170 просмотров • 1 год назад

Drag & Drop to build AI Agents. And deploy to API in one click with Nocode. 100% Opensource.
0:18

Drag & Drop to build AI Agents. And deploy to API in one click with Nocode. 100% Opensource.

Shubham Saboo

246,904 просмотров • 1 год назад

✨ Build Next.js, Tailwind CSS & shadcn websites with drag and drop. And yes, you can export the code. Link below.
0:16

✨ Build Next.js, Tailwind CSS & shadcn websites with drag and drop. And yes, you can export the code. Link below.

Mattia

205,173 просмотров • 1 год назад

Introducing React Grab: Select elements and edit with Cursor/Claude Code Works in your localhost and in any React app
0:11

Introducing React Grab: Select elements and edit with Cursor/Claude Code Works in your localhost and in any React app

Aiden Bai

525,884 просмотров • 7 месяцев назад

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,057 просмотров • 8 месяцев назад

Added mouse drag and zoom support for this node
0:19

Added mouse drag and zoom support for this node

jtydhr88

16,368 просмотров • 6 месяцев назад

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 просмотров • 7 месяцев назад