puck vs dnd-kit

With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

surveyjs.io

featured

InfluxDB - Power Real-Time Data Analytics at Scale

Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

www.influxdata.com

featured

puck		dnd-kit
	Project
18	Mentions	43
4,456	Stars	11,412
7.8%	Growth	-
9.8	Activity	4.9
11 days ago	Latest Commit	about 1 month ago
TypeScript	Language	TypeScript
MIT License	License	MIT License

The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.

puck

Posts with mentions or reviews of puck. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2023-12-20.

Show HN: Puck (Visual Editor for React) now supports viewport switching
1 project | news.ycombinator.com | 18 Apr 2024
Puck visual editor for React, 0.13: Multi-column layouts, custom UIs and RSC
2 projects | news.ycombinator.com | 20 Dec 2023

Hello fellow hackers!
We launched Puck in September [on Hackernews](https://news.ycombinator.com/item?id=37391848) after building it for our clients, and had a wild ride to the front page!
I wanted to share a little update on what's happened since:
1. 3.7k starts [on GitHub](https://github.com/measuredco/puck)!
Building a React Page Builder: An Introduction to Puck
1 project | dev.to | 28 Sep 2023

If you like Puck, please throw us a star via our GitHub repository or come chat on our Discord server. For more information about our React services, please visit the Measured website.
Show HN: An open source visual editor for React
1 project | /r/hypeurls | 8 Sep 2023

1 project | /r/hackernews | 7 Sep 2023

17 projects | news.ycombinator.com | 5 Sep 2023

Tracking this here, with proposal: https://github.com/measuredco/puck/issues/41
FLaNK Stack Weekly 5 September 2023
19 projects | dev.to | 5 Sep 2023

dnd-kit

Posts with mentions or reviews of dnd-kit. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2024-04-24.

A feature-rich front-end drag-and-drop component library
10 projects | news.ycombinator.com | 24 Apr 2024

dndkit seemed very promising, until I realized the state of development [0], and critical performance issues if you want to use it for larger lists (individual issues linked within [0]). So it's fine if you need to use it for simple scenarios and a smaller number of items, but otherwise, it's inadequate in current state, unfortunately...The fact that the post was in Aug 2023, perf. issues still remain and there's low activity on issues in general, doesn't bode well...
[0] - https://github.com/clauderic/dnd-kit/issues/1194
Best Next.js Libraries and Tools in 2024
10 projects | dev.to | 10 Apr 2024

Link: https://dndkit.com/
Curious case of Drag and Drop
3 projects | dev.to | 30 Jan 2024

dnd-kit is one of the newest ones, it is modern, light-weight, and performant.
React Ecosystem in 2024
22 projects | dev.to | 16 Oct 2023

Website: DND Kit
Show HN: An open source visual editor for React
17 projects | news.ycombinator.com | 5 Sep 2023

Yup that's the one. Also recommend checking out [dnd-kit](https://dndkit.com), which we may migrate to at a later date.
🎲 Dice Merge - ReactJS
1 project | dev.to | 9 Jun 2023
Technology behind figma/godaddy/google site
1 project | /r/learnprogramming | 29 May 2023

You can drag and drop things in pure assembly by using native browsers APIs or using a library like https://dndkit.com/.
🎉Top React Libraries for Developers
7 projects | dev.to | 18 May 2023

DND Kit is a React library for building complex drag-and-drop web applications. It provides a set of APIs for handling drag-and-drop interactions, making it easier to build custom drag-and-drop.
React Beginner with question!
1 project | /r/reactjs | 6 May 2023

you can check https://dndkit.com for the drag and drop.
Libraries for nested drag and drop
1 project | /r/reactjs | 5 May 2023

Dnd kit: https://dndkit.com/

What are some alternatives?

When comparing puck and dnd-kit you can also consider the following projects:

react-mrz-scanner - React MRZ Scanner

react-dnd - Drag and Drop for React

react-page - Next-gen, highly customizable content editor for the browser - based on React and written in TypeScript. WYSIWYG on steroids.

react-beautiful-dnd - Beautiful and accessible drag and drop for lists with React

magic-edit - MagicEdit: High-Fidelity Temporally Coherent Video Editing

framer/motion - Open source, production-ready animation and gesture library for React

concrete-ml - Concrete ML: Privacy Preserving ML framework built on top of Concrete, with bindings to traditional ML frameworks.

react-sortable-hoc - A set of higher-order components to turn any list into an animated, accessible and touch-friendly sortable list✌️

paxml - Pax is a Jax-based machine learning framework for training large scale models. Pax allows for advanced and fully configurable experimentation and parallelization, and has demonstrated industry leading model flop utilization rates.

react-smooth-dnd - react wrapper components for smooth-dnd

openaidemo - Demo of how access the OpenAI API using Java 17

svelte-dnd-action - An action based drag and drop container for Svelte