Hacker ApprovedDepartments

Picknplace.js

Ranked 2 of 24 JavaScript libraries by recommenders

Pick an item, scroll to move it, then place it; people like it for mobile and long lists. Critics say scroll-wheel steps are too coarse.

Pick an item, scroll to move it, then place it; people like it for mobile and long lists. Critics say scroll-wheel steps are too coarse.

84 people gave an opinion

recommend it
58
criticize it
26
approval share
69%
Each figure is one person. RecommendsCriticizes

Recommended in 1 of 13 months

  1. November 2025: not recommended
  2. December 2025: recommended
  3. January 2026: not recommended
  4. February 2026: not recommended
  5. March 2026: not recommended
  6. April 2026: not recommended
  7. May 2026: not recommended
  8. June 2026: not recommended
  9. July 2026: not recommended
  10. August 2026: not recommended
  11. September 2026: not recommended
  12. October 2026: not recommended
  13. November 2026: not recommended (month in progress)

Why it doesn’t carry the badge

  • 58 people recommend itNeeds 10 or more, met.
  • 2.2 recommenders for every criticNeeds 2 to 1 or better, met.
  • Recommended in 1 of 13 monthsNeeds 4 or more, not met.

The same three rules apply to every product, and the badge can’t be bought. How the badge works

What people say about it

The reasons people give, with the number of comments that give each one. Open a reason to read what they said.

Why people recommend it

Each mark is one comment

  • Works well on mobile touch

    “it solves the problem of dragging mobile elements below the fold or off the visible screen view”

    Comment from 19 Dec 2025 in “Show HN: Picknplace.js, an alternative to drag-and-drop”

    “This is really nice and a very original take. It feels good on mobile / other touch devices.”

    Comment from 19 Dec 2025 in “Show HN: Picknplace.js, an alternative to drag-and-drop”

    “Worked great for me on mobile. iOS , latest Safari. And I thought the UX was pretty good too”

    Comment from 20 Dec 2025 in “Show HN: Picknplace.js, an alternative to drag-and-drop”
  • Novel take on drag and drop

    “Brilliant! Its been a while since I've seen a brand new UX patten.”

    Comment from 19 Dec 2025 in “Show HN: Picknplace.js, an alternative to drag-and-drop”

    “a bit confusing, but lovely original idea, well made demo too”

    Comment from 18 Dec 2025 in “Show HN: Picknplace.js, an alternative to drag-and-drop”

    “We need more experimenting with UX status quo.”

    Comment from 22 Dec 2025 in “Show HN: Picknplace.js, an alternative to drag-and-drop”
  • Quick, one-handed, less frustrating

    “it's very cool for eliminating the least productive/most frustrating stage of drag-drop interactions”

    Comment from 19 Dec 2025 in “Show HN: Picknplace.js, an alternative to drag-and-drop”

    “wanted to do something that was easy with this and not so easy with traditional drag and drop”

    Comment from 19 Dec 2025 in “Show HN: Picknplace.js, an alternative to drag-and-drop”

    “It took me less than 5 seconds to start using this one handed”

    Comment from 16 Dec 2025 in “Show HN: Picknplace.js, an alternative to drag-and-drop”
  • Useful for long lists

    “I could see this being really useful for editing lists that are longer than the page.”

    Comment from 18 Dec 2025 in “Show HN: Picknplace.js, an alternative to drag-and-drop”

    “Moving songs up/down in large playlists would be fun with this concept.”

    Comment from 19 Dec 2025 in “Show HN: Picknplace.js, an alternative to drag-and-drop”

What people warn about

Each mark is one comment

  • Placed item reverts or fails to place

    “This doesn’t appear to always work? Sometimes the placed item gets sent back to the original position”

    Comment from 18 Dec 2025 in “Show HN: Picknplace.js, an alternative to drag-and-drop”

    “The first time I tried it on my iPad, it didn’t place the item, but it did on subsequent uses.”

    Comment from 18 Dec 2025 in “Show HN: Picknplace.js, an alternative to drag-and-drop”

    “Doesnt work, place just reverts on mobile safari. Even if it worked this adds steps.”

    Comment from 19 Dec 2025 in “Show HN: Picknplace.js, an alternative to drag-and-drop”
  • List or page moves, disorienting

    “it gets a bit disorienting, the whole list moves as it's anchored to the item you are moving”

    Comment from 18 Dec 2025 in “Show HN: Picknplace.js, an alternative to drag-and-drop”

    “I was expecting that the line item would move with my mouse movement, not with my scroll.”

    Comment from 19 Dec 2025 in “Show HN: Picknplace.js, an alternative to drag-and-drop”

    “The whole page moves, so you have to continously scroll back up after placing something.”

    Comment from 16 Dec 2025 in “Show HN: Picknplace.js, an alternative to drag-and-drop”
  • Scroll wheel moves too far

    “Does not work with an indexed scrollwheel -- one click of the scroll wheel moves like 4 lines in your list”

    Comment from 18 Dec 2025 in “Show HN: Picknplace.js, an alternative to drag-and-drop”

    “I have a regular scroll wheel and it moves two items each time. Totally unusable for me.”

    Comment from 19 Dec 2025 in “Show HN: Picknplace.js, an alternative to drag-and-drop”
  • Place button far from pick

    “My biggest problem with the OP implementation is the “place” button can be far from the “pick” button.”

    Comment from 19 Dec 2025 in “Show HN: Picknplace.js, an alternative to drag-and-drop”

    “the "place" button is quite unintuitive and should be placed nearer to the pick-n-place container”

    Comment from 19 Dec 2025 in “Show HN: Picknplace.js, an alternative to drag-and-drop”

