Open source software library / Web application development / UI Component Library / Pragmatic Drag and Drop

Pragmatic Drag and Drop Front drag component

Collection thirteen
comment zero
error correction
Pragmatic Drag and Drop is participating 2021 OSC China Open Source Project Selection , please vote for it!
Pragmatic Drag and Drop 2021 OSC China Open Source Project Selection {{projectVoteCount} has been obtained in, please vote for it!
2021 OSC China Open Source Project Selection It is in hot progress. Come and vote for your favorite open source project!
2021 OSC China Open Source Project Selection>>> Midfield Review
Pragmatic Drag and Drop won the 2021 OSC China Open Source Project Selection "The Best Popularity Project" !
Authorization Agreement Apache
development language TypeScript View source code »
operating system Cross platform
Software type Open source software
Classification program development 、 UI Component Library
Open source organizations nothing
region Unknown
deliverer game
intended for unknown
Recording time 2024-04-12
Software Home Page
Software documentation
Official download
Fast download
  • overview
  • information
  • Blog
  • Q&A
  • security information

Software Introduction

Pragmatic Drag and Drop is a performance focused drag component that can be used to enhance the front-end user experience. This component supports multiple drag scenarios:

  • list

  • panel

  • Grid

  • form

  • tree

  • Drawing

  • Resize

In addition, Pragmatic supports the use in any framework (such as React, Svelte, Vue, Angular), and is not limited by the specific technology stack.

The following figure shows the demonstration effect of Pragmatic Drag and Drop:

Expand to read the full text

code

Gitee index of is
exceed Items for

comment

Click to lead the topic 📣 Post and join the discussion 🔥
Score the software:
game
game
Published information
04/25 10:47

The strongest "practical" front-end drag component in the open source of Atlassian: excellent performance and compatibility, cross window drag support, applicable to any front-end framework

Pragmatic drag and drop is a front-end drag component, which is open source by the well-known software development company Atlassian. As the Pragmatic ("practical") in its name says, this component supports many drag scenarios, attaches great importance to performance, and becomes safe and simple by using the browser's powerful and flexible built-in drag function. At present, the core products of Atlassian, such as Trello, Jira and Confluence, all use Pragmatic drag and drop. Before Pragmatic drag and drop, the component author Alex Reardon also created another popular React

zero
nine
report
No more
Loading failed, please refresh the page
Click to load more
Loading
next page
{{o.author.name}}
Blogged
{{o.pubDate | formatDate}}

{{formatAllHtml(o.title)}}

{{parseInt(o.replyCount) | bigNumberTransform}}
{{parseInt(o.viewCount) | bigNumberTransform}}
report
No more
No content temporarily
{{o.author.name}}
Issued a question and answer
{{o.pubDate | formatDate}}

{{formatAllHtml(o.title)}}

{{parseInt(o.replyCount) | bigNumberTransform}}
{{parseInt(o.viewCount) | bigNumberTransform}}
report
No more
No content temporarily
No content temporarily

Awesome software

Change
JetBrains Mono -Open source programming font for developers
LibreWolf -Open source Firefox Fork browser
TightVNC -Remote Desktop Application
Assemble -Static web page generation system
iced -Cross platform Rust GUI library
mPLUG-Owl -Multimodal large language model
Rasa -Machine learning framework for voice and text chat
DroneCode -Open source UAV aviation operating system
Antares SQL -Database management tools
mRemoteNG -Remote Connection Manager
MOSS -Large language model of dialogue
DAIN -Video complementary AI tool
Pyroscope -Continuous analysis platform
yuzu -Nintendo Switch Simulator
Elasticsearch -Distributed search engine
Bilibili_video_download -Station B video download tool
BlackBox Engine -Android virtual engine
Ubuntu -Debian based Linux distribution
ZVT -Modular quantitative transaction framework
Waydroid -Running Android applications on Linux
JUEL -Java Expression Language
AudioGPT -LLM based audio assistant
RWKV-LM -Linear Transformer Model
APKLeaks -APK Sensitive Information Scanning Tool
HVML -Programmable Markup Language
TencentOS Tiny -IOT terminal operating system
Shark Heart Heavy Plate Making -Fishing game
Snappy -High speed compression and decompression development kit
Nucleus OS
Endless progress bar -Classic hang up game

Hot content

More highlights
Qingyunian 2 pirated resources were uploaded to npm, resulting in npmmirror having to suspend the unpkg service
OpsPilot 1.4.0: Introduce message bus to strengthen skill linkage: tada:: tada:: tada:
Kuguayun Classroom (intranet version) v1.1.4 release, LAN online education solution
Open Source Daily | Big model war; The big model unicorn was exposed to sell itself; Zhou Hongyi suggested that Google open source all products; The largest open source AI community provides 10 million dollars to share GPUs
❤️ ‍ 🔥 What is the "memory protection" of FolkMQ?
Apache Doris 2.0.10 is officially released!
Open source version 4.5.5 of R&D project management platform of Codes redefining SaaS mode
The domain name of Twitter core module is fully enabled on X.com
Release of 2024 China AIGC Application Panorama Report
KubeKey v3.1 Release: Quick Customize Offline Installation Package
GRPC 1.64.0 release, cross language RPC framework
NetBSD prohibits the submission of code generated by AI
People's Online Review Office Software Taowa Style Charging: Actively understand "Taowa", then there will be a future
Docker 26.1.3 Release
IOS 17.5 restores deleted photos for many years, and Apple responds "Don't worry about privacy"
Pic Smaller - online image compression tool supporting JPEG/PNG/WebP/Gif
Cloud computing giant Snowflake is negotiating to acquire Reka AI with more than 1 billion dollars
Open source cultural map model Stable Diffusion developer owes $100 million
Robin Li: 11% of Baidu search results are generated by AI
AI Agent in-depth analysis: a new intelligent world with potential and challenges
Use of thread local storage tls
Show me how to compile tbox
Xmake adds automatic header file dependency detection support
Demonstration of using xmake
Using lua to implement try catch exception capture
Decompress files through streams
Use of xmake built-in and external variables
Use of low precision timer
Make terminal demonstration video on mac and generate gif
Use of add_files in xmake
Use of iterators
Introduction to xmake project description
Selective compilation of xmake project description writing
Generation of project files used by xmake plug-ins
The xmake v2.1.9 version is released, and the configuration of visual graphics menu is added
How to enable pdb support for windows compilation
Read/write of stream
Rasterization algorithm of complex polygon
Batch packaging used by xmake plug-ins
Macro script record used by xmake plug-in
Random thoughts on the later development of xmake
Hello xmake for plug-in development
Cross platform implementation of multi process waiting
Use transfer_pool for batch concurrent download
Custom options for xmake advanced features
Xmake adds support for Qt compilation environment
Memory detection
Import class library for xmake plug-in development
Parsing and generation of json, xml, plist
Dependency package addition and automatic detection mechanism
Compile swift code with xmake
Used by plug-ins to load custom lua scripts
Detailed description of xmake compilation and configuration process
Processing large-scale data filtering with bloom filter algorithm
Use of sorting and searching algorithms
Use of hash containers
Compilation switch between static library and dynamic library
Xmake builder demo
Overall architecture of stream
Character set encoding conversion through stream
Tailoring and customized compilation of tbox
Explain xmake description syntax and scope
Implement the json parsing tool jcat
XML parsing
Asio architecture
Option binding of xmake advanced features
Xmake project description syntax update
TBOOX open source community launched
Introduction to new features of xmake v2.1.5
Digit Extraction in Handwritten Digit Recognition System
Talk about atomic operations
Thinning image of handwritten digit recognition system
Use of built-in two-way list and external two-way list_entry
Thread race detection using lock analyzer
Using c # to implement cross platform exception capture mechanism
Xmake v2.0.3 update
Compile the project using xmake
Use of database
Use of thread pool
Using aiop to implement event waiting mode
Tbox added stackless scheduling support
Context context switching of coroutine analysis
Image Segmentation of Handwritten Digit Recognition System
Color highlighting of xmake plug-in development
Use xmake to detect compiler feature support
Match and replace with regular
Toggle tbox global memory allocator
Implementation and use of custom streams
Getting started with xmake, building projects can be so simple
Using aicp to implement event callback mode
Updated xmake v2.1.3 to fix security and stability issues
Tbox v1.5.1 update content
Use xmake to describe the project elegantly
Slant correction of handwritten digit recognition system
Bit operation
Use of high-precision timer
Switching and waiting for the use of tbox coordination
Batch tracking method call records of objc
Consolidated static library of xmake advanced features
Tbox added 64K microkernel compilation mode

Popular comments of the whole site

Chief taxi captain
Chief taxi captain 2024-05-17 11:17
I suggest that 360 open source all its products, and then become the leading enterprise in the domestic open source industry through open source, leading everyone to compete with foreign enterprises
xyz990
xyz990 2024-04-28 14:03
I can't hold my breath anymore. I can also change the topic to 360 under the news of Google layoffs Google really should have good employees like you, low price and high efficiency
Leader of Open Source China Marking Team
Leader of Open Source China Marking Team 2024-05-18 13:38
A New Way for Older Programmers
A brave heart_
A brave heart_ 2024-05-18 15:42
It is suggested to use Gaud Map directly
w
warm-flow 2024-05-18 11:54
excellent
Single structure
Single structure 2024-05-18 00:12
Overseas connectivity requires certain networking capabilities
Brunsland
Brunsland 2024-05-18 11:31
Members, super members, super members Pro, AI members, large members... super no longer means "super", but guest user admin super root. One day, after each version of the operating system is upgraded, it will become super root, super super root, super super root... Can you play happily
Qin Liming
Qin Liming 2024-05-11 09:12
be devoid of any sense of shame
F
Francesca 2024-05-19 16:16
The problem is that I submitted it and you didn't know that I was generated with AI
cuibty
cuibty 2024-05-18 18:36
The office 365 family version of carpooling really smells good
One code Yma
One code Yma 2024-05-09 09:58
Recently, I often go to interviews. People who hate Ali background most regard me as a fool, even though I am a fool
Leader of Open Source China Marking Team
Leader of Open Source China Marking Team 2024-05-18 16:26
The first reaction is WPS
sunday12345
sunday12345 2024-05-15 18:31
What does the bank do? It's blamed on the remote desktop. Persimmons really pick up soft pinches~?
monkey_cici
monkey_cici 2024-05-09 00:25
My I9 CPU, 64GB memory module and 3080Ti computer are inferior to the top configuration of 19999 on a tablet
Rank of ink
Rank of ink 2024-04-18 18:04
No way. There are no third-party libraries in other programming languages
G
GDWhisperer 2024-05-15 17:23
I transferred tens of thousands of yuan to my own account, which was under risk control. How did I do this? The bank should be responsible for this 😂
y
yejun365 2024-05-19 16:32
Google's money is capricious
Happy LeapFrog
Happy LeapFrog 2024-05-18 09:18
But the question is: "What's the use of this for ordinary Android users?" Now the answer seems to be: "Almost nothing.".
Lifetime code 9527
Lifetime code 9527 2024-05-18 10:16
Open source 360 companies first, then remove all rogue code and compile a pure branch
oldpig
oldpig 2024-04-28 09:59
”Huawei contributed all the source code "?, the title is completely inconsistent with the content.
the dawn
the dawn 2024-05-19 12:14
I'm afraid the gap between entrepreneurs and online celebrities drives people crazy
zzeric
zzeric 2024-04-28 20:01
Although France is the parent community, the core developers of OCCT on github are all Russians. Without Russians, the French parent community cannot continue to operate. So Huawei took over, moved to China, changed its name and resumed open source and community operations. What's the problem?
osc_92224065
osc_92224065 2024-04-29 10:57
Long term oppressed outsourcing of state-owned enterprises
w
wantalong 2024-05-19 04:12
Less Baidu
luwenhua
luwenhua 2024-05-19 07:34
In fact, what Zhou Ba said is very clear and reliable: in the face of the rapid progress of gpt, if you want to fight with Microsoft and openai, you really need to change your mind. If you are trapped in a small circle, it is a good way to pull everyone to the end like Android.
who
Who will fight me for three hundred rounds 2024-05-18 13:45
This clown is really ugly
w
wantalong 2024-05-19 04:10
The funny thing is that many people also say that the iPhone is the safest
xiaoqibabby
xiaoqibabby 2024-05-15 17:36
The bank is strongly required to be responsible for
Crazy rabbit
Crazy rabbit 2024-04-16 13:50
Let's finish the search first
Solitary Demon Xia
Solitary Demon Xia 2024-05-18 11:39
I tried, why didn't I jump to x.com
-SORA-
-SORA- 2024-04-30 17:07
When this happened in a foreign country, the comment area suddenly became very objective and rational 😂
Hillock
Hillock 2024-05-18 15:34
Very good, programmers come back to reality from online. Start afresh and set out bravely 👍
A brave heart_
A brave heart_ 2024-05-18 15:42
It has switched to bing, which is very easy to use~
F
Francesca 2024-04-20 00:34
Because Java is used by the largest number of people, has a huge ecosystem, and has many third-party libraries, the greater the probability of vulnerabilities, this investigation is nonsense. There are almost no loopholes in the unused and ecologically poor ones
linuxhunter
linuxhunter 2024-05-18 10:55
Google is not open source. How can these so-called AI makers innovate independently in China
kakai
kakai 2024-05-10 10:10
Leaving the back door is not necessarily to monitor whether you commit a crime, but it may also endanger the social or national public security. Your attitude is No. 1, but at least you don't want your equipment to become someone else's springboard machine. If the public interprets this kind of selfishness to the fullest, then don't expect a clean sky.
most
The most beautiful theme 2024-05-18 16:48
90% of the results are pushed by Baidu advertising
Single structure
Single structure 2024-05-11 10:09
Selected as Open Source China's disgrace pillar
All the way north GP
All the way north GP 2024-04-25 14:55
America, the future of mankind
One code Yma
One code Yma 2024-05-06 09:14
My technical article was moved by CSDN. Why didn't anyone step on the sewing machine? This kind of report is a joke to me. The monsters with background are fine, and the monsters without background fight to death
Leader of Open Source China Marking Team
Leader of Open Source China Marking Team 2024-05-18 16:30
360 open source first
infoworld
infoworld 2024-05-11 15:12
Universities should use open source free software instead of commercial ones. In this way, hands and feet will not be tied technically.
Golden Arch
Golden Arch 2024-04-18 16:28
A green icon of a child without a mother: Will I be the 1%?
one
one 2024-05-18 09:40
It's useless for developers
There is no legend about Chen Jinnan
There is no legend about Chen Jinnan 2024-05-19 05:58
good!!!
Tip of tongue dancing
Tip of tongue dancing 2024-04-25 11:12
It was originally maintained by the parent company in France, but cannot be maintained because of Russia and Ukraine. Now Huawei has accepted employees in Russia, and now Huawei maintains them. This sentence "actively communicated with the Russian administered community, packed most of the R&D personnel into Huawei Russian Research Institute, took over the management of the sub community, and restored the suspended technical maintenance and code update work. At the same time, the sub community continues to remain fully open to accept the use, inspection and evaluation of global developers."
Intermarch
Intermarch 2024-04-19 10:00
Windows: I'm also the most vulnerable operating system
My ID is jmjoy
My ID is jmjoy 2024-04-23 11:49
"Technology has no borders" is your own brain. It can be seen that the marketing of zongjiaoshi is harmful to many people, and it can also win the enemy through emptiness
L
LongCity 2024-05-19 09:21
Wps itself does not have any illegal behavior. On the contrary, there are a lot of illegal things in the society, and that newspaper does not report and comment.
CodeDoger
CodeDoger 2024-05-02 20:48
35 It's too old to go to work and too early to retire at 60
-SORA-
-SORA- 2024-05-18 14:04
Rich people can really do whatever they want. jpg
M
MrChen89 2024-04-29 09:18
There are a group of people like this. I don't know what they have experienced. When it comes to HW, I can't say anything good, even if it's neutral
Happy LeapFrog
Happy LeapFrog 2024-05-18 17:33
There is Gaud in the mobile phone, but Gaud is a good map, not a good navigation
fx443
fx443 2024-04-18 11:51
Tab is the source, and space is the slipper Py is especially obvious. After being tortured several times by people who can't use tabs indiscriminately, they have to compromise and start using spaces
y
yh2216 2024-04-25 02:54
Like Huawei's operation
cevin
cevin 2024-04-16 13:37
Almost thought Baidu was out
g
gamedot 2024-05-17 11:14
Old Zhou is deeply concerned about Huawei's great cause of open source. He is not a Huawei person, but has Huawei's soul.
Flamethrower
Flamethrower 2024-05-19 15:22
For the server, permanent deletion is just a matter of modifying flag bits in the database.
o
osc_77072600 2024-05-18 12:41
If I'm not used to it, I won't give you a dime.
Brother Dao
Brother Dao 2024-05-18 20:44
try what you have devised against others

Others are still watching

More highlights
Qingyunian 2 pirated resources were uploaded to npm, resulting in npmmirror having to suspend the unpkg service
OpsPilot 1.4.0: Introduce message bus to strengthen skill linkage: tada:: tada:: tada:
Kuguayun Classroom (intranet version) v1.1.4 release, LAN online education solution
Open Source Daily | Big model war; The big model unicorn was exposed to sell itself; Zhou Hongyi suggested that Google open source all products; The largest open source AI community provides 10 million dollars to share GPUs
❤️ ‍ 🔥 What is the "memory protection" of FolkMQ?
Apache Doris 2.0.10 is officially released!
Open source version 4.5.5 of R&D project management platform of Codes redefining SaaS mode
The domain name of Twitter core module is fully enabled on X.com
Release of 2024 China AIGC Application Panorama Report
KubeKey v3.1 Release: Quick Customize Offline Installation Package
GRPC 1.64.0 release, cross language RPC framework
NetBSD prohibits the submission of code generated by AI
People's Online Review Office Software Taowa Style Charging: Actively understand "Taowa", then there will be a future
Docker 26.1.3 Release
IOS 17.5 restores deleted photos for many years, and Apple responds "Don't worry about privacy"
Pic Smaller - online image compression tool supporting JPEG/PNG/WebP/Gif
Cloud computing giant Snowflake is negotiating to acquire Reka AI with more than 1 billion dollars
Open source cultural map model Stable Diffusion developer owes $100 million
Robin Li: 11% of Baidu search results are generated by AI
AI Agent in-depth analysis: a new intelligent world with potential and challenges
The beetl session is not created
The use of beetl increased steadily
The ppt version introduced by beetl
A beautiful extension function provided by the developer to print out the betl template variables
How to use beetl in maven+jetty environment
Transfer: About the processing scheme that the betl integration struts 2+convention plug-in cannot recognize the betl template
Closed for 3 days on National Day
Nutz, come here tonight (13): What about the verification code?
Interesting place of beetl template engine
Beetl's Minimalism
The idea of rewriting syntax parsing
Read optimization of beetl 2 method
Beetl2.0.2 byte output performance improvement
Beetl Spring extension
Large e-commerce website Occidental Taobao was launched, based on betl technology
Nutz, come tonight (8): How to write+1 update sql with Chain
Lomox new version 2014-04-26
First draft of beetl 2 grammar
Combination of beetl and shrimp
Still using AJAX+Json, switch to AJAX+Beetl
BEetlSQL implements ORMapping query
Nutz, come here tonight (18): Does Nutz have tools or methods for generating beans from database tables?
SpringBoot uses 200 lines of code to complete a Level 1 and Level 2 distributed cache
Don't understand "Redefining the template engine"?
Location: Action, a new idea for JSON serialization
A browser plug-in for website reminders of Putian hospitals
Beta plug-in version 1.0
Plan to write bytecode by yourself instead of using asm (full version)
A design method using message framework segmentation and extension
Nutz, send tonight (19): How to play with nutz and cache?
Beetl example used in my own project
Write an IM (05) like WeChat from scratch with t-io: architecture design
Use json in beetl
Write an IM like WeChat from zero with t-io (03): network framework selection
It's not scientific
Nutz, come here tonight (6): What is the relationship between @ IocBy and @ Modules?
6 innovation points of template engine Beet
Nutz, come tonight (1): Consequences of repeatedly creating ioc containers
Nutz, come here tonight (14): What parameter can the entry method declare to obtain all form parameters?
Nutz, come here tonight (17): How do Nutz and quartz play?
Nutz, come tonight (10): How to configure the format when the entry method uses the json view
Deep complaining hibernate
Comprehensive comparison of hibernate, mybatis, beetlsql
New technology goals in 2017
The website of Aiche Baba adopts beetl
Nutz, come tonight (3): where (A or B) and C How to write with Cnd?
Nutz, come here tonight (4): Nutz's project uses MySQL, and the connection error is reported the next morning. What's the reason?
The domestic download volume of beetl seems to be almost the same as that of freemaker
From enterprise application technology team to Internet technology team
Nutz, come tonight (5): How to download files?
My story
Nutz, come here tonight (13): What about the verification code?
LomoxFramework Party Handout Shenzhen First Party
The number of newly added users of Beetl in China is less than a fraction of Freemaker
Write an IM like WeChat from scratch with t-io (02): team building
Nutz, come tonight (11): first in 2015, how to limit the entry method to POST
Nutz, come tonight (7): What is the relationship between dao. js and IocBean?
The performance test effect of beetl2 is good
The development of Beetl is completed, and the performance test is good, as shown in the figure
Jodd madvoc and beetl integration
Expand beetl to enable HTML tags to support parent-child nesting
Why JSP is slower than Beetl
The first draft of the grammar file of beetl 2
What happened in the open source process of Beetl
Expand the Beetl tag, support parent-child nesting and script binding
Some misunderstandings about betl
Getting started with Java bytecode
LomoX json for QT source code release
A couplet for all small start-ups
Nutz, come tonight (15): Does Nutz support simultaneous rollback of multiple data sources? What are the limitations?
Beetl Performance Secrets 1: How to Output an Integer Variable
Write an IM (04) like WeChat from zero with t-io: IM protocol design
Beitl Open Source 2
Beetl downloads are over 100 per week
Write an IM (01) like WeChat from zero with t-io: big background
Is a 30% salary increase on the Internet worthwhile?
Which one is better in Daotool page turning technology?
Seven weapons for thick black architects to survive
BEETL Performance Secrets 2: How languages access variables
A demo collection of the old version of lomox, which contains the source code of the interface demo

Software Author

Authors who have not been certified for this software
Certified as Author
Invite Author Certification

Recommendation of similar software

more

FusionStack Integrated development technology stack

FusionStack is a development technology stack based on the secondary release of SupaBase that is more suitable for localization of Backend As Service.

Easy zFile Document management system

Easy zFile is an open source file management system that supports the upload and download of files or folders, compression and decompression of ZIP files, online viewing, etc. User related support User registration, password recovery and login file management interface Support file and folder upload, download, drag

Rolldown JavaScrip packaging tool based on Rust

Rolldown is a JavaScript wrapper written in Rust, which is intended to be used by Vite in the future. It provides Rollup compatible application program interface and plug-in interface, but is more similar to e

ILLA Builder Open source low code tools

ILLA is a powerful open source low code platform for developers to build internal tools. By using ILLA's components and operation libraries, developers can save a lot of time in building tools. characteristic ⚽ Real time collaboration: we can create content together in real time. 🛠 ...

micro-app Micro front-end framework

Micro app is a micro front-end framework, which is based on WebComponent like rendering and implements micro front-end from a component-based perspective, aiming to reduce the difficulty of getting started and improve work efficiency. It is currently the lowest cost framework for accessing micro front-end, and provides JS sandbox

Hot News

one
Microsoft's Chinese AI team collectively packs up and goes to the United States, involving hundreds of people
two
How much revenue can an unknown open source project bring
three
The first visualization library in the front end, the founder of ECharts, a well-known open source project of Baidu -- "go to sea" fish farming
four
Fraudsters use TeamViewer to transfer 3.98 million yuan! What should a remote desktop vendor do?
five
Former employees of well-known open-source companies revealed that the technical leader became furious and fired pregnant female employees after being challenged by subordinates
six
Zhou Hongyi: There is not much time left for Google. It is suggested to open source all products
seven
OpenAI considers allowing AI to generate pornographic content
eight
Please ask everyone, what role does time. sleep (6) play here?
nine
Microsoft responds to the rumor that AI teams in China "pack up and go to the United States"
ten
Google shows running Chrome OS in Android virtual machine
zero comment
thirteen Collection
share
OSCHINA
Log in to view more high-quality content
Use WeChat to log in quickly
Back to top
Top