Other JavaScript libraries people recommend

The four most recommended other JavaScript libraries, with the same counts for each, so you can compare like for like. The tick on each bar marks the 2 to 1 line the badge needs.

Picknplace.js compared with 4 alternatives
ProductRecommendCriticizeApprovalMonthsOwnedBadge
jQuery1114870%1216 yrs8 ownersApproved
Picknplace.jsThis page582669%1——
Alpine.js501676%111 yr4 ownersApproved
Effect (TypeScript library)381670%102 yrs3 ownersApproved
Video.js24680%1——
See all 24 JavaScript libraries, ranked

What people said

40 of the 85 comments that mention it, newest first. Each links to the original comment.

“We need more experimenting with UX status quo.”

RecommendsComment from 22 Dec 2025 in “Show HN: Picknplace.js, an alternative to drag-and-drop”

“When it works well it is nice but I would be afraid to use something like this”

MixedComment from 20 Dec 2025 in “Show HN: Picknplace.js, an alternative to drag-and-drop”

“Worked great for me on mobile. iOS , latest Safari. And I thought the UX was pretty good too”

RecommendsComment from 20 Dec 2025 in “Show HN: Picknplace.js, an alternative to drag-and-drop”

“the "picked" state needs to be clearer that it's picked up”

MixedComment from 19 Dec 2025 in “Show HN: Picknplace.js, an alternative to drag-and-drop”

“the "place" button is quite unintuitive and should be placed nearer to the pick-n-place container”

MixedComment from 19 Dec 2025 in “Show HN: Picknplace.js, an alternative to drag-and-drop”

“I think this has potential for accessibility, just at the moment your demo page has issues in certain cases.”

MixedComment from 19 Dec 2025 in “Show HN: Picknplace.js, an alternative to drag-and-drop”

“I hate it, but I love experimentation, and I love seeing new UI/UX concepts.”

MixedComment from 19 Dec 2025 in “Show HN: Picknplace.js, an alternative to drag-and-drop”

“I have a regular scroll wheel and it moves two items each time. Totally unusable for me.”

MixedComment from 19 Dec 2025 in “Show HN: Picknplace.js, an alternative to drag-and-drop”

“This is really nice and a very original take. It feels good on mobile / other touch devices.”

RecommendsComment from 19 Dec 2025 in “Show HN: Picknplace.js, an alternative to drag-and-drop”

“relying on scroll as the positioning method means that if you don't have a fine-grained scroll method”

MixedComment from 19 Dec 2025 in “Show HN: Picknplace.js, an alternative to drag-and-drop”

“this UX interaction could be quite an improvement in some cases”

RecommendsComment from 19 Dec 2025 in “Show HN: Picknplace.js, an alternative to drag-and-drop”

“having it at a distance creates unnecessary cognitive burden”

MixedComment from 19 Dec 2025 in “Show HN: Picknplace.js, an alternative to drag-and-drop”

“I was expecting that the line item would move with my mouse movement, not with my scroll.”

CriticizesComment from 19 Dec 2025 in “Show HN: Picknplace.js, an alternative to drag-and-drop”

“Great, maybe highlight the item so we can distinguish the picked item from the others without scrolling.”

RecommendsComment from 19 Dec 2025 in “Show HN: Picknplace.js, an alternative to drag-and-drop”

“wanted to do something that was easy with this and not so easy with traditional drag and drop”

MixedComment from 19 Dec 2025 in “Show HN: Picknplace.js, an alternative to drag-and-drop”

“it's very cool for eliminating the least productive/most frustrating stage of drag-drop interactions”

RecommendsComment from 19 Dec 2025 in “Show HN: Picknplace.js, an alternative to drag-and-drop”

“I especially love it because it leaves open the possibility of interacting with the rest of the screen while an element is picked.”

RecommendsComment from 19 Dec 2025 in “Show HN: Picknplace.js, an alternative to drag-and-drop”

“My biggest problem with the OP implementation is the “place” button can be far from the “pick” button.”

MixedComment from 19 Dec 2025 in “Show HN: Picknplace.js, an alternative to drag-and-drop”

“Brilliant! Its been a while since I've seen a brand new UX patten.”

RecommendsComment from 19 Dec 2025 in “Show HN: Picknplace.js, an alternative to drag-and-drop”

“This experience worked great for me on mobile Safari with no instructions required.”

RecommendsComment from 19 Dec 2025 in “Show HN: Picknplace.js, an alternative to drag-and-drop”

“Moving songs up/down in large playlists would be fun with this concept.”

RecommendsComment from 19 Dec 2025 in “Show HN: Picknplace.js, an alternative to drag-and-drop”

“Doesnt work, place just reverts on mobile safari. Even if it worked this adds steps.”

CriticizesComment from 19 Dec 2025 in “Show HN: Picknplace.js, an alternative to drag-and-drop”

“it solves the problem of dragging mobile elements below the fold or off the visible screen view”

MixedComment from 19 Dec 2025 in “Show HN: Picknplace.js, an alternative to drag-and-drop”

“Ditch the scroll. Pick: all previous "Pick" buttons become "Place". You choose one.”

MixedComment from 18 Dec 2025 in “Show HN: Picknplace.js, an alternative to drag-and-drop”

“Surely you're being hyperbolic. I've seen some atrocious UX before.”

MixedComment from 18 Dec 2025 in “Show HN: Picknplace.js, an alternative to drag-and-drop”

“a bit confusing, but lovely original idea, well made demo too”

MixedComment from 18 Dec 2025 in “Show HN: Picknplace.js, an alternative to drag-and-drop”

“It’s good, I like it. I think that it might become easier to use if”

MixedComment from 18 Dec 2025 in “Show HN: Picknplace.js, an alternative to drag-and-drop”

“For mobile, this seems like a good, maybe even better solution than the status Quo.”

MixedComment from 18 Dec 2025 in “Show HN: Picknplace.js, an alternative to drag-and-drop”

“The first time I tried it on my iPad, it didn’t place the item, but it did on subsequent uses.”

MixedComment from 18 Dec 2025 in “Show HN: Picknplace.js, an alternative to drag-and-drop”

“I could see this being really useful for editing lists that are longer than the page.”

RecommendsComment from 18 Dec 2025 in “Show HN: Picknplace.js, an alternative to drag-and-drop”

“Definitely see its potential for mobile pages.”

MixedComment from 18 Dec 2025 in “Show HN: Picknplace.js, an alternative to drag-and-drop”

“really cool as something to test a new way”

MixedComment from 18 Dec 2025 in “Show HN: Picknplace.js, an alternative to drag-and-drop”

“This doesn’t appear to always work? Sometimes the placed item gets sent back to the original position”

MixedComment from 18 Dec 2025 in “Show HN: Picknplace.js, an alternative to drag-and-drop”

“kind of unintuitive to figure out without reading about it first”

MixedComment from 18 Dec 2025 in “Show HN: Picknplace.js, an alternative to drag-and-drop”

“Does not work with an indexed scrollwheel -- one click of the scroll wheel moves like 4 lines in your list”

CriticizesComment from 18 Dec 2025 in “Show HN: Picknplace.js, an alternative to drag-and-drop”

“it gets a bit disorienting, the whole list moves as it's anchored to the item you are moving”

MixedComment from 18 Dec 2025 in “Show HN: Picknplace.js, an alternative to drag-and-drop”

“One technical note on your implementation: on certain mobile browsers, there is a glitch where the UI can jump around”

MixedComment from 16 Dec 2025 in “Show HN: Picknplace.js, an alternative to drag-and-drop”

“It took me less than 5 seconds to start using this one handed”

RecommendsComment from 16 Dec 2025 in “Show HN: Picknplace.js, an alternative to drag-and-drop”

“The whole page moves, so you have to continously scroll back up after placing something.”

CriticizesComment from 16 Dec 2025 in “Show HN: Picknplace.js, an alternative to drag-and-drop”

“The keyboard arrows to move works nice, but pressing enter to place appears to cancel it.”

MixedComment from 16 Dec 2025 in “Show HN: Picknplace.js, an alternative to drag-and-drop”

Counts come from 1,795,640 Hacker News comments, November 2025 to November 2026. How we count. Report a mistake.